:root{color-scheme:dark;--bg:#030712;--bg-2:#07111f;--panel:#0f172ac7;--panel-2:#020617b8;--text:#e5f7ff;--muted:#94a3b8;--line:#22d3ee38;--cyan:#22d3ee;--pink:#fb37a5;--accent:#22d3ee;--magenta:#fb37a5;--copper:#ee8441;--green:#7dd3fc;--shadow:0 24px 80px #00000073;--text-xs:.76rem;--text-sm:.9rem;--text-base:1rem;--text-lede:clamp(1.06rem, 1.25vw, 1.22rem);--h1-size:clamp(3rem, 6.2vw, 5.65rem);--h2-size:clamp(1.9rem, 3.05vw, 3.25rem);--h3-size:clamp(1.08rem, 1.15vw, 1.22rem);--display-line:.98;--heading-line:1.06;--display-track:-.055em;--heading-track:-.038em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 72% 14%,#fb37a52e,#0000 30rem),radial-gradient(circle at 18% 20%,#22d3ee2e,#0000 28rem),linear-gradient(135deg,#020617 0%,#07111f 48%,#050816 100%);margin:0;line-height:1.55}body:before{content:"";z-index:-2;background-image:linear-gradient(#22d3ee0f 1px,#0000 1px),linear-gradient(90deg,#22d3ee0d 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;mask-image:radial-gradient(circle,#000,#0000 78%)}.noise{pointer-events:none;z-index:-1;opacity:.18;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 0 0,#ffffff1a 0 1px,#0000 1px 5px);position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.brand{letter-spacing:.03em;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand img{border-radius:50%;width:42px;height:42px;box-shadow:0 0 24px #22d3ee73}nav{color:var(--muted);align-items:center;gap:8px;font-size:.94rem;display:flex}nav a{border-radius:999px;padding:10px 13px}nav a:hover{color:var(--text);background:#94a3b81f}main{width:min(1180px,100% - 40px);margin:0 auto}.hero{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:center;gap:54px;min-height:76vh;padding:62px 0 72px;display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;margin:0 0 14px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{max-width:900px;font-size:var(--h1-size);line-height:var(--display-line);letter-spacing:var(--display-track);margin-bottom:24px}h1 span{color:#0000;background:linear-gradient(90deg, var(--cyan), var(--pink), var(--copper));background-clip:text}h2{font-size:var(--h2-size);line-height:var(--heading-line);letter-spacing:var(--heading-track)}h3{font-size:var(--h3-size);letter-spacing:-.018em;margin-bottom:9px;line-height:1.18}p{text-wrap:pretty}.lede{color:#cbd5e1;max-width:690px;font-size:var(--text-lede);line-height:1.58}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex}.button.primary{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);box-shadow:0 14px 44px #22d3ee47}.button.secondary{border-color:var(--line);color:var(--text);background:#0f172ab3}.identity-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#0f172ae0,#020617c7);border-radius:32px;padding:28px;position:relative;overflow:hidden}.identity-card:before{content:"";background:radial-gradient(circle,#fb37a538,#0000 68%);width:320px;height:320px;position:absolute;inset:-30% -20% auto auto}.avatar{border:1px solid #22d3ee40;border-radius:36px;width:100%;max-width:360px;margin:0 auto 24px;display:block;box-shadow:0 0 60px #22d3ee33}.card-label{color:var(--copper);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:800}ol{color:#dbeafe;margin:0;padding-left:20px}ol li+li{margin-top:8px}.strip{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.strip span,.strip a{text-align:center;color:#dbeafe;background:#020617c7;place-items:center;min-height:86px;padding:18px;font-weight:760;display:grid}.strip a{transition:color .16s,background .16s,box-shadow .16s}.strip a:hover,.strip a:focus-visible{color:#fff;background:#081628f5;outline:none;box-shadow:inset 0 0 0 1px #22d3ee59}.section{padding:clamp(72px,9vw,104px) 0 0}.section-head{grid-template-columns:.9fr 1.1fr;align-items:end;gap:48px;margin-bottom:30px;display:grid}.section-head p:last-child,.section-head .external-link-note,.two-col>div:first-child p,.lab-panel p:last-child{color:var(--muted);font-size:1.08rem}.section-head .external-link-note{color:#bdd7e5;background:#22d3ee12;border:1px solid #22d3ee2e;border-radius:16px;margin-top:-18px;padding:13px 15px;font-size:.95rem}.external-link-note strong{color:var(--text)}.grid.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card,.tool-list article,.lab-panel,.timeline-items article{background:var(--panel);border:1px solid #22d3ee2e;border-radius:24px;box-shadow:0 16px 60px #00000040}.card{min-height:250px;padding:24px}.card span{color:var(--copper);letter-spacing:.13em;text-transform:uppercase;margin-bottom:42px;font-size:.72rem;font-weight:900;display:inline-flex}.card p,.tool-list p,.timeline p{color:var(--muted)}.two-col{grid-template-columns:.85fr 1.15fr;align-items:start;gap:34px;display:grid}.tool-list{gap:16px;display:grid}.tool-list article{padding:24px}.tool-card-link{color:inherit;border-radius:24px;text-decoration:none;display:block}.tool-card-link article{transition:transform .16s,border-color .16s,background .16s}.tool-card-link:hover article,.tool-card-link:focus-visible article{background:#0f172af0;border-color:#22d3ee73;transform:translateY(-2px)}.tool-card-link span{color:var(--accent);margin-top:12px;font-weight:800;display:inline-flex}.lab-panel{background:linear-gradient(135deg,#22d3ee17,#0000 45%),linear-gradient(#0f172ae6,#020617d1);margin-top:clamp(26px,4.5vw,54px);padding:clamp(30px,6vw,66px)}.lab-panel p:last-child{max-width:850px}.timeline{grid-template-columns:.8fr 1.2fr;gap:34px;padding-bottom:100px;display:grid}.timeline-items{gap:16px;display:grid}.timeline-items article{padding:24px}time{color:var(--pink);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}footer{width:min(1180px,100% - 40px);color:var(--muted);border-top:1px solid #94a3b82e;justify-content:space-between;gap:18px;margin:0 auto;padding:34px 0 48px;display:flex}@media (width<=920px){.site-header,footer{flex-direction:column;align-items:flex-start}nav{flex-wrap:wrap}.hero,.section-head,.two-col,.timeline{grid-template-columns:1fr}.grid.cards,.strip{grid-template-columns:repeat(2,1fr)}.hero{gap:32px;min-height:auto;padding:34px 0 64px}}@media (width<=560px){main,.site-header,footer{width:min(100% - 28px,1180px)}.site-header{gap:16px;padding:18px 0 8px}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}nav a{text-align:center;white-space:nowrap;background:#0f172a6b;border:1px solid #94a3b824;justify-content:center;align-items:center;min-height:38px;padding:8px 10px;font-size:.82rem;display:inline-flex}.hero{gap:30px;min-height:auto;padding:34px 0 52px}h1{letter-spacing:-.052em;font-size:clamp(2.55rem,11.5vw,3.25rem);line-height:1}.grid.cards,.strip{grid-template-columns:1fr}.identity-card{border-radius:24px;padding:18px}.avatar{border-radius:24px}}.resources-hero{align-items:stretch}.identity-card.compact{min-height:auto}.small-actions{margin-top:24px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.category-resource-list{gap:42px;display:grid}.category-section{scroll-margin-top:28px}.category-heading{border-bottom:1px solid #22d3ee29;justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;padding-bottom:12px;display:flex}.category-heading>div{min-width:240px}.category-heading>p{max-width:54ch;color:var(--muted);margin:0}.category-heading .eyebrow{color:var(--copper);margin:0}.category-heading h3{letter-spacing:-.028em;margin:0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.08}.resource-card{background:linear-gradient(#0f172ae6,#020617b8),radial-gradient(circle at 100% 0,#fb37a51f,#0000 36%);border:1px solid #22d3ee33;border-radius:24px;flex-direction:column;gap:16px;min-height:100%;padding:22px;display:flex;box-shadow:0 20px 60px #00000047}.resource-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pill,.difficulty{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.pill{color:var(--accent);background:#22d3ee14;border:1px solid #22d3ee47}.difficulty{color:#cbd5e1;background:#94a3b814;border:1px solid #94a3b838}.difficulty.beginner{color:#86efac;background:#22c55e14;border-color:#86efac3d}.difficulty.intermediate{color:#fde68a;background:#f59e0b14;border-color:#fde68a3d}.difficulty.advanced{color:#fda4af;background:#f43f5e14;border-color:#fda4af3d}.difficulty.reference{color:#bfdbfe;background:#3b82f614;border-color:#bfdbfe3d}.resource-card h2{letter-spacing:-.022em;margin:0;font-size:clamp(1.25rem,1.65vw,1.55rem);line-height:1.14}.resource-card p{color:var(--muted);margin:0}.first-step{color:var(--muted);background:#ee844114;border:1px solid #ee84412e;border-radius:16px;gap:4px;padding:14px;display:grid}.first-step strong{color:var(--copper)}.safety-note{background:#7dd3fc12;border-color:#7dd3fc2e}.safety-note strong{color:var(--green)}.command-box{background:#010812e0;border:1px solid #22d3ee33;border-radius:18px;margin-top:auto;overflow:hidden}.command-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #22d3ee24;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.78rem;font-weight:800;display:flex}.copy-command{cursor:pointer;color:var(--text);font:inherit;background:#22d3ee1a;border:1px solid #22d3ee59;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}.copy-command:hover{background:#22d3ee2e;border-color:#22d3eea6}.command-box pre{color:#d9f99d;white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;font:.88rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.resource-link{width:fit-content;color:var(--accent);align-items:center;gap:10px;margin-top:2px;font-weight:800;text-decoration:none;display:inline-flex}.resource-link span:after{content:"→";margin-left:7px}.resource-link em{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#94a3b814;border:1px solid #94a3b838;border-radius:999px;padding:4px 8px;font-size:.68rem;font-style:normal;font-weight:900}.resource-link:hover{color:var(--magenta)}.resource-link:hover em{color:var(--text);border-color:#fb37a559}@media (width<=920px){.resource-grid{grid-template-columns:1fr}.category-heading{flex-direction:column-reverse;align-items:flex-start}}.example-use{color:var(--muted);background:#22d3ee13;border:1px solid #22d3ee2e;border-radius:16px;gap:4px;padding:14px;display:grid}.example-use strong{color:var(--cyan)}.about-hero{min-height:72vh}.about-card .avatar{max-width:280px}.about-section{padding-top:96px}.about-copy{background:#0f172ab8;border:1px solid #22d3ee2e;border-radius:28px;gap:18px;max-width:860px;padding:28px;display:grid;box-shadow:0 16px 60px #00000038}.about-copy p{color:#cbd5e1;margin:0;font-size:1.08rem}.about-principles .card{min-height:210px}.about-timeline{gap:16px;max-width:920px;display:grid}.about-timeline article{background:#0f172ab8;border:1px solid #22d3ee2e;border-radius:24px;padding:24px 24px 24px 58px;position:relative}.about-timeline article:before{content:"";background:var(--cyan);border-radius:999px;width:14px;height:14px;position:absolute;top:29px;left:24px;box-shadow:0 0 22px #22d3ee8c}.about-timeline h3{margin-bottom:6px}.about-timeline p{color:var(--muted);margin:0}.about-goals{margin-bottom:100px}.about-goals ul{color:#dbeafe;margin:24px 0 0;padding-left:22px}.about-goals li+li{margin-top:10px}.about-preview{box-shadow:var(--shadow);background:linear-gradient(#0f172ad1,#020617ad),radial-gradient(circle at 100% 0,#22d3ee1f,#0000 34rem);border:1px solid #22d3ee33;border-radius:30px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;margin-top:-24px;padding:34px;display:grid}.about-preview h2{font-size:clamp(1.8rem,2.75vw,2.9rem);line-height:var(--heading-line);letter-spacing:var(--heading-track);margin-bottom:0}.about-preview-copy{gap:18px;display:grid}.about-preview-copy p{color:#cbd5e1;margin:0;font-size:1.06rem}.about-preview-copy .button{width:fit-content;margin-top:4px}@media (width<=920px){.about-preview{grid-template-columns:1fr;gap:24px;margin-top:0;padding:24px}}.hermes-explainer-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);min-height:calc(100vh - 86px)}.hermes-explainer-hero h1{max-width:980px}.lede strong{color:var(--text)}.simple-line{color:#b7cbe0;max-width:680px;margin:18px 0 0;font-size:1.05rem}.comparison-card{gap:16px;display:grid}.compare-row{z-index:1;background:#02061785;border:1px solid #94a3b82e;border-radius:20px;padding:18px;position:relative}.compare-row span{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:900;display:inline-flex}.compare-row strong{color:var(--text);letter-spacing:-.028em;margin-bottom:6px;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.12;display:block}.compare-row p,.tiny-note{color:var(--muted);margin:0}.active-row{background:linear-gradient(135deg,#22d3ee24,#fb37a514),#020617b3;border-color:#22d3ee61;box-shadow:inset 0 0 0 1px #22d3ee14,0 18px 60px #22d3ee14}.tiny-note{z-index:1;padding:0 4px;font-size:.94rem;position:relative}.basics-grid{gap:14px;display:grid}.basics-grid article{background:#0206176b;border:1px solid #22d3ee29;border-radius:18px;padding:18px}.basics-grid strong{color:var(--text);margin-bottom:6px;font-size:1.05rem;display:block}.basics-grid p{color:var(--muted);margin:0}@media (width<=560px){.hermes-explainer-hero{grid-template-columns:1fr;padding-top:30px}.hermes-explainer-hero .eyebrow{letter-spacing:.14em;max-width:220px;line-height:1.45}.hermes-explainer-hero h1{letter-spacing:-.052em;margin-bottom:18px;font-size:clamp(2.45rem,10.5vw,3.15rem);line-height:1}.hermes-explainer-hero .lede{font-size:1.02rem;line-height:1.48}.comparison-card{gap:12px}.compare-row{padding:15px}}.nav-glass,.site-header{z-index:20;backdrop-filter:blur(18px);background:#030712b8;border:1px solid #ffffff14;border-radius:999px;padding:12px 14px;position:sticky;top:12px;box-shadow:0 18px 70px #00000059,inset 0 1px #ffffff0f}.brand span{letter-spacing:-.025em;font-weight:900}nav a{font-weight:780;transition:color .16s,background .16s,transform .16s}nav a:hover,nav a:focus-visible{transform:translateY(-1px)}.homepage-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:calc(100vh - 90px);padding-top:78px}.homepage-hero h1{max-width:1040px;font-size:clamp(3.2rem,6.6vw,6.4rem)}.hero-actions .button{min-height:52px;padding-inline:22px}.button{transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.button:hover,.button:focus-visible{outline:none;transform:translateY(-2px)}.button.primary:hover,.button.primary:focus-visible{box-shadow:0 18px 58px #22d3ee5c}.command-card{background:radial-gradient(circle at 78% 12%,#fb37a53d,#0000 18rem),linear-gradient(#0f172af0,#010611e6);flex-direction:column;gap:18px;min-height:470px;padding:0;display:flex}.command-card:before{display:none}.terminal-bar{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #22d3ee29;align-items:center;gap:8px;padding:16px 18px;font:.78rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.terminal-bar span{background:var(--cyan);border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #22d3ee8c}.terminal-bar span:nth-child(2){background:var(--pink);box-shadow:0 0 18px #fb37a58c}.terminal-bar span:nth-child(3){background:var(--copper);box-shadow:0 0 18px #ee84418c}.terminal-bar strong{color:#cbd5e1;margin-left:auto}.terminal-lines{gap:11px;padding:10px 22px 0;font:.95rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.terminal-lines p{color:#dbeafe;background:#0206177a;border:1px solid #22d3ee1f;border-radius:14px;margin:0;padding:11px 12px}.terminal-lines span{min-width:24px;color:var(--cyan);font-weight:900;display:inline-block}.console-note{background:#fb37a514;border:1px solid #fb37a53d;border-radius:20px;margin:auto 22px 22px;padding:18px}.console-note strong{color:var(--pink);margin-bottom:6px;display:block}.console-note p{color:#dbeafe;margin:0}.proof-strip{box-shadow:var(--shadow);background:#22d3ee2e;border:1px solid #22d3ee33;border-radius:28px;grid-template-columns:repeat(4,1fr);gap:1px;margin:-34px 0 38px;display:grid;overflow:hidden}.proof-strip article{background:#020617c7;align-content:center;gap:8px;min-height:132px;padding:22px;display:grid}.proof-strip strong{color:var(--text);letter-spacing:-.06em;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1}.proof-strip span{color:var(--muted);font-weight:750}.mission-panel{margin-top:0}.mission-grid article{transition:transform .16s,border-color .16s,background .16s}.mission-grid article:hover{background:#02061794;border-color:#22d3ee57;transform:translateY(-2px)}.loop-grid.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.loop-card{min-height:300px;position:relative;overflow:hidden}.loop-card:after{content:"";background:radial-gradient(circle,#22d3ee2e,#0000 68%);height:160px;position:absolute;inset:auto -30% -35% 20%}.proof-list{gap:16px;display:grid}.proof-card{background:linear-gradient(135deg,#22d3ee11,#0000 38%),#0f172ab8;border:1px solid #22d3ee2e;border-radius:26px;gap:12px;padding:clamp(22px,3vw,30px);transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 18px 70px #00000042}.proof-card:hover,.proof-card:focus-visible{background:#0f172ae6;border-color:#22d3ee6b;outline:none;transform:translateY(-3px)}.proof-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.proof-meta span,.proof-meta em{letter-spacing:.09em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.72rem;font-style:normal;font-weight:900;display:inline-flex}.proof-meta span{color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee47}.proof-meta em{color:#dbeafe;background:#94a3b814;border:1px solid #94a3b833}.proof-card h3{margin:0;font-size:clamp(1.25rem,1.9vw,1.75rem)}.proof-card p{max-width:92ch;color:var(--muted);margin:0}.resource-preview .tag-cloud{margin-top:22px}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud span{color:#cbd5e1;background:#22d3ee12;border:1px solid #22d3ee2e;border-radius:999px;padding:8px 11px;font-size:.84rem;font-weight:780}.feature-list article{position:relative;overflow:hidden}.feature-list article:after{content:"";display:none}.future-panel{margin-bottom:100px}.resource-control-panel{z-index:10;backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#030712c7;border:1px solid #22d3ee33;border-radius:28px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px;margin:-30px 0 34px;padding:18px;display:grid;position:sticky;top:96px}.resource-search{gap:10px;display:grid}.resource-search label{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:900}.resource-search input{width:100%;min-height:50px;color:var(--text);font:inherit;background:#020617ad;border:1px solid #22d3ee38;border-radius:16px;outline:none;padding:0 16px}.resource-search input:focus{border-color:#22d3ee94;box-shadow:0 0 0 4px #22d3ee14}.resource-search p{color:var(--muted);margin:0;font-size:.92rem}#resource-count{color:var(--text);font-weight:900}.filter-chips{flex-wrap:wrap;align-content:start;gap:9px;display:flex}.filter-chip{cursor:pointer;color:#cbd5e1;min-height:36px;font:inherit;background:#0f172aa3;border:1px solid #94a3b82e;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:850;transition:transform .14s,border-color .14s,background .14s,color .14s}.filter-chip:hover,.filter-chip:focus-visible{border-color:#22d3ee59;outline:none;transform:translateY(-1px)}.filter-chip.active{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);border-color:#0000}.resource-console{align-content:start}.mini-stat-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid;position:relative}.mini-stat-grid div{background:#02061775;border:1px solid #22d3ee29;border-radius:16px;padding:14px}.mini-stat-grid strong{color:var(--text);letter-spacing:-.04em;font-size:1.45rem;line-height:1;display:block}.mini-stat-grid span{color:var(--muted);margin-top:6px;font-size:.78rem;font-weight:760;display:block}.resource-card{transition:transform .16s,border-color .16s,background .16s,opacity .16s}.resource-card:hover,.resource-card:focus-within{border-color:#22d3ee6b;transform:translateY(-2px)}.resource-card[hidden],.category-section[hidden]{display:none!important}.resource-link{margin-top:auto}.empty-state{box-shadow:var(--shadow);background:radial-gradient(circle at 16% 0,#fb37a529,#0000 30rem),#0f172ac2;border:1px solid #22d3ee33;border-radius:28px;padding:clamp(28px,5vw,52px)}.empty-state h3{font-size:clamp(1.35rem,2vw,2rem)}.empty-state p:not(.eyebrow){color:var(--muted);max-width:680px}@media (width<=980px){.nav-glass,.site-header{border-radius:26px;position:static}.homepage-hero,.resource-control-panel{grid-template-columns:1fr}.proof-strip,.loop-grid.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-control-panel{margin-top:0;position:relative;top:auto}}@media (width<=560px){.proof-strip,.loop-grid.grid.cards,.mini-stat-grid{grid-template-columns:1fr}.homepage-hero h1{font-size:clamp(2.45rem,11.5vw,3.3rem)}.proof-strip{margin-top:0}.terminal-lines{padding-inline:16px;font-size:.82rem}.console-note{margin-inline:16px}.resource-control-panel{border-radius:22px;padding:14px}}.design-direction-panel{position:relative}.design-lessons-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.design-lesson-card{background:linear-gradient(145deg,#22d3ee14,#0000 48%),#0f172ac2;border:1px solid #22d3ee33;border-radius:26px;min-height:260px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 56px #00000042}.design-lesson-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#fb37a529,#0000 68%);height:150px;position:absolute;inset:auto -30% -35% 20%}.design-lesson-card span{color:var(--copper);letter-spacing:.12em;text-transform:uppercase;background:#ee844114;border:1px solid #ee844147;border-radius:999px;margin-bottom:38px;padding:6px 10px;font-size:.68rem;font-weight:900;display:inline-flex}.design-lesson-card p{color:var(--muted)}@media (width<=960px){.design-lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.design-lessons-grid{grid-template-columns:1fr}.design-lesson-card{min-height:unset}}.design-radar{background:radial-gradient(circle at 12% 18%,#fb37a533,#0000 30%),radial-gradient(circle at 90% 16%,#22d3ee33,#0000 28%),linear-gradient(135deg,#0f172af0,#020617eb);border-color:#fb37a538;grid-template-columns:minmax(0,.95fr) minmax(360px,1.15fr);align-items:stretch;gap:28px;display:grid;position:relative;overflow:hidden}.design-radar:before{content:"";pointer-events:none;background-image:linear-gradient(#22d3ee0e 1px,#0000 1px),linear-gradient(90deg,#22d3ee0e 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 72%)}.design-radar-copy,.design-radar-board{z-index:1;position:relative}.design-radar h2{letter-spacing:-.075em;max-width:780px;font-size:clamp(2.35rem,5vw,4.75rem);line-height:.91}.design-radar-copy>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:1.06rem}.visual-token-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.visual-token-row span{border:1px solid color-mix(in srgb, var(--token), transparent 55%);color:var(--text);background:color-mix(in srgb, var(--token), transparent 88%);box-shadow:0 0 30px color-mix(in srgb, var(--token), transparent 82%);border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.78rem;font-weight:850;display:inline-flex}.visual-token-row i{background:var(--token);width:12px;height:12px;box-shadow:0 0 18px var(--token);border-radius:999px;display:inline-block}.design-radar-board{gap:16px;display:grid}.palette-shell{background:#020617a3;border:1px solid #e2e8f029;border-radius:28px;overflow:hidden;box-shadow:0 28px 90px #00000070,inset 0 1px #ffffff12}.palette-search{cursor:text;border-bottom:1px solid #94a3b824;align-items:center;gap:12px;padding:18px 20px;display:flex}.palette-search span{min-width:46px;color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee47;border-radius:10px;justify-content:center;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.palette-search input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-weight:820}.palette-search input::placeholder{color:var(--muted);opacity:1}.palette-results{padding:12px}.palette-results a{color:var(--text);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:14px 16px;text-decoration:none;transition:transform .14s,background .14s,outline-color .14s;display:flex}.palette-results a:first-child{background:linear-gradient(90deg,#22d3ee29,#fb37a51a)}.palette-results a:hover,.palette-results a:focus-visible{background:#22d3ee1a;outline:1px solid #22d3ee42;transform:translate(4px)}.palette-results a[hidden]{display:none}.palette-results em{color:var(--muted);font-size:.84rem;font-style:normal}.radar-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.radar-card-grid article{background:linear-gradient(145deg,#22d3ee17,#0000 55%),#0f172ab8;border:1px solid #22d3ee29;border-radius:24px;min-height:160px;padding:18px}.radar-card-grid article span{background:linear-gradient(90deg, var(--cyan), var(--magenta));border-radius:999px;width:42px;height:4px;margin-bottom:36px;display:block;box-shadow:0 0 22px #22d3ee73}.radar-card-grid h3{margin-bottom:8px}.radar-card-grid p{color:var(--muted);font-size:.92rem}@media (width<=980px){.design-radar{grid-template-columns:1fr}.palette-shell{transform:none}}@media (width<=600px){.radar-card-grid{grid-template-columns:1fr}}.sveltebits-hero{isolation:isolate;background:linear-gradient(135deg,#020617a3,#0307123d),radial-gradient(circle at 72% 26%,#fb37a51f,#0000 34rem);border:1px solid #22d3ee1f;border-radius:38px;margin-top:22px;padding-inline:clamp(18px,3vw,34px);position:relative;overflow:hidden}.sveltebits-hero .hero-copy,.sveltebits-hero .bits-code-card{z-index:2;position:relative}.dot-field{z-index:0;opacity:.72;background-image:radial-gradient(circle,#22d3ee57 1px,#0000 1.4px);background-size:24px 24px;animation:22s linear infinite dot-field-drift;position:absolute;inset:0;mask-image:radial-gradient(circle at 38% 34%,#000 0 32%,#0000 76%)}.color-bend{z-index:1;filter:blur(34px);opacity:.62;pointer-events:none;mix-blend-mode:screen;border-radius:999px;width:min(62vw,760px);height:190px;position:absolute}.color-bend-a{background:linear-gradient(90deg,#0000,#22d3eec2,#fb37a58c,#0000);animation:16s ease-in-out infinite alternate color-bend-float-a;top:48%;left:-9%;transform:rotate(-12deg)}.color-bend-b{background:linear-gradient(90deg,#0000,#ee8441bd,#22d3ee57,#0000);animation:19s ease-in-out infinite alternate color-bend-float-b;top:13%;right:-18%;transform:rotate(18deg)}.new-bit-pill{color:#dbeafe;background:#02061794;border:1px solid #22d3ee2e;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:22px;padding:7px 9px 7px 7px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 18px 50px #00000038}.new-bit-pill strong{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 11px;font-size:.75rem;display:inline-flex}.new-bit-pill span{color:var(--muted);font-size:.86rem;font-weight:800}.component-rail{width:min(100%,720px);margin-top:30px;padding-block:8px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.component-rail>div{gap:10px;width:max-content;animation:28s linear infinite component-rail-slide;display:flex}.component-rail span{color:#fed7aa;white-space:nowrap;background:#ee844114;border:1px solid #ee84413d;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:850;display:inline-flex}.bits-code-card{background:radial-gradient(circle at 16% 86%,#22d3ee2e,#0000 19rem),radial-gradient(circle at 92% 12%,#ee844133,#0000 17rem),linear-gradient(#0f0a12f0,#020617e6);border-color:#ee844138;justify-content:space-between;min-height:520px}.bits-code{z-index:1;color:#f8fafc;white-space:pre-wrap;gap:10px;margin:0;padding:clamp(22px,3vw,34px);font:clamp(.83rem,1vw,.98rem)/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:relative}.bits-code code{display:block}.bits-code .code-key{color:#67e8f9}.bits-code button{pointer-events:none;color:#fed7aa;font:inherit;background:#ee844121;border:0;border-radius:8px;padding:3px 7px;box-shadow:0 0 24px #ee84411f}.code-hint{z-index:1;color:var(--muted);background:#02061780;border:1px solid #22d3ee2e;border-radius:18px;margin:0 22px 22px;padding:16px;font-size:.9rem;position:relative}.bits-applied{box-shadow:var(--shadow);background:radial-gradient(circle at 18% 8%,#ee844129,#0000 28rem),linear-gradient(135deg,#0f172abd,#020617a8);border:1px solid #ee844133;border-radius:32px;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);align-items:stretch;gap:24px;padding:clamp(28px,5vw,54px);display:grid;position:relative;overflow:hidden}.bits-applied:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#ee844152 1px,#0000 1.5px);background-size:28px 28px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 70%)}.bits-applied-head,.bits-highlight-grid{z-index:1;position:relative}.bits-applied-head h2{max-width:680px;margin-bottom:18px;font-size:clamp(2.1rem,4vw,4.1rem);line-height:.94}.bits-applied-head>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.bits-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bits-highlight-grid article{background:#0206178f;border:1px solid #22d3ee29;border-radius:24px;min-height:186px;padding:20px;box-shadow:inset 0 1px #ffffff0b}.bits-highlight-grid article span{background:radial-gradient(circle at 50% 50%, #ffffffe6 0 2px, transparent 3px), repeating-conic-gradient(from 0deg, var(--cyan) 0deg 12deg, transparent 12deg 28deg);border-radius:999px;width:38px;height:38px;margin-bottom:30px;display:block;box-shadow:0 0 28px #22d3ee5c}.bits-highlight-grid p{color:var(--muted);font-size:.94rem}@keyframes dot-field-drift{0%{background-position:0 0}to{background-position:48px 24px}}@keyframes color-bend-float-a{0%{transform:translate(-3%)rotate(-12deg)scale(.96)}to{transform:translate(6%,-10%)rotate(-7deg)scale(1.06)}}@keyframes color-bend-float-b{0%{transform:translate(6%)rotate(18deg)scale(1)}to{transform:translate(-8%,12%)rotate(12deg)scale(1.08)}}@keyframes component-rail-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.dot-field,.color-bend,.component-rail>div{animation:none}}@media (width<=980px){.sveltebits-hero{padding-top:48px}.bits-applied{grid-template-columns:1fr}}@media (width<=640px){.sveltebits-hero{border-radius:26px;padding-inline:16px}.new-bit-pill{border-radius:18px;flex-direction:column;align-items:flex-start}.bits-highlight-grid{grid-template-columns:1fr}}.sveltebits-hero{background:radial-gradient(circle at 70% 16%,#ff77c652,#0000 26rem),radial-gradient(circle at 28% 34%,#22d3ee4d,#0000 32rem),radial-gradient(circle at 64% 78%,#ee844157,#0000 30rem),linear-gradient(135deg,#020617eb,#090719c2 48%,#13051bdb);border-color:#fb37a557;min-height:calc(100vh - 96px);padding-block:clamp(58px,7vw,96px);box-shadow:0 30px 120px #00000094,inset 0 1px #ffffff14}.sveltebits-hero:before,.sveltebits-hero:after{content:"";z-index:1;pointer-events:none;filter:blur(18px);opacity:.84;mix-blend-mode:screen;position:absolute;inset:-20% -10%}.sveltebits-hero:before{background:linear-gradient(105deg,#0000 18%,#22d3ee6b 34%,#fb37a55c 48%,#0000 66%),linear-gradient(24deg,#0000 26%,#ee84417a 44%,#0000 62%);animation:13s ease-in-out infinite alternate aurora-sweep}.sveltebits-hero:after{background-image:radial-gradient(circle,#ffffff21 0 1px,#0000 1.5px),linear-gradient(#22d3ee14 1px,#0000 1px),linear-gradient(90deg,#fb37a512 1px,#0000 1px);background-size:90px 90px,42px 42px,42px 42px;mask-image:radial-gradient(circle at 50% 45%,#000,#0000 72%)}.sveltebits-hero h1{text-shadow:0 0 42px #22d3ee21}.sveltebits-hero h1 span{background-size:240%;animation:4.8s linear infinite shiny-text-flow;position:relative}.sveltebits-hero h1 span:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--copper));border-radius:999px;height:.08em;position:absolute;bottom:.04em;left:0;right:0;box-shadow:0 0 26px #22d3ee80}.orbital-showcase{z-index:2;align-items:center;min-height:640px;display:grid;position:relative}.orbit-stage{aspect-ratio:1;background:radial-gradient(circle,#22d3ee2e,#0000 28%),radial-gradient(circle at 62% 22%,#fb37a53d,#0000 25%),#02061757;border:1px solid #ffffff1f;border-radius:42px;width:min(100%,590px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000007a,inset 0 0 80px #22d3ee14}.orbit-stage:before{content:"";filter:blur(18px);background:conic-gradient(from 180deg,#0000,#22d3ee3d,#0000,#fb37a538,#0000);border-radius:50%;animation:18s linear infinite orbit-spin;position:absolute;inset:7%}.ring{inset:var(--inset,12%);animation:orbit-spin var(--speed,22s) linear infinite;border:1px solid #22d3ee4d;border-radius:50%;position:absolute;box-shadow:0 0 32px #22d3ee38,inset 0 0 36px #fb37a514}.ring:after{content:"";background:var(--cyan);width:10px;height:10px;box-shadow:0 0 24px var(--cyan);border-radius:50%;position:absolute;top:-5px;left:50%}.ring-two{--inset:20%;--speed:16s;border-color:#fb37a557;transform:rotate(24deg)}.ring-two:after{background:var(--magenta);box-shadow:0 0 24px var(--magenta)}.ring-three{--inset:29%;--speed:11s;border-color:#ee844161;transform:rotate(-18deg)}.ring-three:after{background:var(--copper);box-shadow:0 0 24px var(--copper)}.orbit-avatar{border:1px solid #ffffff2e;border-radius:40px;width:min(46%,270px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 54px #22d3ee6b,0 0 120px #fb37a538}.orbit-chip{text-align:center;color:#e0fbff;letter-spacing:.08em;text-transform:uppercase;min-width:88px;animation:4s ease-in-out infinite chip-pulse;animation-delay:var(--delay);background:#020617b8;border:1px solid #22d3ee57;border-radius:999px;padding:9px 12px;font-size:.75rem;font-weight:900;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 34px #22d3ee29}.floating-code-card{z-index:3;backdrop-filter:blur(18px);background:#020617c7;border:1px solid #ee844147;border-radius:24px;width:min(82%,390px);position:absolute;bottom:104px;right:-2%;overflow:hidden;box-shadow:0 22px 70px #00000070,0 0 44px #ee844124}.floating-code-card .bits-code{gap:5px;padding:16px 18px 20px;font-size:.82rem}.hero-dock{z-index:4;backdrop-filter:blur(18px);background:#020617b8;border:1px solid #ffffff24;border-radius:24px;gap:10px;padding:10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 24px 80px #00000070}.hero-dock a{background:linear-gradient(#22d3ee1a,#fb37a50f);border:1px solid #22d3ee29;border-radius:18px;place-items:center;gap:2px;width:68px;height:62px;transition:transform .16s,background .16s,border-color .16s;display:grid}.hero-dock a:hover,.hero-dock a:focus-visible{background:linear-gradient(#22d3ee38,#fb37a529);border-color:#22d3ee85;outline:none;transform:translateY(-8px)scale(1.06)}.hero-dock strong{color:var(--cyan);font-size:1.28rem;line-height:1}.hero-dock span{color:var(--muted);font-size:.64rem;font-weight:850}.dramatic-bits{background:radial-gradient(circle at 82% 12%,#22d3ee38,#0000 26rem),radial-gradient(circle at 12% 70%,#fb37a538,#0000 30rem),linear-gradient(135deg,#030712eb,#0d0a23db);border-color:#22d3ee4d;grid-template-columns:.78fr 1.22fr;grid-template-areas:"head bento""proof proof";gap:20px;padding-top:clamp(38px,6vw,70px)}.dramatic-bits .bits-applied-head{grid-area:head}.dramatic-bits .magic-bento{grid-area:bento}.dramatic-bits .component-proof-grid{grid-area:proof}.magic-bento{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:relative}.bento-card{background:radial-gradient(circle at var(--mx,80%) var(--my,12%), #ffffff2e, transparent 13rem), linear-gradient(145deg, #22d3ee21, #fb37a514), #020617b8;border:1px solid #ffffff1f;border-radius:30px;min-height:220px;padding:24px;transition:transform .17s,border-color .17s,background .17s;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000052}.bento-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee40,#0000 68%);height:160px;position:absolute;inset:auto -20% -35% 12%}.bento-card:hover,.bento-card:focus-visible{border-color:#22d3ee70;outline:none;transform:translateY(-8px)rotateX(2deg)}.bento-card span{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:54px;padding:7px 10px;font-size:.72rem;font-weight:950;display:inline-flex}.bento-card h3{font-size:clamp(1.35rem,2.1vw,2rem)}.bento-card p{color:var(--muted)}.component-proof-grid.bits-highlight-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.component-proof-grid article{min-height:210px;transition:transform .17s,border-color .17s}.component-proof-grid article:hover{border-color:#ee844170;transform:translateY(-6px)}@keyframes aurora-sweep{0%{transform:translate(-8%,4%)rotate(-6deg)scale(1)}to{transform:translate(8%,-5%)rotate(6deg)scale(1.08)}}@keyframes shiny-text-flow{0%{background-position:0%}to{background-position:240%}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes chip-pulse{0%,to{opacity:.74;box-shadow:0 0 24px #22d3ee21}50%{opacity:1;box-shadow:0 0 44px #22d3ee57}}@media (prefers-reduced-motion:reduce){.sveltebits-hero:before,.orbit-stage:before,.ring,.orbit-chip,.sveltebits-hero h1 span{animation:none}}@media (width<=1100px){.component-proof-grid.bits-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.orbital-showcase{min-height:600px}.dramatic-bits{grid-template-columns:1fr;grid-template-areas:"head""bento""proof"}}@media (width<=680px){.orbital-showcase{min-height:520px}.orbit-stage{border-radius:30px}.orbit-chip{min-width:auto;padding:7px 9px;font-size:.72rem}.floating-code-card{width:auto;bottom:94px;left:8px;right:8px}.hero-dock{flex-wrap:nowrap;justify-content:flex-start;max-width:calc(100% - 18px);overflow-x:auto}.hero-dock a{flex:0 0 62px}.magic-bento,.component-proof-grid.bits-highlight-grid{grid-template-columns:1fr}}.hero-copy,.orbital-showcase,.sveltebits-hero>*{min-width:0}.sveltebits-hero .hero-copy,.sveltebits-hero .actions,.sveltebits-hero .eyebrow{width:100%;max-width:100%}.sveltebits-hero h1,.sveltebits-hero .lede,.sveltebits-hero .simple-line{overflow-wrap:anywhere;max-width:100%}.component-rail{contain:paint;max-width:100%}.component-rail>div{min-width:max-content}.hero-dock{width:max-content;max-width:min(100%,430px)}.hero-dock a{min-height:62px}.resource-link{align-items:center;min-height:44px}.resource-link em{font-size:.72rem}.palette-search input{min-height:44px}@media (width<=980px){.sveltebits-hero{gap:clamp(26px,6vw,44px)}.orbital-showcase{width:100%}.hero-dock{width:max-content;max-width:calc(100% - 18px);display:flex}}@media (width<=560px){.sveltebits-hero .actions{grid-template-columns:1fr;display:grid}.sveltebits-hero .button,.component-rail{width:100%}.hero-dock{flex-wrap:nowrap;gap:6px;width:auto;padding:8px;display:flex}.hero-dock a{flex:0 0 54px;width:54px;min-width:54px;height:58px}.hero-dock span{font-size:.58rem}}.home-lab-hero{isolation:isolate;background:radial-gradient(circle at 16% 16%,#22d3ee42,#0000 28rem),radial-gradient(circle at 80% 30%,#ee844133,#0000 28rem),linear-gradient(135deg,#020617f5,#080b1cd6);border:1px solid #22d3ee3d;border-radius:42px;grid-template-columns:minmax(0,.96fr) minmax(360px,.72fr);align-items:center;gap:clamp(28px,5vw,64px);min-height:calc(100vh - 92px);margin-top:18px;padding:clamp(34px,6vw,76px);display:grid;position:relative;overflow:hidden;box-shadow:0 36px 130px #00000094,inset 0 1px #ffffff14}.home-lab-hero:before,.home-lab-hero:after{content:"";pointer-events:none;position:absolute}.home-lab-hero:before{z-index:1;opacity:.72;filter:blur(22px);mix-blend-mode:screen;background:linear-gradient(112deg,#0000 20%,#22d3ee6b 36%,#fb37a54d 48%,#0000 66%),linear-gradient(24deg,#0000 28%,#ee844161 47%,#0000 64%);animation:14s ease-in-out infinite alternate home-aurora;inset:-18% -8%}.home-lab-hero:after{z-index:0;background-image:radial-gradient(circle,#ffffff1c 0 1px,#0000 1.6px),linear-gradient(#22d3ee12 1px,#0000 1px),linear-gradient(90deg,#fb37a50f 1px,#0000 1px);background-size:88px 88px,40px 40px,40px 40px;inset:0;mask-image:radial-gradient(circle at 50% 48%,#000,#0000 72%)}.hero-backdrop{z-index:-1;opacity:.72;position:absolute;inset:0}.hero-backdrop img{object-fit:cover;object-position:center;filter:saturate(1.08)contrast(1.04);width:100%;height:100%}.hero-backdrop:after{content:"";background:linear-gradient(90deg,#020617f5 0%,#020617c7 42%,#0206177a 100%),linear-gradient(#02061738,#020617c7);position:absolute;inset:0}.home-lab-copy,.home-console,.home-proof-strip,.home-bento-section,.proof-section,.home-final-panel{z-index:2;position:relative}.home-lab-copy h1{letter-spacing:-.08em;text-shadow:0 0 48px #22d3ee24;max-width:820px;font-size:clamp(3.35rem,7.3vw,7.2rem);line-height:.88}.home-lab-copy h1 span{background-size:260%;animation:5.2s linear infinite shiny-text-flow}.evil-action-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.evil-btn{--btn-bg:#050816;--btn-fg:#f8fafc;cursor:pointer;min-height:50px;color:var(--btn-fg);background:var(--btn-bg);font:inherit;border:1px solid #ffffff29;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:900;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #00000057}.evil-btn:hover,.evil-btn:focus-visible{border-color:#22d3ee94;outline:none;transform:translateY(-3px);box-shadow:0 22px 70px #00000070,0 0 36px #22d3ee2e}.evil-btn-command{color:#031018;background:linear-gradient(90deg, var(--cyan), #a5f3fc);border-color:#67e8f9cc;min-width:210px}.evil-btn-command kbd{background:#0310181f;border:1px solid #03101847;border-radius:8px;padding:5px 8px;font:.78rem ui-monospace,SFMono-Regular,Menlo,monospace}.evil-btn-dither{background:repeating-linear-gradient(135deg,#ee844133 0 3px,#0000 3px 8px),#020617db;border-color:#ee84418a}.evil-btn-copy{color:#fed7aa;background:#ee84411a;border-color:#ee84416b}.evil-btn-frame{color:#e0fbff;background:linear-gradient(#020617eb, #020617eb) padding-box, linear-gradient(90deg, var(--cyan), var(--magenta), var(--copper)) border-box;border:1px solid #0000;width:100%}.evil-btn-3d{color:#031018;background:linear-gradient(#a5f3fc,#22d3ee);box-shadow:0 8px #075985,0 22px 52px #22d3ee38}.evil-btn-3d:active{transform:translateY(5px);box-shadow:0 3px #075985,0 16px 36px #22d3ee2e}.evil-btn-reveal{color:#f8fafc;background:#020617c2;justify-content:space-between;min-width:180px}.evil-btn-reveal small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.home-console{backdrop-filter:blur(18px);background:#020617b8;border:1px solid #22d3ee3d;border-radius:30px;gap:18px;padding:20px;display:grid;box-shadow:0 30px 100px #00000070,inset 0 1px #ffffff0f}.console-topline{color:var(--muted);letter-spacing:.16em;align-items:center;gap:8px;font-size:.74rem;font-weight:900;display:flex}.console-topline span{background:var(--cyan);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #22d3eeb3}.console-topline span:nth-child(2){background:var(--copper);box-shadow:0 0 16px #ee8441b3}.console-topline span:nth-child(3){background:var(--magenta);box-shadow:0 0 16px #fb37a5b3}.console-topline strong{margin-left:auto}.console-mascot-card{background:radial-gradient(circle at 26% 20%,#22d3ee38,#0000 12rem),#0f172ac2;border-radius:24px;grid-template-columns:120px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.console-mascot-card img{object-fit:cover;border:1px solid #ffffff2e;border-radius:24px;width:120px;height:120px;box-shadow:0 0 45px #22d3ee47}.console-mascot-card h2{margin:6px 0 0;font-size:clamp(1.25rem,2.2vw,2rem)}.mode-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-tabs button{cursor:pointer;min-height:42px;color:var(--muted);font:inherit;background:#0f172a94;border:1px solid #94a3b82e;border-radius:14px;font-weight:900}.mode-tabs button.active,.mode-tabs button:hover,.mode-tabs button:focus-visible{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);outline:none}.terminal-readout{background:#010812e0;border:1px solid #22d3ee2e;border-radius:20px;gap:12px;padding:18px;display:grid}.terminal-readout code{color:#d9f99d;font:.9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.terminal-readout code span{color:var(--cyan)}.terminal-readout p{color:var(--muted);margin:0}.home-proof-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.home-magic-bento{grid-template-columns:repeat(4,minmax(0,1fr))}.proof-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.proof-card{background:radial-gradient(circle at 90% 12%,#fb37a521,#0000 14rem),#0f172ab8;border:1px solid #22d3ee33;border-radius:26px;gap:12px;padding:24px;transition:transform .16s,border-color .16s,background .16s;display:grid}.proof-card:hover,.proof-card:focus-visible{border-color:#22d3ee75;outline:none;transform:translateY(-5px)}.proof-card span,.proof-card em{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.72rem;font-style:normal;font-weight:900}.proof-card span{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9)}.proof-card em{color:#fed7aa;background:#ee844114;border:1px solid #ee844142}.proof-card p,.home-final-panel p{color:var(--muted)}.home-final-panel{margin-bottom:90px}@keyframes home-aurora{0%{transform:translate(-7%,3%)rotate(-5deg)scale(1)}to{transform:translate(7%,-4%)rotate(5deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.home-lab-hero:before,.home-lab-copy h1 span{animation:none}}@media (width<=1080px){.home-lab-hero,.proof-card-grid{grid-template-columns:1fr}.home-console{max-width:680px}.home-magic-bento,.home-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.home-lab-hero{border-radius:28px;width:calc(100vw - 28px);margin-inline:auto;padding:22px}.home-lab-copy h1{letter-spacing:-.06em;font-size:clamp(2.35rem,11.2vw,3.55rem);line-height:.92}.home-lab-copy .lede{font-size:.98rem;line-height:1.46}.evil-action-row{gap:10px;margin-top:20px}.home-lab-rail{margin-top:16px}.evil-action-row,.evil-btn{width:100%}.home-proof-strip,.home-magic-bento,.console-mascot-card{grid-template-columns:1fr}.console-mascot-card img{width:100%;height:auto;max-height:280px}}:root{--site-max:1440px}.site-header,main,footer{width:min(var(--site-max), calc(100% - 32px))}.site-header.nav-glass{z-index:100;position:sticky;top:10px}.brand img{object-fit:contain;background:0 0;border-radius:0;box-shadow:0 0 22px #22d3ee5c}.hero-static-layout{grid-template-columns:minmax(0,1fr);min-height:auto;padding-block:clamp(46px,7vw,92px)}.hero-static-layout .home-lab-copy{max-width:940px}.hero-static-layout .home-lab-copy h1{max-width:860px}.workflow-flyouts{width:min(100%,940px);color:inherit;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.workflow-flyouts a{backdrop-filter:blur(14px);background:#0206179e;border:1px solid #22d3ee38;border-radius:20px;align-content:start;gap:9px;min-height:104px;padding:16px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d}.workflow-flyouts a:hover,.workflow-flyouts a:focus-visible{background:#0f172adb;border-color:#22d3ee94;outline:none;transform:translateY(-3px)}.workflow-flyouts strong{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.workflow-flyouts span{color:#cbd5e1;font-size:.88rem;line-height:1.42}.component-rail{margin-bottom:0}.component-rail>div:hover,.component-rail>div:focus-within{animation-play-state:paused}.component-rail a{color:#fed7aa;white-space:nowrap;background:#ee844117;border:1px solid #ee844147;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:850;transition:transform .14s,color .14s,border-color .14s,background .14s;display:inline-flex}.component-rail a:hover,.component-rail a:focus-visible{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);border-color:#0000;outline:none;transform:translateY(-2px)}.section-head-centered{text-align:center;grid-template-columns:1fr;max-width:980px;margin-inline:auto}.section-head-centered p{margin-inline:auto}.home-magic-bento .bento-card{color:inherit;text-decoration:none;display:block}.home-magic-bento .bento-card:hover,.home-magic-bento .bento-card:focus-visible{cursor:pointer}.skills-memory-demo{scroll-margin-top:110px}.agent-demo{box-shadow:var(--shadow);background:radial-gradient(circle at 12% 20%,#22d3ee2e,#0000 28rem),radial-gradient(circle at 86% 64%,#fb37a529,#0000 28rem),#020617b8;border:1px solid #22d3ee38;border-radius:32px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:clamp(22px,4vw,36px);display:grid;position:relative;overflow:hidden}.demo-column{z-index:1;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:24px;align-content:space-between;gap:18px;min-height:190px;padding:22px;animation:8s ease-in-out infinite demo-card-glow;display:grid;position:relative}.hermie-demo{animation-delay:-2s}.memory-demo{animation-delay:-4s}.message-demo{animation-delay:-6s}.demo-column span{color:#031018;background:linear-gradient(90deg, var(--cyan), #67e8f9);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.72rem;font-weight:950}.demo-column p{color:#dbeafe;margin:0;font-size:clamp(1rem,1.2vw,1.16rem);line-height:1.45}.demo-flow{background:linear-gradient(90deg,#0000,#22d3ee85,#fb37a57a,#0000);height:2px;position:absolute;inset:50% 8% auto}.demo-flow i{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 22px var(--cyan);border-radius:999px;animation:4s linear infinite demo-pulse;position:absolute;top:-5px}.demo-flow i:first-child{animation-delay:0s;left:8%}.demo-flow i:nth-child(2){background:var(--copper);box-shadow:0 0 22px var(--copper);animation-delay:-1s;left:34%}.demo-flow i:nth-child(3){background:var(--magenta);box-shadow:0 0 22px var(--magenta);animation-delay:-2s;left:60%}.demo-flow i:nth-child(4){animation-delay:-3s;left:86%}.tools-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.tool-button-card{background:#0206179e;border:1px solid #22d3ee38;border-radius:22px;align-content:center;gap:8px;min-height:116px;padding:20px;transition:transform .15s,border-color .15s,background .15s;display:grid}.tool-button-card:hover,.tool-button-card:focus-visible{background:#0f172ae0;border-color:#22d3ee94;outline:none;transform:translateY(-4px)}.tool-button-card strong{color:var(--cyan);font-size:1.08rem}.tool-button-card span{color:var(--muted)}@keyframes demo-card-glow{0%,to{border-color:#94a3b82e;transform:translateY(0)}50%{border-color:#22d3ee70;transform:translateY(-4px)}}@keyframes demo-pulse{0%,to{opacity:.32;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.demo-column,.demo-flow i{animation:none}}@media (width<=1080px){.workflow-flyouts,.agent-demo,.tools-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.site-header.nav-glass{position:sticky;top:8px}}@media (width<=640px){.site-header,main,footer{width:min(100% - 24px, var(--site-max))}.site-header.nav-glass{border-radius:24px}.workflow-flyouts,.agent-demo,.tools-link-grid{grid-template-columns:1fr}.demo-flow{display:none}.component-rail{mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}}.workflow-flyouts,.workflow-flyouts a,.workflow-flyouts strong,.workflow-flyouts span{min-width:0;max-width:100%}.workflow-flyouts a{overflow:hidden}.workflow-flyouts strong,.workflow-flyouts span{text-align:left;overflow-wrap:anywhere;word-break:normal;justify-self:start}@media (width<=640px){.workflow-flyouts{gap:10px;width:100%}.workflow-flyouts a{min-height:auto;padding:14px}.workflow-flyouts span{font-size:.82rem;line-height:1.35}}