*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:#0c0a08;overflow:hidden;font-family:var(--font);color:var(--cream)}canvas{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:max(16px,4vmin,env(safe-area-inset-top)) max(16px,4vmin,env(safe-area-inset-right)) max(14px,3vmin,env(safe-area-inset-bottom)) max(16px,4vmin,env(safe-area-inset-left))}.overlay>*{position:relative}.overlay>.scrim{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to top,color-mix(in srgb,var(--ink) 78%,transparent),transparent)}.client-logo{position:fixed;top:max(14px,3.2vmin,env(safe-area-inset-top));left:max(16px,4vmin,env(safe-area-inset-left));height:clamp(26px,5vmin,54px);width:auto}.all-demos{position:fixed;top:max(14px,3.2vmin,env(safe-area-inset-top));left:max(16px,4vmin,env(safe-area-inset-left));display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 14px 0 8px;pointer-events:auto;font-size:13px;font-weight:600;color:var(--cream);text-decoration:none;background:color-mix(in srgb,var(--ink) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--cream) 22%,transparent);border-radius:999px}.client-logo+.all-demos{top:calc(max(14px,3.2vmin,env(safe-area-inset-top)) + clamp(26px,5vmin,54px) + 10px)}.all-demos:hover{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}.all-demos:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.overlay h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:clamp(34px,7.2vmin,86px);line-height:1.02;color:var(--gold);text-shadow:0 2px 20px color-mix(in srgb,var(--ink) 60%,transparent)}.overlay p{font-size:clamp(15px,2.2vmin,22px);color:var(--cream);opacity:.9;margin-top:1.2vmin;max-width:38ch}.nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:max(14px,2.6vmin);pointer-events:auto}.nav button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;font:inherit;font-weight:600;font-size:clamp(14px,1.8vmin,17px);color:var(--cream);background:color-mix(in srgb,var(--ink) 62%,transparent);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav button:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--badge);box-shadow:0 0 0 2px color-mix(in srgb,var(--cream) 25%,transparent)}.nav button.on{background:var(--badge);border-color:var(--badge);color:var(--on-badge)}.nav button.on:before{background:var(--on-badge)}.credit{align-self:flex-end;display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;letter-spacing:.04em;color:var(--cream);opacity:.7}.credit img{width:clamp(60px,9vmin,96px);height:auto}.overlay>h1,.overlay>p,.overlay>.nav,.overlay>.scrim{transition:opacity .4s ease}.overlay.info>h1,.overlay.info>p,.overlay.info>.nav,.overlay.info>.scrim{opacity:0;pointer-events:none}.sheet{position:fixed;left:0;right:0;bottom:0;height:52vh;z-index:2;display:flex;flex-direction:column;padding:16px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--ink) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:20px 20px 0 0;transform:translateY(104%);visibility:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .55s}.sheet.open{transform:none;visibility:visible;transition:transform .55s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1)}.sheet.form{height:80vh}@media (min-aspect-ratio: 1/1){.sheet{right:auto;top:0;height:auto!important;width:min(440px,42vw);padding:max(20px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));border-top:0;border-right:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:0 20px 20px 0;transform:translate(-104%)}.overlay>.client-logo,.overlay>.all-demos{transition:opacity .4s ease}.overlay.info>.client-logo,.overlay.info>.all-demos{opacity:0;pointer-events:none}.overlay.info>.all-demos{visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}}.sheet button,.sheet a,.sheet input{font:inherit;color:inherit}.sheet :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sheet h2:focus{outline:none}.sheet input{-webkit-user-select:text;user-select:text}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sheet-head{display:flex;align-items:center;gap:10px}.sheet-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}.eyebrow{flex:1;min-width:0;font-size:clamp(13px,1.4vmin,16px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-ctrl{display:flex;gap:6px}.round{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;background:transparent;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.round:hover{background:color-mix(in srgb,var(--gold) 16%,transparent)}.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 2px 20px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.sheet h2{font-family:var(--display);font-weight:700;letter-spacing:-.01em;font-size:clamp(26px,3.4vmin,36px);line-height:1.08;color:var(--gold)}.dots{display:flex;gap:6px;margin:12px 0 16px}.dots span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--cream) 28%,transparent)}.dots span.on{width:20px;border-radius:4px;background:var(--gold)}.lead{font-size:clamp(16px,1.9vmin,21px);line-height:1.55;color:var(--cream);opacity:.92;max-width:42ch}.tip{font-size:clamp(14px,1.6vmin,18px);line-height:1.5;color:var(--cream);opacity:.7;margin-top:10px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.sheet.open .sheet-body>*,.sheet.open .thanks>*{animation:rise .5s cubic-bezier(.22,1,.36,1) both .12s}.sheet.open .sheet-body>:nth-child(2){animation-delay:.18s}.sheet.open .sheet-body>:nth-child(3),.sheet.open .thanks>:nth-child(2){animation-delay:.24s}.sheet.open .sheet-body>:nth-child(4),.sheet.open .thanks>:nth-child(3){animation-delay:.3s}.sheet.open .sheet-body>:nth-child(n+5){animation-delay:.36s}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;max-width:30rem}.steps li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:clamp(13px,1.5vmin,17px);line-height:1.3}.step-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chips li,.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:14px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);background:color-mix(in srgb,var(--cream) 6%,transparent)}.pill{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:6px 14px 6px 10px;border-radius:999px;font-size:14px;font-weight:600;background:var(--gold);color:var(--ink)}.units{display:flex;gap:28px;margin-top:16px}.units div{display:flex;flex-direction:column-reverse}.units dd{font-family:var(--display);font-weight:700;font-size:clamp(36px,5vmin,52px);line-height:1;color:var(--gold)}.units dt{margin-top:6px;font-size:13px;max-width:16ch;color:var(--cream);opacity:.75}.ext{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:15px;color:var(--gold);text-underline-offset:3px}@media (max-height: 760px){.sheet-body{padding-top:8px}.sheet h2{font-size:24px}.dots{margin:8px 0 10px}.lead{font-size:15px;line-height:1.4}.units{margin-top:8px}.units dd{font-size:32px}.units dt{max-width:none}.ext{margin-top:0}}.sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}.sheet-foot small{font-size:12px;color:var(--cream);opacity:.55}.sheet .primary{min-height:48px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;font-weight:700;background:var(--gold);color:var(--ink)}.sheet .primary:disabled{opacity:.6;cursor:progress}.register{display:flex;flex-direction:column;gap:12px}.register label:not(.check){display:flex;flex-direction:column;gap:6px;font-size:14px;opacity:.92}.register input:not([type=checkbox]){min-height:44px;padding:0 12px;font-size:16px;border-radius:10px;background:color-mix(in srgb,var(--cream) 8%,transparent);border:1px solid color-mix(in srgb,var(--cream) 25%,transparent)}.register input[aria-invalid=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer}.check input{width:22px;height:22px;flex:none;accent-color:var(--gold)}.err{margin-top:-6px;font-size:14px;font-weight:600;color:var(--gold)}.err:before{content:"! "}.register fieldset{border:0}.register legend{font-size:14px;opacity:.92}.register .chips{margin-top:8px}.chip{min-height:44px;cursor:pointer}.chip:before{content:"";width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--badge)}.chip[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 22%,transparent);border-color:var(--gold)}.register .primary{align-self:flex-start;margin-top:4px}.thanks .primary{margin-top:18px}@media (prefers-reduced-motion: reduce){.sheet,.sheet.open,.overlay>*{transition:none}.sheet.open .sheet-body>*,.sheet.open .thanks>*{animation:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:22px;background:#0c0a08;opacity:1;transition:opacity .6s ease}.loader.out{opacity:0;pointer-events:none}.loader img{width:clamp(120px,18vmin,200px);height:auto;opacity:.9}.loader .bar{width:clamp(140px,22vmin,240px);height:2px;border-radius:2px;background:#ffffff1f;overflow:hidden}.loader .bar i{display:block;height:100%;background:#ffffffd9;transform-origin:left;transition:transform .3s ease}@media (prefers-reduced-motion: reduce){.loader,.loader .bar i{transition:none}}