/* ============================================================
   BLACK COOKER — DESIGN TOKENS
   ============================================================ */
:root{
  --charcoal-950:#0d0c0a;
  --charcoal-900:#14120f;
  --charcoal-800:#1c1a16;
  --charcoal-700:#282520;
  --charcoal-600:#3a352c;
  --line:#332f27;
  --off-white:#f5f1ea;
  --off-white-dim:#c9c3b6;
  --gray:#8a8479;
  --copper:#c9713f;
  --copper-bright:#e6905c;
  --copper-dim:#8a4f2e;
  --copper-glow: rgba(201,113,63,0.35);

  --font-fa: 'Vazirmatn', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --ease-out: cubic-bezier(.16,.84,.44,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);

  --container: 1360px;
  --gutter: clamp(20px, 5vw, 80px);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:auto;}
body{
  margin:0;
  background:var(--charcoal-900);
  color:var(--off-white);
  font-family:var(--font-fa);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  cursor:default;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,p{margin:0;}
.ltr{direction:ltr;unicode-bidi:isolate;}
.mono{font-family:var(--font-mono);letter-spacing:0.01em;}

::selection{background:var(--copper);color:var(--charcoal-950);}

:focus-visible{outline:2px solid var(--copper-bright);outline-offset:4px;}

.skip-link{
  position:absolute;top:-100px;right:16px;z-index:999;
  background:var(--copper);color:var(--charcoal-950);padding:12px 20px;
  border-radius:4px;transition:top .2s;
}
.skip-link:focus{top:16px;}

.wrap{
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

/* eyebrow / label */
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--copper);
}
.eyebrow::before{
  content:''; width:24px; height:1px; background:var(--copper);
}

