/* ===================================================================
   SPALL SPORTS SHARED STYLESHEET
   Used by every page. Keep colors and type scale consistent here.
=================================================================== */

:root{
  --red:#C8102E;
  --red-dim:#8f0c22;
  --gold:#F5A623;
  --bg:#0A0A0A;
  --card:#141414;
  --card-alt:#1a1712;
  --line: rgba(245,166,35,0.18);
  --line-strong: rgba(245,166,35,0.4);
  --white:#FFFFFF;
  --muted:#a6a6a6;
  --muted-dim:#707070;
  --grad: linear-gradient(90deg, var(--red), var(--gold));
  --radius: 3px;
  --maxw: 1180px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:78px;}
body{
  margin:0;
  background:var(--bg);
  color:var(--white);
  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
h1,h2,h3,h4,p,ul{margin:0;}
ul{list-style:none; padding:0;}
button{font-family:inherit; cursor:pointer;}
::selection{background:var(--red); color:var(--white);}

.eyebrow{
  font-family:'Space Mono', monospace;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{
  content:"";
  width:22px; height:1px;
  background:var(--red);
  display:inline-block;
}

.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

h1,h2,h3{font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing:.01em;}

.section-title{
  font-size:clamp(28px, 4vw, 44px);
  font-weight:700;
  margin-top:14px;
  line-height:1.1;
}
.section-title span{color:var(--red);}
.section-sub{
  color:var(--muted);
  max-width:640px;
  margin-top:16px;
  font-size:16px;
}
.section-head{margin-bottom:48px;}

.stitched{
  border:1px dashed var(--line-strong);
  border-radius:var(--radius);
}

/* ============ PAGE HERO (interior pages) ============ */
.page-hero{
  position:relative;
  padding:150px 0 70px;
  overflow:hidden;
  background:
    radial-gradient(ellipse 900px 500px at 15% 0%, rgba(200,16,46,.16), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 20%, rgba(245,166,35,.10), transparent 60%),
    var(--bg);
  border-bottom:1px solid var(--line);
}
.page-hero .eyebrow{margin-bottom:16px;}
.page-hero h1{
  font-family:'Anton', sans-serif; font-weight:400;
  font-size:clamp(32px, 5.5vw, 58px); line-height:1.05;
}
.page-hero h1 span{
  background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.page-hero p{color:var(--muted); font-size:17px; max-width:620px; margin-top:20px;}
.breadcrumb{
  font-family:'Space Mono', monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted-dim); margin-bottom:22px;
}
.breadcrumb a{color:var(--muted); }
.breadcrumb a:hover{color:var(--gold);}

/* ============ NAV ============ */
header.site-nav{
  position:sticky; top:0; z-index:100;
  background:rgba(10,10,10,0.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:var(--maxw); margin:0 auto; padding:0 28px;
  display:flex; align-items:center; justify-content:space-between;
  height:72px;
}
.nav-logo{display:flex; align-items:center; gap:10px;}
.nav-logo img{height:44px; width:44px; object-fit:cover; border-radius:6px;}
.nav-logo .word{font-family:'Oswald',sans-serif; font-weight:700; font-size:17px; letter-spacing:.03em;}
.nav-logo .word span{color:var(--red);}
.nav-logo .word small{
  display:block; font-family:'Space Mono',monospace; font-size:9px; letter-spacing:.14em;
  color:var(--muted-dim); text-transform:uppercase; font-weight:400;
}
nav.links{display:flex; gap:24px; flex-wrap:wrap;}
nav.links a{
  font-family:'Space Mono', monospace;
  font-size:11.5px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted); position:relative; padding:4px 0;
  transition:color .2s;
}
nav.links a:hover, nav.links a:focus-visible{color:var(--white);}
nav.links a.current{color:var(--gold);}
nav.links a::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:2px;
  background:var(--grad); transition:width .25s;
}
nav.links a:hover::after, nav.links a:focus-visible::after{width:100%;}
.nav-cta{display:flex; align-items:center; gap:18px;}
.nav-phone{
  font-family:'Space Mono',monospace; font-size:12px; color:var(--muted); display:none;
}
.btn{
  font-family:'Space Mono', monospace;
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  padding:12px 22px; border-radius:2px; border:1px solid transparent;
  display:inline-flex; align-items:center; gap:8px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
  white-space:nowrap;
}
.btn-primary{
  background:var(--grad); color:var(--bg); font-weight:700; border:none;
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(200,16,46,.35);}
.btn-outline{
  border-color:var(--line-strong); color:var(--white); background:transparent;
}
.btn-outline:hover{border-color:var(--gold); color:var(--gold);}
.menu-toggle{display:none; background:none; border:none; color:var(--white); font-size:22px;}

/* ============ HOME HERO (with video) ============ */
.hero{
  position:relative;
  padding:150px 0 120px;
  overflow:hidden;
  background:var(--bg);
  min-height:92vh;
  display:flex;
  align-items:center;
}
.hero-video-wrap{
  position:absolute; inset:0; overflow:hidden; z-index:0;
}
.hero-video-wrap video{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  min-width:100%; min-height:100%; width:auto; height:auto;
  object-fit:cover;
}
.hero-video-wrap::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(10,10,10,.55) 0%, rgba(10,10,10,.72) 55%, rgba(10,10,10,.95) 100%),
    radial-gradient(ellipse 900px 500px at 15% 0%, rgba(200,16,46,.22), transparent 60%);
}
.hero-noise{
  position:absolute; inset:0; z-index:1;
  background-image: repeating-linear-gradient(180deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 1px, transparent 1px, transparent 3px);
  pointer-events:none;
}
.hero-inner{position:relative; z-index:2; max-width:840px;}
.hero-tag{
  font-family:'Space Mono', monospace;
  font-size:12px; color:var(--gold); letter-spacing:.2em; text-transform:uppercase;
  border:1px solid var(--line-strong); display:inline-block; padding:6px 14px; margin-bottom:28px;
  border-radius:2px; background:rgba(10,10,10,.5);
}
.hero h1{
  font-family:'Anton', sans-serif;
  font-weight:400;
  font-size:clamp(38px, 7vw, 78px);
  line-height:1.02;
  letter-spacing:.005em;
}
.hero h1 .line2{color:transparent; -webkit-text-stroke:1.5px var(--white);}
.hero h1 .accent{
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero p.lead{
  margin-top:26px; font-size:18px; color:var(--muted); max-width:560px;
}
.hero-actions{display:flex; gap:16px; margin-top:40px; flex-wrap:wrap;}
.hero-stats{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px;
  margin-top:80px; max-width:640px;
  background:var(--line);
  border:1px solid var(--line);
}
.hero-stats div{background:rgba(10,10,10,.75); padding:22px 20px;}
.hero-stats .num{font-family:'Oswald',sans-serif; font-weight:700; font-size:32px; color:var(--gold);}
.hero-stats .lbl{font-family:'Space Mono',monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-dim); margin-top:6px;}

