:root{
  --bg:#3b3e44; --panel:#494d54; --panel-2:#52565e; --ink:#f3f4f6; --ink-dim:#c4c8cf; --line:#575c64;
  --orange:#f26322; --orange-deep:#d44e14; --chrome:#cfd3d9;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --cond:"Barlow Semi Condensed",system-ui,sans-serif;
  --gutter:clamp(18px,5vw,64px); --max:1200px; --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:clamp(16px,1vw + 11px,19px);line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;line-height:1;letter-spacing:.01em;text-transform:uppercase}
p{margin:0}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:6px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:1rem;transition:transform .15s var(--ease),background .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn.orange{background:var(--orange);color:#140a04;box-shadow:0 8px 22px rgba(242,99,34,.35)}
.btn.orange:hover{background:#ff7736}
.btn.ghost{border-color:rgba(255,255,255,.4);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(14,14,15,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:41;background:#3b3e44}
.brand{display:flex;align-items:baseline;gap:7px;text-decoration:none}
.brand b{font-family:var(--display);font-size:1.7em;color:var(--orange);letter-spacing:.02em;line-height:.8;-webkit-text-stroke:1px #000}
.brand i{font-family:var(--cond);font-style:italic;font-weight:700;font-size:1em;color:#fff;transform:translateY(-2px)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(10px,2vw,26px);align-items:center;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.92em}
.nav a{text-decoration:none;color:var(--ink-dim)}
.nav a:not(.btn):hover{color:#fff}
.nav .btn{padding:9px 16px}
@media (max-width:860px){.nav ul li:not(.keep){display:none}.nav .btn{white-space:nowrap}}

/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(1200px 500px at 80% -10%,rgba(242,99,34,.28),transparent 60%),
  radial-gradient(900px 500px at 0% 110%,rgba(242,99,34,.1),transparent 55%),
  linear-gradient(180deg,#3f4248,#34373d)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask:linear-gradient(180deg,#000,transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(52px,8vw,104px)}
.eyebrow{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:.82rem;color:var(--orange)}
.hero h1{font-size:clamp(40px,6.5vw,82px);margin:.25em 0 0;color:#fff}
.hero h1 span{color:var(--orange)}
.hero .lede{margin-top:16px;font-size:clamp(17px,1.3vw,21px);max-width:44ch;color:#d8d5cf}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.trust{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-family:var(--cond);font-weight:600;font-size:.92em;color:#cbc8c2}
.trust li{display:flex;align-items:center;gap:8px}
.trust svg{width:18px;height:18px;flex:none;color:var(--orange)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

/* order card */
.quote{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:clamp(20px,2.5vw,28px);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.quote h2{font-size:clamp(22px,2vw,30px);color:#fff}
.quote .sub{color:var(--ink-dim);font-size:.9em;margin-top:6px;font-family:var(--body)}
.field{margin-top:14px}
.field>span{display:block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.78em;margin-bottom:7px;color:#e9e6e0}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.seg label{position:relative;display:flex}
.seg input{position:absolute;opacity:0;inset:0}
.seg input+span{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 6px;border:1.5px solid var(--line);border-radius:7px;font-family:var(--cond);font-weight:600;font-size:.86em;cursor:pointer;background:var(--panel-2);transition:border-color .15s,background .15s,color .15s}
.seg input:checked+span{border-color:var(--orange);background:rgba(242,99,34,.16);color:#fff}
.seg input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.quote .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.quote input[type=text],.quote input[type=tel],.quote textarea{width:100%;font:inherit;font-size:.95em;padding:11px 12px;border:1.5px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--ink)}
.quote input::placeholder,.quote textarea::placeholder{color:#7d7a74}
.quote input:focus,.quote textarea:focus{border-color:var(--orange);outline:none}
.quote .full{grid-column:1/-1}
.quote .btn{width:100%;margin-top:14px;padding:15px}
.quote .fine{font-size:.78em;color:var(--ink-dim);margin-top:10px;text-align:center}
.quote .done{display:none;text-align:center;padding:28px 10px}
.quote .done h3{font-size:1.5em;color:var(--orange);margin-bottom:8px}
.quote.sent form{display:none}
.quote.sent .done{display:block}
.quote .err{display:none;color:#ff6b57;font-size:.88em;margin-top:8px;font-weight:600}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* sections */
section{padding-block:clamp(54px,8vw,100px)}
.kicker{display:inline-block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-size:.9em;margin-bottom:10px}
.h2{font-size:clamp(30px,4.2vw,54px);max-width:18ch;color:#fff}
.lead{color:var(--ink-dim);font-size:clamp(17px,1.2vw,20px);max-width:56ch;margin-top:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
@media (max-width:860px){.two{grid-template-columns:1fr}}

/* how it works */
.visit{background:#42454b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
.steps li{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 20px 20px}
.steps li::before{counter-increment:step;content:"0" counter(step);font-family:var(--display);color:var(--orange);font-size:1.5em;display:block;margin-bottom:10px}
.steps b{display:block;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.15em;margin-bottom:6px}
.steps p{color:var(--ink-dim);font-size:.92em}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* products */
.services .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--orange);transform:translateY(-3px)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%;background:#42454b}
.card .body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.3em;color:#fff;margin-bottom:7px}
.card p{color:var(--ink-dim);font-size:.95em;flex:1}
.card a{margin-top:14px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.85em;color:var(--orange);text-decoration:none}
.card a:hover{color:#ff7736}
@media (max-width:900px){.services .cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.services .cards{grid-template-columns:1fr}}

/* comparison */
.compare{background:#313439}
.table{margin-top:30px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.table table{width:100%;border-collapse:collapse;font-size:.95em}
.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.table thead th{background:#494d54;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.02em;color:#fff}
.table thead th:nth-child(2){color:var(--orange)}
.table td:first-child{color:var(--ink-dim)}
.table td:nth-child(2),.table td:nth-child(3){white-space:nowrap;width:24%}
.yes,.no{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-family:var(--cond)}
.yes{color:#ebe8e2}.yes svg{color:var(--orange)}
.no{color:#86837d}.no svg{color:#6a6a6a}
.yes svg,.no svg{width:20px;height:20px;flex:none}
@media (max-width:640px){.table td:nth-child(2),.table td:nth-child(3){width:auto;white-space:normal}.table th,.table td{padding:12px 10px;font-size:.9em}.yes span,.no span{display:none}}

/* gallery */
.gallery{background:#42454b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.masonry{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(110px,15vw,200px);gap:10px;margin-top:30px;grid-auto-flow:dense}
.masonry figure{margin:0;overflow:hidden;border-radius:10px;background:#000;border:1px solid var(--line)}
.masonry img{width:100%;height:100%;object-fit:cover}
.masonry .a{grid-column:span 4;grid-row:span 2}
.masonry .b{grid-column:span 2;grid-row:span 2}
.masonry .c{grid-column:span 2}
.masonry .d{grid-column:span 2}
.masonry .e{grid-column:span 2}
@media (max-width:760px){.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:40vw}.masonry .a{grid-column:span 2;grid-row:span 2}.masonry .b{grid-column:span 1;grid-row:span 1}.masonry .c,.masonry .d,.masonry .e{grid-column:span 1}}

/* about */
.about .two img{border-radius:12px;width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
.about p+p{margin-top:1em}
.area{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.area span{border:1.5px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 14px;font-family:var(--cond);font-weight:600;font-size:.9em;color:#d8d5cf}

/* faq */
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 20px;margin-top:10px}
.faq summary{cursor:pointer;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.05em;color:#fff;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4em;color:var(--orange);font-weight:400;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 18px;color:var(--ink-dim)}

/* cta band */
.band{background:linear-gradient(100deg,var(--orange-deep),var(--orange));text-align:center}
.band .h2{margin-inline:auto;color:#160a03}
.band .lead{color:#3a1c08;margin-inline:auto;font-weight:500}
.band .actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.band .btn.dark{background:#140a04;color:#fff}
.band .btn.dark:hover{background:#000}
.band .btn.ghost{border-color:rgba(20,10,4,.5);color:#160a03}
.band .btn.ghost:hover{background:rgba(20,10,4,.1)}

/* footer */
footer{background:#313439;color:var(--ink-dim);padding:44px var(--gutter) calc(40px + env(safe-area-inset-bottom,0px))}
footer .cols{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;font-size:.93em}
footer b{display:block;color:#fff;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
footer a{text-decoration:none}
footer a:hover{color:var(--orange)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer .fbrand b{font-family:var(--display);font-size:1.7em;color:var(--orange);letter-spacing:.02em}
footer .bottom{max-width:var(--max);margin:30px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82em;color:#6d6a65}
@media (max-width:760px){footer .cols{grid-template-columns:1fr}}

/* sticky mobile order bar */
.callbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--orange);color:#140a04;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:10px;font-family:var(--cond);font-weight:700;text-transform:uppercase;box-shadow:0 -6px 20px rgba(0,0,0,.4)}
.callbar a{color:#140a04;text-decoration:none}
.callbar .btn{padding:10px 16px;background:#140a04;color:#fff}
@media (max-width:860px){.callbar{display:flex}body{padding-bottom:66px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}}

/* real logo in nav */
.brand .logo-full{height:44px;width:auto;display:block}
@media (max-width:860px){.brand .logo-full{height:36px}}
.card{text-decoration:none;color:inherit}
.cardlink{margin-top:14px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.85em;color:var(--orange)}
.card:hover .cardlink{color:#ff7736}

/* product pages */
.phero{background:radial-gradient(1000px 420px at 82% -20%,rgba(242,99,34,.22),transparent 60%),linear-gradient(180deg,#3f4248,#363940);border-bottom:1px solid var(--line)}
.phero .wrap{padding-block:clamp(40px,6vw,74px)}
.back{display:inline-block;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.82em;color:var(--ink-dim);text-decoration:none;margin-bottom:14px}
.back:hover{color:var(--orange)}
.phero h1{margin:.08em 0 0}
.phero .lead{margin-top:14px}
.phero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.pgallery{padding-block:clamp(34px,5vw,60px)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pgrid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#000;aspect-ratio:1/1}
.pgrid img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:460px){.pgrid{grid-template-columns:1fr}}
.pdetails{padding-block:clamp(8px,2vw,24px) clamp(44px,6vw,80px)}
.pdetails .two{align-items:start}
.pbody p+p{margin-top:1em}
.optlist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:11px}
.optlist li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-dim)}
.optlist svg{flex:none;margin-top:4px;color:var(--orange);width:18px;height:18px}
.ordercard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;position:sticky;top:90px}
.ordercard h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;color:#fff;font-size:1.3em;margin-bottom:6px}
.ordercard p{color:var(--ink-dim);font-size:.95em}
.ordercard .btn{width:100%;margin-top:16px}
.ordercard .contact{margin-top:16px;font-family:var(--cond);font-weight:600;display:grid;gap:6px;font-size:.95em}
.ordercard .contact a{color:#fff;text-decoration:none}
.ordercard .contact a:hover{color:var(--orange)}
@media (max-width:860px){.ordercard{position:static}}

/* ===================== REVIEW FIXES (mobile, trust, conversion) ===================== */
/* brighter secondary text for outdoor/phone readability */
:root{ --ink-dim:#c4c8cf }
.quote .sub,.ordercard p,.card p,.steps p,.optlist li{ color:#c4c8cf }
.quote .fine,.order-head .lead{ font-size:.86rem }

/* --- nav: hamburger + working mobile menu --- */
.nav-right{ display:flex; align-items:center; gap:clamp(10px,2vw,22px) }
.navtoggle{ display:none; align-items:center; justify-content:center; width:44px; height:42px; background:none; border:1.5px solid var(--line); border-radius:9px; color:#fff; cursor:pointer }
.navtoggle svg{ width:24px; height:24px }
@media (max-width:860px){
  .nav ul{ position:absolute; left:0; right:0; top:100%; display:none; flex-direction:column; align-items:stretch; gap:0; background:#3f4248; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:4px 0; z-index:39 }
  .nav ul.open{ display:flex }
  .nav ul li, .nav ul li:not(.keep){ display:block }
  .nav ul li a{ display:block; padding:14px var(--gutter); font-size:1.02em }
  .navtoggle{ display:inline-flex }
  .navcta{ padding:10px 14px; font-size:.88em }
}

/* --- hero: product image instead of form --- */
.hero-art{ position:relative; align-self:stretch; min-height:260px }
.hero-art img{ width:100%; height:100%; object-fit:cover; border-radius:16px; border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 60px rgba(0,0,0,.5) }
.hero-tag{ position:absolute; left:14px; bottom:14px; background:var(--orange); color:#160a03; font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.03em; font-size:.8rem; padding:7px 13px; border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,.4) }
@media (max-width:900px){ .hero-art{ margin-top:6px; min-height:0 } .hero-art img{ max-height:340px } }

/* --- proof / guarantee band --- */
.proofbar{ background:#494d54; border-top:1px solid var(--line); border-bottom:1px solid var(--line) }
.proofbar .wrap{ display:flex; flex-wrap:wrap; gap:12px 26px; justify-content:center; padding-block:15px; text-align:center }
.proofbar span{ display:inline-flex; align-items:center; gap:8px; font-family:var(--cond); font-weight:600; color:#dcd9d1; font-size:.92rem }
.proofbar svg{ width:18px; height:18px; color:var(--orange); flex:none }

/* --- order section (moved below products) --- */
.order-section{ background:#42454b; border-top:1px solid var(--line) }
.order-section .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,5vw,56px); align-items:center }
@media (max-width:860px){ .order-section .wrap{ grid-template-columns:1fr } }
.order-head .order-actions{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px }

/* --- "most ordered" badge on cards --- */
.card{ position:relative }
.badge{ position:absolute; top:12px; left:12px; z-index:2; background:var(--orange); color:#160a03; font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:.72rem; padding:5px 11px; border-radius:999px }

/* --- bigger tap targets on the order chips, 2-col on phone --- */
@media (max-width:560px){ .seg{ grid-template-columns:1fr 1fr } .seg input+span{ min-height:48px } }

/* --- product gallery: 2-col on phone + zoomable --- */
@media (max-width:460px){ .pgrid{ grid-template-columns:repeat(2,1fr) } }
.pgrid figure{ cursor:zoom-in }
.masonry figure{ cursor:zoom-in }

/* --- lightbox --- */
.lb{ position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.93); display:none; align-items:center; justify-content:center; padding:24px }
.lb.open{ display:flex }
.lb img{ max-width:100%; max-height:100%; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.6) }
.lb .lbx{ position:absolute; top:calc(12px + env(safe-area-inset-top,0px)); right:18px; width:44px; height:44px; background:rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.3); border-radius:10px; color:#fff; font-size:1.6rem; line-height:1; cursor:pointer }

/* --- "more from CLV" row on product pages --- */
.morefrom{ border-top:1px solid var(--line); background:#363940 }
.morefrom .wrap{ padding-block:26px }
.morefrom h4{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.08em; color:var(--ink-dim); font-size:.8em; margin:0 0 12px }
.morefrom .chips{ display:flex; flex-wrap:wrap; gap:8px }
.morefrom .chips a{ font-family:var(--cond); font-weight:600; text-transform:uppercase; letter-spacing:.03em; font-size:.85em; color:#fff; background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:9px 15px; text-decoration:none }
.morefrom .chips a:hover{ border-color:var(--orange); color:var(--orange) }


/* nav brand: circular emblem mark + legible wordmark (dark-friendly) */
.nav .brand{ align-items:center; gap:11px }
.nav .brand .logo-full{ flex:none; border-radius:0 }
.nav .brand .wm{ display:block; line-height:.9 }
.nav .brand .wm b{ display:block; font-family:var(--display); font-size:1.5rem; color:var(--orange); letter-spacing:.02em; -webkit-text-stroke:0; line-height:.85 }
.nav .brand .wm i{ display:block; font-family:var(--cond); font-style:italic; font-weight:700; font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:#eceae4; margin-top:2px }
@media (max-width:860px){ .nav .brand .logo-full{ } .nav .brand .wm b{ font-size:1.3rem } }

/* ===== Hormozi round: guarantee, cab kit, captions, proof links ===== */
.proofbar a{ color:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--orange); text-decoration-thickness:2px }
.proofbar a:hover{ color:#fff }

.guarantee{ background:linear-gradient(130deg,#17110c,#120f0d); border-top:1px solid var(--line); border-bottom:1px solid var(--line) }
.guarantee .wrap{ max-width:820px; text-align:center; border-left:none }
.guarantee .kicker{ color:var(--orange) }
.guarantee h2{ color:#fff }
.guarantee p{ color:#d7d3ca; font-size:clamp(17px,1.3vw,20px); max-width:60ch; margin:14px auto 0 }
.guarantee .btn{ margin-top:22px }

.cabkit{ background:#3f4248; border-top:1px solid var(--line) }
.cabkit .wrap{ text-align:center; max-width:760px }
.cabkit .lead{ margin-left:auto; margin-right:auto }
.cabkit .btn{ margin-top:20px }

.masonry figure{ position:relative }
.masonry figcaption{ position:absolute; left:0; right:0; bottom:0; padding:18px 12px 9px; font-family:var(--cond); font-weight:600; font-size:.82rem; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.72)); pointer-events:none }
@media (max-width:760px){ .masonry figcaption{ font-size:.74rem } }


/* ===== two-path landing + card price (homepage) ===== */
.paths .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  margin-top:-26px;position:relative;z-index:3}
@media(max-width:720px){.paths .wrap{grid-template-columns:1fr}}
.path{display:block;background:var(--panel);border:1px solid var(--line);border-radius:16px;
  padding:22px 22px 20px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
a.path:hover{border-color:var(--orange);transform:translateY(-2px)}
.path .path-k{display:block;font-family:var(--cond,"Barlow Semi Condensed");text-transform:uppercase;
  letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--orange)}
.path h2{font-family:var(--display,"Anton");font-weight:400;text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(1.3rem,3.5vw,1.8rem);margin:.3rem 0 .5rem;line-height:1.04}
.path p{margin:0 0 .9rem;color:var(--ink-dim);font-size:.95rem}
.path .path-go{font-family:var(--cond,"Barlow Semi Condensed");font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:.82rem;color:var(--orange)}
.path.soon{opacity:.62}
.path.soon .path-k,.path.soon .path-go{color:var(--ink-dim)}
.card .price{display:block;font-family:var(--cond,"Barlow Semi Condensed");font-weight:700;
  color:var(--orange);font-size:.98rem;margin:.15rem 0 .5rem}


/* ===== custom order funnel ===== */
/* ============================================================
   CLV Customs — Custom Order Funnel styles  (append to site.css)
   All selectors are cf- prefixed to avoid clashing with existing styles.
   Uses existing tokens: --bg --panel --panel-2 --ink --ink-dim --line
   --orange --display --cond --body --ease --gutter
   ============================================================ */
.cf-order{padding-block:clamp(48px,8vw,96px)}
.cf-head{max-width:640px;margin:0 auto clamp(20px,3vw,30px);text-align:center}
.cf-kicker{display:inline-block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.18em;color:var(--orange);font-weight:700;font-size:.8rem;margin-bottom:8px}
.cf-title{font-family:var(--display);text-transform:uppercase;font-weight:400;line-height:1;font-size:clamp(26px,4.6vw,40px);color:#fff;margin:0 0 10px;text-wrap:balance}
.cf-lead{color:#c4c8cf;margin:0}

.cf-card{max-width:640px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,3vw,30px);box-shadow:0 30px 60px rgba(0,0,0,.5)}

/* progress */
.cf-progress{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.cf-bar{flex:1;height:7px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.cf-bar span{display:block;height:100%;width:25%;background:var(--orange);border-radius:99px;transition:width .3s var(--ease)}
.cf-stepnum{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--ink-dim);white-space:nowrap}
.cf-stepnum b{color:var(--orange)}

/* steps / fields */
.cf-step{border:0;margin:0;padding:0;min-inline-size:0}
.cf-step[hidden]{display:none}
.cf-legend{display:block;float:none;width:100%;font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:clamp(18px,2.6vw,24px);color:#fff;margin-bottom:16px;padding:0}

.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cf-full{grid-column:1/-1}
.cf-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.cf-f>span{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;color:var(--ink-dim)}
.cf-f>span em{text-transform:none;letter-spacing:0;font-style:normal;color:#817e77}
.cf-order input[type=text],.cf-order select,.cf-order textarea{width:100%;font:inherit;font-size:.95em;padding:11px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--ink);-webkit-appearance:none;appearance:none}
.cf-order textarea{resize:vertical;min-height:92px;line-height:1.5}
.cf-order select{padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0h10L5 6z' fill='%23a7a39c'/></svg>");background-repeat:no-repeat;background-position:right 13px center}
.cf-order ::placeholder{color:#7d7a74}
.cf-order input:focus,.cf-order select:focus,.cf-order textarea:focus{border-color:var(--orange);outline:none}

/* product chooser */
.cf-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cf-seg label{position:relative;display:flex}
.cf-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cf-seg input+span{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 6px;border:1.5px solid var(--line);border-radius:9px;font-family:var(--cond);font-weight:600;font-size:.88em;cursor:pointer;background:var(--panel-2);transition:border-color .15s,background .15s,color .15s}
.cf-seg input:checked+span{border-color:var(--orange);background:rgba(242,99,34,.16);color:#fff}
.cf-seg input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}

/* pedal styles */
.cf-stylewrap{margin-top:18px}
.cf-stylewrap[hidden]{display:none}
.cf-sublabel{display:block;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;color:var(--ink-dim);margin-bottom:8px}
.cf-styles{display:grid;gap:8px}
.cf-style{position:relative;display:flex}
.cf-style input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cf-style>span{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border:1.5px solid var(--line);border-radius:9px;background:var(--panel-2);cursor:pointer;transition:border-color .15s,background .15s}
.cf-style b{font-family:var(--cond);font-weight:700;font-size:1em;color:var(--ink)}
.cf-style em{font-style:normal;font-family:var(--cond);font-weight:700;color:var(--orange)}
.cf-style input:checked+span{border-color:var(--orange);background:rgba(242,99,34,.14)}
.cf-style input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}

/* upload */
.cf-upload{gap:8px}
.cf-drop{display:block;position:relative;cursor:pointer}
.cf-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.cf-dropinner{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;padding:20px;border:1.5px dashed var(--line);border-radius:10px;background:var(--panel-2);transition:border-color .15s,background .15s}
.cf-drop:hover .cf-dropinner{border-color:var(--orange);background:rgba(242,99,34,.06)}
.cf-dropinner b{font-family:var(--cond);font-weight:700;color:var(--ink)}
.cf-dropinner small{color:#817e77;font-size:.82em}
.cf-filelist{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cf-filelist li{font-size:.78em;background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:4px 10px;color:var(--ink-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* payment choice */
.cf-pay{display:grid;gap:10px}
.cf-payopt{position:relative;display:flex}
.cf-payopt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cf-paybox{flex:1;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1.5px solid var(--line);border-radius:11px;background:var(--panel-2);cursor:pointer;transition:border-color .15s,background .15s}
.cf-paybox b{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:1.35em;color:#fff;letter-spacing:.01em;line-height:1}
.cf-paybox small{color:#c4c8cf;font-size:.86em;line-height:1.45}
.cf-payopt input:checked+.cf-paybox{border-color:var(--orange);background:rgba(242,99,34,.14)}
.cf-payopt input:focus-visible+.cf-paybox{outline:2px solid var(--orange);outline-offset:2px}

/* misc */
.cf-note{color:var(--ink-dim);font-size:.82em;margin:12px 0 0}
.cf-note a{color:var(--orange)}
.cf-err{display:none;color:#ff6b57;font-weight:600;font-size:.88em;margin:12px 0 0}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* nav buttons */
.cf-nav{display:flex;gap:10px;margin-top:22px}
.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border-radius:7px;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;border:2px solid transparent;cursor:pointer;transition:transform .15s var(--ease),background .15s}
.cf-btn:hover{transform:translateY(-2px)}
.cf-orange{flex:1;background:var(--orange);color:#140a04;box-shadow:0 8px 22px rgba(242,99,34,.32)}
.cf-orange:hover{background:#ff7736}
.cf-orange:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}
.cf-ghost{flex:0 0 auto;background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.cf-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}

/* confirmation */
.cf-done{display:none;text-align:center;padding:26px 8px}
.cf-done h3{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:1.6em;color:var(--orange);margin-bottom:10px}
.cf-done p{color:#c4c8cf}
.cf-done a{color:var(--orange)}
.cf-sent form,.cf-sent .cf-progress{display:none}
.cf-sent .cf-done{display:block}

@media (max-width:460px){
  .cf-grid{grid-template-columns:1fr}
  .cf-seg{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .cf-bar span{transition:none}
  .cf-btn:hover{transform:none}
}

/* ===== funnel add-ons step (finish the set) ===== */
.cf-addons{display:grid;gap:8px}
.cf-addons label{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;min-height:48px;transition:border-color .12s,background .12s}
.cf-addons input{width:20px;height:20px;accent-color:var(--orange);flex:none;margin:0}
.cf-addons label:has(input:checked){border-color:var(--orange);background:rgba(242,99,34,.10)}
.cf-addons span{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex:1;min-width:0}
.cf-addons b{font-weight:700;color:var(--ink)}
.cf-addons em{color:var(--orange);font-style:normal;font-family:var(--cond),sans-serif;font-weight:700;font-size:.9rem;flex:none}