/* cursor heat glow — signature interaction */
.heat-cursor{
  position:fixed; inset:0; pointer-events:none; z-index:40;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle, var(--copper-glow) 0%, rgba(201,113,63,0) 68%);
  transform:translate(-50%,-50%);
  opacity:0; transition:opacity .4s var(--ease-out);
  mix-blend-mode:screen;
}
.heat-cursor.is-active{opacity:1;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}
}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed; top:0; inset-inline:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:26px var(--gutter);
  transition:background .4s var(--ease-out), padding .4s var(--ease-out), backdrop-filter .4s;
  background:transparent;
}
.nav.is-scrolled{
  padding:16px var(--gutter);
  background:rgba(13,12,10,0.72);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.nav__logo{
  font-family:var(--font-mono); font-weight:700; font-size:18px;
  letter-spacing:.04em; color:var(--off-white); display:flex; align-items:center; gap:8px;
}
.nav__logo span{color:var(--copper);}
.nav__links{display:flex; gap:36px; font-size:14.5px;}
.nav__links a{position:relative; padding:4px 0; color:var(--off-white-dim); transition:color .25s;}
.nav__links a::after{
  content:''; position:absolute; right:0; bottom:0; width:0; height:1px; background:var(--copper);
  transition:width .3s var(--ease-out);
}
.nav__links a:hover{color:var(--off-white);}
.nav__links a:hover::after{width:100%;}
.nav__actions{display:flex; align-items:center; gap:22px;}
.nav__icon-btn{width:20px; height:20px; opacity:.85; transition:opacity .2s, transform .2s;}
.nav__icon-btn:hover{opacity:1; transform:translateY(-1px);}
.nav__burger{display:none;}

@media (max-width:900px){
  .nav__links{display:none;}
  .nav__burger{display:block; width:24px; height:18px; position:relative;}
  .nav__burger span{position:absolute; inset-inline:0; height:1.5px; background:var(--off-white); transition:transform .3s, opacity .3s;}
  .nav__burger span:nth-child(1){top:0;}
  .nav__burger span:nth-child(2){top:8px;}
  .nav__burger span:nth-child(3){top:16px;}
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  padding:16px 30px; font-size:14.5px; font-weight:500; border-radius:2px;
  transition:transform .35s var(--ease-out), background .3s, color .3s, border-color .3s;
  white-space:nowrap;
}
.btn-primary{background:var(--copper); color:var(--charcoal-950);}
.btn-primary:hover{background:var(--copper-bright); transform:translateY(-2px);}
.btn-ghost{border:1px solid var(--line); color:var(--off-white);}
.btn-ghost:hover{border-color:var(--copper); color:var(--copper-bright); transform:translateY(-2px);}
.btn svg{width:16px; height:16px; transition:transform .3s var(--ease-out);}
.btn-primary:hover svg{transform:translateX(-4px);}

/* ============================================================
   SECTION 01 — HERO
   ============================================================ */
.hero{
  position:relative; min-height:100svh; display:flex; align-items:center;
  overflow:hidden; padding-top:90px;
  background:
    radial-gradient(ellipse 80% 60% at 75% 30%, rgba(201,113,63,0.10), transparent 60%),
    var(--charcoal-900);
}
.hero__grid{
  width:100%; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:40px;
}
.hero__copy{position:relative; z-index:3;}
.hero__title{
  font-size:clamp(46px, 6.4vw, 96px); font-weight:800; line-height:1.04; letter-spacing:-0.01em;
  color:var(--off-white); margin-bottom:28px;
}
.hero__title em{font-style:normal; color:var(--copper-bright);}
.hero__sub{
  max-width:480px; font-size:17px; line-height:1.9; color:var(--off-white-dim); margin-bottom:40px;
}
.hero__ctas{display:flex; gap:16px; flex-wrap:wrap;}

.hero__visual{
  position:relative; aspect-ratio:1/1.05; display:flex; align-items:center; justify-content:center;
}
.product-plate{
  position:relative; width:100%; height:100%; border-radius:6px; overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(201,113,63,0.28), transparent 62%),
    linear-gradient(180deg, var(--charcoal-800), var(--charcoal-950));
  border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
}
.product-plate .icon-holder{width:56%; color:var(--off-white); filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));}
.img-tag{
  position:absolute; bottom:14px; inset-inline-start:16px; z-index:4;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.03em; color:var(--gray);
  direction:ltr; text-align:left;
  padding:5px 9px; border:1px solid var(--line); border-radius:3px; background:rgba(13,12,10,.5);
}
.hero__scroll{
  position:absolute; bottom:38px; inset-inline-start:50%; transform:translateX(50%);
  display:flex; flex-direction:column; align-items:center; gap:10px; z-index:3;
}
.hero__scroll span{font-family:var(--font-mono); font-size:10.5px; letter-spacing:.14em; color:var(--gray); text-transform:uppercase;}
.hero__scroll-line{width:1px; height:46px; background:linear-gradient(var(--copper), transparent); position:relative; overflow:hidden;}
.hero__scroll-line i{position:absolute; top:-100%; inset-inline:0; height:100%; background:var(--off-white); animation:scrollDrop 2.2s var(--ease-in-out) infinite;}
@keyframes scrollDrop{ 0%{top:-100%;} 60%{top:100%;} 100%{top:100%;} }

@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr; text-align:center;}
  .hero__copy{order:2;}
  .hero__sub{margin-inline:auto;}
  .hero__ctas{justify-content:center;}
  .hero__visual{order:1; aspect-ratio:4/3; margin-bottom:20px;}
}

/* ============================================================
   SECTION 02 — BRAND STATEMENT
   ============================================================ */
.statement{
  padding:min(22vw,240px) var(--gutter) min(22vw,240px);
  text-align:center; position:relative;
}
.statement__headline{
  font-size:clamp(32px, 5.2vw, 74px); font-weight:700; line-height:1.35;
  max-width:1180px; margin-inline:auto;
}
.statement__line{overflow:hidden; display:block;}
.statement__line span{display:inline-block; will-change:transform;}
.statement__accent{color:var(--copper);}
.statement__sub{
  max-width:640px; margin:34px auto 0; color:var(--off-white-dim); font-size:16.5px; line-height:2;
}

/* ============================================================
   SECTION 03 — CATEGORY SHOWCASE
   ============================================================ */
