:root{--gold:#f5b820;--gold-light:#ffd86a;--ink:#090909;--paper:#f5f3ed;--line:rgba(255,255,255,.12);--radius:20px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:"DM Sans",sans-serif;line-height:1.5;overflow-x:hidden}::selection{background:var(--gold);color:#000}a{color:inherit;text-decoration:none}button,input{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.section{padding:118px 0}.kicker,.eyebrow{color:var(--gold);font:700 12px/1 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.045em}h2{font-size:clamp(38px,5vw,64px);line-height:1.04}h2 em,h1 em{color:var(--gold);font-style:normal}p{margin:0}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:82px;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:70px;background:rgba(7,7,7,.86);backdrop-filter:blur(20px);border-color:var(--line)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font:500 15px/1 "Manrope",sans-serif;letter-spacing:.04em;white-space:nowrap}.brand b{font-weight:800}.brand small{display:block;color:#aaa;font-size:7px;letter-spacing:.2em;margin-top:5px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#111;background:var(--gold);border-radius:10px;transform:rotate(-4deg)}.brand-mark svg{width:25px;stroke-width:2}.desktop-nav{display:flex;gap:32px;color:#c9c8c2;font-size:14px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:var(--gold);color:#111;font:800 14px/1 "Manrope",sans-serif;cursor:pointer;padding:15px 21px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);background:var(--gold-light);box-shadow:0 12px 35px rgba(245,184,32,.18)}.button svg{width:18px}.button-sm{padding:12px 18px;font-size:13px}.button-lg{padding:18px 25px;font-size:15px}.button-full{width:100%}.button-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.button-outline:hover{color:#111}.button-dark{background:#0b0b09;color:#fff}.button-dark:hover{background:#222}
.hero{min-height:790px;height:100vh;max-height:980px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero-car-display.png") center/cover no-repeat;transform:scale(1.015)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.94) 25%,rgba(7,7,7,.42) 57%,rgba(7,7,7,.08) 80%),linear-gradient(0deg,#090909 0,transparent 27%)}.hero-content{z-index:2;position:relative;padding-top:50px}.hero-copy{max-width:675px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:28px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.99;margin:24px 0}.hero-copy>p{color:#c5c3bc;max-width:590px;font-size:19px;line-height:1.58}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}.text-link{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;border-bottom:1px solid #555;padding:10px 0 7px}.text-link svg{width:17px}.hero-trust{display:flex;align-items:center;gap:14px;margin-top:48px}.avatar-stack{display:flex}.avatar-stack span{width:34px;height:34px;border-radius:50%;margin-left:-7px;border:2px solid #111;display:grid;place-items:center;background:#292824;color:var(--gold);font:700 9px "Manrope"}.avatar-stack span:first-child{margin:0;background:var(--gold);color:#111}.hero-trust p{color:#a8a69f;font-size:12px;line-height:1.45}.hero-trust strong{color:#fff;font-size:13px}.hero-badge{position:absolute;right:7%;bottom:21%;width:170px;padding:18px 18px 18px 48px;background:rgba(8,8,8,.74);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(13px);border-radius:13px;box-shadow:0 16px 55px rgba(0,0,0,.4)}.hero-badge .pulse{position:absolute;left:19px;top:25px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(245,184,32,.17);animation:pulse 2s infinite}.hero-badge span,.hero-badge strong{display:block}.hero-badge span{color:#aaa;font-size:11px}.hero-badge strong{font:700 13px "Manrope";margin-top:2px}.scroll-hint{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);font:600 8px "Manrope";letter-spacing:.18em;color:#817f79;display:flex;align-items:center;gap:12px}.scroll-hint span{width:1px;height:26px;background:linear-gradient(var(--gold),transparent)}
.trust-strip{background:#11110f;border-block:1px solid var(--line)}.trust-grid{min-height:100px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.trust-grid>div{display:flex;align-items:center;gap:16px;justify-content:center;min-height:52px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border:none}.trust-grid svg{width:25px;color:var(--gold)}.trust-grid span{font-size:12px;color:#898780}.trust-grid strong{color:#fff;display:block;font-size:13px}
.how{background:var(--paper);color:#151513}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-heading h2{margin-top:14px}.section-heading>p{color:#6f6d66;max-width:380px;padding-bottom:7px;font-size:16px}.section-heading.centered{display:block;text-align:center}.section-heading.centered>p{margin:20px auto 0;max-width:560px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{min-height:350px;padding:32px;border:1px solid #dddad1;background:#faf9f5;border-radius:var(--radius);position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.step-card:hover{transform:translateY(-7px);border-color:#c7aa61;box-shadow:0 22px 50px rgba(30,25,10,.08)}.step-number{position:absolute;right:22px;top:12px;color:#e9e6de;font:800 74px "Manrope";letter-spacing:-.08em}.step-icon{width:61px;height:61px;display:grid;place-items:center;background:#151513;color:var(--gold);border-radius:16px;position:relative}.step-icon svg{width:31px}.step-card h3{font-size:22px;margin:67px 0 13px}.step-card p{color:#6c6a63;font-size:15px}
.attention-section{background:#0b0b0a;overflow:hidden}.attention-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.attention-copy h2{margin:17px 0 20px;max-width:530px}.attention-copy>p{color:#929088;max-width:490px;font-size:17px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:42px}.feature-list>div{display:flex;gap:12px;align-items:flex-start}.check{flex:0 0 25px;height:25px;border:1px solid #655323;border-radius:50%;color:var(--gold);display:grid;place-items:center;font-size:12px}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:14px}.feature-list small{color:#6e6c66;font-size:11px;margin-top:3px}.attention-visual{height:570px;display:grid;place-items:center;position:relative}.attention-ring{position:absolute;border:1px solid rgba(245,184,32,.14);border-radius:50%}.ring-1{width:480px;height:480px}.ring-2{width:360px;height:360px;box-shadow:0 0 100px rgba(245,184,32,.05)}.phone-card{width:315px;height:455px;padding:13px;transform:rotate(3deg);background:#1e1d19;border:2px solid #45433d;border-radius:22px;box-shadow:0 50px 90px #000,inset 0 0 0 3px #0b0b0b;position:relative;z-index:2}.phone-top{height:65px;padding:13px 14px 10px 52px;position:relative}.phone-top span{position:absolute;left:13px;top:13px;width:29px;height:29px;background:var(--gold);border-radius:8px}.phone-top b,.phone-top small{display:block}.phone-top b{font:800 14px "Manrope"}.phone-top small{color:#777;font-size:7px;letter-spacing:.15em}.ad-preview{height:calc(100% - 65px);border-radius:12px;background:radial-gradient(circle at 85% 0,#f1c44f,#c78808 52%,#6e4600);padding:42px 26px;color:#17130a;position:relative;overflow:hidden}.ad-preview:before{content:"";position:absolute;width:250px;height:250px;right:-120px;bottom:-70px;border:34px solid rgba(255,255,255,.1);border-radius:50%}.mini-kicker{font:800 9px "Manrope";letter-spacing:.15em}.ad-preview strong{display:block;font:800 54px/.9 "Manrope";letter-spacing:-.07em;margin-top:45px}.ad-preview p{font-size:12px;margin-top:13px}.fake-qr{width:72px;height:72px;border:7px solid white;background-color:white;background-image:repeating-linear-gradient(0deg,transparent 0 5px,#111 5px 9px),repeating-linear-gradient(90deg,transparent 0 6px,#111 6px 10px);background-blend-mode:multiply;box-shadow:inset 0 0 0 3px #111}.fake-qr.small{position:absolute;bottom:25px;left:25px;width:62px;height:62px}.stat-float{position:absolute;z-index:4;padding:15px 18px;background:rgba(24,23,20,.92);border:1px solid var(--line);border-radius:13px;box-shadow:0 17px 50px #000;backdrop-filter:blur(10px)}.stat-float b,.stat-float span{display:block}.stat-float b{color:var(--gold);font:800 22px "Manrope"}.stat-float span{color:#888;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.stat-one{left:3%;top:17%}.stat-two{right:0;bottom:17%}
.simulator{background:var(--paper);color:#151513;overflow:hidden}.simulator-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.simulator-copy h2{margin:15px 0 20px}.simulator-copy>p{color:#6c6a63;font-size:16px;max-width:480px}.simulator-form{margin-top:35px;display:grid;gap:15px}.simulator-form label{font:700 11px "Manrope";letter-spacing:.05em;text-transform:uppercase}.simulator-form input{display:block;width:100%;margin-top:7px;border:1px solid #d6d2c8;background:#fff;color:#151513;border-radius:10px;padding:15px;outline:none;transition:.2s;text-transform:none}.simulator-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,184,32,.15)}.simulator-form .button{margin-top:6px}.device-stage{min-height:590px;position:relative;display:grid;place-items:center;perspective:1000px}.headrest{position:absolute;top:-55px;width:390px;height:195px;background:#1c1c1b;border-radius:70px 70px 32px 32px;border:4px solid #10100f;box-shadow:inset 0 0 0 2px #2b2a27,0 25px 40px rgba(0,0,0,.18)}.headrest:before,.headrest:after{content:"";position:absolute;bottom:-85px;width:17px;height:100px;background:linear-gradient(90deg,#666,#ddd,#777)}.headrest:before{left:90px}.headrest:after{right:90px}.tablet{position:relative;z-index:3;width:100%;max-width:695px;aspect-ratio:1.56;border-radius:27px;padding:17px;background:linear-gradient(145deg,#333,#080808 40%);border:2px solid #444;box-shadow:0 45px 80px rgba(24,20,8,.25),inset 0 0 0 3px #080808;transform:rotateY(-3deg)}.camera-dot{position:absolute;top:50%;left:6px;width:4px;height:4px;border-radius:50%;background:#3b3b3b}.screen-ad{height:100%;overflow:hidden;color:white;position:relative;border-radius:15px;background:linear-gradient(125deg,#15130e 0 51%,#e3a510 51%)}.screen-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent)}.screen-brand{position:absolute;top:8%;left:6%;display:flex;gap:12px;align-items:center}.screen-brand span{background:var(--gold);color:#111;padding:7px 9px;border-radius:5px;font:900 8px/1 "Manrope"}.screen-brand small{color:#777;font:600 7px "Manrope";letter-spacing:.16em}.screen-content{position:absolute;left:6%;top:31%;width:43%}.screen-content>span{color:var(--gold);font:800 7px "Manrope";letter-spacing:.14em}.screen-content h3{font-size:clamp(21px,2.5vw,35px);line-height:1;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-content strong{display:block;font:800 clamp(14px,1.6vw,22px)/1.15 "Manrope";color:var(--gold-light);max-width:280px}.screen-content p{color:#aaa;font-size:9px;margin-top:9px}.screen-action{position:absolute;right:5%;bottom:8%;display:flex;align-items:center;gap:11px;color:#16120a}.screen-action .fake-qr{width:68px;height:68px;border-width:6px}.screen-action small,.screen-action b{display:block}.screen-action small{font:800 7px "Manrope";letter-spacing:.08em}.screen-action b{font:800 11px "Manrope"}.tablet-mount{position:absolute;z-index:4;left:50%;width:92px;height:32px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(#393936,#111);border:2px solid #090909}.tablet-mount.top{top:60px}.tablet-mount.bottom{bottom:65px}.live-pill{position:absolute;z-index:5;bottom:20px;background:#fff;color:#151513;padding:9px 13px;border-radius:99px;box-shadow:0 8px 25px rgba(0,0,0,.14);font:800 8px "Manrope";letter-spacing:.12em}.live-pill span{display:inline-block;width:7px;height:7px;background:#4bbb65;border-radius:50%;margin-right:6px;animation:pulseGreen 1.8s infinite}