:root{color-scheme:dark;--bg:#0b0b0e;--panel:#16161b;--muted:#aaa9b4;--yellow:#ffd447;--line:#292930;--text:#f7f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 34% at 50% 4%,#342a12 0%,transparent 68%),var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}.wrap{width:min(1120px,calc(100% - 42px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:850;letter-spacing:-1.1px}.brand img{height:48px;width:48px;border-radius:13px;object-fit:cover}.brand em{color:var(--yellow);font-style:normal}.navlinks{display:flex;align-items:center;gap:24px;font-size:13px;color:#cbc8c6}.navlinks a:last-child{padding:9px 15px;border:1px solid #514624;border-radius:999px;color:var(--yellow)}.hero{text-align:center;padding:78px 0 32px}.eyebrow{display:inline-block;color:var(--yellow);font-size:11px;letter-spacing:2.6px;font-weight:850;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.06;letter-spacing:-3px;margin:20px auto 19px;max-width:920px}.hero h1 span{color:var(--yellow)}.hero p{color:#bdbac1;font-size:17px;max-width:630px;margin:0 auto 26px}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #4b422a;border-radius:30px;background:#221e15;color:var(--yellow);font-size:12px;font-weight:750;padding:10px 17px}.phones{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:880px;margin:50px auto 50px;align-items:start}.phone{border:7px solid #25252a;border-radius:36px;box-shadow:0 25px 65px #000b;background:#0e0e12;padding:21px 15px 24px;min-height:445px;position:relative;overflow:hidden}.phone:nth-child(2){transform:translateY(-18px)}.notch{height:18px;width:82px;border-radius:0 0 14px 14px;background:#25252a;margin:-21px auto 25px}.phonebrand{color:var(--yellow);font-weight:900;font-size:20px;letter-spacing:-.7px}.tag{font-size:7px;letter-spacing:2px;color:#aaa8b0;font-weight:800}.sectionlabel{font-size:11px;font-weight:800;color:#8d8b96;letter-spacing:1.4px;text-transform:uppercase;margin:26px 0 12px}.mockcard{background:#1c1b20;border:1px solid #2c2b31;border-radius:15px;padding:12px;margin-top:10px}.mockrow{display:flex;gap:10px;align-items:center}.poster{height:73px;width:51px;flex-shrink:0;border-radius:7px;background:linear-gradient(140deg,#574e32,#282136 60%,#17181d);display:grid;place-items:center;font-size:22px}.poster.two{background:linear-gradient(140deg,#2f5361,#29303b,#1b161d)}.mocktitle{font-weight:800;font-size:12px}.small{font-size:10px;color:#9f9ca7}.progress{height:5px;border-radius:10px;background:#3a383e;margin-top:12px;overflow:hidden}.progress i{display:block;background:var(--yellow);height:100%;width:67%;border-radius:10px}.mini{display:inline-flex;background:#30291b;color:var(--yellow);border-radius:8px;font-size:9px;padding:4px 7px;margin-top:7px}.bubble{padding:12px;border:1px solid #333139;border-radius:13px;background:#1b1a20;margin:9px 0}.bubble strong{font-size:11px}.bubble p{font-size:10px;color:#c4c0c8;margin:5px 0 9px}.actions{display:flex;gap:16px;color:#aaa7b2;font-size:10px}.yellow{color:var(--yellow)}.stars{color:var(--yellow);letter-spacing:3px;font-size:19px;margin:10px 0}.gridfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:42px 0 92px}.feature{border:1px solid var(--line);background:#16161ac9;border-radius:18px;padding:24px}.feature .ico{font-size:24px}.feature h3{font-size:16px;margin:12px 0 7px}.feature p{font-size:13px;color:var(--muted);margin:0}.foot{border-top:1px solid var(--line);padding:32px 0 45px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#98969e;font-size:12px}.footlinks{display:flex;flex-wrap:wrap;gap:17px}.legal{max-width:800px;margin:60px auto 90px}.legal h1{font-size:clamp(38px,6vw,58px);letter-spacing:-2px;line-height:1.1;margin:13px 0}.legal .intro{color:#bcb9c2;font-size:16px}.legal h2{font-size:21px;margin:36px 0 12px}.legal p,.legal li{color:#c3c0c9;font-size:14px}.legal li{margin:7px 0}.legal ul,.legal ol{padding-left:22px}.legal a{color:var(--yellow);text-decoration:underline}.callout{padding:20px 23px;border:1px solid #514425;border-radius:16px;background:#231e13;margin:26px 0}.callout strong{color:var(--yellow)}.muted{color:#96939d;font-size:12px}.steps{counter-reset:step;display:grid;gap:12px;margin:22px 0}.step{background:#19191e;border:1px solid #333139;border-radius:14px;padding:16px 18px}.step b{color:var(--yellow);margin-right:12px}.banner{background:linear-gradient(110deg,#272115,#18171b);border:1px solid #514425;border-radius:20px;padding:25px;margin:30px 0}.btn{display:inline-block;background:var(--yellow);color:#13100b!important;border-radius:12px;font-weight:850;padding:11px 18px;text-decoration:none!important}.notice{font-size:12px;color:#aaa5af}.label{color:#aaa4ad;font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase}@media(max-width:700px){.nav{height:76px}.navlinks{gap:12px;font-size:11px}.navlinks a:first-child{display:none}.brand{font-size:20px}.brand img{width:41px;height:41px}.hero{padding-top:45px}.hero h1{letter-spacing:-1.7px}.phones{gap:9px;margin:40px -4px}.phone{border-width:4px;border-radius:20px;padding:11px 7px;min-height:340px}.phone:nth-child(2){transform:translateY(-10px)}.notch{width:40px;height:10px;margin:-11px auto 17px}.phonebrand{font-size:12px}.tag{font-size:5px;letter-spacing:.8px}.sectionlabel{font-size:8px;margin:17px 0 8px}.mockcard{padding:7px;border-radius:9px}.poster{height:40px;width:28px;font-size:13px}.mocktitle{font-size:9px}.small,.bubble p,.actions{font-size:7px}.bubble{padding:7px}.bubble strong{font-size:8px}.stars{font-size:11px}.gridfeatures{grid-template-columns:1fr;margin:35px 0 60px}.foot{align-items:flex-start;flex-direction:column}.legal{margin:34px auto 65px}}
/* Brand stays a single word, including on click, focus, and visited states. */
.brand,.brand:link,.brand:visited,.brand:hover,.brand:active,.brand:focus{color:var(--text)!important;text-decoration:none!important;}
.brandname{display:inline-block;white-space:nowrap;color:var(--text)!important;}
.brand:focus-visible{outline:2px solid var(--yellow);outline-offset:6px;border-radius:5px;}

/* Keep brand wordmark a single unchanging white unit, even on click/focus/visited. */
.brand,.brand:link,.brand:visited,.brand:hover,.brand:active,.brand:focus,.brand .brandname{color:#f7f5f1!important;text-decoration:none!important;}
.brand .brandname{display:inline-block;white-space:nowrap;letter-spacing:-1.1px;}
.brand:focus-visible{outline:2px solid #ffd447;outline-offset:5px;border-radius:6px;}
.hero h1{font-weight:900;}

/* Brand highlights as one unified yellow word on interaction. */
.brand:hover .brandname,.brand:active .brandname,.brand:focus .brandname,.brand:focus-visible .brandname{color:#ffd447!important;}
.brand:visited:not(:hover):not(:focus):not(:active) .brandname{color:#f7f5f1!important;}