.section-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  margin-bottom:56px; flex-wrap:wrap;
}
.section-head h2{font-size:clamp(30px,4vw,52px); font-weight:700; letter-spacing:-.01em;}
.section-head p{max-width:360px; color:var(--off-white-dim); font-size:15px; line-height:1.8;}

.category-grid{
  display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(2,340px); gap:14px;
}
.cat-tile{grid-column:span 2;}
.cat-tile:nth-child(1),.cat-tile:nth-child(4){grid-column:span 3;}
.cat-tile{
  position:relative; border-radius:4px; overflow:hidden; border:1px solid var(--line);
  background:linear-gradient(160deg, var(--charcoal-800), var(--charcoal-950));
}
.cat-tile__img{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 60% 30%, rgba(201,113,63,0.16), transparent 60%);
  transition:transform .7s var(--ease-out);
}
.cat-tile__img svg{width:42%; color:var(--off-white-dim); transition:color .4s;}
.cat-tile__overlay{
  position:absolute; inset:0; background:linear-gradient(0deg, rgba(9,8,7,.92) 0%, rgba(9,8,7,.15) 55%, transparent 100%);
  transition:background .4s;
}
.cat-tile__body{
  position:absolute; inset-inline:0; bottom:0; padding:26px; z-index:2;
  display:flex; flex-direction:column; gap:8px;
}
.cat-tile__num{font-family:var(--font-mono); font-size:11px; color:var(--copper); letter-spacing:.1em;}
.cat-tile__body h3{font-size:24px; font-weight:700; transition:transform .35s var(--ease-out);}
.cat-tile__body p{font-size:13.5px; color:var(--off-white-dim); max-width:280px; line-height:1.7;
  max-height:0; opacity:0; overflow:hidden; transition:max-height .4s var(--ease-out), opacity .3s;}
.cat-tile__cta{
  display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--off-white); margin-top:6px;
}
.cat-tile__cta svg{width:14px; height:14px; transition:transform .3s var(--ease-out);}

.cat-tile:hover .cat-tile__img{transform:scale(1.08);}
.cat-tile:hover .cat-tile__img svg{color:var(--copper-bright);}
.cat-tile:hover .cat-tile__overlay{background:linear-gradient(0deg, rgba(9,8,7,.96) 0%, rgba(9,8,7,.35) 60%, rgba(9,8,7,.1) 100%);}
.cat-tile:hover .cat-tile__body h3{transform:translateY(-4px);}
.cat-tile:hover .cat-tile__body p{max-height:60px; opacity:1;}
.cat-tile:hover .cat-tile__cta svg{transform:translateX(-5px);}

@media (max-width:900px){
  .category-grid{grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,240px);}
  .cat-tile,.cat-tile:nth-child(1),.cat-tile:nth-child(4){grid-column:span 1;}
  .cat-tile__body p{max-height:60px; opacity:1;}
}
@media (max-width:560px){
  .category-grid{grid-template-columns:1fr; grid-template-rows:repeat(6,240px);}
}

/* ============================================================
   SECTION 04 — FEATURED PRODUCT (pinned)
   ============================================================ */
.feature-pin{position:relative; height:340vh;}
.feature-pin__stage{
  position:sticky; top:0; height:100svh; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(201,113,63,.12), transparent 70%), var(--charcoal-950);
}
.feature-pin__eyebrow{position:absolute; top:100px; inset-inline-start:var(--gutter); z-index:5;}
.feature-pin__headline{
  position:absolute; top:150px; inset-inline-start:var(--gutter); z-index:5;
  font-size:clamp(30px,4.6vw,58px); font-weight:800; line-height:1.15;
}
.feature-pin__product{
  position:relative; width:min(50vw,560px); aspect-ratio:1; z-index:3;
  opacity:0;
}
.feature-pin__product .product-plate{border-radius:50%;}
.feature-pin__model{
  position:absolute; bottom:90px; inset-inline-start:var(--gutter); z-index:5;
  font-family:var(--font-mono); font-size:14px; color:var(--gray);
}
.feature-pin__model b{color:var(--off-white); font-size:20px; display:block; margin-bottom:4px;}

