:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111315;color:#f4f0e7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 60%,#34272a,transparent 55%),#111315}main{max-width:1080px;margin:auto;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 462px;gap:64px;align-items:center;padding:28px}.intro{max-width:440px}.back{color:#d8bb83;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;min-height:44px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#d8bb83;margin:28px 0 18px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.1vw,58px);line-height:1.07;letter-spacing:-.045em;margin:0 0 24px}h1 em{color:#e4c894}.lead{font-size:17px;line-height:1.65;color:#bec2c1}.lead strong{display:block;color:#f4f0e7;font-size:15px}ul{padding-left:18px;color:#bec2c1;font-size:14px;line-height:1.7}li{padding:4px 0}.complete{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 17px;border-radius:10px;background:#bf3048;color:#fff8f0;font-size:14px;font-weight:650;text-decoration:none;line-height:1.45}.complete:hover{background:#d13b54}.limits,.privacy{font-size:12px;line-height:1.7;color:#adb2b3;margin-top:18px}.privacy{font-size:11px}.device{display:flex;flex-direction:column;width:100%;min-width:0;height:min(900px,calc(100dvh - 56px));min-height:540px;border:1px solid #45413a;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #0005;background:#111315}.device-label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:6px 10px 6px 16px;color:#d8bb83;font-size:10px;letter-spacing:.06em;border-bottom:1px solid #363b3d}#demo-fullscreen{font:600 12px/1.3 system-ui,sans-serif;color:#f4f0e7;background:#25292c;border:1px solid #71654e;border-radius:8px;min-height:44px;padding:8px 12px;cursor:pointer}#demo-fullscreen:hover{background:#363b3d}#demo-fullscreen[hidden]{display:none}iframe{width:100%;height:0;flex:1;min-height:0;border:0;background:#111315}.mobile-info{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e4c894;outline-offset:3px}
@media(max-width:800px){main{display:flex;flex-direction:column;height:100dvh;min-height:560px;gap:0;padding:0}.intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;max-width:none;padding:8px 14px;gap:4px 12px}.intro .eyebrow,.intro h1,.intro .lead,.intro ul,.intro .limits,.intro .privacy{display:none}.back{font-size:12px}.complete{font-size:11px;padding:9px 12px;max-width:200px}.mobile-info{display:block;width:100%;font-size:11px;line-height:1.6;color:#bec2c1}.mobile-info summary{min-height:40px;padding:11px 0;cursor:pointer}.device{flex:1;width:100%;max-width:462px;margin:auto;height:0;min-height:420px;border-radius:18px 18px 0 0;box-shadow:none}.device-label{padding:3px 10px}}
@media(max-height:600px){main{display:flex;flex-direction:column;max-width:none;min-height:0;height:100dvh;gap:0;padding:0}.intro{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:2px 12px;gap:12px}.intro .eyebrow,.intro h1,.intro .lead,.intro ul,.intro .limits,.intro .privacy,.intro .mobile-info{display:none}.back{font-size:11px}.complete{font-size:11px;min-height:40px;padding:8px 12px}.device{flex:1;width:100%;max-width:none;margin:0;height:0;min-height:0;border:0;border-radius:0}.device-label{padding:2px 10px}}
.demo-expanded,.demo-expanded body{width:100%;height:100%;overflow:hidden}.demo-expanded main{display:flex;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;gap:0}.demo-expanded .intro{display:none}.demo-expanded .device{width:100%;max-width:none;height:100%;min-height:0;flex:1;margin:0;border:0;border-radius:0;box-shadow:none}.demo-expanded .device-label{justify-content:flex-end;padding:3px max(8px,env(safe-area-inset-right)) 3px max(8px,env(safe-area-inset-left))}.demo-expanded .device-label>span{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}