@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter.woff2) format("woff2")}
:root{--ink:#14140f;--mute:#63635c;--line:#e6e5df;--bg:#fbfaf7;--card:#f2f1ec;--white:#fff;--accent:#14140f;--soft:#f2f1ec;--r:18px;--max:1200px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.08;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.4vw,4.2rem);font-weight:750}h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:720}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--mute);max-width:56ch;text-wrap:pretty}
header.site{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.86);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;gap:16px}
.logo{font-weight:850;font-size:1.36rem;letter-spacing:-.045em}.logo span{color:#e8472b;margin-left:.16em}
nav.main{display:contents}nav.main .cats,nav.main .extra{display:flex;gap:4px;align-items:center}nav.main .cats{justify-self:center}nav.main .extra{justify-self:end}
nav.main a{white-space:nowrap;padding:9px 13px;border-radius:999px;font-size:.93rem;font-weight:550;color:#33332d;transition:background .15s}
nav.main a:hover,nav.main a.on{background:var(--card);color:var(--ink)}
nav.main a.cta{background:var(--ink);color:#fff;margin-left:8px}nav.main a.cta:hover{background:#000}
.burger{display:none;background:none;border:0;padding:10px;margin-right:-10px;cursor:pointer}
.burger i{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:650;font-size:1rem;background:var(--ink);color:#fff;border:1px solid var(--ink);transition:transform .15s,box-shadow .15s;cursor:pointer}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.btn.ghost{background:transparent;color:var(--ink);border-color:#cfcec6}.btn.accent{background:var(--accent);border-color:var(--accent)}
.hero{padding:clamp(40px,7vw,88px) 0 clamp(36px,6vw,72px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.hero p.lead{margin:22px 0 30px}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}
.facts{display:flex;gap:28px;margin-top:38px;flex-wrap:wrap}.facts div{font-size:.86rem;color:var(--mute)}.facts b{display:block;font-size:1.5rem;color:var(--ink);letter-spacing:-.03em}
.heroimg{border-radius:26px;overflow:hidden;aspect-ratio:5/4;background:var(--card);box-shadow:0 30px 60px -40px rgba(0,0,0,.45)}.heroimg img{width:100%;height:100%;object-fit:cover}
.bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:1/1}
.bento a{position:relative;border-radius:22px;overflow:hidden;background:var(--soft);display:flex;align-items:center;justify-content:center;padding:18px;transition:transform .25s}
.bento a:hover{transform:scale(1.015)}.bento img{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);object-fit:contain;mix-blend-mode:multiply}
.bento b{position:absolute;left:14px;top:12px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
section{padding:clamp(40px,6vw,80px) 0}.sechead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.sechead p{margin:10px 0 0;color:var(--mute);max-width:60ch}.more{font-weight:650;border-bottom:2px solid var(--ink);padding-bottom:2px;white-space:nowrap}
.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.brand{grid-column:span 2;border-radius:24px;background:var(--soft);padding:26px 26px 0;display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:transform .25s,box-shadow .25s}
.brand:nth-child(-n+2){grid-column:span 3}
.brand:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(0,0,0,.35)}
.brand{align-items:center;text-align:center}.brand .pic{width:100%}.brand h3{margin-top:14px;width:165px;height:60px;display:flex;align-items:center;justify-content:center}.brand h3 img{width:100%;height:100%;max-height:none;object-fit:contain;mix-blend-mode:normal;transform:none!important}.seghero img.seglogo{height:72px;width:220px;max-width:none;object-fit:contain;object-position:left;margin-bottom:22px;mix-blend-mode:normal;max-height:none}.brand p{color:#4b4b44;margin:10px 0 0;font-size:.96rem;max-width:36ch}
.brand .go{margin-top:12px;font-weight:650;color:var(--accent);font-size:.95rem}
.brand .pic{flex:1;display:flex;align-items:center;justify-content:center;margin:12px 0 24px}
.brand img{max-height:150px;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.brand:hover img{transform:scale(1.04)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(0,0,0,.4);border-color:#d5d4cc}
.card .ph{aspect-ratio:1/1;background:var(--card);position:relative}
.card .ph img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;mix-blend-mode:multiply}
.card .tx{padding:16px 18px 18px;display:flex;flex-direction:column;gap:5px;flex:1}
.card .eyebrow{font-size:.66rem}.card h3{font-size:1.04rem;font-weight:680;letter-spacing:-.012em;line-height:1.25}
.card .sub{font-size:.86rem;color:var(--mute);line-height:1.4}
.card .ft{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center}
.price{font-weight:750;font-size:1.1rem;letter-spacing:-.02em}
.rate{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--mute)}
.stars{position:relative;display:inline-block;color:#d9d8d0;font-size:.86rem;letter-spacing:1px;line-height:1}
.stars span{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f2a900}
.usps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.usp{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:var(--white)}
.usp h3{font-size:1.1rem;letter-spacing:-.015em;margin-bottom:8px;line-height:1.25}.usp p{margin:0;color:var(--mute);font-size:.95rem}
.usp .n{font-size:.78rem;font-weight:700;color:#e8472b;letter-spacing:.1em;margin-bottom:14px}
.band{background:var(--ink);color:#fff;border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.3fr auto;gap:28px;align-items:center}
.band p{color:#c9c8c0;margin:14px 0 0;max-width:54ch}.band .btn{background:#fff;color:var(--ink);border-color:#fff}
.band.light{background:var(--white);color:var(--ink);border:1px solid var(--line)}.band.light p{color:var(--mute)}.band.light .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
section.pband{padding:clamp(20px,3vw,40px) 0}.partners{background:#000;padding:clamp(34px,4.6vw,60px) 0 clamp(38px,5vw,66px);text-align:center;overflow:hidden}.partners h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:clamp(22px,2.8vw,36px)}
.plogos{overflow:hidden}.ptrack{display:flex;align-items:center;width:max-content;animation:marq 60s linear infinite}.plogos:hover .ptrack{animation-play-state:paused}@keyframes marq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ptrack{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.ptrack>span[aria-hidden]{display:none!important}}.ptrack a,.ptrack .pl{display:flex;flex:none;align-items:center;justify-content:center;width:max(20vw,190px);height:56px;opacity:.96;transition:opacity .2s}.plogos a:hover{opacity:1}.plogos img{height:calc(var(--h)*var(--ps,1)*1px);width:auto;max-width:none}
.seghero{background:var(--soft);padding:clamp(36px,6vw,72px) 0}
.seghero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.seghero h1{font-size:clamp(2rem,4.4vw,3.4rem);margin:12px 0 18px}.seghero .lead{color:#44443d}
.seghero .pic{display:flex;justify-content:center}.seghero img{max-height:360px;mix-blend-mode:multiply;object-fit:contain}
.crumbs{font-size:.84rem;color:var(--mute);padding:22px 0 0}.crumbs a:hover{color:var(--ink);text-decoration:underline}
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);padding:26px 0 0;align-items:start}
.gal{position:sticky;top:92px}.gal .main{background:var(--card);border-radius:24px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:28px}
.gal .main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.thumbs button{width:72px;height:72px;border-radius:14px;border:2px solid transparent;background:var(--card);padding:6px;cursor:pointer}
.thumbs button.on{border-color:var(--ink)}.thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.info h1{font-size:clamp(1.8rem,3.4vw,2.7rem);margin:10px 0 10px}.info .sub{color:var(--mute);font-size:1.08rem;margin:0 0 16px}
.info .price{font-size:2rem;display:block;margin:20px 0 4px}.info .note{font-size:.84rem;color:var(--mute);margin:0 0 20px}
.info .btn{width:100%;justify-content:center;padding:18px 24px;font-size:1.05rem}
.assure{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px;font-size:.93rem;color:#3b3b35}
.assure li{padding-left:26px;position:relative}.assure li:before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.vars{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 0}.vars a,.vars span{padding:8px 14px;border-radius:999px;border:1px solid #cfcec6;font-size:.88rem;font-weight:550}
.vars span{background:var(--ink);color:#fff;border-color:var(--ink)}.vars a:hover{border-color:var(--ink)}
.cols{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.desc{font-size:1rem;color:#2c2c27}.desc h3{font-size:1.08rem;font-weight:680;letter-spacing:-.01em;line-height:1.35;margin:26px 0 10px}.desc h3:first-child{margin-top:0}
.desc h3 strong{font-weight:inherit}.desc p{margin:0 0 14px}.desc ul{padding-left:20px;margin:0 0 16px}.desc li{margin-bottom:6px}.desc li p{margin:0}
.specs{border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:8px 22px}
.specs h2{font-size:1.15rem;padding:16px 0 8px}.specs dl{margin:0}
.specs div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid var(--line);font-size:.92rem}
.specs dt{color:var(--mute)}.specs dd{margin:0;text-align:right;font-weight:550}
.legal .desc{max-width:74ch}.legal .desc h3{font-size:1.2rem;margin-top:34px}.legal a{text-decoration:underline}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:48px 0 32px;font-size:.93rem;color:var(--mute)}
footer .cols4{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}footer h4{color:var(--ink);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
footer a{display:block;padding:3px 0}footer a:hover{color:var(--ink)}footer .small{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:.82rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:980px){.grid{grid-template-columns:repeat(3,1fr)}.hero .wrap,.seghero .wrap,.pdp,.cols{grid-template-columns:1fr}.gal{position:static}.brand,.brand:nth-child(-n+2){grid-column:span 3}.brand:last-child{grid-column:span 6}.seghero .pic{order:-1}.seghero img{max-height:240px}footer .cols4{grid-template-columns:1fr 1fr}.band{grid-template-columns:1fr}}
@media(max-width:1080px){header.site .wrap{display:flex;justify-content:space-between}.burger{display:block}nav.main{display:none;position:absolute;left:0;right:0;top:68px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 16px 18px}nav.main.open{display:flex}nav.main .cats,nav.main .extra{flex-direction:column;align-items:stretch;gap:0}nav.main a{padding:13px 12px;font-size:1.02rem}nav.main a.cta{margin:8px 0 0;text-align:center}}
@media(max-width:760px){.partners{--ps:.86}.ptrack a,.ptrack .pl{width:46vw;height:48px}
.wrap{padding:0 16px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card .tx{padding:13px 13px 15px}.card .ft{flex-direction:column;align-items:flex-start;gap:6px}
.brand,.brand:nth-child(-n+2),.brand:last-child{grid-column:span 6;min-height:0}.usps,.contact{grid-template-columns:1fr}.thumbs button{width:60px;height:60px}.facts{gap:20px}}
@media(max-width:420px){footer .cols4{grid-template-columns:1fr}}