.spec-tag{
  position:absolute; z-index:6; display:flex; flex-direction:column; gap:2px;
  padding:10px 16px; border:1px solid var(--line); border-radius:3px;
  background:rgba(13,12,10,.55); backdrop-filter:blur(6px);
  opacity:0; transform:translateY(14px);
}
.spec-tag b{font-family:var(--font-mono); font-size:16px; color:var(--copper-bright);}
.spec-tag span{font-size:11px; color:var(--off-white-dim); letter-spacing:.04em;}
.spec-tag--1{top:16%; inset-inline-start:8%;}
.spec-tag--2{top:12%; inset-inline-end:8%;}
.spec-tag--3{bottom:22%; inset-inline-start:6%;}
.spec-tag--4{bottom:24%; inset-inline-end:6%;}
.spec-tag--5{top:46%; inset-inline-end:2%;}
.spec-tag--6{top:50%; inset-inline-start:1%;}

@media (max-width:900px){
  .feature-pin{height:auto;}
  .feature-pin__stage{position:relative; height:auto; padding:120px var(--gutter) 60px; flex-direction:column; align-items:flex-start; gap:40px;}
  .feature-pin__eyebrow,.feature-pin__headline,.feature-pin__model{position:relative; top:auto; inset-inline-start:auto; bottom:auto;}
  .feature-pin__product{width:100%; opacity:1 !important;}
  .spec-tag{position:relative; inset:auto !important; opacity:1 !important; transform:none !important; display:inline-flex; flex-direction:row; gap:8px; align-items:baseline; margin:4px;}
}

/* ============================================================
   SECTION 05 — PERFORMANCE (dark, stat blocks)
   ============================================================ */
.performance{
  position:relative; padding:160px var(--gutter); background:var(--charcoal-950);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  overflow:hidden;
}
.performance::before{
  content:''; position:absolute; inset:0; z-index:0;
  background:radial-gradient(circle at 85% 20%, rgba(201,113,63,.10), transparent 55%);
}
.performance__head{position:relative; z-index:2; text-align:center; margin-bottom:90px;}
.performance__head h2{font-size:clamp(30px,4.4vw,54px); font-weight:700; margin-top:18px;}
.stat-grid{position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line);}
.stat{background:var(--charcoal-950); padding:52px 30px; text-align:center;}
.stat b{
  display:block; font-family:var(--font-mono); font-size:clamp(36px,4vw,58px); font-weight:700;
  color:var(--off-white); margin-bottom:12px;
}
.stat b .unit{color:var(--copper-bright); font-size:0.55em;}
.stat span{font-size:12px; letter-spacing:.12em; color:var(--gray); text-transform:uppercase;}
@media (max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr);}}

/* ============================================================
   SECTION 06 — LIFESTYLE PARALLAX
   ============================================================ */
