.site-preview{--site-bg:var(--preview-dark-background);--site-fg:var(--preview-dark-foreground);--site-card:var(--preview-dark-card);--site-muted:var(--preview-dark-muted);--site-border:var(--preview-dark-border);--site-accent:var(--preview-dark-primary);background:var(--site-bg);color:var(--site-fg);font-family:var(--font-sans,system-ui, sans-serif);overflow:hidden;container-type:inline-size}.site-preview.site-light{--site-bg:var(--preview-light-background);--site-fg:var(--preview-light-foreground);--site-card:var(--preview-light-card);--site-muted:var(--preview-light-muted);--site-border:var(--preview-light-border);--site-accent:var(--preview-light-primary)}.site-preview *{box-sizing:border-box}.site-preview button{font:inherit;cursor:pointer}.site-preview button:focus-visible{outline:2px solid var(--site-accent);outline-offset:5px}.site-preview button:hover{filter:brightness(1.12)}.site-preview .site-nav{border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:16px;padding:24px 5%;display:flex}.site-preview .site-brand{letter-spacing:-1px;font-size:20px;font-weight:800}.site-preview .site-nav-items{align-items:center;gap:24px;display:flex}.site-preview .site-nav button{color:var(--site-muted);background:0 0;border:0;font-size:11px}.site-preview .site-status{letter-spacing:1px;color:var(--site-accent);font-size:9px}.site-preview .site-section{border-left:2px solid var(--section-accent,var(--site-accent));border-bottom:1px solid var(--site-border);padding:54px 6%;position:relative}.site-preview .site-gradient{background:radial-gradient(ellipse at 85% 45%, color-mix(in srgb, var(--section-accent,var(--site-accent)) 12%, transparent), transparent 62%)}.site-preview .site-image{background-image:linear-gradient(color-mix(in srgb, var(--site-border) 38%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--site-border) 38%, transparent) 1px, transparent 1px);background-size:28px 28px}.site-preview .site-eyebrow{font-family:var(--font-heading,monospace);letter-spacing:1.8px;text-transform:uppercase;color:var(--section-accent,var(--site-accent));margin:0 0 20px;font-size:9px}.site-preview h1,.site-preview h2{white-space:pre-line;letter-spacing:-2px;margin:0 0 22px;font-weight:700;line-height:1.12}.site-preview h1{font-size:clamp(34px,5.8cqw,74px)}.site-preview h2{letter-spacing:-1.2px;font-size:clamp(25px,3.5cqw,40px)}.site-preview .site-description{color:var(--site-muted);max-width:390px;margin:0 0 24px;font-size:12px;line-height:1.9}.site-preview .site-cta{background:var(--section-accent,var(--site-accent));color:var(--site-bg);border:1px solid #0000;border-radius:5px;padding:13px 20px;font-size:11px;font-weight:800;transition:filter .15s ease-out}.site-preview .site-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;display:grid}.site-preview .site-trust{color:var(--site-muted);flex-wrap:wrap;gap:15px;margin-top:26px;font-size:9px;display:flex}.site-preview .site-trust span:before{content:"✓";color:var(--section-accent,var(--site-accent));margin-right:5px}.site-preview .device-stage{place-items:center;min-height:285px;display:grid;position:relative}.site-preview .device-orbit{border:1px solid var(--site-border);border-radius:50%;width:240px;height:240px;position:absolute}.site-preview .device-orbit:after{content:"";border:1px dashed var(--site-border);border-radius:50%;position:absolute;inset:26px}.site-preview .device{background:var(--site-card);border:2px solid var(--site-border);width:134px;height:209px;box-shadow:15px 20px 0 color-mix(in srgb, var(--site-bg) 90%, var(--site-muted));border-radius:18px 18px 31px 31px;padding:17px 13px;position:relative;transform:rotate(-17deg)}.site-preview .device-brand{text-align:center;letter-spacing:2px;padding:3px 0 15px;font-size:8px;font-weight:800}.site-preview .device-screen{background:var(--site-bg);border:1px solid var(--site-border);text-align:center;border-radius:4px;height:98px;padding:18px 8px}.site-preview .device-lock{color:var(--section-accent,var(--site-accent));font-size:24px;line-height:1}.site-preview .device-screen small{color:var(--site-muted);margin-top:10px;font-family:monospace;font-size:7px;display:block}.site-preview .device-button{border:1px solid var(--site-border);border-radius:6px;width:34px;height:20px;margin:16px auto 0}.site-preview .device-caption{letter-spacing:1.5px;color:var(--site-muted);font-family:monospace;font-size:8px;position:absolute;bottom:0}.site-preview .site-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px;display:grid}.site-preview .site-feature{border:1px solid var(--site-border);border-left:2px solid var(--section-accent,var(--site-accent));background:var(--site-card);text-align:left;border-radius:5px;padding:24px 20px}.site-preview .site-feature-icon{color:var(--section-accent,var(--site-accent));margin-bottom:22px;font-size:23px}.site-preview .site-feature h3{margin:0 0 9px;font-size:13px}.site-preview .site-feature p{color:var(--site-muted);margin:0;font-size:10px;line-height:1.8}.site-preview .site-step{border-bottom:1px solid var(--site-border);align-items:flex-start;gap:16px;padding:18px 0;display:flex}.site-preview .site-step-number{color:var(--section-accent,var(--site-accent));border:1px solid var(--site-border);border-radius:5px;padding:9px;font-family:monospace;font-size:11px}.site-preview .site-step h3{margin:0 0 6px;font-size:13px}.site-preview .site-step p{color:var(--site-muted);margin:0;font-size:11px}.site-preview .site-assets strong{margin-bottom:12px;font-family:monospace;font-size:24px;display:block}.site-preview .site-assets small{color:var(--site-muted);font-size:10px}.site-preview .site-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.site-preview .site-footer h2{font-size:23px}.site-preview .site-disclaimer{color:var(--site-muted);margin-top:22px;font-size:9px;line-height:1.6}@container (width<=600px){.site-preview .site-hero-grid{grid-template-columns:1fr}.site-preview .device-stage{min-height:260px}.site-preview .site-cards{grid-template-columns:1fr}.site-preview .site-nav-items{display:none}.site-preview .site-section{padding:38px 7%}.site-preview .site-footer{flex-direction:column;align-items:flex-start}.site-preview h1{font-size:42px}}@media (prefers-reduced-motion:reduce){.site-preview *{transition:none!important;animation:none!important}}