:root{--bg:#edf2f8;--card:#fff;--ink:#0b1b3a;--mu:#5d6c86;--line:#e3e9f2;--blue:#1452d1;--blue2:#0b2f8a;--navy:#0a1f4d;--lime:#8fd63c;--lime2:#5fb82a;--glime:linear-gradient(90deg,#a9e84a,#6cc22c);--gblue:linear-gradient(135deg,#1a5fe0,#0b2f8a);--r:26px;--sh:0 1px 2px rgba(16,40,90,.04),0 12px 40px -18px rgba(16,40,90,.18);--f:'Manrope',system-ui,sans-serif;--hand:'Caveat',cursive}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:15px/1.5 var(--f);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#dfe9f7,transparent),radial-gradient(900px 500px at 100% 20%,#e6f4dc,transparent),var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{display:block;max-width:100%}
.ic{flex:none}
.wrap{width:min(1320px,100% - 32px);margin:auto}
/* sale bar */
.salebar{background:var(--navy);color:#fff;font-size:13px;overflow:hidden;position:relative}
.salebar .in{display:flex;justify-content:center;align-items:center;gap:12px;padding:9px 16px;text-align:center}
.salebar b{background:var(--glime);color:var(--navy);padding:3px 10px;border-radius:99px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;animation:pulse 2.2s infinite}

@keyframes sweep{to{left:110%}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(143,214,60,.7)}60%{box-shadow:0 0 0 8px rgba(143,214,60,0)}}
/* header */
header.top{position:sticky;top:0;z-index:40;background:rgba(237,242,248,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,228,240,.7)}
header.top .wrap{display:flex;align-items:center;gap:24px;height:74px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.02em}
.logo svg{width:38px;height:24px}
.logo .tl{font-size:11px;line-height:1.3;color:var(--mu);font-weight:500;white-space:pre-line;border-left:1px solid var(--line);padding-left:14px;margin-left:8px}
.mnav{display:flex;gap:22px;margin:auto;font-size:13.5px;font-weight:600;color:#33425e;white-space:nowrap}
.mnav a{position:relative;padding:6px 0}.mnav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--glime);transform:scaleX(0);transition:.3s;border-radius:2px}.mnav a:hover::after{transform:scaleX(1)}
.hphone{display:flex;align-items:center;gap:10px;white-space:nowrap}.hphone b{display:block;font-size:15px}.hphone small{color:var(--mu);font-size:11px}
.hphone .ic{color:var(--blue)}
.circ{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-content:center;box-shadow:var(--sh);transition:.3s}.circ:hover{transform:scale(1.08)}
.btn{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:14px;padding:13px 22px;border-radius:99px;transition:transform .25s,box-shadow .25s,background-position .4s;white-space:nowrap}
.btn .ic{transition:transform .25s}.btn:hover .ic{transform:translateX(4px)}
.btn-l{background:var(--glime);background-size:150% 100%;color:var(--navy);box-shadow:0 10px 24px -10px rgba(108,194,44,.8)}.btn-l:hover{transform:translateY(-2px);background-position:100% 0}
.btn-b{background:var(--gblue);color:#fff;box-shadow:0 10px 24px -10px rgba(20,82,209,.7)}.btn-b:hover{transform:translateY(-2px)}
.burger{display:none}
/* bento */
.bento{display:grid;gap:20px;margin:22px auto}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);position:relative;overflow:hidden}
.r1{grid-template-columns:2fr 1fr}
.r2{grid-template-columns:1fr 1.25fr 1fr}
.r3{grid-template-columns:2fr 1fr}
.r4{grid-template-columns:1fr 1fr 1.05fr}
h2{font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.sub{color:var(--mu);font-size:14px;margin-top:4px}
.more{color:var(--blue);font-weight:700;font-size:13px;display:inline-flex;gap:6px;align-items:center}
/* hero */
.hero{min-height:560px;padding:34px;display:flex;flex-direction:column;color:var(--ink)}
.hero{background:linear-gradient(180deg,#dcebf9,#eef4fa)}
.hero .bg{position:absolute;top:0;bottom:0;right:0;left:30%;width:70%;height:100%;object-fit:cover;object-position:55% 50%;transform-origin:70% 50%;transform:scale(1.06);animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.15) translate(-1.5%,-1%)}}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e6f0fa 0%,#e6f0fa 31%,rgba(230,240,250,.85) 37%,rgba(230,240,250,.35) 45%,rgba(230,240,250,0) 56%),linear-gradient(0deg,rgba(240,246,252,.95),transparent 28%);z-index:1}
.hero>*{position:relative;z-index:2}
.kick{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2c3c5a}
.hero h1{font-size:clamp(34px,3.9vw,52px);line-height:1.04;font-weight:800;letter-spacing:-.035em;margin:18px 0 18px;max-width:440px}
.hero h1 .d{white-space:pre-line}.hero h1 .b{color:var(--blue);display:block}.hero h1 .g{display:block;background:var(--glime);-webkit-background-clip:text;color:transparent}
.hero p{max-width:330px;color:#34445f;font-size:14.5px}
.hero .acts{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.play{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);padding:4px 16px 4px 4px;border-radius:99px;font-size:12px;line-height:1.3;white-space:pre-line;font-weight:600;color:#33425e}
.play i{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-content:center;color:var(--blue);box-shadow:var(--sh);position:relative}
.play i::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:ring 2s infinite}
@keyframes ring{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
.hbadge{position:absolute!important;top:34px;right:34px;font:600 20px/1.05 var(--hand);color:#fff;text-align:right;white-space:pre-line;text-shadow:0 2px 10px rgba(0,0,0,.35);transform:rotate(-4deg)}
.salepill{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-radius:99px;padding:6px 14px 6px 6px;font-size:12.5px;font-weight:600;box-shadow:var(--sh)}
.salepill b{background:var(--navy);color:#b8f06a;border-radius:99px;padding:5px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.hfeat{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border-radius:18px;padding:14px 16px;box-shadow:0 10px 30px -18px rgba(16,40,90,.4)}
.hero .acts{margin-bottom:28px}
.hfeat div{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.35;font-weight:600;white-space:pre-line;color:#2b3a56}
.hfeat .ic{color:var(--ink)}
/* featured */
.feat{padding:28px;display:flex;flex-direction:column}
.tag{display:inline-block;background:#e4f7cf;color:#3e7d12;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:99px}
.feat h3{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:14px 0 6px}
.feat .desc{color:var(--mu);font-size:13.5px;max-width:260px}
.feat .img{position:absolute;right:14px;top:180px;width:50%;filter:drop-shadow(0 18px 18px rgba(10,30,70,.25));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}
.fspecs{list-style:none;margin:22px 0 20px;display:grid;gap:14px;max-width:200px;position:relative;z-index:1}
.fspecs li{display:flex;gap:12px;align-items:center}.fspecs .ic{color:#7d8aa3}
.fspecs b{display:block;font-size:17px}.fspecs small{color:var(--mu);font-size:11.5px;line-height:1.2;display:block}
.feat .price{font-size:13px;color:var(--mu);margin-bottom:14px}.feat .price b{font-size:22px;color:var(--ink);display:block}
.feat .btn{align-self:flex-start;margin-top:auto}
/* why */
.why{padding:28px;display:grid;grid-template-columns:1.25fr 1fr;gap:12px}
.why h2{grid-column:1/-1;margin-bottom:12px}
.wl{list-style:none;display:grid;gap:22px}
.wl li{display:flex;gap:14px;align-items:flex-start}
.wl i{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-content:center;flex:none;transition:.4s}
.wl li:hover i{background:var(--blue);transform:rotate(-8deg) scale(1.08)}
.wl b{font-size:14px;display:block}.wl small{font-size:12px;color:var(--mu);display:block;line-height:1.35}
.ws{display:grid;gap:20px;align-content:start;border-left:1px solid var(--line);padding-left:18px}
.ws b{font-size:30px;font-weight:800;letter-spacing:-.03em;display:block;line-height:1}.ws small{font-size:12px;color:var(--mu)}
.hand{font:600 20px/1.05 var(--hand);color:#3a4a66;white-space:pre-line;transform:rotate(-5deg);margin-top:18px;position:relative}
.hand::after{content:'';display:block;width:110px;height:8px;margin-top:4px;background:var(--glime);border-radius:8px;transform:skewX(-20deg);opacity:.85}
/* tech */
.tech{padding:28px}
.tabs{display:flex;gap:4px;margin:16px 0 4px;flex-wrap:wrap}
.tabs button{font-size:12.5px;font-weight:600;color:var(--mu);padding:6px 12px;border-radius:99px;transition:.25s}
.tabs button.on{background:#e7eefb;color:var(--blue)}
.diag{position:relative;height:220px;margin:10px 30px 12px 70px}
.diag img{position:absolute;left:8%;bottom:30px;height:150px;filter:drop-shadow(0 12px 10px rgba(10,30,70,.2))}
.dm{position:absolute;font-size:11px;color:var(--mu);text-align:center;line-height:1.2}.dm b{display:block;font-size:13px;color:var(--ink)}
.dm.h{left:-68px;top:52px;text-align:right}.dm.h::after{content:'';position:absolute;right:-12px;top:-38px;height:150px;width:1px;background:repeating-linear-gradient(#9aa8bf 0 4px,transparent 4px 7px)}
.dm.l{left:10%;bottom:2px;width:60%}.dm.l::before{content:'';position:absolute;left:0;right:0;top:-8px;height:1px;background:repeating-linear-gradient(90deg,#9aa8bf 0 4px,transparent 4px 7px)}
.dm.w{right:-20px;bottom:24px;text-align:right}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px;border-top:1px solid var(--line);padding-top:18px;transition:opacity .3s}
.tgrid div{display:flex;gap:10px;align-items:center}.tgrid .ic{color:#7d8aa3}
.tgrid b{font-size:14px;display:block;line-height:1.2}.tgrid small{font-size:11.5px;color:var(--mu)}
/* popular + promo */
.col{display:grid;gap:20px;grid-template-rows:auto 1fr}
.pop{padding:26px}
.pop .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pop h2{font-size:20px}
.pl{list-style:none;display:grid;gap:13px}
.pl li{display:grid;grid-template-columns:1fr 1.1fr 46px;gap:12px;align-items:center;font-size:13px;font-weight:600;cursor:pointer}
.pl .bar{height:8px;border-radius:9px;background:#edf1f7;overflow:hidden}
.pl .bar i{display:block;height:100%;width:0;border-radius:9px;background:var(--glime);transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.pl li:first-child .bar i{background:var(--gblue)}
.pl span:last-child{text-align:right;color:var(--mu);font-size:12px}
.pop .nt{font-size:11px;color:var(--mu);margin-top:10px}
.promo{background:linear-gradient(160deg,#0d2a66,#0a1f4d 60%,#0c3a5c);color:#fff;padding:26px;min-height:230px}
.promo h3{font-size:18px;font-weight:800;line-height:1.25;max-width:220px;position:relative;z-index:1}
.promo .big{font-size:46px;font-weight:800;background:var(--glime);-webkit-background-clip:text;color:transparent;margin-top:6px;position:relative;z-index:1;letter-spacing:-.03em}
.promo p{font-size:12.5px;color:#b9c7e6;max-width:200px;position:relative;z-index:1}
.promo .btn{margin-top:14px;padding:10px 18px;font-size:13px;position:relative;z-index:1}
.promo svg.chart{position:absolute;right:0;bottom:0;width:78%;height:72%}
.promo .ln{stroke-dasharray:600;stroke-dashoffset:600}.promo.in .ln{animation:draw 2.4s .3s forwards cubic-bezier(.4,0,.2,1)}
@keyframes draw{to{stroke-dashoffset:0}}
.promo .dot{opacity:0}.promo.in .dot{animation:pop .4s forwards}
@keyframes pop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
/* attachments */
.att{padding:28px;display:flex;flex-direction:column}
.af{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:center}
.af div{display:flex;gap:10px;align-items:center;background:#f3f7fc;border-radius:16px;padding:14px;font-size:12.5px;line-height:1.3}.af div b{display:block;font-size:13.5px}.af i{width:36px;height:36px;border-radius:10px;background:var(--navy);color:#b8f06a;display:grid;place-content:center;flex:none}
@media(max-width:900px){.af{grid-template-columns:1fr}}
.att .hd{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}
.ag{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ai{cursor:pointer}
.ai .ph{aspect-ratio:1/1;border-radius:18px;background:linear-gradient(160deg,#f3f6fb,#e6ecf5);display:grid;place-content:center;padding:14px;transition:.4s;overflow:hidden}
.ai .ph img{max-height:130px;width:auto;margin:auto;transition:.5s;filter:drop-shadow(0 10px 10px rgba(10,30,70,.22))}
.ai:hover .ph{background:linear-gradient(160deg,#eaf6dd,#dbe9f8)}.ai:hover img{transform:scale(1.1) rotate(-3deg)}
.ai b{display:block;font-size:14px;margin-top:12px}.ai small{font-size:12px;color:var(--mu);line-height:1.3;display:block}
/* delivery */
.del{padding:26px}
.map{margin:4px -6px 8px;position:relative}
.map>svg{width:100%;height:auto;overflow:visible}
.mapcta svg{width:14px!important;height:14px!important;flex:none;overflow:hidden}.mapcta{white-space:nowrap;max-width:calc(100% - 20px)}
.map .rt{fill:none;stroke:url(#rg);stroke-width:2;stroke-dasharray:5 6;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-22}}
.map .pt{animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-3px)}}
.map .hub{animation:hub 2s infinite;transform-box:fill-box;transform-origin:center}
@keyframes hub{0%{r:6;opacity:.6}100%{r:22;opacity:0}}
.map .schema{font-size:9px;fill:#9aa8bf}
.dl{list-style:none;display:grid;gap:12px;margin-bottom:16px}
.dl li{display:flex;gap:12px;align-items:center}.dl i{width:32px;height:32px;border-radius:9px;background:#e7eefb;color:var(--blue);display:grid;place-content:center}
.dl b{font-size:13.5px;display:block}.dl small{font-size:11.5px;color:var(--mu)}
.del .foot{display:flex;justify-content:space-between;align-items:end;gap:8px}
.del .hand{font-size:18px}
/* video */
.video{min-height:330px;color:#fff;padding:28px;display:flex;flex-direction:column;cursor:pointer}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.2s}
.video:hover img{transform:scale(1.07)}
.video::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,35,.7),rgba(5,15,35,.1) 50%,rgba(5,15,35,.6));z-index:1}
.video>*{position:relative;z-index:2}
.video .k{font-size:12px;font-weight:600;opacity:.9}
.video h3{font-size:26px;font-weight:800;line-height:1.1;margin:8px 0;white-space:pre-line}
.video p{font-size:13px;opacity:.85;white-space:pre-line}
.video .pb{position:absolute;left:50%;top:56%;width:68px;height:68px;margin:-34px;border-radius:50%;background:var(--blue);display:grid;place-content:center;color:#fff;z-index:2;box-shadow:0 0 0 10px rgba(20,82,209,.25)}
.video .pb::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:ring 2s infinite}
.video .meta{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;font-weight:600}
.video .meta span:first-child{background:rgba(0,0,0,.45);padding:5px 10px;border-radius:99px}
/* finance */
.fin{background:linear-gradient(150deg,#0a2a6e,#081b45);color:#fff;padding:28px;min-height:330px}
.fin h3{font-size:24px;font-weight:800;line-height:1.15;white-space:pre-line;position:relative;z-index:1}
.fin p{font-size:13px;color:#b9c7e6;margin:12px 0 18px;max-width:300px;position:relative;z-index:1}
.fb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}
.fb div{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:14px;padding:12px;transition:.3s}
.fb div:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.fb b{font-size:21px;display:block;font-weight:800;letter-spacing:-.02em;line-height:1.1}.fb small{font-size:11px;color:#b9c7e6}
.fin .btn{margin-top:22px;position:relative;z-index:1}
.fin .wave{position:absolute;right:-40px;bottom:-30px;width:300px;height:180px}
.fin .orb{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c6f27a,#5fb82a 55%,#1d6a3b);opacity:.85;filter:blur(.3px);animation:orb 8s ease-in-out infinite}
@keyframes orb{50%{transform:translate(-14px,10px) scale(1.06)}}
/* reviews */
.rev{padding:28px;display:flex;flex-direction:column}
.rev .hd{display:flex;justify-content:space-between;align-items:start}
.rev .rt b{font-size:24px;font-weight:800}.rev .rt .st{color:#f5b400;display:inline-flex;vertical-align:-3px;margin-left:6px}.rev .rt small{display:block;font-size:11px;color:var(--mu);text-align:right}
.slider{position:relative;margin:22px 0 0;flex:1;display:flex;align-items:center}
.slide{display:none;gap:16px;align-items:flex-start;padding:0 36px;animation:fade .5s}.slide.on{display:flex}
@keyframes fade{from{opacity:0;transform:translateX(16px)}}
.ava{width:76px;height:76px;flex:none;border-radius:18px;background:var(--gblue);color:#fff;display:grid;place-content:center;font-size:26px;font-weight:800;overflow:hidden}
.ava img{width:100%;height:100%;object-fit:cover}
.slide q{font-size:13.5px;display:block;quotes:'«' '»'}
.slide .st{color:#f5b400;display:flex;margin:10px 0 4px}
.slide b{font-size:13px;display:block}.slide small{font-size:11.5px;color:var(--mu)}
.arr{position:absolute;top:30%;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:var(--sh);display:grid;place-content:center}
.arr.l{left:-8px}.arr.r{right:-8px}
.dots{display:flex;gap:6px;justify-content:center;margin-top:18px}
.dots i{width:8px;height:8px;border-radius:9px;background:#d8e0ec;transition:.3s;cursor:pointer}.dots i.on{width:26px;background:var(--blue)}
/* cta */
.cta{min-height:190px;padding:34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.cta::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,52,.88),rgba(6,22,52,.35) 45%,rgba(6,22,52,.15) 60%,rgba(6,22,52,.8));z-index:1}
.cta>*{position:relative;z-index:2}
.cta .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.cta h2{font-size:28px;color:#fff;margin:8px 0;white-space:pre-line}.cta p{font-size:13px;opacity:.85}
.cta .side{display:grid;gap:18px;justify-items:start}
.cta .cts{display:flex;gap:26px;flex-wrap:wrap}
.cta .cts a{display:flex;gap:10px;align-items:center}.cta .cts b{display:block;font-size:15px}.cta .cts small{font-size:11px;opacity:.75}
/* footer */
footer{padding:30px 0 40px}
footer .wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
footer .mnav{margin:0 auto}
.soc{display:flex;gap:8px}.soc a{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-content:center;transition:.3s}.soc a:hover{background:var(--blue);transform:translateY(-2px)}
.copy{font-size:11.5px;color:var(--mu);text-align:right}
.disc{font-size:11px;color:#8a97ad;width:100%;text-align:center;margin-top:8px}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(8,20,45,.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex;animation:fadein .3s}
@keyframes fadein{from{opacity:0}}
.mbox{background:#fff;border-radius:26px;width:min(460px,100%);padding:30px;position:relative;animation:up .4s cubic-bezier(.2,.7,.2,1);max-height:92vh;overflow:auto}
.mbox.wide{width:min(860px,100%)}
@keyframes up{from{transform:translateY(30px);opacity:0}}
.mbox .x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;background:#f0f4fa;display:grid;place-content:center}
.mbox h3{font-size:22px;font-weight:800;margin-bottom:6px;padding-right:30px}
.mbox p{color:var(--mu);font-size:13.5px}
.fld{display:grid;gap:10px;margin-top:18px}
.fld input,.fld textarea{width:100%;border:1px solid var(--line);background:#f7f9fc;border-radius:14px;padding:14px 16px;font:inherit;color:var(--ink);outline:0;transition:.2s}
.fld input:focus,.fld textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(20,82,209,.1)}
.fld .btn{justify-content:center;margin-top:4px}
.ok{text-align:center;padding:20px 0}.ok i{width:64px;height:64px;border-radius:50%;background:var(--glime);display:grid;place-content:center;margin:0 auto 14px;color:var(--navy)}
.priv{font-size:11px;color:#8a97ad;margin-top:6px}
/* reveal */
.rv{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* responsive */
@media(max-width:1960px){.logo .tl{display:none}}
@media(max-width:1180px){.mnav{display:none}.burger{display:grid}.r2{grid-template-columns:1fr 1fr}.r2 .col{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.r4{grid-template-columns:1fr 1fr}.r4 .rev{grid-column:1/-1}}
@media(max-width:900px){.r1,.r3,.r2,.r4{grid-template-columns:1fr}.r2 .col{grid-template-columns:1fr}.ag{grid-template-columns:repeat(3,1fr)}.hfeat{grid-template-columns:1fr 1fr}.hero{min-height:620px}.hphone{display:none}.logo .tl{display:none}}
@media(max-width:560px){.hero .bg{left:0;width:100%;top:auto;height:55%}.hero{padding:24px;min-height:720px}.hero::before{background:linear-gradient(180deg,rgba(240,246,252,.96) 0%,rgba(240,246,252,.85) 45%,rgba(240,246,252,.2) 70%,rgba(240,246,252,.95))}.hbadge{display:none}.why{grid-template-columns:1fr}.ws{border:0;padding:0;grid-template-columns:repeat(3,1fr)}.ws b{font-size:24px}.ag{grid-template-columns:1fr 1fr}.tgrid{grid-template-columns:1fr 1fr}.diag{margin:10px 0 12px 56px;height:190px}.diag img{height:120px}.dm.h{left:-58px}.fb{grid-template-columns:1fr}.feat .img{position:relative;right:auto;top:auto;width:80%;margin:10px auto 0}.fspecs{max-width:none;grid-template-columns:1fr 1fr}.cta h2{font-size:22px}header.top .btn{display:none}.slide{padding:0 26px;flex-direction:column}.copy{text-align:left}footer .mnav{display:flex;flex-wrap:wrap;gap:12px;margin:0}.wrap{width:calc(100% - 24px)}.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.fnav{display:flex;gap:22px;margin:0 auto;font-size:13px;font-weight:600;color:#33425e;flex-wrap:wrap}
@media(max-width:1180px){header.top.open .mnav{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:4px;background:#fff;padding:14px 24px;box-shadow:var(--sh)}}
.calc-res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.calc-res div{background:#f3f7fc;border-radius:14px;padding:12px}.calc-res small{font-size:11px;color:var(--mu);display:block}.calc-res b{font-size:16px}
input[type=range]{accent-color:var(--blue);padding:0!important;border:0!important;background:none!important}
/* catalog */
.cat-hd{padding:32px;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,#fff 40%,#eef7e6)}
.cat-hd h1{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-.03em;margin:8px 0 4px}
.cat-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{padding:9px 14px;border-radius:99px;background:#f0f4fa;font-size:13px;font-weight:600;transition:.25s}.chip.on{background:var(--navy);color:#fff}.chip:hover:not(.on){background:#e2eaf6}
.srch{display:flex;align-items:center;gap:8px;background:#f0f4fa;border-radius:99px;padding:0 14px;color:var(--mu)}.srch input{border:0;background:none;padding:10px 0;font:inherit;outline:0;width:190px;color:var(--ink)}
#sort{border:0;background:#f0f4fa;border-radius:99px;padding:10px 14px;font:inherit;font-size:13px;color:var(--ink)}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mc{padding:22px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s;animation:up .5s both}
.mc:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(16,40,90,.35)}
.mc .tag{align-self:flex-start}
.mph{aspect-ratio:4/3;display:grid;place-content:center;margin:8px 0;border-radius:18px;background:radial-gradient(circle at 50% 70%,#eef4fb,transparent 70%)}
.mph img{max-height:170px;width:auto;margin:auto;transition:.5s;filter:drop-shadow(0 14px 12px rgba(10,30,70,.22))}.mc:hover .mph img{transform:scale(1.07)}
.mc h3{font-size:19px;font-weight:800;letter-spacing:-.01em}
.msp{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.msp span{font-size:11.5px;background:#f0f4fa;border-radius:99px;padding:4px 9px;color:#33425e;font-weight:600}
.mc p{font-size:12.5px;color:var(--mu);flex:1}
.mpr{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.mpr b{font-size:18px;display:block}.mpr small{font-size:10.5px;color:#3e7d12;font-weight:700;display:block;line-height:1.2;max-width:130px}
.mpr .btn{padding:10px 14px;font-size:12.5px}
@media(max-width:1180px){.mgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.mgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mgrid{grid-template-columns:1fr}.srch input{width:130px}.calc-res{grid-template-columns:1fr}}

/* mobile action bar */
.mbar{display:none}
@media(max-width:760px){
 body{padding-bottom:76px}
 .mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:20px;padding:8px;box-shadow:0 14px 40px -12px rgba(10,30,70,.45)}
 .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:700;border-radius:14px;padding:7px 4px;color:var(--navy)}
 .mbar a:first-child{background:#e7eefb;color:var(--blue)}.mbar a:nth-child(2){background:#e9f7dc;color:#2f7a12}.mbar button{background:var(--glime);font-size:13px;flex-direction:row;gap:6px}
 .hero{min-height:0;padding:24px 20px 20px;background:#e9f1fa}
 .hero::before{display:none}
 .hero .bg{position:relative;order:5;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% + 40px);height:250px;margin:22px -20px 0;transform:none;animation:none;object-position:60% 50%}
 .hero .hfeat{order:6;margin-top:-34px;position:relative;z-index:3;grid-template-columns:1fr 1fr;padding:14px;gap:12px}
 .hero .hfeat div{font-size:11.5px}
 .hero .acts{margin:22px 0 0;gap:12px}
 .hero .acts .btn{flex:1;justify-content:center}
 .hero .play{font-size:11.5px}
 .hero h1{font-size:36px;margin:14px 0}
 .hero p{max-width:none}
 .kick{font-size:10.5px}
 .salebar .in{font-size:12px;gap:8px;padding:8px 12px;text-align:left}
 header.top .wrap{height:64px;gap:10px}header.top .circ{width:40px;height:40px}.logo{font-size:19px;margin-right:auto}
 header.top.open .mnav{top:64px;font-size:16px}header.top.open .mnav a{padding:12px 0;border-bottom:1px solid var(--line)}
 .bento{gap:14px;margin:14px auto}.card{border-radius:22px}
 .feat,.why,.tech,.pop,.att,.del,.rev,.fin,.video{padding:22px}
 h2{font-size:23px}
 .ag{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:0 22px 6px;scrollbar-width:none}
 .ag::-webkit-scrollbar{display:none}.ai{scroll-snap-align:start}
 .att .hd{flex-direction:column;gap:6px}
 .fb{grid-template-columns:repeat(3,1fr)!important;gap:8px}.fb div{padding:10px}.fb b{font-size:16px}
 .fin .orb{width:90px;height:90px;right:-30px;top:-30px}
 .del .foot{flex-direction:column;align-items:flex-start;gap:14px}
 .cta{padding:26px 22px}.cta::before{background:linear-gradient(180deg,rgba(6,22,52,.88),rgba(6,22,52,.55) 60%,rgba(6,22,52,.8))}
 .cta .side .btn{width:100%;justify-content:center}
 footer .wrap{flex-direction:column;align-items:flex-start;gap:16px}.fnav{margin:0;gap:10px 18px}
 .mbox{padding:24px 20px;border-radius:22px}
 .mph img{max-height:150px}
 .cat-hd{padding:24px 20px}.cat-tools{width:100%}.chips{overflow-x:auto;flex-wrap:nowrap;width:100%;scrollbar-width:none;margin:0 -2px}.chip{flex:none}.srch{flex:1}.srch input{width:100%}
}
.hero>img.bg{z-index:0}
@media(max-width:760px){.hero>img.bg{max-width:none}}
@media(max-width:1180px){.logo{margin-right:auto}}
@media(max-width:900px){.feat .img{position:relative;right:auto;top:auto;width:min(80%,420px);margin:10px auto 0}.fspecs{max-width:none;grid-template-columns:1fr 1fr}}
/* catalog filters */
.clay{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start}
.fbar{padding:22px;position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;scrollbar-width:thin}
.fbh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.fbh b{font-size:18px;font-weight:800}
#freset{color:var(--blue);font-weight:700;font-size:13px;visibility:hidden}
.fx,.fshow,.ftog{display:none}
.fg{padding:16px 0;border-bottom:1px solid var(--line)}.fg:last-child{border:0}
.fgt{font-size:13px;font-weight:800;margin-bottom:10px}
.rin{display:flex;align-items:center;gap:8px}.rin span{color:var(--mu)}
.rin input{width:100%;min-width:0;border:1px solid var(--line);background:#f7f9fc;border-radius:12px;padding:9px 10px;font:inherit;font-size:13px;outline:0}
.rin input:focus{border-color:var(--blue);background:#fff}
.dual{position:relative;height:26px;margin:8px 4px 0}
.dual .trk{position:absolute;left:0;right:0;top:11px;height:4px;border-radius:4px;background:#e3e9f2}
.dual .trk i{position:absolute;top:0;bottom:0;background:var(--glime);border-radius:4px}
.dual input{position:absolute;left:0;top:0;width:100%;height:26px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.dual input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 2px 6px rgba(16,40,90,.25);cursor:grab}
.dual input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--blue);cursor:grab}
.dual input::-webkit-slider-runnable-track{background:none}.dual input::-moz-range-track{background:none}
.cks{display:grid;gap:2px}.cks.long .ck:nth-child(n+9){display:none}.cks.long.all .ck{display:flex}
.ck{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;cursor:pointer;font-size:13.5px}
.ck:hover{background:#f3f7fc}.ck input{width:18px;height:18px;accent-color:var(--blue);flex:none}.ck span{flex:1}.ck em{font-style:normal;font-size:11.5px;color:var(--mu);background:#f0f4fa;border-radius:99px;padding:1px 8px}
.ckm{color:var(--blue);font-size:12.5px;font-weight:700;margin-top:6px}
.bq{width:100%;border:1px solid var(--line);background:#f7f9fc;border-radius:12px;padding:8px 10px;font:inherit;font-size:13px;margin-bottom:8px;outline:0}
.found{font-size:14px;color:var(--mu);margin:2px 4px 14px}.found b{color:var(--ink)}
.clay .mgrid{grid-template-columns:repeat(3,1fr)}
.mph.photo{display:block;padding:0;overflow:hidden;background:#eef2f8}.mph.photo img{width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
.more-w{text-align:center;margin:24px 0 8px}
.empty{padding:40px;text-align:center;grid-column:1/-1;color:var(--mu)}
@media(max-width:1180px){.clay .mgrid{grid-template-columns:1fr 1fr}.clay{grid-template-columns:260px 1fr}}
@media(max-width:900px){
 .clay{grid-template-columns:1fr}
 .ftog{display:inline-flex}.ftog span:not(:empty){background:var(--lime);color:var(--navy);border-radius:99px;padding:0 7px;font-size:12px}
 .fbar{position:fixed;inset:auto 0 0 0;top:auto;z-index:120;max-height:88vh;border-radius:24px 24px 0 0;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);padding:18px 20px 0;box-shadow:0 -20px 60px rgba(8,20,45,.35)}
 .fbar.open{transform:none}
 .fx{display:grid;position:static;width:36px;height:36px;border-radius:50%;background:#f0f4fa;place-content:center}
 .fbh{gap:10px}.fbh b{margin-right:auto}
 .fshow{display:block;position:sticky;bottom:0;background:#fff;padding:12px 0 16px;margin-top:4px}.fshow .btn{width:100%;justify-content:center}
}
@media(max-width:560px){.clay .mgrid{grid-template-columns:1fr}.cat-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cat-tools .srch{grid-column:1/-1}#sort,.ftog{width:100%;justify-content:center}}
/* attachments catalog + product */
.ai .ago{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:700;color:var(--blue);opacity:.0;transform:translateY(4px);transition:.3s}.ai:hover .ago{opacity:1;transform:none}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--mu);font-weight:600}.crumbs a:hover{color:var(--blue)}.crumbs .ic{opacity:.5;width:11px;height:11px}
.cat-hd .crumbs{margin-bottom:4px}
.catchips{display:flex;gap:8px;padding:12px;overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}
.catchips::-webkit-scrollbar{display:none}
.catchips a{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;background:#f2f5fa;font-size:13px;font-weight:700;transition:.25s}
.catchips a em{font-style:normal;font-size:11px;color:var(--mu);background:#fff;border-radius:99px;padding:1px 7px}
.catchips a:hover{background:#e6eefb;color:var(--blue)}
.catchips a.on{background:var(--gblue);color:#fff;box-shadow:0 8px 20px -10px rgba(20,82,209,.7)}.catchips a.on em{background:rgba(255,255,255,.2);color:#fff}
.tag.st{background:#e4f7cf;color:#3e7d12}.tag.so{background:#fff4e0;color:#a15c00}
.ac{padding:18px}
.ac h3{font-size:15px;line-height:1.3;font-weight:800;flex:1}.ac h3 a:hover{color:var(--blue)}
.aph{display:block;aspect-ratio:1/1;background:#fff;border:1px solid var(--line);overflow:hidden;padding:10px}
.aph img{width:100%;height:100%;max-height:none;object-fit:contain;filter:none}
.acat{font-size:11px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.ac .mpr b{font-size:17px}
.agrid{grid-template-columns:repeat(3,1fr)}
.simw{padding:28px}.simw .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.simw h2{font-size:22px}
.simw .agrid{grid-template-columns:repeat(4,1fr)}
.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.pgal{padding:0;background:#fff;position:relative;display:flex;flex-direction:column}
.pgal .pmain{display:flex;transition:transform .45s cubic-bezier(.2,.7,.2,1);aspect-ratio:1/1;max-height:640px}
.pgal .pmain img{flex:none;width:100%;height:100%;object-fit:contain;padding:28px}
.parr{position:absolute;top:calc(50% - 60px);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:var(--sh);display:grid;place-content:center;z-index:2;transition:.25s}.parr:hover{background:var(--blue);color:#fff}
.parr.l{left:14px}.parr.l .ic{transform:rotate(180deg)}.parr.r{right:14px}
.pth{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}
.pth button{flex:none;width:72px;height:72px;border-radius:14px;border:2px solid var(--line);background:#fff;padding:4px;transition:.2s}.pth button img{width:100%;height:100%;object-fit:contain}
.pth button.on{border-color:var(--blue)}
.pinfo{padding:32px;display:flex;flex-direction:column}
.ptags{display:flex;gap:8px;flex-wrap:wrap}
.pinfo h1{font-size:clamp(24px,2.6vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:14px 0 18px}
.pkey{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pkey li{background:#f5f8fc;border-radius:14px;padding:10px 14px}.pkey small{display:block;font-size:11.5px;color:var(--mu)}.pkey b{font-size:14.5px}
.pprice{margin:22px 0 16px;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,#0a1f4d,#1452d1);color:#fff}
.pprice small{display:block;opacity:.7;font-size:12px}.pprice b{font-size:30px;font-weight:800;letter-spacing:-.02em}
.pprice .salepill{margin:10px 0 0;display:flex;width:max-content;max-width:100%;color:var(--ink)}
.pbtn{display:flex;gap:10px;flex-wrap:wrap}
.btn-w{background:#25d366;color:#fff;box-shadow:0 10px 24px -10px rgba(37,211,102,.8)}.btn-w:hover{transform:translateY(-2px)}
.pperk{display:grid;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.pperk div{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--mu)}.pperk .ic{color:var(--blue);margin-top:2px}.pperk b{display:block;color:var(--ink);font-size:13.5px}
.pd2{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.pspec{padding:28px}.pspec h2,.pask h2{font-size:22px;margin-bottom:14px}
.pspec dl{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.pspec dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.pspec dt{color:var(--mu)}.pspec dd{font-weight:700;text-align:right}
.pask{padding:28px;background:linear-gradient(150deg,#fff 30%,#eef7e6);display:flex;flex-direction:column;gap:14px}
.pask p{color:var(--mu);font-size:14px}
.pphone{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--blue)}
.pask .btn{align-self:flex-start}
@media(max-width:1180px){.agrid,.clay .agrid{grid-template-columns:1fr 1fr}.simw .agrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pd,.pd2{grid-template-columns:1fr}.simw .agrid{grid-template-columns:1fr 1fr}.catchips{flex-wrap:nowrap}}
@media(max-width:560px){
 .agrid,.clay .agrid{grid-template-columns:1fr 1fr;gap:10px}
 .ac{padding:12px}.ac h3{font-size:13px}.ac .msp span{font-size:10.5px;padding:3px 7px}.ac .msp span:nth-child(n+3){display:none}
 .ac .mpr{flex-direction:column;align-items:stretch}.ac .mpr b{font-size:15px}.ac .mpr .btn{justify-content:center}.ac .mpr small{max-width:none}
 .ac .tag{font-size:9.5px;padding:4px 8px}.acat{font-size:9.5px}
 .simw .agrid{grid-template-columns:1fr 1fr}.simw{padding:18px}
 .pinfo,.pspec,.pask{padding:20px}.pspec dl{grid-template-columns:1fr}.pkey{grid-template-columns:1fr 1fr}
 .pgal .pmain img{padding:14px}.parr{width:38px;height:38px}.pth button{width:58px;height:58px}
 .pbtn .btn{flex:1;justify-content:center}.pprice b{font-size:26px}
}
/* delivery calculator */
.map[data-delcalc]{cursor:pointer;position:relative}
.mapcta{position:absolute;left:10px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--blue);box-shadow:var(--sh);transition:.3s}
.map[data-delcalc]:hover .mapcta{background:var(--blue);color:#fff}
.mbox.dlvbox{width:min(1180px,100% - 24px);max-width:none;padding:0;overflow:auto;max-height:calc(100vh - 32px)}
.dlvbox>.x{z-index:5}
.dlv{display:grid;grid-template-columns:400px 1fr;min-height:560px}
.dlv-l{padding:30px 28px;display:flex;flex-direction:column;gap:12px;background:#fff;position:relative;z-index:2}
.dlv-l .kick{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lime2)}
.dlv-l h3{font-size:26px;line-height:1.15;letter-spacing:-.02em;font-weight:800}.dlv-l>p{color:var(--mu);font-size:13.5px}
.dlv-f{display:flex;gap:8px}
.dlv-in{position:relative;flex:1;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:16px;padding:0 12px;background:#f7f9fc;transition:.2s}
.dlv-in:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(20,82,209,.1)}
.dlv-in .ic{color:var(--blue)}
.dlv-in input{border:0;background:none;outline:0;font:inherit;font-size:15px;padding:13px 0;width:100%;min-width:0}
.dlv-f .btn{padding:12px 18px}
.dlv-ac{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);background:#fff;border-radius:16px;box-shadow:0 20px 50px -12px rgba(10,30,70,.35);padding:6px;display:none;z-index:10;max-height:290px;overflow:auto}
.dlv-ac.on{display:block}
.dlv-ac button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:10px;font-size:14px;text-align:left}
.dlv-ac button small{margin-left:auto;font-size:11.5px;color:var(--lime2);font-weight:800}
.dlv-ac button:hover,.dlv-ac button.on{background:#eef4fd}
.dlv-q{display:flex;flex-wrap:wrap;gap:6px}
.dlv-q button{font-size:12px;font-weight:700;padding:6px 11px;border-radius:99px;background:#f0f4fa;transition:.2s}.dlv-q button:hover{background:var(--blue);color:#fff}
.dlv-r{margin-top:6px;flex:1;display:flex;flex-direction:column;gap:14px}
.dlv-ph{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--mu);font-size:13px;border:1.5px dashed var(--line);border-radius:18px;padding:24px;min-height:180px}
.dlv-ph .ic{color:var(--blue);animation:float 3s ease-in-out infinite}
.dlv-big{display:grid;grid-template-columns:auto 1fr;gap:12px;animation:up .5s both}
.dlv-big>div{border-radius:18px;padding:14px 16px}
.dlv-big>div:first-child{background:linear-gradient(135deg,#0a1f4d,#1452d1);color:#fff;min-width:150px}
.dlv-big small{display:block;font-size:11.5px;opacity:.75}
.dlv-big b{font-size:42px;line-height:1;font-weight:800;letter-spacing:-.03em;display:inline-block;margin-top:4px}
.dlv-big em{font-style:normal;font-weight:700;margin-left:6px;color:#b8f06a}
.dlv-km{background:#f2f7ec}.dlv-km b{font-size:22px!important;color:var(--ink);margin:4px 0}.dlv-km small{color:#3e7d12;opacity:1!important;font-weight:700}
.dlv-bar{position:relative;height:8px;border-radius:9px;background:#e8eef7;margin:4px 0 14px}
.dlv-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:9px;background:var(--glime);transition:width 1.8s cubic-bezier(.2,.7,.2,1)}
.dlv-bar span{position:absolute;top:12px;font-size:10.5px;color:var(--mu);font-weight:700}.dlv-bar span:last-child{right:0}
.dlv-st{list-style:none;display:grid;gap:0;position:relative}
.dlv-st li{display:flex;gap:12px;align-items:center;padding:7px 0;position:relative;animation:up .45s both}
.dlv-st li:not(:last-child)::after{content:"";position:absolute;left:15px;top:38px;bottom:-8px;width:2px;background:repeating-linear-gradient(#cfdcee 0 4px,transparent 4px 8px)}
.dlv-st i{width:32px;height:32px;border-radius:50%;display:grid;place-content:center;background:#eef4fd;color:var(--blue);flex:none}
.dlv-st li:last-child i{background:var(--glime);color:var(--navy)}
.dlv-st b{display:block;font-size:13.5px}.dlv-st small{font-size:11.5px;color:var(--mu)}
.dlv-note{font-size:12px;color:#a15c00;background:#fff4e0;border-radius:12px;padding:8px 12px}
.dlv-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.dlv-act .btn{flex:1;justify-content:center;padding:12px 16px}
.dlv-m{position:relative;background:radial-gradient(600px 400px at 70% 60%,#e3eefc,transparent),linear-gradient(160deg,#f6f9fd,#e9f1fa);display:flex;align-items:center;justify-content:center;padding:30px 20px 50px}
.dlv-m svg{width:100%;height:auto;overflow:visible}
.cdot{fill:#b7c9e4}
.dlhub{animation:hubp 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes hubp{50%{transform:scale(1.35);opacity:.6}}
.dllab{font-size:11px;font-weight:800;fill:#0b1b3a;paint-order:stroke;stroke:#f3f7fc;stroke-width:3px}
.dlr-base{fill:none;stroke:#c9d8ee;stroke-width:2;stroke-dasharray:3 5}
.dlr-glow{fill:none;stroke:#8fd63c;stroke-width:8;opacity:.0;filter:url(#dlglow);transition:opacity .8s}
#dlroute.done .dlr-glow{opacity:.45}
.dlr-line{fill:none;stroke:url(#dlg);stroke-width:3.2;stroke-linecap:round}
.dltk{fill:#fff;stroke:#1452d1;stroke-width:1.4;opacity:0;animation:tk .4s forwards}
@keyframes tk{to{opacity:1}}
.dlpin{opacity:0;transform:scale(0)}
#dlroute.done .dlpin{animation:pin .5s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes pin{to{opacity:1;transform:scale(1)}}
.dlrip{fill:none;stroke:#1452d1;stroke-width:2;animation:rip 2s ease-out infinite;transform-box:fill-box;transform-origin:center}.dlrip.d2{animation-delay:1s}
@keyframes rip{from{transform:scale(1);opacity:.8}to{transform:scale(5);opacity:0}}
.dlname{opacity:0;transition:opacity .5s .2s}#dlroute.done .dlname{opacity:1}
.dlname rect{fill:#0a1f4d}.dlname text{fill:#fff;font-size:11px;font-weight:800}
#dlroute.done #dltruck{opacity:0;transition:opacity .4s .3s}
.dlv-leg{position:absolute;left:20px;bottom:16px;display:flex;gap:14px;font-size:11.5px;color:var(--mu);font-weight:600;flex-wrap:wrap}
.dlv-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.dlv-leg .g{background:#5fb82a}.dlv-leg .b{background:#1452d1}.dlv-leg .t{background:#0a1f4d;box-shadow:0 0 0 2px #8fd63c}
@media(max-width:900px){
 .mbox.dlvbox{width:calc(100% - 16px);max-height:calc(100dvh - 16px);overflow:auto}
 .dlv{grid-template-columns:1fr;min-height:0}
 .dlv-m{order:-1;padding:46px 8px 40px}
 .dlv-l{padding:22px 18px}.dlv-l h3{font-size:22px}
 .dlv-big b{font-size:34px}.dlv-big>div:first-child{min-width:120px}
 .dlv-leg{left:12px;bottom:10px;gap:10px;font-size:10.5px}
}
@media(max-width:420px){.dlv-f{flex-direction:column}.dlv-f .btn{justify-content:center}.dlv-big{grid-template-columns:1fr 1fr}.dlv-km b{font-size:18px!important}}
#dlsvg>path{vector-effect:non-scaling-stroke}
.dlrip{vector-effect:non-scaling-stroke}
#dlroute{--k:1}.dlr-line{stroke-width:calc(3.2px * var(--k))}.dlr-base{stroke-width:calc(2px * var(--k));stroke-dasharray:calc(3px * var(--k)) calc(5px * var(--k))}.dlr-glow{stroke-width:calc(8px * var(--k))}.dltk{stroke-width:calc(1.4px * var(--k))}
.pprice .salepill b{font-size:11px;color:#b8f06a;display:inline-block;letter-spacing:.05em}
.pd{align-items:start}.pgal .pmain{max-height:560px}
.pspec dt{flex:none;max-width:48%}
/* model page */
.mgal{background:radial-gradient(500px 380px at 50% 45%,#eaf2ff,#fff 70%)}
.mgal .pmain img.cut{filter:drop-shadow(0 22px 22px rgba(10,30,70,.22))}
.lnk{color:var(--blue);font-weight:700;font-size:12.5px;padding:0;text-decoration:underline;text-underline-offset:3px}
.mdesc{padding:32px;display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:start}
.mdl .kick{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lime2);margin-bottom:8px}
.mdl h2{font-size:26px;line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}.mdl p{color:var(--mu);font-size:15px;line-height:1.6}
.mfe{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mfe>div{background:#f5f8fc;border-radius:18px;padding:18px;transition:.3s}.mfe>div:hover{background:#fff;box-shadow:var(--sh);transform:translateY(-3px)}
.mfe i{width:40px;height:40px;border-radius:12px;display:grid;place-content:center;background:var(--gblue);color:#fff;margin-bottom:10px}
.mfe b{display:block;font-size:15px;margin-bottom:4px}.mfe p{font-size:13px;color:var(--mu);line-height:1.5}
.mc h3 a:hover{color:var(--blue)}
@media(max-width:900px){.mdesc{grid-template-columns:1fr;padding:22px;gap:18px}.mdl h2{font-size:22px}}
@media(max-width:560px){.mfe{grid-template-columns:1fr}}
/* Rippa brand block */
.rbrand{text-decoration:none;min-height:360px}
.rbrand::before{background:linear-gradient(180deg,rgba(5,15,35,.82),rgba(5,15,35,.35) 55%,rgba(5,15,35,.85))}
.rbrand h3{white-space:pre-line}.rbrand p{font-size:13.5px;line-height:1.5;max-width:340px;opacity:.92}
.rch{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.rch span{font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22)}
.rbrand .meta{margin-top:auto;padding-top:16px;align-items:center}
.rbtn{display:inline-flex;align-items:center;gap:8px;background:var(--glime,#8fd63c);color:#0b1b33;font-weight:800;padding:10px 16px;border-radius:99px;transition:.3s}
.rbrand:hover .rbtn{transform:translateX(4px);box-shadow:0 10px 24px rgba(143,214,60,.4)}
.rbrand{background:linear-gradient(150deg,#0a1f4d 0%,#0f3a8f 55%,#1452d1 100%);overflow:hidden;min-height:400px}
.rbrand::before{display:none}
.rbrand .rglow{position:absolute;right:-60px;bottom:-40px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(190,225,255,.75),rgba(120,180,255,.25) 45%,transparent 70%);z-index:1;animation:rpulse 5s ease-in-out infinite}
@keyframes rpulse{50%{transform:scale(1.08);opacity:.85}}
.video img.rmach{position:absolute;inset:auto -10px 74px auto;width:50%;height:auto;max-height:78%;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));transition:1s}
.rbrand:hover img.rmach{transform:scale(1.05) translateX(-6px)}
.video img.rlogo{position:relative;inset:auto;width:118px;height:auto;object-fit:contain;transform:none!important;z-index:3}
.rbrand>*:not(.rglow):not(.rmach){position:relative;z-index:3}
.rbrand h3{margin-top:14px}.rbrand p{max-width:62%}
.rbrand .rch{max-width:62%}
.rbrand .meta span.rbtn{background:#8fd63c;color:#0b1b33;padding:10px 16px}
.rbrand .meta{justify-content:flex-start;gap:12px}.rcnt{opacity:.85}
.rlab{position:absolute!important;right:16px;top:18px;font-size:11px;font-weight:700;opacity:.8;letter-spacing:.02em}
@media(max-width:560px){.rbrand p,.rbrand .rch{max-width:100%}.video img.rmach{position:relative;inset:auto;display:block;width:72%;max-height:none;margin:10px 0 -6px auto;order:5}.rbrand .meta{order:6}.rbrand .rglow{right:-40px;bottom:40px;width:300px;height:300px}}
.rnote{font-size:11px;color:var(--mu);text-align:center;margin-top:12px;opacity:.8}
@media(max-width:560px){.rev .hd{flex-wrap:wrap;gap:10px}.rev .hd h2{font-size:24px}.rev .rt{text-align:left;align-items:flex-start}}
/* stock 300+ block */
.stockb{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr;gap:20px;padding:40px 44px;color:#fff;border:0;
 background:linear-gradient(120deg,#b3122e 0%,#e8283c 38%,#ff5a1f 72%,#ff9f1a 100%);box-shadow:0 30px 60px -20px rgba(214,36,56,.55)}
.stockb .sb1,.stockb .sb2{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.stockb .sb1{width:420px;height:420px;right:-90px;top:-140px;background:radial-gradient(circle,rgba(255,222,120,.55),transparent 65%);animation:sbf 7s ease-in-out infinite}
.stockb .sb2{width:360px;height:360px;left:28%;bottom:-220px;background:radial-gradient(circle,rgba(120,0,60,.55),transparent 65%);animation:sbf 9s ease-in-out infinite reverse}
.stockb .sbs{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-100%);animation:sbsh 5.5s ease-in-out infinite;pointer-events:none}
@keyframes sbf{50%{transform:translate(-30px,25px) scale(1.1)}}@keyframes sbsh{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.sbl,.sbr{position:relative;z-index:2}
.sbk{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:99px}
.sbh{display:flex;align-items:center;gap:18px;margin:16px 0 10px}
.sbh b{font-size:84px;line-height:.9;font-weight:900;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#ffe3a3);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 30px rgba(120,0,20,.25)}
.sbh h2{font-size:30px;line-height:1.08;font-weight:800;white-space:pre-line;letter-spacing:-.02em}
.stockb p{font-size:15.5px;line-height:1.55;max-width:560px;opacity:.95}
.sbc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.sbc span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.sbc svg{width:14px;height:14px;color:#ffe08a}
.sba{display:flex;flex-wrap:wrap;gap:12px}
.btn.sbw{background:#fff;color:#c4162f;box-shadow:0 14px 30px -10px rgba(80,0,10,.5)}.btn.sbw:hover{transform:translateY(-2px)}
.btn.sbo{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.6)}.btn.sbo:hover{background:rgba(255,255,255,.22)}
.sbr{min-height:300px}
.sbi{position:absolute;filter:drop-shadow(0 26px 26px rgba(90,0,20,.45));transition:.8s}
.sbi0{width:min(62%,330px);right:2%;bottom:-2%;animation:sbfl 6s ease-in-out infinite}
.sbi1{width:min(40%,210px);left:6%;top:8%;animation:sbfl 7s ease-in-out infinite reverse}
@keyframes sbfl{50%{transform:translateY(-10px)}}
.stockb:hover .sbi0{transform:scale(1.04)}
@media(max-width:900px){.stockb{grid-template-columns:1fr;padding:30px 24px}.sbr{min-height:240px}.sbi0{width:64%;right:0;bottom:0}.sbi1{width:38%;left:4%;top:6%}}
@media(max-width:560px){.sbh{flex-direction:column;align-items:flex-start;gap:6px}.sbh b{font-size:64px}.sbh h2{font-size:24px}.stockb p{font-size:14px}.sba .btn{flex:1;justify-content:center}.sbr{min-height:210px}}
/* featured slider */
.feat{display:grid!important;grid-template-rows:1fr auto}
.feat .fsl{grid-area:1/1;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .55s,transform .55s,visibility .55s}
.feat .fsl.on{opacity:1;visibility:visible;transform:none}
.feat .fsl .img{animation:float 6s ease-in-out infinite}
.feat .fsl:not(.on) .img{transform:translateX(40px) scale(.94)}
.fnav{grid-area:2/1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.fnav button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-content:center;color:var(--ink);transition:.2s}
.fnav button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.fnav .fpv svg{transform:rotate(180deg)}
.fdots{display:flex;gap:6px}.fdots i{width:8px;height:8px;border-radius:99px;background:#d5deea;cursor:pointer;transition:.3s}.fdots i.on{width:26px;background:var(--blue)}
/* stock + calculator row */
.srow.two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:stretch}
.srow.two .stockb{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:34px 32px;gap:0}
.srow.two .sbh b{font-size:72px}.srow.two .sbh h2{font-size:26px}
.srow.two .stockb p{font-size:14.5px}
.srow.two .sbc span{font-size:12px;padding:6px 10px}
.srow.two .sbr{min-height:260px}
.srow.two .sbi0{width:min(64%,340px);right:-2%;bottom:-6%}
.srow.two .sbi1{width:min(42%,220px);left:0;top:auto;bottom:18%}
.calc{position:relative;overflow:hidden;padding:30px 30px 26px;color:#e9f0ff;border:0;
 background:radial-gradient(120% 90% at 100% 0%,#1f4fd1 0%,transparent 55%),linear-gradient(160deg,#0b1a3d 0%,#0f2a66 60%,#0a1836 100%);box-shadow:0 30px 60px -24px rgba(15,42,102,.6)}
.calc .cg1,.calc .cg2{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px)}
.calc .cg1{width:360px;height:360px;right:-120px;bottom:-140px;background:radial-gradient(circle,rgba(141,214,52,.35),transparent 65%);animation:sbf 8s ease-in-out infinite}
.calc .cg2{width:280px;height:280px;left:-100px;top:-120px;background:radial-gradient(circle,rgba(80,150,255,.35),transparent 65%);animation:sbf 10s ease-in-out infinite reverse}
.calc>*{position:relative;z-index:1}
.calc .ck{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bff27a;background:rgba(141,214,52,.14);border:1px solid rgba(141,214,52,.35);padding:6px 12px;border-radius:99px}
.calc .ck svg{width:14px;height:14px}
.calc h2{font-size:26px;line-height:1.12;margin:12px 0 6px;color:#fff;letter-spacing:-.02em}
.calc .ctx{font-size:13.5px;line-height:1.5;color:#b9c7e6;margin:0 0 16px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:#9fb1d8;font-weight:600}
.cf select{appearance:none;-webkit-appearance:none;width:100%;font:inherit;font-size:14px;font-weight:700;color:#fff;padding:11px 34px 11px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.18);
 background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23bff27a' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;cursor:pointer;transition:.2s}
.cf select:hover,.cf select:focus{border-color:#8dd634;outline:0;background-color:rgba(255,255,255,.12)}
.cf select option{color:#0b1a3d}
.cmode{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:14px 0 12px;padding:4px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}
.cmode button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 6px;font-size:13.5px;font-weight:700;color:#b9c7e6;border-radius:10px;transition:color .3s}
.cmode button svg{width:16px;height:16px}.cmode button.on{color:#0b1a3d}
.cmode i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:linear-gradient(135deg,#c6f36b,#8dd634);box-shadow:0 8px 20px -6px rgba(141,214,52,.6);transition:transform .35s cubic-bezier(.4,1.4,.5,1)}
.cmode.r i{transform:translateX(100%)}
.crate{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.18)}
.crate small{display:block;font-size:11px;color:#9fb1d8}.crate b{font-size:18px;color:#fff;margin-right:8px}.crate em{font-style:normal;font-size:12px;color:#9fb1d8}
.crate a{font-size:12px;font-weight:700;color:#bff27a;white-space:nowrap;border-bottom:1px solid rgba(191,242,122,.4)}
.csl{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:14px 0}
.rg{display:flex;flex-direction:column;gap:6px}
.rg span{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;color:#b9c7e6}.rg em{font-style:normal}.rg b{font-size:13.5px;color:#fff;white-space:nowrap}
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,#4f8cff,#8dd634) 0/var(--p,50%) 100% no-repeat,rgba(255,255,255,.16)!important;outline:0;accent-color:#8dd634;margin:6px 0}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#c6f36b;border:3px solid #0f2a66;box-shadow:0 0 0 3px rgba(141,214,52,.35);cursor:grab}
.calc input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#c6f36b;border:3px solid #0f2a66;cursor:grab}
.cres{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(141,214,52,.16),rgba(255,255,255,.05));border:1px solid rgba(141,214,52,.3)}
.cbig small,.cyr small{display:block;font-size:11.5px;color:#b9c7e6;font-weight:600}
.cbig b{display:block;font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#c6f36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.cbig span{display:block;font-size:11.5px;color:#9fb1d8;margin-top:4px;line-height:1.4}
.cyr{display:grid;gap:8px;align-content:center}.cyr b{font-size:18px;color:#fff}
.cpb{grid-column:1/-1;position:relative;height:26px;border-radius:99px;background:rgba(0,0,0,.28);overflow:hidden}
.cpb i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,#4f8cff,#8dd634);transition:width .7s cubic-bezier(.3,1,.4,1)}
.cpb i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:sbsh 2.6s linear infinite}
.cpb span{position:relative;display:block;text-align:center;font-size:11.5px;font-weight:700;line-height:26px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.cjobs{margin-top:14px}.cjh{font-size:12px;font-weight:700;color:#9fb1d8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
#cJobs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#cJobs div{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:.25s}
#cJobs div:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
#cJobs svg{flex:none;width:18px;height:18px;color:#bff27a}
#cJobs span{flex:1;font-size:12px;line-height:1.3;color:#dfe7fb}#cJobs small{display:block;font-size:11px;color:#8ea2cc}
#cJobs b{font-size:14px;color:#fff;white-space:nowrap}
.cfoot{display:flex;align-items:center;gap:14px;margin-top:16px}.cfoot .btn{flex:none}
.cfoot p{font-size:10.5px;line-height:1.4;color:#8396bf;margin:0}
@media(max-width:1100px){.srow.two{grid-template-columns:1fr}.srow.two .stockb{grid-template-columns:1.25fr 1fr;grid-template-rows:auto}}
@media(max-width:900px){.srow.two .stockb{grid-template-columns:1fr}}
@media(max-width:560px){.calc{padding:22px 18px}.calc h2{font-size:22px}.cgrid,.csl,#cJobs{grid-template-columns:1fr}.cres{grid-template-columns:1fr}.cbig b{font-size:30px}.cfoot{flex-direction:column;align-items:stretch}.cfoot .btn{justify-content:center}.srow.two .sbh b{font-size:60px}}
/* ===== builder banner (home) ===== */
.mnav .nb{color:var(--blue)!important;font-weight:800;position:relative}
.mnav .nb::after{content:'';position:absolute;right:-7px;top:-2px;width:6px;height:6px;border-radius:50%;background:#8dd634;box-shadow:0 0 0 3px rgba(141,214,52,.25);animation:bpul 1.8s infinite}
@keyframes bpul{50%{box-shadow:0 0 0 7px rgba(141,214,52,0)}}
.bban{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(0,.9fr);gap:26px;align-items:center;padding:26px 30px;margin-bottom:20px;color:#fff;border:0;
 background:radial-gradient(90% 140% at 0% 0%,#2a63e8 0%,transparent 55%),linear-gradient(120deg,#0b1a3d,#123a8f 55%,#0d2a6b);box-shadow:0 26px 50px -26px rgba(18,58,143,.7)}
.bban .bb1,.bban .bb2{position:absolute;border-radius:50%;pointer-events:none}
.bban .bb1{width:380px;height:380px;right:-120px;top:-170px;background:radial-gradient(circle,rgba(141,214,52,.35),transparent 65%);animation:sbf 9s ease-in-out infinite}
.bban .bb2{width:260px;height:260px;left:38%;bottom:-170px;background:radial-gradient(circle,rgba(80,150,255,.45),transparent 65%);animation:sbf 11s ease-in-out infinite reverse}
.bban>*{position:relative;z-index:1}
.bbk{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#bff27a}
.bbk svg{width:14px;height:14px}.bbk em{font-style:normal;letter-spacing:0;text-transform:none;background:#8dd634;color:#0b1a3d;padding:2px 8px;border-radius:99px;font-size:11px}
.bban h2{font-size:26px;line-height:1.12;letter-spacing:-.02em;margin:10px 0 8px}
.bban p{font-size:13.5px;line-height:1.5;color:#c3d0ee;margin:0}
.bbs{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;justify-content:space-between;position:relative}
.bbs::before{content:'';position:absolute;left:24px;right:24px;top:24px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px)}
.bbs li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:20%;text-align:center}
.bbs i{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#dfe8ff;backdrop-filter:blur(4px);animation:bbst 6s infinite;animation-delay:calc(var(--k)*1.2s)}
.bbs i svg{width:20px;height:20px}
.bbs span{font-size:12px;font-weight:700;color:#c3d0ee}
@keyframes bbst{0%,14%{background:linear-gradient(135deg,#c6f36b,#8dd634);color:#0b1a3d;transform:translateY(-4px) scale(1.08);box-shadow:0 10px 24px -8px rgba(141,214,52,.8)}22%,100%{background:rgba(255,255,255,.1);color:#dfe8ff;transform:none;box-shadow:none}}
.bbf{display:flex;flex-direction:column;gap:10px}
.bbf label small{display:block;font-size:11.5px;color:#c3d0ee;margin-bottom:5px;font-weight:600}
.bbf label span{display:flex;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:0 14px;transition:.2s}
.bbf label span:focus-within{border-color:#8dd634;background:rgba(255,255,255,.15)}
.bbf input{flex:1;min-width:0;background:none!important;border:0!important;color:#fff;font:inherit;font-size:20px;font-weight:800;padding:11px 0!important;outline:0}
.bbf input::placeholder{color:rgba(255,255,255,.4)}.bbf label b{font-size:18px;color:#bff27a}
.bbf .btn{justify-content:center}
.bmini{display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:20px;background:linear-gradient(110deg,#0f2a66,#1f4fd1);color:#fff;border:0;text-decoration:none;transition:.25s}
.bmini:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px rgba(31,79,209,.8)}
.bmini>i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#c6f36b,#8dd634);color:#0b1a3d}
.bmini span{flex:1}.bmini b{display:block;font-size:16px}.bmini small{color:#c3d0ee;font-size:13px}
.bmini em{font-style:normal;font-weight:800;color:#bff27a;display:flex;align-items:center;gap:6px;white-space:nowrap}
.bkit{background:#fff;border:1.5px solid var(--line);color:var(--ink);gap:8px}.bkit:hover{border-color:var(--blue);color:var(--blue)}
/* ===== builder page ===== */
.bhd{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:30px;align-items:center;padding:30px 34px;color:#fff;border:0;
 background:radial-gradient(80% 140% at 100% 0%,#2a63e8 0%,transparent 60%),linear-gradient(135deg,#0b1a3d,#123a8f)}
.bhd .bh1,.bhd .bh2{position:absolute;border-radius:50%;pointer-events:none}
.bhd .bh1{width:420px;height:420px;left:-160px;bottom:-240px;background:radial-gradient(circle,rgba(141,214,52,.3),transparent 65%);animation:sbf 9s ease-in-out infinite}
.bhd .bh2{width:300px;height:300px;right:10%;top:-200px;background:radial-gradient(circle,rgba(120,180,255,.4),transparent 65%)}
.bhd>*{position:relative;z-index:1}
.bhd .kick{color:#bff27a;display:inline-flex;gap:6px;align-items:center}.bhd .kick svg{width:14px;height:14px}
.bhd h1{font-size:clamp(28px,3vw,40px);line-height:1.06;letter-spacing:-.03em;margin:10px 0}
.bhd h1 span{background:linear-gradient(90deg,#c6f36b,#8dd634);-webkit-background-clip:text;background-clip:text;color:transparent}
.bhd p{color:#c3d0ee;font-size:14px;margin:0;max-width:440px}
.bsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;counter-reset:s}
.bsteps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;text-align:center}
.bsteps li:not(:last-child)::after{content:'';position:absolute;top:19px;left:calc(50% + 22px);right:calc(-50% + 22px);height:2px;background:rgba(255,255,255,.18);border-radius:2px}
.bsteps li.done:not(:last-child)::after{background:linear-gradient(90deg,#8dd634,#c6f36b)}
.bsteps i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;font-weight:800;font-size:14px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.25);color:#c3d0ee;transition:.35s}
.bsteps span{font-size:11.5px;font-weight:700;color:#9fb1d8;transition:.3s}
.bsteps li.done i{background:rgba(141,214,52,.18);border-color:#8dd634;color:#c6f36b}
.bsteps li.on i{background:linear-gradient(135deg,#c6f36b,#8dd634);border-color:transparent;color:#0b1a3d;transform:scale(1.15);box-shadow:0 0 0 6px rgba(141,214,52,.2)}
.bsteps li.on span{color:#fff}
.bwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;margin-top:20px}
.bstage{padding:30px 32px;min-height:560px;overflow:hidden}
.bpane{animation:bfin .45s cubic-bezier(.3,1,.4,1)}.bpane.fwd{animation-name:bfwd}.bpane.bwd{animation-name:bbwd}
@keyframes bfwd{from{opacity:0;transform:translateX(40px)}}@keyframes bbwd{from{opacity:0;transform:translateX(-40px)}}@keyframes bfin{from{opacity:0;transform:translateY(14px)}}
.bsh{margin-bottom:22px}.bno{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}
.bsh h2{font-size:28px;letter-spacing:-.02em;margin:6px 0}.bsh p{color:var(--mu);font-size:14.5px;margin:0;max-width:620px}
.bbud{max-width:640px}
.bbv{display:flex;align-items:baseline;gap:10px;border-bottom:3px solid var(--blue);padding-bottom:6px;margin-bottom:18px}
.bbv input{flex:1;min-width:0;font:inherit;font-size:46px;font-weight:800;letter-spacing:-.02em;color:var(--ink);border:0!important;background:none!important;padding:0!important;outline:0}
.bbv span{font-size:30px;font-weight:800;color:var(--blue)}
.bstage input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,#1452d1,#8dd634) 0/var(--p,50%) 100% no-repeat,#e3e9f3!important;outline:0}
.bstage input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #1452d1;box-shadow:0 4px 12px rgba(20,82,209,.35);cursor:grab}
.bstage input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #1452d1;cursor:grab}
.bpre{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.bpre button{padding:9px 16px;border-radius:99px;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;color:var(--ink);background:#fff;transition:.2s}
.bpre button:hover{border-color:var(--blue);color:var(--blue)}.bpre button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.btog{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:14px 16px;border-radius:16px;background:#f4f7fc;border:1px solid var(--line)}
.btog input{position:absolute;opacity:0;pointer-events:none}
.btog>i{flex:none;position:relative;width:44px;height:26px;border-radius:99px;background:#cfd8e6;transition:.25s;margin-top:1px}
.btog>i::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.25s cubic-bezier(.4,1.4,.5,1)}
.btog input:checked+i{background:linear-gradient(90deg,#1452d1,#3b7bff)}.btog input:checked+i::after{transform:translateX(18px)}
.btog b{display:block;font-size:14.5px}.btog small{display:block;font-size:12.5px;color:var(--mu);line-height:1.4;margin-top:2px}
.btog.sm{padding:10px 12px;margin-top:10px}
.bhint{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:#2b6b00;background:#eefbe0;padding:12px 14px;border-radius:12px}
.bhint svg{color:#5aa30f;flex:none}
.bopts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bopts.b3{grid-template-columns:repeat(3,1fr)}
.bopt{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:18px;border-radius:20px;background:#fff;border:2px solid var(--line);transition:.25s;cursor:pointer;color:var(--ink)}
.bopt:hover:not(:disabled){transform:translateY(-4px);border-color:#9db8ef;box-shadow:0 18px 30px -18px rgba(20,82,209,.45)}
.bopt.on{border-color:var(--blue);background:linear-gradient(180deg,#f2f7ff,#fff);box-shadow:0 0 0 4px rgba(20,82,209,.12)}
.bopt.on::after{content:'✓';position:absolute;right:14px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;font-size:14px;animation:bpop .35s cubic-bezier(.4,1.6,.5,1)}
@keyframes bpop{from{transform:scale(0)}}
.bopt:disabled{opacity:.45;cursor:not-allowed}
.bopt b{font-size:20px;letter-spacing:-.01em}.bopt small{font-size:12.5px;color:var(--mu);line-height:1.35;min-height:34px}
.bvis{display:block;width:100%;height:64px;color:var(--blue);margin-bottom:6px}.bvis svg{width:120px;height:60px}
.bopt.on .bvis,.bopt:hover .bvis{color:#1452d1}.bopt .bvis svg{transition:transform .3s}.bopt:hover .bvis svg{transform:translateX(4px)}
.bpit{position:relative;display:block;width:64px;height:64px;border-radius:12px;background:linear-gradient(180deg,#8bc34a 0 14%,#a9774e 14% 100%);overflow:hidden;margin-bottom:6px;color:#fff}
.bpit i{position:absolute;left:22px;right:22px;top:14%;background:#5b3b22;border-radius:0 0 6px 6px;transition:height .5s}
.bpit svg{position:absolute;inset:0;margin:auto}
.bdep .bopt:nth-child(5) .bpit{background:#e7eefb;color:var(--blue)}
.bic{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eef3fc;color:var(--blue);margin-bottom:6px}
.bn{font-style:normal;margin-top:8px;font-size:12px;font-weight:800;color:#2b6b00;background:#eefbe0;padding:4px 10px;border-radius:99px}.bn.z{color:#a33;background:#fdeeee}
.bnav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.bnav .btn:disabled{opacity:.4;pointer-events:none}
.bback{background:#fff;border:1.5px solid var(--line);color:var(--ink)}.bback svg{transform:rotate(180deg)}.bback:hover{border-color:var(--blue);color:var(--blue)}
.bsort{display:flex;gap:6px;margin-bottom:14px}.bsort button{padding:7px 14px;border-radius:99px;font-size:13px;font-weight:700;background:#f1f4f9;color:var(--mu)}.bsort button.on{background:var(--ink);color:#fff}
.bmods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bmod{position:relative;padding:12px;border-radius:18px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:.25s;animation:bfin .4s both}
.bmod:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px rgba(20,82,209,.5);border-color:#9db8ef}
.bmod.on{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,82,209,.14)}
.bmi{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f2f5fa;margin-bottom:10px}.bmi img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.bmod:hover .bmi img{transform:scale(1.05)}
.bct{position:absolute;left:8px;top:8px;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:#e7eefb;color:#1452d1}.bct.used{background:#fff4e0;color:#a15c00}
.bmod>b{display:block;font-size:14.5px;line-height:1.25;min-height:36px}
.bms{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.bms span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--mu);background:#f4f7fc;padding:3px 8px;border-radius:8px}.bms svg{width:13px;height:13px}
.bmp{display:flex;justify-content:space-between;align-items:center;gap:6px}.bmp strong{font-size:16px}.bmp a{font-size:12px;font-weight:700;color:var(--blue)}
.bsel{position:absolute;right:20px;top:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;transform:scale(0);transition:transform .3s cubic-bezier(.4,1.6,.5,1)}.bmod.on .bsel{transform:scale(1)}
.bmore{display:block;margin:16px auto 0;background:#f1f4f9;color:var(--ink)}
.bempty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:var(--mu)}
.bgrp{padding:18px;border-radius:20px;border:1px solid var(--line);background:#fbfcfe;margin-bottom:12px}
.bgh{display:flex;align-items:center;gap:14px;margin-bottom:14px}.bgh img{width:64px;height:52px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line);padding:4px}
.bgh div{flex:1}.bgh b{display:block;font-size:17px}.bgh small{color:var(--mu);font-size:12.5px}.bgh a{font-size:12.5px;font-weight:700;color:var(--blue);display:flex;gap:4px;align-items:center;white-space:nowrap}
.bchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.bchip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:#fff;text-align:left;transition:.2s;color:var(--ink)}
.bchip:hover{border-color:#9db8ef;transform:translateY(-2px)}
.bchip b{font-size:15px}.bchip small{font-size:11px;color:var(--mu)}.bchip em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--blue);margin-top:3px}
.bchip.on{background:var(--blue);border-color:var(--blue);color:#fff}.bchip.on small{color:#cddcff}.bchip.on em{color:#c6f36b}
.bchip.on::after{content:'✓';position:absolute;right:8px;top:6px;font-weight:800;color:#c6f36b}
.bchip.sm{min-width:150px}
.bpk{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.bpkc{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:#fff;transition:.2s;color:var(--ink)}
.bpkc:hover{border-color:#9db8ef;transform:translateY(-2px)}.bpkc b{font-size:14px;padding-right:20px}.bpkc small{font-size:11.5px;color:var(--mu);line-height:1.35}.bpkc em{font-style:normal;font-size:15px;font-weight:800;color:var(--blue);margin-top:4px}
.bpkc.on{border-color:var(--blue);background:linear-gradient(180deg,#eef4ff,#fff);box-shadow:0 0 0 3px rgba(20,82,209,.12)}.bpkc.on::after{content:'✓';position:absolute;right:12px;top:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:800}
.bsub{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:8px;align-items:center;animation:bfin .35s}
.bsub>span{width:100%;font-size:12.5px;font-weight:700;color:var(--mu)}.bsub .btog{width:100%}
.brow{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:none;border:0;padding:0}
.bnote{font-size:12px;color:var(--mu);margin:10px 2px 0}
.bfin{position:relative}.bfx{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#c6f36b,#8dd634);color:#0b1a3d;margin-bottom:12px;animation:bpop .6s cubic-bezier(.4,1.6,.5,1);box-shadow:0 0 0 10px rgba(141,214,52,.18)}
.bfm{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px;background:#f4f7fc;border:1px solid var(--line)}
.bfm img{width:130px;height:96px;object-fit:cover;border-radius:12px}.bfm div{flex:1}.bfm b{display:block;font-size:18px}.bfm small{display:block;color:var(--mu);font-size:13px;margin:3px 0 6px}.bfm a{font-size:12.5px;font-weight:700;color:var(--blue);display:inline-flex;gap:4px;align-items:center}.bfm strong{font-size:20px;white-space:nowrap}
.bfl{list-style:none;margin:12px 0;padding:0}.bfl li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);animation:bfin .4s both}
.bfl li:nth-child(2){animation-delay:.05s}.bfl li:nth-child(3){animation-delay:.1s}.bfl li:nth-child(4){animation-delay:.15s}.bfl li:nth-child(5){animation-delay:.2s}
.bfl small{display:block;font-size:11px;color:var(--mu);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.bfl a{color:var(--ink);font-weight:600;border-bottom:1px dashed #9db8ef}.bfl b{white-space:nowrap}
.bft{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0b1a3d,#1f4fd1)}
.bft small{display:block;font-size:11.5px;color:#b9c7e6}.bft b{display:block;font-size:22px;margin:2px 0}.bft b.pos{color:#c6f36b}.bft b.neg{color:#ff9d8a}
.bsale{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13.5px;padding:10px 14px;border-radius:12px;background:#fff8e6;color:#7a5200}
.bsale b{background:#8dd634;color:#0b1a3d;font-size:11px;text-transform:uppercase;padding:3px 9px;border-radius:99px}
.bfa{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.bwa{background:#25d366;color:#fff;gap:8px}
.bside{position:sticky;top:96px;padding:22px}
.bsd small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}.bsd b{display:block;font-size:30px;letter-spacing:-.02em;margin:2px 0 10px}
.bgau{height:10px;border-radius:99px;background:#e9eef6;overflow:hidden}.bgau i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1452d1,#8dd634);transition:width .6s cubic-bezier(.3,1,.4,1)}.bgau.over i{background:linear-gradient(90deg,#f39a3d,#e2453c)}
.bgl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mu);margin:6px 0 14px}.bgau.over+.bgl span:first-child{color:#d0392f;font-weight:700}
.bpar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.bpar button{text-align:left;padding:8px 10px;border-radius:12px;background:#f4f7fc;font-size:13px;font-weight:700;color:#9aa6bb;transition:.2s}.bpar button.on{color:var(--ink)}.bpar button:hover{background:#e7eefb}
.bpar small{display:block;font-size:10.5px;color:var(--mu);font-weight:600}
.bsm{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1.5px solid var(--blue);background:#f2f7ff;cursor:pointer}.bsm img{width:64px;height:48px;object-fit:cover;border-radius:9px}
.bsm b{display:block;font-size:13.5px;line-height:1.2}.bsm small{display:block;font-size:12px;color:var(--mu)}
.bsm.empty{border:1.5px dashed var(--line);background:none;color:var(--mu);font-size:13px;cursor:default}.bsm.empty svg{flex:none}
.bsl{list-style:none;margin:10px 0 0;padding:0}.bsl li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--line);animation:bfin .3s}.bsl b{white-space:nowrap}
.bsg{width:100%;justify-content:center;margin-top:14px}
@media(max-width:1100px){.bban{grid-template-columns:1fr 1fr}.bbs{grid-column:1/-1;order:3}.bwrap{grid-template-columns:1fr}.bside{position:static}.bhd{grid-template-columns:1fr}}
@media(max-width:760px){.bopts,.bopts.b3,.bmods{grid-template-columns:1fr 1fr}.brow{grid-template-columns:1fr}.bft{grid-template-columns:1fr 1fr}.bft>div:last-child{grid-column:1/-1}}
@media(max-width:560px){.bban{grid-template-columns:1fr;padding:22px 18px;gap:18px}.bban h2{font-size:22px}.bbs{order:2}.bbs i{width:42px;height:42px}.bbs span{font-size:10.5px}
 .bhd{padding:22px 18px}.bsteps{grid-template-columns:repeat(7,1fr);gap:2px}.bsteps i{width:30px;height:30px;font-size:12px}.bsteps span{font-size:9.5px}.bsteps li:not(:last-child)::after{top:15px;left:calc(50% + 17px);right:calc(-50% + 17px)}
 .bstage{padding:20px 16px;min-height:0}.bsh h2{font-size:22px}.bbv input{font-size:34px}.bopt{padding:14px}.bopt b{font-size:17px}.bvis svg{width:96px;height:48px}.bvis{height:52px}
 .bmods{grid-template-columns:1fr}.bfm{flex-wrap:wrap}.bfm img{width:100%;height:170px}.bnav .btn{padding-left:16px;padding-right:16px}.bfa .btn{width:100%;justify-content:center}.bmini{flex-wrap:wrap}.bmini em{width:100%}}
@media(max-width:560px){.bgh{flex-wrap:wrap;gap:10px 12px}.bgh a{width:100%;padding-left:76px}.bgh img{width:54px;height:46px}}
.circ{flex:none}header.top .btn{flex:none}@media(max-width:1440px){.mnav{gap:16px;font-size:13px}}@media(max-width:1280px){.mnav{gap:12px}.hphone small{display:none}}@media(max-width:1180px) and (min-width:901px){.hphone{display:none}}
@media(max-width:1620px){.mnav .nl{display:none}}@media(max-width:1340px){.mnav .nab{display:none}}
.inote{font-size:10.5px;line-height:1.4;color:var(--mu);margin:8px 0 0;font-weight:500;opacity:.9}
small.inote{display:block;margin-top:4px}
.fin .inote{color:rgba(255,255,255,.7);position:relative;z-index:1;margin:-4px 0 12px;max-width:92%}
.stockb .sbn{color:rgba(255,255,255,.75);margin:-6px 0 14px}
.bft .inote{color:#b9c7e6}
.calc-no{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fdeeee;color:#a33;font-size:13.5px;font-weight:600}
.fld input[type=range]:disabled{opacity:.45}
.calc-res[hidden],.calc-no[hidden]{display:none!important}
.mc{display:flex;flex-direction:column}
.madd{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:700;color:var(--blue);background:#eef3fc;border:1.5px dashed #b7cbf2;transition:.2s}
.madd svg{width:15px;height:15px;stroke-width:2.6}
.madd:hover{background:var(--blue);color:#fff;border-color:var(--blue);border-style:solid}
.fadd{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0 4px;font-size:13px;font-weight:700;color:var(--blue);border-bottom:1.5px dashed #b7cbf2;padding-bottom:2px}
.fadd svg{width:15px;height:15px}.fadd:hover{border-bottom-color:var(--blue)}
.bstage{overflow:clip}.bpane.same{animation:none}
.bfloat{position:sticky;bottom:18px;z-index:5;display:flex;align-items:center;gap:12px;margin:18px -8px -8px;padding:10px 10px 10px 12px;border-radius:18px;background:rgba(11,26,61,.94);backdrop-filter:blur(8px);color:#fff;box-shadow:0 18px 40px -12px rgba(11,26,61,.55);animation:bfup .4s cubic-bezier(.3,1.3,.5,1)}
@keyframes bfup{from{opacity:0;transform:translateY(30px)}}
.bfloat img{width:54px;height:42px;object-fit:cover;border-radius:10px;flex:none}
.bfloat span{flex:1;min-width:0}.bfloat small{display:block;font-size:11px;color:#9fb1d8}.bfloat b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bfloat .btn{flex:none}
.bext .bxi{display:grid;place-items:center;width:64px;height:52px;border-radius:12px;background:#eef3fc;color:var(--blue);flex:none}
.bxf{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.bxf::-webkit-scrollbar{display:none}
.bxf button{flex:none;padding:7px 12px;border-radius:99px;font-size:12.5px;font-weight:700;background:#fff;border:1.5px solid var(--line);color:var(--ink);white-space:nowrap}
.bxf button em{font-style:normal;color:var(--mu);font-weight:600;margin-left:2px}.bxf button.on{background:var(--ink);border-color:var(--ink);color:#fff}.bxf button.on em{color:#b9c7e6}
.bxg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bxc{position:relative;display:flex;flex-direction:column;gap:2px;padding:8px 8px 10px;border-radius:14px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:.2s;animation:bfin .35s both}
.bxc:hover{border-color:#9db8ef;transform:translateY(-2px)}
.bxc.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,82,209,.14)}
.bxim{aspect-ratio:4/3;border-radius:10px;background:#f4f7fc;overflow:hidden;margin-bottom:6px}.bxim img{width:100%;height:100%;object-fit:contain}
.bxc small{font-size:10.5px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.04em}
.bxc b{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.bxc>span{font-size:11px;color:var(--mu);line-height:1.3}
.bxp{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:6px}.bxp em{font-style:normal;font-weight:800;font-size:13px}.bxp a{font-size:11px;font-weight:700;color:var(--blue)}
.bxc .bsel{right:12px;top:12px;width:24px;height:24px}.bxc.on .bsel{transform:scale(1)}
@media(max-width:1100px){.bxg{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.bxg{grid-template-columns:1fr 1fr}.bfloat{bottom:84px;margin:16px -6px -6px}.bfloat img{display:none}.bfloat .btn{padding:12px 14px;font-size:14px}}
.bxg{grid-template-columns:repeat(4,minmax(0,1fr))}.bext,.bxc{min-width:0}.bxc b,.bxc>span{overflow-wrap:anywhere}
@media(max-width:1100px){.bxg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.bxg{grid-template-columns:repeat(2,minmax(0,1fr))}.bfloat .btn{white-space:nowrap}}
.bstage,.bpane,.bwrap>*,.bgrp{min-width:0;max-width:100%}
/* featured turntable */
.feat .fstage{position:absolute;right:10px;top:170px;width:52%;perspective:1100px;pointer-events:none}
.feat .fstage .img{position:relative;right:auto;top:auto;width:100%;display:block;z-index:2;transform-origin:50% 60%;animation:none}
.feat .fsl.on .fstage .img{animation:fspin 1.8s cubic-bezier(.55,.05,.25,1) .25s both,fsway 7s ease-in-out 2.05s infinite}
.feat .fsl:not(.on) .fstage .img{transform:translateX(40px) scale(.9);animation:none}
@keyframes fspin{0%{transform:rotateY(-90deg) scale(.82);opacity:0}12%{opacity:1}100%{transform:rotateY(360deg) scale(1)}}
@keyframes fsway{0%,100%{transform:rotateY(0) translateY(0)}25%{transform:rotateY(-16deg) translateY(-5px)}75%{transform:rotateY(16deg) translateY(-5px)}}
.fplat{position:absolute;left:2%;width:96%;aspect-ratio:1;bottom:-38%;z-index:1;transform:rotateX(76deg) scale(.5);opacity:0;transition:transform .9s cubic-bezier(.3,1.4,.5,1) .1s,opacity .6s .1s}
.fplat::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(214,226,248,.85) 55%,rgba(20,82,209,.18) 68%,transparent 71%);box-shadow:inset 0 0 0 2px rgba(20,82,209,.0)}
.fplat::after{content:"";position:absolute;inset:9%;border-radius:50%;border:2px dashed rgba(20,82,209,.45);animation:fring 10s linear infinite}
.fplat i{position:absolute;inset:-4%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(140,214,58,.9) 88%,transparent 100%);-webkit-mask:radial-gradient(closest-side,transparent 74%,#000 76%,#000 79%,transparent 81%);mask:radial-gradient(closest-side,transparent 74%,#000 76%,#000 79%,transparent 81%);animation:fring 2.4s linear infinite}
.feat .fsl.on .fplat{transform:rotateX(76deg) scale(1);opacity:1}
@keyframes fring{to{rotate:360deg}}
@media(max-width:900px){.feat .fstage{position:relative;right:auto;top:auto;width:min(80%,420px);margin:10px auto 0}}
@media(prefers-reduced-motion:reduce){.feat .fsl.on .fstage .img,.fplat::before,.fplat i{animation:none}}
/* 3D */
.feat .f3d{position:absolute;left:-8%;top:-14%;width:116%;height:128%;opacity:0;transition:opacity .5s;z-index:3;pointer-events:auto;touch-action:pan-y;cursor:grab}
.feat .f3d:active{cursor:grabbing}
.feat.has3d .fstage .img{visibility:hidden;animation:none!important}
.feat.has3d .fplat{display:none}
.feat.has3d .fstage{z-index:0}
.feat.has3d .fspecs,.feat.has3d h3,.feat.has3d .desc,.feat.has3d .price,.feat.has3d .btn,.feat.has3d .fadd{position:relative;z-index:4}
.feat.has3d .fspecs{pointer-events:none}.feat.has3d .fspecs *{pointer-events:auto}

.feat.has3d .f3d{opacity:1}
@media(max-width:900px){.feat.has3d .fstage{width:100%;aspect-ratio:1.35;margin:6px 0 0}.feat.has3d .fstage .img{position:absolute;inset:0;height:100%;object-fit:contain}.feat .f3d{left:0;top:0;width:100%;height:100%}}
/* ===== Доставка ===== */
.dfb{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.dmore{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue)}
.dhero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:28px;padding:40px;background:radial-gradient(120% 140% at 85% 10%,#1d4fc4 0%,#0f2a6b 45%,#081634 100%);color:#fff;border:0}
.dhero .dh1,.dhero .dh2{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.dhero .dh1{width:420px;height:420px;left:-120px;bottom:-200px;background:rgba(140,214,58,.28);animation:dhb 9s ease-in-out infinite}
.dhero .dh2{width:360px;height:360px;right:10%;top:-180px;background:rgba(90,160,255,.35);animation:dhb 11s ease-in-out infinite reverse}
@keyframes dhb{50%{transform:translate(40px,-30px) scale(1.12)}}
.dhl-col{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.dk{color:#bfe98f!important;display:inline-flex;align-items:center;gap:8px}.dk svg{width:14px;height:14px}
.dhero h1{font-size:clamp(28px,3.3vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.025em;margin:14px 0 14px}
.dlead{color:#c9d6f2;font-size:16px;line-height:1.55;max-width:520px}
.dst{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 26px;padding:0}
.dst li{padding:14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.dst b{display:block;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em}.dst span{font-size:12px;color:#aebfe3;line-height:1.3;display:block;margin-top:2px}
.dbtn{display:flex;flex-wrap:wrap;gap:10px}.dgh{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}.dgh:hover{background:rgba(255,255,255,.18)}
.dmapw{position:relative;z-index:2;align-self:center}
.dmap{width:100%;height:auto;display:block;overflow:visible}
.dmap .dbr{fill:none;stroke:#7aa2ec;stroke-width:1;stroke-dasharray:3 4;opacity:.7}
.dmap .drg{fill:none;stroke-width:5;opacity:.25}
.dmap .drt{fill:none;stroke-width:1.8;stroke-dasharray:6 5;animation:ddash 1.6s linear infinite;stroke-linecap:round;stroke-linejoin:round}
@keyframes ddash{to{stroke-dashoffset:-11}}
.dmap .dct text{font-size:7.5px;font-weight:700;fill:#dbe6fb;font-family:Manrope,Arial;paint-order:stroke;stroke:#0b1d48;stroke-width:2.4px}
.dmap .dpg{fill:#8cd63a;opacity:0;transform-box:fill-box;transform-origin:center}
.dmap .dct.on .dpg{animation:dping 1.6s ease-out}
@keyframes dping{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(2.4)}}
.dmap .dhb{animation:dhub 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes dhub{50%{transform:scale(1.35);opacity:.6}}
.dmap .dhl text{font-size:9px;font-weight:800;fill:#0b1a3d;font-family:Manrope,Arial}
.dmap .dtrk{transition:opacity .3s;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.5))}
.dleg{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12px;color:#c9d6f2;font-weight:600}
.dleg span{display:inline-flex;align-items:center;gap:6px}.dleg i{width:18px;height:4px;border-radius:3px;display:inline-block}.dleg .dlb{width:10px;height:10px;border-radius:50%;background:#8cd63a;box-shadow:0 0 0 4px rgba(140,214,58,.25)}
.dtoast{position:absolute;left:4%;top:4%;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.95);color:var(--ink);font-size:12.5px;box-shadow:0 10px 30px -8px rgba(0,0,0,.4);opacity:0;transform:translateY(-8px);transition:.35s;pointer-events:none;max-width:80%}
.dtoast.on{opacity:1;transform:none}.dtoast b{color:var(--blue)}
.dabout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:18px 40px;padding:40px}
.dabout h2,.droad h2,.dfleet h2,.dsteps h2,.dcta h2{font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.02em;margin:8px 0 0;line-height:1.15}
.dab-x p{font-size:16px;line-height:1.7;color:#33405a;margin:0 0 14px}.dab-x p:first-child{font-size:17.5px;color:var(--ink);font-weight:600}
.dab-s{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.dab-s div{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:18px;background:linear-gradient(160deg,#f3f7fe,#eaf1fc);border:1px solid #e1e9f7}
.dab-s i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--blue);margin-bottom:10px;box-shadow:0 6px 16px -8px rgba(20,82,209,.4)}
.dab-s b{font-size:15px}.dab-s small{font-size:12.5px;color:var(--mu)}
.droad{padding:0;overflow:hidden}
.drh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:34px 40px 18px}
.drh p{color:var(--mu);margin:8px 0 0;max-width:520px;font-size:15px}
.drp{flex:0 0 46%}.drp small{font-size:12px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.drbar{position:relative;height:6px;border-radius:6px;background:#e3eaf6;margin:18px 6px 30px}
.drbar>i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#1452d1,#8cd63a);transition:width 1.2s ease;width:0}
.drbar span{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2px solid #c5d3ea;transition:.4s}
.drbar span.on{border-color:#1452d1;background:#1452d1}.drbar span.cur{box-shadow:0 0 0 6px rgba(140,214,58,.35);background:#8cd63a;border-color:#8cd63a}
.drbar em{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10.5px;font-weight:700;color:var(--mu);white-space:nowrap}
.drbar span:nth-child(odd) em{top:-22px}.drbar span.cur em{color:var(--ink)}
.dsw{position:relative;height:380px}.dscene{width:100%;height:100%;display:block}
.dl{animation:dpar linear infinite}.dl1{animation-duration:90s}.dl2{animation-duration:55s}.dl3{animation-duration:26s}.dl4{animation-duration:2.6s}.dl5{animation-duration:9s}
@keyframes dpar{to{transform:translateX(-1400px)}}
.dl4{animation-name:dpar4}@keyframes dpar4{to{transform:translateX(-100px)}}
.dl5{animation-name:dpar5}@keyframes dpar5{to{transform:translateX(-200px)}}
.dsign{animation:dsign 7s linear infinite}@keyframes dsign{from{transform:translateX(1500px)}to{transform:translateX(-160px)}}
.dtk{animation:dbob .5s ease-in-out infinite alternate}.dt2{animation-delay:-.2s}.dt3{animation-delay:-.35s}.dt4{animation-delay:-.1s}
@keyframes dbob{to{translate:0 -1.4px}}
.dcol{animation:dcol 14s ease-in-out infinite}@keyframes dcol{50%{transform:translateX(-30px)}}
.kw{animation:kw .5s linear infinite}@keyframes kw{to{transform:rotate(360deg)}}
.dfmt{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dfc{padding:30px;position:relative;overflow:hidden;transition:.3s}.dfc:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(20,82,209,.35)}
.dfc::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,rgba(140,214,58,.22),transparent)}
.dfi{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#1452d1,#3b7bff);color:#fff;box-shadow:0 12px 24px -10px rgba(20,82,209,.6)}
.dfc h3{font-size:20px;font-weight:800;margin:18px 0 8px;letter-spacing:-.01em}.dfc p{color:#4a5873;font-size:14.5px;line-height:1.6;margin:0 0 14px}
.dfc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.dfc li{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:600}.dfc li svg{color:#5aa51c;flex:none}
.dfleet{padding:40px}.dflg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.dfl{padding:22px;border-radius:22px;background:linear-gradient(180deg,#f4f8ff,#eaf1fc);border:1px solid #e1e9f7}
.dfl svg{width:100%;height:auto;display:block;margin-bottom:12px}.dfl .kw{animation:none}
.dfl b{font-size:17px}.dfl p{color:var(--mu);font-size:14px;margin:6px 0 0;line-height:1.55}
.dsteps{padding:40px}
.dso{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;position:relative}
.dso::before{content:"";position:absolute;left:4%;right:4%;top:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,#1452d1,#8cd63a);transform-origin:left;transform:scaleX(0);transition:transform 1.6s ease .2s}
.dsteps.in .dso::before{transform:scaleX(1)}
.dso li{position:relative;display:flex;flex-direction:column;align-items:flex-start;opacity:0;transform:translateY(16px);transition:.6s calc(var(--k)*.15s + .2s)}
.dsteps.in .dso li{opacity:1;transform:none}
.dso i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #1452d1;color:var(--blue);position:relative;z-index:1;box-shadow:0 10px 24px -12px rgba(20,82,209,.6)}
.dso em{position:absolute;left:44px;top:-4px;z-index:2;width:22px;height:22px;border-radius:50%;background:#8cd63a;color:#0b1a3d;font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center}
.dso b{font-size:16px;margin:14px 0 4px}.dso p{font-size:13px;color:var(--mu);line-height:1.5;margin:0}
.dcta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 40px;background:linear-gradient(120deg,#0f2a6b,#1452d1);color:#fff;border:0}
.dcta p{color:#c9d6f2;margin:8px 0 0;max-width:560px}.dctab{display:flex;gap:10px;flex-wrap:wrap}.dgh2{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)}
@media(max-width:1100px){.dhero{grid-template-columns:1fr;padding:30px}.dabout{grid-template-columns:1fr}.dso{grid-template-columns:repeat(3,1fr);row-gap:28px}.dso::before{display:none}.dfmt{grid-template-columns:1fr}.drh{flex-direction:column;align-items:stretch}.drp{flex:none}}
@media(max-width:700px){.dhero{padding:24px 20px}.dst{grid-template-columns:1fr 1fr 1fr;gap:6px}.dst li{padding:10px}.dst b{font-size:18px}.dst span{font-size:10.5px}
 .dbtn .btn{width:100%;justify-content:center}.dabout,.dfleet,.dsteps{padding:24px 20px}.dab-s{grid-template-columns:1fr 1fr}.dab-x p{font-size:15px}.dab-x p:first-child{font-size:16px}
 .drh{padding:24px 20px 10px}.dsw{height:250px}.drbar em{font-size:9px}.drbar span:not(:nth-child(2)):not(:last-child):not(.cur) em{display:none}
 .dflg{grid-template-columns:1fr}.dso{grid-template-columns:1fr 1fr}.dcta{flex-direction:column;align-items:stretch;padding:26px 20px}.dctab .btn{width:100%;justify-content:center}
 .dmap .dct text{font-size:9px}.dtoast{font-size:11.5px;left:0;top:0}}
@media(prefers-reduced-motion:reduce){.dl,.dsign,.dtk,.dcol,.kw,.drt{animation:none}}
/* ===== Как купить ===== */
.ohero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px;padding:44px;background:radial-gradient(120% 140% at 90% 0%,#1d4fc4 0%,#0f2a6b 48%,#081634 100%);color:#fff;border:0;min-height:520px}
.ohero .oh1,.ohero .oh2{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.oh1{width:440px;height:440px;left:-160px;bottom:-220px;background:rgba(140,214,58,.25);animation:dhb 10s ease-in-out infinite}
.oh2{width:380px;height:380px;right:-60px;top:-200px;background:rgba(90,160,255,.35);animation:dhb 12s ease-in-out infinite reverse}
.ohl{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.ok{color:#bfe98f!important;display:inline-flex;align-items:center;gap:8px}
.ohero h1{font-size:clamp(34px,4vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:14px 0}
.olead{font-size:17px;line-height:1.6;color:#cfdaf3;max-width:560px;margin:0}
.ochips{list-style:none;padding:0;margin:24px 0 28px;display:flex;flex-wrap:wrap;gap:8px}
.ochips li{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:700}
.ochips svg{color:#8cd63a}
.obtn,.ofc{display:flex;gap:10px;flex-wrap:wrap}.ogh{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
/* документы */
.odocs{position:relative;z-index:2;min-height:420px}
.odc{position:absolute;width:300px;max-width:78%;border-radius:18px;background:#fff;color:var(--ink);padding:20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);opacity:0;transition:transform 1s cubic-bezier(.2,1.2,.3,1),opacity .6s}
.odc>b{font-size:14px;display:block;margin-bottom:12px}
.odc>i{display:block;height:7px;border-radius:4px;background:#e6ecf6;margin:8px 0;width:90%}.odc>i.s{width:60%}
.odc3{right:6%;top:6%;transform:rotate(10deg) translate(60px,-20px)}.odc2{right:16%;top:14%;transform:rotate(-7deg) translate(-40px,20px)}
.odc1{left:8%;top:22%;width:330px;transform:translateY(60px) scale(.9);padding:22px 22px 18px}
.ohero.go .odc{opacity:1}.ohero.go .odc3{transform:rotate(8deg);transition-delay:.1s}.ohero.go .odc2{transform:rotate(-5deg);transition-delay:.25s}.ohero.go .odc1{transform:rotate(-1deg);transition-delay:.45s}
.osum{display:flex;justify-content:space-between;align-items:end;padding:12px;border-radius:12px;background:#f2f6fd;margin-bottom:6px}.osum small{font-size:11px;color:var(--mu)}.osum span{font-weight:800;color:var(--blue);font-size:14px}
.odh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed #d6e0ef;padding-bottom:10px;margin-bottom:10px}.odh b{font-size:16px}.odh small{color:var(--mu);font-size:11px}
.odc1 ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.odc1 li{display:grid;grid-template-columns:22px 108px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:700}
.odc1 li em{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e9eef7;color:#fff;transition:.4s calc(1.1s + var(--k)*.35s)}
.odc1 li i{height:7px;border-radius:4px;background:linear-gradient(90deg,#1452d1,#5aa0ff);transform:scaleX(0);transform-origin:left;transition:transform .5s calc(1s + var(--k)*.35s)}
.ohero.go .odc1 li em{background:#5aa51c}.ohero.go .odc1 li i{transform:scaleX(1)}
.osig{display:flex;align-items:end;gap:10px;margin-top:16px;font-size:11px;color:var(--mu)}.osig svg,.ocl-s svg{width:110px;height:36px}
.osig path,.ocl-s path{fill:none;stroke:#1452d1;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.4s ease 2.6s}
.ohero.go .osig path{stroke-dashoffset:0}
.ostamp{position:absolute;right:16px;bottom:16px;width:96px;height:96px;border-radius:50%;border:3px solid rgba(90,165,28,.85);display:grid;place-items:center;color:#4b9a12;font-size:10px;font-weight:800;text-align:center;line-height:1.25;letter-spacing:.06em;transform:rotate(-14deg) scale(2.2);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1) 3.6s,opacity .3s 3.6s}
.ostamp::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px dashed rgba(90,165,28,.6)}
.ohero.go .ostamp{opacity:1;transform:rotate(-14deg) scale(1)}
/* договор */
.ocontract{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:30px;padding:40px;align-items:center}
.ocontract h2,.odata h2,.opay h2,.oafter h2,.oaccept h2,.ofinal h2{font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:8px 0 10px}
.ocontract p,.oaccept p,.opay p{color:#44526d;font-size:15.5px;line-height:1.65;margin:0}
.oct-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.oct-g div,.ofg div{display:flex;flex-direction:column;padding:20px;border-radius:20px;background:linear-gradient(160deg,#f3f7fe,#e9f0fc);border:1px solid #e0e8f6;opacity:0;transform:translateY(20px);transition:.6s calc(var(--k)*.12s + .1s)}
.go .oct-g div,.go .ofg div{opacity:1;transform:none}
.oct-g i,.ofg i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--blue);margin-bottom:14px;box-shadow:0 8px 18px -10px rgba(20,82,209,.5)}
.oct-g b,.ofg b{font-size:15.5px}.oct-g small,.ofg small{font-size:12.5px;color:var(--mu);margin-top:3px;line-height:1.4}
/* данные */
.odata{padding:40px}
.otabs{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:16px;background:#eef3fb;margin:10px 0 22px;--x:0}
.otabs button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;color:var(--mu);transition:color .3s;white-space:nowrap}
.otabs button.on{color:#fff}.otb{position:absolute;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:12px;background:linear-gradient(120deg,#1452d1,#3b7bff);box-shadow:0 10px 20px -10px rgba(20,82,209,.7);transform:translateX(calc(var(--x)*100%));transition:transform .45s cubic-bezier(.3,1.3,.5,1)}
.opane{display:none}.opane.on{display:block;animation:bfin .45s both}
.ofl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ofl li{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;border:1.5px solid #e2e9f5;background:#fff;opacity:0;transform:translateY(18px);transition:.55s calc(var(--k)*.12s)}
.go .ofl li,.opane.on .ofl li{opacity:1;transform:none}
.ofl li:hover{border-color:#9db8ef;box-shadow:0 18px 36px -22px rgba(20,82,209,.45)}
.ofl em{position:absolute;right:16px;top:12px;font-style:normal;font-size:40px;font-weight:800;color:#eef3fb;line-height:1}
.ofl i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#1452d1,#3b7bff);color:#fff;position:relative}
.ofl b{font-size:16px;display:block}.ofl small{font-size:12.5px;color:var(--mu)}
.ocard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}
.ocv{padding:22px;border-radius:20px;background:#fff;border:1.5px solid #e2e9f5;box-shadow:0 24px 50px -30px rgba(20,82,209,.45)}
.ocvh{display:flex;gap:12px;align-items:center;margin-bottom:14px}.ocvh i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef3fb;color:var(--blue)}.ocvh b{display:block}.ocvh small{color:var(--mu);font-size:12.5px}
.ocr{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;padding:9px 0;border-top:1px dashed #e2e9f5;font-size:13px;font-weight:600;color:#44526d}
.ocr i{height:8px;border-radius:4px;background:linear-gradient(90deg,#cfdcf3,#e9eff9);transform:scaleX(0);transform-origin:left;animation:ofill .6s calc(var(--k)*.15s + .2s) forwards}
@keyframes ofill{to{transform:scaleX(1)}}
.ocx p{font-size:15.5px;line-height:1.65;color:#33405a;margin:0 0 16px}
.onds,.oac-n{display:inline-flex;gap:12px;align-items:center;padding:14px 18px;border-radius:16px;background:#f0f8e8;border:1px solid #d8edc4;color:#3c7a10}.onds b{display:block;color:var(--ink)}.onds small{color:#5c6f4a}
/* оплата */
.opay{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:34px;padding:44px;background:linear-gradient(135deg,#0b1d48,#13398f);color:#fff;border:0;position:relative;overflow:hidden}
.opay p{color:#c9d6f2}.opay h2{color:#fff}
.opp{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:10px}
.opp li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.opp li>svg{flex:none;width:40px;height:40px;padding:10px;border-radius:12px;background:rgba(140,214,58,.18);color:#8cd63a}.opp b{display:block}.opp small{color:#aebfe3;font-size:12.5px}
.oflow{position:relative;display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;gap:0;align-self:center}
.ofn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;opacity:0;transform:scale(.8);transition:.5s cubic-bezier(.3,1.5,.5,1)}
.ofn i{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.ofc i{background:linear-gradient(140deg,#8cd63a,#5aa51c);color:#0b1a3d;border:0;box-shadow:0 0 0 0 rgba(140,214,58,.5)}
.go .ofc i{animation:opulse 2.4s 1.6s infinite}@keyframes opulse{0%{box-shadow:0 0 0 0 rgba(140,214,58,.55)}70%{box-shadow:0 0 0 18px rgba(140,214,58,0)}100%{box-shadow:0 0 0 0 rgba(140,214,58,0)}}
.ofn b{font-size:14px}.ofn small{font-size:11.5px;color:#aebfe3}
.go .ofa{opacity:1;transform:none;transition-delay:.1s}.go .ofb{opacity:1;transform:none;transition-delay:.5s}.go .ofc{opacity:1;transform:none;transition-delay:.9s}
.ofp{position:relative;height:3px;margin-top:-40px}.ofp span{position:absolute;inset:0;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 6px,transparent 6px 11px);opacity:0;transition:.4s .7s}
.go .ofp span{opacity:1}
.ofp em{position:absolute;top:50%;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:8px;background:#fff;color:var(--blue);display:grid;place-items:center;opacity:0}
.go .ofp1 em{animation:otrav 2.8s 1.2s ease-in-out infinite}.go .ofp2 em{animation:otrav 2.8s 2.6s ease-in-out infinite;color:#5aa51c}
@keyframes otrav{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.ofx{grid-column:1/-1;display:flex;align-items:center;gap:12px;justify-content:center;margin-top:34px;padding:14px 18px;border-radius:16px;background:rgba(255,80,80,.1);border:1px dashed rgba(255,120,120,.45);color:#ffd2d2;font-size:13.5px;font-weight:700}
.ofx i{position:relative;color:#ff9a9a;display:grid}.ofx i::after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2.5px;background:#ff6b6b;border-radius:2px;transform:rotate(-35deg) scaleX(0);transition:transform .5s 1.8s}
.go .ofx i::after{transform:rotate(-35deg) scaleX(1)}
/* после оплаты */
.oafter{padding:40px}.osub{color:var(--mu);margin:0 0 26px}
.otl{position:relative}
.otl-line{position:absolute;left:calc(100%/12);right:calc(100%/12);top:30px;height:4px;border-radius:4px;background:#e6edf8}
.otl-line>i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(90deg,#1452d1,#8cd63a);transition:width 3.6s cubic-bezier(.4,0,.2,1) .3s}
.otl-dot{position:absolute;top:50%;left:0;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#8cd63a;color:#0b1a3d;display:grid;place-items:center;box-shadow:0 8px 20px -6px rgba(90,165,28,.7);transition:left 3.6s cubic-bezier(.4,0,.2,1) .3s;z-index:2}
.oafter.go .otl-line>i{width:100%}.oafter.go .otl-dot{left:calc(100% - 52px)}
.otl ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
.otl li{display:flex;flex-direction:column;align-items:center;text-align:center}
.otl li>i{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #dfe7f4;color:#9aa8c0;position:relative;z-index:1;transition:.4s calc(var(--k)*.6s + .5s)}
.oafter.go .otl li>i{border-color:#1452d1;color:var(--blue);box-shadow:0 10px 24px -12px rgba(20,82,209,.6)}
.otl li b{font-size:15px;margin:14px 0 4px}.otl li p{font-size:12.5px;color:var(--mu);line-height:1.5;margin:0;max-width:180px}
/* приёмка */
.oaccept{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:34px;padding:44px;align-items:center}
.oac-n{margin-top:20px;font-size:14px;font-weight:600;color:#3c7a10;align-items:flex-start}.oac-n svg{flex:none}
.oclip{position:relative;padding:26px 24px 22px;border-radius:22px;background:#fff;border:1.5px solid #e2e9f5;box-shadow:0 30px 60px -30px rgba(20,82,209,.45);max-width:420px;justify-self:center;width:100%}
.ocl-h{display:flex;flex-direction:column;align-items:center;gap:10px;margin:-44px 0 14px}.ocl-h i{width:90px;height:24px;border-radius:8px;background:linear-gradient(180deg,#5b636f,#3b4049)}.ocl-h b{font-size:16px}
.ocl{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px dashed #e2e9f5;font-size:14px;font-weight:600}
.ocl em{width:24px;height:24px;border-radius:7px;border:2px solid #cfdaeb;display:grid;place-items:center;color:transparent;transition:.35s calc(var(--k)*.45s + .4s)}
.oaccept.go .ocl em{background:#5aa51c;border-color:#5aa51c;color:#fff}
.ocl-s{display:flex;align-items:end;gap:10px;margin-top:10px;font-size:11px;color:var(--mu)}.oaccept.go .ocl-s path{stroke-dashoffset:0;transition-delay:2.4s}
/* финал */
.ofinal{padding:44px;text-align:center;background:radial-gradient(100% 120% at 50% 0%,#f3f8ff,#fff)}
.ofh h2{max-width:760px;margin-left:auto;margin-right:auto}
.ofg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 28px;text-align:left}
.ofc{justify-content:center}.ofinal .ogh{background:#eef3fb;color:var(--ink);border:1px solid #dfe7f4}
@media(max-width:1100px){.ohero{grid-template-columns:1fr;padding:32px}.odocs{min-height:400px}.ocontract,.oaccept,.opay{grid-template-columns:1fr}.oct-g,.ofl{grid-template-columns:1fr 1fr}.otl ol{grid-template-columns:repeat(3,1fr);row-gap:26px}.otl-line{display:none}.ofg{grid-template-columns:1fr}}
@media(max-width:700px){.ohero{padding:24px 20px;min-height:0}.olead{font-size:15.5px}.obtn .btn,.ofc .btn{width:100%;justify-content:center}
 .odocs{min-height:360px}.odc1{left:0;width:auto;right:4%;max-width:none}.odc2{right:0}.odc3{right:-4%}.odc1 li{grid-template-columns:22px 96px 1fr}
 .ocontract,.odata,.oafter,.oaccept,.opay,.ofinal{padding:24px 20px}.oct-g{gap:8px}.oct-g div{padding:14px}
 .otabs{display:grid;width:100%}.otabs button{padding:11px 8px;font-size:12.5px;white-space:normal;text-align:center}.ofl{grid-template-columns:1fr;gap:8px}.ofl li{flex-direction:row;align-items:center;padding:14px}.ofl em{font-size:30px;top:50%;transform:translateY(-50%)}
 .ocard{grid-template-columns:1fr}.ocr{grid-template-columns:120px 1fr}
 .oflow{grid-template-columns:1fr 34px 1fr 34px 1fr}.ofn i{width:58px;height:58px;border-radius:18px}.ofn b{font-size:12px}.ofn small{font-size:10px}.ofp{margin-top:-34px}.ofp em{width:20px;height:20px;margin:-10px 0 0 -10px}
 .otl ol{grid-template-columns:1fr 1fr}.otl li p{font-size:12px}.ofinal{text-align:left}}
@media(prefers-reduced-motion:reduce){.odc,.ostamp,.ofn,.ofp em,.otl-dot,.otl-line>i{transition:none!important;animation:none!important}}
/* ===== Рассрочка ===== */
.ihero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:30px;padding:46px;background:radial-gradient(110% 130% at 80% 10%,#2a5fd8 0%,#11307a 42%,#070f2a 100%);color:#fff;border:0;min-height:540px}
.ih1,.ih2,.ih3{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.ih1{width:480px;height:480px;left:-180px;bottom:-240px;background:rgba(140,214,58,.3);animation:dhb 10s ease-in-out infinite}
.ih2{width:380px;height:380px;right:-80px;top:-200px;background:rgba(90,160,255,.4);animation:dhb 12s ease-in-out infinite reverse}
.ih3{width:240px;height:240px;right:30%;bottom:-120px;background:rgba(255,200,80,.18);animation:dhb 14s ease-in-out infinite}
.ihl{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.ihero h1{font-size:clamp(34px,4vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1.03;margin:14px 0}
.ilead{font-size:17px;line-height:1.6;color:#cfdaf3;max-width:560px;margin:0}
.ibig{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 34px;margin:30px 0}
.ibig b{display:block;font-size:clamp(30px,3.2vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1}.ibig span{font-size:13px;color:#aebfe3;margin-top:6px;display:block}
.ishine{background:linear-gradient(100deg,#8cd63a 20%,#eaffd0 40%,#8cd63a 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ishine 3.5s linear infinite}
@keyframes ishine{from{background-position:120% 0}to{background-position:-130% 0}}
.ibtn,.ictab{display:flex;gap:10px;flex-wrap:wrap}.igh{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.ivis{position:relative;z-index:2;min-height:440px}
.iring{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px}
.iring svg{width:100%;height:100%;transform:rotate(-90deg)}
.irb{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12}
.irf{fill:none;stroke:url(#irg);stroke-width:12;stroke-linecap:round;stroke-dasharray:0 528;transition:stroke-dasharray 2.2s cubic-bezier(.3,.8,.3,1) .3s;filter:drop-shadow(0 0 10px rgba(140,214,58,.5))}
.ihero.go .irf{stroke-dasharray:528 528}
.iring::before{content:"";position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px)}
.iring::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:fring 30s linear infinite}
.irc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.irc small{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#aebfe3}.irc b{font-size:58px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.irc span{font-size:13px;color:#bfe98f}
.icard{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.95);color:var(--ink);box-shadow:0 20px 40px -16px rgba(0,0,0,.5);opacity:0;transform:translateY(20px) scale(.95);transition:.7s cubic-bezier(.3,1.4,.5,1)}
.icard i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#1452d1,#3b7bff);color:#fff;flex:none}.icard b{display:block;font-size:13.5px}.icard small{font-size:11.5px;color:var(--mu)}
.ic1{left:0;top:6%}.ic2{right:0;top:38%}.ic3{left:4%;bottom:8%}
.ihero.go .icard{opacity:1;transform:none;animation:ifl 6s ease-in-out infinite}.ihero.go .ic1{transition-delay:.9s;animation-delay:1.6s}.ihero.go .ic2{transition-delay:1.2s;animation-delay:2.4s}.ihero.go .ic3{transition-delay:1.5s;animation-delay:3.2s}
@keyframes ifl{50%{translate:0 -8px}}
.ibars{position:absolute;right:4%;bottom:6%;display:flex;align-items:flex-end;gap:5px;height:70px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.ibars i{width:9px;border-radius:3px;background:linear-gradient(180deg,#8cd63a,#5aa51c);height:0;transition:height .5s calc(1.4s + var(--i)*.08s) cubic-bezier(.3,1.4,.5,1)}
.ibars i:first-child{background:linear-gradient(180deg,#5aa0ff,#1452d1)}
.ihero.go .ibars i{height:22px}.ihero.go .ibars i:first-child{height:48px}
/* калькулятор */
.icalc{padding:40px;background:linear-gradient(180deg,#fff,#f7faff)}
.ich{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
.icalc h2,.isteps h2,.ifaq h2,.icta h2{font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:8px 0 0}
.i0{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:#eef9e3;color:#3c7a10;font-weight:700;font-size:13.5px;border:1px solid #d6edc0;white-space:nowrap}
.icg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px}
.icl{display:flex;flex-direction:column;gap:18px}
.ifl small,.irh small{font-size:12px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.05em}
.ifl{display:flex;flex-direction:column;gap:8px}.ifl select{height:52px;border-radius:14px;border:1.5px solid var(--line);background:#fff;padding:0 14px;font:inherit;font-weight:600;font-size:14.5px;color:var(--ink)}
.irow{padding:18px 20px;border-radius:20px;background:#fff;border:1.5px solid #e4ebf6}
.irh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.iinp{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;background:#f2f6fd;border:1.5px solid transparent;transition:.2s}.iinp:focus-within{border-color:var(--blue);background:#fff}
.iinp input{width:150px;border:0;background:none;font:inherit;font-size:22px;font-weight:800;text-align:right;color:var(--ink);outline:0}.iinp b{font-size:18px}
.ival{font-size:22px;font-weight:800;color:var(--ink)}
.irng{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,#1452d1,#5aa0ff var(--p,50%),#e3eaf6 var(--p,50%));outline:0;cursor:pointer}
.irng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:6px solid #1452d1;box-shadow:0 6px 16px -4px rgba(20,82,209,.6);transition:transform .15s}
.irng::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:6px solid #1452d1;box-shadow:0 6px 16px -4px rgba(20,82,209,.6)}
.irng:active::-webkit-slider-thumb{transform:scale(1.15)}
.iscale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mu);margin-top:8px;font-weight:600}
.iterm{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.iterm button{padding:7px 12px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-size:12.5px;font-weight:700;color:var(--ink);transition:.2s}.iterm button.on,.iterm button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.itier{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.itier div{padding:12px;border-radius:14px;border:1.5px solid #e4ebf6;background:#fff;transition:.35s;position:relative}
.itier small{display:block;font-size:10.5px;font-weight:700;color:var(--mu);line-height:1.3;min-height:28px}.itier b{display:block;font-size:20px;font-weight:800;margin-top:4px}.itier span{font-size:11px;color:var(--mu)}
.itier div.on{border-color:#1452d1;background:linear-gradient(160deg,#eef3fe,#fff);box-shadow:0 12px 24px -14px rgba(20,82,209,.55);transform:translateY(-3px)}
.itier div.on::after{content:"";position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:#8cd63a;box-shadow:0 0 0 4px rgba(140,214,58,.25)}
.itier .off.on{border-color:#e05656;background:#fff5f5}.itier .off.on::after{background:#e05656;box-shadow:0 0 0 4px rgba(224,86,86,.2)}
.icr{position:relative}
.ires{position:sticky;top:90px;padding:28px;border-radius:26px;background:radial-gradient(120% 100% at 100% 0%,#2a5fd8,#0e2a6e 55%,#081634);color:#fff;overflow:hidden;box-shadow:0 30px 60px -30px rgba(10,30,90,.7)}
.ires::before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(140,214,58,.3),transparent)}
.ires>small{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#aebfe3;font-weight:700}
.imon{display:block;font-size:clamp(36px,4vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:6px 0 4px;font-variant-numeric:tabular-nums}
.imsub{font-size:13.5px;color:#bfe98f;font-weight:600}
.idon{position:absolute;right:24px;top:24px;width:108px;height:108px}
.idon svg{width:100%;height:100%;transform:rotate(-90deg)}.idb{fill:none;stroke:rgba(255,255,255,.12);stroke-width:12}.idf{fill:none;stroke:#8cd63a;stroke-width:12;stroke-linecap:round;stroke-dasharray:0 302;transition:stroke-dasharray .7s cubic-bezier(.3,1.2,.5,1)}
.idon>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.idon small{font-size:9.5px;color:#aebfe3}.idon b{font-size:20px}
.isum{list-style:none;padding:0;margin:22px 0 18px;display:flex;flex-direction:column}
.isum li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#c9d6f2}.isum b{color:#fff;font-variant-numeric:tabular-nums}.isum b.g{color:#8cd63a}
.isum li.t{font-size:15px}.isum li.t b{font-size:17px}
.ichart{padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);margin-bottom:18px}
.icht{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#aebfe3;margin-bottom:10px}.icht span{color:#fff;font-weight:700}
.ichb{display:flex;align-items:flex-end;gap:2px;height:80px}
.ichb i{flex:1;min-width:2px;height:var(--hm,20%);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#8cd63a,#4f9a17);transform-origin:bottom;animation:ibar .5s calc(var(--k)*18ms) cubic-bezier(.3,1.4,.5,1) both;transition:height .5s}
.ichb i.f{flex:0 0 18px;height:100%;background:linear-gradient(180deg,#5aa0ff,#1452d1)}
@keyframes ibar{from{transform:scaleY(0)}}
.iapply{width:100%;justify-content:center}
.ino{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:28px;border-radius:26px;background:#fff5f5;border:1.5px solid #f3c9c9;color:#9b2c2c}.ino b{font-size:18px;color:var(--ink)}.ino span{color:var(--mu)}
.ino[hidden],.ires[hidden]{display:none!important}
.inote{font-size:12.5px;color:var(--mu);margin:20px 0 0;line-height:1.5}
.iterms{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.itc{padding:28px;transition:.3s;position:relative;overflow:hidden}.itc:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(20,82,209,.35)}
.itc i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(140deg,#1452d1,#3b7bff);color:#fff;box-shadow:0 12px 24px -10px rgba(20,82,209,.6)}
.itc:nth-child(2) i{background:linear-gradient(140deg,#5aa51c,#8cd63a)}
.itc h3{font-size:19px;font-weight:800;margin:18px 0 8px}.itc p{color:#4a5873;font-size:14px;line-height:1.6;margin:0}
.isteps{padding:40px}
.iso{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.iso::before{content:"";position:absolute;left:5%;right:5%;top:31px;height:3px;border-radius:3px;background:linear-gradient(90deg,#1452d1,#8cd63a);transform:scaleX(0);transform-origin:left;transition:transform 1.8s ease .2s}
.isteps.go .iso::before{transform:scaleX(1)}
.iso li{position:relative;display:flex;flex-direction:column;align-items:flex-start;opacity:0;transform:translateY(16px);transition:.6s calc(var(--k)*.2s + .2s)}.isteps.go .iso li{opacity:1;transform:none}
.iso i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #1452d1;color:var(--blue);position:relative;z-index:1;box-shadow:0 10px 24px -12px rgba(20,82,209,.6)}
.iso em{position:absolute;left:48px;top:-4px;z-index:2;width:24px;height:24px;border-radius:50%;background:#8cd63a;color:#0b1a3d;font-style:normal;font-weight:800;font-size:12px;display:grid;place-items:center}
.iso b{font-size:16px;margin:14px 0 4px}.iso p{font-size:13px;color:var(--mu);line-height:1.5;margin:0}
.ifaq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:34px;padding:40px}
.ifq-l p{color:var(--mu);margin:10px 0 18px;line-height:1.6}
.ifq{display:flex;flex-direction:column;gap:10px}
.ifq details{border-radius:18px;border:1.5px solid #e4ebf6;background:#fff;transition:.25s}.ifq details[open]{border-color:#bcd0f3;box-shadow:0 16px 30px -22px rgba(20,82,209,.5)}
.ifq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-weight:700;font-size:15.5px}.ifq summary::-webkit-details-marker{display:none}
.ifq summary i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3fb;color:var(--blue);flex:none;transition:.3s}.ifq details[open] summary i{transform:rotate(45deg);background:var(--blue);color:#fff}
.ifq p{margin:0;padding:0 20px 18px;color:#4a5873;line-height:1.65;font-size:14.5px;animation:bfin .35s both}
.icta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 40px;background:linear-gradient(120deg,#0f2a6b,#1452d1);color:#fff;border:0}.icta p{color:#c9d6f2;margin:8px 0 0;max-width:600px}
@media(max-width:1100px){.ihero{grid-template-columns:1fr;padding:32px}.ivis{min-height:400px}.icg{grid-template-columns:1fr}.ires{position:relative;top:0}.iterms{grid-template-columns:1fr 1fr}.iso{grid-template-columns:repeat(3,1fr);row-gap:26px}.iso::before{display:none}.ifaq{grid-template-columns:1fr}.icta{flex-direction:column;align-items:stretch}}
@media(max-width:700px){.ihero{padding:24px 20px;min-height:0}.ilead{font-size:15.5px}.ibig{gap:10px 20px}.ibtn .btn,.ictab .btn{width:100%;justify-content:center}
 .ivis{min-height:360px}.iring{width:230px;height:230px;margin:-115px 0 0 -115px}.irc b{font-size:44px}.icard{padding:9px 12px 9px 9px}.icard b{font-size:12px}.icard small{font-size:10.5px}.icard i{width:30px;height:30px}.ibars{display:none}.ic2{top:auto;bottom:22%}
 .icalc,.isteps,.ifaq{padding:24px 18px}.ich{flex-direction:column;align-items:flex-start}.irow{padding:14px}.iinp input{width:120px;font-size:19px}.ival{font-size:18px}
 .itier{grid-template-columns:1fr 1fr}.ires{padding:22px 18px}.idon{width:80px;height:80px;right:16px;top:18px}.idon b{font-size:15px}.imon{font-size:34px;margin-top:14px}
 .iterms{grid-template-columns:1fr}.iso{grid-template-columns:1fr 1fr}.icta{padding:26px 20px}}

/* фильтры: читаемые пункты */
.cks{gap:6px}
.cks .ck{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#fff;border:1.5px solid #e2e9f5;color:var(--ink);font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;transition:.2s}
.cks .ck:hover{border-color:#b9cdf2;background:#f7faff}
.cks .ck span{color:var(--ink)}
.cks .ck em{font-style:normal;font-size:11.5px;font-weight:700;color:#55627a;background:#eef2f8;border-radius:99px;padding:2px 9px}
.cks .ck input{accent-color:#1452d1}
.cks .ck:has(input:checked){background:#eef3fe;border-color:#1452d1;box-shadow:0 6px 16px -10px rgba(20,82,209,.6)}
.cks .ck:has(input:checked) span{color:#0f3fa6;font-weight:700}
.cks .ck:has(input:checked) em{background:#1452d1;color:#fff}
.cks.long .ck:nth-child(n+9){display:none}.cks.long.all .ck{display:flex}

.icalc input.irng{-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,#1452d1,#5aa0ff) 0/var(--p,50%) 100% no-repeat,#e3e9f3!important}
@media(max-width:1100px){.icg{grid-template-columns:minmax(0,1fr)}.icl,.icr,.irow,.ires{min-width:0}}
@media(max-width:700px){.itier{grid-template-columns:repeat(2,minmax(0,1fr))}.iterm button{padding:6px 10px}.isum li{font-size:13px}}
/* ===== Новости ===== */
.ntag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;background:#eef3fe;color:#1452d1;font-size:11.5px;font-weight:800;font-style:normal;letter-spacing:.02em}
.nmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;color:var(--mu);font-weight:600}.nmeta span{display:inline-flex;align-items:center;gap:5px}
.ncov{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:16/10;background:linear-gradient(135deg,#1452d1,#0b2a72);isolation:isolate}
.ncov.green{background:linear-gradient(135deg,#3f8f12,#0f3d2a)}.ncov.violet{background:linear-gradient(135deg,#5b3fd6,#1c1257)}.ncov.amber{background:linear-gradient(135deg,#e2860f,#5a2a07)}.ncov.cyan{background:linear-gradient(135deg,#0e8fb3,#0a2f55)}
.ncov .ng{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;mask:radial-gradient(circle at 70% 60%,#000,transparent 75%);z-index:-1}
.ncov .nb1,.ncov .nb2{position:absolute;border-radius:50%;filter:blur(30px);z-index:-1}
.ncov .nb1{width:60%;aspect-ratio:1;right:-12%;bottom:-25%;background:rgba(140,214,58,.45);animation:dhb 9s ease-in-out infinite}
.ncov .nb2{width:45%;aspect-ratio:1;left:-10%;top:-20%;background:rgba(255,255,255,.22);animation:dhb 11s ease-in-out infinite reverse}
.ncov img{position:absolute;right:-4%;bottom:-6%;width:62%;height:78%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ncs{position:absolute;left:18px;top:16px;color:#fff;z-index:2;max-width:55%}.ncs b{display:block;font-size:clamp(24px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1}.ncs small{display:block;font-size:12px;color:rgba(255,255,255,.75);margin-top:6px;font-weight:600}
.ncov.big .ncs b{font-size:clamp(34px,4vw,60px)}.ncov.big .ncs small{font-size:14px}
/* hero */
.nhero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;padding:46px;min-height:480px;background:radial-gradient(110% 130% at 85% 0%,#2a5fd8 0%,#11307a 45%,#070f2a 100%);color:#fff;border:0}
.nhg1,.nhg2{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.nhg1{width:460px;height:460px;left:-160px;bottom:-240px;background:rgba(140,214,58,.3);animation:dhb 10s ease-in-out infinite}.nhg2{width:380px;height:380px;right:-60px;top:-180px;background:rgba(90,160,255,.4);animation:dhb 12s ease-in-out infinite reverse}
.nhgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask:radial-gradient(circle at 75% 40%,#000,transparent 70%);pointer-events:none}
.nhx{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.nhero h1{font-size:clamp(34px,4.2vw,62px);font-weight:800;letter-spacing:-.03em;line-height:1.03;margin:14px 0}
.nhx>p{font-size:17px;line-height:1.6;color:#cfdaf3;max-width:560px;margin:0}
.nhs{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}.nhs b{display:block;font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}.nhs small{font-size:13px;color:#aebfe3}
.nstack{position:relative;z-index:2;min-height:400px;perspective:1200px}
.nsc{position:absolute;width:62%;padding:10px 10px 14px;border-radius:24px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 30px 60px -24px rgba(0,0,0,.6);opacity:0;transition:opacity .8s calc(.3s + var(--k)*.25s),transform 1s calc(.3s + var(--k)*.25s) cubic-bezier(.2,1.2,.4,1)}
.nsc b{display:block;font-size:13.5px;line-height:1.35;margin:10px 6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nsc .ncov{border-radius:16px}
.nsc:nth-child(1){left:0;top:4%;transform:translate(-40px,30px) rotate(-12deg)}.nsc:nth-child(2){left:20%;top:22%;transform:translate(0,60px) rotate(4deg);z-index:2}.nsc:nth-child(3){right:0;top:2%;transform:translate(40px,30px) rotate(14deg)}
.nhero.go .nsc{opacity:1}.nhero.go .nsc:nth-child(1){transform:rotate(-7deg);animation:nfl 7s 1.5s ease-in-out infinite}.nhero.go .nsc:nth-child(2){transform:rotate(2deg);animation:nfl 7s 2.3s ease-in-out infinite}.nhero.go .nsc:nth-child(3){transform:rotate(8deg);animation:nfl 7s 3.1s ease-in-out infinite}
@keyframes nfl{50%{translate:0 -10px}}
/* ticker */
.ntick{overflow:hidden;mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ntt{display:flex;gap:12px;width:max-content;animation:ntk 40s linear infinite}.ntick:hover .ntt{animation-play-state:paused}
.ntt span{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:99px;background:#fff;border:1.5px solid #e4ebf6;font-size:13.5px;color:#4a5873;white-space:nowrap}.ntt b{color:#1452d1;font-size:15px}
@keyframes ntk{to{transform:translateX(-50%)}}
.ncats{display:flex;flex-wrap:wrap;gap:8px}.ncats button{padding:10px 18px;border-radius:99px;border:1.5px solid #e2e9f5;background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;transition:.25s}
.ncats button:hover{border-color:#b9cdf2}.ncats button.on{background:#1452d1;border-color:#1452d1;color:#fff;box-shadow:0 10px 22px -12px rgba(20,82,209,.8)}
/* featured + grid */
.nfeat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;padding:18px;align-items:center;color:inherit;text-decoration:none;transition:.35s}
.nfeat .ncov{aspect-ratio:16/11}.nfi{padding:16px 22px 16px 0;position:relative}
.nfi h2{font-size:clamp(24px,2.5vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:14px 0 12px}.nfi p{color:#4a5873;line-height:1.65;margin:0 0 22px}
.nnew{position:absolute;right:20px;top:14px;padding:5px 12px;border-radius:99px;background:#8cd63a;color:#0b1a3d;font-weight:800;font-size:12px;animation:npl 2s ease-in-out infinite}
@keyframes npl{50%{box-shadow:0 0 0 8px rgba(140,214,58,0)}0%{box-shadow:0 0 0 0 rgba(140,214,58,.5)}}
.nfeat:hover,.ncard:hover{transform:translateY(-5px);box-shadow:0 30px 60px -30px rgba(20,82,209,.45)}.nfeat:hover img,.ncard:hover img{transform:scale(1.07) translateX(-2%)}
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ncard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:26px;padding:12px;color:inherit;text-decoration:none;transition:transform .35s,box-shadow .35s}
.nci{padding:16px 10px 10px;display:flex;flex-direction:column;flex:1}.nci h3{font-size:18px;font-weight:800;line-height:1.3;margin:12px 0 8px}.nci p{font-size:14px;color:#55627a;line-height:1.55;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nmore{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:#1452d1;font-weight:800;font-size:14px}.ncard:hover .nmore svg{transform:translateX(4px)}.nmore svg{transition:.25s}
.nh{display:none!important}.nin{animation:bfin .5s both}
/* help */
.nhelp{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:30px;padding:44px;background:linear-gradient(125deg,#0f2a6b,#1452d1 70%,#2a6af0);color:#fff;border:0}
.nh1,.nh2{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.nh1{width:360px;height:360px;right:-100px;bottom:-160px;background:rgba(140,214,58,.4)}.nh2{width:300px;height:300px;left:30%;top:-180px;background:rgba(255,255,255,.18)}
.nhl{position:relative}.nhelp h2{font-size:clamp(26px,2.8vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:12px 0}.nhl p{color:#d3def7;line-height:1.65;margin:0 0 24px;max-width:560px}
.nhb{display:flex;gap:10px;flex-wrap:wrap}
.nhr{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:10px;align-content:center}
.nhr li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);opacity:0;transform:translateX(30px);transition:.6s calc(.2s + var(--k)*.15s) cubic-bezier(.2,1.2,.4,1)}
.nhelp.go .nhr li{opacity:1;transform:none}.nhr i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#1452d1;flex:none}.nhr b{display:block;font-size:15px}.nhr small{color:#c9d6f2;font-size:13px}
/* article */
.nprog{position:fixed;left:0;right:0;top:0;height:4px;z-index:200;background:transparent}.nprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1452d1,#8cd63a);box-shadow:0 0 12px rgba(140,214,58,.6)}
.nah{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:34px;padding:18px;align-items:center}
.nah .ncov{aspect-ratio:16/11;order:2}.nahi{padding:10px 0 10px 18px}
.nback{display:inline-flex;align-items:center;gap:6px;color:#1452d1;font-weight:800;font-size:14px;text-decoration:none;margin-bottom:16px}.nback svg{transform:rotate(180deg)}
.nah h1{font-size:clamp(28px,3.2vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:14px 0}.nahi>p{font-size:17px;color:#4a5873;line-height:1.65;margin:0}
.nah .ncov{opacity:0;transform:scale(.95);transition:1s cubic-bezier(.2,1,.3,1)}.nah.go .ncov{opacity:1;transform:none}
.nart{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.nbody{padding:44px 52px}.nbody>p{font-size:16.5px;line-height:1.8;color:#2c3a55;margin:0 0 18px}
.nbody h2{font-size:clamp(21px,2vw,27px);font-weight:800;letter-spacing:-.02em;margin:34px 0 14px;scroll-margin-top:110px}.nbody h2:first-child{margin-top:0}
.nul,.nol{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.nul li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.6;color:#2c3a55}.nul li>svg{flex:none;margin-top:4px;color:#fff;background:#8cd63a;border-radius:50%;padding:3px;width:22px;height:22px}
.nol li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#f5f8fd;border:1px solid #e4ebf6;font-size:15.5px;line-height:1.55}.nol em{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#1452d1;color:#fff;font-style:normal;font-weight:800;font-size:14px}
.ntip{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#eef9e3,#f4fbec);border:1.5px solid #d6edc0;margin:24px 0}.ntip>svg{flex:none;color:#3c7a10;width:26px;height:26px}.ntip p{margin:0;font-size:15.5px;line-height:1.6;color:#24400c;font-weight:600}
.nstat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px}
.nstat div{padding:20px;border-radius:20px;background:linear-gradient(160deg,#0f2a6b,#1452d1);color:#fff;opacity:0;transform:translateY(20px);transition:.6s calc(var(--k)*.15s) cubic-bezier(.2,1.2,.4,1)}.nstat.go div{opacity:1;transform:none}
.nstat div:nth-child(2){background:linear-gradient(160deg,#2f6f0c,#5aa51c)}.nstat div:nth-child(3){background:linear-gradient(160deg,#0b1a3d,#26407e)}
.nstat b{display:block;font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.05}.nstat small{display:block;font-size:12.5px;color:rgba(255,255,255,.8);margin-top:8px;line-height:1.4}
.nlinks{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.nsrc{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:13.5px}.nsrc b{font-size:14px}.nsrc span{color:var(--mu);line-height:1.55}
.nsrc a{display:inline-flex;align-items:center;gap:6px;color:#1452d1;text-decoration:none;font-weight:600}.nsrc a:hover{text-decoration:underline}.nsrc a svg{transform:rotate(-45deg);flex:none}
.nside{position:sticky;top:96px;display:grid;gap:16px}
.ntoc{padding:22px;display:flex;flex-direction:column;gap:4px}.ntoc b{font-size:15px;margin-bottom:8px}
.ntoc a{font-size:13.5px;color:#55627a;text-decoration:none;padding:8px 12px;border-radius:10px;border-left:3px solid transparent;line-height:1.35;transition:.25s}.ntoc a:hover{background:#f3f7fc}.ntoc a.on{color:#1452d1;font-weight:700;background:#eef3fe;border-left-color:#1452d1}
.nsidecta{padding:24px;background:linear-gradient(160deg,#0f2a6b,#1452d1);color:#fff;border:0;display:flex;flex-direction:column;gap:10px}
.nsidecta i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.15)}.nsidecta b{font-size:18px}.nsidecta p{margin:0;color:#c9d6f2;font-size:14px;line-height:1.5}
.nsidecta .btn{justify-content:center}.nsidecta>a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-decoration:none;justify-content:center;font-size:14px}
.nrelh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.nrelh h2{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;margin:0}
/* home teaser */
.nteas{padding:26px;display:flex;flex-direction:column;gap:14px}
.nteas h2{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:8px 0 0}
.ntf{display:block;position:relative;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff}.ntf .ncov{aspect-ratio:16/9;border-radius:20px}
.ntf>span{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(5,14,40,.85));display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ntf b{font-size:16.5px;line-height:1.3}.ntf .ntag{background:#8cd63a;color:#0b1a3d}.ntf:hover img{transform:scale(1.06)}
.ntl{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ntl a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1.5px solid #e4ebf6;background:#fff;color:var(--ink);text-decoration:none;transition:.25s}
.ntl b{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ntl i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3fb;color:#1452d1;transition:.25s}
.ntl a:hover{border-color:#1452d1;transform:translateX(4px)}.ntl a:hover i{background:#1452d1;color:#fff}
.ntl li{opacity:0;transform:translateY(12px);transition:.5s calc(.2s + var(--k)*.1s)}.nteas.in .ntl li,.nteas.go .ntl li{opacity:1;transform:none}
.ntall{justify-content:center;margin-top:auto}
@media(max-width:1100px){.nhero,.nfeat,.nah,.nhelp{grid-template-columns:1fr}.nhero{padding:32px}.nstack{min-height:330px}.ngrid{grid-template-columns:1fr 1fr}.nart{grid-template-columns:1fr}.nside{position:static}.ntoc{display:none}.nah .ncov{order:0}.nahi{padding:6px}.nfi{padding:6px}}
@media(max-width:700px){.nhero{padding:24px 20px;min-height:0}.nhx>p{font-size:15.5px}.nhs{gap:22px}.nhs b{font-size:32px}.nstack{min-height:250px}.nsc{width:66%;padding:7px 7px 10px;border-radius:18px}.nsc b{font-size:12px}
 .ngrid{grid-template-columns:1fr}.nbody{padding:24px 20px}.nbody>p{font-size:15.5px}.nstat{grid-template-columns:1fr}.nhelp{padding:26px 20px}.nhb .btn{width:100%;justify-content:center}.nnew{position:static;display:inline-block;margin-top:10px}.ncats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px}.ncats button{flex:none}.nteas{padding:20px}}
@media(max-width:1500px){.mnav .nab{display:none}}
.nteas .kick{display:inline-flex;align-items:center;gap:6px}
/* ===== Главный экран v2: тёплая гамма ===== */
.hero.hx{background:#0c1220;color:#fff;border:0;box-shadow:0 40px 80px -40px rgba(12,18,32,.8)}
.hero.hx .bg{left:22%;width:78%;object-position:70% 45%;filter:saturate(1.08) contrast(1.04)}
.hero.hx::before{background:linear-gradient(90deg,#0c1220 0%,#0c1220 22%,rgba(12,18,32,.88) 34%,rgba(12,18,32,.45) 48%,rgba(12,18,32,0) 62%),linear-gradient(0deg,rgba(12,18,32,.92) 0%,rgba(12,18,32,.35) 22%,transparent 40%)}
.hxsun{position:absolute!important;z-index:1!important;left:24%;top:30%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,60,.45),rgba(255,120,30,.12) 45%,transparent 70%);filter:blur(10px);pointer-events:none;animation:hxs 9s ease-in-out infinite}
@keyframes hxs{50%{transform:scale(1.15) translate(10px,-8px);opacity:.8}}
.hxglow{position:absolute!important;z-index:1!important;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,40,.35),transparent 70%);filter:blur(20px);pointer-events:none}
.hxgrid{position:absolute!important;z-index:1!important;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask:linear-gradient(90deg,#000 0%,#000 30%,transparent 55%);pointer-events:none}
.hero.hx .kick{color:#ffc277;display:inline-flex;align-items:center;gap:10px}
.hero.hx .kick::before{content:'';width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffb547,#ff7a1a)}
.hero.hx h1 .d{color:#fff}
.hero.hx h1 .b{background:linear-gradient(95deg,#ffd27a,#ff9a3c 55%,#ff6a1a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.hx h1 .g{background:linear-gradient(95deg,#fff 0%,#ffe2bd 40%,#fff 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ishine 5s linear infinite}
.hero.hx p{color:#c9d2e3}
.hero.hx .salepill{background:rgba(255,255,255,.08);border:1px solid rgba(255,194,119,.35);color:#f3e6d6;backdrop-filter:blur(8px)}
.hero.hx .salepill b{background:linear-gradient(95deg,#ffb547,#ff7a1a);color:#1a0f02}
.hero.hx .acts .btn-l{background:linear-gradient(95deg,#ffc04d,#ff8a2a 60%,#ff6a1a);color:#1a0f02;box-shadow:0 16px 34px -14px rgba(255,122,26,.85)}
.hero.hx .acts .btn-l:hover{box-shadow:0 20px 40px -12px rgba(255,122,26,.95);transform:translateY(-2px)}
.hero.hx .hbadge{font-family:inherit;transform:none;font-size:12.5px;font-weight:700;letter-spacing:.01em;line-height:1.35;color:#fff;white-space:pre-line;text-align:left;padding:12px 16px 12px 44px;border-radius:16px;background:rgba(12,18,32,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);text-shadow:none}
.hero.hx .hbadge::before{content:'';position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:radial-gradient(circle,#ffd27a 30%,#ff8a2a 70%);box-shadow:0 0 0 5px rgba(255,154,60,.25);animation:npl2 2.4s ease-in-out infinite}
@keyframes npl2{50%{box-shadow:0 0 0 9px rgba(255,154,60,0)}}
.hero.hx .hfeat{background:rgba(12,18,32,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.hero.hx .hfeat div{color:#e6ebf5}
.hero.hx .hfeat svg{color:#ffb04a}
.hero.hx .hfeat div+div{border-color:rgba(255,255,255,.12)}
@media(max-width:560px){.hero.hx::before{background:linear-gradient(180deg,rgba(12,18,32,.97) 0%,rgba(12,18,32,.9) 45%,rgba(12,18,32,.3) 70%,rgba(12,18,32,.95))}}
@media(max-width:760px){.hero.hx{background:#0c1220}.hero.hx .bg{object-position:78% 40%;height:280px;border-radius:0}.hero.hx .hfeat{background:rgba(16,24,42,.92)}.hxsun{left:auto;right:-120px;top:-120px;width:300px;height:300px}.hxgrid{mask:linear-gradient(180deg,#000,transparent 50%)}}
@media(max-width:760px){.hero.hx .bg{left:auto;width:calc(100% + 40px);max-width:none}}
/* ===== Главный экран v3: светлая рассветная гамма ===== */
.hero.hx{background:linear-gradient(180deg,#fdf5ee,#f3f6fb);color:var(--ink);box-shadow:0 30px 60px -36px rgba(120,80,40,.45)}
.hero.hx .bg{filter:saturate(1.05) brightness(1.03)}
.hero.hx::before{background:linear-gradient(90deg,#fcf5ee 0%,#fcf5ee 24%,rgba(252,245,238,.9) 34%,rgba(252,245,238,.5) 46%,rgba(252,245,238,0) 60%),linear-gradient(0deg,rgba(252,245,238,.9) 0%,rgba(252,245,238,.3) 20%,transparent 38%)}
.hxsun{background:radial-gradient(circle,rgba(255,190,140,.55),rgba(255,170,190,.18) 45%,transparent 70%)}
.hxglow{background:radial-gradient(circle,rgba(255,200,160,.6),transparent 70%)}
.hxgrid{background-image:linear-gradient(rgba(20,40,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,80,.05) 1px,transparent 1px)}
.hero.hx .kick{color:#d0601a}
.hero.hx h1 .d{color:var(--ink)}
.hero.hx h1 .b{background:linear-gradient(95deg,#ff9a3c,#f0661c 60%,#e2500f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.hx h1 .g{background:linear-gradient(95deg,#1452d1 0%,#4a8dff 40%,#1452d1 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.hx p{color:#4a5670}
.hero.hx .salepill{background:rgba(255,255,255,.85);border:1px solid #f3d9c2;color:var(--ink);box-shadow:0 8px 20px -14px rgba(200,100,30,.5)}
.hero.hx .salepill b{color:#fff;background:linear-gradient(95deg,#ff9a3c,#e2500f)}
.hero.hx .acts .btn-l{color:#fff;background:linear-gradient(95deg,#ffa94d,#f27022 60%,#e2500f)}
.hero.hx .hbadge{color:var(--ink);background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 26px -16px rgba(60,40,20,.5)}
.hero.hx .hfeat{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 34px -22px rgba(60,40,20,.45)}
.hero.hx .hfeat div{color:#2b3a56}.hero.hx .hfeat svg{color:#f0661c}.hero.hx .hfeat div+div{border-color:#eadfd4}
@media(max-width:560px){.hero.hx::before{background:linear-gradient(180deg,rgba(252,245,238,.97) 0%,rgba(252,245,238,.9) 45%,rgba(252,245,238,.3) 70%,rgba(252,245,238,.95))}}
@media(max-width:760px){.hero.hx{background:#fcf5ee}.hero.hx .hfeat{background:rgba(255,255,255,.95)}}
/* совместимое навесное */
.fitw .hd{align-items:flex-end;gap:16px;flex-wrap:wrap}.fitw .hd .sub{margin:6px 0 0;max-width:720px}
.fitw .kick,.fitm .kick{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or,#f26a1b);margin-bottom:4px}
.simw.fitw .fitg{grid-template-columns:repeat(3,1fr)}
.fc .tag.so{background:#fff4e6;color:#a14f00}
.fitcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.fitm .hd{margin-bottom:14px}.fitm .sub{margin:6px 0 0}
.fitchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.fitchips a{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid #ece4da;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.2s}
.fitchips a:hover{border-color:var(--or,#f26a1b);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.fitchips img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#f7f3ee;flex:none}
.fitchips span{display:flex;flex-direction:column;min-width:0}.fitchips b{font-size:14px;line-height:1.25}.fitchips small{color:#8a8178;font-size:12px}
.fitmore{display:flex;align-items:center;justify-content:center;padding:8px;color:#8a8178;font-weight:600}
@media(max-width:1000px){.simw.fitw .fitg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.simw.fitw .fitg{grid-template-columns:1fr 1fr}.fitcta{flex-direction:column}.fitcta .btn{width:100%;justify-content:center}.fitchips{grid-template-columns:1fr}}
/* ===== v4: зелёная гамма главной вместо оранжевой ===== */
.hero.hx{background:linear-gradient(180deg,#f3f9ec,#f1f6fb);box-shadow:0 30px 60px -36px rgba(40,90,40,.4)}
.hero.hx::before{background:linear-gradient(90deg,#f3f9ec 0%,#f3f9ec 24%,rgba(243,249,236,.9) 34%,rgba(243,249,236,.5) 46%,rgba(243,249,236,0) 60%),linear-gradient(0deg,rgba(243,249,236,.9) 0%,rgba(243,249,236,.3) 20%,transparent 38%)}
.hxsun{background:radial-gradient(circle,rgba(190,240,140,.5),rgba(169,232,74,.16) 45%,transparent 70%)}
.hxglow{background:radial-gradient(circle,rgba(190,236,150,.55),transparent 70%)}
.hero.hx .kick{color:#3f9a22}.hero.hx .kick::before{background:linear-gradient(90deg,#a9e84a,#4fae2a)}
.hero.hx h1 .b{background:linear-gradient(95deg,#7cc940,#43a52a 55%,#2b8a2e);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.hx .salepill{border-color:#d6ebc2;box-shadow:0 8px 20px -14px rgba(60,140,40,.5)}
.hero.hx .salepill b{background:linear-gradient(95deg,#8fd63c,#4fae2a)}
.hero.hx .acts .btn-l{color:var(--ink);background:var(--glime);box-shadow:0 14px 30px -12px rgba(95,184,42,.65)}
.hero.hx .hbadge{box-shadow:0 12px 26px -16px rgba(30,70,30,.45)}
.hero.hx .hbadge::before{background:radial-gradient(circle,#d8f7a8 30%,#5fb82a 70%);box-shadow:0 0 0 5px rgba(143,214,60,.28)}
.hero.hx .hfeat{box-shadow:0 16px 34px -22px rgba(30,70,30,.4)}.hero.hx .hfeat svg{color:#4fae2a}.hero.hx .hfeat div+div{border-color:#e1ecd6}
@media(max-width:560px){.hero.hx::before{background:linear-gradient(180deg,rgba(243,249,236,.97) 0%,rgba(243,249,236,.9) 45%,rgba(243,249,236,.3) 70%,rgba(243,249,236,.95))}}
@media(max-width:760px){.hero.hx{background:#f3f9ec}}
.fitw .kick,.fitm .kick{color:#3f9a22}.fitchips a:hover{border-color:#8fd63c}
/* плашка «300+ в наличии» — бело-зелёная */
.stockb{color:var(--ink);background:linear-gradient(125deg,#ffffff 0%,#f4faec 45%,#e2f4cd 100%);border:1px solid #e1eed3;box-shadow:0 30px 60px -28px rgba(70,150,40,.4)}
.stockb .sb1{background:radial-gradient(circle,rgba(169,232,74,.45),transparent 65%)}
.stockb .sb2{background:radial-gradient(circle,rgba(20,82,209,.12),transparent 65%)}
.stockb .sbs{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%)}
.sbk{background:#eaf7da;border-color:#cfe8b3;color:#2f7d1c}
.sbh b{background:linear-gradient(180deg,#7cc940,#2b8a2e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 8px 16px rgba(95,184,42,.25))}
.stockb p{color:#46546e;opacity:1}
.sbc span{background:#fff;border-color:#d6ebc2;color:#1f3a1a}.sbc svg{color:#4fae2a}
.stockb .sbn{color:#6b7891}
.btn.sbw{background:var(--glime);color:var(--ink);box-shadow:0 14px 30px -12px rgba(95,184,42,.6)}
.btn.sbo{background:#fff;color:var(--ink);border:1.5px solid #cfe8b3}.btn.sbo:hover{background:#f1f9e7}
.sbi{filter:drop-shadow(0 24px 22px rgba(30,60,30,.28))}
/* подпись «кабина + печь» */
.cabn{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 11px;border-radius:12px;background:#f1f9e7;border:1px solid #d6ebc2;color:#2c4a22;font-size:12px;line-height:1.4;font-weight:600}
.cabn svg{flex:none;color:#4fae2a;margin-top:1px}
.cabn-l{margin:14px 0 4px;padding:12px 14px;font-size:13.5px;font-weight:500}.cabn-l b{display:block;font-size:14px;margin-bottom:2px;color:var(--ink)}
/* ===== мультяшный мини-экскаватор ===== */
.dg-lane{position:relative;height:62px;margin-bottom:-22px;z-index:6;pointer-events:none;overflow-x:clip;overflow-y:visible}
.dg-road{position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:repeating-linear-gradient(90deg,rgba(95,184,42,.35) 0 10px,transparent 10px 20px);border-radius:2px;opacity:.7}
.dg-ex{position:absolute;left:0;top:0;opacity:0;transition:opacity .5s;pointer-events:auto;cursor:pointer;will-change:transform;filter:drop-shadow(0 6px 6px rgba(11,27,58,.18))}
.dg-ex.on{opacity:1}
.dg-svg{width:100%;height:100%;overflow:visible;display:block}
.dg-puff{position:absolute;width:9px;height:9px;border-radius:50%;background:rgba(160,170,190,.55);pointer-events:none}
.dg-dirt{position:absolute;border-radius:40% 60% 50% 50%;background:#8a5a33;pointer-events:none;z-index:7}
.dg-dirt:nth-child(3n){background:#a9774a}.dg-dirt:nth-child(4n){background:#6b4424}
.dg-dirt.lt{background:#c79a6b}
.dg-pile{position:absolute;width:30px;height:14px;margin-left:-15px;margin-top:-14px;transform-origin:50% 100%;transform:scale(calc(.35 + var(--k,0)*.65));transition:transform .5s cubic-bezier(.3,1.6,.5,1);pointer-events:none;
 background:radial-gradient(circle at 30% 60%,#a9774a 0 2px,transparent 2.5px),radial-gradient(circle at 70% 70%,#6b4424 0 1.6px,transparent 2px),radial-gradient(ellipse at 50% 100%,#8a5a33 0 58%,transparent 60%);border-radius:50% 50% 0 0/100% 100% 0 0}
.dg-bub{position:absolute;transform:translate(-10%,-100%) scale(.8);opacity:0;transition:.3s cubic-bezier(.3,1.5,.5,1);background:#fff;color:var(--ink);font-size:12px;font-weight:700;line-height:1.25;padding:7px 11px;border-radius:12px;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(11,27,58,.35);border:1px solid #d6ebc2;pointer-events:none;z-index:8}
.dg-bub::after{content:'';position:absolute;left:22px;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid #d6ebc2;border-bottom:1px solid #d6ebc2;transform:rotate(45deg)}
.dg-bub.on{opacity:1;transform:translate(-10%,-100%) scale(1)}
.dg-pop{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid #8fd63c;animation:dgpop .6s ease-out forwards;pointer-events:none}
@keyframes dgpop{from{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}
.dg-m{position:absolute;top:0;pointer-events:none;z-index:4;transition:opacity .8s}
.dg-m.fade{opacity:0}
.dg-hole{border-radius:0 0 50% 50%/0 0 100% 100%;background:radial-gradient(ellipse at 50% 0,#3b2414 0 35%,#6b4424 65%,#8a5a33);box-shadow:inset 0 2px 3px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.5);transition:width .3s,height .3s,left .3s,opacity .8s}
.dg-trench{border-radius:0 0 6px 6px;background:linear-gradient(180deg,#3b2414,#6b4424 60%,#8a5a33);box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}
.dg-drillh{border-radius:0 0 50% 50%/0 0 100% 100%;background:#2b1a0e;box-shadow:0 0 0 2px rgba(138,90,51,.45)}
.dg-crack{overflow:visible}
.dg-crack path{fill:none;stroke:rgba(90,60,30,.42);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s ease-out}
.dg-crack.dk path{stroke:rgba(255,255,255,.35)}
.dg-crack.on path{stroke-dashoffset:0}
.dg-hole.dk,.dg-trench.dk{box-shadow:inset 0 2px 3px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.15)}
@media(max-width:760px){.dg-lane{height:46px;margin-bottom:-14px}.dg-bub{font-size:11px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.dg-lane{display:none}}
.dg-lane+section{position:relative}
/* ===== страница «Контакты» ===== */
.ctp{grid-template-columns:1.1fr 1fr}.ctp .crumbs{grid-column:1/-1}
.ctp .card{padding:34px}.ctp .kick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3f9a22;margin-bottom:10px}
.cth h1{font-size:clamp(30px,3.4vw,44px);line-height:1.08;margin-bottom:10px}.cth .sub{margin-bottom:22px}
.ctg{display:grid;gap:10px}
.ctr{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;transition:.2s;background:#fbfcfe}
.ctr:hover{border-color:#8fd63c;transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(30,80,30,.5)}
.ctr i{width:44px;height:44px;border-radius:14px;display:grid;place-content:center;background:#eaf7da;color:#3f9a22;flex:none;font-style:normal}
.ctr b{display:block;font-size:17px;word-break:break-word}.ctr small{color:var(--mu);font-size:12.5px}
.ctr[href="#"]{pointer-events:none}
.ctm{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ctm a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:var(--navy);color:#fff;font-weight:600;font-size:13.5px;transition:.2s}.ctm a:hover{background:var(--blue)}
.ctb{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ctw h2,.ctq h2{font-size:24px;line-height:1.2;margin-bottom:10px}
.ctl{display:flex;align-items:center;gap:8px;color:#2c4a22;font-weight:600;margin-bottom:8px}
.ctmap{margin:16px 0 12px;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#eef2f8}
.ctmap iframe{width:100%;height:100%;border:0;display:block}
.cto{margin-top:16px;padding:14px 16px;border-radius:16px;background:#f4f7fb}.cto small{display:block;color:var(--mu);font-size:12px}.cto b{font-size:15px}
.ctq{grid-column:1/-1}.ctq dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
.ctq dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.ctq dt{color:var(--mu)}.ctq dd{font-weight:600;text-align:right;word-break:break-word}
footer .copy a{color:inherit;text-decoration:underline;text-decoration-color:rgba(93,108,134,.35);text-underline-offset:2px}footer .copy a:hover{color:var(--blue)}
@media(max-width:900px){.ctp{grid-template-columns:1fr}.ctq dl{grid-template-columns:1fr}}
@media(max-width:560px){.ctp .card{padding:22px}.ctb .btn{width:100%;justify-content:center}.ctr b{font-size:15.5px}}
/* ===== страница «О компании» ===== */
.abp{grid-template-columns:repeat(12,1fr)}.abp>*{grid-column:1/-1}
.abp .kick{display:inline-flex;align-items:center;gap:8px;color:#3f9a22;margin-bottom:12px}
.abp h2{font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin-bottom:14px}
.abh{min-height:560px;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;background:#eef4fb}
.abh-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.abh::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(244,248,252,.97) 0%,rgba(244,248,252,.9) 38%,rgba(244,248,252,.25) 70%,rgba(244,248,252,0) 100%)}
.abh-c,.abs{position:relative;z-index:2}.abh-c{max-width:620px}
.abh h1{font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:-.02em;margin-bottom:16px}
.abh-c p{font-size:17px;color:#3c4a62;line-height:1.55;max-width:540px}
.abh-b,.abc-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.abs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:860px}
.abs div{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:18px 20px;box-shadow:0 14px 30px -22px rgba(20,40,80,.45)}
.abs b{display:block;font-size:34px;line-height:1;color:#2f8a1c;letter-spacing:-.02em}.abs span{display:block;margin-top:6px;font-size:13px;color:#4a5872}
.abst{display:grid;grid-template-columns:1.15fr 1fr;gap:0;padding:0}
.abst-t{padding:48px}.abtx p{font-size:16px;line-height:1.7;color:#344158;margin-bottom:12px}
.abst-i{background:linear-gradient(160deg,#f3f8ee,#e7eef8);display:grid;place-items:center;padding:28px;min-height:360px}
.abst-i img{width:100%;height:100%;max-height:440px;object-fit:contain}
.abw{display:flex;gap:12px;align-items:center;margin-top:20px;padding:14px 18px;border-radius:18px;background:#f1f8e9;color:#2f8a1c}.abw small{display:block;color:#5a6a50;font-size:12px}.abw b{color:#1d2b14;font-size:15px}
.abv-h{margin-top:18px}.abv-h h2{margin:0}
.abv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.abvc{padding:30px;transition:transform .3s,box-shadow .3s}.abvc:hover{transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(30,80,30,.55)}
.abvc i{width:54px;height:54px;border-radius:17px;display:grid;place-content:center;background:linear-gradient(140deg,#a6e45a,#5fb52e);color:#fff;margin-bottom:18px;font-style:normal;box-shadow:0 12px 22px -12px rgba(70,150,30,.8)}
.abvc h3{font-size:19px;margin-bottom:8px}.abvc p{color:var(--mu);line-height:1.55;font-size:14.5px}
.absp{padding:48px;background:linear-gradient(135deg,#0f2142,#17325f);color:#fff}.absp h2{color:#fff}
.absp ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px;counter-reset:s}
.absp li{position:relative;padding:22px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.absp li span{display:inline-block;font-size:13px;font-weight:800;color:#0f2142;background:#9be05a;border-radius:99px;padding:4px 10px;margin-bottom:14px}
.absp li b{display:block;font-size:18px;margin-bottom:6px}.absp li p{color:rgba(255,255,255,.72);font-size:14px;line-height:1.5}
.abg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.abg figure{margin:0;aspect-ratio:4/3;background:linear-gradient(160deg,#f6f9f2,#e9eff7)}
.abg img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s}.abg figure:hover img{transform:scale(1.05)}
.abg figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:600}
.abq{display:flex;gap:28px;align-items:center;padding:44px}
.abq img,.abq>i{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}.abq>i{display:grid;place-content:center;background:#eaf7da;color:#3f9a22;font-size:38px;font-weight:800;font-style:normal}
.abq blockquote{margin:0}.abq p{font-size:20px;line-height:1.5;color:#1d2b44}.abq footer{margin-top:12px;color:var(--mu)}.abq footer b{color:var(--ink)}
.abr{padding:48px;display:grid;grid-template-columns:1fr 1.6fr;gap:24px 48px;align-items:start;border:1px solid #dcebcf;background:linear-gradient(135deg,#ffffff 0%,#f6fbf0 100%)}
.abr dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.abr dt{color:var(--mu)}.abr dd{font-weight:600;text-align:right;word-break:break-word}

.abc{padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#f2fae8,#e6f1fd)}
.abc p{color:#3c4a62;max-width:560px;line-height:1.55}.abc-b{margin-top:0}
@media(max-width:1000px){.abv{grid-template-columns:repeat(2,1fr)}.absp ol{grid-template-columns:repeat(2,1fr)}.abg{grid-template-columns:repeat(2,1fr)}.abst{grid-template-columns:1fr}.abst-i{min-height:280px}.abr{grid-template-columns:1fr}.abc{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.abh{padding:26px;min-height:0;gap:26px}.abh::before{background:linear-gradient(180deg,rgba(244,248,252,.96) 0%,rgba(244,248,252,.9) 55%,rgba(244,248,252,.6) 100%)}.abh-c p{font-size:15.5px}.abh-b .btn,.abc-b .btn{width:100%;justify-content:center}.abs{grid-template-columns:1fr 1fr}.abs b{font-size:26px}.abs div{padding:14px}
 .abst-t,.absp,.abq,.abr,.abc{padding:24px}.abv,.absp ol{grid-template-columns:1fr}.abg{gap:12px}.abvc{padding:22px}.abq{flex-direction:column;align-items:flex-start}.abq p{font-size:17px}}

.abr-h{display:flex;gap:18px;align-items:flex-start}.abr-h>i{width:64px;height:64px;border-radius:20px;flex:none;display:grid;place-content:center;background:linear-gradient(140deg,#a6e45a,#5fb52e);color:#fff;font-style:normal;box-shadow:0 14px 26px -14px rgba(70,150,30,.8)}
.abr-h h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:8px}.abr-h p{color:var(--mu);line-height:1.5}
.abr dl{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 24px}.abr dl div:last-child{border-bottom:0}
.abr dl div{padding:14px 0}.abr dd{font-size:15.5px}
.abr-e{background:#fff;border:1px dashed #cfe3bd;border-radius:22px;padding:26px;color:#4a5872;font-size:16px}
/* реквизиты в подвале — на всех страницах */
.frq{flex-basis:100%;margin-top:6px;padding:22px 26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.frq h4{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#2f8a1c;margin-bottom:10px}
.frq dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.frq dl div{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid #eef1f6}.frq dt{font-size:11.5px;color:var(--mu)}.frq dd{font-size:13.5px;font-weight:600;color:var(--ink);word-break:break-word}
footer .disc{flex-basis:100%}
@media(max-width:900px){.frq dl{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.frq{padding:18px}.frq dl{grid-template-columns:1fr}.abr{padding:24px}.abr-h>i{width:52px;height:52px}.abr dl{padding:4px 16px}.abr dl div{flex-direction:column;gap:2px}.abr dd{text-align:left}}
/* уведомление о cookie */
.ckb{position:fixed;left:20px;bottom:20px;z-index:90;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 24px 50px -24px rgba(10,30,60,.45);display:flex;gap:14px;align-items:center;animation:fadein .4s}
.ckb p{font-size:12.5px;line-height:1.45;color:#3c4a62;margin:0}.ckb .btn{flex:none;padding:10px 16px;font-size:13px}
@media(max-width:560px){.ckb{left:10px;right:10px;bottom:84px;max-width:none;padding:12px 14px;gap:10px}.ckb p{font-size:11.5px}}
/* ===== зимний блок: кабина + подарки ===== */
.r2{grid-template-columns:1fr 1.25fr}
.wnt-s{margin-top:22px;margin-bottom:22px}
.wnt{position:relative;overflow:hidden;padding:48px;color:#fff;background:#0b1a36;border:0;isolation:isolate}
.wnt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;z-index:-2}
.wnt::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,18,40,.94) 0%,rgba(7,18,40,.82) 38%,rgba(7,18,40,.35) 66%,rgba(7,18,40,.15) 100%),linear-gradient(0deg,rgba(7,18,40,.97) 0%,rgba(7,18,40,.75) 42%,rgba(7,18,40,0) 70%)}
.wnt-snow{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.wnt>*:not(.wnt-bg):not(.wnt-snow){position:relative;z-index:1}
.wnt-top{display:grid;grid-template-columns:1.25fr .9fr;gap:36px;align-items:start;min-height:420px}
.wnt-k{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(143,214,60,.16);border:1px solid rgba(143,214,60,.45);color:#b8f07a;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.wnt h2{font-size:clamp(30px,3.6vw,50px);line-height:1.06;letter-spacing:-.02em;color:#fff;margin-bottom:16px;max-width:640px}
.wnt-c>p{font-size:17px;line-height:1.55;color:rgba(232,240,255,.86);max-width:560px}
.wnt-tasks{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px;max-width:620px}
.wnt-tasks span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);font-size:13px;color:#eaf2ff}
.wnt-tasks span svg{color:#9be05a}
.wnt-b{display:flex;gap:12px;flex-wrap:wrap}.wnt-ph{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}.wnt-ph:hover{background:rgba(255,255,255,.18)}
.wnt-g{background:rgba(255,255,255,.95);color:var(--ink);border-radius:26px;padding:22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);animation:wfl 6s ease-in-out infinite}
@keyframes wfl{50%{transform:translateY(-6px)}}
.wnt-gh{display:flex;gap:14px;align-items:center;margin-bottom:14px}.wnt-gh small{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3f9a22}.wnt-gh b{font-size:18px;line-height:1.25}
.wgb{width:56px;height:56px;flex:none;overflow:visible}.wgb-lid{transform-origin:32px 29px;animation:wlid 2.4s ease-in-out infinite}
@keyframes wlid{0%,60%,100%{transform:translateY(0) rotate(0)}70%{transform:translateY(-7px) rotate(-8deg)}80%{transform:translateY(-3px) rotate(5deg)}90%{transform:translateY(-1px) rotate(-2deg)}}
.wnt-gi{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.wnt-gi figure{margin:0;background:linear-gradient(160deg,#f6f9f2,#e9eff7);border-radius:18px;padding:10px 10px 12px;text-align:center;animation:wgi 4.8s ease-in-out infinite}
@keyframes wgi{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-1.5deg)}75%{transform:translateY(2px) rotate(1deg)}}
.wnt-gi img{width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
.wnt-gi figcaption{font-size:13px;font-weight:700;line-height:1.25}.wnt-gi figcaption em{display:block;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(90deg,#a9e84a,#5fb52e);border-radius:99px;padding:2px 8px;width:max-content;margin:0 auto 5px}
.wnt-plus{font-style:normal;font-size:26px;font-weight:800;color:#5fb52e}
.wnt-gn{font-size:12.5px;line-height:1.45;color:var(--mu);margin-top:12px}
.wnt-m{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.wmc{background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 50px -30px rgba(0,0,0,.7);transition:transform .3s,box-shadow .3s}
.wmc:hover{transform:translateY(-5px);box-shadow:0 34px 60px -30px rgba(0,0,0,.8)}
.wmc-p{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(160deg,#eef3f9,#dfe8f3);overflow:hidden}
.wmc-p img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.wmc:hover .wmc-p img{transform:scale(1.05)}
.wmc-t{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:rgba(11,27,58,.86);color:#fff;font-size:11.5px;font-weight:700}
.wmc-gift{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:4px;padding:4px 10px 4px 4px;border-radius:99px;background:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.4);font-size:11.5px}
.wmc-gift .wgb{width:28px;height:28px}
.wmc-b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.wmc-b h3{font-size:18px;line-height:1.2}.wmc-y{font-size:12.5px;color:var(--mu);margin-top:-6px}
.wmc-s{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}.wmc-s li{background:#f4f7fb;border-radius:10px;padding:7px 9px}.wmc-s small{display:block;font-size:10.5px;color:var(--mu)}.wmc-s b{font-size:13.5px}
.wmc-gl{display:grid;gap:5px}.wmc-gl span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#2f7a14;background:#eef8e3;border-radius:10px;padding:4px 8px 4px 4px}
.wmc-gl img{width:30px;height:24px;object-fit:contain;background:#fff;border-radius:6px}
.wmc-gl span::after{content:'подарок';margin-left:auto;font-size:10px;font-weight:800;text-transform:uppercase;color:#5fb52e}
.wmc-f{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.wmc-f small{display:block;font-size:11px;color:var(--mu)}.wmc-f b{font-size:19px;white-space:nowrap}
.wmc-f .btn{padding:10px 14px;font-size:13px}
.wnt-w{display:grid;grid-template-columns:.8fr 1.6fr;gap:28px;margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.14)}
.wnt-wt h3{font-size:24px;line-height:1.2;color:#fff;margin-bottom:12px}
.wnt-ch{width:100%;max-width:340px;height:auto;overflow:visible}.wnt-ch text{fill:#dfe9ff;font-size:12px;font-weight:700}.wnt-ch text.sm{font-size:10px;fill:rgba(223,233,255,.6);font-weight:500}
.wnt-ln{stroke-dasharray:420;stroke-dashoffset:420}.wnt.in .wnt-ln{animation:wln 2.2s .4s ease-out forwards}@keyframes wln{to{stroke-dashoffset:0}}
.wnt-now{animation:wnow 1.6s ease-in-out infinite;transform-origin:70px 95px}@keyframes wnow{50%{transform:scale(1.35)}}
.wnt-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wnt-r div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:16px 18px;backdrop-filter:blur(6px)}
.wnt-r i{width:38px;height:38px;border-radius:12px;display:grid;place-content:center;background:linear-gradient(140deg,#a6e45a,#5fb52e);color:#0b1b3a;font-style:normal;margin-bottom:10px}
.wnt-r b{display:block;font-size:16px;margin-bottom:5px;color:#fff}.wnt-r p{font-size:13.5px;line-height:1.5;color:rgba(232,240,255,.78)}
@media(max-width:1180px){.wnt-m{grid-template-columns:repeat(2,1fr)}.wnt-top{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.wnt{padding:30px}.wnt-top{grid-template-columns:1fr;min-height:0}.wnt-w{grid-template-columns:1fr}.wnt-g{animation:none}}
@media(max-width:560px){.wnt{padding:22px 16px;border-radius:24px}.wnt h2{font-size:28px}.wnt-c>p{font-size:15px}.wnt-tasks{margin:16px 0 20px}.wnt-tasks span{font-size:12px;padding:7px 10px}
 .wnt-b .btn{width:100%;justify-content:center}.wnt-g{padding:16px;border-radius:20px}.wnt-gh b{font-size:16px}.wgb{width:46px;height:46px}.wnt-gi figcaption{font-size:12px}
 .wnt-m{grid-template-columns:1fr;gap:14px;margin-top:24px}.wnt-r{grid-template-columns:1fr}.wnt-wt h3{font-size:21px}
 .wnt::before{background:linear-gradient(180deg,rgba(7,18,40,.55) 0%,rgba(7,18,40,.9) 30%,rgba(7,18,40,.97) 100%)}.wnt-bg{height:420px;object-position:72% 50%}}
@media(max-width:560px){.wnt-m{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-16px;margin-right:-16px;padding:4px 16px 10px;scrollbar-width:none}.wnt-m::-webkit-scrollbar{display:none}.wmc{scroll-snap-align:center}}
.wnt-sw{display:none}@media(max-width:560px){.wnt-sw{display:block;text-align:center;font-size:12px;color:rgba(232,240,255,.6);margin-top:6px}}
/* анимированные экскаваторы: не выходят за края */
.dg-lane{overflow:hidden;overflow:clip;overflow-y:visible}
html,body{overflow-x:clip}
.dg-bub{max-width:min(260px,80vw);white-space:normal}
/* ===== конструктор v2: цветные анимированные варианты ===== */
.bopts{gap:14px}
.bopt{--c1:#93c5fd;--c2:#2563eb;padding:14px 14px 16px;border-radius:22px;border:2px solid #e8edf5;background:#fff;overflow:hidden;isolation:isolate}
.bopt::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c1) 30%,transparent),transparent 70%);opacity:.75;transition:opacity .3s}
.bopt:hover:not(:disabled){transform:translateY(-5px);border-color:var(--c1);box-shadow:0 22px 36px -22px var(--c2)}
.bopt:hover::before{opacity:1}
.bopt.on{border-color:var(--c2);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--c1) 45%,transparent),0 22px 40px -24px var(--c2)}
.bopt.on::after{background:var(--c2);right:12px;top:12px;z-index:2}
.bopt:disabled{opacity:.42;filter:grayscale(.85)}
.bvz{display:grid;place-items:center;width:100%;height:96px;border-radius:16px;margin-bottom:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 30%,#fff),color-mix(in srgb,var(--c1) 12%,#fff));border:1px solid color-mix(in srgb,var(--c1) 45%,#fff);overflow:hidden}
.bvz svg{width:100%;max-width:150px;height:86px}
.bopt b{font-size:21px;color:#0f172a}.bopt small{min-height:32px}
.bmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.bopt .bn{background:color-mix(in srgb,var(--c1) 35%,#fff);color:color-mix(in srgb,var(--c2) 80%,#000)}
.bpr{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:99px;background:#f1f5f9;color:#334155}.bpr.z{background:#fee2e2;color:#b91c1c}
.bbest{position:absolute;left:12px;top:12px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:4px 9px;border-radius:99px;color:#fff;background:linear-gradient(90deg,var(--c2),color-mix(in srgb,var(--c2) 70%,#000));box-shadow:0 6px 14px -6px var(--c2);animation:bbst 2.4s ease-in-out infinite}
@keyframes bbst{50%{transform:translateY(-2px)}}
/* экскаватор */
.bx-arm{transform-box:view-box;transform-origin:56px 38px;animation:bxarm 2.6s ease-in-out infinite}
.bx-stick{transform-origin:82px 14px;transform-box:view-box;animation:bxstk 2.6s ease-in-out infinite}
@keyframes bxarm{0%,100%{transform:rotate(0)}40%{transform:rotate(14deg)}70%{transform:rotate(-6deg)}}
@keyframes bxstk{0%,100%{transform:rotate(0)}40%{transform:rotate(-18deg)}70%{transform:rotate(10deg)}}
.bx-tread{animation:bxtr .8s linear infinite}@keyframes bxtr{to{stroke-dashoffset:-14}}
.bx-body{animation:bxbd 2.6s ease-in-out infinite}@keyframes bxbd{40%{transform:translateY(.8px)}}
.bopt:not(:hover):not(.on) .bx-tread{animation-play-state:paused}
/* бесконечность */
.bx-inf{stroke-dasharray:60 200;animation:bxinf 3s linear infinite}@keyframes bxinf{to{stroke-dashoffset:-260}}
/* глубина */
.bx-bk{animation:bxbk 2.8s ease-in-out infinite}@keyframes bxbk{0%,100%{transform:translateY(0)}45%,55%{transform:translateY(var(--y))}}
.bx-dirt circle{animation:bxdr 2.8s ease-in-out infinite}.bx-dirt circle:nth-child(2){animation-delay:.2s}.bx-dirt circle:nth-child(3){animation-delay:.4s}
@keyframes bxdr{0%,60%{transform:translateY(0);opacity:0}75%{transform:translateY(-8px);opacity:1}100%{transform:translateY(0);opacity:0}}
.bx-rul{animation:bxrl 2.8s ease-in-out infinite}@keyframes bxrl{0%,100%{opacity:.55}50%{opacity:1}}
/* новая */
.bx-pulse{transform-origin:66px 38px;animation:bxpl 2.2s ease-out infinite}@keyframes bxpl{0%{transform:scale(.7);opacity:.6}100%{transform:scale(1.25);opacity:0}}
.bx-chk{stroke-dasharray:40;stroke-dashoffset:40;animation:bxck 2.6s ease-in-out infinite}@keyframes bxck{20%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.bx-sp{animation:bxsp 2.4s ease-in-out infinite}@keyframes bxsp{0%,100%{transform:scale(.3);opacity:.2}50%{transform:scale(1);opacity:1}}
/* с наработкой */
.bx-ndl{transform-origin:66px 60px;transform-box:view-box;animation:bxnd 3.2s cubic-bezier(.5,0,.3,1) infinite}@keyframes bxnd{0%,100%{transform:rotate(0)}50%{transform:rotate(95deg)}65%{transform:rotate(85deg)}}
.bx-arc{stroke-dashoffset:113;animation:bxac 3.2s cubic-bezier(.5,0,.3,1) infinite}@keyframes bxac{0%,100%{stroke-dashoffset:113}50%{stroke-dashoffset:38}65%{stroke-dashoffset:45}}
/* любая */
.bx-c1{animation:bxc1 3s ease-in-out infinite;transform-origin:49px 38px}.bx-c2{animation:bxc2 3s ease-in-out infinite;transform-origin:83px 38px}
@keyframes bxc1{50%{transform:rotate(-7deg) translateX(-4px)}}@keyframes bxc2{50%{transform:rotate(7deg) translateX(4px)}}
/* бюджет: монеты */
.bcoin{display:flex;justify-content:center;margin-bottom:6px}.bx-coins{width:100%;max-width:300px;height:auto}
.bx-coins g.on{animation:bxcn .5s cubic-bezier(.4,1.6,.5,1) both;animation-delay:var(--d)}@keyframes bxcn{from{transform:translateY(10px);opacity:0}}
/* воронка подбора */
.bfun{display:flex;align-items:stretch;gap:4px;margin:0 0 20px;padding:10px;border-radius:18px;background:linear-gradient(135deg,#0b1a3d,#13306e);overflow-x:auto;scrollbar-width:none}
.bfun::-webkit-scrollbar{display:none}
.bfs{position:relative;flex:1 1 0;min-width:76px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px 12px;border-radius:12px;border:0;background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer;overflow:hidden;transition:.25s}
.bfs:hover:not(:disabled){background:rgba(255,255,255,.12)}
.bfs small{font-size:10.5px;color:#9fb1d8;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bfs b{font-size:18px;line-height:1.1}
.bfs i{position:absolute;left:10px;right:10px;bottom:5px;height:4px;border-radius:4px;background:rgba(255,255,255,.12)}
.bfs i::after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:4px;background:linear-gradient(90deg,#c6f36b,#22d3ee);transition:width .6s cubic-bezier(.3,1,.4,1)}
.bfs.wait b{color:#5b6f99}.bfs.cur{background:rgba(198,243,107,.16);box-shadow:inset 0 0 0 1.5px #c6f36b}
.bfa{display:grid;place-items:center;color:#5b6f99;flex:none}.bfa svg{width:12px;height:12px}
.btip,.bwarn{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:#f0f9ff;color:#075985;font-size:13px;line-height:1.45}
.btip svg,.bwarn svg{flex:none;margin-top:1px}
.bwarn{margin:0 0 16px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;animation:bpop .4s cubic-bezier(.4,1.6,.5,1)}
.bcmp{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.bcmp div{flex:1;min-width:150px;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--c2) 10%,#fff);border:1px solid color-mix(in srgb,var(--c2) 30%,#fff)}
.bcmp small{display:block;font-size:12px;color:var(--mu)}.bcmp b{font-size:20px;color:var(--c2)}.bcmp i{font-style:normal;font-weight:800;color:#94a3b8}
.bsteps .bsv{display:block;font-style:normal;font-size:10.5px;font-weight:700;color:#c6f36b;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:13px;margin-top:-4px}
@media(max-width:760px){.bvz{height:80px}.bvz svg{height:72px}.bopt b{font-size:18px}.bbest{font-size:9.5px;padding:3px 7px;left:8px;top:8px}.bopt.on::after{right:8px;top:8px}}
@media(max-width:560px){.bsteps .bsv{display:none}.bfs{min-width:68px;padding:7px 8px 11px}.bfs b{font-size:16px}.bfa{display:none}.bopt{padding:10px 10px 12px;border-radius:18px}.bvz{height:70px;border-radius:12px}.bvz svg{height:64px}.bopt small{font-size:11.5px;min-height:0}.bmeta{gap:4px}.bpr{font-size:10.5px;padding:3px 7px}}
@media(prefers-reduced-motion:reduce){.bopt [class^="bx-"],.bopt [class*=" bx-"]{animation:none!important}}
.bvz{height:110px}.bvz svg{max-width:210px;height:104px}
@media(max-width:760px){.bvz{height:86px}.bvz svg{height:82px}}
@media(max-width:560px){.bvz{height:76px}.bvz svg{height:72px}}
.bbest{max-width:calc(100% - 52px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ===== зимний блок: компактная версия ===== */
.r2{grid-template-columns:1fr}
.wnt{padding:30px 34px}
.wnt-top{min-height:0;gap:28px;grid-template-columns:1.3fr .8fr}
.wnt-k{margin-bottom:12px;padding:5px 12px;font-size:11.5px}
.wnt h2{font-size:clamp(24px,2.5vw,36px);margin-bottom:10px;max-width:600px}
.wnt-c>p{font-size:15px;max-width:540px}
.wnt-tasks{margin:14px 0 18px;gap:6px}.wnt-tasks span{padding:6px 10px;font-size:12px;border-radius:10px}
.wnt-b .btn{padding:12px 18px;font-size:14px}
.wnt-g{padding:16px;border-radius:20px}.wnt-gh{margin-bottom:10px}.wnt-gh b{font-size:15px}.wgb{width:44px;height:44px}
.wnt-gi figure{padding:6px 6px 8px;border-radius:14px}.wnt-gi img{aspect-ratio:16/10}.wnt-gi figcaption{font-size:11.5px}
.wnt-gn{font-size:11.5px;margin-top:8px}
.wnt-tb{display:flex;gap:6px;margin-top:22px;padding:5px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);width:max-content;max-width:100%;overflow-x:auto}
.wnt-tb button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:0;border-radius:10px;background:transparent;color:#dbe6ff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.25s}
.wnt-tb button em{font-style:normal;font-size:11px;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.14)}
.wnt-tb button.on{background:linear-gradient(90deg,#c6f36b,#8dd634);color:#0b1b3a}.wnt-tb button.on em{background:rgba(11,27,58,.15)}
.wnt-m{margin-top:14px;gap:12px}.wnt-m[hidden]{display:none!important}
.wmc{border-radius:18px}.wmc-p{aspect-ratio:16/10}
.wmc-b{padding:12px 12px 14px;gap:8px}.wmc-b h3{font-size:16px}.wmc-y{font-size:11.5px;margin-top:-4px}
.wmc-s{gap:5px}.wmc-s li{padding:5px 8px;border-radius:8px}.wmc-s small{font-size:10px}.wmc-s b{font-size:12.5px}
.wmc-gl{display:flex;gap:5px;flex-wrap:wrap}.wmc-gl span{font-size:11px;padding:3px 7px 3px 3px;flex:1 1 auto}.wmc-gl span::after{display:none}.wmc-gl img{width:24px;height:18px}
.wmc-f b{font-size:17px}.wmc-f .btn{padding:8px 12px;font-size:12.5px}
.wnt-w{margin-top:22px;padding-top:20px;grid-template-columns:.7fr 2fr;gap:20px}
.wnt-wt h3{font-size:19px;margin-bottom:6px}.wnt-ch{max-width:260px}
.wnt-r{grid-template-columns:repeat(4,1fr);gap:10px}.wnt-r div{padding:12px 13px;border-radius:14px}
.wnt-r i{width:30px;height:30px;border-radius:9px;margin-bottom:7px}.wnt-r i svg{width:16px;height:16px}.wnt-r b{font-size:13.5px}.wnt-r p{font-size:12px;line-height:1.4}
@media(max-width:1180px){.wnt-r{grid-template-columns:1fr 1fr}.wnt-w{grid-template-columns:1fr}}
@media(max-width:900px){.wnt{padding:24px}.wnt-top{grid-template-columns:1fr}}
@media(max-width:560px){.wnt{padding:20px 14px}.wnt h2{font-size:24px}.wnt-c>p{font-size:14px}.wnt-tb{width:100%}.wnt-tb button{flex:1;justify-content:center;padding:9px 8px;font-size:12.5px}.wnt-bg{height:360px}.wnt-r{grid-template-columns:1fr}}
/* мессенджеры в заявке */
.fmsg{display:grid;gap:8px;padding:12px;border-radius:16px;background:#f3f7ee;border:1px dashed #cfe3b5}
.fmsg>small{font-size:12px;font-weight:700;color:#3f6212}
.fmi{position:relative;display:block}.fmi>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;pointer-events:none}
.fmi>i svg{width:16px;height:16px}.fmi.wa>i{background:#25d366}.fmi.tg>i{background:#229ed9}.fmi.mx>i{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}
.fld .fmi input{padding:12px 14px 12px 50px;background:#fff}
@media(min-width:901px){.r2 .nteas{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:22px;row-gap:14px}
 .r2 .nteas .ntsh{grid-column:1/-1}.r2 .nteas .ntf{grid-column:1;grid-row:2/4;height:100%;min-height:300px;max-height:400px}
 .r2 .nteas .ntl{grid-column:2;grid-row:2;align-content:start}.r2 .nteas .ntall{grid-column:2;grid-row:3;align-self:end}}
@media(min-width:901px){.r2 .nteas .ntf .ncov{aspect-ratio:auto;height:100%}}
/* превью техники: машина целиком, без обрезки */
.fitw{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#f3f6fb,#e6edf6)}
.fitw::before{content:'';position:absolute;inset:-24px;z-index:-1;background:var(--bgi) center/cover no-repeat;filter:blur(18px) saturate(1.15) brightness(1.05);opacity:.5;transform:scale(1.08)}
.fitw::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.1))}
.mph.photo.fitw img,.wmc-p.fitw img,.bmi.fitw img{object-fit:contain!important;padding:6px;width:100%;height:100%}
.wmc:hover .wmc-p img,.bmod:hover .bmi img{transform:scale(1.03)}
.bfm img,.bsm img,.bfloat img{object-fit:contain!important;background:#f1f5fa}
.fitchips img{object-fit:contain}