:root{
  --ink:#0E0E10;--ink-2:#141518;--graphite:#1B1C20;--line:#2B2C31;--line-2:#222327;
  --text:#EDE9E2;--muted:#A59F97;--dim:#6F6B65;
  --yellow:#F5C518;--yellow-ink:#1A1400;--oak:#C89B5A;
  --cut:14px;--safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font:16px/1.55 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:Manrope,system-ui,sans-serif;text-wrap:balance;margin:0;font-weight:600;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,8.4vw,4.6rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}
h2{font-size:clamp(1.6rem,5.6vw,2.8rem);font-weight:800;letter-spacing:-.015em}
h3{font-size:1.05rem;font-weight:500}
p{margin:0}
.wrap{width:min(1200px,calc(100% - 2rem));margin:0 auto}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--oak)}
.lead{font-size:clamp(1rem,2.6vw,1.25rem);color:var(--muted);line-height:1.45;max-width:36ch}
.y{color:var(--yellow)}
.cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--yellow);color:var(--yellow-ink);font-weight:700;font-size:.95rem;padding:1rem 1.5rem;border:0;cursor:pointer;text-decoration:none;--cut:12px;transition:transform .18s ease,filter .18s ease;min-height:52px}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn.ghost{background:rgba(14,14,16,.55);color:var(--text);box-shadow:inset 0 0 0 1.5px rgba(237,233,226,.35);backdrop-filter:blur(6px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
section{padding:clamp(3rem,9vw,6.5rem) 0}
.sec-head{display:grid;gap:.8rem;margin-bottom:clamp(1.4rem,5vw,2.6rem)}
.sec-head h2{margin-top:.4rem}
@media (min-width:900px){.sec-head{grid-template-columns:1fr auto;align-items:end;gap:1rem 3rem}.sec-head .lead{max-width:44ch}}

/* reveal: только сдвиг, без скрытия */
.rv{transform:translateY(16px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}

/* header */
.top{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;gap:1rem;transition:background .25s,box-shadow .25s}
.top.solid{background:rgba(14,14,16,.82);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line-2)}
.top .logo{display:flex;align-items:center;text-decoration:none}
.top .logo img{height:30px;width:auto}
.top nav{display:none}
.top .btn{padding:.6rem 1rem;font-size:.85rem;min-height:40px}
@media (min-width:900px){
  .top{padding:.9rem 2rem}.top nav{display:flex;gap:1.6rem;font-size:.9rem;font-weight:600}
  .top nav a{text-decoration:none;color:var(--muted)}.top nav a:hover{color:var(--text)}
}

/* hero */
.hero{position:relative;min-height:min(100svh,900px);display:flex;align-items:flex-end;padding:0 0 clamp(1.2rem,4vw,3rem);isolation:isolate;overflow:hidden}
.hero .media{position:absolute;inset:0;z-index:-2}
.hero .media video,.hero .media img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero .media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,14,16,.96) 0%,rgba(14,14,16,.7) 26%,rgba(14,14,16,.12) 52%,rgba(14,14,16,0) 72%,rgba(14,14,16,.3) 100%)}
.hero .slab{position:absolute;right:-14vw;top:16%;width:52vw;height:46%;background:var(--yellow);opacity:.14;z-index:-1;--cut:40px}
.hero .wrap{padding-top:52svh}
.hero h1{margin-top:.6rem;max-width:12ch;font-size:clamp(1.9rem,7.2vw,4.2rem)}
.hero .lead{margin-top:.8rem;color:var(--text);text-shadow:0 1px 12px rgba(0,0,0,.5)}
.hero .cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.hero .cta .btn{flex:1 1 220px}
.chips{display:flex;gap:.6rem;margin-top:1rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chips span{flex:none;display:inline-flex;align-items:baseline;gap:.4rem;background:rgba(27,28,32,.75);border:1px solid var(--line);padding:.55rem .85rem;font-size:.8rem;color:var(--muted);--cut:9px;backdrop-filter:blur(6px)}
.chips b{font-family:Manrope,sans-serif;font-weight:600;color:var(--yellow);font-size:.9rem;font-variant-numeric:tabular-nums}
.scroll-hint{position:absolute;left:50%;bottom:.6rem;transform:translateX(-50%);width:22px;height:34px;border:1.5px solid rgba(237,233,226,.35);border-radius:12px;display:none}
.scroll-hint::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--yellow);animation:hint 1.6s infinite}
@keyframes hint{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
@media (min-width:900px){
  .hero{min-height:min(92vh,880px);align-items:flex-end}
  .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;padding-top:14rem}
  .hero .media video,.hero .media img{object-position:center}
  .hero .media::after{background:linear-gradient(to top,rgba(14,14,16,.95) 0%,rgba(14,14,16,.55) 30%,rgba(14,14,16,.05) 60%,rgba(14,14,16,.25) 100%),linear-gradient(90deg,rgba(14,14,16,.55) 0%,rgba(14,14,16,0) 55%)}
  .hero .slab{right:-4%;top:14%;width:20vw;height:56%;opacity:.28}
  .hero .cta .btn{flex:0 0 auto}
  .scroll-hint{display:block}
}