.video-toggle{
  position:absolute; bottom:28px; right:28px; z-index:3;
  width:42px; height:42px; border-radius:50%;
  background:rgba(10,10,10,.6); border:1px solid var(--line-strong); color:var(--white);
  display:flex; align-items:center; justify-content:center; font-size:14px;
}
.video-toggle:hover{border-color:var(--gold); color:var(--gold);}

/* ============ ABOUT ============ */
.about{padding:110px 0; border-top:1px solid var(--line);}
.about-grid{
  display:grid; grid-template-columns: 1.1fr .9fr; gap:64px; align-items:start;
}
.about-copy p{color:var(--muted); margin-top:18px; font-size:16px;}
.about-copy p strong{color:var(--white); font-weight:600;}
.divisions{display:grid; gap:18px; margin-top:36px;}
.division-card{
  padding:24px 26px; background:var(--card); position:relative;
  border-left:3px solid var(--red);
}
.division-card.gold{border-left-color:var(--gold);}
.division-card h4{font-family:'Oswald',sans-serif; font-size:18px; letter-spacing:.04em; color:var(--gold);}
.division-card.gold h4{color:var(--white);}
.division-card p{color:var(--muted); margin-top:8px; font-size:14.5px;}

.export-strip{
  margin-top:0;
  border:1px dashed var(--line-strong);
  padding:30px 28px;
}
.export-strip .eyebrow{margin-bottom:14px;}
.export-strip .regions{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px;}
.export-strip .region-pill{
  font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.05em;
  border:1px solid var(--line-strong); padding:8px 14px; color:var(--white);
}
.cta-band{
  margin-top:56px;
  background:linear-gradient(120deg, rgba(200,16,46,.14), rgba(245,166,35,.09));
  border:1px solid var(--line-strong);
  padding:34px 36px; text-align:center;
}
.cta-band h3{font-family:'Oswald',sans-serif; font-size:22px; margin-bottom:8px;}
.cta-band p{color:var(--muted); font-size:14.5px;}
.cta-band p a{color:var(--gold); font-weight:600;}