.lifestyle{position:relative; height:120vh; overflow:hidden;}
.lifestyle__layer{position:absolute; inset:0; will-change:transform;}
.lifestyle__bg{background:linear-gradient(180deg,#1a1712,#0d0c0a); }
.lifestyle__bg svg{position:absolute; inset:0; width:100%; height:100%; opacity:.5;}
.lifestyle__mid{
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(ellipse 60% 50% at 50% 55%, rgba(201,113,63,.14), transparent 70%);
}
.lifestyle__mid .kitchen-frame{
  width:min(78vw,1100px); aspect-ratio:16/8; border:1px solid var(--line); border-radius:4px;
  background:linear-gradient(160deg, var(--charcoal-800), var(--charcoal-900));
  position:relative; overflow:hidden;
}
.lifestyle__fg{display:flex; align-items:flex-end; justify-content:center; padding-bottom:8%;}
.lifestyle__fg .product-plate{width:220px; height:220px; border-radius:8px;}
.lifestyle__copy{
  position:absolute; z-index:5; inset-inline:0; top:10%; text-align:center; padding-inline:var(--gutter);
}
.lifestyle__copy h2{font-size:clamp(30px,4.4vw,58px); font-weight:800; margin-bottom:20px;}
.lifestyle__copy p{max-width:520px; margin-inline:auto; color:var(--off-white-dim); font-size:16px; line-height:1.9;}

/* ============================================================
   SECTION 07 — FEATURED PRODUCTS (horizontal)
   ============================================================ */
.products{padding:180px 0; overflow:hidden;}
.products .section-head{padding-inline:var(--gutter);}
.product-row{
  display:flex; gap:20px; padding-inline:var(--gutter); overflow-x:auto; scroll-snap-type:x proximity;
  padding-bottom:20px; scrollbar-width:thin; scrollbar-color:var(--copper-dim) transparent;
}
.product-row::-webkit-scrollbar{height:4px;}
.product-row::-webkit-scrollbar-thumb{background:var(--copper-dim);}
.woocommerce .products ul, .woocommerce ul.products {display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {content:normal;}
.product-card{
  flex:0 0 300px; scroll-snap-align:start; border:1px solid var(--line); border-radius:4px; overflow:hidden;
  background:var(--charcoal-800); transition:transform .4s var(--ease-out), border-color .4s;
}
.product-card:hover{transform:translateY(-6px); border-color:var(--copper-dim);}
.product-card__media{
  aspect-ratio:1; display:flex; align-items:center; justify-content:center; position:relative;
  background:radial-gradient(circle at 55% 30%, rgba(201,113,63,.2), transparent 65%), var(--charcoal-900);
}
.product-card__media svg{width:96%; color:var(--off-white-dim);}
.product-card__body{padding:22px;}
.product-card__title {}
.product-card__cat{font-size:11.5px; color:var(--copper); letter-spacing:.06em; margin-bottom:6px;}
.product-card__model{font-family:var(--font-mono); font-size:12px; color:var(--gray); margin-bottom:10px;}
.product-card__feat{font-size:14.5px; color:var(--off-white-dim); margin-bottom:16px; line-height:1.6; min-height:44px;}
.product-card__foot{display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-top:16px;}
.product-card__price{font-family:var(--font-mono); font-weight:600; font-size:15px;}
.product-card__price small{font-size:11px; color:var(--gray); font-weight:400; margin-inline-start:4px;}
.product-card__link{font-size:13px; display:flex; align-items:center; gap:6px; color:var(--off-white);}
.product-card__link svg{width:13px;height:13px; transition:transform .3s;}
.product-card:hover .product-card__link svg{transform:translateX(-4px);}

/* ============================================================
   SECTION 08 — WHY BLACK COOKER
   ============================================================ */
.why{padding:160px var(--gutter); border-top:1px solid var(--line);}
.why-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); margin-top:60px;}
.why-item{background:var(--charcoal-900); padding:48px 34px; min-height:280px; display:flex; flex-direction:column; justify-content:space-between;}
.why-item__num{font-family:var(--font-mono); font-size:14px; color:var(--copper);}
.why-item h3{font-size:22px; font-weight:700; line-height:1.4; margin:20px 0 12px;}
.why-item p{font-size:14px; color:var(--off-white-dim); line-height:1.8;}
@media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr;}}

/* ============================================================
   SECTION 09 — PRODUCT DISCOVERY
   ============================================================ */