/* gallery */
.gallery{background:var(--ink-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem 1rem;margin:0 -1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:1rem}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.ph{position:relative;display:block;background:var(--graphite);--cut:16px;text-decoration:none;color:inherit;cursor:zoom-in;overflow:hidden}
.ph img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .6s ease}
.ph.wide img{aspect-ratio:16/10}
.ph:hover img{transform:scale(1.04)}
.ph .cap{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1rem .9rem;background:linear-gradient(to top,rgba(14,14,16,.9),transparent);font-size:.88rem;font-weight:600}
.ph .cap small{display:block;color:var(--muted);font-weight:500;font-size:.78rem;margin-top:.15rem}
.ph .zoom{position:absolute;top:.7rem;right:.7rem;width:34px;height:34px;border-radius:50%;background:rgba(14,14,16,.6);backdrop-filter:blur(6px);display:grid;place-items:center;color:var(--text)}
.ph .zoom svg{width:16px;height:16px}
.ph.video .zoom{width:52px;height:52px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);background:var(--yellow);color:var(--yellow-ink)}
.ph.video .zoom svg{width:20px;height:20px;margin-left:3px}
.dots{display:flex;gap:.4rem;justify-content:center;margin-top:.4rem}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.dots i.on{background:var(--yellow);width:18px;border-radius:3px}
@media (min-width:900px){
  .rail{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;padding:0;margin:0;gap:1.1rem}
  .rail .ph.wide{grid-column:span 2}
  .dots{display:none}
}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;counter-reset:st}
.steps li{counter-increment:st;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;background:var(--graphite);border:1px solid var(--line-2);padding:1.1rem 1.1rem 1.1rem 1rem;--cut:14px}
.steps .ico{position:relative;width:56px;height:56px;border:1.5px solid var(--yellow);border-radius:50%;display:grid;place-items:center}
.steps .ico img{width:30px;height:30px}
.steps .ico::after{content:"0" counter(st);position:absolute;top:-7px;right:-7px;background:var(--ink);border:1px solid var(--line);font-family:Manrope,sans-serif;font-size:.62rem;font-weight:600;color:var(--oak);padding:.15rem .35rem;border-radius:10px}
.steps h3{font-size:1rem}
.steps p{color:var(--muted);font-size:.9rem;margin-top:.3rem;line-height:1.45}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,1fr);gap:1.1rem}.steps li{grid-template-columns:1fr;padding:1.4rem}.steps .ico{margin-bottom:.9rem}}

