:root{
      --navy:#071827;--navy2:#0c2942;--sky:#48a9e6;--cyan:#8bd8ff;
      --gold:#f4b942;--cream:#f7f3ec;--white:#fff;--ink:#14222e;
      --muted:#65727d;--line:rgba(255,255,255,.16);--max:1180px;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
    img{display:block;max-width:100%} a{text-decoration:none;color:inherit}
    .skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:1000;background:#fff;padding:.7rem 1rem}
    .topbar{position:absolute;inset:0 0 auto;z-index:20;color:#fff}
    .nav{width:min(var(--max),calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 0}
    .brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;line-height:1.15}
    .brand span{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.23em;margin-top:5px}
    .navlinks{display:flex;gap:22px;align-items:center;font-size:.93rem}.navlinks a{opacity:.88}.navlinks a:hover{opacity:1}
    .nav-cta{border:1px solid rgba(255,255,255,.5);padding:10px 16px}
    .hero{min-height:88vh;position:relative;display:grid;align-items:end;color:#fff;overflow:hidden;background:var(--navy)}
    .hero::before{content:"";position:absolute;inset:0;background:url('img/hero.webp') center 44%/cover no-repeat;transform:scale(1.02)}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,28,.9) 0%,rgba(3,20,34,.64) 43%,rgba(2,17,29,.12) 72%),linear-gradient(0deg,rgba(4,20,33,.87) 0%,transparent 48%)}
    .hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 32px));margin:auto;padding:160px 0 88px}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.78rem;color:var(--cyan)}
    .eyebrow::before{content:"";width:42px;height:2px;background:var(--gold)}
    h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.05;margin:0}
    h1{font-size:clamp(3.1rem,8vw,7rem);max-width:900px;margin-top:20px;font-weight:600;letter-spacing:-.04em}
    .hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:680px;color:rgba(255,255,255,.9);margin:24px 0 32px}
    .actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;font-weight:800;letter-spacing:.01em;transition:.2s;border:1px solid transparent}
    .btn-primary{background:var(--gold);color:#10202c}.btn-primary:hover{transform:translateY(-2px);background:#ffd06a}
    .btn-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.06)}.btn-ghost:hover{background:rgba(255,255,255,.14)}
    .trust{position:relative;z-index:3;background:#fff;border-bottom:1px solid #dde3e8}
    .trust-grid{width:min(var(--max),calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
    .trust-item{padding:24px 22px;border-right:1px solid #e5e9ec}.trust-item:last-child{border-right:0}.trust strong{display:block;font-size:1rem}.trust small{color:var(--muted)}
    section{padding:100px 0}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
    .intro{text-align:center;max-width:850px;margin:auto}.intro h2{font-size:clamp(2.3rem,5vw,4.3rem);color:var(--navy)}.intro p{font-size:1.15rem;color:var(--muted);margin:24px auto 0;max-width:760px}
    .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:54px}
    .choice{position:relative;min-height:620px;overflow:hidden;color:#fff;display:flex;align-items:end;background:#000}
    .choice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.choice:hover img{transform:scale(1.035)}
    .choice::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,30,.94) 0%,rgba(4,18,30,.32) 58%,rgba(4,18,30,.08))}
    .choice-content{position:relative;z-index:2;padding:38px}.kicker{text-transform:uppercase;font-size:.74rem;letter-spacing:.17em;font-weight:800;color:var(--cyan)}
    .choice h3{font-size:clamp(2rem,4vw,3.6rem);margin:8px 0 16px}.choice p{color:rgba(255,255,255,.88);max-width:540px}
    .facts{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 28px}.fact{border-left:2px solid var(--gold);padding-left:12px}.fact b{display:block}.fact span{font-size:.87rem;color:rgba(255,255,255,.7)}
    .split{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:72px}.split.reverse{grid-template-columns:.96fr 1.04fr}
    .photo-stack{position:relative;padding:0 48px 48px 0}.photo-stack img:first-child{width:100%;aspect-ratio:4/5;object-fit:cover}.photo-stack img:last-child{position:absolute;width:45%;right:0;bottom:0;aspect-ratio:1/1;object-fit:cover;border:10px solid var(--cream)}
    .copy h2{font-size:clamp(2.35rem,5vw,4.5rem);color:var(--navy);margin:10px 0 24px}.copy p{font-size:1.06rem;color:#52616d}.quote{font-family:Georgia,serif;font-size:1.55rem;line-height:1.35;color:var(--navy);border-left:4px solid var(--gold);padding-left:22px;margin:30px 0}
    .mini-list{display:grid;gap:12px;margin:26px 0}.mini-list div{display:flex;gap:12px;align-items:flex-start}.mini-list i{font-style:normal;color:#0d7caa;font-weight:900}
    .dark{background:var(--navy);color:#fff}.dark .intro h2{color:#fff}.dark .intro p{color:rgba(255,255,255,.72)}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px;background:transparent}
    .compare-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c2942 0%,#103b5d 100%);padding:42px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(2,14,25,.18)}
    .compare-card::before{content:"";position:absolute;width:190px;height:190px;right:-72px;top:-84px;border-radius:50%;background:rgba(72,169,230,.10)}
    .compare-card .num{position:relative;font-family:Georgia,serif;font-size:4.2rem;font-weight:700;color:var(--gold);line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.18)}
    .compare-card h3{position:relative;font-size:2rem;margin:10px 0 22px;color:#fff !important}
    .compare-card ul{position:relative;padding:0;margin:0;list-style:none;display:grid;gap:12px;color:rgba(255,255,255,.84)}
    .compare-card li{padding:0 0 12px 24px;border-bottom:1px solid rgba(255,255,255,.14);position:relative}
    .compare-card li::before{content:"✓";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900}
    .how{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:46px}.step{background:#fff;padding:28px;border-top:4px solid var(--sky);box-shadow:0 12px 34px rgba(19,42,60,.08)}.step .n{font-family:Georgia,serif;font-size:2.8rem;color:var(--gold);line-height:1}.step h3{font-size:1.35rem;margin:12px 0}.step p{color:var(--muted);font-size:.95rem}
    .notice{margin-top:34px;background:#eef6fb;border-left:5px solid var(--sky);padding:22px 24px;color:#334654}
    .gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:250px;gap:10px;margin-top:42px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:span 2}.gallery img:nth-child(4){grid-column:span 2}
    .faq{max-width:900px;margin:46px auto 0}.faq details{border-bottom:1px solid #d9e0e5;padding:20px 0}.faq summary{cursor:pointer;font-weight:800;font-size:1.07rem}.faq p{color:var(--muted);margin:12px 0 0}
    .cta{position:relative;overflow:hidden;background:#0b2c45;color:#fff}.cta::before{content:"";position:absolute;inset:0;background:url('img/motor-air.webp') center/cover;opacity:.2}.cta .wrap{position:relative;z-index:2;text-align:center}.cta h2{font-size:clamp(2.8rem,6vw,5.5rem);max-width:900px;margin:auto}.cta p{font-size:1.15rem;max-width:700px;margin:22px auto 32px;color:rgba(255,255,255,.82)}
    footer{background:#04111d;color:rgba(255,255,255,.72);padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-grid strong{display:block;color:#fff;margin-bottom:8px}.footer-grid a:hover{color:#fff}.legal{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.83rem}
    .floating{position:fixed;right:18px;bottom:18px;z-index:30;background:#19a85b;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);font-weight:900;font-size:1.2rem}
    @media(max-width:900px){.navlinks a:not(.nav-cta){display:none}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.choice-grid,.split,.split.reverse,.compare{grid-template-columns:1fr}.split{gap:40px}.how{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery img:first-child{grid-row:span 1}.gallery img:nth-child(4){grid-column:span 1}.footer-grid{grid-template-columns:1fr}.choice{min-height:540px}}
    @media(max-width:560px){section{padding:72px 0}.compare-card{padding:30px}.compare-card h3{font-size:1.65rem}.compare-card .num{font-size:3.5rem}.hero{min-height:92vh}.hero-inner{padding:140px 0 70px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid #e5e9ec;padding:16px 4px}.choice-content{padding:26px}.how{grid-template-columns:1fr}.gallery{display:block}.gallery img{margin-bottom:10px;aspect-ratio:4/3}.photo-stack{padding:0 28px 28px 0}.nav{padding-top:18px}.nav-cta{padding:9px 11px;font-size:.8rem}}