/* ============ EXPLORE CARDS (home page links to sub-pages) ============ */
.explore{padding:110px 0; border-top:1px solid var(--line); background:var(--card-alt);}
.explore-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:52px;
}
.explore-card{
  background:var(--bg); border:1px solid var(--line); padding:32px 28px;
  display:flex; flex-direction:column; gap:14px; transition:border-color .2s, transform .2s;
}
.explore-card:hover{border-color:var(--gold); transform:translateY(-4px);}
.explore-card i{color:var(--gold); font-size:26px;}
.explore-card h3{font-family:'Oswald',sans-serif; font-size:19px; letter-spacing:.02em;}
.explore-card p{color:var(--muted); font-size:14px; flex:1;}
.explore-card .link{
  font-family:'Space Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--red); display:flex; align-items:center; gap:8px;
}
.explore-card:hover .link{color:var(--gold);}

/* ============ GALLERY ============ */
.gallery{padding:110px 0; border-top:1px solid var(--line);}
.gallery-grid{
  margin-top:48px;
  column-count:4; column-gap:14px;
}
.gallery-item{
  break-inside:avoid; margin-bottom:14px; position:relative;
  overflow:hidden; background:var(--card); cursor:pointer;
  border:1px solid var(--line);
}
.gallery-item img{width:100%; display:block; transition:transform .4s ease;}
.gallery-item:hover img{transform:scale(1.05);}
.gallery-item .cap{
  position:absolute; left:0; right:0; bottom:0;
  padding:14px 14px 12px;
  background:linear-gradient(0deg, rgba(0,0,0,.85), transparent);
  font-family:'Space Mono', monospace; font-size:11.5px; color:var(--white);
  opacity:0; transform:translateY(6px); transition:opacity .25s ease, transform .25s ease;
}
.gallery-item:hover .cap{opacity:1; transform:translateY(0);}

.lightbox{
  position:fixed; inset:0; z-index:1000; background:rgba(5,5,5,0.96);
  display:none; align-items:center; justify-content:center; flex-direction:column;
  padding:40px;
}
.lightbox.open{display:flex;}
.lightbox img{max-width:min(900px,86vw); max-height:74vh; object-fit:contain; border:1px solid var(--line-strong);}
.lightbox-cap{
  margin-top:18px; font-family:'Space Mono',monospace; font-size:13px; color:var(--muted); text-align:center;
}
.lightbox-close{
  position:absolute; top:24px; right:28px; background:none; border:1px solid var(--line-strong);
  color:var(--white); width:42px; height:42px; font-size:16px;
}
.lightbox-close:hover{color:var(--gold); border-color:var(--gold);}
.lightbox-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  background:none; border:1px solid var(--line-strong); color:var(--white);
  width:46px; height:46px; font-size:16px;
}
.lightbox-nav:hover{color:var(--gold); border-color:var(--gold);}
.lightbox-nav.prev{left:24px;}
.lightbox-nav.next{right:24px;}

@media (max-width:900px){.gallery-grid{column-count:3;}}
@media (max-width:600px){
  .gallery-grid{column-count:2;}
  .lightbox-nav{width:38px; height:38px; font-size:13px;}
  .lightbox-close{width:38px; height:38px; top:16px; right:16px;}
}