/* benefits */
.bento{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.tile{background:var(--graphite);border:1px solid var(--line-2);padding:1rem;--cut:13px;display:grid;gap:.7rem;transition:border-color .2s}
.tile:hover{border-color:var(--oak)}
.tile img{width:100%;aspect-ratio:1;object-fit:cover;--cut:9px;max-height:110px}
.tile b{font-size:.92rem;line-height:1.3}
.tile span{color:var(--muted);font-size:.8rem;line-height:1.4}
.tile:last-child{grid-column:span 2;grid-template-columns:110px 1fr;align-items:center}
.tile:last-child img{max-height:none}
@media (min-width:900px){.bento{grid-template-columns:repeat(6,1fr);gap:1.1rem}.tile{grid-column:span 2;grid-template-columns:90px 1fr;align-items:center;padding:1.3rem}.tile img{max-height:none}.tile:nth-child(4),.tile:last-child{grid-column:span 3}.tile b{font-size:1rem}.tile span{font-size:.86rem}}

/* band */
.band{padding:0}
.band .inner{position:relative;padding:3rem 1.2rem;text-align:center;background:var(--graphite) center/cover no-repeat;isolation:isolate}
.band .inner::before{content:"";position:absolute;inset:0;background:rgba(14,14,16,.78);z-index:-1}
.band h2{font-size:clamp(1.3rem,4.6vw,2.1rem);max-width:22ch;margin:0 auto}
.band p{color:var(--muted);margin:.8rem auto 1.5rem;max-width:40ch}
.band .btn{width:100%;max-width:360px}

/* kits */
.kits{display:grid;gap:.9rem}
.kit{position:relative;--cut:20px;background:var(--graphite);overflow:hidden;display:block;cursor:zoom-in}
.kit img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s ease}
.kit:hover img{transform:scale(1.04)}
.kit .cap{position:absolute;left:0;right:0;bottom:0;padding:1.3rem 1.2rem 1.1rem;background:linear-gradient(to top,rgba(14,14,16,.94) 30%,transparent)}
.kit .cap b{display:block;font-family:Manrope,sans-serif;font-weight:500;font-size:1rem}
.kit .cap span{display:block;color:var(--muted);font-size:.84rem;margin-top:.25rem}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem}
.feats div{display:flex;gap:.7rem;align-items:center;padding:.9rem;border:1px solid var(--line-2);--cut:12px;font-size:.84rem;font-weight:600;line-height:1.3}
.feats img{width:34px;height:34px;flex:none}
@media (min-width:900px){.kits{grid-template-columns:repeat(3,1fr);gap:1.2rem}.kit img{aspect-ratio:3/4}.feats{grid-template-columns:repeat(4,1fr);gap:1.2rem}.feats div{padding:1.1rem 1.2rem;font-size:.92rem}.feats img{width:42px;height:42px}}

/* video answers */
.vids{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem .6rem;margin:0 -1rem;scrollbar-width:none;scroll-padding:1rem}
.vids::-webkit-scrollbar{display:none}
.vids>*{scroll-snap-align:start}
.vids .ph img{aspect-ratio:3/4}
.vids .ph .cap{padding-top:3rem}
@media (min-width:900px){.vids{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible;padding:0;margin:0;gap:1.1rem}}

/* form */
.lead-form{background:var(--ink-2);border-top:1px solid var(--line-2);position:relative;overflow:hidden}
.lead-form .shape{position:absolute;right:-30%;top:-4%;height:108%;width:70%;opacity:.12;pointer-events:none}
.lead-form .shape img{height:100%;width:100%;object-fit:contain;object-position:right}
.lead-form form{position:relative;display:grid;gap:.7rem;margin-top:1.4rem;max-width:520px}
.form-card{position:relative;background:linear-gradient(160deg,#202126,#16171A);border:1.5px solid rgba(245,197,24,.55);padding:1.4rem 1.2rem 1.3rem;--cut:20px;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(245,197,24,.08) inset;margin-top:1.4rem;max-width:560px}
.form-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:38%;background:var(--yellow)}
.form-card .fc-head{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}
.form-card .fc-head .badge{flex:none;min-width:56px;height:52px;padding:0 .5rem;white-space:nowrap;background:var(--yellow);color:var(--yellow-ink);display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:700;font-size:.9rem;--cut:10px}
.form-card .fc-head b{display:block;font-size:1rem;line-height:1.3}
.form-card .fc-head span{display:block;color:var(--muted);font-size:.84rem;margin-top:.15rem}
.form-card form{margin-top:0;max-width:none}
.gets{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.6rem;max-width:520px}
.gets li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;color:var(--text)}
.gets li i{flex:none;width:22px;height:22px;margin-top:.1rem;background:var(--yellow);display:grid;place-items:center;--cut:6px}
.gets li i::after{content:"";width:6px;height:10px;border:solid var(--yellow-ink);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}
.lead-form input,.lead-form select{width:100%;background:#0F1012;color:var(--text);border:1px solid #33353B;padding:1rem 1.05rem;font:inherit;font-size:1rem;border-radius:0;--cut:10px;appearance:none;min-height:56px;transition:border-color .15s,box-shadow .15s}
.lead-form input:focus,.lead-form select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,197,24,.18);outline:none}
.lead-form input::placeholder{color:var(--dim)}
.lead-form select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%;background-size:6px 6px;background-repeat:no-repeat}
.lead-form select:invalid{color:var(--dim)}
.lead-form .btn{width:100%;margin-top:.4rem;min-height:58px;font-size:1.02rem;box-shadow:0 12px 30px rgba(245,197,24,.22)}
.lead-form small{color:var(--dim);font-size:.78rem;line-height:1.4}
.err{color:#F08A83;font-size:.85rem;display:none}
.done{display:none;background:var(--graphite);border:1px solid var(--oak);padding:1.3rem 1.3rem;--cut:14px;margin-top:0;max-width:none}
.done b{font-family:Manrope,sans-serif;font-weight:500;display:block;margin-bottom:.4rem}
.done p{color:var(--muted);font-size:.95rem}
.sent form{display:none}.sent .done{display:block}
@media (min-width:900px){.lead-form .shape{right:-6%;top:-10%;height:120%;width:46%;opacity:.9}.lead-form .grid{display:grid;grid-template-columns:.9fr 1fr;gap:4rem;align-items:center}.form-card{margin-top:0;padding:1.8rem 1.6rem 1.6rem}.gets{margin-top:1.6rem}}

/* reviews */
.revs{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem .8rem;margin:0 -1rem;scrollbar-width:none;scroll-padding:1rem}
.revs::-webkit-scrollbar{display:none}
.revs>*{scroll-snap-align:start}
.rev{background:var(--graphite);border:1px solid var(--line-2);--cut:16px;display:flex;flex-direction:column}
.rev img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:zoom-in}
.rev p{padding:1rem 1.1rem 1.2rem;font-size:.9rem;color:var(--muted);line-height:1.5}
.rev p::before{content:"“";color:var(--yellow);font-family:Manrope,sans-serif;font-size:1.4rem;line-height:0;margin-right:.2rem;vertical-align:-.3rem}
@media (min-width:900px){.revs{grid-auto-columns:minmax(280px,1fr);overflow-x:auto;padding:0 0 .8rem;margin:0;gap:1.1rem;scrollbar-width:thin;scrollbar-color:var(--line) transparent}}

