:root{--paper: oklch(.985 .006 85);--paper-2: oklch(.965 .008 85);--paper-3: oklch(.93 .01 85);--ink: oklch(.18 .02 260);--ink-2: oklch(.32 .02 260);--ink-3: oklch(.52 .02 260);--ink-4: oklch(.72 .01 260);--rule: oklch(.88 .01 85);--rule-2: oklch(.82 .01 85);--accent: #5B4BFF;--accent-ink: #4338CA;--accent-soft:#EDEBFF;--warn: #C7411F;--good: #1F7A4A;--hand-font: "Caveat", cursive;--serif: "Instrument Serif", Georgia, serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter Tight", system-ui, -apple-system, sans-serif;--maxw: 1240px;--pad: clamp(20px, 4vw, 48px)}.landing *{box-sizing:border-box}.landing{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.landing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(oklch(.2 .02 85 / .025) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply;z-index:0}.landing a{color:inherit;text-decoration:none}.landing button{font:inherit;cursor:pointer}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad);position:relative;z-index:1}.nav{position:sticky;top:0;z-index:30;background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px}.logo{font-family:var(--hand-font);font-size:28px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:baseline;gap:6px;border-bottom:1.5px dashed var(--ink-3);padding-bottom:2px}.logo i{letter-spacing:-.06em;margin:0 -.05em;font-style:normal;color:var(--accent)}.logo-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:3px 8px;border:1px solid var(--rule-2);border-radius:999px;margin-left:10px}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--ink-2)}.nav-links a:hover{color:var(--ink)}.landing .nav-cta{font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:8px 14px;background:var(--ink);color:var(--paper);border-radius:999px}.landing .nav-cta:hover{color:var(--paper)}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:18px;height:1px;background:var(--ink-4)}.landing h1,.landing h2,.landing h3{margin:0;font-weight:400}.display{font-family:var(--serif);font-weight:400;font-size:clamp(52px,7.2vw,108px);line-height:.95;letter-spacing:-.02em}.display .hand{font-family:var(--hand-font);font-style:normal;color:var(--accent);font-weight:700;font-size:1.04em;letter-spacing:-.005em}.h2{font-family:var(--serif);font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.02em}.lede{font-size:18px;color:var(--ink-2);max-width:54ch;line-height:1.55}.mono{font-family:var(--mono)}.hand{font-family:var(--hand-font)}.heroB{padding-block:clamp(60px,10vw,110px) clamp(40px,6vw,80px);position:relative}.heroB-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media (max-width: 900px){.heroB-grid{grid-template-columns:1fr}}.heroB h1{font-size:clamp(44px,6vw,80px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;font-family:var(--sans);font-weight:500;font-size:15px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px)}.landing .btn.btn-primary{background:var(--ink);color:var(--paper)}.landing .btn.btn-primary:hover{background:var(--accent-ink);color:var(--paper)}.landing .btn.btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule-2)}.btn .arrow{font-family:var(--mono)}.hero-ctas{display:flex;gap:12px;margin-top:32px;align-items:center;flex-wrap:wrap}.heroB-pad{position:relative;background:repeating-linear-gradient(var(--paper) 0 33px,var(--rule) 33px 34px);border:1px solid var(--rule);border-radius:18px;aspect-ratio:5 / 4;overflow:hidden;box-shadow:0 40px 60px -40px #11161f4d}.heroB-pad .pad-head{position:absolute;top:0;left:0;right:0;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(var(--paper),color-mix(in oklch,var(--paper) 0%,transparent))}.heroB-pad .pad-label{position:absolute;left:8%;bottom:16%;font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase}.heroB-pad .pad-baseline{position:absolute;left:8%;right:8%;bottom:calc(16% + 20px);border-top:1px dashed var(--rule-2)}.heroB-pad .pad-x{position:absolute;left:6.5%;bottom:calc(16% + 22px);font-family:var(--mono);font-size:12px;color:var(--ink-3)}.heroB-pad svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.heroB-pad svg path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.heroB-pad .stamp{position:absolute;right:6%;top:14%;width:110px;height:110px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);opacity:0;animation:stampIn .5s ease-out 3.6s forwards;padding:14px}@keyframes stampIn{0%{opacity:0;transform:rotate(-12deg) scale(1.6)}60%{opacity:1;transform:rotate(-12deg) scale(.94)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}.heroB-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chip{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:6px 10px;border:1px solid var(--rule-2);border-radius:999px;background:var(--paper)}.sec{padding-block:clamp(60px,8vw,120px);position:relative}.sec-head{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:end;margin-bottom:56px}@media (max-width: 820px){.sec-head{grid-template-columns:1fr}}.sec-head .lede{margin-top:12px}.demo{background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.demo-stage{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:stretch}@media (max-width: 900px){.demo-stage{grid-template-columns:1fr}}.device{background:var(--paper);border:1px solid var(--rule);border-radius:22px;padding:18px;box-shadow:0 30px 60px -40px #11161f59}.device-bar{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px 14px}.device-bar .dots{display:flex;gap:6px}.device-bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--paper-3);display:inline-block}.device-screen{background:linear-gradient(var(--paper),var(--paper)),repeating-linear-gradient(var(--paper) 0 32px,var(--rule) 32px 33px);background-blend-mode:normal;border-radius:14px;padding:28px;position:relative;aspect-ratio:16 / 10}.device-screen h4{font-family:var(--serif);font-weight:400;font-size:28px;margin:0 0 6px}.device-screen .sub{color:var(--ink-3);font-size:13px}.device-screen .field{margin-top:24px;border:1px dashed var(--rule-2);border-radius:10px;padding:24px 22px 20px;position:relative;min-height:180px;background:var(--paper)}.device-screen .field .x{position:absolute;left:20px;bottom:32px;font-family:var(--mono);font-size:14px;color:var(--ink-3)}.device-screen .field .line{position:absolute;left:36px;right:20px;bottom:38px;height:1px;background:var(--rule-2)}.device-screen .field svg{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 48px)}.device-screen .field svg path{fill:none;stroke:var(--accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.device-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.device-row .btn-mini{background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:999px;font-size:11px;letter-spacing:.08em;border:0}.verify{display:flex;flex-direction:column;justify-content:space-between;padding:32px;background:var(--paper);border:1px solid var(--rule);border-radius:22px;font-family:var(--mono)}.verify h5{font-family:var(--serif);font-weight:400;font-size:30px;margin:0;color:var(--ink)}.verify .metric{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:14px 0;border-bottom:1px dashed var(--rule-2);font-size:12px}.verify .metric b{font-family:var(--sans);font-size:20px;color:var(--ink);font-weight:500;letter-spacing:-.01em;transition:opacity .12s ease}.verify .metric span:first-child{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.verify .status{margin-top:18px;padding:14px 16px;background:color-mix(in oklch,var(--good) 8%,var(--paper));border:1px solid color-mix(in oklch,var(--good) 35%,var(--rule));color:var(--good);border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease}.verify .status b{font-family:var(--sans);text-transform:none;letter-spacing:0;color:inherit}.verify .status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);transition:background .2s ease}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}@media (max-width: 820px){.steps{grid-template-columns:1fr}}.step{position:relative;padding:40px 28px 32px;background:var(--paper);border:1px solid var(--rule);border-radius:18px;min-height:320px;display:flex;flex-direction:column;gap:16px}.step .num{font-family:var(--hand-font);font-size:80px;line-height:.8;color:var(--accent);counter-increment:step}.step .num:before{content:counter(step,decimal-leading-zero)}.step h3{font-family:var(--serif);font-size:28px;letter-spacing:-.01em}.step p{color:var(--ink-2);font-size:14.5px;line-height:1.55}.step-visual{margin-top:auto;aspect-ratio:16 / 9;background:var(--paper-2);border-radius:10px;border:1px dashed var(--rule-2);position:relative;overflow:hidden}.step-visual .tag{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink-4);text-transform:uppercase}.step-visual svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.step-visual svg .trace{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900}.step:hover .step-visual svg .trace{animation:draw 2.4s ease-out forwards}.compare-wrap{overflow-x:auto}.compare{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;min-width:720px}.compare th,.compare td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--rule)}.compare thead th{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink);font-weight:500}.compare tbody td:first-child{font-family:var(--mono);font-size:12px;color:var(--ink-2);letter-spacing:.04em}.compare .us{background:color-mix(in oklch,var(--accent) 7%,var(--paper));position:relative}.compare thead .us{background:var(--ink);color:var(--paper);border-bottom-color:var(--ink);border-radius:10px 10px 0 0}.compare .y{color:var(--good);font-family:var(--mono);font-size:13px}.compare .n{color:var(--warn);font-family:var(--mono);font-size:13px}.compare .meh{color:var(--ink-3);font-family:var(--mono);font-size:13px}.compare .row-label{font-weight:500;color:var(--ink);font-family:var(--sans);font-size:14px;letter-spacing:0;text-transform:none}.security{background:var(--ink);color:var(--paper);border-radius:0}.security .wrap{padding-block:clamp(60px,8vw,120px)}.security .eyebrow{color:#a1a5ab}.security .eyebrow:before{background:#575e69}.security h2{font-family:var(--serif);font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.02em}.security .hand{color:color-mix(in oklch,var(--accent) 85%,white)}.security-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;margin-top:56px}@media (max-width: 900px){.security-grid{grid-template-columns:1fr}}.security-points{display:grid;gap:22px}.spoint{border-top:1px solid oklch(.28 .02 260);padding-top:18px;display:grid;grid-template-columns:120px 1fr;gap:24px}.spoint:first-child{border-top:1px solid oklch(.42 .02 260)}.spoint .k{font-family:var(--mono);font-size:11px;color:#a1a5ab;letter-spacing:.1em;text-transform:uppercase}.spoint .v{font-size:15.5px;line-height:1.55;color:#e8e4dd}.spoint .v b{color:var(--paper);font-weight:500}.aipanel{background:#151b24;border:1px solid oklch(.3 .02 260);border-radius:18px;padding:28px;font-family:var(--mono);position:relative;overflow:hidden}.aipanel h4{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--paper);margin:0 0 6px}.aipanel .aisub{color:#9b9fa5;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.aipanel .attempts{margin-top:22px;display:grid;gap:10px}.ai-attempt{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;padding:10px 14px;background:#0c121a;border:1px solid oklch(.28 .02 260);border-radius:10px;font-size:12px;color:#dad7d0}.ai-attempt .label{color:#9b9fa5;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.ai-attempt .score{color:var(--warn);font-weight:600}.ai-attempt.ok .score{color:var(--good)}.ai-attempt .mini{width:80px;height:26px;background:#11161f;border-radius:4px;position:relative;overflow:hidden}.ai-attempt .mini svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ai-attempt .mini path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ai-attempt .mini.fail path{stroke:#d64938}.ai-attempt .mini.ok path{stroke:var(--accent)}.cases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1000px){.cases{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cases{grid-template-columns:1fr}}.case{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:24px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;transition:transform .16s ease,border-color .16s ease}.case:hover{transform:translateY(-3px);border-color:var(--ink)}.case .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.case h4{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.01em;margin:0}.case p{color:var(--ink-2);font-size:13.5px;line-height:1.55;margin:0}.case .stat{font-family:var(--hand-font);color:var(--accent);font-size:36px;line-height:.9}.sdk-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}@media (max-width: 900px){.sdk-grid{grid-template-columns:1fr}}.code{background:var(--ink);color:var(--paper);border-radius:16px;padding:28px 28px 32px;font-family:var(--mono);font-size:13px;line-height:1.7;position:relative;box-shadow:0 30px 60px -40px #0103098c;overflow:hidden}.code .filebar{display:flex;gap:18px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed oklch(.28 .02 260);font-size:11px;color:#a1a5ab;letter-spacing:.08em;text-transform:uppercase}.code .filebar .active{color:var(--paper)}.code .ln{color:#5d646f;display:inline-block;width:24px}.code .k{color:#c4b5fd}.code .s{color:#fcd34d}.code .c{color:#6b727e;font-style:italic}.code .f{color:#93c5fd}.code .v{color:#a7f3d0}.code .op{color:#a19e98}.pilot{padding-block:clamp(70px,10vw,140px);position:relative}.pilot-inner{background:var(--paper);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:clamp(32px,5vw,60px);display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}@media (max-width: 820px){.pilot-inner{grid-template-columns:1fr}}.pilot h2{font-family:var(--serif);font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.02em}.pilot .price-line{margin-top:24px;font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.pilot-form{display:grid;gap:12px}.pilot-form label{font-family:var(--mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.pilot-form input,.pilot-form select,.pilot-form textarea{width:100%;padding:14px 16px;background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;font-family:var(--sans);font-size:14px;color:var(--ink);outline:none;transition:border-color .12s ease,background .12s ease}.pilot-form input:focus,.pilot-form select:focus,.pilot-form textarea:focus{border-color:var(--ink);background:var(--paper)}.pilot-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pilot-form button{margin-top:6px}.foot{border-top:1px solid var(--rule);padding-block:40px 60px;font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.06em}.foot-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center}@media (max-width: 720px){.foot-inner{grid-template-columns:1fr;text-align:center}}.foot .sig{font-family:var(--hand-font);font-size:28px;color:var(--ink);letter-spacing:-.01em}.kbd{font-family:var(--mono);font-size:11px;padding:2px 6px;border:1px solid var(--rule-2);border-radius:4px;background:var(--paper-2);color:var(--ink-2)}@media (max-width: 720px){.nav-links{gap:12px;font-size:13px}.nav-links a:not(.nav-cta){display:none}.nav-inner{padding-block:12px}.logo{font-size:24px}.logo-tag{display:none}}@media (max-width: 640px){.display{font-size:clamp(40px,10vw,56px)}.heroB h1{font-size:clamp(36px,9vw,48px)}.display .hand{font-size:1.02em}.h2{font-size:clamp(30px,7.5vw,42px)}.lede{font-size:16px}.sec{padding-block:clamp(48px,9vw,72px)}.sec-head{margin-bottom:36px;gap:20px}.hero-ctas{gap:10px}.hero-ctas .btn{flex:1 1 auto;justify-content:center;min-width:140px}.heroB-pad .stamp{width:80px;height:80px;padding:10px;font-size:9px}.heroB-chips{gap:6px}.chip{font-size:10px;padding:5px 8px}.verify{padding:24px}.verify h5{font-size:24px}.verify .metric b{font-size:17px}.device-screen{padding:22px}.device-screen h4{font-size:24px}.step{padding:28px 22px 24px;min-height:0;gap:12px}.step .num{font-size:64px}.step h3{font-size:24px}.spoint{grid-template-columns:1fr;gap:8px}.aipanel{padding:22px}.ai-attempt{grid-template-columns:70px 1fr auto;gap:10px;padding:8px 12px}.ai-attempt .mini{width:60px}.case{min-height:0;padding:22px}.code{padding:22px 22px 26px;font-size:12px}.sdk-grid>div>div[style*="display: flex"]{flex-direction:column!important;gap:12px!important}.faq-item summary{padding:18px 4px;font-size:17px;gap:16px}.faq-toggle{font-size:18px}.faq-a{font-size:14.5px}.pilot-form .row{grid-template-columns:1fr}.pilot-inner{padding:24px;box-shadow:6px 6px 0 var(--ink);gap:28px}.pilot h2{font-size:clamp(32px,8vw,48px)}.foot{padding-block:28px 40px}.foot-inner{gap:14px}.compare-wrap{margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);-webkit-overflow-scrolling:touch}}@media (max-width: 560px){.demo-modal{padding:24px 20px;border-radius:14px;box-shadow:6px 6px 0 var(--ink)}.demo-modal-title{font-size:26px}.demo-modal-qr img{width:180px!important;height:180px!important}}.faq-list{border-top:1px solid var(--rule)}.faq-item{border-bottom:1px solid var(--rule)}.faq-item summary{list-style:none;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-family:var(--serif);font-size:clamp(19px,2.1vw,24px);font-weight:400;line-height:1.25;letter-spacing:-.01em;color:var(--ink);transition:color .14s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{display:none;content:""}.faq-item summary:hover{color:var(--accent)}.faq-toggle{font-family:var(--mono);font-size:22px;line-height:1;color:var(--ink-3);flex-shrink:0;transition:transform .2s ease,color .2s ease}.faq-item[open] .faq-toggle{transform:rotate(45deg);color:var(--accent)}.faq-a{padding:4px 4px 26px;font-size:15px;line-height:1.65;color:var(--ink-2);max-width:72ch}.faq-a p{margin:0 0 12px}.faq-a p:last-child{margin-bottom:0}.faq-a ul{margin:4px 0 0 20px;padding:0}.faq-a li{margin-bottom:8px}.faq-a code{font-family:var(--mono);font-size:13px;background:var(--paper-2);padding:1px 6px;border-radius:4px;color:var(--ink)}.faq-a a{color:var(--accent-ink)}.demo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:color-mix(in oklch,oklch(.18 .02 260) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade .18s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.demo-modal{position:relative;width:100%;max-width:520px;background:var(--paper);border:1px solid var(--ink);border-radius:18px;box-shadow:10px 10px 0 var(--ink);padding:clamp(24px,4vw,40px);max-height:calc(100vh - 40px);overflow-y:auto;animation:modal-pop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.demo-modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid var(--rule-2);color:var(--ink-3);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,color .12s ease}.demo-modal-close:hover{border-color:var(--ink);color:var(--ink)}.demo-modal-body{display:flex;flex-direction:column}.demo-modal-title{font-family:var(--serif);font-size:clamp(28px,4vw,40px);line-height:1.02;letter-spacing:-.02em;font-weight:400;color:var(--ink)}.demo-modal-title .hand{color:var(--accent);font-size:1.08em}.demo-modal-lede{color:var(--ink-2);font-size:14.5px;line-height:1.55;margin:12px 0 20px}.demo-modal-qr{align-self:center;padding:14px;background:var(--paper);border:1.5px dashed var(--rule-2);border-radius:14px;margin:4px 0 18px}.demo-modal-qr img{display:block}.demo-modal-waiting{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em}.demo-modal-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}.demo-modal-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.08em;text-transform:uppercase}.demo-modal-divider:before,.demo-modal-divider:after{content:"";flex:1;height:1px;background:var(--rule-2)}.demo-modal-inline-btn{align-self:stretch;justify-content:center;text-align:center}.demo-modal-hint{margin:8px 0 0;font-family:var(--mono);font-size:11px;color:var(--ink-4);letter-spacing:.04em;text-align:center}.demo-modal-metrics{margin:4px 0 24px;background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;overflow:hidden}.demo-modal-metric{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px dashed var(--rule-2);font-family:var(--mono);font-size:13px}.demo-modal-metric:last-child{border-bottom:0}.demo-modal-metric span{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.demo-modal-metric b{font-family:var(--sans);font-size:18px;font-weight:500;color:var(--ink);letter-spacing:-.01em}