:root{--ink:#111114;--muted:#85858d;--line:#ededf0;--surface:#f8f8fa;--bronze:#c99e75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ececee;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}.browser-frame{width:min(1500px,calc(100% - 64px));margin:34px auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 60px #11111108;min-height:calc(100vh - 68px)}.browser-bar{height:49px;border-bottom:1px solid #f1f1f2;display:flex;align-items:center;padding:0 24px;gap:22px;color:#c8c8cc;font-size:13px}.traffic{display:flex;gap:7px}.traffic i{width:9px;height:9px;background:#efeff1;border-radius:50%}.browser-icon{font-size:18px}.browser-arrows{font-size:24px}.address{margin:auto;display:flex;align-items:center;gap:8px;color:#c4c4c9}.address span{color:#a3a3aa}.browser-tools{font-size:18px}.topbar{height:91px;display:flex;align-items:center;gap:17px;padding:0 28px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:146px}.brand strong{font-size:31px;letter-spacing:-2px}.brand span{font-size:11px;font-weight:700;line-height:1.15}.left-tools,.right-tools{display:flex;align-items:center;gap:8px}.icon-btn{border:0;width:43px;height:43px;border-radius:50%;background:#fafafd;color:#28282c;font-size:20px;cursor:pointer;transition:.2s}.icon-btn:hover,.icon-btn.saved{background:#111;color:white}.main-nav{display:flex;gap:8px;flex:1;justify-content:center}.nav-link{border:1px solid #f0f0f3;background:#fafafd;border-radius:28px;padding:16px 22px;min-width:112px;text-align:center;text-decoration:none;color:#29292e;font-size:13px;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{background:#08080a;color:#fff;border-color:#08080a}.right-tools{margin-left:auto}.search-panel{display:none;padding:0 36px 20px;gap:10px}.search-panel.open{display:flex}.search-panel input{flex:1;border:1px solid #eee;border-radius:15px;padding:14px 16px;font:inherit}.search-panel button,.primary-btn{border:0;background:#08080a;color:#fff;border-radius:15px;padding:0 22px;cursor:pointer}.hero{position:relative;padding:43px 28px 26px;min-height:760px;overflow:hidden}.model-heading{position:relative;z-index:2}.model-heading h1{font-size:clamp(28px,3vw,41px);letter-spacing:-1.8px;line-height:1.15;margin:0 0 7px;font-weight:700}.model-heading p{margin:0;color:#96969d;font-size:16px}.info-btn{display:inline-grid;place-items:center;vertical-align:middle;border:1px solid #ededf0;background:#fafafd;border-radius:50%;width:37px;height:37px;font-size:14px;font-weight:500;margin-left:13px;cursor:pointer}.category-tabs{position:absolute;left:28px;top:214px;z-index:2;display:flex;flex-direction:column;gap:10px;width:135px}.category{height:48px;border:1px solid #f0f0f3;background:#fafafd;border-radius:30px;color:#34343a;cursor:pointer;font:500 13px 'DM Sans',sans-serif;transition:.2s}.category:hover,.category.selected{background:#08080a;color:#fff;border-color:#08080a}.car-stage{position:absolute;left:14%;right:5%;top:143px;height:390px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;left:39%;top:-35px;width:340px;height:340px;border:9px solid #fafafd;border-bottom-color:transparent;border-radius:50%;transform:scaleX(1.1);opacity:.95}.car-image{position:relative;width:100%;max-width:1060px;max-height:370px;object-fit:contain;z-index:1;filter:drop-shadow(0 16px 8px #00000014);transition:filter .3s,transform .3s}.hotspot{position:absolute;z-index:2;border:0;display:flex;align-items:center;gap:10px;background:transparent;cursor:pointer;color:#fff;font:500 12px 'DM Sans',sans-serif;white-space:nowrap}.hotspot span{padding:12px 16px;border-radius:24px;background:#a99a88d9;backdrop-filter:blur(10px)}.hotspot b{width:34px;height:34px;border-radius:50%;background:#b9a58f99;display:grid;place-items:center}.hotspot b:after{content:'';width:10px;height:10px;background:#171719;border-radius:50%}.hotspot:hover span{background:#111}.hs-one{left:3%;top:51%}.hs-two{right:32%;top:41%}.hs-three{left:32%;top:74%}.hs-four{right:16%;top:87%}.power-card{position:absolute;right:28px;top:45px;width:250px;z-index:2;border-radius:27px;background:#f8f8fa;overflow:hidden;border:1px solid #f0f0f2;box-shadow:0 10px 30px #00000004}.power-head{height:73px;background:#08080a;color:white;display:flex;align-items:center;gap:13px;padding:0 16px;font-size:12px}.power-icon{width:43px;height:43px;border-radius:50%;background:#242428;display:grid;place-items:center;font-size:19px}.power-card p{margin:0;padding:15px 18px 17px;font-size:12px;line-height:1.55;color:#73737b;background:#fafafd}.accessory-link{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #efeff2;background:#fff;padding:18px 18px;font:500 12px 'DM Sans',sans-serif;text-align:left;cursor:pointer}.accessory-link .arrow{margin-left:auto}.feature-heading{position:absolute;left:8%;right:3%;top:572px;display:flex;align-items:center;justify-content:space-between;gap:20px}.feature-heading h2{margin:0;font-size:22px;letter-spacing:-.7px}.feature-heading .info-btn{width:31px;height:31px;margin-left:9px}.colors{display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:-.6px}.swatch{width:29px;height:29px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px transparent;cursor:pointer;transition:.2s}.swatch.chosen{box-shadow:0 0 0 2px #d5d5da}.silver{background:#d7d7d7}.red{background:#bf2528}.blue{background:#2464d8}.bronze{background:#cba37b}.black{background:#050506}.feature-row-wrap{position:absolute;top:630px;left:8%;right:0;display:flex;align-items:center;gap:10px}.feature-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:5px 0 12px;scroll-snap-type:x mandatory;flex:1}.feature-row::-webkit-scrollbar{display:none}.feature-card{position:relative;min-width:235px;width:235px;height:160px;border:1px solid #f0f0f3;background:#fafafd;border-radius:28px;padding:24px 18px 18px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;scroll-snap-align:start}.feature-card .mini-icon{position:absolute;left:17px;top:15px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #f0f0f3;font-size:17px}.feature-card small{font-size:12px;color:#9a9aa2;margin-bottom:4px}.feature-card strong{font-size:16px;letter-spacing:-.5px}.muted-title{position:absolute;right:16px;top:29px;color:#b0b0b6;font-size:16px}.hp{font-size:38px;letter-spacing:-1.8px;font-weight:500;margin-bottom:4px}.hp small{font-size:19px}.passenger{min-width:290px}.passenger small,.passenger>strong{position:relative;z-index:1;margin-left:1px}.passenger>strong{font-size:20px}.large-number{position:absolute;top:35px;left:110px;font-size:40px;font-weight:400}.seat-art{position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(90deg,#fafafd00,#77797a),url('https://images.unsplash.com/photo-1507136566006-cfc505b114fc?auto=format&fit=crop&w=500&q=80') center/cover;opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 40%)}.transmission .muted-title{right:15px;top:25px;font-size:12px;max-width:110px;text-align:right}.amg-pill{background:#08080a;color:white;border-radius:23px;padding:13px 18px;margin:0 -1px -2px;display:flex;flex-direction:column;gap:2px}.amg-pill strong{font-size:20px}.amg-pill small{font-size:10px;color:#d2d2d5;margin:0}.acceleration .muted-title{font-size:12px}.carousel-arrow{width:43px;height:43px;flex-shrink:0;border:1px solid #f0f0f3;background:#fafafd;border-radius:50%;font-size:19px;cursor:pointer;transition:.2s}.carousel-arrow:hover{background:#08080a;color:#fff}.feature-row-wrap .prev{position:absolute;left:-78px;top:50%;transform:translateY(-50%)}.feature-row-wrap .next{position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:2;box-shadow:-10px 0 18px #fafafd}.bottom-links{display:flex;gap:28px;position:absolute;bottom:23px;left:8%;font-size:12px}.bottom-links a{color:#7f7f87;text-decoration:none}.bottom-links span{margin-left:7px;color:#111}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111;color:white;border-radius:20px;padding:13px 20px;z-index:20;transition:.25s;box-shadow:0 10px 30px #0002}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{display:none;position:fixed;inset:0;background:#12121766;backdrop-filter:blur(8px);z-index:30;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.config-modal{width:min(470px,100%);background:white;border-radius:28px;padding:35px;position:relative;box-shadow:0 25px 100px #0002}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#f4f4f6;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.eyebrow{font-size:10px;letter-spacing:2px;color:#b18c63;font-weight:700}.config-modal h2{font-size:28px;letter-spacing:-1px;margin:8px 0}.modal-copy{color:#7c7c85;line-height:1.6;font-size:13px;margin-bottom:24px}.config-modal label{display:block;font-size:12px;font-weight:700;margin:16px 0 8px}.config-modal select{width:100%;border:1px solid #e9e9ed;border-radius:13px;padding:13px;background:#fafafd;font:inherit}.config-summary{display:flex;flex-direction:column;gap:5px;margin:22px 0;padding:15px;background:#f8f8fa;border-radius:15px}.config-summary span{font-size:11px;color:#888}.config-summary strong{font-size:13px}.primary-btn{width:100%;padding:15px;font:600 13px 'DM Sans',sans-serif}.primary-btn:hover{background:#333}
@media(max-width:1200px){.browser-frame{width:calc(100% - 28px);margin:14px auto;border-radius:20px}.topbar{padding:0 20px;gap:10px}.brand{min-width:125px}.brand strong{font-size:27px}.nav-link{min-width:auto;padding:14px 15px}.main-nav{gap:5px}.power-card{width:218px;right:20px}.car-stage{left:12%;right:4%}.feature-heading{left:6%}.feature-row-wrap{left:7%}.category-tabs{left:20px}}
@media(max-width:900px){.browser-frame{width:100%;margin:0;border-radius:0;min-height:100vh}.browser-bar{height:38px}.topbar{height:75px}.brand{min-width:auto}.left-tools{margin-left:auto}.main-nav{display:none;position:absolute;top:66px;left:15px;right:15px;background:#fff;border:1px solid #eee;border-radius:20px;padding:12px;box-shadow:0 15px 40px #0001;flex-direction:column}.main-nav.open{display:flex}.nav-link{width:100%;padding:13px}.right-tools{margin-left:0}.hero{padding:34px 20px 20px;min-height:900px}.model-heading h1{font-size:29px;max-width:100%}.model-heading p{font-size:13px}.category-tabs{top:132px;left:20px;width:110px;gap:7px}.category{height:41px;font-size:12px}.car-stage{left:6%;right:0;top:180px;height:340px}.car-image{width:110%;max-width:none}.orbit{width:240px;height:240px;left:38%;top:10px;border-width:6px}.power-card{top:520px;left:20px;right:20px;width:auto;display:grid;grid-template-columns:1fr 1fr;border-radius:22px}.power-head{height:auto;min-height:58px;grid-column:1/-1}.power-card p{padding:13px 15px}.accessory-link{padding:12px 15px;border-top:0;border-left:1px solid #efeff2}.feature-heading{top:690px;left:20px;right:20px}.feature-heading h2{font-size:18px}.colors{font-size:16px;gap:7px}.swatch{width:22px;height:22px}.feature-row-wrap{top:740px;left:20px;right:0}.feature-row-wrap .prev{display:none}.feature-row-wrap .next{right:12px}.feature-card{min-width:215px;width:215px;height:145px;border-radius:23px}.passenger{min-width:250px;width:250px}.bottom-links{left:20px;bottom:18px;right:20px;gap:14px;flex-wrap:wrap}.hotspot{font-size:10px;gap:4px}.hotspot span{padding:8px 10px}.hotspot b{width:24px;height:24px}.hs-one{left:5%;top:55%}.hs-two{right:15%;top:42%}.hs-three{left:25%;top:78%}.hs-four{right:8%;top:90%}}
@media(max-width:520px){.browser-tools,.browser-arrows,.browser-icon{display:none}.address{font-size:10px}.topbar{padding:0 14px;gap:7px}.brand strong{font-size:24px}.brand span{font-size:9px}.icon-btn{width:37px;height:37px;font-size:18px}.hero{padding-left:15px;padding-right:15px;min-height:890px}.model-heading h1{font-size:25px;letter-spacing:-1px}.model-heading .info-btn{width:27px;height:27px;margin-left:3px}.category-tabs{left:15px;width:92px;top:123px}.category{height:37px;font-size:10px}.car-stage{top:170px;left:0;right:0;height:300px}.car-image{width:130%;max-width:none;margin-left:-9%}.orbit{width:195px;height:195px;left:38%}.hotspot span{font-size:9px;padding:7px 8px}.hotspot b{width:19px;height:19px}.hotspot b:after{width:7px;height:7px}.hs-one{left:2%;top:55%}.hs-two{right:4%;top:41%}.hs-three{left:20%;top:77%}.hs-four{right:0;top:89%}.power-card{top:470px;left:15px;right:15px;grid-template-columns:1fr}.power-head{grid-column:auto}.power-card p{font-size:11px}.accessory-link{border-left:0;border-top:1px solid #efeff2;padding:12px 15px}.feature-heading{top:660px;left:15px;right:15px;align-items:flex-start;flex-direction:column;gap:12px}.feature-heading h2{font-size:18px}.colors{gap:10px}.feature-row-wrap{top:735px;left:15px}.feature-card{min-width:205px;width:205px;height:135px;padding:18px}.feature-card strong{font-size:14px}.feature-card .mini-icon{width:32px;height:32px;left:13px;top:12px}.hp{font-size:32px}.passenger{min-width:235px;width:235px}.bottom-links{left:15px;right:15px;bottom:13px;font-size:10px;gap:10px}.bottom-links a{white-space:nowrap}.config-modal{padding:28px 22px}.search-panel{padding:0 15px 15px}.search-panel button{padding:0 14px}}