:root{--bg:#09090b;--panel:#121216;--soft:#18181d;--text:#f7f7f8;--muted:#a8a8b2;--line:#292932;--accent:#fff;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px max(22px,calc((100vw - 1180px)/2));background:rgba(9,9,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-weight:850;letter-spacing:-.04em;font-size:22px;display:inline-flex;align-items:center;gap:9px}.brand-icon{width:32px;height:32px;border-radius:9px;object-fit:cover;flex:0 0 32px}
nav{display:flex;gap:20px;align-items:center;font-size:14px;color:#d3d3d8}.pill,.button{border:1px solid #3b3b44;border-radius:999px;padding:10px 16px;background:#fff;color:#0a0a0c;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.button.secondary{background:transparent;color:#fff}.button.small{padding:8px 12px;font-size:13px}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.hero{padding:88px 0 62px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#b8b8c2}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-.065em;margin:16px 0 24px;max-width:850px}
.hero p{font-size:20px;color:var(--muted);max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.phone{aspect-ratio:10/16;background:linear-gradient(160deg,#34343d,#111116 55%);border:1px solid #393943;border-radius:38px;padding:12px;box-shadow:0 40px 100px #000}
.phonein{height:100%;border-radius:29px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 40%,#d7aa87 0 20%,#73513d 65%,#251d19)}
.fakehand{position:absolute;width:75%;height:44%;background:#d9a77f;border-radius:55% 45% 38% 46%;left:15%;top:30%;transform:rotate(-10deg)}
.fakering{position:absolute;width:38%;height:11%;left:35%;top:45%;border:9px solid #f6f7fb;border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 20px #fff}
.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px}.stat b{font-size:22px;display:block}.stat span{font-size:13px;color:var(--muted)}
.section{padding:74px 0}.section h2{font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:0 0 15px}.sectionlead{color:var(--muted);font-size:19px;max-width:720px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}.card h3{margin:8px 0}.card p{color:var(--muted)}.num{font-size:12px;color:#777781;font-weight:800}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.product{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.product .media{aspect-ratio:1;background:#f4f4f5;display:grid;place-items:center;padding:20px}.product .media img{max-height:100%;object-fit:contain}.product .body{padding:16px}.product small{color:var(--muted)}
.trywrap{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1fr 360px}.stage{position:relative;background:#000;min-height:640px;overflow:hidden}.stage video,.stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage canvas{pointer-events:none}.tryui{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.round{width:58px;height:58px;border-radius:50%;border:4px solid rgba(255,255,255,.8);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);cursor:pointer;color:#fff}.side{padding:28px;background:var(--panel);border-left:1px solid var(--line)}.side .jewel{background:#fff;border-radius:18px;aspect-ratio:1;display:grid;place-items:center;padding:25px}.side .jewel img{max-height:100%;object-fit:contain}.side h1{font-size:28px;letter-spacing:-.04em}.notice{font-size:13px;color:var(--muted);margin-top:14px}
.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 18px;border-radius:999px;background:#fff;color:#000;z-index:99;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}
.formgrid{display:grid;gap:14px}.formgrid label{display:grid;gap:7px;color:#c8c8ce;font-size:14px}.formgrid input,.formgrid select,.formgrid textarea{width:100%;background:#0d0d10;color:#fff;border:1px solid #34343d;border-radius:13px;padding:13px 14px;font:inherit}.formgrid textarea{min-height:120px}.error,.success{padding:14px 16px;border-radius:14px;margin:15px 0}.error{background:#32161b;color:#ffd9df}.success{background:#163221;color:#d8ffe5}
.install{padding-top:60px;max-width:720px}.dash{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:34px 0}.dashnav{display:grid;align-content:start;gap:8px}.dashnav a{padding:11px 12px;color:#bcbcc4;border-radius:10px}.dashnav a:hover{background:var(--soft);color:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}.badge{font-size:12px;padding:5px 8px;border-radius:999px;background:#24242b;color:#d5d5dc}
footer{width:min(1180px,calc(100% - 36px));margin:60px auto 0;padding:34px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}
.sharepreview{max-width:720px;margin:40px auto}.sharepreview img{width:100%;border-radius:24px}
@media(max-width:850px){nav a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.phone{width:min(380px,90%);margin:auto}.grid3{grid-template-columns:1fr}.trywrap{grid-template-columns:1fr}.stage{min-height:70vh}.side{border-left:0;border-top:1px solid var(--line)}.dash{grid-template-columns:1fr}.dashnav{display:flex;overflow:auto}.statbar{grid-template-columns:1fr}.hero h1{font-size:54px}footer{display:block}.products{grid-template-columns:repeat(2,1fr)}}

/* Accessibility, consent and legal UI */
.skip-link{position:fixed;left:12px;top:12px;z-index:1000;padding:10px 14px;border-radius:10px;background:#fff;color:#000;font-weight:800;transform:translateY(-160%);transition:transform .15s}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #fff;outline-offset:3px}
button,input,select,textarea,a{touch-action:manipulation}
button,.button,.pill,.round,.consent-btn,.link-button{min-height:44px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.link-button{appearance:none;border:0;background:none;color:inherit;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.legal-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.legal-nav a,.link-button{text-decoration:underline;text-underline-offset:3px}
.consent{position:fixed;z-index:200;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));margin:auto;width:min(760px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;background:rgba(18,18,22,.96);border:1px solid #3a3a44;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.consent[hidden]{display:none!important}.consent-copy{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px;color:#d3d3da}.consent-copy b{color:#fff}.consent-copy a{text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;gap:8px;flex:0 0 auto}.consent-btn{border:1px solid #555561;background:#1f1f25;color:#fff;border-radius:999px;padding:9px 14px;font:700 13px/1 system-ui;cursor:pointer}.consent-btn:hover{background:#2a2a31}
.legal-copy{max-width:850px}.legal-copy h1{font-size:clamp(42px,7vw,72px);letter-spacing:-.055em;line-height:1}.legal-copy h2{font-size:26px;letter-spacing:-.03em;margin-top:34px}.legal-copy p,.legal-copy li{color:#c6c6ce}.legal-copy a{text-decoration:underline;text-underline-offset:3px}.legal-copy table{width:100%;border-collapse:collapse;margin:18px 0}.legal-copy th,.legal-copy td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.legal-copy th{color:#fff}.legal-copy code{background:#1e1e24;padding:2px 6px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.button,.pill,.round,.consent-btn{border:1px solid ButtonText}.product,.card,.side{border:1px solid CanvasText}}
@media(max-width:850px){.legal-nav{justify-content:flex-start;margin-top:16px}.consent{align-items:stretch;flex-direction:column;gap:10px}.consent-actions{width:100%}.consent-btn{flex:1}.legal-copy table{display:block;overflow-x:auto}}
