@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#060e1b;--surface:#101e32;--ink:#f6f9ff;--muted:#a8b7cd;--line:#24364f;--blue:#37a9ff;--gold:#f8ca70;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05}h1,h2,.display{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h1{font-size:clamp(3.5rem,7vw,7rem);font-weight:700;letter-spacing:-.025em}h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:600}h3{font-size:1.25rem}p{color:var(--muted)}.wrap{width:min(1440px,90%);margin:auto}.eyebrow{font-size:.8rem;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--blue)}.brand{font-size:2rem;font-weight:800;letter-spacing:-.075em;font-style:italic;line-height:1.1;white-space:nowrap}.brand .e,.brand .blaster{color:var(--gold)}.brand .auto{color:#eaf5ff}.brand .orb{display:inline-block;width:.64em;height:.64em;border-radius:50%;background:radial-gradient(circle at 33% 24%,#c5ffff 0,#1bc6ff 20%,#0074e8 47%,#001449 83%);box-shadow:0 0 13px #1d8dff80;margin:0 .015em}.brand-sub{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.header nav{display:flex;align-items:center;gap:32px;font-size:.9rem}.header nav a:hover{color:var(--blue)}.small-pill{border:1px solid var(--line);padding:8px 14px;border-radius:30px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:8%;padding:80px 0 65px;align-items:end}.hero h1{margin:15px 0 22px}.hero h1 span{color:var(--blue)}.hero p{max-width:540px;font-size:1.1rem}.hero-side{border-left:1px solid var(--line);padding-left:32px;padding-bottom:5px}.hero-side .number{font-size:5.5rem;line-height:1;letter-spacing:-.06em;color:var(--gold);font-family:'Barlow Condensed',sans-serif}.hero-side .label{font-size:.9rem;margin:8px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 20px;border-radius:5px;font-weight:600;font-size:.9rem;min-height:48px;gap:8px}.btn:hover{border-color:var(--blue);background:#ffffff0b}.btn.primary{background:var(--blue);color:#041427;border-color:var(--blue)}.btn.gold{background:var(--gold);color:#1b180f;border-color:var(--gold)}.hero-actions{display:flex;gap:12px;margin-top:30px}.section-bar{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0}.section-bar h2{font-size:2rem}.section-bar p{font-size:.9rem}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;color:var(--muted);padding:8px 16px;font-size:.85rem}.filter.active{background:#eaf4ff;color:#0b1729;border-color:#eaf4ff}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px}.style-card{min-width:0}.style-card[hidden]{display:none}.poster{width:100%;aspect-ratio:307/970;overflow:hidden;position:relative;border-radius:8px;background:#122746;border:1px solid #3f5875;display:block;transition:transform .25s,box-shadow .25s}.poster:hover{transform:translateY(-5px);box-shadow:0 14px 34px #0009;border-color:var(--blue)}.poster img{position:absolute;max-width:none;width:500%;height:105.57%;top:-5.3%;left:calc(var(--col) * -100%)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:15px 0 8px;color:var(--muted);font-size:.75rem}.card-top span:first-child{color:var(--blue);font-weight:700}.style-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.55rem;line-height:1.1;margin-bottom:8px}.style-card p{font-size:.85rem;line-height:1.5;min-height:3em}.card-actions{display:flex;gap:8px;margin-top:16px}.card-actions .btn{padding:9px 12px;flex:1;min-height:42px;font-size:.8rem}.seo-section{margin-top:85px;padding:55px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%}.seo-section h2{margin:14px 0 22px}.seo-section .btn{margin-top:26px}.seo-list{display:grid;gap:0}.seo-list a{border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:20px;align-items:center}.seo-list a:hover{color:var(--blue)}.seo-list span{color:var(--blue);font-size:.8rem}.seo-list small{display:block;color:var(--muted);font-size:.8rem}.build-note{margin:30px 0 70px;padding:32px;background:linear-gradient(110deg,#152740,#0c182a);border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:28px;align-items:center}.build-note h3{margin-bottom:10px}.build-note p{max-width:780px}.footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer p{font-size:.8rem}.footer .brand{font-size:1.5rem}.samplebar{background:#050b15;color:#dceaff;border-bottom:1px solid #2b405d;position:sticky;top:0;z-index:20}.samplebar .wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem}.samplebar nav{display:flex;gap:8px}.samplebar a{padding:8px 12px;border-radius:4px}.samplebar a.current{background:#173457;color:#fff}.samplebar .sample-label{color:#f8ca70;font-size:.75rem}.sample-body{--accent:#3aafff;--panel:#10233b;--text:#f2f8ff;--soft:#abc2da;--stroke:#315372;background:var(--sample-bg,#061220);color:var(--text)}.sample-body p{color:var(--soft)}.sample-body .eyebrow{color:var(--accent)}.sample-body .btn{color:var(--text);border-color:var(--stroke)}.sample-body .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--button-ink,#04182b)}.demo-header{padding:24px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);gap:24px}.demo-header .brand .auto{color:var(--text)}.demo-header nav{display:flex;gap:24px;font-size:.9rem}.demo-hero{display:grid;grid-template-columns:1fr 1fr;min-height:510px;align-items:center;gap:5%;padding:45px 0}.demo-hero h1{font-size:clamp(3.5rem,6vw,6.2rem);margin:18px 0 24px}.demo-hero p{max-width:540px}.hero-image{height:430px;position:relative;overflow:hidden;border:1px solid var(--stroke);border-radius:var(--radius,12px);background:#122439;box-shadow:var(--glow,0 20px 60px #0003)}.hero-image img{position:absolute;width:500%;max-width:none;left:calc(var(--col) * -100%);top:calc(var(--top) * 1%)}.hero-image .image-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;background:linear-gradient(transparent,#000e);color:white;font-size:.8rem}.quicknav{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 60px}.quicknav a{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius,8px);padding:22px 12px;text-align:center;font-weight:600;font-size:.9rem}.quicknav a:hover{border-color:var(--accent);transform:translateY(-2px)}.quicknav svg{display:block;width:30px;height:30px;margin:0 auto 10px;stroke:var(--accent);fill:none;stroke-width:1.8}.demo-section{padding:45px 0;border-top:1px solid var(--stroke)}.demo-section h2{margin-bottom:18px}.demo-section>.section-intro{max-width:720px;margin-bottom:30px}.vehicle-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vehicle-card,.benefit{background:var(--panel);border:1px solid var(--stroke);padding:25px;border-radius:var(--radius,10px)}.vehicle-card .vehicle-mark{font-family:'Barlow Condensed',sans-serif;font-size:4rem;color:var(--accent);line-height:1;margin:10px 0 22px}.vehicle-card h3,.benefit h3{margin-bottom:12px}.vehicle-card p,.benefit p{font-size:.95rem}.vehicle-card .btn{margin-top:24px}.vehicle-card small{color:var(--soft);display:block;margin-top:10px}.demo-callout{background:var(--panel);border:1px solid var(--stroke);padding:35px;margin:30px 0 65px;border-radius:var(--radius,12px);display:flex;align-items:center;justify-content:space-between;gap:30px}.demo-callout h2{margin-bottom:12px}.demo-footer{padding:30px 0;border-top:1px solid var(--stroke);font-size:.8rem}.demo-footer a{text-decoration:underline}.light{--sample-bg:#edf3f7;--panel:#ffffffd9;--text:#0e1b2d;--soft:#4c6076;--stroke:#bbcbd9;--accent:#0666c2}.pearl{--accent:#a77000;--panel:linear-gradient(135deg,#fff,#e0e9f0);--radius:18px;--button-ink:#fff}.glass{--sample-bg:#ddeefa;--panel:#ffffffa6;--accent:#006de0;--radius:20px;--glow:0 15px 45px #287ec944}.minimal{--sample-bg:#fff;--panel:#f2f5f7;--accent:#111e2e;--radius:2px;--button-ink:#fff}.adventure{--accent:#ffd489;--panel:#182b35;--sample-bg:#0d1d24;--radius:5px}.elite{--sample-bg:#02070e;--panel:#09121f;--accent:#48cdff;--stroke:#20465e;--radius:3px}.cube{--accent:#65e3ff;--panel:linear-gradient(135deg,#082651,#191342);--stroke:#2e74b4;--glow:0 0 60px #1769fd60}.panels{--panel:linear-gradient(135deg,#223b51,#070f1a);--stroke:#83afcd;--radius:16px}.curved{--radius:45px;--panel:linear-gradient(140deg,#164673,#061523)}.tech{--accent:#19d5ff;--sample-bg:#020e21;--panel:#082746;--stroke:#125888;--radius:12px;--glow:0 0 65px #057cff60}.video{--sample-bg:#142235;--accent:#cce7ff;--panel:#263b53}.minimal .demo-hero h1{font-family:var(--font);font-size:clamp(3rem,5vw,5rem)}.cube .hero-image{transform:perspective(1400px) rotateY(-8deg);border:2px solid var(--accent)}.curved .demo-hero{grid-template-columns:1fr;text-align:center}.curved .demo-hero p{margin:auto}.curved .hero-actions{justify-content:center}.curved .hero-image{height:330px;max-width:750px;width:100%;margin:auto}.curved .hero-image img{top:-80%}.adventure .hero-image{height:520px}.adventure .demo-hero{grid-template-columns:.85fr 1.15fr}.video .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0b1e3a66);pointer-events:none}.film-toggle{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid white;border-radius:50px;padding:16px 22px;background:#09203dcf;color:white;font:inherit;white-space:nowrap}.motion .hero-image img{animation:panorama 14s ease-in-out infinite alternate}@keyframes panorama{to{transform:scale(1.13);transform-origin:50% 40%}}.seo-heading{padding:65px 0 45px;max-width:920px}.seo-heading h1{font-size:clamp(3rem,5.5vw,5rem);margin:16px 0 25px}.seo-heading p{font-size:1.15rem}.crumb{font-size:.8rem;color:var(--soft);margin-bottom:25px}.crumb a{text-decoration:underline}.seo-layout{display:grid;grid-template-columns:1fr 320px;gap:65px;padding-bottom:65px;align-items:start}.seo-copy section{padding:26px 0;border-top:1px solid var(--stroke)}.seo-copy h2{font-size:2.3rem;margin-bottom:18px}.seo-copy p+p{margin-top:18px}.seo-copy ul{padding-left:22px;color:var(--soft)}.seo-copy li{margin:10px 0}.seo-aside{background:var(--panel);border:1px solid var(--stroke);padding:26px;border-radius:var(--radius,8px);position:sticky;top:95px}.seo-aside h3{margin-bottom:18px}.seo-aside a{display:block;padding:12px 0;border-bottom:1px solid var(--stroke);font-size:.9rem}.seo-aside p{font-size:.85rem;margin-top:22px}.faq details{border-bottom:1px solid var(--stroke);padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{padding-top:15px}.sample-note{font-size:.85rem;margin-top:20px;padding:16px;border-left:3px solid var(--accent);background:var(--panel)}dialog{background:var(--panel,#10233b);color:var(--text,#fff);border:1px solid var(--stroke,#315372);border-radius:14px;padding:32px;max-width:min(540px,90vw);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020611c9}dialog h2{font-size:2.5rem;margin:15px 0}dialog p{margin:18px 0}dialog .close{float:right;background:none;color:inherit;border:1px solid var(--stroke,#315372);padding:6px 12px;border-radius:4px}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}@media(min-width:1500px){.gallery{gap:30px 25px}}@media(max-width:1100px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:4%}.header nav{gap:20px}.demo-hero{gap:25px}.seo-layout{gap:30px;grid-template-columns:1fr 260px}}@media(max-width:760px){.header{height:auto;padding:24px 0;align-items:flex-start}.header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.header .small-pill{display:none}.brand{font-size:1.6rem}.brand-sub{font-size:.5rem}.hero{grid-template-columns:1fr;padding:45px 0;gap:32px}.hero-side{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:flex;align-items:center;gap:20px}.hero-side .number{font-size:3.5rem}.hero-side .label{margin:0}.hero-side p{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.section-bar{display:block}.filter-row{margin-top:20px}.seo-section{grid-template-columns:1fr;gap:30px;margin-top:50px}.build-note,.footer{display:block}.footer p{margin-top:16px}.build-note .btn{margin-top:24px}.samplebar .wrap{flex-wrap:wrap;padding:12px 0;gap:6px}.samplebar .sample-label{display:none}.samplebar nav{margin-left:auto}.demo-header{align-items:flex-start;flex-direction:column}.demo-header nav{gap:18px;flex-wrap:wrap}.demo-hero,.adventure .demo-hero{grid-template-columns:1fr}.hero-image,.adventure .hero-image{height:430px;max-width:480px;width:100%;margin:auto}.cube .hero-image{transform:none}.quicknav{grid-template-columns:repeat(3,1fr);gap:8px}.quicknav a{padding:17px 7px}.vehicle-grid,.benefit-grid{grid-template-columns:1fr}.demo-callout{display:block;padding:25px}.demo-callout .btn{margin-top:22px}.seo-layout{grid-template-columns:1fr;gap:25px}.seo-aside{position:static}.curved .hero-image{height:360px}.curved .hero-image img{top:-100%}}@media(max-width:420px){.wrap{width:92%}.header nav{font-size:.8rem;gap:10px}.gallery{gap:28px 12px}.card-actions{flex-direction:column}.style-card p{min-height:4.5em}.style-card h3{font-size:1.3rem}.hero-image,.adventure .hero-image{height:360px}.samplebar{position:static}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero-image,.adventure .hero-image,.curved .hero-image{height:auto;aspect-ratio:var(--scene-ratio)}.hero-image img,.curved .hero-image img{width:var(--scene-width);left:var(--scene-left);top:var(--scene-top)}.hero-image .image-caption{font-size:.75rem;padding:30px 15px 10px}.light .brand .e,.light .brand .blaster{color:#926300}.light .brand-sub{color:var(--soft)}
