@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--osiris-night: #111b2c;--osiris-night-2: #16253c;--osiris-cyan: #78d7ed;--osiris-cyan-soft: #4ea6c0;--osiris-amber: #f0b14a;--osiris-ember: #ea6d42;--osiris-sand: #f7f2e8;--osiris-ink: #edf5fb;--osiris-muted-ink: #9db4c1;--primary-blue: #1d3d74;--primary-dark: var(--osiris-night);--primary-cyan: var(--osiris-cyan);--accent-amber: var(--osiris-amber);--accent-red: var(--osiris-ember);--accent-green: #42d39a;--bg-body: var(--osiris-night);--bg-section-alt: #0d1524;--bg-card: rgba(22, 37, 60, .82);--bg-card-hover: rgba(29, 54, 87, .92);--text-main: var(--osiris-ink);--text-secondary: var(--osiris-muted-ink);--text-highlight: #ffffff;--glass-bg: rgba(17, 27, 44, .88);--glass-border: 1px solid rgba(120, 215, 237, .16);--card-shadow: 0 18px 42px 0 rgba(0, 0, 0, .34);--glow-cyan: 0 0 28px rgba(120, 215, 237, .22);--focus-ring: 0 0 0 2px rgba(120, 215, 237, .52);--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--container-width: 1280px;--section-spacing: 96px;--section-spacing-mobile: 40px;--card-radius: 18px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--state-border: 1px solid rgba(120, 215, 237, .18);--state-bg: linear-gradient(180deg, rgba(22, 37, 60, .92) 0%, rgba(17, 27, 44, .96) 100%);--viz-grid: rgba(120, 215, 237, .08);--viz-edge: rgba(157, 180, 193, .28);--viz-glow: rgba(120, 215, 237, .14)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{scroll-padding-top:80px}body{font-family:var(--font-body);background:radial-gradient(circle at 18% 18%,rgba(120,215,237,.12),transparent 24%),radial-gradient(circle at 82% 4%,rgba(240,177,74,.1),transparent 22%),var(--bg-body);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-highlight);font-weight:700;line-height:1.25;margin-bottom:1rem;letter-spacing:-.03em}h1{font-family:var(--font-display);font-size:clamp(3rem,5vw,4.5rem);letter-spacing:-1px}h2{font-family:var(--font-display);font-style:normal;font-weight:600;font-size:clamp(2rem,3vw,2.5rem)}p{color:var(--text-secondary);margin-bottom:1.5rem}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-cyan);outline-offset:2px;box-shadow:none}.text-gradient{background:linear-gradient(135deg,#ffffff 0%,var(--primary-cyan) 48%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.viz-panel,.state-frame{position:relative;overflow:hidden;border-radius:calc(var(--card-radius) + 2px);border:var(--state-border);background:var(--state-bg);box-shadow:var(--card-shadow)}.viz-panel:before,.state-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--viz-grid) 1px,transparent 1px),linear-gradient(90deg,var(--viz-grid) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 80%)}.state-frame{padding:28px}.state-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(120,215,237,.25);background:#78d7ed14;color:var(--primary-cyan);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.state-orbit{position:relative;display:inline-grid;place-items:center;width:72px;height:72px;margin-bottom:16px;border-radius:999px;color:var(--primary-cyan);background:#78d7ed1a;border:1px solid rgba(120,215,237,.22)}.state-orbit:before,.state-orbit:after{content:"";position:absolute;inset:-8px;border-radius:999px;border:1px dashed rgba(120,215,237,.2);animation:orbit-pulse 4s cubic-bezier(.16,1,.3,1) infinite}.state-orbit:after{inset:-16px;animation-delay:1.2s}.signal-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 6px #78d7ed24}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}section{padding:var(--section-spacing) 0;position:relative}.section-header{margin-bottom:80px;max-width:700px}.section-subtitle{color:var(--primary-cyan);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:.9rem;margin-bottom:16px;display:block;font-family:var(--font-body);font-style:normal}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;font-weight:700;font-size:.95rem;border-radius:4px;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth);cursor:pointer;gap:10px;border:none;font-family:var(--font-body)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),#1565c0);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #1a237e66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00bcd466;border-color:var(--primary-cyan)}.btn-outline{background:#00bcd40d;border:1px solid var(--primary-cyan);color:var(--primary-cyan)}.btn-outline:hover{background:#00bcd426;transform:translateY(-2px);box-shadow:0 0 15px #00bcd433}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary)}.btn-ghost:hover{border-color:#ffffff4d;color:var(--text-highlight);transform:translateY(-2px)}.feature-card{background:var(--bg-card);border:var(--glass-border);padding:40px;border-radius:var(--card-radius);transition:var(--transition-smooth);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}@keyframes orbit-pulse{0%,to{transform:scale(.98);opacity:.25}50%{transform:scale(1.04);opacity:.7}}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-cyan),transparent);opacity:0;transition:var(--transition-smooth)}.feature-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);box-shadow:var(--card-shadow)}.feature-card:hover:before{opacity:1}.terminal-window{background:#0f111a;border-radius:8px;box-shadow:0 20px 50px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono)}.terminal-header{background:#1a1d2d;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-content{padding:24px;font-size:.85rem;line-height:1.6;color:#a6accd;font-family:var(--font-mono);background:#0f111a}.syn-k{color:#c792ea}.syn-f{color:#82aaff}.syn-s{color:#c3e88d}.syn-c{color:#676e95;font-style:italic}.syn-t{color:#ffcb6b}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){body{font-size:1.05rem;line-height:1.7}section{padding:var(--section-spacing-mobile, 60px) 0}.section-header{margin-bottom:40px}h1{font-size:clamp(2rem,6vw,3rem)}h2{font-size:clamp(1.5rem,4.5vw,2rem)}.btn{padding:12px 28px;font-size:.88rem}.container{padding:0 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:900px){h1{font-size:3rem}section{padding:64px 0}}@media(max-width:600px){h1{font-size:2.2rem}section{padding:48px 0}.container{padding:0 16px}}@media(prefers-reduced-motion:reduce){.fade-up{transition:none;opacity:1;transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}