:root{--bg:#08070b;--panel:#111016;--panel2:#17141d;--ink:#f7f4fb;--muted:#aaa4b3;--purple:#8b5cf6;--purple2:#c27aff;--line:#302a39;--ok:#70e3a2;--danger:#ff8b8b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% -10%,#24133a 0,transparent 38rem),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}img{max-width:100%}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;color:#000;padding:.7rem 1rem;z-index:999}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;background:#08070be6;backdrop-filter:blur(20px)}.nav{max-width:1220px;margin:auto;height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-weight:700}.brand img{width:42px;height:42px;border-radius:11px}.brand span small{display:block;color:#9d92aa;font-size:10px;letter-spacing:.14em;font-weight:700}.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;color:#c5bfcb}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}.nav-toggle{display:none;border:1px solid var(--line);background:#121018;color:white;border-radius:9px;padding:8px 11px;font-size:18px}
main{min-height:70vh}.wrap{max-width:1220px;margin:auto;padding-left:28px;padding-right:28px}.hero{padding-top:92px;padding-bottom:92px;display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(50px,7vw,88px);line-height:.96;letter-spacing:-.055em;margin:14px 0 26px}.hero h1 span,.page-hero h1 span{color:#b997ff}.lede{font-size:20px;color:#c2bcc8;max-width:720px}.eyebrow{margin:0;color:#b997ff;font-size:11px;font-weight:800;letter-spacing:.17em}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;min-height:48px;padding:0 18px;align-items:center;justify-content:center;border-radius:11px;font-weight:750;border:1px solid var(--line)}.button.primary{border:0;background:linear-gradient(135deg,var(--purple),var(--purple2));box-shadow:0 14px 42px #6738c94a}.button.ghost{background:#121018}.button.disabled{opacity:.55;cursor:not-allowed}.facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#8e8798;font-size:13px}.facts span:before{content:"•";color:#8b5cf6;margin-right:8px}
.hero-shot,.shot{margin:0;border:1px solid #373041;background:#0d0c11;border-radius:20px;overflow:hidden;box-shadow:0 28px 90px #0008}.hero-shot img,.shot img{width:100%;display:block;object-fit:cover}.hero-shot figcaption,.shot figcaption{display:flex;justify-content:space-between;gap:14px;padding:14px 17px;background:#0f0e13;color:#8e8798;font-size:12px}.hero-shot b,.shot b{color:#f2edf5}.page-hero{padding-top:82px;padding-bottom:42px;max-width:900px}.page-hero h1{font-size:clamp(48px,6vw,76px)}.page-hero p:last-child{font-size:20px;color:#bbb5c2}
.band{border-block:1px solid #25212c;background:#0d0c11}.band .wrap{padding-top:23px;padding-bottom:23px;text-align:center;color:#bbb4c2}.section{padding-top:90px;padding-bottom:90px}.section.compact{padding-top:50px;padding-bottom:50px}.section-head{max-width:820px;margin-bottom:34px}.section h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 16px}.section-head>p:last-child{color:#b8b1bf;font-size:18px}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:18px;padding:25px;background:linear-gradient(155deg,#15131a,#0d0c11)}.card h3{margin:10px 0 8px;font-size:22px}.card p{margin:0;color:#aaa3b0}.card .eyebrow{margin-bottom:6px}.card-link:hover{transform:translateY(-2px);border-color:#59456d}.card-link{transition:.2s transform,.2s border-color}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery.carplay{grid-template-columns:repeat(3,1fr)}.gallery.tv{grid-template-columns:repeat(3,1fr)}.shot img{aspect-ratio:16/10}.gallery.carplay .shot img,.gallery.tv .shot img{aspect-ratio:4/3}.subhead{margin-top:70px}.ticks{padding:0;margin:25px 0;list-style:none}.ticks li{padding:8px 0;color:#c5bfcb}.ticks li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:#8b5cf624;color:#c5a9ff;font-weight:900}
.steps{counter-reset:step;display:grid;gap:15px}.step{counter-increment:step;display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#0e0d12}.step:before{content:counter(step);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#8b5cf622;color:#c8abff;font-weight:800}.step h3{margin:0 0 6px}.step p{margin:0;color:#aaa4b3}.code{position:relative;background:#0a090d;border:1px solid #2f2936;border-radius:14px;padding:18px;overflow:auto;color:#e5dff0;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.notice{border-left:3px solid var(--purple);background:#8b5cf60c;padding:14px 17px;color:#b4adbb;border-radius:0 12px 12px 0}.notice.ok{border-left-color:var(--ok)}.notice.warn{border-left-color:#e9ad63}.status-pill{display:inline-flex;border:1px solid #4d3a65;background:#8b5cf619;color:#cdb7ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.08em}
.compare{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare th,.compare td{padding:14px 16px;border-bottom:1px solid #29242f;text-align:left}.compare th{background:#141218;color:#ece8f1}.compare td{color:#b3acb9}.compare tr:last-child td{border-bottom:0}
.support-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px}.support-form{border:1px solid var(--line);background:#0e0d12;border-radius:20px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#c7c1cd}.field input,.field select,.field textarea{width:100%;border:1px solid #37303f;background:#09080c;color:#f5f2f8;border-radius:10px;padding:12px;font:inherit}.field textarea{min-height:180px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #8b5cf666;border-color:#8b5cf6}.bot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{margin-top:14px;min-height:26px;color:#a9a2b0}.form-status.ok{color:var(--ok)}.form-status.error{color:var(--danger)}.fine{font-size:12px;color:#827b89}
.forum-box{border:1px solid #4a385e;border-radius:18px;background:#120f17;padding:24px}.forum-box h3{margin-top:0}.forum-box p{color:#aaa4b3}.copy-area{width:100%;min-height:240px;background:#08070a;color:#d9d2df;border:1px solid #332c3a;border-radius:12px;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.footer{border-top:1px solid #24202a;margin-top:50px}.footer .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:32px;color:#77707e;font-size:12px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:980px){.hero,.support-layout{grid-template-columns:1fr}.grid.three,.gallery.carplay,.gallery.tv{grid-template-columns:1fr 1fr}.hero{padding-top:60px}.nav-links{display:none;position:absolute;left:18px;right:18px;top:67px;background:#100e14;border:1px solid #322b3a;border-radius:14px;padding:15px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-toggle{display:block}}
@media(max-width:640px){.nav,.wrap{padding-left:18px;padding-right:18px}.hero,.section{padding-top:60px;padding-bottom:60px}.hero h1,.page-hero h1{font-size:48px}.lede{font-size:17px}.grid.three,.grid.two,.gallery,.gallery.carplay,.gallery.tv,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.actions{flex-direction:column}.button{width:100%}.step{grid-template-columns:44px 1fr;padding:17px}.footer .wrap{flex-direction:column}.hero-shot figcaption,.shot figcaption{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-link{transition:none}}