:root{--red:#f02227;--orange:#f36d0d;--yellow:#ffbf08;--ink:#171414;--paper:#fffaf5;--muted:#a9a09b;--gradient:linear-gradient(115deg,var(--red),var(--orange) 55%,var(--yellow))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);position:relative;z-index:5;border-bottom:1px solid #ffffff12;background:#171414d9;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{width:54px;height:50px;object-fit:contain}.brand strong,.brand small{display:block;letter-spacing:.1em}.brand strong{font-size:14px}.brand small{font-size:8px;color:#a9a09b;margin-top:3px}.status{display:flex;align-items:center;gap:9px;color:#d7d1cd;font-size:12px;letter-spacing:.05em}.status i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #f36d0d20;animation:pulse 2s infinite}
main{flex:1}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 138px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:4vw;padding:clamp(60px,8vw,110px) clamp(22px,7vw,110px)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171414 0%,#171414ee 48%,#17141499),url("assets/cars/chrysler-pacifica-2021.jpg") center right/55% 100% no-repeat;opacity:.16}.hero:after{content:"NOW";position:absolute;right:-2vw;bottom:-11vw;font-size:29vw;font-weight:950;line-height:1;color:#fff;opacity:.018;letter-spacing:-.09em}.content{position:relative;z-index:2;max-width:750px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-size:11px;font-weight:850;letter-spacing:.22em}.eyebrow:before{content:"";width:32px;height:2px;background:var(--gradient)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6vw,88px);font-weight:500;line-height:.98;letter-spacing:-.045em;margin:24px 0 26px}h1 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:640px;color:#c4bdb9;font-size:clamp(16px,1.45vw,20px);line-height:1.7;margin:0 0 34px}.launch-card{display:flex;align-items:center;gap:16px;padding:17px 20px;border:1px solid #ffffff17;background:#ffffff08;border-radius:16px;width:max-content;max-width:100%;backdrop-filter:blur(8px)}.launch-card strong,.launch-card small{display:block}.launch-card strong{font-size:14px}.launch-card small{font-size:11px;color:var(--muted);margin-top:4px}.launch-icon{display:flex;align-items:end;gap:3px;width:34px;height:34px;padding:7px;background:var(--gradient);border-radius:10px}.launch-icon span{display:block;width:5px;background:white;border-radius:5px;animation:build 1.3s ease-in-out infinite alternate}.launch-icon span:nth-child(1){height:8px}.launch-icon span:nth-child(2){height:14px;animation-delay:.2s}.launch-icon span:nth-child(3){height:20px;animation-delay:.4s}.stores{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.store-badge{display:flex;align-items:center;gap:11px;min-width:174px;padding:10px 15px;border:1px solid #504945;border-radius:11px;background:#0c0b0b;color:#fff}.store-badge svg{width:28px;height:28px;fill:#fff}.store-badge small,.store-badge strong{display:block}.store-badge small{font-size:9px;color:#aaa19c;text-transform:uppercase;letter-spacing:.08em}.store-badge strong{font-size:18px;line-height:1.1;margin-top:2px}
.visual{position:relative;z-index:2;display:grid;place-items:center;min-height:540px}.phone{position:relative;width:min(278px,70vw);aspect-ratio:.52;border:7px solid #312c29;border-radius:46px;background:#090808;padding:8px;box-shadow:0 50px 100px #0009,0 0 0 1px #ffffff22;transform:rotate(5deg)}.phone:before{content:"";position:absolute;z-index:4;width:92px;height:24px;background:#090808;border-radius:0 0 16px 16px;left:50%;top:6px;transform:translateX(-50%)}.phone-screen{height:100%;border-radius:32px;overflow:hidden;padding:42px 24px 22px;background:radial-gradient(circle at 100% 100%,#f9a50c55,transparent 38%),linear-gradient(155deg,#2a1713,#171414 46%);position:relative}.phone-top{display:flex;justify-content:space-between;align-items:center}.phone-top img{width:45px;height:40px;object-fit:contain}.phone-top i{width:26px;height:26px;border-radius:50%;background:#fff1}.phone-screen>p{font-size:11px;color:#bcb3ad;margin:45px 0 7px}.phone-screen h2{font-family:Georgia,serif;font-weight:500;font-size:32px;line-height:1.05;margin:0}.road{position:absolute;width:310px;height:240px;border:4px solid var(--orange);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(35deg);right:-200px;top:235px}.road span{position:absolute;width:8px;height:28px;background:var(--yellow);border-radius:4px;transform:rotate(-40deg)}.road span:nth-child(1){left:25px;top:25px}.road span:nth-child(2){left:2px;top:75px}.road span:nth-child(3){left:-6px;top:133px}.mini-card{position:absolute;display:flex;align-items:center;gap:11px;left:18px;right:18px;bottom:20px;background:#fff;color:#181414;padding:14px;border-radius:15px;box-shadow:0 18px 32px #0005}.mini-card i{font-style:normal;background:var(--gradient);width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:white;font-weight:900}.mini-card strong,.mini-card small{display:block}.mini-card strong{font-size:12px}.mini-card small{font-size:8px;color:#867e7a;margin-top:3px}.orbit{position:absolute;border:1px solid #f36d0d30;border-radius:50%}.orbit-one{width:430px;height:430px}.orbit-two{width:540px;height:540px;border-color:#ffbf0814}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.16}.glow-one{width:360px;height:360px;background:var(--red);left:-180px;top:20%}.glow-two{width:300px;height:300px;background:var(--orange);right:8%;bottom:-100px}
footer{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:20px clamp(22px,6vw,92px);border-top:1px solid #ffffff0d;color:#766f6b;font-size:10px;letter-spacing:.07em;text-transform:uppercase}@keyframes pulse{50%{box-shadow:0 0 0 10px #f36d0d08}}@keyframes build{to{height:7px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.content{margin:auto}.visual{min-height:500px;margin-top:20px}.hero:before{background-size:cover;opacity:.08}}@media(max-width:560px){.topbar{height:72px;padding:0 18px}.brand img{width:44px;height:40px}.brand strong{font-size:11px}.brand small{font-size:7px}.status{font-size:0}.hero{padding:52px 20px 70px;min-height:auto}.eyebrow{font-size:9px;line-height:1.5}.lead{line-height:1.55}.launch-card{align-items:flex-start}.stores{display:grid;grid-template-columns:1fr 1fr;gap:8px}.store-badge{min-width:0;padding:9px}.store-badge svg{width:23px}.store-badge strong{font-size:13px}.store-badge small{font-size:7px}.visual{min-height:460px}.phone{width:230px}.orbit-one{width:330px;height:330px}.orbit-two{width:410px;height:410px}footer{flex-direction:column;align-items:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}