.ide-scroll-reveal-stage{view-timeline-name:--ide-hero-scroll;view-timeline-axis:block}.ide-scroll-reveal-stage .ide-scroll-chrome-top{transform:translateY(-100%)}.ide-scroll-reveal-stage .ide-scroll-chrome-left{transform:translate(-100%)}.ide-scroll-reveal-stage .ide-scroll-chrome-right{transform:translate(100%)}.ide-scroll-reveal-stage .ide-scroll-chrome-bottom{transform:translateY(100%)}.ide-scroll-js-driven .ide-scroll-reveal-content,.ide-scroll-js-driven .ide-scroll-chrome-top,.ide-scroll-js-driven .ide-scroll-chrome-left,.ide-scroll-js-driven .ide-scroll-chrome-right,.ide-scroll-js-driven .ide-scroll-chrome-bottom,.ide-scroll-js-driven .ide-scroll-cue{animation:none!important}@supports (animation-timeline:scroll()){.ide-scroll-reveal-stage:not(.ide-scroll-js-driven) .ide-scroll-reveal-content{transform-origin:50%;animation:linear both ide-scroll-content;animation-timeline:--ide-hero-scroll;animation-range:entry cover 52%}.ide-scroll-reveal-stage:not(.ide-scroll-js-driven) .ide-scroll-chrome-top{animation:linear both ide-slide-from-top;animation-timeline:--ide-hero-scroll;animation-range:entry 3% cover 40%}.ide-scroll-reveal-stage:not(.ide-scroll-js-driven) .ide-scroll-chrome-left{animation:linear both ide-slide-from-left;animation-timeline:--ide-hero-scroll;animation-range:entry 5% cover 42%}.ide-scroll-reveal-stage:not(.ide-scroll-js-driven) .ide-scroll-chrome-right{animation:linear both ide-slide-from-right;animation-timeline:--ide-hero-scroll;animation-range:entry 5% cover 42%}.ide-scroll-reveal-stage:not(.ide-scroll-js-driven) .ide-scroll-chrome-bottom{animation:linear both ide-slide-from-bottom;animation-timeline:--ide-hero-scroll;animation-range:entry 8% cover 45%}.ide-scroll-reveal-stage:not(.ide-scroll-js-driven) .ide-scroll-cue{animation:linear both ide-cue-fade;animation-timeline:--ide-hero-scroll;animation-range:entry entry 14%}.ide-scroll-cue-mouse{animation:1.6s ease-in-out infinite ide-cue-bounce}}@keyframes ide-scroll-content{0%{opacity:1;transform:scale(1)translateY(0)}35%{opacity:1;transform:scale(.72)translateY(4vh)}to{opacity:1;transform:scale(.62)translateY(8vh)}}@keyframes ide-slide-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ide-slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ide-slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ide-slide-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ide-cue-fade{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes ide-cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@supports not (animation-timeline:scroll()){.ide-scroll-cue{opacity:1}}.ide-hero-stage:not(.ide-scroll-reveal-stage){background:radial-gradient(120% 80% at 50% 100%,color-mix(in srgb,var(--color-primary)22%,transparent)0%,color-mix(in srgb,var(--color-primary)8%,transparent)28%,transparent 60%),radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--color-primary)6%,transparent)0%,transparent 55%),var(--color-secondary)}.ide-hero-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--color-primary)10%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-primary)10%,transparent)1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(80% 60%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60%,#000 30%,#0000 80%)}.ide-hero-noise{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.77  0 0 0 0 0.65  0 0 0 0 0.45  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:200px 200px}.ide-chrome{background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary)92%,var(--color-bg)8%)0%,color-mix(in srgb,var(--color-secondary)96%,black 4%)100%);border:1px solid color-mix(in srgb,var(--color-primary)24%,transparent);box-shadow:0 60px 120px -40px #000000b3,0 0 0 1px color-mix(in srgb,var(--color-bg)10%,transparent)inset,0 0 80px -20px color-mix(in srgb,var(--color-primary)30%,transparent);border-radius:14px;overflow:hidden}.ide-titlebar{background:linear-gradient(180deg,color-mix(in srgb,var(--color-secondary)86%,var(--color-bg)14%)0%,color-mix(in srgb,var(--color-secondary)92%,black 8%)100%);border-bottom:1px solid color-mix(in srgb,var(--color-primary)22%,transparent)}.ide-traffic-light{border-radius:50%;width:12px;height:12px;display:inline-block}.ide-traffic-light.red{background:#ff5f57;box-shadow:inset 0 0 0 .5px #0003}.ide-traffic-light.yellow{background:#febc2e;box-shadow:inset 0 0 0 .5px #0003}.ide-traffic-light.green{background:#28c840;box-shadow:inset 0 0 0 .5px #0003}.ide-tab{background:color-mix(in srgb,var(--color-secondary)90%,var(--color-bg)10%);border-right:1px solid color-mix(in srgb,var(--color-primary)16%,transparent);color:color-mix(in srgb,var(--color-bg)76%,transparent)}.ide-tab.active{background:color-mix(in srgb,var(--color-secondary)95%,black 5%);border-bottom:1px solid color-mix(in srgb,var(--color-secondary)95%,black 5%);color:color-mix(in srgb,var(--color-bg)92%,transparent);position:relative}.ide-tab.active:after{content:"";inset-inline:0;background:var(--color-primary);height:1px;position:absolute;top:0}.ide-sidebar{background:color-mix(in srgb,var(--color-secondary)90%,var(--color-bg)10%);border-right:1px solid color-mix(in srgb,var(--color-primary)20%,transparent);color:color-mix(in srgb,var(--color-bg)78%,transparent)}.ide-statusbar{background:var(--color-primary);color:var(--color-secondary);font-weight:700}.ide-terminal{background:color-mix(in srgb,var(--color-secondary)95%,black 5%);border-top:1px solid color-mix(in srgb,var(--color-primary)20%,transparent);font-family:var(--font-mono,ui-monospace,"JetBrains Mono","Fira Code",monospace);color:color-mix(in srgb,var(--color-bg)82%,transparent)}.ide-terminal .prompt{color:var(--color-primary)}.ide-terminal .ok{color:color-mix(in srgb,var(--color-primary)70%,var(--color-bg)30%)}.ide-terminal .info{color:color-mix(in srgb,var(--color-bg)72%,var(--color-secondary)28%)}.ide-terminal .warn{color:color-mix(in srgb,var(--color-primary)82%,#f5d8a0 18%)}.ide-terminal .dim{color:color-mix(in srgb,var(--color-bg)42%,transparent)}.ide-cursor{background:var(--color-primary);vertical-align:-2px;width:7px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite ide-blink;display:inline-block}@keyframes ide-blink{50%{opacity:0}}.arch-node{box-sizing:border-box;white-space:nowrap;background:color-mix(in srgb,var(--color-secondary)88%,var(--color-bg)12%);border:1px solid color-mix(in srgb,var(--color-primary)25%,transparent);height:100%;color:color-mix(in srgb,var(--color-bg)84%,transparent);font-size:8px;font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:flex}.arch-line{stroke:color-mix(in srgb,var(--color-primary)50%,transparent);stroke-width:1px;stroke-dasharray:3 3;fill:none;animation:2s linear infinite arch-flow}@keyframes arch-flow{to{stroke-dashoffset:-12px}}.ide-option-card{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)8%,transparent)0%,transparent 60%),#ffffff08;-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:16px;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s;position:relative;overflow:hidden}.ide-option-card:before{content:"";background:radial-gradient(120% 100% at 50% 100%,color-mix(in srgb,var(--color-primary)18%,transparent)0%,transparent 60%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.ide-option-card:hover{border-color:color-mix(in srgb,var(--color-primary)40%,transparent);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--color-primary)25%,transparent);transform:translateY(-4px)}.ide-option-card:hover:before{opacity:1}.ide-option-badge{background:var(--color-primary);color:var(--color-secondary);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:800}.ide-tech-marquee{white-space:nowrap;gap:4rem;width:max-content;animation:40s linear infinite ide-marquee;display:flex}@keyframes ide-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.ide-tech-item{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:.6rem;font-size:14px;display:inline-flex}.ide-tech-item span.dot{background:color-mix(in srgb,var(--color-primary)80%,transparent);border-radius:50%;width:4px;height:4px}.ide-headline{font-family:var(--font-heading),system-ui,sans-serif;letter-spacing:-.04em;color:#fff;font-weight:900;line-height:.95}.ide-scroll-reveal-stage .ide-headline,.ide-scroll-reveal-stage h1.ide-headline{color:var(--color-secondary)}.ide-headline .accent{background:linear-gradient(135deg,#e0c895 0%,#c5a572 50%,#9b8147 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}