.wordmark{position:fixed;top:max(21px,calc(env(safe-area-inset-top) + 15px));left:50%;transform:translate(-50%);z-index:25;height:17px;pointer-events:none}.wordmark img{display:block;height:100%;width:auto;-webkit-user-select:none;user-select:none}.navback{position:fixed;top:max(10px,calc(env(safe-area-inset-top) + 4px));left:max(12px,calc(env(safe-area-inset-left) + 6px));z-index:30;width:40px;height:40px;padding:0;border:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease),background .16s var(--ease)}.navback:active{transform:scale(.9)}.navback svg{width:22px;height:22px}.navback--plain{background:#ffffffe6;color:#1a1612;box-shadow:0 1px 8px #00000024}.navback--over{background:#0000006b;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.stage{position:fixed;inset:0;background:#000;overflow:hidden}.stage__video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.stage__canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));pointer-events:none}.stage__overlay>*{pointer-events:auto}.stage__prompt{text-align:center;background:linear-gradient(180deg,#0006,#0000);border-radius:0;padding:max(38px,calc(env(safe-area-inset-top) + 6px)) 16px 28px;color:#fff}.stage__prompt .focal{color:#fff;font-size:clamp(32px,8.8vw,46px);line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.5);margin:0 auto}.stage__prompt--long .focal{font-size:clamp(24px,6.4vw,32px);line-height:1.16;max-width:18ch}.stage__prompt .secondary{color:#ffffffeb;margin:10px auto 0;font-size:clamp(19px,5.2vw,24px);line-height:1.32;max-width:22ch;text-shadow:0 2px 14px rgba(0,0,0,.55)}.scoop-illus{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:8px 24px;pointer-events:none}.illuscard{background:#fff;border-radius:14px;box-shadow:0 12px 48px #00000080;padding:10px;display:block;transition:opacity .48s var(--ease),transform .48s var(--ease)}.illuscard img{display:block;width:auto;height:auto;max-width:min(72vw,280px);max-height:40vh;object-fit:contain;border-radius:8px}.illuscard--out{opacity:0;transform:scale(.92) translateY(8px)}.stage__prompt .eyebrow{color:#fff;opacity:.9}.stage__foot{display:flex;flex-direction:column;align-items:center;gap:12px}.stage .privacy-line{color:#ffffffe6;text-shadow:0 1px 8px rgba(0,0,0,.6)}.nudge{align-self:center;background:#0000009e;color:#fff;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;backdrop-filter:blur(6px)}.nudge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn)}.lockglow{position:absolute;inset:0;pointer-events:none;border-radius:16px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 0 90px color-mix(in srgb,var(--accent) 45%,transparent);animation:lockGlowIn .36s var(--ease) forwards}@keyframes lockGlowIn{0%{opacity:0}to{opacity:1}}.dial{display:grid;place-items:center;position:relative;width:min(62vw,280px);height:min(62vw,280px);margin:0 auto}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial__seg{fill:none;stroke:#ffffff47;stroke-width:7;stroke-linecap:round;transition:stroke .36s var(--ease)}.dial__seg--done{stroke:var(--accent)}.dial__label{position:absolute;font-size:15px;font-weight:600;color:#fffffff2;text-shadow:0 1px 8px rgba(0,0,0,.6)}.dial__label--active{color:var(--accent)}.dial__center{position:absolute;text-align:center;color:#fff}.primer{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:30px 26px;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.primer__icon{width:64px;height:64px;color:var(--accent)}.primer__why{font-size:17px;line-height:1.45;color:var(--ink-70);margin:0;max-width:30ch}.guided-illus{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:6px 14px;max-width:320px;width:100%;display:grid;place-items:center}.guided-illus img{width:100%;height:auto;display:block}.guided-bar{width:100%;max-width:320px;height:5px;border-radius:999px;background:#ffffff4d;overflow:hidden;margin:0 auto}.guided-bar__fill{height:100%;background:var(--accent);border-radius:999px;transition:width 90ms linear}.holdring{--p: 0;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),rgba(255,255,255,.25) 0);margin:0 auto}.holdring__inner{width:78px;height:78px;border-radius:50%;background:#0006;display:grid;place-items:center;color:#fff;font-weight:600;font-size:13px}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--accent-tint);color:var(--accent-press);font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px}.spin{animation:spin 1.1s linear infinite;transform-origin:50% 50%}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg: #f7f4ef;--surface: #ffffff;--surface-sunken: #efeae1;--ink: #000000;--ink-70: rgba(0, 0, 0, .7);--ink-55: rgba(0, 0, 0, .55);--ink-35: rgba(0, 0, 0, .35);--ink-18: rgba(0, 0, 0, .18);--ink-12: rgba(0, 0, 0, .12);--accent: #4a2a6a;--accent-press: #3a2153;--accent-tint: rgba(74, 42, 106, .12);--warn: #b8862f;--ok: #5a8f6f;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(26, 22, 18, .04), 0 12px 40px rgba(26, 22, 18, .08);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .48s;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:manipulation}#root{display:flex;flex-direction:column;align-items:center}.screen{flex:1;display:flex;flex-direction:column;min-height:100%;width:100%;max-width:388px;padding:max(28px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));animation:fadeUp var(--dur) var(--ease)}.screen__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.screen__footer{display:flex;flex-direction:column;gap:12px;padding-top:16px}@media (min-width: 640px){html:not(.preview-phone) #root{justify-content:center}html:not(.preview-phone) .screen{flex:0 1 auto;min-height:auto;padding:40px 24px}html:not(.preview-phone) .screen__body{flex:0 0 auto;justify-content:flex-start}}.focal{font-size:clamp(26px,6.4vw,34px);line-height:1.14;font-weight:600;letter-spacing:-.02em;margin:0;max-width:20ch}.secondary{font-size:clamp(16px,4.4vw,19px);line-height:1.45;color:var(--ink-55);margin:0;max-width:26ch}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}.screen__body--lead{flex:1;justify-content:center;align-items:stretch;text-align:left;gap:0}.lead-title{font-size:clamp(28px,7.6vw,34px);line-height:1.1;font-weight:600;letter-spacing:-.02em;margin:0;max-width:16ch}.lead-sub{font-size:17px;line-height:1.5;color:var(--ink-55);margin:12px 0 0;max-width:34ch}.lead-note{font-size:17px;line-height:1.45;color:var(--accent-press);background:var(--accent-tint);padding:14px 16px;border-radius:var(--radius);margin:20px 0 0;max-width:38ch}.fineprint{font-size:12.5px;line-height:1.5;color:var(--ink-55);text-align:left;margin:0}.field-stack{display:grid;gap:14px;margin-top:26px}.field-group{display:grid;gap:6px}.field-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-35)}.field{width:100%;font-family:inherit;font-size:16px;padding:13px 14px;border-radius:var(--radius);border:1px solid var(--ink-18);background:transparent;color:var(--ink);text-align:left;transition:border-color .14s var(--ease)}.field::placeholder{color:var(--ink-35)}.field:focus{outline:none;border-color:var(--accent)}.btn{appearance:none;border:none;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:-.01em;padding:17px 24px;border-radius:var(--radius);cursor:pointer;transition:transform .12s var(--ease),background .16s var(--ease),opacity .16s var(--ease);width:100%}.btn:active{transform:scale(.98)}.btn--primary{background:var(--ink);color:var(--bg)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:active{background:var(--accent-press)}.btn--ghost{background:transparent;color:var(--ink-70);font-weight:500}.btn:disabled{opacity:.4;cursor:default}.rad-check{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:none;margin:1px 0 0;border:1.5px solid var(--ink-18);border-radius:5px;background:var(--surface);cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.rad-check:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center / 15px no-repeat}.rad-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.privacy-line{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-55);font-weight:500}.privacy-line svg{width:14px;height:14px;flex:none}.gate-qr{margin-top:6px;padding:14px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);line-height:0}.gate-qr img{display:block;width:160px;height:160px}.gate-hint{font-size:14px;line-height:1.5;color:var(--ink-55);margin:4px 0 0}.gate-url{display:inline-block;margin-top:4px;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.01em;font-variant-numeric:tabular-nums}.device-stage{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 0%,#efeae1,#e3ddd2);z-index:0}.device-frame{position:relative;width:390px;height:844px;flex:none;border-radius:46px;background:#0b0b0c;padding:5px;box-shadow:0 1px 3px #0006,0 30px 70px #1a161247,0 0 0 1px #0000000f}.device-screen{position:absolute;inset:0;border-radius:42px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;align-items:center}.device-tag{position:fixed;bottom:14px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-35);pointer-events:none}.confirm-pop{animation:confirmPop .56s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes confirmPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}