:root{--bg:#000;--bg-soft:#0c0911;--surface:#120d1b;--border:#c8b6ff33;--text:#f5f1ff;--muted:#b7aecc;--accent:#c8b6ff;--accent-strong:#e2d9ff;--accent-subtle:#c8b6ff1f;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-transition{z-index:9999;opacity:0;pointer-events:none;background:#000;transition:opacity .35s;position:fixed;inset:0}.page-transition.in{opacity:1;pointer-events:auto}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{z-index:10;background:0 0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--mono);letter-spacing:-.5px;font-size:18px;font-weight:700}.logo-dot{color:var(--accent)}.nav{color:var(--muted);gap:24px;font-size:14px;display:flex}.nav a:hover{color:var(--text)}.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:filter .15s,transform .15s,border-color .15s,background .15s;display:inline-block}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.btn-primary{background:var(--accent);color:#0b0b14}.btn-ghost{border-color:var(--border);color:var(--text);background:#00000059}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-subtle)}.hero{background:var(--bg);align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:720px;margin-left:clamp(24px,8vw,120px);padding:110px 32px 140px;position:relative}.hero-content:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000000b8 0%,#00000038 55%,#0000 100%);position:absolute;inset:-40px -80px}.eyebrow{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:12px}h1{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(32px,5vw,56px);line-height:1.1}.hero-title{font-family:var(--mono);letter-spacing:-.03em;color:var(--text);text-shadow:0 0 40px #c8b6ff40;margin-bottom:18px;font-size:clamp(52px,12vw,132px);font-weight:700;line-height:.95}.hero-title span{white-space:pre}.hero-title span:after{content:"|";color:var(--accent);font-weight:400;animation:1s step-end infinite cursor-blink}.hero-title span.done:after{animation:none}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.tagline{color:var(--muted);max-width:520px;margin-bottom:28px;font-size:clamp(15px,1.9vw,18px)}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-hint{z-index:1;font-family:var(--mono);color:var(--muted);opacity:.85;align-items:center;gap:10px;font-size:12px;animation:2.2s ease-in-out infinite scroll-bob;display:flex;position:absolute;bottom:24px;left:32px}.hero-hint:before{content:"";border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:9px;height:9px;transform:rotate(45deg)}@keyframes scroll-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.section{background:#07050c;padding:96px 32px}#catalogue{scroll-margin-top:72px}.section-head,.catalogue{max-width:1180px;margin:0 auto}.section-head{margin-bottom:40px}.section-head h2{letter-spacing:-.5px;margin-bottom:6px;font-size:28px}.section-head p{color:var(--muted)}.catalogue{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}a.card:hover,a.card:focus-visible{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #c8b6ff24}a.card:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.card-thumb{border-bottom:1px solid var(--border);height:160px}.card-thumb.has-thumb{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-image .35s}.thumb-grid{background-color:#000;background-image:radial-gradient(circle,#c8b6ffd9 1.5px,#0000 1.6px);background-position:50%;background-size:22px 22px}.thumb-waves{background:repeating-linear-gradient(#c8b6ff00 0,#c8b6ff47 10px,#c8b6ff00 24px)}.thumb-prism{background-color:#000;background-image:linear-gradient(135deg,#c8b6ff8c 0%,#c8b6ff00 38%),linear-gradient(60deg,#c8b6ff00 42%,#c8b6ff66 50%,#c8b6ff00 58%),linear-gradient(-45deg,#c8b6ff00 55%,#c8b6ff80 100%)}.thumb-mandala{background-color:#000;background-image:repeating-radial-gradient(circle at center, #c8b6ff80 0 1.5px, #c8b6ff00 1.5px 26px), repeating-conic-gradient(from 0deg, #c8b6ff73 0 3deg, #c8b6ff00 3deg 15deg)}.thumb-hexflow{background-color:#000;background-image:repeating-linear-gradient(60deg,#c8b6ff66 0 1px,#c8b6ff00 1px 26px),repeating-linear-gradient(-60deg,#c8b6ff66 0 1px,#c8b6ff00 1px 26px),repeating-linear-gradient(0deg,#c8b6ff66 0 1px,#c8b6ff00 1px 22px)}.thumb-tesseract{background-color:#000;background-image:linear-gradient(45deg,#cabdff00 40%,#cabdff80 50%,#cabdff00 60%),linear-gradient(-45deg,#cabdff00 40%,#cabdff80 50%,#cabdff00 60%),linear-gradient(135deg,#cabdff38 25%,#cabdff00 55%);background-position:50%;background-size:60px 60px,60px 60px,100% 100%}.thumb-gyroid{background-color:#000;background-image:repeating-radial-gradient(circle at 30% 40%,#c8b6ff59 0 2px,#c8b6ff00 2px 18px),repeating-radial-gradient(circle at 70% 60%,#c8b6ff4d 0 2px,#c8b6ff00 2px 18px)}.thumb-horizon{background-color:#0d0914;background-image:linear-gradient(#c8b6ff80 1px,#c8b6ff00 1px),linear-gradient(90deg,#c8b6ff80 1px,#c8b6ff00 1px);background-position:50%;background-size:24px 24px}.thumb-fade{background-color:#000;background-image:radial-gradient(circle at 30% 40%,#c8b6ff59 0%,#c8b6ff00 45%),radial-gradient(circle at 70% 62%,#c8b6ff38 0%,#c8b6ff00 38%),radial-gradient(circle at 52% 24%,#c8b6ff29 0%,#c8b6ff00 32%)}.thumb-flash{background-color:#000;background-image:linear-gradient(115deg,#e2d9ff00 30%,#e2d9ff52 48%,#e2d9ff00 66%),linear-gradient(65deg,#e2d9ff00 52%,#e2d9ff2e 62%,#e2d9ff00 74%)}.thumb-bloom{background-color:#000;background-image:radial-gradient(circle at 55% 45%,#e2d9ff6b 0%,#e2d9ff1a 32%,#e2d9ff00 58%),radial-gradient(circle at 30% 62%,#c8b6ff38 0%,#c8b6ff00 45%),radial-gradient(circle at 74% 30%,#ac96ff33 0%,#ac96ff00 42%),radial-gradient(circle,#0000 52%,#00000080 100%)}.thumb-clouds{background-color:#000;background-image:radial-gradient(at 30% 42%,#c8b6ff47 0%,#c8b6ff00 55%),radial-gradient(at 62% 58%,#c8b6ff38 0%,#c8b6ff00 48%),radial-gradient(at 48% 30%,#c8b6ff29 0%,#c8b6ff00 40%)}.thumb-tide{background-color:#08060f;background-image:linear-gradient(#c8b6ff00 0%,#c8b6ff24 58%,#c8b6ff47 62%,#c8b6ff00 63%),linear-gradient(#c8b6ff00 72%,#c8b6ff66 78%,#c8b6ff00 79%),linear-gradient(#c8b6ff00 86%,#c8b6ff8c 92%,#c8b6ff00 93%)}.thumb-fireflies{background-color:#08060f;background-image:radial-gradient(circle at 28% 38%,#e2d9ffd9 0%,#e2d9ff00 2.5px),radial-gradient(circle at 62% 24%,#c8b6ffb3 0%,#c8b6ff00 2px),radial-gradient(circle at 76% 66%,#e2d9ffcc 0%,#e2d9ff00 2.4px),radial-gradient(circle at 40% 72%,#ac96ff80 0%,#ac96ff00 1.8px),radial-gradient(circle at 14% 58%,#e2d9ff8c 0%,#e2d9ff00 1.8px),radial-gradient(circle at 88% 44%,#c8b6ff99 0%,#c8b6ff00 2px)}.card-body{flex-direction:column;gap:6px;padding:18px 20px 20px;display:flex}.card-body h3{letter-spacing:-.3px;font-size:18px}.card-body p{color:var(--muted);font-size:14px}.card-cta{color:var(--accent);margin-top:8px;font-size:14px;font-weight:600}.card-disabled{opacity:.6;cursor:not-allowed}.card-disabled .card-cta{color:var(--muted)}.badge{text-transform:uppercase;letter-spacing:1px;background:var(--accent-subtle);color:var(--accent);vertical-align:middle;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.badge-soon{background:var(--border);color:var(--muted)}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.reveal.revealed{opacity:1;transform:translateY(0)}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:32px;font-size:13px}.site-footer p+p{margin-top:4px}#bg{z-index:0;position:fixed;inset:0}.panel{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--border);background:#08060fd9;width:360px;padding:24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.back{color:var(--muted);font-size:13px}.back:hover{color:var(--text)}.panel-title{letter-spacing:-.4px;font-size:20px}.panel-section{border-top:1px solid #c8b6ff24;flex-direction:column;gap:10px;padding:14px 0;display:flex}.panel-section:first-of-type{border-top:none}.control-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;display:flex}.control-label em{font-style:normal;font-family:var(--mono);color:var(--text);font-size:12px}.control-hint{color:var(--muted);font-size:12px;line-height:1.5}.effect-buttons{flex-wrap:wrap;gap:10px;display:flex}.effect-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.effect-btn:hover:not(:disabled){border-color:var(--accent)}.effect-btn.active{border-color:var(--accent);background:var(--accent-subtle)}.effect-btn:disabled{opacity:.45;cursor:not-allowed}.soon{text-transform:uppercase;letter-spacing:1px;background:var(--border);vertical-align:middle;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px}.color-input{align-items:center;gap:10px;display:flex}.color-input input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:42px;height:42px;padding:0}.color-input code{font-family:var(--mono);color:var(--muted);font-size:13px}.range{width:100%;accent-color:var(--accent);cursor:pointer}.toggles{gap:20px;display:flex}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.code-tabs{gap:8px;margin-bottom:10px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:color .15s,border-color .15s,background .15s}.tab.active{color:var(--text);border-color:var(--border);background:var(--bg)}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;overflow-x:auto}.code-block code{font-family:var(--mono);white-space:pre;color:#d6cfee;font-size:12px;line-height:1.7}.code-actions{gap:12px;margin-top:12px;display:flex}.code-note{color:var(--muted);margin-top:12px;font-size:12px}.panel-footer{color:var(--muted);border-top:1px solid #c8b6ff24;margin-top:12px;padding-top:16px;font-size:12px}.docs-hero h1{letter-spacing:-1px;margin-bottom:14px;font-size:clamp(32px,4.5vw,48px)}.doc-actions{flex-wrap:wrap;gap:12px;display:flex}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:20px}.doc-card h3{letter-spacing:-.3px;margin-bottom:6px;font-size:18px}.doc-card-desc{color:var(--muted);margin-bottom:14px;font-size:14px}.doc-table{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.doc-table-row{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;gap:16px;padding:12px 18px;font-size:14px;display:grid}.doc-table-row:last-child{border-bottom:none}.doc-table-row span:first-child{font-family:var(--mono);color:var(--accent-strong)}.doc-table-row span:last-child{color:var(--muted)}.doc-table-row code{font-family:var(--mono);color:var(--text)}.docs-page .docs-step{padding-block:clamp(56px,7vw,80px)}.docs-shell{width:min(100% - 48px,980px);margin-inline:auto}.docs-hero{padding-block:clamp(104px,13vw,148px) clamp(56px,7vw,80px);position:relative;overflow:hidden}.docs-hero:before{content:"";pointer-events:none;background:radial-gradient(62% 52% at 50% 0,#c8b6ff1f,#0000 72%);position:absolute;inset:0}.docs-hero-content{z-index:1;max-width:720px;position:relative}.docs-hero-meta{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:22px;font-size:12px}.docs-page .site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0000008c}.docs-page .nav a[aria-current=page]{color:var(--text)}.docs-page .nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px;width:18px;height:2px;margin:4px auto 0;display:block}.docs-step-head{grid-template-columns:auto 1fr;align-items:start;gap:18px;margin-bottom:28px;display:grid}.docs-step-head p{max-width:62ch}.step-number{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;font-size:12px;font-weight:700;line-height:1.6;position:relative}.step-number:after{content:"";background:linear-gradient(var(--border), transparent);pointer-events:none;width:1px;height:56px;position:absolute;top:calc(100% + 16px);left:7px}.docs-step:last-child .step-number:after{display:none}.doc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.docs-page .doc-card{margin:0;padding:22px;transition:border-color .2s,box-shadow .2s,transform .2s}.docs-page .doc-card:hover,.docs-page .doc-card:focus-within{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 14px 44px #c8b6ff29}.code-frame{border:1px solid var(--border);background:var(--bg);border-radius:12px;overflow:hidden}.code-frame-bar{border-bottom:1px solid var(--border);background:var(--bg-soft);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.code-frame-bar>span{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:11px}.code-copy{font-family:var(--mono);letter-spacing:.5px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s,background .15s}.code-copy:hover{color:var(--text);border-color:var(--border);background:var(--accent-subtle)}.code-copy:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.docs-page .code-frame .code-block{border:none;border-radius:0;margin:0}.code-scroll-hint{color:var(--muted);border-top:1px solid var(--border);background:var(--bg-soft);padding:6px 12px;font-size:11px;display:none}.docs-reveal{opacity:0;transition:opacity .48s ease-out,transform .48s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.docs-reveal.is-visible{opacity:1;margin-left:auto;margin-right:auto;transform:translateY(0)}@media (width<=760px){.doc-card-grid{grid-template-columns:1fr}}@media (width<=720px){.docs-page .site-header{gap:16px;overflow:hidden}.docs-page .nav{white-space:nowrap;scrollbar-width:none;min-width:0;overflow-x:auto}.docs-page .nav::-webkit-scrollbar{display:none}.step-number:after{display:none}.step-number{border:1px solid var(--border);background:var(--accent-subtle);border-radius:999px;justify-self:start;padding:3px 10px}.docs-step-head{grid-template-columns:1fr;gap:12px}.docs-page .doc-table-row{grid-template-columns:1fr;gap:4px;padding:14px 16px}.docs-page .doc-table-row span:first-child{background:var(--accent-subtle);border-radius:6px;justify-self:start;padding:2px 8px}.code-scroll-hint{display:block}.site-header{padding:14px 20px}.nav{gap:14px}.hero-content{margin-left:0;padding:90px 24px 120px}.hero-title{font-size:clamp(44px,17vw,72px)}.hero-hint{left:24px}.section{padding:64px 24px 72px}.catalogue{grid-template-columns:1fr}.panel{border-left:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-height:68vh;inset:auto 0 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-hint,.hero-title span:after{animation:none}.reveal{transition:opacity .5s ease-out;transform:none}.page-transition{transition:none}.docs-reveal{opacity:1;transition:none;transform:none}.docs-page .doc-card{transition:border-color .15s;transform:none}.docs-page .doc-card:hover,.docs-page .doc-card:focus-within{box-shadow:none;transform:none}}