
:root{color-scheme:dark;--bg:#101113;--panel:#1b1d20;--ink:#f6f6f1;--muted:#a8abb1;--line:#33363a;--accent:#d5f482}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{max-width:1280px;margin:auto;padding:0 48px}header{border-bottom:1px solid var(--line)}nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{width:29px;height:29px;display:inline-block;border:2px solid currentColor;border-radius:7px;position:relative}.mark:after{content:"";position:absolute;width:7px;height:7px;background:var(--accent);left:9px;top:9px}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--accent)}.lang{border:1px solid #53565a;border-radius:30px;padding:5px 14px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:84px 0 72px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(42px,4.8vw,66px);line-height:1.12;font-weight:600;letter-spacing:-2.8px;margin:0 0 25px}.lead{font-size:18px;color:var(--muted);max-width:520px;margin:0 0 30px}.cta{display:inline-flex;align-items:center;gap:25px;border:1px solid #707376;border-radius:6px;padding:12px 19px;text-decoration:none;font-size:14px}.cta:hover{background:#282b2d}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.store-cta{background:var(--accent);border-color:var(--accent);color:#101113;font-weight:600}.store-cta:hover{background:#e5ffac;border-color:#e5ffac}.availability{font-size:13px;color:var(--muted);margin-top:16px}.screen{margin:0;border:1px solid #42454a;border-radius:12px;background:#050505;overflow:hidden;box-shadow:0 24px 60px #0008}.screen img{width:100%;height:auto;display:block;aspect-ratio:16/9}.screen figcaption{background:#191b1e;color:var(--muted);font-size:11px;padding:9px 15px;border-top:1px solid var(--line)}.teststrip{height:8px;background:linear-gradient(90deg,#ec6559 0 16.66%,#9dd675 16.66% 33.33%,#69a7ed 33.33% 50%,#deded9 50% 66.66%,#8a8d91 66.66% 83.33%,#33363b 83.33%)}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:24px}.facts strong{display:block;font-size:18px;font-weight:500}.facts span{font-size:13px;color:var(--muted)}section{padding:72px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.sectionhead h2,h2{font-size:34px;line-height:1.22;letter-spacing:-1px;font-weight:550;margin:0 0 14px}.sectionhead p{max-width:450px;color:var(--muted);margin:0}.patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pattern{min-width:0}.pattern h3{font-size:17px;font-weight:500;margin:16px 0 4px}.pattern p{font-size:14px;color:var(--muted);margin:0}.pattern .art{height:118px;border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden}.solid{background:linear-gradient(90deg,#d56b60 0 20%,#9bbd7b 20% 40%,#7a9bc7 40% 60%,#e1e1d9 60% 80%,#17181a 80%)}.gray{background:linear-gradient(90deg,#070707 0 12.5%,#222 12.5% 25%,#444 25% 37.5%,#666 37.5% 50%,#999 50% 62.5%,#bbb 62.5% 75%,#ddd 75% 87.5%,#fff 87.5%)}.uniform{background:#6c6d6e}.sharp{background:repeating-linear-gradient(90deg,#777 0 1px,#161719 1px 8px)}.sharp:after{content:"";position:absolute;inset:14px;border:1px solid #eee}.gradient{background:linear-gradient(90deg,#0b0b0b,#eee)}.motion{background:#151719}.motion:after{content:"";position:absolute;left:55%;top:20%;width:45px;height:60%;background:#eee;box-shadow:-22px 0 #aaa6,-44px 0 #7773}.split{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;border-top:1px solid var(--line)}.copy p{color:var(--muted);font-size:16px}.number{font-size:13px;color:var(--accent);letter-spacing:1px}.privacycall{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.privacycall p{color:var(--muted);max-width:650px}.pageintro{padding:66px 0 38px;border-bottom:1px solid var(--line)}.pageintro h1{font-size:54px}.pageintro .lead{max-width:720px}.document{max-width:780px;padding:48px 0 64px}.document h2{font-size:24px;margin:36px 0 12px}.document p,.document li{color:#c2c5cb}.document p{margin:0 0 22px}.note{font-size:13px;color:var(--muted)!important}.contactbox{background:var(--panel);padding:26px 30px;border-left:3px solid var(--accent);margin-top:35px}.contactbox h2{margin-top:0}.contactbox a{overflow-wrap:anywhere}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:18px;font-weight:500;cursor:pointer}details p{margin:14px 0 0!important;font-size:15px}footer{border-top:1px solid var(--line);padding:28px 0 36px;font-size:12px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.foot a{margin-left:22px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:4;background:#fff;color:#000;padding:12px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:54px;gap:36px}.hero .lead{max-width:600px}h1{max-width:650px;font-size:56px}.sectionhead{display:block}.sectionhead p{margin-top:16px}.split{gap:32px;grid-template-columns:1fr}.privacycall{align-items:start;flex-direction:column}.patterns{gap:22px}.wrap{padding:0 28px}}@media(max-width:580px){.wrap{padding:0 20px}nav{min-height:76px;gap:16px}.brand{font-size:22px}.navlinks{gap:16px;font-size:12px}.navlinks .home{display:none}.lang{padding:4px 9px}h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:16px}.hero{padding:45px 0}.facts{grid-template-columns:1fr;gap:15px}.facts strong{font-size:16px;display:inline;margin-right:12px}.facts span{font-size:12px}.patterns{grid-template-columns:repeat(2,1fr);gap:26px 18px}.pattern .art{height:85px}.pattern h3{font-size:15px}.pattern p{font-size:12px}section{padding:48px 0}.sectionhead h2,h2{font-size:28px}.pageintro{padding-top:45px}.pageintro h1{font-size:40px}.document{padding-top:30px}.contactbox{padding:22px}.foot a{margin:0 18px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
