/* ===== Beast Labs — shared site styles ===== */
:root{
  --bg:#ffffff; --bg-soft:#F5F7FA; --bg-soft-2:#EDF1F6; --navy:#011324; --navy-2:#0A1C30;
  --ink:#15212E; --muted:#5B6675; --steel:#8B939F; --line:#E3E8EF; --line-2:#D3DAE3;
  --crimson:#CC011C; --crimson-d:#A60017; --green:#15803D;
  --font:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif; --mono:ui-monospace,'SF Mono',Menlo,monospace;
  --maxw:1240px; --r:8px;
  --sh-sm:0 1px 2px rgba(1,19,36,.06),0 1px 3px rgba(1,19,36,.05);
  --sh-md:0 4px 14px rgba(1,19,36,.07),0 1px 3px rgba(1,19,36,.05);
  --sh-lg:0 18px 40px -18px rgba(1,19,36,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,select{font-family:inherit}
::selection{background:var(--navy);color:#fff}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
h1,h2,h3,h4{font-family:var(--font);line-height:1.04;letter-spacing:-.02em;font-weight:800;color:var(--navy)}
.kicker{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--crimson)}
.mono{font-family:var(--mono)}
.center{text-align:center}

/* ---------- utility bar ---------- */
.util{background:var(--navy);color:#cfd6df;font-size:12.5px;font-weight:500;letter-spacing:.04em}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:40px}
.util b{color:#fff;font-weight:700}
.util .dot{color:var(--crimson);font-size:9px;vertical-align:middle;margin-right:6px}
@media(max-width:720px){.util .u-hide{display:none}.util .wrap{justify-content:center}}

/* ---------- nav (solid white) ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:36px;height:78px}
.brand{flex-shrink:0;display:flex;align-items:center}
.brand img{height:44px;width:auto}
.nav__links{display:flex;gap:32px;margin-left:6px}
.nav__links a{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);position:relative;padding:8px 0;transition:color .18s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:2px;height:2px;width:0;background:var(--crimson);transition:width .22s ease}
.nav__links a:hover,.nav__links a.active{color:var(--crimson)}
.nav__links a:hover::after,.nav__links a.active::after{width:100%}
.nav__right{margin-left:auto;display:flex;align-items:center;gap:12px}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink);background:#fff;transition:.18s;position:relative}
.icon-btn:hover{border-color:var(--navy);color:var(--navy)}
.cart-count{position:absolute;top:-7px;right:-7px;background:var(--crimson);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.burger{display:none}
@media(max-width:940px){.nav__links{display:none}.burger{display:grid}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:15px 28px;border-radius:var(--r);transition:.18s;border:1.5px solid transparent;cursor:pointer}
.btn--primary{background:var(--crimson);color:#fff}
.btn--primary:hover{background:var(--crimson-d);transform:translateY(-2px)}
.btn--ghost{border-color:var(--line-2);color:var(--navy);background:#fff}
.btn--ghost:hover{border-color:var(--navy)}
.btn--dark{background:var(--navy);color:#fff}
.btn--dark:hover{background:#0a2138}
.btn--lg{padding:17px 34px;font-size:15.5px}

/* ---------- page banner (inner pages) ---------- */
.banner{position:relative;background:#02192e;color:#fff;overflow:hidden;border-bottom:3px solid var(--crimson)}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,#06243f,#02192e 55%,#01101f)}
.banner__grain{position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.banner .wrap{position:relative;z-index:2;padding:54px 28px 58px}
.banner .crumb{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:#8ea0b3;margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}
.banner .crumb a:hover{color:#fff}
.banner .crumb span{color:#46586b}
.banner h1{color:#fff;font-size:clamp(34px,5vw,56px);font-weight:900;letter-spacing:-.03em}
.banner p{color:#aeb9c6;max-width:560px;margin-top:14px;font-size:16.5px}
.banner .kicker{color:#ff5a6e;display:block;margin-bottom:14px}

/* ---------- sections ---------- */
.section{padding:84px 0}
.section--soft{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.sec-head .kicker{display:block;margin-bottom:14px}
.sec-head h2{font-size:clamp(30px,3.6vw,44px);font-weight:900;letter-spacing:-.025em}
.sec-head p{color:var(--muted);max-width:430px;font-size:15.5px}

/* ---------- chips ---------- */
.chips{display:flex;gap:9px;flex-wrap:wrap}
.chip{font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--ink);border:1px solid var(--line-2);background:#fff;padding:9px 17px;border-radius:40px;transition:.16s;cursor:pointer}
.chip:hover{border-color:var(--navy)}
.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}

/* ---------- product grid + card ---------- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.grid{grid-template-columns:1fr}}
.card{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;box-shadow:var(--sh-sm)}
.card:hover,.card:focus-within{border-color:var(--line-2);box-shadow:var(--sh-lg);transform:translateY(-3px)}
.card__media{position:relative;aspect-ratio:1/1;background:var(--bg-soft);display:grid;place-items:center;padding:18px;border-bottom:1px solid var(--line)}
.card__media img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.card:hover .card__media img{transform:scale(1.04)}
.purity{position:absolute;top:11px;left:11px;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line-2);padding:4px 8px;border-radius:5px;box-shadow:var(--sh-sm)}
.card__body{padding:17px 17px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.card__cat{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--crimson)}
.card__name{font-size:20px;font-weight:800;color:var(--navy);letter-spacing:-.015em}
.card__name a::after{content:"";position:absolute;inset:0}
.card__tag{font-size:13.5px;color:var(--muted);line-height:1.45;flex:1}
.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:13px;border-top:1px solid var(--line)}
.price{font-weight:900;font-size:23px;color:var(--navy);letter-spacing:-.01em}
.price::before{content:"$";color:var(--crimson);font-size:15px;vertical-align:super;margin-right:1px;font-weight:800}
.add{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--navy);color:#fff;padding:9px 15px;border-radius:6px;transition:.16s}
.add:hover{background:var(--crimson)}
.add.added{background:var(--green)}

/* ---------- trust strip ---------- */
.trust{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.trust .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:20px 28px}
.trust .t{display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:700;color:var(--navy)}
.trust .t svg{color:var(--crimson);flex-shrink:0}
@media(max-width:760px){.trust .t{font-size:12.5px}.trust .wrap{gap:14px 22px;justify-content:center}}

/* ---------- proof band ---------- */
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.proof-grid .p{padding:48px 32px;border-right:1px solid var(--line)}
.proof-grid .p:last-child{border-right:none}
.proof-grid .ic{width:42px;height:42px;color:var(--crimson);margin-bottom:18px;stroke-width:1.6}
.proof-grid h3{font-size:20px;font-weight:800;margin-bottom:9px}
.proof-grid p{font-size:14.5px;color:var(--muted)}
@media(max-width:900px){.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid .p:nth-child(2){border-right:none}.proof-grid .p{border-bottom:1px solid var(--line)}}
@media(max-width:520px){.proof-grid{grid-template-columns:1fr}.proof-grid .p{border-right:none}}

/* ---------- COA panel ---------- */
.coa{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--sh-md)}
.coa__top{background:var(--navy);padding:17px 22px;display:flex;justify-content:space-between;align-items:center}
.coa__top .t{font-weight:800;font-size:16px;color:#fff}
.coa__top .s{font-family:var(--mono);font-size:11px;color:#5ee08f;display:flex;align-items:center;gap:7px}
.coa__top .s::before{content:"";width:8px;height:8px;border-radius:50%;background:#5ee08f}
.coa__row{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);font-size:13.5px}
.coa__row:last-child{border-bottom:none}
.coa__row span:first-child{color:var(--muted);font-weight:500}
.coa__row span:last-child{color:var(--navy);font-weight:600;text-align:right;font-family:var(--mono);font-size:12.5px}
.coa__bar{height:7px;width:110px;background:var(--bg-soft-2);border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:10px}
.coa__bar i{display:block;height:100%;width:99.3%;background:var(--crimson)}

/* ---------- FAQ ---------- */
.faq-list{max-width:840px;margin:0 auto;border-top:1px solid var(--line)}
.faq{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:800;font-size:18px;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{flex-shrink:0;width:30px;height:30px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;color:var(--crimson);transition:.2s;font-size:20px;line-height:0}
.faq[open] summary .pm{transform:rotate(45deg);background:var(--crimson);border-color:var(--crimson);color:#fff}
.faq p{padding:0 4px 24px;color:var(--muted);font-size:15px;max-width:720px}

/* ---------- CTA dark band ---------- */
.cta-band{background:var(--navy);color:#fff}
.cta-band .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:68px 28px}
.cta-band h2{color:#fff;font-size:clamp(28px,3.4vw,42px);font-weight:900;letter-spacing:-.025em;margin-bottom:12px}
.cta-band p{color:#aeb9c6;max-width:420px;font-size:15.5px}
.cta-band form{display:flex;gap:11px}
.cta-band input{flex:1;background:#0A1C30;border:1px solid #1d3047;border-radius:var(--r);padding:15px 17px;color:#fff;font-size:15.5px}
.cta-band input:focus{outline:none;border-color:var(--crimson)}
.cta-band input::placeholder{color:#6b7787}
@media(max-width:760px){.cta-band .wrap{grid-template-columns:1fr;gap:24px;padding:50px 28px}.cta-band form{flex-direction:column}}

/* ---------- footer ---------- */
.foot{background:var(--navy);color:#aeb9c6;padding:64px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:42px;margin-bottom:48px}
.foot-grid img{height:46px;margin-bottom:18px}
.foot-grid .blurb{font-size:14px;max-width:300px;color:#8b96a4}
.foot-col h4{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.foot-col a{display:block;color:#aeb9c6;font-size:14px;padding:6px 0;transition:.15s}
.foot-col a:hover{color:#fff}
.disclaimer{border:1px solid #1d3047;border-radius:8px;background:#06182b;padding:18px 22px;margin-bottom:28px;font-size:12.5px;line-height:1.7;color:#7a8694}
.disclaimer b{color:var(--crimson);font-weight:700}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #14283d;padding-top:24px;color:#6b7787;font-size:13px}
.foot-bottom .pays{display:flex;gap:8px}
.foot-bottom .pays span{font-family:var(--mono);font-size:10.5px;border:1px solid #1d3047;border-radius:4px;padding:5px 9px;color:#8b96a4}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}

/* ---------- toast / reveal ---------- */
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,140%);background:var(--navy);color:#fff;font-weight:800;padding:14px 24px;border-radius:10px;z-index:99;transition:transform .35s cubic-bezier(.2,1.2,.4,1);box-shadow:var(--sh-lg);font-size:14px}
.toast.show{transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ---------- shop toolbar ---------- */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.toolbar .count{font-size:14px;color:var(--muted);font-weight:600}
.toolbar .count b{color:var(--navy)}
.field{display:flex;align-items:center;gap:8px}
.search-box{position:relative}
.search-box svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--steel)}
.search-box input{border:1px solid var(--line-2);border-radius:var(--r);padding:11px 14px 11px 38px;font-size:14.5px;width:240px;background:#fff;color:var(--ink)}
.search-box input:focus{outline:none;border-color:var(--navy)}
select.sort{border:1px solid var(--line-2);border-radius:var(--r);padding:11px 36px 11px 14px;font-size:14.5px;font-weight:600;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%235B6675' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;cursor:pointer}
select.sort:focus{outline:none;border-color:var(--navy)}
.shop-layout{display:grid;grid-template-columns:1fr;gap:34px}
.empty{text-align:center;padding:60px 0;color:var(--muted)}

/* ---------- category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cat-grid{grid-template-columns:1fr}}
.cat-tile{position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;padding:28px;transition:.2s;box-shadow:var(--sh-sm);overflow:hidden}
.cat-tile::after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--crimson);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.cat-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:var(--line-2)}
.cat-tile:hover::after{transform:scaleY(1)}
.cat-tile .ic{width:40px;height:40px;color:var(--crimson);stroke-width:1.6;margin-bottom:18px}
.cat-tile h3{font-size:22px;font-weight:800;margin-bottom:8px}
.cat-tile p{font-size:14.5px;color:var(--muted);margin-bottom:18px}
.cat-tile .meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}
.cat-tile .meta .n{font-family:var(--mono);font-size:12px;color:var(--steel)}
.cat-tile .meta .go{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);display:flex;align-items:center;gap:6px}
.cat-tile:hover .meta .go{color:var(--crimson)}

/* ---------- product detail ---------- */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}
.pdp__media{position:sticky;top:100px;border:1px solid var(--line);border-radius:16px;background:var(--bg-soft);padding:30px;box-shadow:var(--sh-sm)}
.pdp__media .frame{position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.pdp__media img{width:100%;height:100%;object-fit:contain}
.pdp__media .badge{position:absolute;top:0;left:0;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line-2);padding:6px 10px;border-radius:6px;box-shadow:var(--sh-sm)}
.pdp__media .badge b{color:var(--green)}
.pdp__cat{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--crimson);margin-bottom:12px}
.pdp h1{font-size:clamp(34px,4.5vw,50px);font-weight:900;letter-spacing:-.03em;margin-bottom:14px}
.pdp__tag{font-size:17px;color:var(--muted);margin-bottom:22px}
.pdp__price{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.pdp__price .p{font-weight:900;font-size:36px;color:var(--navy)}
.pdp__price .p span{color:var(--crimson);font-size:22px;vertical-align:super}
.pdp__price .stock{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:7px}
.pdp__price .stock::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.pdp__buy{display:flex;gap:12px;align-items:stretch;margin-bottom:24px}
.qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.qty button{width:44px;font-size:20px;font-weight:700;color:var(--navy);background:#fff}
.qty button:hover{background:var(--bg-soft)}
.qty input{width:46px;text-align:center;border:none;font-size:16px;font-weight:700;color:var(--navy);-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pdp__buy .btn{flex:1;justify-content:center}
.notice{display:flex;gap:11px;border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--r);padding:14px 16px;font-size:13.5px;color:var(--muted);margin-bottom:26px}
.notice svg{flex-shrink:0;color:var(--crimson);margin-top:2px}
.spec{border-top:1px solid var(--line)}
.spec h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:24px 0 6px;color:var(--navy)}
.spec__row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.spec__row span:first-child{color:var(--muted)}
.spec__row span:last-child{color:var(--navy);font-weight:600;font-family:var(--mono);font-size:13px;text-align:right}
.pdp__desc{font-size:15.5px;color:#36424f;margin-top:14px}
.pdp__desc p{margin-bottom:12px}
@media(max-width:860px){.pdp{grid-template-columns:1fr;gap:28px}.pdp__media{position:static}}

/* ---------- about ---------- */
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-hero img{border-radius:14px;border:1px solid var(--line);box-shadow:var(--sh-md);background:var(--bg-soft)}
.about-hero h2{font-size:clamp(28px,3.4vw,42px);font-weight:900;letter-spacing:-.025em;margin-bottom:16px}
.about-hero p{color:#36424f;font-size:16px;margin-bottom:14px}
@media(max-width:820px){.about-hero{grid-template-columns:1fr;gap:28px}}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:820px){.values{grid-template-columns:1fr}}
.value{border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px;box-shadow:var(--sh-sm)}
.value .ic{width:38px;height:38px;color:var(--crimson);stroke-width:1.6;margin-bottom:16px}
.value h3{font-size:19px;font-weight:800;margin-bottom:8px}
.value p{font-size:14.5px;color:var(--muted)}
.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.stat-band .s{padding:34px 24px;border-right:1px solid var(--line);text-align:center}
.stat-band .s:last-child{border-right:none}
.stat-band .n{font-weight:900;font-size:40px;color:var(--navy);letter-spacing:-.03em}
.stat-band .n em{font-style:normal;color:var(--crimson)}
.stat-band .l{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px}
@media(max-width:760px){.stat-band{grid-template-columns:1fr 1fr}.stat-band .s:nth-child(2){border-right:none}.stat-band .s{border-bottom:1px solid var(--line)}}

/* ---------- process steps (quality) ---------- */
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px 26px 26px 78px;box-shadow:var(--sh-sm)}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:24px;top:24px;font-family:var(--mono);font-size:15px;font-weight:700;color:#fff;background:var(--crimson);width:34px;height:34px;border-radius:8px;display:grid;place-items:center}
.step h3{font-size:18px;font-weight:800;margin-bottom:7px}
.step p{font-size:14px;color:var(--muted)}

/* quality split */
.q-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.q-split h2{font-size:clamp(30px,3.6vw,44px);font-weight:900;letter-spacing:-.025em;margin:12px 0 16px}
.q-split .lead{color:#36424f;font-size:16px}
.q-split ul{list-style:none;margin-top:24px}
.q-split li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.q-split li svg{flex-shrink:0;color:var(--crimson);margin-top:2px}
.q-split li b{color:var(--navy)}
@media(max-width:860px){.q-split{grid-template-columns:1fr;gap:38px}}