.finder{padding:160px var(--gutter); background:var(--charcoal-950); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.finder__panel{
  display:flex; flex-wrap:wrap; gap:12px; margin:50px 0 60px; padding:28px; border:1px solid var(--line); border-radius:6px;
  background:var(--charcoal-900);
}
.finder__group{display:flex; flex-direction:column; gap:10px; flex:1 1 200px;}
.finder__group label{font-size:12px; color:var(--gray); letter-spacing:.05em;}
.finder__chip-row{display:flex; flex-wrap:wrap; gap:8px;}
.chip{
  padding:9px 16px; font-size:13px; border:1px solid var(--line); border-radius:20px; color:var(--off-white-dim);
  transition:all .25s var(--ease-out);
}
.chip:hover{border-color:var(--copper-dim); color:var(--off-white);}
.chip.is-active{background:var(--copper); border-color:var(--copper); color:var(--charcoal-950); font-weight:600;}
.finder__results{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.finder__results .product-card{flex:none;}
.finder__empty{grid-column:1/-1; text-align:center; padding:60px 20px; color:var(--gray); font-size:14px; display:none;}
@media (max-width:900px){.finder__results{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.finder__results{grid-template-columns:1fr;}}

/* ============================================================
   SECTION 10 — BRAND STORY
   ============================================================ */
.story{padding:180px var(--gutter); position:relative; overflow:hidden;}
.story__head{max-width:640px; margin-bottom:100px;}
.story__head h2{font-size:clamp(30px,4.6vw,58px); font-weight:800; margin:18px 0 24px;}
.story__head p{color:var(--off-white-dim); font-size:16px; line-height:1.9;}
.timeline{position:relative; display:flex; flex-direction:column; gap:0;}
.timeline::before{content:''; position:absolute; top:0; bottom:0; inset-inline-start:90px; width:1px; background:var(--line);}
.timeline-item{display:grid; grid-template-columns:180px 1fr; gap:40px; padding:44px 0; border-bottom:1px solid var(--line); align-items:center;}
.timeline-item:first-child{padding-top:0;}
.timeline-item__year{font-family:var(--font-mono); font-size:clamp(32px,3vw,48px); font-weight:700; color:var(--copper); position:relative;}
.timeline-item__body h4{font-size:19px; font-weight:700; margin-bottom:8px;}
.timeline-item__body p{font-size:14.5px; color:var(--off-white-dim); line-height:1.8; max-width:520px;}
@media (max-width:700px){
  .timeline-item{grid-template-columns:1fr; gap:10px;}
  .timeline::before{display:none;}
}

/* ============================================================
   SECTION 11 — FINAL CTA
   ============================================================ */
.final-cta{
  position:relative; min-height:90vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; overflow:hidden; background:var(--charcoal-950); border-top:1px solid var(--line);
  padding:100px var(--gutter) 0;
}
.final-cta::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 50% at 50% 20%, rgba(201,113,63,.14), transparent 60%);
}
.final-cta__headline{position:relative; z-index:3; font-size:clamp(34px,5.6vw,80px); font-weight:800; line-height:1.15; margin-bottom:40px;}
.final-cta__ctas{position:relative; z-index:3; display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:60px;}
.final-cta__product{
  position:relative; z-index:2; width:min(60vw,620px); aspect-ratio:16/10; margin-top:auto;
  transform:translateY(28%);
}
.final-cta__product .product-plate{border-radius:8px 8px 0 0;}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--charcoal-950); border-top:1px solid var(--line); padding:90px var(--gutter) 30px;}
.footer__top{display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:40px; padding-bottom:70px;}
.footer__brand .nav__logo{margin-bottom:18px;}
.footer__brand p{color:var(--gray); font-size:13.5px; line-height:1.9; max-width:280px;}
.footer__social{display:flex; gap:14px; margin-top:24px;}
.footer__social a{width:34px; height:34px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color .25s, color .25s;}
.footer__social a:hover{border-color:var(--copper); color:var(--copper-bright);}
.footer__social svg{width:15px; height:15px;}
.footer-col h5{font-size:13px; color:var(--off-white); margin-bottom:20px; letter-spacing:.03em;}
.footer-col ul{display:flex; flex-direction:column; gap:13px;}
.footer-col a{font-size:14px; color:var(--off-white-dim); transition:color .2s;}
.footer-col a:hover{color:var(--copper-bright);}
.footer__bottom{
  display:flex; justify-content:space-between; align-items:center; padding-top:26px; border-top:1px solid var(--line);
  font-size:12.5px; color:var(--gray); flex-wrap:wrap; gap:10px;
}
@media (max-width:900px){
  .footer__top{grid-template-columns:1fr 1fr; row-gap:50px;}
  .footer__brand{grid-column:1/-1;}
}

/* generic section spacing */
.section{padding:160px var(--gutter);}
@media (max-width:700px){
  .section{padding:100px var(--gutter);}
  .statement{padding:120px var(--gutter);}
  .performance,.why,.finder,.story{padding:100px var(--gutter);}
}