:root{--bg:#f4f4f5;--bg2:#fff;--bg3:#ececee;--tx:#2b2d31;--mt:#62666d;--ln:rgba(43,45,49,.12);--or:#f47c20;--or2:#c9620f;--on:#2b2d31;--sh:0 18px 40px -22px rgba(43,45,49,.35);
--d:'Unbounded','Onest',sans-serif;--b:'Nunito','Onest',system-ui,sans-serif}
:root[data-theme=dark]{--bg:#1d1e21;--bg2:#25272b;--bg3:#2e3035;--tx:#f2f4f5;--mt:#a6aab0;--ln:rgba(255,255,255,.12);--or2:#ff9a4d;--sh:0 18px 40px -22px #000}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--bg);color:var(--tx);font:400 17px/1.5 var(--b);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.w{width:min(1560px,100vw - clamp(40px,6vw,120px));margin-inline:auto}
section{padding:100px 0;position:relative}
h1,h2,h3{font-family:var(--d);font-weight:700;line-height:1.08;letter-spacing:-.02em}
h2{font-size:clamp(28px,4.2vw,54px);margin-bottom:44px}
.lab{font:600 12px var(--b);letter-spacing:.2em;text-transform:uppercase;color:var(--or2);margin-bottom:16px;display:flex;gap:12px;align-items:center}
.lab::before{content:"";width:34px;height:2px;background:var(--or)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px var(--b);padding:17px 28px;border-radius:99px;border:2px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.bp{background:var(--or);color:var(--on)}.bp:hover{background:var(--or2);transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(244,124,32,.7)}
.bo{border-color:var(--tx);color:var(--tx);background:transparent}.bo:hover{background:var(--tx);color:var(--bg)}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}
.inv{--bg2:#2e3035;--bg3:#3a3d43;--tx:#f2f4f5;--mt:#98a3ac;--ln:rgba(255,255,255,.12);--or2:#ff9a4d;background:#2b2d31;color:var(--tx)}
:root[data-theme=dark] .inv{background:#151618}

/* promo bar + header */
.pb{background:var(--or);color:var(--on);font-weight:600;font-size:14px;text-align:center;padding:9px 12px}
.pb a{text-decoration:underline}
header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
header .w{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px}
.logo{display:flex;align-items:center;gap:11px;font:600 17px var(--d);white-space:nowrap}
nav{display:flex;gap:26px;font-weight:500;font-size:15px;white-space:nowrap}nav a:hover{color:var(--or2)}
.hr{display:flex;align-items:center;gap:14px}
.ph{font:600 16px var(--d);white-space:nowrap}
.th{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);cursor:pointer;display:grid;place-items:center;transition:.2s}
.th:hover{border-color:var(--or)}.th svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.th .moon{display:none}:root[data-theme=dark] .th .sun{display:none}:root[data-theme=dark] .th .moon{display:block}
.bur{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.bur i{display:block;width:24px;height:2px;background:var(--tx);margin:6px auto}

/* hero */
.hero{padding:56px 0 0;overflow:hidden}
.hg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.hero h1{font-size:clamp(32px,4.5vw,64px);font-weight:600;text-transform:uppercase;line-height:.98}
.hero h1 em{font-style:normal;color:var(--or)}
.hero p.l{font-size:clamp(18px,1.8vw,22px);color:var(--mt);margin:24px 0 32px;max-width:540px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.pills span{padding:9px 16px;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;font-size:14px}
.pills span::before{content:"✓";color:var(--or2);margin-right:8px;font-weight:600}
.hv{position:relative;aspect-ratio:1/1.02}
.hv .main{position:absolute;inset:0 0 14% 8%;border-radius:32px;overflow:hidden;box-shadow:var(--sh)}
.hv .main img{width:100%;height:100%;object-fit:cover}
.hv .sm{position:absolute;left:0;bottom:0;width:46%;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:6px solid var(--bg);background:#fff;box-shadow:var(--sh)}
.hv .sm img{width:100%;height:100%;object-fit:cover}
.chip2{position:absolute;right:-2%;top:10%;background:var(--bg2);border:1px solid var(--ln);border-radius:18px;padding:14px 20px;box-shadow:var(--sh);z-index:2}
.chip2 b{display:block;font:600 30px var(--d);color:var(--or2);line-height:1}.chip2 span{font-size:13px;color:var(--mt)}
.chip3{position:absolute;right:6%;bottom:2%;background:var(--or);color:var(--on);border-radius:18px;padding:14px 20px;font-weight:700;z-index:2;box-shadow:var(--sh)}
.chip3 small{display:block;font-weight:500;opacity:.75}
.stats{margin-top:64px;background:var(--or);color:var(--on)}
.stats .w{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:26px 0}
.stat{padding:0 14px;border-left:1px solid rgba(0,0,0,.2)}.stat:first-child{border:0;padding-left:0}
.stat b{display:block;font:600 clamp(22px,2.4vw,32px) var(--d);line-height:1.1;white-space:nowrap}.stat span{font-size:14px;font-weight:600}

.hero2{min-height:92vh;padding:70px 0 0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(900px 500px at 78% 38%,rgba(244,124,32,.22),transparent 65%),#1d1e21;color:#f2f4f5}
.hero2 .w{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero2 h1{font-size:clamp(46px,9.4vw,132px);line-height:.95;font-weight:600}
.hero2 h1 span{color:var(--or);display:block}
.hero2 p{font-size:clamp(18px,2vw,24px);color:#c4ccd2;margin:28px 0 34px;max-width:560px}
.hero2 .lab{color:var(--or)}.hero2 .lab::before{background:var(--or)}
.hb{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}.hb:hover{background:#fff;color:#000}
.hp{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hp span{padding:8px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600;color:#dfe4e8}.hp span::before{content:"✓";color:var(--or);margin-right:8px;font-weight:600}
.augerbig{position:absolute;right:-6%;bottom:8%;width:min(980px,78vw);z-index:1;opacity:.95;transform:rotate(-9deg)}.augerbig svg{width:100%;height:auto;display:block}
.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--or2);box-shadow:0 0 10px 3px rgba(255,154,77,.8);animation:sp 5s linear infinite;opacity:0;z-index:1}
@keyframes sp{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(-160px,-220px);opacity:0}}
.tick{border-block:1px solid rgba(255,255,255,.1);background:rgba(24,25,27,.8);overflow:hidden;position:relative;z-index:2;margin-top:56px}
.tick div{display:flex;gap:56px;padding:20px 0;width:max-content;animation:mq 38s linear infinite;font:600 15px var(--d);text-transform:uppercase;letter-spacing:.04em;color:#cdd3d8}.tick b{color:var(--or)}
@keyframes mq{to{transform:translateX(-50%)}}
.grain::after{content:"";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 baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.nums{background:#ececee;color:#1d1e21}.nums h2{color:#1d1e21}
.ng{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #1d1e21}
.n{padding:30px 24px 22px 0;border-right:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15)}.n:nth-child(3n){border-right:0}.n:nth-child(n+4){padding-top:30px}.n:nth-child(3n+2),.n:nth-child(3n){padding-left:28px}
.n b{display:block;font:600 clamp(50px,7vw,100px) var(--d);line-height:.95;letter-spacing:-.04em}.n b em{font-style:normal;color:var(--or)}
.n span{display:block;margin-top:12px;font-weight:600;font-size:17px}
@media (max-width:1100px){.augerbig{opacity:.5;width:130vw;right:-40%}}
@media (max-width:640px){.hero2{padding-top:50px}.ng{grid-template-columns:1fr 1fr}.n:nth-child(3n){border-right:1px solid rgba(0,0,0,.15)}.n:nth-child(2n){border-right:0;padding-left:20px}.n:nth-child(2n+1){padding-left:0}.n{padding-right:8px}.n b{font-size:34px}.n b em{font-size:.55em;margin-left:2px}.n span{font-size:15px}}
/* promos */
.promos{padding:70px 0 0}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pc{background:var(--bg2);border:1px solid var(--ln);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;transition:.25s;position:relative;overflow:hidden}
.pc:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.pc .tg{align-self:flex-start;background:var(--or);color:var(--on);font:800 11px var(--b);letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:99px}
.pc h3{font-size:21px}.pc p{color:var(--mt);font-size:15px;flex:1}.pc a{font-weight:700;color:var(--or2)}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{position:relative;aspect-ratio:1.5/1;border-radius:24px;background:var(--bg2);border:1px solid var(--ln);padding:26px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:.3s}
.tile:hover{border-color:var(--or);transform:translateY(-5px);box-shadow:var(--sh)}
.tile h3{font-size:clamp(24px,2.8vw,38px);position:relative}.tile small{color:var(--mt);font-size:14px;position:relative;display:block;margin-top:6px}
.tile .arr{align-self:flex-end;width:50px;height:50px;border-radius:50%;background:var(--or);color:var(--on);display:grid;place-items:center;font-size:22px;position:relative;transition:.3s}
.tile:hover .arr{transform:rotate(-45deg)}
.tile.ph1{color:#fff;border:0}.tile.ph1::before{content:"";position:absolute;inset:0;background:var(--img) center/cover}.tile.ph1::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.75))}.tile.ph1 small{color:#e5e9ec}.tile.ph1>*{z-index:1}
.tile.cta2{background:var(--or);color:var(--on);border-color:var(--or)}.tile.cta2 small{color:rgba(0,0,0,.65)}.tile.cta2 .arr{background:var(--on);color:var(--or)}

/* what we do */
.ty{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tp{border-radius:26px;overflow:hidden;background:var(--bg2);border:1px solid var(--ln);display:flex;flex-direction:column}
.tp .ph2{aspect-ratio:4/3;background:#fff;overflow:hidden}.tp .ph2 img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.tp:hover .ph2 img{transform:scale(1.05)}
.tp .tx{padding:24px 26px 28px}.tp h3{font-size:22px;margin-bottom:8px}.tp p{color:var(--mt);font-size:15px}
.sv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.sv div{padding:20px 22px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;display:flex;gap:12px;align-items:flex-start;font-size:16px}
.sv b{color:var(--or2);font:600 13px var(--d);padding-top:4px}
.wide{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wide figure{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/9}.wide figure img{width:100%;height:100%;object-fit:cover}
.wide figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 24px 20px;color:#fff;font-weight:700;font-size:18px;background:linear-gradient(transparent,rgba(0,0,0,.78))}

/* quote */
.qg{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.q h2{margin-bottom:30px}
.st{display:grid;gap:12px}
.st div{display:flex;align-items:center;gap:18px;font:600 19px var(--b);padding:18px 22px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln)}
.st i{flex:none;width:44px;height:44px;border-radius:50%;background:var(--or);color:var(--on);display:grid;place-items:center;font:600 16px var(--d);font-style:normal}
.st span{color:var(--mt);font-weight:400;font-size:15px;display:block}
.need{margin-top:22px;color:var(--mt);font-size:15px}.need b{color:var(--tx)}
.fm{background:var(--bg2);border:1px solid var(--ln);border-radius:30px;padding:36px;box-shadow:var(--sh)}
.fm h3{font-size:25px;margin-bottom:20px}
.fm input[type=text],.fm input[type=tel]{width:100%;padding:17px 20px;border-radius:14px;border:2px solid var(--ln);background:var(--bg);color:var(--tx);font:17px var(--b);margin-bottom:12px}
.fm input:focus{outline:none;border-color:var(--or)}
.drop{display:flex;align-items:center;gap:16px;padding:18px;border-radius:14px;border:2px dashed var(--ln);cursor:pointer;margin-bottom:12px;font-weight:600}
.drop:hover{border-color:var(--or)}.drop input{display:none}
.drop em{font-style:normal;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--tx);color:var(--bg);font-size:22px;flex:none}
.cs{display:flex;gap:10px;font-size:13px;color:var(--mt);margin:6px 0 18px}.cs input{accent-color:var(--or);margin-top:3px}
.fm .btn{width:100%}
.ok{display:none;text-align:center;padding:50px 0}.ok b{font:600 26px var(--d);display:block;margin-bottom:10px}
.fm.sent form{display:none}.fm.sent .ok{display:block}

/* catalog */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.chip{padding:11px 20px;border-radius:99px;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font:600 15px var(--b);cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--or)}.chip.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.srch{width:100%;max-width:440px;padding:15px 22px;border-radius:99px;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font:16px var(--b);margin-bottom:26px;display:block}
.srch:focus{outline:none;border-color:var(--or)}
.gr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cd{background:var(--bg2);border:1px solid var(--ln);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.cd:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:var(--sh)}
.pic{aspect-ratio:1.2/1;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden}
.pic svg{width:70%;height:auto}.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:.3s}.pic img.ok2{opacity:1}
.ds{position:absolute;left:12px;top:12px;background:var(--or);color:var(--on);font-weight:600;font-size:13px;padding:5px 11px;border-radius:99px;z-index:2}
.stk2{position:absolute;right:12px;top:12px;background:#16a34a;color:#fff;font-weight:700;font-size:12px;padding:5px 11px;border-radius:99px;z-index:2}
.cb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.cb h3{font:600 15px/1.35 var(--b);letter-spacing:0;min-height:40px}
.pr{margin-top:auto;display:flex;align-items:baseline;gap:10px}.pr b{font:600 21px var(--d)}.pr s{color:var(--mt);font-size:14px}
.cb a.rq{text-align:center;padding:12px;border-radius:12px;border:1.5px solid var(--ln);font-weight:700;font-size:15px;transition:.2s}.cb a.rq:hover{background:var(--or);border-color:var(--or);color:var(--on)}
.mr{text-align:center;margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.mr2{margin-top:14px;text-align:center;color:var(--mt);font-size:14px}.mr2 a{color:var(--or2);font-weight:600;text-decoration:underline}

/* production */
.pd h2{color:var(--tx)}
.pdh{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:10px}
.pdh .ph3{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pdh .ph3 img{border-radius:20px;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.rail{display:flex;gap:14px;overflow-x:auto;padding:8px 0 28px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--or) transparent;margin-top:20px}
.rail::before,.rail::after{content:"";flex:0 0 calc((100vw - min(1240px,100vw - 40px))/2)}
.stg{flex:0 0 min(270px,76vw);scroll-snap-align:start;aspect-ratio:4/4.6;border-radius:24px;background:var(--bg3);border:1px solid var(--ln);padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.stg .no{font:600 110px/1 var(--d);color:rgba(255,255,255,.06);position:absolute;right:8px;top:-4px}
.stg svg{width:56px;height:56px;stroke:var(--or);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stg h3{font-size:21px;line-height:1.15}
.mt3{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:10px}
.tbl{border-radius:22px;overflow:hidden;border:1px solid var(--ln);background:var(--bg2)}
.tbl div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 22px;border-bottom:1px solid var(--ln);align-items:center}.tbl div:last-child{border:0}
.tbl b{font:600 21px var(--d);color:var(--or2)}.tbl span{display:block;color:var(--mt);font-size:14px}
.oth{border-radius:22px;border:1px solid var(--ln);background:var(--bg2);padding:24px 26px}
.oth h3{font-size:18px;margin-bottom:12px}.oth li{list-style:none;padding:8px 0;border-bottom:1px solid var(--ln);color:var(--mt);font-size:15px}.oth li:last-child{border:0}.oth li::before{content:"◆";color:var(--or);margin-right:10px;font-size:11px}
.eq{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.eq span{padding:9px 16px;border-radius:99px;border:1px solid var(--ln);font-size:14px;color:var(--mt)}

/* why / about */
.wy{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wy div{padding:28px;border-radius:24px;background:var(--bg2);border:1px solid var(--ln)}
.wy svg{width:42px;height:42px;stroke:var(--or);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:46px;display:block}
.wy b{font:600 20px/1.15 var(--d)}.wy span{display:block;color:var(--mt);font-size:15px;margin-top:8px}
.story{margin-top:56px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}
.yr{font:600 clamp(90px,13vw,170px) var(--d);color:var(--or);line-height:.85;letter-spacing:-.05em}
.story p{color:var(--mt);max-width:640px}.story p+p{margin-top:12px}.story b{color:var(--tx)}
.tl{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tl span{padding:9px 16px;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);font-size:14px;font-weight:600}

/* trust */
.lg{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.lg figure{aspect-ratio:3/2;border-radius:18px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;overflow:hidden;padding:10px}
.lg img{max-width:100%;max-height:100%;object-fit:contain}
.lt{margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lt a{border-radius:18px;overflow:hidden;border:1px solid var(--ln);background:var(--bg2);position:relative;aspect-ratio:3/4}.lt img{width:100%;height:100%;object-fit:cover;transition:.4s}.lt a:hover img{transform:scale(1.05)}
.lt small{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;color:#fff;font-weight:600;font-size:13px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.sub3{font:600 14px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--mt);margin:46px 0 16px}
.ltr{display:flex;flex-wrap:wrap;gap:10px}.ltr span{padding:12px 20px;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;font-size:15px}.ltr span small{color:var(--mt);font-weight:400;margin-left:6px}

/* process */
.pr3{background:var(--or);color:var(--on)}
.pr3 .lab{color:var(--on)}.pr3 .lab::before{background:var(--on)}
.s3g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.s3{background:rgba(255,255,255,.3);border-radius:24px;padding:30px}
.s3 b{font:600 64px var(--d);display:block;line-height:1;margin-bottom:14px}.s3 h3{font-size:21px;margin-bottom:8px}
.pr3 .btn{background:var(--on);color:#fff;margin-top:30px}.pr3 .btn:hover{background:#fff;color:var(--on)}

/* delivery + faq */
.dv{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bx{background:var(--bg2);border:1px solid var(--ln);border-radius:26px;padding:32px}
.bx h3{font-size:22px;margin-bottom:14px}.bx p,.bx li{color:var(--mt);font-size:16px}.bx p+p{margin-top:10px}
.bx li{list-style:none;padding:7px 0 7px 28px;position:relative}.bx li::before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:600}
.bx b{color:var(--tx)}
.tkl{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.tkl figure{height:54px;padding:8px 18px;border-radius:14px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center}.tkl img{max-height:34px;width:auto}
.fq{max-width:900px;margin-top:0}
details{border-bottom:1px solid var(--ln)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;font:600 clamp(17px,2vw,22px) var(--b)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 38px/1 var(--b);color:var(--or2);transition:.25s}
details[open] summary::after{transform:rotate(45deg)}
details .a{padding:0 0 26px;color:var(--mt);max-width:780px}details .a li{margin:6px 0 0 20px}details .a p+p{margin-top:10px}

/* contacts */
.ct{background:var(--or);color:var(--on);padding:90px 0 60px}
.ct h2{font-size:clamp(38px,7.4vw,108px);font-weight:600;margin-bottom:30px;line-height:.95}
.ct .num{font:600 clamp(26px,4.6vw,60px) var(--d);display:inline-block;margin-bottom:26px;border-bottom:4px solid var(--on)}
.cr{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.cr .btn{background:var(--on);color:#fff}.cr .btn:hover{background:#fff;color:var(--on)}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cg p{font-weight:500}.cg small{display:block;font:700 11px var(--b);letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin:18px 0 6px}
.mp{border-radius:24px;overflow:hidden;min-height:320px;background:#e9c19b}.mp iframe{width:100%;height:100%;min-height:320px;border:0}
footer{background:#151618;color:#79838b;font-size:14px;padding:32px 0}
footer .w{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sk{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:10px;padding:10px 14px;background:var(--bg);border-top:1px solid var(--ln)}.sk .btn{flex:1;padding:14px}
.lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.88);display:none;place-items:center;padding:20px;cursor:zoom-out}.lb.on{display:grid}.lb img{max-height:94vh;border-radius:8px}

.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

@media (max-width:1100px){
  .hg{grid-template-columns:1fr}
  nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);flex-direction:column;padding:22px 20px;gap:16px;border-bottom:1px solid var(--ln)}nav.open{display:flex}
  .bur{display:block}.ph{display:none}
  .hg,.qg,.mt3,.story,.cg,.pdh{grid-template-columns:1fr}
  .stats .w{grid-template-columns:repeat(3,1fr);row-gap:20px}.stat:nth-child(4){border:0;padding-left:0}
  .tiles,.pg,.s3g{grid-template-columns:1fr 1fr}.sv,.wy,.gr,.lt{grid-template-columns:1fr 1fr}.lg{grid-template-columns:repeat(3,1fr)}.wide,.dv{grid-template-columns:1fr}
  .hv{max-width:560px}
}
@media (max-width:640px){
  body{font-size:16px}section{padding:66px 0}.hero{padding-top:34px}
  .tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{aspect-ratio:1/1;padding:16px;border-radius:20px}.tile .arr{width:38px;height:38px}
  .ty,.pg,.s3g,.sv,.wy{grid-template-columns:1fr}.gr{gap:10px}.cb{padding:12px}.cb h3{font-size:13px}.pr b{font-size:16px}
  .lg{grid-template-columns:repeat(2,1fr)}.lt{grid-template-columns:1fr 1fr}
  .stats .w{grid-template-columns:1fr 1fr}.stat{border:0;padding:0}
  .hr .btn{display:none}.sk{display:flex}body{padding-bottom:70px}
  .fm{padding:24px}.cta .btn{width:100%}.chip2{right:0}.wy svg{margin-bottom:22px}.pb{font-size:13px}
}

.ib{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);cursor:pointer;display:grid;place-items:center;position:relative;transition:.2s}
.ib:hover{border-color:var(--or)}.ib svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cnt{position:absolute;right:-4px;top:-4px;min-width:19px;height:19px;border-radius:99px;background:var(--or);color:var(--on);font:800 11px/19px var(--b);text-align:center;padding:0 5px;font-style:normal;display:none}
.cnt.on{display:block}
.hr{gap:8px}.ph{margin-right:6px}
.th .moon{display:none}:root[data-theme=dark] .th .sun{display:none}:root[data-theme=dark] .th .moon{display:block}
nav a.on{color:var(--or2)}
.mfav{display:none}@media (max-width:1100px){.mfav{display:block}}
nav .dd{position:relative}.ddm{position:absolute;top:100%;left:-20px;padding-top:14px;display:none;min-width:360px;z-index:70}
.ddm{background:none}.dd:hover .ddm,.dd:focus-within .ddm{display:block}
.ddm>*{display:flex;justify-content:space-between;gap:16px;background:var(--bg2);padding:13px 20px;border-left:1px solid var(--ln);border-right:1px solid var(--ln);font-weight:500;white-space:normal}
.ddm>a:first-child{border-top:1px solid var(--ln);border-radius:16px 16px 0 0}
.ddm>a:hover{color:var(--or2)}.ddm small{color:var(--mt)}
.ddm>a.all{border-bottom:1px solid var(--ln);border-radius:0 0 16px 16px;font-weight:700;color:var(--or2);box-shadow:var(--sh)}
.so{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);display:grid;place-items:start center;padding:90px 16px}
.so[hidden]{display:none}
.sbox{width:min(720px,100%);background:var(--bg2);border-radius:22px;padding:18px;box-shadow:var(--sh)}
.sbox input{width:100%;padding:17px 22px;border-radius:99px;border:2px solid var(--or);background:var(--bg);color:var(--tx);font:18px var(--b)}.sbox input:focus{outline:none}
#sr{max-height:60vh;overflow:auto;margin-top:10px}
#sr a{display:flex;gap:14px;align-items:center;padding:10px;border-radius:12px}#sr a:hover{background:var(--bg3)}
#sr img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:10px;flex:none}
#sr b{display:block;font-size:15px;font-weight:600;line-height:1.3}#sr small{color:var(--mt)}#sr em{margin-left:auto;font:600 15px var(--d);font-style:normal;white-space:nowrap}
.bc{display:flex;flex-wrap:wrap;gap:8px;padding:26px 0 8px;font-size:14px;color:var(--mt)}.bc a:hover{color:var(--or2)}.bc b{color:var(--tx);font-weight:500}
.ph-h{padding:16px 0 10px}.ph-h h1{font-size:clamp(28px,4.4vw,56px);margin-bottom:14px;font-weight:600}.ph-h p{color:var(--mt);max-width:760px;font-size:18px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.chip{padding:11px 20px;border-radius:99px;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font:600 15px var(--b);transition:.2s}.chip:hover{border-color:var(--or)}.chip small{color:var(--mt);margin-left:4px}
.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.srch{flex:1;min-width:240px;max-width:460px;padding:14px 22px;border-radius:99px;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font:16px var(--b)}.srch:focus{outline:none;border-color:var(--or)}
.tools select{padding:14px 18px;border-radius:99px;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font:15px var(--b)}.cntp{color:var(--mt);font-size:14px}
.gr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cd{position:relative;background:var(--bg2);border:1px solid var(--ln);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.cd:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:var(--sh)}.cd[hidden]{display:none}
.pic{aspect-ratio:1.2/1;background:#fff;display:grid;place-items:center;position:relative;overflow:hidden}.pic svg{width:66%;height:auto}.pic img{width:100%;height:100%;object-fit:contain}
.cd .fv{position:absolute;right:10px;top:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#444;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.fv svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round}.fv.on{color:#e11d48}.fv.on svg{fill:currentColor}
.cd .ds{left:10px;top:10px}.cd .stk2{left:10px;bottom:10px;right:auto;top:auto;background:#16a34a}
.cb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.sku{font-size:12px;color:var(--mt);letter-spacing:.04em}
.cb h3{font:600 15px/1.35 var(--b);letter-spacing:0;min-height:60px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cb h3 a:hover{color:var(--or2)}
.pr{margin-top:auto;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:6px 0 8px}.pr b{font:600 20px var(--d)}.pr s{color:var(--mt);font-size:14px}.rq0{font:600 15px var(--b)!important}
.cb .add{padding:12px;font-size:15px;width:100%}.cb .add.in{background:var(--tx);color:var(--bg)}
.none{text-align:center;color:var(--mt);padding:40px 0}
.ccg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cc{display:grid;grid-template-columns:170px 1fr auto;gap:22px;align-items:center;padding:22px;border-radius:26px;background:var(--bg2);border:1px solid var(--ln);transition:.25s}.cc:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:var(--sh)}
.ccp{aspect-ratio:1/1;background:#fff;border-radius:18px;display:grid;place-items:center;overflow:hidden}.ccp img{width:100%;height:100%;object-fit:contain}.ccp svg{width:80%}
.cc h3{font-size:20px;margin-bottom:6px}.cc span{color:var(--or2);font-weight:700;font-size:14px}.cc ul{list-style:none;margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.cc li{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--bg3);color:var(--mt)}
.arr{width:46px;height:46px;border-radius:50%;background:var(--or);color:var(--on);display:grid;place-items:center;font-style:normal;font-size:20px;transition:.3s}a:hover>.arr{transform:rotate(-45deg)}
.pd2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;margin:10px 0 40px}
.gmain{background:#fff;border-radius:26px;border:1px solid var(--ln);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.gmain img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.gph{width:60%}
.gt{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.gt button{width:84px;height:84px;border-radius:14px;border:2px solid var(--ln);background:#fff;padding:4px;cursor:pointer}.gt button.on,.gt button:hover{border-color:var(--or)}.gt img{width:100%;height:100%;object-fit:contain}
.inf h1{font:600 clamp(21px,2.2vw,29px)/1.2 var(--d);margin-bottom:16px}
.meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--mt);font-size:15px;margin-bottom:18px}.meta b{color:var(--tx)}.meta .in{color:#16a34a;font-weight:700}.meta .out{color:var(--or2);font-weight:700}
.pp{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:20px}.pp b{font:600 clamp(30px,4vw,46px) var(--d)}.pp s{color:var(--mt);font-size:20px}.ds2{background:var(--or);color:var(--on);font-weight:600;padding:5px 12px;border-radius:99px;font-size:14px}
.buy{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.qty{display:flex;border:1.5px solid var(--ln);border-radius:99px;overflow:hidden;background:var(--bg2)}.qty button{width:46px;border:0;background:none;color:var(--tx);font-size:22px;cursor:pointer}.qty button:hover{background:var(--bg3)}.qty input{width:50px;border:0;background:none;color:var(--tx);text-align:center;font:700 17px var(--b)}.qty input:focus{outline:none}
.big{flex:1;min-width:180px}.big svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.fv.big2{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);cursor:pointer;display:grid;place-items:center}
.wide1{width:100%;margin-bottom:22px}
.perks{list-style:none;display:grid;gap:10px}.perks li{padding:14px 18px;border-radius:16px;background:var(--bg2);border:1px solid var(--ln);font-size:15px;color:var(--mt)}.perks b{color:var(--tx)}
.tabs{margin-bottom:50px}.tb{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--ln);margin-bottom:26px}.tb button{padding:14px 22px;border:0;background:none;color:var(--mt);font:700 16px var(--b);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.tb button.on{color:var(--tx);border-color:var(--or)}
.tp1{display:none}.tp1.on{display:block}
.rich{max-width:860px;color:var(--tx)}.rich h2,.rich h3,.rich h4{font-family:var(--d);margin:28px 0 12px;line-height:1.2}.rich h2{font-size:clamp(22px,2.6vw,32px)}.rich h3{font-size:22px}.rich h4{font-size:18px}
.rich p{margin:0 0 14px;color:var(--mt)}.rich p strong,.rich li strong{color:var(--tx)}.rich ul,.rich ol{margin:0 0 16px 22px;color:var(--mt)}.rich li{margin:6px 0}.rich a{color:var(--or2);text-decoration:underline}
.rich table{border-collapse:collapse;width:100%;margin:16px 0}.rich td,.rich th{border:1px solid var(--ln);padding:11px 14px;text-align:left;font-size:15px;color:var(--mt)}.rich th{background:var(--bg3);color:var(--tx)}
.modal{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:18px}.modal[hidden]{display:none}.mbox{position:relative;width:min(520px,100%)}.mx{position:absolute;right:12px;top:8px;z-index:2;font-size:34px;background:none;border:0;color:var(--tx);cursor:pointer}
.sc{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:26px;background:var(--bg2);border:1px solid var(--ln);transition:.25s}.sc:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:var(--sh)}
.scg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scp{aspect-ratio:4/3;background:#fff;border-radius:18px;display:grid;place-items:center;overflow:hidden}.scp img{width:100%;height:100%;object-fit:cover}.scp svg{width:70%}
.sc h3{font-size:18px;line-height:1.2}.sc p{color:var(--mt);font-size:14px;flex:1}.sc .arr{align-self:flex-end;width:40px;height:40px}
.two{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}.side{display:grid;gap:8px;position:sticky;top:96px}.side h4{font-family:var(--d);margin-bottom:6px}.side a{padding:13px 18px;border-radius:14px;background:var(--bg2);border:1px solid var(--ln);font-weight:500;font-size:15px}.side a:hover{border-color:var(--or)}
.ng3{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 36px}.ng3 div{padding:24px;border-radius:22px;background:var(--bg2);border:1px solid var(--ln)}.ng3 b{display:block;font:600 clamp(30px,4vw,48px) var(--d);color:var(--or2);line-height:1}.ng3 span{color:var(--mt);font-size:15px}
.wide2{border-radius:28px;overflow:hidden;margin-bottom:28px;max-height:440px}.wide2 img{width:100%;object-fit:cover}
.about{max-width:900px}
.gal4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gi{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:var(--bg3);display:block}.gi img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gi:hover img{transform:scale(1.06)}
.sub2{font-size:clamp(22px,2.6vw,32px);margin:54px 0 20px}
.lg{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.lg figure{aspect-ratio:3/2;border-radius:18px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;overflow:hidden;padding:10px}.lg img{max-width:100%;max-height:100%;object-fit:contain}.lg figure.txt{font:600 15px var(--d);text-align:center;color:#2b2d31}
.g2{margin-bottom:24px}.big12{font:600 70px var(--d);color:var(--or2);display:block;line-height:1}
.tkl{display:flex;gap:12px;flex-wrap:wrap}.tkl figure{height:58px;padding:8px 20px;border-radius:14px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center}.tkl img{max-height:36px;width:auto}
.lt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:820px}.lt a{border-radius:18px;overflow:hidden;border:1px solid var(--ln);background:var(--bg2);position:relative;aspect-ratio:3/4}.lt img{width:100%;height:100%;object-fit:cover;transition:.4s}.lt a:hover img{transform:scale(1.05)}.lt small{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;color:#fff;font-weight:600;font-size:13px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.ltg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ltc{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:22px;background:var(--bg2);border:1px solid var(--ln);transition:.25s}.ltc:hover{border-color:var(--or);transform:translateY(-4px)}
.ltp{aspect-ratio:3/4;background:var(--bg3);border-radius:14px;overflow:hidden;display:grid;place-items:center;margin-bottom:8px}.ltp img{width:100%;height:100%;object-fit:cover}.lph{font-size:54px;color:var(--or)}.ltc span{color:var(--mt);font-size:14px}.ltc small{color:var(--mt)}
.cgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px}.cl{display:grid;gap:22px;align-content:start}.cl small{display:block;font:700 11px var(--b);letter-spacing:.18em;text-transform:uppercase;color:var(--mt);margin-bottom:6px}.cl .big{font:600 clamp(28px,3.6vw,44px) var(--d)}.cl p{font-size:17px}
.msgs{display:flex;gap:10px;flex-wrap:wrap}.msgs a{padding:11px 20px;border-radius:99px;background:var(--bg3);font-weight:700;font-size:15px}.msgs a:hover{background:var(--or);color:var(--on)}
.mp{border-radius:26px;overflow:hidden;min-height:420px;background:#e9c19b}.mp iframe{width:100%;height:100%;min-height:420px;border:0}
.cartg{display:grid;grid-template-columns:1fr 400px;gap:34px;align-items:start}.cartl{display:grid;gap:12px}
.ci{display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;padding:14px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln)}.ci img,.ci .cph{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:14px;display:grid;place-items:center}.ci .cph svg{width:70%}
.ci h4{font:600 15px/1.35 var(--b);margin-bottom:4px}.ci small{color:var(--mt)}.ci .qty{margin-top:8px;width:max-content}.ci .qty button{height:38px;width:40px}.ci .rm{background:none;border:0;color:var(--mt);cursor:pointer;font-size:13px;text-decoration:underline;margin-left:14px}
.ci .sum{font:600 18px var(--d);white-space:nowrap}.tot{font-size:18px;margin-bottom:18px}.tot b{font:600 28px var(--d);color:var(--or2)}
.cartside{position:sticky;top:96px}
.empty{padding:50px;text-align:center;border-radius:22px;background:var(--bg2);border:1px dashed var(--ln);color:var(--mt)}
.ft{background:#151618;color:#9aa4ac;padding:70px 0 30px;font-size:15px;margin-top:0}
.ft .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:34px}.ft h4{font:600 14px var(--d);color:#fff;margin-bottom:16px}.ft a{display:block;padding:5px 0}.ft a:hover{color:var(--or)}
.ft .logo{color:#fff;margin-bottom:14px}.ft .fd{margin-top:10px;line-height:1.6}.ft .fp{font:600 20px var(--d);color:#fff}.ft .msgs{margin-top:16px}.ft .msgs a{background:rgba(255,255,255,.08);color:#fff;display:inline-block;padding:9px 16px}
.ft .fb{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px);background:var(--tx);color:var(--bg);padding:14px 24px;border-radius:99px;font-weight:600;opacity:0;pointer-events:none;transition:.3s;z-index:120}.toast.on{opacity:1;transform:translate(-50%,0)}
.sv a{padding:20px 22px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;display:flex;gap:12px;align-items:flex-start;font-size:16px;transition:.2s}.sv a:hover{border-color:var(--or);transform:translateY(-3px)}.sv a b{color:var(--or2);font:600 13px var(--d);padding-top:4px}
footer{background:none;padding:0}
@media (max-width:1340px){.hr .ph{display:none}nav{gap:20px;font-size:14.5px}}
@media (max-width:1100px){
  .hr .ph{display:none}.gr{grid-template-columns:repeat(3,1fr)}.ccg{grid-template-columns:1fr}.scg{grid-template-columns:repeat(2,1fr)}.ft .fg{grid-template-columns:1fr 1fr}.cgrid,.cartg,.two,.pd2{grid-template-columns:1fr}.side,.cartside{position:static}.ng3,.ltg{grid-template-columns:repeat(2,1fr)}.gal4{grid-template-columns:repeat(3,1fr)}.lg{grid-template-columns:repeat(3,1fr)}
  nav{overflow:auto;max-height:80vh}.ddm{position:static;display:block;padding:0;min-width:0}.ddm>*{border:0!important;background:none;padding:8px 0 8px 16px;box-shadow:none!important}.dd>a{display:block}
}
@media (max-width:640px){.hr .ib[aria-label="Избранное"]{display:none}.logo{font-size:14px;gap:8px}.logo svg{width:30px;height:33px}.hr .ib{width:38px;height:38px}.hr{gap:4px}.bur{width:40px}.gal4{grid-template-columns:repeat(2,1fr)}.gr{grid-template-columns:repeat(2,1fr);gap:10px}.cb{padding:10px}.cb h3{font-size:13px;min-height:52px}.pr b{font-size:16px}.cb .add{padding:10px;font-size:14px}.scg,.ft .fg{grid-template-columns:1fr}.cc{grid-template-columns:90px 1fr auto;gap:12px;padding:14px}.ltg{grid-template-columns:1fr 1fr}.lt{grid-template-columns:1fr 1fr}.lg{grid-template-columns:repeat(2,1fr)}.ci{grid-template-columns:70px 1fr}.ci img,.ci .cph{width:70px;height:70px}.ci .sum{grid-column:2}.hr .ib:not(.th){width:40px;height:40px}.hr{gap:5px}}

.tile h3{font-size:clamp(20px,2.1vw,30px);line-height:1.12;overflow-wrap:anywhere;hyphens:auto;max-width:100%}
@media (max-width:640px){.tile h3{font-size:17px}.tile small{font-size:12px}}
.bnt{padding:60px 0 40px}.bnt h2{margin-bottom:26px}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:12px}
.bn{position:relative;border-radius:22px;overflow:hidden;display:block;background:var(--bg3)}.bn img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.bn:hover img{transform:scale(1.06)}
.bn span{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.b1{grid-column:span 2;grid-row:span 2}.b2{grid-column:span 2}.b6{grid-row:span 2}.b3,.b4,.b5,.b7{}
.prod2{background:var(--bg3)}.stg2{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:38px 0 40px}
.stg2 li{background:var(--bg2);border:1px solid var(--ln);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}.stg2 li:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.sp{position:relative;aspect-ratio:4/3;background:#2e3035;overflow:hidden}.sp img{width:100%;height:100%;object-fit:cover}
.sn{position:absolute;left:14px;top:14px;width:46px;height:46px;border-radius:50%;background:var(--or);color:var(--on);font:600 16px/46px var(--d);text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.stg2 h3{font-size:18px;line-height:1.25;padding:18px 20px 6px}.stg2 p{padding:0 20px 20px;color:var(--mt);font-size:15px;line-height:1.5}
.stg2 .scta{background:var(--or);border-color:var(--or);color:var(--on);padding:26px;justify-content:center;gap:12px}.stg2 .scta b{font:600 28px/1.1 var(--d)}.stg2 .scta p{padding:0;color:rgba(0,0,0,.7)}.stg2 .scta .btn{background:var(--on);color:#fff;margin-top:8px}
.dv3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.tkb{background:var(--bg3)}
.tkg{display:grid;gap:10px;margin-top:16px}.tkc{height:74px;border-radius:16px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;padding:10px 20px}.tkc img{max-height:44px;max-width:80%;width:auto;object-fit:contain}.tkc.dl img{max-height:30px;image-rendering:auto}
.dlv{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}.dside{display:grid;gap:14px;position:sticky;top:96px}
.dcard{padding:26px;border-radius:24px;background:var(--bg2);border:1px solid var(--ln)}.dcard h3{font-size:19px;margin-bottom:8px}.dcard p{color:var(--mt);font-size:15px}.dcard .big{font:600 24px var(--d);display:block;margin-top:14px;color:var(--or2)}
.dcard.hot{background:var(--or);border-color:var(--or);color:var(--on)}.dcard.hot b{font:600 26px/1.1 var(--d);display:block;margin-bottom:8px}.dcard.hot p{color:rgba(0,0,0,.72)}.dcard.hot .btn{background:var(--on);color:#fff;margin-top:16px}
.sbn{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:44px;border-radius:30px;background:linear-gradient(120deg,var(--or),#ff9a4d);color:var(--on);margin-bottom:18px;flex-wrap:wrap}.sbn h2{font-size:clamp(34px,6vw,76px);font-weight:600;text-transform:uppercase;margin:12px 0}.sbn p{max-width:560px;font-size:18px}
.sbn .tg{background:var(--on);color:#fff;font:800 11px var(--b);letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:99px}.sbn .btn{background:var(--on);color:#fff}
.sbn.dark{background:#2b2d31;color:#fff;padding:34px 40px}.sbn.dark p{color:#c3cad0;font-size:16px}.sbn.dark .btn{background:var(--or);color:var(--on)}
.pg3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pcx{padding:30px;border-radius:26px;background:var(--bg2);border:1px solid var(--ln);display:flex;flex-direction:column;gap:10px}.pcx b{font:600 clamp(34px,4vw,52px) var(--d);color:var(--or2);line-height:1}.pcx h3{font-size:20px}.pcx p{color:var(--mt);font-size:15px;flex:1}.pcx a{font-weight:700;color:var(--or2)}
.pks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pk{display:flex;gap:16px;align-items:center;padding:18px 22px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln);font-weight:500}.pk i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--or);color:var(--on);display:grid;place-items:center;font-style:normal;font-weight:600}
@media (max-width:1100px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.b1,.b2{grid-column:span 2}.b6{grid-row:auto}.stg2{grid-template-columns:repeat(2,1fr)}.dv3,.pg3{grid-template-columns:1fr}.dlv{grid-template-columns:1fr}.dside{position:static}.pks{grid-template-columns:1fr}.sbn{padding:28px}}
@media (max-width:640px){.stg2{grid-template-columns:1fr}.bento{grid-auto-rows:150px}.sn{width:40px;height:40px;line-height:40px}}

.hero3{position:relative;min-height:min(92vh,860px);display:flex;flex-direction:column;overflow:hidden;background:#1d1e21;color:#f2f4f5}
.hs{position:absolute;inset:0 0 62px 0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s;display:flex;align-items:center}
.hs.on{opacity:1;visibility:visible;z-index:2}
.hs .ov{position:absolute;inset:0;background:linear-gradient(95deg,rgba(24,25,27,.88) 12%,rgba(24,25,27,.55) 52%,rgba(24,25,27,.15));z-index:1}
.hvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs.dark{background:radial-gradient(900px 500px at 78% 38%,rgba(244,124,32,.25),transparent 65%),#1d1e21}.hs.dark .ov{display:none}
.hc{position:relative;z-index:3;padding:90px 0 40px}
.hero3 h1,.hero3 h2{font-weight:600;text-transform:uppercase;line-height:.95;margin-bottom:22px}
.hero3 h1{font-size:clamp(46px,9.4vw,128px)}.hero3 h2{font-size:clamp(34px,6.4vw,88px)}
.hero3 h1 span,.hero3 h2 span{color:var(--or);display:block}
.hero3 p{font-size:clamp(17px,1.9vw,23px);color:#d3d9de;max-width:600px;margin:0 0 32px}
.hero3 .lab{color:var(--or)}.hero3 .lab::before{background:var(--or)}
.hero3 .augerbig{position:absolute;right:-6%;bottom:8%;width:min(980px,78vw);z-index:1;opacity:.95;transform:rotate(-9deg)}.hero3 .augerbig svg{width:100%;height:auto;display:block}
.hctl{position:absolute;right:max(20px,calc((100vw - 1240px)/2));bottom:86px;z-index:6;display:flex;align-items:center;gap:12px}
.hctl button{width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(0,0,0,.3);backdrop-filter:blur(6px);color:#fff;font-size:20px;cursor:pointer;transition:.2s}.hctl button:hover{background:var(--or);border-color:var(--or);color:var(--on)}
.hdots{display:flex;gap:8px}.hdots i{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.35);transition:.3s;cursor:pointer}.hdots i.on{width:34px;background:var(--or)}
.hmute{position:absolute;left:max(20px,calc((100vw - 1240px)/2));bottom:86px;z-index:6;width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);backdrop-filter:blur(6px);cursor:pointer;display:grid;place-items:center}
.hmute[hidden]{display:none}.hs.dark::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(95deg,rgba(24,25,27,.92) 8%,rgba(24,25,27,.5) 48%,transparent 75%);pointer-events:none}.hs.dark .hc{z-index:4}.hmute svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hmute .w1{display:none}.hmute.on .w1{display:block}.hmute.on .x{display:none}.hmute:hover{background:var(--or)}.hmute:hover svg{stroke:var(--on)}
.hero3 .tick{position:absolute;left:0;right:0;bottom:0;margin:0;z-index:5}
.hero3 .spark{z-index:2}
@media (max-width:640px){.hs .ov{background:linear-gradient(180deg,rgba(24,25,27,.55),rgba(24,25,27,.82))}.hctl{bottom:80px;right:16px}.hctl button{width:42px;height:42px}.hmute{left:16px;bottom:80px;width:42px;height:42px}.hero3{min-height:640px}.hc{padding:50px 0 120px}.hero3 .augerbig{opacity:.4;width:140vw;right:-45%}}
@media (prefers-reduced-motion:reduce){.hs{transition:none}}

.pb .pbs{margin-left:8px}.pb span.pbs{opacity:.5}
header{transition:transform .35s}header.hide{transform:translateY(-110%)}
.btn.lg{padding:20px 34px;font-size:17px}.bo2{border:2px solid rgba(255,255,255,.35);color:#fff}.bo2:hover{background:#fff;color:#2b2d31}
.btn{position:relative;overflow:hidden}.bp::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}.bp:hover::after{transform:translateX(120%)}
.cta-band{background:#2b2d31;color:#fff;padding:90px 0;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;width:640px;height:640px;right:-120px;top:-200px;background:radial-gradient(circle,rgba(244,124,32,.35),transparent 65%)}
.cb1{position:relative}.cta-band h2{font-size:clamp(34px,6.2vw,88px);font-weight:600;text-transform:uppercase;line-height:.98;margin-bottom:34px}.cta-band h2 span{display:block;color:var(--or);font-size:.46em;text-transform:none;font-weight:700;margin-top:18px;letter-spacing:-.01em}
.cb2{display:flex;gap:12px;flex-wrap:wrap}
.ft{padding-top:64px;overflow:hidden}.wm{font:600 clamp(60px,15.5vw,230px)/.9 var(--d);letter-spacing:-.05em;color:rgba(255,255,255,.06);margin:46px 0 0;white-space:nowrap;user-select:none}
.fab{position:fixed;right:18px;bottom:24px;z-index:80;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fb1{width:54px;height:54px;border-radius:50%;border:0;background:var(--or);color:var(--on);cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(244,124,32,.8);transition:.25s;position:relative}
.fb1:hover{transform:scale(1.08)}.fb1 svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fb1::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--or);opacity:0;animation:pulse 2.6s infinite}
.fb1.up{background:var(--tx);color:var(--bg);box-shadow:var(--sh);opacity:0;pointer-events:none}.fb1.up::before{display:none}.fb1.up.on{opacity:1;pointer-events:auto}
@keyframes pulse{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.35);opacity:0}}
.fabm{display:grid;gap:6px;margin-bottom:4px}.fabm[hidden]{display:none}.fabm a{padding:12px 20px;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);box-shadow:var(--sh);font-weight:700;font-size:15px;text-align:center}.fabm a:hover{background:var(--or);color:var(--on)}
.needs{margin-top:26px;padding:22px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid var(--ln)}.needs h3{font-size:17px;margin-bottom:14px}
.nd{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nd div{display:flex;flex-direction:column;gap:6px}.nd img{width:54px;height:54px;object-fit:contain}.nd b{font-size:15px}.nd span{font-size:13px;color:var(--mt);line-height:1.4}
.needs p{margin-top:16px;font-size:14px;color:var(--mt)}.needs p a{color:var(--or2);text-decoration:underline}
.e404{padding:100px 0 120px;text-align:center}.e404 h1{font-size:clamp(26px,4vw,48px);margin:26px 0 14px}.e404 p{color:var(--mt);margin-bottom:28px;font-size:18px}.e404 .cta{justify-content:center}
.e4n{font:600 clamp(110px,22vw,300px)/1 var(--d);color:var(--or);display:inline-flex;align-items:center;letter-spacing:-.04em}
.e4s{width:.62em;height:.62em;margin:0 .02em;border-radius:50%;border:.1em dashed var(--or);animation:spin 6s linear infinite;display:inline-block;box-sizing:border-box}
@keyframes spin{to{transform:rotate(360deg)}}
.rv:nth-child(2){transition-delay:.06s}.rv:nth-child(3){transition-delay:.12s}.rv:nth-child(4){transition-delay:.18s}.rv:nth-child(5){transition-delay:.24s}.rv:nth-child(6){transition-delay:.3s}
@media (max-width:640px){.fab{bottom:84px;right:12px}.fb1{width:48px;height:48px}.nd{grid-template-columns:1fr}.cta-band{padding:64px 0}.btn.lg{width:100%}}
@media (prefers-reduced-motion:reduce){.fb1::before,.e4s{animation:none}}

/* ── финальная настройка: легче шрифт, шире контейнер, палитра ── */
body{font-size:17px}
h1,h2,h3{font-weight:600;letter-spacing:-.015em}
h2{font-size:clamp(26px,3.1vw,42px);margin-bottom:34px}
.ph-h h1{font-size:clamp(26px,3.2vw,44px);font-weight:600}
.hero3 h1{font-size:clamp(38px,5.6vw,84px);font-weight:600;text-transform:none;line-height:1.02}
.hero3 h2{font-size:clamp(30px,4.4vw,64px);font-weight:600;text-transform:none;line-height:1.05}
.hero3 p{font-size:clamp(17px,1.5vw,21px)}
.hero3 .hc{padding-left:0}
.hctl{right:max(20px,calc((100vw - min(1560px,100vw - clamp(40px,6vw,120px)))/2))}
.hmute{left:max(20px,calc((100vw - min(1560px,100vw - clamp(40px,6vw,120px)))/2))}
.nums{background:#ececee}.nums h2{color:#2b2d31}
.n b{font-size:clamp(36px,4.4vw,60px);font-weight:600;letter-spacing:-.02em}.n span{font-size:16px;font-weight:600;color:#2b2d31}
.ng{border-top:2px solid #2b2d31}
.cta-band h2{font-size:clamp(28px,4.4vw,60px);font-weight:600;text-transform:none}.cta-band h2 span{font-size:.5em;font-weight:500}
.sbn h2{font-size:clamp(28px,4vw,54px);font-weight:600;text-transform:none}
.ct h2{font-size:clamp(30px,5vw,72px);font-weight:600;text-transform:none}.ct .num{font-weight:600}
.wm{font-weight:600;color:rgba(255,255,255,.05)}
.logo{font-weight:700}
.btn{font-weight:700}
.pb{background:#f47c20;color:#2b2d31}
header{background:color-mix(in srgb,var(--bg) 90%,transparent)}
:root{--ln:rgba(43,45,49,.14)}:root[data-theme=dark]{--ln:rgba(255,255,255,.14)}
a.bp,.bp{box-shadow:0 8px 22px -8px rgba(244,124,32,.75)}
.promo-lt{background:#ececee}
:focus-visible{outline-color:#c9620f}
.rich a,.mr2 a,.needs p a{color:#c9620f}
.chip.on{background:#2b2d31;color:#fff;border-color:#2b2d31}
.hs .ov{background:linear-gradient(95deg,rgba(24,25,27,.9) 10%,rgba(24,25,27,.55) 52%,rgba(24,25,27,.12))}
/* мозаика фото: явная сетка */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,clamp(160px,15vw,240px));gap:12px}
.bn{grid-column:auto;grid-row:auto}
.b1{grid-column:1/3;grid-row:1/3}.b2{grid-column:3/5;grid-row:1}.b3{grid-column:3;grid-row:2}.b4{grid-column:4;grid-row:2}.b5{grid-column:1/3;grid-row:3}.b6{grid-column:3;grid-row:3}.b7{grid-column:4;grid-row:3}
.bn::after{content:"";position:absolute;inset:0;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
@media (max-width:1100px){.bento{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:190px}.bento .bn{grid-column:auto!important;grid-row:auto!important}.bento .b1{grid-column:1/3!important;grid-row:span 2!important}.bento .b2{grid-column:1/3!important}}
@media (max-width:640px){.bento{grid-auto-rows:150px}}
/* светящиеся карточки */
@property --ga{syntax:'<angle>';initial-value:0deg;inherits:false}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gcard{position:relative;border-radius:28px;padding:1.5px;background:conic-gradient(from var(--ga),rgba(244,124,32,0) 0 55%,#ff9a4d 78%,#f47c20 88%,rgba(244,124,32,0) 100%);animation:ga 6s linear infinite}
.gcard::before{content:"";position:absolute;inset:-2px;border-radius:30px;background:conic-gradient(from var(--ga),rgba(244,124,32,0) 0 55%,rgba(255,154,77,.9) 78%,rgba(244,124,32,0) 100%);filter:blur(18px);opacity:.55;z-index:0}
@keyframes ga{to{--ga:360deg}}
.gin{position:relative;z-index:1;height:100%;border-radius:27px;background:linear-gradient(160deg,#34373c 0%,#2b2d31 60%,#1d1e21 100%);color:#fff;padding:30px 30px 28px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.gin::after{content:"";position:absolute;inset:0;background:radial-gradient(280px 220px at var(--mx,85%) var(--my,0%),rgba(244,124,32,.30),transparent 70%);pointer-events:none;transition:opacity .3s}
.gin>*{position:relative;z-index:1}
.gin .gic{width:48px;height:48px;border-radius:14px;background:rgba(244,124,32,.16);display:grid;place-items:center;margin-bottom:4px}.gin .gic svg{width:26px;height:26px;stroke:#ff9a4d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gin .gb{font:600 clamp(30px,3.2vw,44px) var(--d);color:#ff9a4d;line-height:1.05}
.gin h3{font-size:19px;font-weight:600;color:#fff}.gin p{color:#d0d3d7;font-size:15px;flex:1}.gin a{color:#ff9a4d;font-weight:700}
.gcard:hover .gin{transform:translateY(-3px)}.gin{transition:transform .3s}
@media (max-width:900px){.gcards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gcard{animation:none}}
.pic.gen img{object-fit:cover}.gchip{position:absolute;right:10px;bottom:10px;background:rgba(24,25,27,.78);color:#fff;font:600 11px var(--b);padding:4px 10px;border-radius:99px;z-index:2}
.gnote{margin-top:12px;font-size:13px;color:var(--mt)}

.lg{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.lg figure{flex:0 0 calc((100% - 6*14px)/7);height:104px;aspect-ratio:auto;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;transition:.3s}
.lg figure img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.15);opacity:.88;transition:.3s}
.lg figure:hover{border-color:var(--or);transform:translateY(-3px);box-shadow:var(--sh)}.lg figure:hover img{filter:none;opacity:1}
.lg figure.txt{font:600 14px var(--b);color:#2b2d31;text-align:center}
@media (max-width:1100px){.lg figure{flex-basis:calc((100% - 3*14px)/4);height:92px}}
@media (max-width:640px){.lg{gap:10px}.lg figure{flex-basis:calc((100% - 10px)/2);height:84px;padding:14px 16px}}
.nd img{width:60px;height:60px;object-fit:contain}
.pic img,.pic img.ok2{position:static;opacity:1;transition:transform .5s;width:100%;height:100%;object-fit:contain;background:#fff}.cd:hover .pic img{transform:scale(1.04)}
.vid{margin:18px 0;max-width:760px}.vid video{max-width:100%;max-height:72vh;width:auto;border-radius:18px;background:#000;display:block;box-shadow:var(--sh)}
/* палитра */
.tile.cta2{background:#f47c20}.tile .arr,.arr{background:#f47c20}
.quote.inv,.q.inv{background:#2b2d31}
.pr3{background:#f47c20}.pr3 .btn{background:#2b2d31}
.ct{background:#f47c20}
.stg2 .scta{background:#f47c20;border-color:#f47c20}

/* шапка на главной прозрачная поверх видео (компьютер и телефон) */
body.home header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:0;backdrop-filter:none;transition:transform .35s,background .3s}
body.home header.sc,body.home header.mo{background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
body.home header:not(.sc):not(.mo) .logo,body.home header:not(.sc):not(.mo) .ph,body.home header:not(.sc):not(.mo) nav>a,body.home header:not(.sc):not(.mo) nav>.dd>a{color:#fff}
body.home header:not(.sc):not(.mo) nav a.on{color:var(--or)}
body.home header:not(.sc):not(.mo) .ib{background:rgba(24,25,27,.38);border-color:rgba(255,255,255,.4);color:#fff}
body.home header:not(.sc):not(.mo) .bur i{background:#fff}
.hero3{min-height:min(100vh,940px)}.hero3 .hc{padding-top:120px}
.hs .ov{background-image:linear-gradient(180deg,rgba(24,25,27,.62),rgba(24,25,27,0) 180px),linear-gradient(95deg,rgba(24,25,27,.9) 10%,rgba(24,25,27,.55) 52%,rgba(24,25,27,.12))}
.pb{display:none}

.gr[data-pg]{scroll-margin-top:110px}
.pgr{display:flex;gap:8px;justify-content:center;align-items:center;margin:36px 0 10px;flex-wrap:wrap}
.pgr button{min-width:46px;height:46px;padding:0 6px;border-radius:14px;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font:700 15px var(--b);cursor:pointer;transition:.2s}
.pgr button:hover:not(:disabled){border-color:var(--or)}.pgr button.on{background:var(--tx);color:var(--bg);border-color:var(--tx)}.pgr button:disabled{opacity:.35;cursor:default}.pgr span{color:var(--mt);padding:0 2px}
@media (max-width:640px){
  body{padding-bottom:0}.ft{padding-bottom:96px}
  .sk{background:transparent;border:0;padding:0 14px 14px;justify-content:center;pointer-events:none}
  .sk .btn{pointer-events:auto;flex:0 1 auto;min-width:138px;padding:12px 22px;font-size:15px;box-shadow:0 10px 26px -8px rgba(0,0,0,.55)}
  .sk .bo{background:rgba(24,25,27,.82);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}
}

@media (max-width:1500px){nav{gap:18px;font-size:14px}.hr .ph{display:none}}
nav a{white-space:nowrap}
/* мобильный первый экран: видео и фото на весь экран */
@media (max-width:640px){
  .pb{display:none}
  body.home header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:0;backdrop-filter:none;transition:transform .35s,background .3s}
  body.home header.sc{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
  body.home header:not(.sc):not(.mo) .logo{color:#fff}
  body.home header:not(.sc):not(.mo) .ib{background:rgba(24,25,27,.38);border-color:rgba(255,255,255,.4);color:#fff}
  body.home header:not(.sc):not(.mo) .bur i{background:#fff}
  .hero3{min-height:100svh;margin-top:0}
  .hs{inset:0;align-items:flex-end}
  .hs .ov{background:linear-gradient(180deg,rgba(24,25,27,.5) 0%,rgba(24,25,27,0) 24%,rgba(24,25,27,.05) 46%,rgba(24,25,27,.9) 100%)}
  .hvid{object-position:48% 50%}
  .hs{background-position:62% 50%}
  .hc{padding:0 0 168px}
  .hero3 .lab{display:none}
  .hero3 h1{font-size:40px;margin-bottom:12px}.hero3 h2{font-size:30px;margin-bottom:12px}
  .hero3 p{font-size:16px;margin:0 0 20px;color:#e6e8ea;max-width:92%}
  .hero3 .cta{flex-wrap:nowrap;gap:10px}
  .hero3 .cta .btn{width:auto;flex:0 0 auto;padding:14px 20px;font-size:15px}
  .hctl{bottom:92px;right:16px}.hmute{bottom:92px;left:16px}
  .hero3 .tick{display:none}
  .fab .fb1:not(.up){display:none}
}

/* логотипы клиентов: цветные, без обрезки */
.lg figure img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:none;opacity:1}
.lg figure{padding:16px 20px}
/* призыв перед подвалом: свечение без жёсткого края, логотип в подвале */
.cta-band::before{display:none}
.cta-band{background:radial-gradient(900px 560px at 88% 30%,rgba(244,124,32,.30),transparent 70%),#2b2d31}
.ft .logo{display:flex;align-items:center}
/* О компании */
.ab-hero{padding:20px 0 40px}.abh{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-bottom:30px}
.abh h1{font-size:clamp(28px,3.6vw,52px);margin:10px 0 18px}.abh p{color:var(--mt);font-size:19px;max-width:640px;margin-bottom:26px}
.abl{background:#fff;border:1px solid var(--ln);border-radius:30px;padding:18px;display:grid;place-items:center;box-shadow:var(--sh)}.abl-i{width:100%;max-width:440px;mix-blend-mode:multiply}
.wide3{border-radius:30px;overflow:hidden;margin:6px 0 22px}.wide3 img{width:100%;height:auto;display:block}
.abs{padding:80px 0}.abs.alt{background:var(--bg3)}.abs.dk{background:#2b2d31;color:#fff}.abs.dk h2{color:#fff}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.abs p{color:var(--mt);font-size:17px;margin-bottom:14px}.abs h3{font-size:22px;margin-bottom:12px}
.pcol{border-radius:28px;overflow:hidden;background:var(--bg2);border:1px solid var(--ln)}.pcol>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.where{padding:22px 26px 26px}.where b{font:600 20px var(--d);display:block;margin-bottom:8px}.where p{margin-bottom:10px}.where a{color:var(--or2);font-weight:700}
.dcg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 50px}
.dc{padding:24px;border-radius:24px;background:var(--bg2);border:1px solid var(--ln);display:flex;flex-direction:column;gap:12px}.dc b{font:600 30px var(--d);color:var(--or)}.dc p{margin:0;color:var(--tx);font-weight:600;font-size:16px}
.mats2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.mats2 div{padding:18px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln)}.mats2 b{display:block;font:600 20px var(--d);color:var(--or2)}.mats2 span{font-size:13px;color:var(--mt)}
.ph2{margin-top:18px;border-radius:22px;overflow:hidden}.ph2 img{width:100%;height:auto;display:block}
.wcg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:6px}
.wc{padding:24px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.wc i{width:40px;height:40px;border-radius:50%;background:var(--or);color:#2b2d31;display:grid;place-items:center;font-style:normal;font-weight:600;margin-bottom:14px}.abs.dk .wc p{color:#fff;font-weight:600;margin:0}
.msn{display:grid;grid-template-columns:1fr 240px;gap:40px;align-items:center;padding:56px;border-radius:34px;background:linear-gradient(120deg,var(--or),#ff9a4d);color:#2b2d31}.msn .lab{color:#2b2d31}.msn .lab::before{background:#2b2d31}
.msn blockquote{font:600 clamp(22px,2.8vw,38px)/1.25 var(--d);letter-spacing:-.01em}.abm{width:100%;border-radius:26px;mix-blend-mode:multiply}
.tl2{position:relative;display:grid;gap:18px;margin-top:10px}.tl2::before{content:"";position:absolute;left:41px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--or),transparent)}
.tli{display:grid;grid-template-columns:84px 1fr;gap:26px;position:relative}.tlk{width:84px;height:84px;border-radius:50%;background:var(--bg2);border:2px solid var(--or);display:grid;place-items:center;font:600 18px var(--d);color:var(--or2);z-index:1;text-align:center}
.tlb{padding:26px 30px;border-radius:26px;background:var(--bg2);border:1px solid var(--ln)}.tlb h3{margin-bottom:10px}.tlb p{margin-bottom:10px}.tlb ul{margin:8px 0 0 20px;color:var(--mt)}.tlb li{margin:6px 0}
.chp{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}.chp span{padding:9px 16px;border-radius:99px;background:var(--bg3);border:1px solid var(--ln);font-size:14px;font-weight:600}
.card3{padding:34px;border-radius:28px;background:var(--bg2);border:1px solid var(--ln)}.card3.hot{background:#2b2d31;color:#fff;border-color:#2b2d31}.card3.hot p{color:#d0d3d7}.card3.hot h3{color:var(--or)}
/* Оплата и доставка */
.dbn{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;padding:40px 44px;border-radius:30px;background:linear-gradient(120deg,var(--or),#ff9a4d);color:#2b2d31}.dbn h2{font-size:clamp(24px,3.2vw,44px);margin:10px 0}.dbn p{font-size:18px}.dbn .tg{background:#2b2d31;color:#fff;font:800 11px var(--b);letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:99px}.dbn .btn{background:#2b2d31;color:#fff}
.pyg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px}.pyc{display:flex;gap:14px;align-items:center;padding:22px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln);font-weight:600}.pyc i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--or);color:#2b2d31;display:grid;place-items:center;font-style:normal;font-weight:600}
.dlg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px}.dlc{padding:30px;border-radius:26px;background:var(--bg2);border:1px solid var(--ln)}.dlc b{font:600 34px var(--d);color:var(--or);display:block;margin-bottom:6px}.dlc h3{font-size:20px;margin-bottom:10px}.dlc p{color:var(--mt);font-size:16px;margin:0}
.tkr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}.tkr .tkc{height:120px;border-radius:24px}.tkr .tkc img{max-height:56px}.tkr .tkc.dl img{max-height:40px}
@media (max-width:1100px){.abh,.two2,.msn{grid-template-columns:1fr}.abl{max-width:520px}.dcg,.wcg{grid-template-columns:repeat(2,1fr)}.pyg{grid-template-columns:repeat(2,1fr)}.dlg{grid-template-columns:1fr}.msn{padding:34px}.abm{max-width:200px}}
@media (max-width:640px){.dcg,.wcg,.pyg,.tkr,.mats2{grid-template-columns:1fr}.tli{grid-template-columns:56px 1fr;gap:14px}.tlk{width:56px;height:56px;font-size:13px}.tl2::before{left:27px}.tlb{padding:20px}.abs{padding:56px 0}.dbn{padding:28px}}

/* услуги: продающие страницы */
.sv-hero{padding:10px 0 20px}.sv-hg{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:18px 0 30px}
.sv-hero h1{font-size:clamp(28px,3.8vw,56px);margin:10px 0 16px}.sv-lead{font-size:19px;color:var(--mt);max-width:620px;margin-bottom:24px}
.pills2{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.pills2 span{padding:9px 16px;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;font-size:14px}.pills2 span::before{content:"✓";color:var(--or2);margin-right:8px;font-weight:600}
.sv-ph{border-radius:30px;overflow:hidden;box-shadow:var(--sh);aspect-ratio:4/3;background:var(--bg3)}.sv-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sv-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sv-facts div{padding:22px;border-radius:22px;background:#2b2d31;color:#fff}.sv-facts b{display:block;font:600 clamp(20px,2vw,28px) var(--d);color:var(--or);margin-bottom:6px;line-height:1.1}.sv-facts span{font-size:14px;color:#c9ccd0}
.sv-sec{padding:70px 0;position:relative}.sv-sec.alt{background:var(--bg3)}.sv-sec h2{font-size:clamp(24px,2.8vw,38px);margin-bottom:26px;max-width:900px}
.sv-no{font:600 14px var(--d);color:var(--or2);letter-spacing:.1em;margin-bottom:10px}.sv-no::after{content:"";display:inline-block;width:40px;height:2px;background:var(--or);vertical-align:middle;margin-left:12px}
.sv-p{max-width:860px}.sv-p p{font-size:18px;color:var(--mt);margin-bottom:16px;line-height:1.65}.sv-h3{font-size:20px;margin:26px 0 12px;padding-left:16px;border-left:4px solid var(--or)}
.sv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 12px}.svc2{padding:26px;border-radius:24px;background:var(--bg2);border:1px solid var(--ln);transition:.25s;position:relative}.svc2:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--or)}
.svc2 i{width:38px;height:38px;border-radius:50%;background:var(--or);color:#2b2d31;display:grid;place-items:center;font-style:normal;font-weight:600;margin-bottom:14px}.svc2 b{font:600 18px/1.25 var(--d);display:block;margin-bottom:8px}.svc2 p{font-size:15px;color:var(--mt);margin:0;line-height:1.55}
.sv-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 12px}.sv-checks div{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln);font-size:16px;line-height:1.5}.sv-checks i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--or);color:#2b2d31;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:14px}
.sv-chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}.sv-chips span{display:flex;gap:10px;align-items:center;padding:12px 20px;border-radius:99px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;font-size:16px}.sv-chips i{width:24px;height:24px;border-radius:50%;background:var(--or);color:#2b2d31;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:12px}
.sv-ul{margin:8px 0 12px 22px;color:var(--mt);font-size:17px}.sv-ul li{margin:8px 0}
.sv-par{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sv-par>div{padding:28px;border-radius:24px;background:var(--bg2);border:1px solid var(--ln)}.sv-par img{width:64px;height:64px;object-fit:contain;margin-bottom:12px}.sv-par b{font:600 19px var(--d);display:block;margin-bottom:8px}.sv-par p{color:var(--mt);font-size:15px;margin:0}
.sv-note{margin-top:16px;padding:22px 26px;border-radius:20px;background:#2b2d31;color:#d8dadd;font-size:16px}.sv-note b{color:var(--or)}.sv-note a{color:var(--or);text-decoration:underline}
.sv-steps{padding:70px 0;background:#2b2d31;color:#fff}.sv-steps h2{color:#fff;margin-bottom:28px}.sv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sv-st>div{padding:30px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.sv-st b{font:600 52px var(--d);color:var(--or);display:block;line-height:1;margin-bottom:14px}.sv-st h3{font-size:20px;margin-bottom:8px;color:#fff}.sv-st p{color:#c9ccd0;font-size:15px;margin:0}
.sv-oth{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sv-oth a{padding:20px 22px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln);font-weight:600;display:flex;flex-direction:column;gap:10px;transition:.25s}.sv-oth a:hover{border-color:var(--or);transform:translateY(-3px)}.sv-oth span{font:600 13px var(--d);color:var(--or2)}
/* индекс услуг */
.svx{padding:20px 0 30px}.svx-in{display:grid;grid-template-columns:1.1fr .9fr;border-radius:34px;overflow:hidden;background:#2b2d31;color:#fff;transition:.3s}.svx-in:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.svx-t{padding:48px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}.svx-t .tg{background:var(--or);color:#2b2d31;font:800 11px var(--b);letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:99px}.svx-t h2{font-size:clamp(28px,3.6vw,52px);margin:0}.svx-t p{color:#cfd2d6;font-size:18px;max-width:560px;margin:0}
.svx-f{display:flex;gap:26px;flex-wrap:wrap}.svx-f b{display:block;font:600 24px var(--d);color:var(--or)}.svx-f span{font-size:13px;color:#b9bdc2}
.svx-p{min-height:320px}.svx-p img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.svx-in:hover .svx-p img{transform:scale(1.05)}
.sc2g{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sc2{display:grid;grid-template-columns:240px 1fr;border-radius:26px;overflow:hidden;background:var(--bg2);border:1px solid var(--ln);transition:.3s}.sc2:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:var(--sh)}
.sc2p{background:var(--bg3);overflow:hidden}.sc2p img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.sc2:hover .sc2p img{transform:scale(1.08)}
.sc2b{padding:26px;display:flex;flex-direction:column;gap:10px;position:relative}.sc2b h3{font-size:20px}.sc2b p{color:var(--mt);font-size:15px;margin:0;flex:1}.sc2f{display:flex;gap:6px;flex-wrap:wrap}.sc2f span{padding:5px 12px;border-radius:99px;background:var(--bg3);font-size:12px;font-weight:700}.sc2b .arr{position:absolute;right:20px;bottom:20px;width:40px;height:40px}
/* анимация плиток «На чём работаете» */
.tile.ph1{transition:transform .35s,box-shadow .35s;transform-style:preserve-3d}
.tile.ph1::before{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.tile.ph1:hover::before{transform:scale(1.12)}
.tile.ph1:hover{box-shadow:0 30px 50px -24px rgba(0,0,0,.65)}
.tile.ph1 h3,.tile.ph1 small{transition:transform .4s}.tile.ph1:hover h3{transform:translateY(-4px)}
.tile.ph1 .tsh{position:absolute;inset:0;z-index:2;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s;pointer-events:none}.tile.ph1:hover .tsh{transform:translateX(120%)}
@media (max-width:1100px){.sv-hg,.svx-in{grid-template-columns:1fr}.sv-facts,.sv-oth{grid-template-columns:repeat(2,1fr)}.sv-cards,.sv-par,.sv-st{grid-template-columns:1fr}.sc2g{grid-template-columns:1fr}.sv-checks{grid-template-columns:1fr}}
@media (max-width:640px){.sc2{grid-template-columns:1fr}.sc2p{height:180px}.svx-t{padding:28px}.sv-sec{padding:48px 0}.sv-oth{grid-template-columns:1fr}}

/* ── v5: мобильные правки, производительность ── */
button,a.btn,.hdots i{touch-action:manipulation}
.hs{transition:opacity .5s,visibility .5s}
.hctl button{backdrop-filter:none;background:rgba(24,25,27,.55)}
.hs .ov{background-image:linear-gradient(0deg,rgba(24,25,27,.6),rgba(24,25,27,0) 240px),linear-gradient(180deg,rgba(24,25,27,.62),rgba(24,25,27,0) 180px),linear-gradient(95deg,rgba(24,25,27,.9) 10%,rgba(24,25,27,.55) 52%,rgba(24,25,27,.12))}
.promos h2{margin-bottom:28px}
@media (max-width:1100px){nav a{font-size:19px}.ddm>*{font-size:17px}nav{gap:14px}}
@media (max-width:640px){
  header .w{height:60px;gap:8px}nav{top:60px}.logo{font-size:14px;gap:7px;min-width:0}.logo svg{width:27px;height:30px}.hr{gap:2px}.hr .ib{width:36px;height:36px}.hr .ib svg{width:18px;height:18px}.bur{width:38px;height:38px}.hr .bur i{width:22px}
  .hs .ov{background-image:none;background:linear-gradient(180deg,rgba(24,25,27,.42) 0%,rgba(24,25,27,0) 22%,rgba(24,25,27,0) 38%,rgba(24,25,27,.55) 60%,rgba(24,25,27,.93) 100%)}
  .hs[data-i="1"]{background-position:62% 50%}.hs[data-i="2"]{background-position:82% 40%}.hs[data-i="2"] .ov{opacity:.78}
  .hctl button{width:48px;height:48px}.hdots i{width:12px;height:12px}.hdots i.on{width:34px}
  .sv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-facts div{padding:16px}.sv-facts b{font-size:17px;overflow-wrap:anywhere}.sv-facts span{font-size:13px}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.bento .bn{grid-column:auto!important;grid-row:auto!important}.bento .b1,.bento .b2,.bento .b7{grid-column:1/3!important}.bento .b1{grid-row:span 2!important}
  .bnt{padding:44px 0 10px}.promos{padding-top:30px!important}
  .lg{gap:8px}.lg figure{flex-basis:calc((100% - 8px)/2);height:92px;padding:10px 14px}
  .gcard{animation:none}.gcard::before{display:none}.fb1::before{animation:none;display:none}.gin{transition:none}
  .abs{padding:44px 0}.sv-sec{padding:44px 0}
}

body.home header.sc,body.home header.mo,header{backdrop-filter:none}
body.home header.sc,body.home header.mo{background:var(--bg);border-radius:0}
@media (max-width:640px){
  .hs[data-i="2"]{background-position:72% 40%}
  .hero3 .cta{flex-wrap:nowrap;gap:8px}
  .hero3 .cta .btn{flex:1 1 0;min-width:0;padding:13px 8px;font-size:14px;white-space:normal;text-align:center;line-height:1.2}
}

/* перки на странице товара */
.perks2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.perks2>div{padding:18px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln);display:flex;flex-direction:column;gap:4px;transition:.25s}.perks2>div:hover{border-color:var(--or);transform:translateY(-2px)}
.perks2 i{width:42px;height:42px;border-radius:14px;background:#2b2d31;display:grid;place-items:center;margin-bottom:8px}.perks2 svg{width:22px;height:22px;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perks2 b{font:600 18px var(--d);line-height:1.15}.perks2 span{font-size:13px;color:var(--mt);line-height:1.4}
/* услуги на главной */
.sh{padding:70px 0 40px}.sh .svx-in{margin:6px 0 16px}.svx-t h3{font-size:clamp(26px,3.2vw,44px);margin:0}
.sh-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sht{border-radius:24px;overflow:hidden;background:var(--bg2);border:1px solid var(--ln);display:flex;flex-direction:column;transition:.3s}.sht:hover{border-color:var(--or);transform:translateY(-5px);box-shadow:var(--sh)}
.shp{aspect-ratio:4/3;overflow:hidden;background:var(--bg3)}.shp img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.sht:hover .shp img{transform:scale(1.08)}
.shb{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}.shb b{font:600 16px/1.25 var(--d)}.shb span{font-size:13px;color:var(--mt)}
/* видеогалерея */
.vgal{padding:60px 0 50px;background:var(--bg3);overflow:hidden}.vgh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
.vgc{display:flex;gap:10px}.vgc button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ln);background:var(--bg2);color:var(--tx);font-size:20px;cursor:pointer;transition:.2s}.vgc button:hover{background:var(--or);border-color:var(--or);color:#2b2d31}
.vtrack{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(20px,calc((100vw - min(1560px,100vw - clamp(40px,6vw,120px)))/2));padding:4px max(20px,calc((100vw - min(1560px,100vw - clamp(40px,6vw,120px)))/2)) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vtrack::-webkit-scrollbar{display:none}
.vcard{flex:0 0 min(260px,68vw);aspect-ratio:3/4;border-radius:24px;overflow:hidden;position:relative;border:0;padding:0;cursor:pointer;scroll-snap-align:start;background:#2b2d31;transition:transform .3s,box-shadow .3s}.vcard:hover{transform:translateY(-5px);box-shadow:0 24px 40px -22px rgba(0,0,0,.6)}
.vcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.vcard:hover img{transform:scale(1.06)}
.vcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,25,27,0) 45%,rgba(24,25,27,.88))}
.vcard b{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#fff;font:600 15px/1.3 var(--d);text-align:left}
.vplay{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;width:62px;height:62px;border-radius:50%;background:var(--or);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.4);transition:transform .3s}.vcard:hover .vplay{transform:translate(-50%,-50%) scale(1.12)}.vplay svg{width:26px;height:26px;fill:#2b2d31;margin-left:3px}
.vm .vmb{position:relative;width:min(860px,100%);max-height:94vh;overflow:auto;background:#1d1e21;border-radius:26px;padding:16px}.vm video{width:100%;max-height:68vh;border-radius:18px;background:#000;display:block}.vm .mx{color:#fff;z-index:3}
.vmi{padding:16px 6px 6px;color:#fff}.vmi h3{font-size:20px;margin-bottom:12px;color:#fff}.vmp{display:flex;flex-wrap:wrap;gap:10px}.vmp a{padding:12px 18px;border-radius:14px;background:#2b2d31;border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:600;font-size:14px;max-width:100%}.vmp a:hover{border-color:var(--or)}.vmp a small{display:block;color:var(--or);font-weight:700}.vmp .lab2{width:100%;font-size:13px;color:#b9bdc2}
@media (max-width:1100px){.sh-g{grid-template-columns:repeat(2,minmax(0,1fr))}.vgc{display:none}}
@media (max-width:640px){
  .hero3 .hd{display:none}
  .cc{grid-template-columns:76px minmax(0,1fr) 40px;gap:12px;padding:14px}.cc .arr{width:38px;height:38px}.cc h3{font-size:17px}
  .sh{padding:44px 0 20px}.shb b{font-size:14px}.shb span{display:none}
  .perks2 b{font-size:16px}
}

/* шапка на телефоне: узкая закруглённая «таблетка» */
@media (max-width:640px){
  header,body.home header,body.home header.sc,body.home header.mo{background:transparent!important;border:0!important;box-shadow:none;padding:8px 10px 0;backdrop-filter:none}
  header .w,body.home header .w{width:auto;margin:0;height:52px;padding:0 8px 0 12px;border-radius:26px;border:1px solid var(--ln);background:var(--bg);box-shadow:0 10px 26px -12px rgba(0,0,0,.45);transition:background .3s,box-shadow .3s,border-color .3s}
  body.home header:not(.sc):not(.mo) .w{background:transparent;border-color:transparent;box-shadow:none}
  header .logo{font-size:14px}.logo svg{width:26px;height:29px}
  header .hr .ib{width:36px;height:36px}.hr{gap:3px}
  nav{top:68px;left:10px;right:10px;border-radius:22px;border:1px solid var(--ln);box-shadow:0 20px 40px -16px rgba(0,0,0,.4)}
  body.home header:not(.sc):not(.mo) .logo{color:#fff}
}

.tl2,.tli,.tlb{min-width:0}.tli{grid-template-columns:84px minmax(0,1fr)}.tlb{overflow-wrap:anywhere;word-break:normal}.tlb p,.tlb li{overflow-wrap:anywhere}.chp span{max-width:100%;white-space:normal}
@media (max-width:640px){.tli{grid-template-columns:52px minmax(0,1fr);gap:12px}.tlk{width:52px;height:52px;font-size:12px}.tl2::before{left:25px}.tlb{padding:16px}.tlb h3{font-size:18px}.chp span{font-size:13px;padding:7px 12px}.abs .w{overflow:hidden}}

.ng3 div{display:flex;flex-direction:column;gap:6px}.ng3 b{white-space:nowrap;line-height:1.1}.ng3 span{display:block;line-height:1.35;font-size:15px;color:var(--mt)}
@media (max-width:640px){.ng3 b{font-size:21px}.ng3 span{font-size:13px}.ng3 div{padding:14px 14px;min-width:0}}

/* v9: мобильные правки (акции, о компании) */
.wl{font-size:19px;color:var(--tx)!important;font-weight:500;line-height:1.5}
.wf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.wf>div{padding:18px;border-radius:20px;background:var(--bg2);border:1px solid var(--ln)}.wf b{display:block;font:600 17px var(--d);margin-bottom:6px}.wf span{font-size:14px;color:var(--mt);line-height:1.45}
details.more summary{display:inline-flex;padding:12px 22px;border-radius:99px;border:1.5px solid var(--tx);font:700 15px var(--b);cursor:pointer;list-style:none}details.more summary::-webkit-details-marker{display:none}details.more summary::after{content:"↓";font:700 15px var(--b);margin-left:10px;color:var(--or2)}details.more[open] summary::after{content:"↑"}.mr-t{margin-top:16px}
details.more{border-bottom:0}
.salepg{display:flex;flex-direction:column}
@media (max-width:640px){
  .abl{display:none}
  .abh{padding-bottom:6px}.ab-hero{padding-bottom:0}.ab-hero+.abs{padding-top:6px}
  .ng3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.ng3 div{padding:14px}.ng3 b{font-size:26px}.ng3 span{font-size:13px}
  .wf{grid-template-columns:1fr;gap:8px}.wl{font-size:17px}
  .salepg .sg1{order:1}.salepg .sg2{order:2}.salepg .sg3{order:3;margin-top:30px}
  .sbn{padding:20px;gap:14px;margin-bottom:12px;border-radius:24px}.sbn h2{font-size:26px;margin:8px 0}.sbn p{font-size:15px}.sbn .btn{padding:12px 20px;font-size:14px}
  .sg2 .sub2{margin-top:6px}
  .gcards{gap:12px}.gin{padding:20px}.gin .gic{width:40px;height:40px}.gin .gb{font-size:26px}.gin h3{font-size:17px}.gin p{font-size:14px}
  .pks{gap:8px}.pk{padding:14px 16px;font-size:14px}
}

/* v10: мягкие переходы между блоками, переносы длинных слов */
.nums,.vgal,.prod2{background:transparent!important}
.nums h2,.n b,.n span{color:var(--tx)}.ng{border-top-color:var(--tx)}.n{border-color:var(--ln)}
:root{--bg3:#eeeef0}
.shb b,.sc2b h3,.sv-oth a,.svc2 b,.dc p,.vcard b,.sht,.tile h3,.cc h3,.card h3{overflow-wrap:anywhere;hyphens:auto}
@media (max-width:640px){.shb b{font-size:13px;line-height:1.3}.sh-g{gap:10px}.shb{padding:12px 12px 14px}}

/* v11: плотнее блоки и снова контрастные полосы (ритм секций) */
:root{--bg3:#e9e9ec}
section{padding:60px 0}
h2{margin-bottom:26px}
.nums{background:#f47c20!important;padding:56px 0 50px}
.nums h2,.n b,.n span{color:#2b2d31}.n b em{color:#fff}.ng{border-top-color:#2b2d31}.n{border-color:rgba(43,45,49,.25)}
.vgal{background:#2b2d31!important;padding:50px 0 40px}.vgal h2{color:#fff}.vgal .lab{color:#f47c20}.vgal .lab::before{background:#f47c20}
.vgc button{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.28)}.vgc button:hover{background:#f47c20;border-color:#f47c20;color:#2b2d31}
.prod2{background:var(--bg3)!important;padding:56px 0}
.sh{padding:56px 0 30px}.abs{padding:56px 0}.sv-sec{padding:52px 0}.sv-steps{padding:52px 0}.cta-band{padding:60px 0}.ct{padding:70px 0 50px}
.promos{padding-top:44px!important}
@media (max-width:640px){
  section{padding:38px 0}h2{margin-bottom:20px}
  .nums{padding:38px 0 34px}.vgal{padding:36px 0 28px}.prod2{padding:38px 0}.sh{padding:38px 0 16px}.abs{padding:38px 0}.sv-sec{padding:36px 0}.sv-steps{padding:38px 0}.cta-band{padding:44px 0}
  .promos{padding-top:30px!important}.bnt{padding:30px 0 6px}
}

/* v12: спокойное чередование — светло-серый и белый */
:root{--bg3:#eeeef0}
.nums{background:var(--bg2)!important}
.nums h2,.n b,.n span{color:var(--tx)}.n b em{color:#f47c20}.ng{border-top-color:var(--tx)}.n{border-color:var(--ln)}
.vgal{background:var(--bg2)!important}.vgal h2{color:var(--tx)}.vgal .lab{color:var(--or2)}.vgal .lab::before{background:var(--or)}
.vgc button{background:var(--bg);color:var(--tx);border-color:var(--ln)}.vgc button:hover{background:#f47c20;border-color:#f47c20;color:#2b2d31}
.prod2{background:var(--bg3)!important}
body.home main>section:nth-of-type(even):not(.q){background:var(--bg2)}
body.home main>section:nth-of-type(odd):not(.hero3):not(.q):not(.prod2){background:var(--bg)}

/* v13: два мягких серых тона вместо белого и тёмного */
:root{--bandA:#e8e8eb;--bandB:#f2f2f4}
:root[data-theme=dark]{--bandA:#25272b;--bandB:#1d1e21}
.nums,.vgal,.prod2{background:var(--bandA)!important}
.nums h2,.n b,.n span{color:var(--tx)}.n b em{color:#f47c20}
body.home main>section:nth-of-type(even):not(.q):not(.hero3){background:var(--bandA)!important}
body.home main>section:nth-of-type(odd):not(.hero3):not(.q){background:var(--bandB)!important}
.n{border-color:rgba(43,45,49,.14)}:root[data-theme=dark] .n{border-color:rgba(255,255,255,.14)}