/* ============ CAPABILITIES ============ */
.capabilities{padding:110px 0; border-top:1px solid var(--line); background:var(--card-alt);}
.cap-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; margin-top:56px;
  background:var(--line);
  border:1px solid var(--line);
}
.cap-card{background:var(--bg); padding:34px 30px;}
.cap-card .num{font-family:'Space Mono',monospace; color:var(--red); font-size:13px; letter-spacing:.1em;}
.cap-card i{color:var(--gold); font-size:20px; margin-top:14px; display:block;}
.cap-card h4{font-family:'Oswald',sans-serif; font-size:19px; margin-top:14px; letter-spacing:.02em;}
.cap-card p{color:var(--muted); font-size:14.5px; margin-top:10px;}

.finishing{margin-top:100px;}
.finish-grid{
  display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; margin-top:40px;
}
.finish-item{
  border-left:3px solid var(--gold); background:var(--bg); padding:18px 22px;
}
.finish-item h5{font-family:'Oswald',sans-serif; font-size:15.5px; letter-spacing:.02em;}
.finish-item p{color:var(--muted); font-size:13.5px; margin-top:6px;}
.fabric-lib{margin-top:44px;}
.fabric-lib .eyebrow{margin-bottom:16px;}
.fabric-pills{display:flex; flex-wrap:wrap; gap:10px;}
.fabric-pills span{
  font-family:'Space Mono',monospace; font-size:12px;
  border:1px solid var(--line-strong); padding:8px 16px; color:var(--muted);
}

/* ============ PRODUCT SECTIONS (tabs) ============ */
.catalog-section{padding:110px 0; border-top:1px solid var(--line);}
.tabbar{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:44px; margin-bottom:6px;
  border-bottom:1px solid var(--line);
  padding-bottom:0;
}
.tab-btn{
  background:transparent; border:none; color:var(--muted-dim);
  font-family:'Space Mono', monospace; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
  padding:14px 4px; margin-right:26px; position:relative; border-bottom:2px solid transparent;
  transition:color .2s;
}
.tab-btn:hover{color:var(--white);}
.tab-btn.active{color:var(--gold); border-bottom-color:var(--gold);}
.tab-sport-line{font-size:14px; color:var(--muted); margin-top:22px; margin-bottom:8px;}
.tab-sport-line b{color:var(--white); font-weight:600;}
.tab-desc{color:var(--muted); font-size:15px; max-width:680px; margin-bottom:10px;}

.product-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:30px;
}
.product-card{background:var(--card); padding:26px 24px 24px; position:relative;}
.product-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--grad);
}
.product-card .icon-badge{
  width:50px; height:50px; border-radius:50%;
  border:1px solid var(--line-strong);
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 35% 30%, rgba(245,166,35,0.14), transparent 70%);
  margin-bottom:16px;
}
.product-card .icon-badge i{color:var(--gold); font-size:18px;}
.product-card h4{font-family:'Oswald',sans-serif; font-size:17px; letter-spacing:.01em; line-height:1.25;}
.product-card ul{margin-top:14px; display:grid; gap:7px;}
.product-card li{font-size:13.5px; color:var(--muted); padding-left:16px; position:relative;}
.product-card li::before{content:"+"; position:absolute; left:0; top:0; color:var(--red); font-weight:700;}

/* ============ PROCESS ============ */
.process{padding:110px 0; border-top:1px solid var(--line); background:var(--card-alt);}
.process-list{margin-top:56px; border-top:1px solid var(--line);}
.process-row{
  display:grid; grid-template-columns:90px 1fr; gap:28px;
  padding:26px 0; border-bottom:1px solid var(--line); align-items:start;
}
.process-row .step-num{
  font-family:'Anton', sans-serif; font-size:38px; color:transparent;
  -webkit-text-stroke:1.5px var(--red);
}
.process-row h4{font-family:'Oswald',sans-serif; font-size:18px; letter-spacing:.02em;}
.process-row p{color:var(--muted); font-size:14.5px; margin-top:6px; max-width:600px;}

/* ============ ORDER STEPS ============ */
.order{padding:110px 0; border-top:1px solid var(--line);}
.order-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px;}
.order-card{background:var(--card); padding:30px 26px; border:1px solid var(--line); position:relative;}
.order-card .step-circle{
  width:38px; height:38px; border-radius:50%;
  background:var(--grad); color:var(--bg); font-family:'Space Mono',monospace; font-weight:700;
  display:flex; align-items:center; justify-content:center; font-size:15px; margin-bottom:18px;
}
.order-card h4{font-family:'Oswald',sans-serif; font-size:16.5px; letter-spacing:.01em;}
.order-card p{color:var(--muted); font-size:13.5px; margin-top:8px;}

