:root{
  --navy:#051a43;
  --navy-2:#09285d;
  --blue:#075fe5;
  --blue-2:#0c79ff;
  --cyan:#1eb6ff;
  --text:#0b1830;
  --muted:#67738a;
  --line:#e7ecf4;
  --soft:#f5f8fc;
  --white:#fff;
  --green:#18b84a;
  --shadow:0 22px 70px rgba(7,29,77,.14);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.section-pad{padding:92px 0}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,29,76,.07)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;width:175px;height:62px;overflow:hidden}
.brand img{width:165px;object-fit:contain}
.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.nav a{position:relative;padding:32px 0;color:#14264b}
.nav a:after{content:"";position:absolute;left:0;bottom:21px;width:0;height:2px;background:var(--blue);transition:.25s}
.nav a:hover:after{width:100%}
.header-actions{display:flex;align-items:center;gap:12px}.wa-dot{font-size:16px}
.menu-btn{display:none;width:46px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;cursor:pointer}.menu-btn span{display:block;height:2px;background:var(--navy);margin:5px 0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;font-weight:800;transition:.25s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 12px 30px rgba(5,95,229,.24)}
.btn-header{padding:13px 18px;font-size:13px}
.btn-lg{padding:17px 22px}
.btn-xl{padding:20px 28px;font-size:16px}
.btn-ghost{border:1px solid #cbd7e8;background:#fff;color:var(--navy)}
.btn-white{background:#fff;color:var(--navy)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 14px 30px rgba(24,184,74,.25)}

.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 25%,#eaf4ff 0,rgba(234,244,255,0) 34%),linear-gradient(180deg,#fff,#f8fbff)}
.hero:before{content:"";position:absolute;width:680px;height:680px;border:110px solid rgba(7,95,229,.06);border-radius:50%;right:-250px;top:-230px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:590px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}.eyebrow span{width:34px;height:2px;background:currentColor}.eyebrow.center{justify-content:center}.eyebrow.light{color:#8bd1ff}
.hero h1,.section-heading h2,.shock-copy h2,.store-copy h2,.cta-inner h2{font-family:"Barlow Condensed",Inter,sans-serif;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;margin:0}
.hero h1{font-size:clamp(58px,6vw,86px);max-width:650px;color:var(--navy);font-weight:900}.hero h1 em{font-style:normal;color:var(--blue);display:block}
.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px;margin:26px 0 28px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:14px;margin-top:28px}.avatars{display:flex}.avatars span{width:34px;height:34px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #e7eef9;color:var(--blue);font-weight:900}.avatars span:first-child{margin-left:0}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:13px}.hero-trust small{font-size:12px;color:var(--muted);margin-top:4px}

.hero-visual{height:540px;position:relative}.hero-shape{position:absolute;border-radius:42px;transform:rotate(-9deg)}.hero-shape-a{inset:72px 14px 34px 72px;background:linear-gradient(150deg,#0c6bea,#053071)}.hero-shape-b{width:230px;height:230px;right:-32px;top:18px;border:35px solid rgba(30,182,255,.18);border-radius:50%}
.visual-card{position:absolute;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:6px solid #fff}.visual-card img{width:100%;height:100%;object-fit:cover}.main-photo{width:310px;height:410px;left:36px;top:46px;transform:rotate(-2deg)}.mini-photo{width:190px;height:235px}.mini-a{right:0;top:52px;transform:rotate(4deg)}.mini-b{right:25px;bottom:2px;transform:rotate(-3deg)}.floating-badge{position:absolute;left:4px;bottom:2px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 18px 50px rgba(0,0,0,.16);border-left:4px solid var(--blue)}.floating-badge b,.floating-badge span{display:block}.floating-badge b{color:var(--navy);font-size:14px}.floating-badge span{font-size:11px;color:var(--muted);margin-top:3px}

.benefit-bar{background:linear-gradient(90deg,var(--navy),#0a347b);color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:26px 28px;display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.12)}.benefit:last-child{border-right:0}.benefit .icon{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-weight:900}.benefit b,.benefit small{display:block}.benefit b{font-size:13px;text-transform:uppercase}.benefit small{font-size:11px;color:#b8c8e5;margin-top:4px;line-height:1.4}

.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{font-size:52px;color:var(--navy)}.section-heading p{color:var(--muted);margin:13px auto 0;max-width:630px}.categories{background:#fff}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;transition:.3s;box-shadow:0 10px 35px rgba(6,29,76,.05)}.category-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(6,29,76,.12)}.cat-media{height:260px;background:#eef3f8;overflow:hidden}.cat-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.category-card:hover .cat-media img{transform:scale(1.04)}.cat-body{padding:24px}.cat-body h3{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:29px;text-transform:uppercase;color:var(--navy)}.cat-body p{color:var(--muted);font-size:14px;margin:8px 0 18px}.cat-body a{font-size:13px;color:var(--blue);font-weight:800}

.shock-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 20%,#1154ad 0,#08285f 38%,#04173c 100%)}.shock-section:after{content:"";position:absolute;width:420px;height:420px;border:70px solid rgba(255,255,255,.035);border-radius:50%;left:-210px;bottom:-240px}.shock-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;position:relative;z-index:1}.shock-copy h2{font-size:62px}.shock-copy p{color:#c5d3eb;font-size:17px;line-height:1.7}.check-list{display:grid;gap:11px;margin:24px 0 30px}.check-list span{font-size:14px;color:#e8f1ff}.shock-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch}.shock-img{width:100%;height:420px;object-fit:cover;border-radius:24px;border:7px solid rgba(255,255,255,.08)}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.model-grid span{min-height:78px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:800}

.why{background:var(--soft)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;min-height:230px}.why-number{font-family:"Barlow Condensed",sans-serif;font-size:44px;font-weight:900;color:#dce9fb}.why-card h3{margin:4px 0 10px;font-size:18px;color:var(--navy)}.why-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}

.store-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.store-photo{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}.store-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);border-radius:inherit}.store-photo img{width:100%;height:440px;object-fit:cover}.store-copy h2{font-size:58px;color:var(--navy)}.store-copy p{color:var(--muted);font-size:16px;line-height:1.7}.store-copy .address{font-weight:800;color:var(--navy);margin-top:20px}.store-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:26px}.text-link{font-weight:800;font-size:14px;color:var(--blue)}

.cta-section{padding:30px 0 80px}.cta-inner{background:linear-gradient(120deg,#f7fbff,#eaf4ff);border:1px solid #dce8f6;border-radius:28px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--blue)}.cta-inner h2{font-size:44px;color:var(--navy);margin-top:8px}.cta-inner p{margin:10px 0 0;color:var(--muted);max-width:680px;line-height:1.6}

.footer{background:#041635;color:#fff;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-brand img{width:180px;filter:brightness(0) invert(1)}.footer-brand p{color:#aebed8;max-width:300px;font-size:13px;line-height:1.6}.footer h4{text-transform:uppercase;font-size:13px;margin:0 0 15px}.footer a,.footer span{display:block;color:#aebed8;font-size:13px;margin:9px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:20px;color:#7f92b0;font-size:12px}
.floating-wa{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;font-size:13px;box-shadow:0 18px 45px rgba(24,184,74,.35);z-index:950;border:4px solid #fff}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}

@media(max-width:980px){
  .nav{position:fixed;top:86px;left:20px;right:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;padding:14px;display:none;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px 10px}.nav a:after{display:none}.menu-btn{display:block}.btn-header{display:none}
  .hero-grid,.shock-grid,.store-grid{grid-template-columns:1fr}.hero-grid{gap:20px}.hero-visual{margin-top:15px}.benefit-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card:last-child{grid-column:1/-1}.why-grid{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.shock-showcase{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,1180px)}.section-pad{padding:66px 0}.header-inner{height:76px}.nav{top:76px}.brand{width:145px}.brand img{width:140px}
  .hero-grid{min-height:auto}.hero h1{font-size:54px}.hero-copy>p{font-size:16px}.hero-cta{display:grid}.btn-lg{width:100%}.hero-visual{height:480px}.main-photo{width:250px;height:350px;left:8px}.mini-photo{width:150px;height:200px}.mini-a{right:-5px}.mini-b{right:5px}.hero-shape-a{left:42px}.floating-badge{left:0}
  .benefit-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.category-grid,.why-grid{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.section-heading h2{font-size:42px}.shock-copy h2{font-size:48px}.shock-showcase{grid-template-columns:1fr}.shock-img{height:360px}.model-grid{grid-template-columns:repeat(4,1fr)}.model-grid span{min-height:58px;font-size:15px}.store-photo img{height:320px}.store-copy h2{font-size:48px}.cta-inner{padding:30px 24px}.cta-inner h2{font-size:38px}.btn-xl{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn:hover,.category-card:hover{transform:none}}