:root{--bg:#070b13;--bg2:#0c1320;--panel:#101b2c;--line:#29384b;--blue:#347bff;--blue2:#6cbaff;--gold:#efc477;--white:#f7f9ff;--muted:#9eabbc;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}img,video{max-width:100%}img{display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.wrap{width:min(1340px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;z-index:999;padding:12px;background:white;color:#0b1425}.skip-link:focus{left:10px}.topbar{min-height:38px;background:linear-gradient(110deg,#153771,#164abb 52%,#0d2d69);border-bottom:1px solid #307cf688}.topbar-inner,.topbar-social{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar p{font-size:10px;letter-spacing:1.45px;margin:0;font-weight:600}.topbar strong{color:white}.dot-separator{padding-inline:8px;color:#8ab4ff}.topbar-social{gap:21px}.topbar-social a{font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}.topbar-social a:hover{color:#d5e7ff}.pulse{height:7px;width:7px;display:inline-block;border-radius:50%;background:#aaf4d2;margin-right:9px;box-shadow:0 0 0 4px #aaf4d21b,0 0 13px #aaf4d288}
.header{position:sticky;top:0;z-index:30;background:rgba(5,10,19,.95);backdrop-filter:blur(16px);border-bottom:1px solid #28364b}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand>img{width:65px;height:52px;object-fit:cover;object-position:top;border:1px solid #3b66a1;border-radius:8px;box-shadow:0 0 28px #004aff22}.brand-title{font-family:var(--display);font-size:32px;font-weight:800;line-height:.9;letter-spacing:.2px;white-space:nowrap}.brand-title b{color:#69a5ff}.brand-title small{display:block;font-family:var(--body);font-weight:700;font-size:8px;letter-spacing:2.2px;margin-top:8px;color:#b9c7db}.nav{display:flex;align-items:center;gap:30px}.nav>a:not(.header-cta){font-size:11px;font-weight:800;letter-spacing:1.1px;color:#cbd5e6;white-space:nowrap;transition:color .2s}.nav>a:hover{color:white}.header-cta{display:flex;align-items:center;gap:26px;border:1px solid #4979b8;padding:16px 17px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:1px;white-space:nowrap}.header-cta:hover{background:var(--blue)}.nav-toggle{display:none;background:none;border:1px solid #3a5375;padding:9px;border-radius:5px;width:42px;height:42px}.nav-toggle span{height:2px;width:22px;display:block;background:white;margin:5px auto}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#143569 0%,transparent 44%),radial-gradient(ellipse at 10% 100%,#0c274f 0%,transparent 51%),#070c17}.hero::before{content:'C.BOAT';position:absolute;left:-1vw;bottom:-6vw;font-family:var(--display);font-size:27vw;font-weight:900;letter-spacing:-1vw;line-height:1;white-space:nowrap;color:#1a3c701b;pointer-events:none}.hero-glow{position:absolute;right:-25%;top:-45%;width:80%;height:150%;background:radial-gradient(closest-side,#1858ad50,transparent);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:50% 50%;align-items:center;min-height:670px;padding-top:46px;padding-bottom:35px}.hero-copy{position:relative;z-index:2;padding-right:5px}.overline,.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#72b5ff}.overline{display:flex;align-items:center;gap:12px;white-space:nowrap}.overline-line{height:2px;width:26px;background:var(--gold)}.overline-index{color:#6c7d94;margin-left:8px}.hero h1{font-family:var(--display);font-size:clamp(72px,7.1vw,117px);line-height:.84;letter-spacing:-.5px;font-weight:900;margin:35px 0 29px;text-transform:uppercase}.hero h1 span{color:#fff}.hero h1 em{font-style:normal;color:var(--blue2);text-shadow:0 8px 38px #3286ff33}.hero-lede{font-size:15px;line-height:1.8;color:#b6c6d9;max-width:475px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:53px;padding:16px 20px;border:1px solid transparent;border-radius:5px;font-weight:800;font-size:11px;letter-spacing:1.1px;line-height:1.25;text-align:left;white-space:nowrap;transition:background .15s,color .15s,transform .15s}.btn:hover{transform:translateY(-2px)}.btn-blue{background:linear-gradient(115deg,#377eff,#1c55d7);color:white;box-shadow:0 8px 31px #1559ea3b}.btn-blue:hover{background:#4e95ff}.btn-ghost{border-color:#7088aa;color:white;background:#1526418a}.btn-ghost:hover{background:#1a385e}.btn-dark{background:#122033;border-color:#35506f;color:#eaf2ff}.btn-dark:hover{background:#213855}.hero-follow{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:40px}.hero-follow span{font-size:9px;letter-spacing:1.3px;color:#8798ab;font-weight:800}.hero-follow a{font-size:10px;letter-spacing:1px;font-weight:800;color:#c8d9f0;border-bottom:1px solid #55729a;padding-bottom:4px}.hero-follow a:hover{color:#73baff}.hero-display{position:relative;padding:14px 0 24px 54px;min-width:0}.hero-car-frame{position:relative;height:555px;overflow:hidden;border-radius:10px;border:1px solid #4272b0;box-shadow:0 22px 90px #0008,0 0 75px #0858d12e;transform:rotate(1.6deg)}.hero-car-frame>img{height:100%;width:100%;object-fit:cover;object-position:50% 52%;filter:saturate(1.1) contrast(1.04)}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0310208b 0%,transparent 25%,transparent 46%,#061323a8 77%,#02060ded 100%)}.hero-photo-top{position:absolute;top:20px;left:22px;right:20px;display:flex;justify-content:space-between;align-items:center}.live-pill{background:#081a35ce;border:1px solid #5175b0;border-radius:100px;padding:11px 14px;font-size:9px;font-weight:800;letter-spacing:1px}.hero-photo-no{font-size:10px;letter-spacing:2px;font-weight:800}.hero-photo-bottom{position:absolute;bottom:29px;left:27px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:10px}.hero-photo-bottom>div:first-child>span{font-size:10px;color:#92bdf5;letter-spacing:1.4px;font-weight:800}.hero-photo-bottom strong{font-family:var(--display);font-size:47px;font-weight:900;line-height:1;display:block;margin:6px 0}.hero-photo-bottom small{font-size:10px;letter-spacing:.8px;color:#d0dcf0;font-weight:800}.hero-price{background:#f8fafc;color:#0a1930;font-family:var(--display);font-size:32px;font-weight:900;letter-spacing:-.4px;padding:13px 15px;border-radius:4px;white-space:nowrap;box-shadow:0 8px 35px #0007}.floating-mileage{position:absolute;left:-3px;top:54%;z-index:2;background:#f2c37a;color:#0e1725;padding:18px 21px;box-shadow:0 10px 38px #0008;transform:rotate(-2deg)}.floating-mileage>span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:800}.floating-mileage strong{font-family:var(--display);font-size:38px;line-height:1}.floating-mileage small{font-size:17px}.hero-deco{position:absolute;color:#b9d4ff}.hero-deco-1{right:-22px;top:2px;font-size:30px}.hero-deco-2{right:-24px;bottom:-2px;font-size:11px;letter-spacing:2px;writing-mode:vertical-rl}.hero-baseline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #31507866;font-size:9px;font-weight:800;letter-spacing:2px;color:#8a9cb5}.hero-baseline span:last-child{color:#d6e1f3}
.proofbar{background:#0b1524;border-bottom:1px solid #294260;border-top:1px solid #244263}.proofbar-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proofbar-grid>div{display:flex;align-items:center;gap:16px;min-height:82px;border-right:1px solid #263a54;padding:12px 22px}.proofbar-grid>div:first-child{padding-left:0}.proofbar-grid>div:last-child{border:0}.proof-num{font-family:var(--display);font-size:27px;color:var(--blue2);font-weight:700}.proofbar strong{font-size:10px;letter-spacing:1px;font-weight:800;color:#cad5e7;white-space:nowrap}
.section{padding:108px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:43px}.section-heading h2,.watch-copy h2,.social-lead h2,.contact-copy h2{font-family:var(--display);font-size:clamp(59px,6.3vw,94px);font-weight:900;line-height:.95;letter-spacing:.2px;margin:19px 0 0}.section-heading h2 span,.detail-left h3 span,.watch-copy h2 span,.social-lead h2 span,.contact-copy h2 span{color:var(--blue2)}.section-heading>p{font-size:14px;color:#a5b6ca;line-height:1.85;max-width:360px;margin:0 0 8px}.showroom{background:linear-gradient(150deg,#0c1626 0%,#070b13 67%)}.vehicle-feature{display:grid;grid-template-columns:56% 44%;background:#111d2e;border:1px solid #2d4664;box-shadow:0 20px 65px #0005;overflow:hidden}.vehicle-media{min-width:0;display:grid;grid-template-rows:1fr 118px;min-height:660px}.photo-interactive{cursor:zoom-in}.vehicle-main-photo{min-height:0;overflow:hidden;position:relative;background:#17273d}.vehicle-main-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 56%;transition:transform .35s}.vehicle-main-photo:hover>img{transform:scale(1.035)}.image-corner-label{position:absolute;top:20px;left:22px;background:#091c37cf;border:1px solid #5277a4;padding:11px 13px;font-size:9px;letter-spacing:1.2px;font-weight:800}.photo-expand{position:absolute;bottom:19px;right:20px;color:white;background:#0b1c36d9;border:1px solid #4b6c98;padding:13px 14px;font-size:10px;letter-spacing:1px;font-weight:800}.vehicle-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#060d19;padding:4px}.vehicle-thumbs button{position:relative;padding:0;border:0;background:#0e1b2b;overflow:hidden}.vehicle-thumbs img{height:100%;width:100%;object-fit:cover;object-position:center 50%;transition:transform .3s}.vehicle-thumbs button:hover img{transform:scale(1.05)}.vehicle-thumbs span{position:absolute;inset:0;background:#051022a5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.6px;padding:5px}.vehicle-content{padding:43px 48px 34px;min-width:0}.vehicle-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill-blue{font-size:9px;letter-spacing:1px;font-weight:800;color:#cee6ff;background:#183a6b;border:1px solid #3574bf;padding:10px 13px;border-radius:3px}.stock-ref{font-size:10px;color:#8295ae;letter-spacing:1px;font-weight:800}.vehicle-content h3{font-family:var(--display);font-size:clamp(65px,6vw,102px);line-height:.85;font-weight:900;margin:28px 0 10px}.vehicle-content h3 span{color:var(--blue2)}.vehicle-derivative{font-size:11px;color:#9dacbf;letter-spacing:1px;font-weight:800}.vehicle-money{border-bottom:1px solid #39516b;border-top:1px solid #39516b;padding:21px 0;margin:31px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.vehicle-money span{font-size:11px;font-weight:800;color:#91a5bc;letter-spacing:1px}.vehicle-money strong{font-family:var(--display);font-size:64px;font-weight:900;line-height:1;color:#f6c675}.vehicle-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 14px}.vehicle-spec-grid>div{border-bottom:1px solid #2d415a;padding-bottom:12px}.vehicle-spec-grid span,.vehicle-spec-grid strong{display:block}.vehicle-spec-grid span{color:#7f94ae;font-size:9px;font-weight:800;letter-spacing:1.2px;margin-bottom:7px}.vehicle-spec-grid strong{color:#f1f5fc;font-weight:700;font-size:14px}.vehicle-tags{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0}.vehicle-tags span{padding:8px 9px;font-size:9px;font-weight:800;letter-spacing:.5px;background:#132a43;border:1px solid #2c5279;color:#afcff4}.vehicle-buttons,.upgrade-buttons{display:flex;gap:10px;flex-wrap:wrap}.vehicle-buttons .btn{font-size:10px;min-height:50px;padding:14px}.small-print,.fine-note{font-size:10px;line-height:1.75;color:#8394aa;margin:17px 0 0}.detail-panels{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:64px}.detail-left h3{font-family:var(--display);font-size:clamp(49px,5vw,77px);line-height:.94;margin:22px 0}.detail-left>p:not(.fine-note){max-width:570px;font-size:13px;color:#a6b5c8;line-height:1.9}.fact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:31px}.fact-cards>div{padding:17px 12px;background:#111e30;border:1px solid #2a405a}.fact-cards span{display:block;font-size:9px;letter-spacing:.5px;color:#90a6c3;font-weight:800;min-height:32px}.fact-cards strong{font-family:var(--display);font-size:40px;line-height:1;color:#fff}.fact-cards strong small{font-size:18px}.equipment-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:25px 0 35px}.equipment-list li{font-size:12px;color:#d2dced;line-height:1.5;padding-left:20px;position:relative}.equipment-list li:before{content:'✓';position:absolute;left:0;color:#65acff;font-weight:900}.history-details{border:1px solid #3b526b;background:#111f33}.history-details summary{cursor:pointer;padding:19px 20px;font-size:11px;letter-spacing:.9px;color:#dcecff;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.history-details summary::-webkit-details-marker{display:none}.history-details summary span{font-size:24px;color:#78b6ff;line-height:0}.history-details[open] summary span{transform:rotate(45deg)}.history-details>div{border-top:1px solid #314b6e;padding:8px 20px 19px}.history-details p{font-size:11px;line-height:1.8;color:#aebdd1;margin:12px 0}.history-details strong{color:#f7faff}
.watch-section{position:relative;overflow:hidden;background:radial-gradient(circle at 62% 50%,#1c4980 0%,transparent 34%),linear-gradient(120deg,#0a1d38,#0c1422);border-block:1px solid #294264}.watch-inner{min-height:560px;display:grid;grid-template-columns:58% 42%;align-items:center;position:relative}.watch-copy{position:relative;z-index:2;padding:60px 0}.watch-copy h2{font-size:clamp(70px,7vw,110px);margin:25px 0}.watch-copy p{max-width:475px;color:#b3c3d5;font-size:14px;line-height:1.85;margin:0 0 25px}.watch-phone{z-index:2;justify-self:center;position:relative;width:246px;height:430px;padding:19px 10px 9px;border:6px solid #263a50;border-radius:27px;background:#050b14;box-shadow:0 20px 70px #000b;transform:rotate(4deg)}.watch-phone:before{content:'';width:80px;height:14px;background:#050b14;border-radius:0 0 10px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3}.watch-phone video{height:100%;width:100%;background:#050c19;object-fit:contain;border-radius:15px}.watch-phone-label{position:absolute;left:-69px;bottom:35px;transform:rotate(-90deg);font-size:9px;color:#aac7ee;letter-spacing:1.2px;font-weight:800}.watch-back-letter{position:absolute;font-family:var(--display);font-size:420px;font-weight:900;right:5%;bottom:-210px;color:#3d86ff16;letter-spacing:-20px;pointer-events:none}
.upgrades{background:#080e18}.upgrade-layout{display:grid;grid-template-columns:50% 50%;border:1px solid #324966;background:#111c2d}.upgrade-photo{min-height:540px;position:relative;background:#08101c;overflow:hidden}.upgrade-photo img{height:100%;width:100%;object-fit:cover;object-position:center 50%}.upgrade-image-tag{position:absolute;left:20px;bottom:23px;font-size:10px;letter-spacing:1px;font-weight:800;background:#091c38e6;padding:12px;border:1px solid #4b709c}.upgrade-body{padding:58px;display:flex;flex-direction:column;justify-content:center}.product-index{display:flex;justify-content:space-between;gap:12px;color:#89baff;font-size:10px;letter-spacing:1.5px;font-weight:800}.product-index span{color:#708ba8}.upgrade-body h3{font-family:var(--display);font-size:clamp(64px,6vw,94px);font-weight:900;line-height:.91;margin:34px 0 22px}.upgrade-body h3 em{font-style:normal;color:#78b4ff}.upgrade-body>p:not(.fine-note){color:#b5c2d1;font-size:14px;line-height:1.8;max-width:455px}.upgrade-price-row{display:flex;align-items:center;gap:20px;justify-content:space-between;border-block:1px solid #3c536c;padding:20px 0;margin:27px 0}.upgrade-price-row small{display:block;color:#8ba1b9;font-weight:800;font-size:10px;letter-spacing:1px}.upgrade-price-row strong{font-family:var(--display);font-size:85px;font-weight:900;color:#f4c679;line-height:1}.upgrade-price-row>span{border:1px solid #4875a1;color:#bcddff;font-size:11px;text-align:center;letter-spacing:.7px;font-weight:800;padding:12px;line-height:1.4;transform:rotate(6deg)}.upgrade-buttons .btn{font-size:10px;padding:13px}
.social-section{background:linear-gradient(130deg,#122b51,#0b172b);border-block:1px solid #3563a1;padding:95px 0}.social-layout{display:grid;grid-template-columns:48% 52%;gap:40px;align-items:center}.social-lead h2{font-size:clamp(65px,6vw,93px);margin:23px 0 18px}.social-lead p{font-size:14px;color:#b3c2d5;line-height:1.85;max-width:440px}.social-cards{display:grid;gap:15px;padding-right:40px}.social-card{min-height:122px;display:flex;align-items:center;gap:24px;padding:23px;border:1px solid #41628c;background:#111e30e8;transition:transform .2s,background .2s}.social-card:hover{transform:translateY(-4px);background:#1d3558}.social-symbol{height:62px;width:62px;border-radius:12px;display:grid;place-items:center;flex:none;background:#254366}.social-symbol svg{height:30px;width:30px}.instagram .social-symbol{background:linear-gradient(140deg,#962b96,#e54870,#e4a147)}.tiktok .social-symbol{background:#050810;box-shadow:inset 0 0 0 1px #3e5268}.social-card-mid{flex:1;min-width:0}.social-card-mid small{font-size:10px;letter-spacing:1px;color:#92a9ca;font-weight:800;display:block;margin-bottom:8px}.social-card-mid strong{font-family:var(--display);font-weight:800;font-size:32px;line-height:1;white-space:nowrap}.social-arrow{font-size:31px;color:#86baff}
.contact{background:#060a12;padding:106px 0}.contact-layout{display:grid;grid-template-columns:51% 49%;gap:45px;align-items:start}.contact-copy h2{font-size:clamp(74px,7vw,114px);margin:24px 0}.contact-copy>p{font-size:14px;line-height:1.9;max-width:420px;color:#acb9ca}.contact-methods{max-width:490px;margin-top:45px}.contact-methods>a{display:grid;grid-template-columns:110px 1fr 20px;gap:10px;align-items:center;border-top:1px solid #304158;padding:20px 0}.contact-methods>a:last-child{border-bottom:1px solid #304158}.contact-methods span{font-size:10px;font-weight:800;color:#7faee7;letter-spacing:1px}.contact-methods strong{font-size:15px;overflow-wrap:anywhere}.contact-methods b{font-size:20px;font-weight:400;color:#76b4ff}.enquiry-form{background:#111d2e;border:1px solid #314d70;padding:35px 39px}.form-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #37506b;padding-bottom:26px;margin-bottom:21px}.form-top strong{font-size:13px;letter-spacing:1.2px}.form-top span{font-size:26px;color:#67a9ff}.enquiry-form label{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#b7cbe3;margin:16px 0}.enquiry-form input,.enquiry-form textarea,.enquiry-form select{display:block;width:100%;background:#0a1423;color:#f2f7ff;border:1px solid #324965;border-radius:3px;margin-top:9px;padding:14px 15px;outline:0;font-size:13px;resize:vertical}.enquiry-form input:focus,.enquiry-form textarea:focus,.enquiry-form select:focus{border-color:#6eacff;box-shadow:0 0 0 2px #6eacff32}.enquiry-form ::placeholder{color:#71859e}.full-btn{width:100%;margin-top:8px}.form-note,.form-status{font-size:11px;color:#94a6bc;line-height:1.65;margin:15px 0 0}.form-status{color:#88cbff}.form-status a{text-decoration:underline}
.footer{background:#090e18;border-top:1px solid #344b67}.footer-main{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main>p{font-size:12px;color:#a4b2c5;line-height:1.85}.footer-social{display:flex;gap:26px}.footer-social a{font-size:10px;letter-spacing:1px;font-weight:800}.footer-social a:hover{color:#70b2ff}.footer-bottom{min-height:67px;border-top:1px solid #28384e;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8092aa;font-size:9px;font-weight:800;letter-spacing:1px}.footer-bottom i{color:#f1bc6c;font-style:normal;margin:0 8px}.footer-bottom a{color:#b0c8e8}
.gallery{position:fixed;inset:0;max-width:min(1020px,calc(100vw - 26px));width:100%;max-height:calc(100dvh - 20px);margin:auto;border:1px solid #496a96;background:#091321;color:white;padding:0;box-shadow:0 20px 100px #000e;overflow-y:auto}.gallery::backdrop{background:#02050de6;backdrop-filter:blur(7px)}.gallery-container{padding:17px}.gallery-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.gallery-top strong{font-family:var(--display);font-size:26px;letter-spacing:.8px}.gallery-top button{background:#1c334f;color:white;border:1px solid #4b688a;width:39px;height:39px}.gallery-stage{display:flex;align-items:center;justify-content:space-between;position:relative;background:#040a12;height:min(66vh,650px);overflow:hidden}.gallery-stage img{height:100%;width:100%;object-fit:contain}.gallery-stage>button{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#17375bde;border:1px solid #5b89bf;color:white;font-size:43px;height:60px;width:41px}.gallery-stage>button:first-child{left:8px}.gallery-stage>button:last-child{right:8px}.gallery-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:13px;color:#94afcb;font-size:11px;font-weight:800;letter-spacing:1px}.gallery-dots{display:flex;gap:7px;flex-wrap:wrap}.gallery-dots button{padding:0;height:56px;width:73px;border:2px solid transparent;opacity:.6;background:#11273e}.gallery-dots button.active{border-color:#61a3ff;opacity:1}.gallery-dots button img{width:100%;height:100%;object-fit:cover}
@media(max-width:1200px){.wrap{width:min(1180px,calc(100% - 72px))}.nav{gap:17px}.nav>a:not(.header-cta){font-size:10px}.hero h1{font-size:clamp(72px,7.7vw,110px)}.hero-display{padding-left:35px}.hero-car-frame{height:525px}.floating-mileage{left:-10px}.vehicle-content{padding:34px}.vehicle-media{min-height:625px}.vehicle-content h3{font-size:clamp(66px,6.6vw,95px)}.fact-cards{grid-template-columns:repeat(2,1fr)}.fact-cards span{min-height:18px}.social-cards{padding-right:30px}}
@media(max-width:980px){.header-inner{min-height:73px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0a1524;flex-direction:column;align-items:stretch;border-bottom:1px solid #375678;padding:22px 6%;gap:0;box-shadow:0 30px 45px #0009}.nav.open{display:flex}.nav>a:not(.header-cta){padding:15px 0;border-bottom:1px solid #263d58;font-size:12px}.header-cta{justify-content:space-between;margin-top:16px}.hero-grid{grid-template-columns:51% 49%;min-height:600px}.hero h1{font-size:clamp(68px,8vw,92px)}.hero-display{padding-left:20px}.hero-car-frame{height:480px}.hero-photo-bottom strong{font-size:37px}.hero-photo-bottom small{font-size:8px}.hero-price{font-size:26px}.floating-mileage{top:60%;padding:12px 14px}.floating-mileage strong{font-size:30px}.proofbar-grid{grid-template-columns:repeat(2,1fr)}.proofbar-grid>div{min-height:61px;padding:12px;border-bottom:1px solid #263a54}.proofbar-grid>div:nth-child(2){border-right:0}.vehicle-feature{grid-template-columns:1fr}.vehicle-media{height:580px;min-height:0;grid-template-rows:1fr 110px}.vehicle-content{padding:37px}.vehicle-content h3{font-size:94px}.vehicle-money{margin:24px 0}.vehicle-spec-grid{grid-template-columns:repeat(3,1fr)}.detail-panels{gap:35px}.upgrade-body{padding:30px}.upgrade-body h3{font-size:66px}.upgrade-photo{min-height:485px}.social-layout{grid-template-columns:1fr;gap:20px}.social-cards{padding-right:0;grid-template-columns:1fr 1fr}.social-card{padding:16px;gap:12px}.social-symbol{height:45px;width:45px}.social-card-mid strong{font-size:26px}.contact-layout{gap:25px}.contact-methods>a{grid-template-columns:1fr 22px;gap:4px}.contact-methods span{grid-column:1/-1}.contact-methods strong{font-size:13px}}
@media(max-width:690px){.wrap{width:calc(100% - 36px)}.topbar-inner{min-height:34px}.topbar p{font-size:8px;letter-spacing:.4px}.topbar-social{gap:9px}.topbar-social a{font-size:8px;letter-spacing:0}.topbar-social a span{display:none}.brand>img{width:51px;height:43px}.brand-title{font-size:26px}.brand-title small{font-size:7px;letter-spacing:1.4px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:26px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(66px,13.8vw,100px);margin:27px 0 22px}.hero-lede{font-size:13px;line-height:1.8;margin-bottom:25px;max-width:490px}.overline{font-size:9px;letter-spacing:1.2px}.hero-actions{gap:9px}.hero-actions .btn{font-size:10px;padding:15px 13px;gap:13px;min-height:49px}.hero-follow{margin-top:24px;gap:10px 17px}.hero-follow span{font-size:9px}.hero-display{padding:35px 13px 9px 14px}.hero-car-frame{height:475px;transform:rotate(1deg)}.hero-photo-bottom strong{font-size:39px}.hero-photo-bottom small{font-size:9px}.hero-price{font-size:28px}.floating-mileage{left:-7px;top:58%;padding:12px 14px}.hero-deco-1{right:-6px}.hero-deco-2{right:-7px}.hero-baseline{padding-bottom:17px;font-size:8px}.proofbar-grid{grid-template-columns:repeat(2,1fr)}.proofbar-grid>div{gap:10px;padding:10px 4px}.proofbar strong{font-size:8px;letter-spacing:.2px}.proof-num{font-size:24px}.section{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:clamp(62px,11vw,84px);margin-top:14px}.section-heading>p{font-size:12px;margin-top:19px;max-width:450px}.kicker{font-size:10px}.vehicle-media{height:460px;grid-template-rows:1fr 86px}.vehicle-content{padding:25px 21px}.vehicle-content h3{font-size:77px}.vehicle-top{flex-wrap:wrap}.vehicle-money strong{font-size:57px}.vehicle-spec-grid{grid-template-columns:1fr 1fr;gap:21px 13px}.vehicle-spec-grid strong{font-size:13px}.vehicle-tags{margin:22px 0}.vehicle-buttons .btn{font-size:9px;min-height:47px}.detail-panels{grid-template-columns:1fr;gap:38px;padding-top:49px}.detail-left h3{font-size:62px}.fact-cards{grid-template-columns:repeat(4,1fr)}.fact-cards>div{padding:10px 7px}.fact-cards span{font-size:8px;min-height:32px}.fact-cards strong{font-size:32px}.fact-cards strong small{font-size:12px}.equipment-list{gap:11px 15px}.equipment-list li{font-size:11px}.watch-inner{display:flex;flex-direction:column;gap:13px;min-height:0;padding-bottom:60px}.watch-copy{padding:68px 0 20px}.watch-copy h2{font-size:clamp(69px,12vw,92px)}.watch-copy p{font-size:13px}.watch-phone{width:246px;height:410px}.watch-back-letter{font-size:300px;bottom:-130px;right:3%}.upgrade-layout{grid-template-columns:1fr}.upgrade-photo{min-height:380px;height:420px}.upgrade-body{padding:29px 23px 34px}.upgrade-body h3{font-size:clamp(66px,11vw,86px);margin:24px 0 16px}.upgrade-body>p:not(.fine-note){font-size:13px}.upgrade-price-row strong{font-size:73px}.upgrade-buttons .btn{min-height:48px}.social-section{padding:72px 0}.social-lead h2{font-size:77px}.social-cards{grid-template-columns:1fr}.social-card{min-height:100px;padding:16px}.social-card-mid strong{font-size:32px}.contact{padding:78px 0}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-copy h2{font-size:clamp(76px,14vw,98px)}.contact-methods{margin-top:26px}.contact-methods>a{grid-template-columns:80px 1fr 20px;gap:8px}.contact-methods span{grid-column:auto}.contact-methods strong{font-size:12px}.enquiry-form{padding:24px}.footer-main{padding:40px 0;display:flex;align-items:start;flex-direction:column;min-height:0}.footer-social{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:9px;padding:18px 0;min-height:0}.footer-bottom span:nth-child(2){display:none}.gallery-stage{height:56vh}.gallery-top strong{font-size:19px}.gallery-dots button{height:43px;width:56px}}
@media(max-width:420px){.wrap{width:calc(100% - 30px)}.topbar p{font-size:7.3px}.topbar-social a{font-size:7.3px}.topbar-social{gap:8px}.brand-title{font-size:23px}.brand-title small{letter-spacing:.9px}.brand>img{width:47px;height:41px}.hero h1{font-size:clamp(61px,13.6vw,77px)}.hero-actions .btn{font-size:9px}.hero-follow{gap:9px 14px}.hero-car-frame{height:412px}.hero-photo-bottom{left:14px;right:11px;bottom:20px;align-items:end}.hero-photo-bottom strong{font-size:33px}.hero-photo-bottom small{font-size:8px}.hero-price{font-size:26px;padding:12px 10px}.floating-mileage{top:57%;left:-7px}.floating-mileage strong{font-size:27px}.proofbar strong{font-size:7.4px}.vehicle-media{height:375px;grid-template-rows:1fr 75px}.vehicle-content h3{font-size:69px}.vehicle-derivative{font-size:10px}.vehicle-money strong{font-size:53px}.vehicle-spec-grid strong{font-size:12px}.vehicle-buttons .btn{padding:12px}.fact-cards{grid-template-columns:repeat(2,1fr)}.fact-cards span{min-height:22px}.social-lead h2{font-size:70px}.contact-methods>a{grid-template-columns:1fr 20px}.contact-methods span{grid-column:1/-1}.contact-methods strong{font-size:13px}.equipment-list{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}
/* Final responsive polish: prevent min-content overflow and lead with the real MG3 on small screens. */
.detail-left,.detail-right,.social-lead,.social-cards,.upgrade-body,.upgrade-photo{min-width:0}
@media(max-width:690px){
 .detail-panels,.upgrade-layout,.social-layout{grid-template-columns:minmax(0,1fr)}
 .hero-display{order:-1;padding:4px 11px 22px 12px}
 .hero-copy{order:1}
 .hero-grid{padding-top:26px}
 .hero-car-frame{height:385px}
 .hero-car-frame>img{object-position:50% 67%}
 .hero h1{font-size:clamp(64px,13vw,89px);margin:24px 0 20px}
 .hero-follow{margin-bottom:10px}
 .social-card-mid strong{white-space:normal}
}
@media(max-width:420px){
 .detail-left h3{font-size:clamp(49px,12.5vw,59px)}
 .upgrade-body h3{font-size:clamp(51px,12.7vw,69px)}
 .social-lead h2{font-size:clamp(55px,13.5vw,70px)}
 .hero-car-frame{height:340px}
 .hero h1{font-size:clamp(62px,12.7vw,73px)}
 .hero-photo-bottom strong{font-size:30px}
 .hero-photo-bottom small{font-size:7px}
 .hero-price{font-size:23px}
}
@media(max-width:690px){
 .floating-mileage{position:static;display:flex;align-items:baseline;gap:10px;justify-content:center;transform:none;background:transparent;color:#f3cc8b;box-shadow:none;padding:12px 0 0;width:100%}
 .floating-mileage>span{font-size:9px;color:#9eb8d7}
 .floating-mileage strong{font-size:28px}
 .floating-mileage small{font-size:14px}
 .hero-photo-bottom{align-items:end}
 .hero-photo-bottom strong{white-space:nowrap;font-size:clamp(20px,5.5vw,28px);line-height:1.05}
 .hero-photo-bottom small{display:none}
}