/* footer */
footer{border-top:1px solid var(--line-2);padding:2rem 0 calc(2rem + 64px + var(--safe-b));color:var(--muted);font-size:.86rem}
footer .wrap{display:grid;gap:1.2rem;text-align:center;justify-items:center}
footer .logo img{height:28px}
footer .social{display:flex;gap:.7rem}
footer .social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}
footer .social a:hover{border-color:var(--yellow)}
footer .social img{width:18px;height:18px}
@media (min-width:900px){footer{padding-bottom:2.4rem}footer .wrap{grid-template-columns:1fr auto 1fr;text-align:left;justify-items:stretch;align-items:center}footer .social{justify-content:flex-end}}

/* sticky bottom CTA (mobile) */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:.6rem .8rem calc(.6rem + var(--safe-b));background:rgba(14,14,16,.9);backdrop-filter:blur(12px);border-top:1px solid var(--line-2);transform:translateY(110%);transition:transform .3s ease}
.sticky-cta.show{transform:none}
.sticky-cta .btn{width:100%}
@media (min-width:900px){.sticky-cta{display:none}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:50;background:rgba(8,8,9,.96);display:none;flex-direction:column;touch-action:pan-y}
.lb.open{display:flex}
.lb .bar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem calc(.8rem);color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
.lb .bar button,.lb .nav{background:rgba(27,28,32,.85);border:1px solid var(--line);color:var(--text);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:1.2rem}
.lb .stage{flex:1;position:relative;display:grid;place-items:center;overflow:hidden;padding:0 .5rem}
.lb .media{width:100%;height:100%;display:grid;place-items:center}
.lb .stage img,.lb .stage video{max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s ease;user-select:none;-webkit-user-drag:none}
.lb .stage img.zoomed{transform:scale(2);cursor:zoom-out}
.lb .cap{padding:.8rem 1rem calc(.9rem + var(--safe-b));text-align:center;color:var(--muted);font-size:.88rem;min-height:2.6rem}
.lb .nav{position:absolute;top:50%;transform:translateY(-50%);display:none}
.lb .nav.prev{left:1rem}.lb .nav.next{right:1rem}
@media (min-width:900px){.lb .nav{display:grid}.lb .stage{padding:0 5rem}}

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