:root{--bg:#05070e;--bg-2:#080c18;--panel:#0c1222;--panel-2:#101830;--line:#1c2742;--line-2:#2a3960;--text:#eef4ff;--muted:#a3b2cc;--dim:#7d8db0;--blue:#4fd6ff;--indigo:#7b8cff;--violet:#a974ff;--pink:#ff7ad9;--gold:#ffc46b;--lime:#4fd6ff;--cyan:#4fd6ff;--grad:linear-gradient(100deg,#4fd6ff 0%,#7b8cff 50%,#b374ff 100%);--radius:16px;--radius-sm:10px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--shadow-glow:0 10px 40px -10px #4f8cff66;--font-display:"Sora","Manrope",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",Consolas,monospace;--gutter:clamp(16px,5vw,72px);--max:1320px}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;background:radial-gradient(60rem 40rem at 90% -10%,#5b2bd422,transparent 60%),radial-gradient(50rem 36rem at -10% 10%,#0a8fd81c,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#7b8cff55;color:#fff}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:700;transition:top .2s}.skip-link:focus{top:12px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:6px}.header{position:sticky;top:0;z-index:50;height:76px;padding:0 var(--gutter);display:flex;align-items:center;gap:28px;background:#05070ecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:height .35s var(--ease-out),background .35s,border-color .35s}.header.is-scrolled{height:64px;background:#05070ee6;border-bottom-color:var(--line)}.header .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.6px;color:#fff;margin-right:auto}.header .brand-icon,.footer-brand .brand-icon{width:38px;height:38px;border-radius:10px;filter:drop-shadow(0 0 14px #3fb8ff55);transition:transform .5s var(--ease-spring)}.header .logo:hover .brand-icon{transform:rotate(-8deg) scale(1.08)}.site-nav,.header nav{display:flex;gap:4px;font-size:15px;color:var(--muted)}.site-nav a{padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.site-nav a:hover{color:#fff;background:#ffffff0d}.site-nav a[aria-current=page]{color:#fff;background:#ffffff12}.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--grad);background-size:200% 100%;color:#050914;font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:-.1px;cursor:pointer;box-shadow:0 0 0 1px #ffffff26 inset,var(--shadow-glow);transition:transform .25s var(--ease-spring),box-shadow .3s,background-position .6s var(--ease-out)}.button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff80 50%,transparent 70%);transform:translate(-120%);transition:transform .8s var(--ease-out)}.button:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 0 0 1px #ffffff40 inset,0 16px 50px -10px #7b8cffaa}.button:hover:after{transform:translate(120%)}.button:active{transform:translateY(0) scale(.97)}.button svg{width:18px;height:18px;flex:none}.button span{font-size:inherit;line-height:1}.button-small{min-height:42px;padding:0 18px;font-size:14px;gap:8px}.button-ghost{background:#ffffff0a;color:var(--text);box-shadow:0 0 0 1px var(--line-2) inset;backdrop-filter:blur(8px)}.button-ghost:hover{background:#ffffff14;box-shadow:0 0 0 1px #4fd6ff80 inset,0 10px 30px -12px #4fd6ff66}.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:#ffffff08;color:var(--text);font-size:20px;align-items:center;justify-content:center}.page-banner{position:relative;overflow:hidden;padding:80px var(--gutter) 56px;background:radial-gradient(40rem 20rem at 85% 0%,#7b4dff2e,transparent 70%),radial-gradient(40rem 20rem at 0% 100%,#0fa7ff22,transparent 70%)}.page-banner h1{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);letter-spacing:-2px;font-weight:700;background:linear-gradient(180deg,#fff,#b9c8e8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-banner p{font-size:18px;color:var(--muted)}.page-banner .eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue)}.breadcrumb{font-size:14px}.doc-section p,.doc-section li{font-size:16px;line-height:1.8}.doc-section h2{font-family:var(--font-display)}.doc-section a.button,.page-banner a.button{color:#050914}.doc-section a.button-ghost{color:var(--text)}.resource-footer{position:relative;padding:72px var(--gutter) 32px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,#03050b)}.footer-grid h4{font-family:var(--font-display);font-size:14px;letter-spacing:.2px}.footer-grid a:not(.logo){font-size:15px;transition:color .2s,transform .2s}.footer-grid a:not(.logo):hover{color:var(--blue);transform:translate(3px)}.footer-brand .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:700}.footer-brand p{font-size:15px;color:var(--muted)}.footer-bottom{font-size:13px}@media(max-width:860px){.header{gap:12px;height:64px}.header .logo{font-size:20px}.header .brand-icon{width:32px;height:32px}.menu-toggle{display:inline-flex}.header .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;padding:12px var(--gutter) 20px;background:#070b16f7;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header.menu-open .site-nav{display:flex}.header .site-nav a{padding:14px 12px;font-size:17px;border-radius:12px}.header>.button-small{padding:0 14px}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}