:root{--brand-primary:#000;--brand-secondary:#8c52ff;--brand-secondary-light:#ab82ff;--brand-secondary-alpha:#8c52ff26;--bg:#fafafa;--bg-strong:#f4f4f5;--panel:#fff;--panel-soft:#fcfcfd;--text:#111827;--text-soft:#4b5563;--line:#e5e7eb;--success:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;--shadow-glow:0 0 20px #8c52ff1a;--border-radius-base:12px;--border-radius-lg:20px}html[data-theme=dark]{--bg:#0d0d0f;--bg-strong:#141417;--panel:#111114;--panel-soft:#18181b;--text:#f3f4f6;--text-soft:#9ca3af;--line:#27272a;--brand-secondary-alpha:#8c52ff40;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;--shadow-lg:0 10px 15px -3px #00000040,0 4px 6px -2px #00000026;--shadow-glow:0 0 30px #8c52ff26}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 15% 0%,var(--brand-secondary-alpha)0,transparent 40%),radial-gradient(circle at 85% 100%,var(--brand-secondary-alpha)0,transparent 40%);background-attachment:fixed;font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .15s ease-out}.app-header{z-index:60;background:color-mix(in srgb,var(--panel)70%,transparent);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--line)70%,transparent);position:sticky;top:0}.app-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:12px 24px;display:grid}.brand-link{align-items:center;transition:opacity .2s;display:inline-flex}.brand-link:hover{opacity:.8}.brand-logo{width:160px;height:auto;display:block}.top-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.top-nav a{color:var(--text-soft);border-radius:var(--border-radius-base);padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.top-nav a:hover{color:var(--text);background:var(--panel-soft)}.header-actions{justify-content:flex-end;display:flex}.theme-toggle{border:1px solid color-mix(in srgb,var(--line)50%,transparent);background:color-mix(in srgb,var(--panel)50%,transparent);color:var(--text-soft);cursor:pointer;min-height:38px;box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.theme-toggle svg{fill:currentColor;width:16px;height:16px}.theme-toggle:hover{color:var(--brand-secondary);border-color:var(--brand-secondary-alpha);background:var(--brand-secondary-alpha);box-shadow:var(--shadow-glow)}.home{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.hero{border:1px solid color-mix(in srgb,var(--brand-secondary)30%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--panel)80%,transparent),color-mix(in srgb,var(--brand-secondary-alpha)40%,transparent));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:clamp(32px,5vw,56px);position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,var(--brand-secondary-alpha)0%,transparent 60%);pointer-events:none;width:60%;height:200%;position:absolute;top:-50%;right:-20%}.badge{border:1px solid color-mix(in srgb,var(--brand-secondary)45%,var(--line));background:color-mix(in srgb,var(--brand-secondary)15%,transparent);color:var(--brand-secondary);letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-1.5px;max-width:900px;margin:20px 0 16px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.05}.hero p{color:var(--text-soft);max-width:760px;margin:0;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.hero-actions{z-index:2;flex-wrap:wrap;gap:12px;margin-top:32px;display:flex;position:relative}.hero-actions a{border-radius:var(--border-radius-base);border:1px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.hero-actions a:first-child{background:var(--brand-secondary);color:#fff;border-color:var(--brand-secondary);box-shadow:0 4px 14px #8c52ff66}.hero-actions a:first-child:hover{background:color-mix(in srgb,var(--brand-secondary)85%,#000);transform:translateY(-2px);box-shadow:0 6px 20px #8c52ff80}.hero-actions a:last-child{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:var(--shadow-sm)}.hero-actions a:last-child:hover{border-color:var(--brand-secondary);background:var(--brand-secondary-alpha);color:var(--brand-secondary)}.versions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px;display:grid}.version-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;transition:all .2s;display:flex}.version-card:hover{border-color:var(--brand-secondary-alpha);box-shadow:var(--shadow-md);transform:translateY(-2px)}.version-card h2{letter-spacing:-.5px;margin:0 0 12px;font-size:24px;font-weight:700}.version-card p{color:var(--text-soft);margin:4px 0 0;font-size:15px}.contact-strip{border:1px solid var(--line);border-radius:var(--border-radius-lg);background:var(--panel);box-shadow:var(--shadow-sm);margin-top:24px;padding:24px}.contact-strip h3{letter-spacing:-.5px;margin:0 0 12px;font-size:18px;font-weight:600}.contact-strip div{flex-wrap:wrap;gap:16px;display:flex}.contact-strip a{color:var(--brand-secondary);font-weight:600}.contact-links{flex-wrap:wrap;gap:12px;display:flex}.ai-assist{border:1px solid var(--line);border-radius:var(--border-radius-base);background:var(--panel);box-shadow:var(--shadow-sm);margin-top:18px;padding:14px}.ai-assist h3{margin:0 0 8px}.ai-links{flex-wrap:wrap;gap:10px;display:flex}.ai-links a{color:var(--brand-secondary);border:1px solid color-mix(in srgb,var(--brand-secondary)30%,var(--line));border-radius:10px;padding:6px 10px;font-weight:600}.docs-shell{grid-template-columns:auto minmax(0,1fr);max-width:1400px;margin:0 auto;display:grid}.mobile-sidebar-trigger,.sidebar-overlay{display:none}.sidebar{border-right:1px solid var(--line);background:0 0;width:290px;height:calc(100vh - 65px);padding:24px 16px;transition:width .3s cubic-bezier(.4,0,.2,1);position:sticky;top:65px;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.sidebar:hover::-webkit-scrollbar-thumb{background:var(--text-soft)}.sidebar.collapsed{width:84px;padding-left:12px;padding-right:12px}.sidebar.collapsed .sidebar-top{grid-template-columns:1fr;justify-items:center}.sidebar-top{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:24px;display:grid}.sidebar-top h2{letter-spacing:.5px;text-transform:uppercase;color:var(--text-soft);margin:0;font-size:14px;font-weight:600}.sidebar-mobile-close{display:none!important}.icon-button{border:1px solid var(--line);background:var(--panel);border-radius:var(--border-radius-base);cursor:pointer;min-width:32px;height:32px;color:var(--text-soft);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.icon-button:hover{color:var(--brand-secondary);border-color:var(--brand-secondary-alpha);background:var(--brand-secondary-alpha)}.sidebar input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:10px 14px;font-size:14px;transition:all .2s}.sidebar input:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px var(--brand-secondary-alpha);outline:none}.sidebar nav{flex-direction:column;gap:20px;display:flex}.sidebar section{flex-direction:column;gap:8px;display:flex}.sidebar h3{color:var(--text);align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.sidebar ul{border-left:1px solid color-mix(in srgb,var(--line)40%,transparent);flex-direction:column;gap:2px;margin:0 0 0 6px;padding:0 0 0 14px;list-style:none;display:flex}.sidebar li a{color:var(--text-soft);border-radius:6px;padding:6px 12px;font-size:13.5px;transition:all .15s ease-out;display:block;position:relative}.sidebar li a:hover{color:var(--text);background:color-mix(in srgb,var(--line)30%,transparent)}.sidebar li a.active{color:var(--brand-secondary-light);background:var(--brand-secondary-alpha);font-weight:500}.sidebar li a.active:before{content:"";background:var(--brand-secondary);border-radius:2px;width:2px;height:60%;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}.sidebar-contact{border:1px solid color-mix(in srgb,var(--brand-secondary)30%,var(--line));border-radius:var(--border-radius-base);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary-alpha)40%,transparent),transparent);flex-direction:column;gap:6px;margin-top:32px;padding:16px;display:flex}.sidebar-contact strong{color:var(--brand-secondary-light);font-size:13px}.sidebar-contact p{color:var(--text-soft);margin:4px 0 8px;font-size:13px;line-height:1.5}.sidebar-contact a{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.sidebar-contact a:hover{color:var(--brand-secondary)}.doc-content{width:100%;max-width:900px;margin:0 auto;padding:40px clamp(24px,5vw,64px) 100px}.breadcrumb{color:var(--text-soft);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.breadcrumb span:last-child{color:var(--brand-secondary)}.doc-header{border:1px solid color-mix(in srgb,var(--line)50%,transparent);background:var(--panel);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-top:16px;padding:32px}.doc-version{color:var(--brand-secondary);background:var(--brand-secondary-alpha);text-transform:uppercase;letter-spacing:.5px;border-radius:99px;margin:0 0 16px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.doc-header h1{letter-spacing:-1px;color:var(--text);margin:0;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.1}.doc-header p{color:var(--text-soft);margin:16px 0 0;font-size:clamp(16px,2vw,18px);line-height:1.6}.video-block,.playbook-body,.next-steps{border:1px solid color-mix(in srgb,var(--line)50%,transparent);border-radius:var(--border-radius-lg);background:var(--panel);box-shadow:var(--shadow-sm);margin-top:24px;padding:32px}.video-player{border-radius:var(--border-radius-base);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--line);background:#0f0f13;margin:16px 0 12px}.video-block h2{letter-spacing:-.5px;margin:0 0 8px;font-size:20px;font-weight:600}.video-block a{color:var(--brand-secondary);word-break:break-word;font-size:14px;font-weight:500;display:inline-block}.video-block a:hover{text-decoration:underline}.playbook-body h1,.playbook-body h2,.playbook-body h3,.playbook-body h4{color:var(--text);letter-spacing:-.5px;margin-top:1.5em;margin-bottom:.5em;font-weight:600}.playbook-body h2{border-bottom:1px solid color-mix(in srgb,var(--line)40%,transparent);padding-bottom:10px;font-size:24px}.playbook-body h3{font-size:20px}.playbook-body p,.playbook-body li{color:var(--text-soft);font-size:16px;line-height:1.8}.playbook-body ul,.playbook-body ol{margin-bottom:1em;padding-left:24px}.playbook-body li{margin-bottom:.5em}.playbook-body strong{color:var(--text);font-weight:600}.playbook-body a{color:var(--brand-secondary);font-weight:500}.playbook-body a:hover{text-decoration:underline}.playbook-body pre{background:color-mix(in srgb,var(--bg-strong)80%,transparent);border:1px solid var(--line);border-radius:var(--border-radius-base);padding:16px;font-size:14px;overflow-x:auto;box-shadow:inset 0 2px 4px #00000005}.playbook-body code{background:var(--bg-strong);color:var(--brand-secondary-light);border-radius:4px;padding:3px 6px;font-family:Geist Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.playbook-body pre code{color:var(--text);background:0 0;padding:0}.playbook-body blockquote{border-left:4px solid var(--brand-secondary);background:var(--brand-secondary-alpha);border-radius:0 var(--border-radius-base)var(--border-radius-base)0;margin:1.5em 0;padding:16px 20px}.playbook-body blockquote p{color:var(--text);margin:0}.permissions-callout{border:1px solid var(--line);border-radius:var(--border-radius-base);background:color-mix(in srgb,var(--brand-secondary)8%,var(--panel));color:var(--text);margin-bottom:16px;padding:14px}.permissions-callout ul{margin:6px 0 0;padding-left:18px}.permissions-callout li{line-height:1.6}.perm-codes{color:var(--text-soft);margin-top:4px;font-size:12px}.pdf-reference{border:1px dashed var(--line);border-radius:var(--border-radius-base);background:var(--panel-soft);margin-top:18px;padding:14px}.pdf-reference a{color:var(--brand-secondary);font-weight:600}.next-steps h2{letter-spacing:-.5px;margin:0 0 16px;font-size:20px;font-weight:600}.next-steps ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.next-steps li{border:1px solid var(--line);border-radius:var(--border-radius-base);background:var(--panel-soft);transition:all .2s}.next-steps li a{color:var(--text);padding:16px 20px;font-weight:500;display:block}.next-steps li:hover{border-color:var(--brand-secondary);box-shadow:var(--shadow-sm);background:var(--panel)}.version-page{max-width:1050px;margin:0 auto;padding:48px 24px 80px}.version-page h1{letter-spacing:-1.5px;margin:0;font-size:clamp(32px,5vw,52px);font-weight:700}.version-page p{color:var(--text-soft);margin-top:12px;font-size:18px}.version-page ul{gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.version-page li{border:1px solid var(--line);background:var(--panel);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.version-page li:hover{border-color:var(--brand-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.version-page li a{align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.version-page li a:before{content:"→";color:var(--brand-secondary);opacity:0;transition:all .2s;transform:translate(-10px)}.version-page li:hover a:before{opacity:1;transform:translate(0)}.version-page li span{color:var(--text-soft);background:var(--bg-strong);border-radius:99px;padding:6px 12px;font-size:14px;font-weight:500}.animate-fade-up,.animate-fade-up-delay,.animate-fade-up-delay-2{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(16px)}.animate-fade-up-delay{animation-delay:.1s}.animate-fade-up-delay-2{animation-delay:.2s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.docs-shell{grid-template-columns:1fr}.mobile-sidebar-trigger{z-index:65;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow-lg);border-radius:99px;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:transform .2s;display:inline-flex;position:fixed;bottom:20px;left:20px}.mobile-sidebar-trigger:active{transform:scale(.95)}.mobile-sidebar-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sidebar{z-index:80;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel)90%,transparent);-webkit-backdrop-filter:blur(16px);width:min(88vw,360px);height:calc(100vh - 65px);box-shadow:var(--shadow-lg);transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:65px;left:-100%}.sidebar.mobile-open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:70;opacity:0;background:#00000080;border:0;animation:.2s forwards fadeIn;display:block;position:fixed;inset:65px 0 0}@keyframes fadeIn{to{opacity:1}}.sidebar-mobile-close{display:inline-flex!important}.top-nav{display:none}.app-header-inner{grid-template-columns:1fr auto}.brand-logo{width:140px}}@media (max-width:680px){.theme-toggle span{display:none}.version-page li{flex-direction:column;align-items:flex-start}}