.order-cta{
  margin-top:56px; text-align:center; padding:46px 30px;
  background:linear-gradient(120deg, rgba(200,16,46,.18), rgba(245,166,35,.1));
  border:1px solid var(--line-strong);
}
.order-cta h3{font-family:'Anton',sans-serif; font-size:clamp(24px,3vw,34px); font-weight:400;}
.order-cta p{color:var(--muted); margin-top:10px; font-size:15px;}
.order-cta .hero-actions{justify-content:center; margin-top:26px;}

/* ============ CONTACT FORM ============ */
.contact{padding:110px 0; border-top:1px solid var(--line); background:var(--card-alt);}
.contact-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; margin-top:52px;}
.contact-info{display:grid; gap:18px; align-content:start;}
.contact-info-card{
  background:var(--bg); border:1px solid var(--line); padding:22px 24px;
  display:flex; align-items:flex-start; gap:16px;
}
.contact-info-card i{color:var(--gold); font-size:18px; margin-top:3px;}
.contact-info-card h5{font-family:'Oswald',sans-serif; font-size:14.5px; letter-spacing:.03em; text-transform:uppercase; color:var(--muted-dim);}
.contact-info-card p, .contact-info-card a{font-size:15px; margin-top:4px; color:var(--white);}
.contact-info-card a:hover{color:var(--gold);}

.contact-form{background:var(--bg); border:1px solid var(--line); padding:38px 36px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.form-group{margin-bottom:20px;}
.form-group label{
  display:block; font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted-dim); margin-bottom:8px;
}
.form-group input, .form-group select, .form-group textarea{
  width:100%; background:var(--card); border:1px solid var(--line-strong); color:var(--white);
  padding:13px 14px; font-family:'Inter',sans-serif; font-size:14.5px; border-radius:2px;
}
.form-group textarea{resize:vertical; min-height:120px;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{
  outline:none; border-color:var(--gold);
}
.form-note{font-size:12.5px; color:var(--muted-dim); margin-top:6px;}
.form-status{
  margin-top:16px; font-family:'Space Mono',monospace; font-size:13px; display:none;
  padding:12px 16px; border:1px solid var(--line-strong);
}
.form-status.show{display:block;}
.form-status.ok{color:var(--gold); border-color:var(--gold);}
.form-status.err{color:var(--red); border-color:var(--red);}

/* ============ BLOG ============ */
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:52px;}
.blog-card{
  background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column;
  transition:border-color .2s, transform .2s;
}
.blog-card:hover{border-color:var(--gold); transform:translateY(-4px);}
.blog-card-visual{
  height:170px; position:relative; overflow:hidden;
  background:radial-gradient(ellipse at 30% 20%, rgba(200,16,46,.3), transparent 60%), var(--card-alt);
  border-bottom:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  perspective:600px;
}
.blog-card-body{padding:24px; display:flex; flex-direction:column; gap:12px; flex:1;}
.blog-tag{font-family:'Space Mono',monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold);}
.blog-card h3{font-family:'Oswald',sans-serif; font-size:18px; line-height:1.3;}
.blog-card p{color:var(--muted); font-size:13.5px; flex:1;}
.blog-card .read-more{
  font-family:'Space Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--red); display:flex; align-items:center; gap:8px; margin-top:4px;
}
.blog-card:hover .read-more{color:var(--gold);}

