:root{--bg: #0b0b12;--bg-2: #12121c;--card: rgba(255, 255, 255, .045);--card-hi: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--border-hi: rgba(255, 255, 255, .2);--text: #f4f4f8;--text-2: #b8b8c8;--muted: #7d7d92;--subtle: #5a5a70;--accent: #8b5cf6;--accent-2: #14b8a6;--accent-ink: #ffffff;--accent-soft: rgba(139, 92, 246, .14);--teal-soft: rgba(20, 184, 166, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:inherit}::selection{background:var(--accent);color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;position:relative}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes drawLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tilePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes navIn{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}.pill-nav{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:7px 9px;border-radius:999px;background:#12121eb8;border:1px solid var(--border-hi);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff12;animation:navIn .6s cubic-bezier(.22,1,.36,1) both}.navlink{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;border:none;background:none;color:var(--text-2);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease}.navlink:hover{background:#ffffff12;color:var(--text);filter:none}@media(max-width:640px){.nav-links{display:none}}.arch-row{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 22px}.arch-conn{width:2px;height:30px;margin:0 auto;border-radius:2px;background:linear-gradient(to bottom,#8b5cf68c,#14b8a68c);transform-origin:top;animation:drawLine .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--conn-delay, 0ms)}@media(max-width:760px){.arch-row{grid-template-columns:1fr;gap:14px}}.rise{animation:rise .7s cubic-bezier(.22,1,.36,1) both}.fade{animation:fade .9s ease both}.floaty{animation:floaty 5s ease-in-out infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.reveal.on{opacity:1;transform:translateY(0)}.lift{transition:transform .25s ease,border-color .2s ease,box-shadow .25s ease}.lift:hover{transform:translateY(-4px)}button,a{transition:filter .15s ease}button:hover,a:hover{filter:brightness(1.08)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.device-stage .device-browser{filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}@media(max-width:560px){.device-stage{transform:scale(.82);transform-origin:top center}.device-stage .device-phone{right:0}}