:root {color-scheme:dark;--bg:#101016;--panel:#1b1926;--panel2:#242034;--text:#f7f4fb;--muted:#c4bdd4;--line:#383246;--accent:#b995fa;--accent2:#e2b9ff;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 750px 420px at 68% -8%,#36224f 0,transparent 76%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}a:hover{color:#dec8ff}a:focus-visible{outline:3px solid #c9acff;outline-offset:4px}header,footer,.wrap{width:min(1040px,calc(100% - 40px));margin:auto}header{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.brand{font-size:1.13rem;font-weight:800;letter-spacing:-.035em;text-decoration:none}.brand span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center}nav a{font-size:.93rem;text-decoration:none;color:var(--muted)}nav a[aria-current=page]{color:#fff}.hero{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:54px;padding:92px 0 76px}.eyebrow{color:var(--accent2);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:750;margin:0 0 15px}h1{font-size:clamp(2.7rem,6.7vw,5.2rem);line-height:1.04;letter-spacing:-.065em;margin:0 0 25px}h1 em{font-style:normal;color:var(--accent)}.lede{font-size:1.14rem;color:var(--muted);max-width:540px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button,.button-quiet{padding:11px 19px;border-radius:11px;text-decoration:none;font-size:.94rem;font-weight:730}.button{background:#bc99ef;color:#20132f}.button:hover{background:#d3b4ff;color:#20132f}.button-quiet{border:1px solid var(--line);color:var(--text)}.product{min-height:290px;padding:33px;background:linear-gradient(140deg,#35204d 2%,#1d1834 57%,#27284a 100%);border:1px solid #59447a;border-radius:25px;box-shadow:0 24px 76px #0006;display:grid;align-content:space-between;overflow:hidden;position:relative}.product:after{content:'';position:absolute;width:190px;height:190px;border-radius:28px;transform:rotate(20deg);right:-100px;bottom:-78px;border:30px solid #8e67db33}.p-brand{font-size:3rem;font-weight:900;letter-spacing:-.085em;display:flex;align-items:center;gap:14px;line-height:1.08;position:relative;z-index:1}
.product-logo{display:block;width:70px;height:70px;flex:none;object-fit:contain;border-radius:12px}.pixels{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-width:250px}.pixels span{aspect-ratio:1;background:#d7a7ff33;border-radius:2px}.pixels span:nth-child(3n+2){background:#bc90ff77}.pixels span:nth-child(7n){background:#f3d5ff}.screen-label{color:#dacaf3;font-size:.75rem;font-weight:650;letter-spacing:.12em}.section{border-top:1px solid var(--line);padding:48px 0 70px}.section h2{font-size:1.65rem;letter-spacing:-.035em;margin:0 0 16px}.section p{color:var(--muted);max-width:680px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.feature{border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:17px}.feature strong{display:block;margin-bottom:7px}.feature p{font-size:.9rem;line-height:1.55;margin:0}.tag{border-radius:999px;padding:6px 12px;background:#aa7ded21;color:#d9c1ff;font-size:.78rem;font-weight:700}.small{color:var(--muted);font-size:.88rem}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:26px 0 45px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}footer a{color:var(--muted)}.legal{max-width:810px;padding:55px 0 80px}.legal h1{font-size:clamp(2.25rem,5vw,3.5rem);margin-bottom:15px}.legal h2{font-size:1.23rem;margin:38px 0 8px}.legal p,.legal li{color:#ddd6e7}.legal ul{padding-left:24px}.legal .small{color:var(--muted)}.legal a{color:#d8bcff}@media(max-width:720px){header,footer,.wrap{width:min(100% - 32px,1040px)}header{align-items:flex-start}nav{gap:12px}.hero{grid-template-columns:1fr;padding:65px 0 44px;gap:28px}.product{min-height:0;padding:22px 28px;row-gap:10px;align-content:start}.columns{grid-template-columns:1fr}.section{padding:36px 0 48px}footer{align-items:flex-start;flex-direction:column;gap:6px}}

@media(max-width:420px){.p-brand{font-size:2.35rem;gap:10px}.product-logo{width:54px;height:54px;border-radius:10px}}