/* 3D rotating badge used on blog cards and post headers */
.cube3d{
  width:86px; height:86px; position:relative; transform-style:preserve-3d;
  animation:spin3d 9s linear infinite;
}
.cube3d .face{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:28px; color:var(--gold);
  background:linear-gradient(145deg, rgba(245,166,35,.14), rgba(200,16,46,.14));
  border:1px solid var(--line-strong);
}
.cube3d .f1{transform:translateZ(43px);}
.cube3d .f2{transform:rotateY(180deg) translateZ(43px);}
.cube3d .f3{transform:rotateY(90deg) translateZ(43px);}
.cube3d .f4{transform:rotateY(-90deg) translateZ(43px);}
.cube3d .f5{transform:rotateX(90deg) translateZ(43px);}
.cube3d .f6{transform:rotateX(-90deg) translateZ(43px);}
@keyframes spin3d{
  from{transform:rotateX(0deg) rotateY(0deg);}
  to{transform:rotateX(360deg) rotateY(360deg);}
}
@media (prefers-reduced-motion: reduce){
  .cube3d{animation:none; transform:rotateX(-18deg) rotateY(28deg);}
}

.post-hero{padding:150px 0 60px; border-bottom:1px solid var(--line); position:relative;}
.post-hero .cube3d{margin-bottom:34px;}
.post-meta{
  display:flex; gap:18px; flex-wrap:wrap; font-family:'Space Mono',monospace; font-size:12px; color:var(--muted-dim);
  margin-top:20px;
}
.post-body{padding:70px 0; max-width:760px; margin:0 auto;}
.post-body h2{font-size:clamp(22px,3vw,28px); margin-top:52px; margin-bottom:18px;}
.post-body h3{font-size:19px; margin-top:34px; margin-bottom:14px; color:var(--gold); letter-spacing:.02em;}
.post-body p{color:var(--muted); font-size:16px; margin-top:16px;}
.post-body p:first-of-type{font-size:18px; color:var(--white);}
.post-body ul{margin-top:16px; display:grid; gap:10px;}
.post-body ul li{font-size:15.5px; color:var(--muted); padding-left:20px; position:relative;}
.post-body ul li::before{content:"+"; position:absolute; left:0; color:var(--red); font-weight:700;}
.post-body strong{color:var(--white);}
.post-faq{margin-top:50px; border-top:1px solid var(--line); padding-top:40px;}
.faq-item{border-bottom:1px solid var(--line); padding:20px 0;}
.faq-item h3{margin-top:0; color:var(--white); font-size:16px; letter-spacing:0; font-family:'Inter',sans-serif; font-weight:600; text-transform:none;}
.faq-item p{margin-top:10px;}
.post-cta{
  margin-top:60px; padding:34px 32px; text-align:center;
  background:linear-gradient(120deg, rgba(200,16,46,.14), rgba(245,166,35,.09));
  border:1px solid var(--line-strong);
}
.post-cta h3{font-family:'Oswald',sans-serif; font-size:20px; margin-bottom:14px;}

/* ============ FOOTER ============ */
footer{
  border-top:1px solid var(--line);
  padding:80px 0 34px;
  background:radial-gradient(ellipse 800px 400px at 50% 0%, rgba(200,16,46,.08), transparent 70%);
}
.footer-top{display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:50px;}
.footer-logo{display:flex; align-items:center; gap:12px; margin-bottom:18px;}
.footer-logo img{height:52px; width:52px; border-radius:8px; object-fit:cover;}
.footer-sign{
  font-family:'Anton', sans-serif; font-weight:400;
  font-size:clamp(22px,3vw,30px); line-height:1.15; margin-top:8px;
}
.footer-sign .l2{color:var(--red);}
.footer-copy{color:var(--muted); font-size:14px; margin-top:16px; max-width:340px;}
.footer h5{
  font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--gold); margin-bottom:20px;
}
.footer-list{display:grid; gap:14px;}
.footer-list a, .footer-list span{color:var(--muted); font-size:14.5px;}
.footer-list a:hover{color:var(--white);}
.footer-list .lbl{color:var(--muted-dim); font-family:'Space Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:3px;}
.footer-social{display:flex; gap:14px; margin-top:20px;}
.footer-social a{
  width:36px; height:36px; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center;
  color:var(--muted);
}
.footer-social a:hover{color:var(--gold); border-color:var(--gold);}
.footer-bottom{
  margin-top:60px; padding-top:26px; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-size:12.5px; color:var(--muted-dim); font-family:'Space Mono',monospace;
}

/* ============ RESPONSIVE ============ */
@media (min-width:701px){ .nav-phone{display:block;} }

@media (max-width:1000px){
  nav.links{gap:16px;}
}

@media (max-width:900px){
  .about-grid{grid-template-columns:1fr;}
  .cap-grid{grid-template-columns:repeat(2,1fr);}
  .finish-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .order-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr; row-gap:40px;}
  .explore-grid{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:700px){
  nav.links{position:fixed; top:72px; left:0; right:0; bottom:0; background:var(--bg);
    flex-direction:column; padding:30px 28px; gap:0; transform:translateX(100%); transition:transform .3s ease; overflow:auto;}
  nav.links.open{transform:translateX(0);}
  nav.links a{padding:16px 0; border-bottom:1px solid var(--line); font-size:14px;}
  .menu-toggle{display:block;}
  .hero{padding:120px 0 80px; min-height:auto;}
  .hero-stats{grid-template-columns:1fr;}
  .cap-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:1fr;}
  .order-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .process-row{grid-template-columns:56px 1fr;}
  .process-row .step-num{font-size:26px;}
  .explore-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important; animation:none !important;}
}

:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

/* nav fit fixes */
nav.links{flex-wrap:nowrap; gap:20px;}
.nav-logo .word{white-space:nowrap;}
@media (max-width:1320px){ .nav-phone{display:none !important;} }
@media (max-width:1100px){ nav.links{gap:14px;} nav.links a{font-size:11px;} }
@media (max-width:700px){ .nav-logo .word small{display:none;} .nav-logo .word{font-size:15px;} }
nav.links a{white-space:nowrap;}
@media (max-width:1500px){ .nav-phone{display:none !important;} }
@media (max-width:480px){ .nav-logo .word{display:none;} }

/* overflow and mobile fixes */
html,body{overflow-x:clip; max-width:100%;}
@media (max-width:700px){
  nav.links{visibility:hidden; flex-wrap:wrap;}
  nav.links.open{visibility:visible;}
}
.nav-call{display:none; width:40px; height:40px; border:1px solid var(--line-strong); border-radius:50%; align-items:center; justify-content:center; color:var(--gold); font-size:15px;}
@media (max-width:1500px){ .nav-call{display:inline-flex;} }
.nav-call:hover{background:var(--gold); color:var(--bg);}
.sticky-cta{position:fixed; right:18px; bottom:18px; z-index:90; display:flex; gap:10px; align-items:center;}
.sticky-cta .quote{background:var(--red); color:#fff; font-family:'Oswald',sans-serif; font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:14px; padding:14px 20px; box-shadow:0 10px 30px rgba(0,0,0,.5);}
.sticky-cta .quote:hover{background:#e0132f;}
.sticky-cta .wa{width:50px; height:50px; border-radius:50%; background:#25D366; color:#fff; display:grid; place-items:center; font-size:26px; box-shadow:0 10px 30px rgba(0,0,0,.5);}
@media (max-width:700px){ .sticky-cta{right:12px; bottom:12px;} .sticky-cta .quote{padding:10px 14px; font-size:12px;} .sticky-cta .wa{width:42px; height:42px; font-size:22px;} }
.ticker{overflow:hidden; border-bottom:1px solid var(--line); background:var(--red); white-space:nowrap;}
.ticker-track{display:inline-flex; padding:11px 0; animation:tick 38s linear infinite;}
.ticker-track span{font-family:'Oswald',sans-serif; font-weight:600; font-size:14px; letter-spacing:.16em; text-transform:uppercase; padding:0 26px; color:#fff;}
.ticker-track span::after{content:"/"; margin-left:52px; color:var(--bg); opacity:.55;}
@keyframes tick{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){ .ticker-track{animation:none;} }

.hero-stats{grid-template-columns:repeat(4,1fr);}
@media (max-width:700px){ .hero-stats{grid-template-columns:repeat(2,1fr);} }
@media (max-width:700px){
  header.site-nav{backdrop-filter:none; -webkit-backdrop-filter:none; background:#0A0A0A;}
  nav.links{z-index:99; height:calc(100vh - 72px); height:calc(100dvh - 72px);}
}

.nav-phone{white-space:nowrap;}
@media (min-width:1501px){ .nav-inner{max-width:1560px;} .nav-call{display:none !important;} }