.ih{--ih-accent:var(--accent);--ih-grad:var(--brand-grad);padding-bottom:56px}.c-accent{--c:var(--accent)}.c-amber{--c:#b45309}:root[data-theme=dark] .c-amber{--c:#fbbf24}.ih-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;grid-gap:24px;gap:24px;padding:48px 0 36px}.ih-hero:before{content:"";position:absolute;inset:-96px -5% 0;z-index:-1;pointer-events:none;background:radial-gradient(520px 300px at 80% 45%,color-mix(in srgb,var(--ih-accent) 14%,transparent),transparent 70%),radial-gradient(500px 260px at 15% 45%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 70%);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 45%,transparent 100%)}.ih-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--ih-accent);background:color-mix(in srgb,var(--ih-accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--ih-accent) 18%,transparent)}.ih-badge svg{width:14px;height:14px;fill:currentColor}.ih-copy h1{margin:16px 0 14px;font-size:clamp(2.4rem,5.6vw,4rem);line-height:1.05;font-weight:800;letter-spacing:-.035em}.ih-grad{background:var(--ih-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ih-copy p{margin:0;max-width:54ch;font-size:1.08rem;color:var(--muted)}.ih-art{position:relative;height:230px}.ih-glow{left:10%;top:0;width:80%;height:100%;background:color-mix(in srgb,var(--ih-accent) 16%,transparent);filter:blur(40px)}.ih-glow,.ih-orbit{position:absolute;border-radius:50%}.ih-orbit{left:0;top:34%;width:74%;height:46%;border:2px solid color-mix(in srgb,var(--ih-accent) 22%,transparent);transform:rotate(-10deg)}.ih-photo{position:absolute;width:150px;height:112px;border-radius:16px}.ih-photo.back{left:30%;top:4%;transform:rotate(10deg);background:color-mix(in srgb,var(--ih-accent) 16%,var(--surface))}.ih-photo.mid{left:24%;top:10%;transform:rotate(4deg);background:color-mix(in srgb,var(--ih-accent) 26%,var(--surface));box-shadow:0 10px 30px -14px rgba(67,56,202,.5)}.ih-photo.front{left:18%;top:18%;transform:rotate(-6deg);overflow:hidden;border:4px solid var(--surface);background:linear-gradient(160deg,#a5b4fc,#4338ca);box-shadow:0 18px 40px -16px rgba(67,56,202,.6)}.ih-photo.front svg{position:absolute;inset:0;width:100%;height:100%}.ih-photo.front circle{fill:rgba(255,255,255,.9)}.ih-photo.front path{fill:rgba(255,255,255,.45)}.ih-swap{position:absolute;left:calc(18% + 120px);top:calc(18% + 76px);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--ih-grad);border:4px solid var(--surface);box-shadow:0 12px 28px -10px rgba(79,70,229,.7)}.ih-swap svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ih-note{position:absolute;right:0;top:2%;font-size:1.35rem;line-height:1.1;color:color-mix(in srgb,var(--ih-accent) 70%,var(--muted));transform:rotate(-8deg);text-align:center}.ih-arrow{position:absolute;right:9%;top:34%;width:64px;height:54px;fill:none;stroke:color-mix(in srgb,var(--ih-accent) 60%,var(--muted));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ih-photo.ih-code{display:grid;align-content:center;grid-gap:2px;gap:2px;padding:10px 16px;background:var(--surface);font:600 .8rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}.ih-code>span:not(.b){padding-left:14px;white-space:nowrap}.ih-code i{font-style:normal}.ih-code .b{color:var(--ink)}.ih-code .k,.ih-code .v{color:var(--accent)}.ih-code .n{color:#7c3aed}:root[data-theme=dark] .ih-code .n{color:#c4b5fd}.ih .ih-photo.mid{box-shadow:0 10px 30px -14px color-mix(in srgb,var(--accent) 60%,transparent)}.ih .ih-photo.front{box-shadow:0 18px 40px -16px color-mix(in srgb,var(--accent) 65%,transparent)}.ih .ih-swap{box-shadow:0 12px 28px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.ih-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;padding:22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px -36px rgba(30,41,99,.35)}:root[data-theme=dark] .ih-panel{box-shadow:0 24px 60px -30px rgba(0,0,0,.6)}.ih-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:start;grid-gap:18px;gap:18px;padding:22px;border-radius:16px;background:color-mix(in srgb,var(--c) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 16%,var(--line));transition:border-color .2s,box-shadow .2s,transform .2s}.ih-card.wide{grid-column:1/-1}.ih-card:hover{border-color:color-mix(in srgb,var(--c) 40%,var(--line));box-shadow:0 16px 36px -24px color-mix(in srgb,var(--c) 70%,transparent);transform:translateY(-2px)}.ih-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--c) 14%,var(--surface))}.ih-icon svg{width:32px;height:32px;fill:none;stroke:var(--c);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ih-body{min-width:0}.ih-body h2{margin:2px 0 6px;font-size:1.3rem;letter-spacing:-.015em}.ih-body p{margin:0 0 16px;color:var(--muted)}.ih-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.ih-chips a{display:inline-block;padding:8px 18px;border-radius:999px;font-size:.92rem;font-weight:500;text-decoration:none;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);transition:background .15s,border-color .15s}.ih-chips a:hover{background:color-mix(in srgb,var(--c) 10%,var(--surface));border-color:var(--c)}.ih-cover{color:inherit;text-decoration:none}.ih-cover:after{content:"";position:absolute;inset:0;border-radius:inherit}.ih-cover:focus-visible{outline:none}.ih-card:has(.ih-cover:focus-visible){outline:3px solid var(--c);outline-offset:2px}.ih-card:has(.ih-cover){cursor:pointer}.ih-tags span{display:inline-block;padding:7px 16px;border-radius:999px;font-size:.88rem;font-weight:500;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}.ih-go{display:grid;place-items:center;width:28px;height:28px;margin-top:4px;border-radius:8px;color:var(--c)}.ih-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.ih-card:hover .ih-go svg{transform:translateX(3px)}.ih-go:hover{background:color-mix(in srgb,var(--c) 12%,transparent)}.ih-foot{margin:18px 4px 0;font-size:.88rem;color:var(--muted)}@media (max-width:960px){.ih-hero{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.ih-arrow,.ih-note{display:none}}@media (max-width:820px){.ih-panel{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}}@media (max-width:720px){.ih-hero{grid-template-columns:minmax(0,1fr);padding-top:32px}.ih-art{display:none}}@media (max-width:480px){.ih-card{grid-template-columns:44px minmax(0,1fr);gap:12px 14px;padding:16px}.ih-body{display:contents}.ih-icon{width:44px;height:44px;border-radius:12px}.ih-icon svg{width:24px;height:24px}.ih-body h2{align-self:center;margin:0;padding-right:30px;font-size:1.12rem}.ih-body p,.ih-chips{grid-column:1/-1}.ih-body p{margin:0}.ih-chips{gap:8px}.ih-go{position:absolute;top:24px;right:12px;margin:0}.ih-chips a{padding:7px 14px;font-size:.88rem}}@media (prefers-reduced-motion:reduce){.ih-card,.ih-go svg{transition:none}}