@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(/fonts/unbounded-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(/fonts/unbounded-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(/fonts/unbounded-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(/fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-weight:400;font-display:swap;src:url(/fonts/onest-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:400;font-display:swap;src:url(/fonts/onest-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-weight:400;font-display:swap;src:url(/fonts/onest-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
@font-face{font-family:Onest;font-weight:500;font-display:swap;src:url(/fonts/onest-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:500;font-display:swap;src:url(/fonts/onest-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-weight:600;font-display:swap;src:url(/fonts/onest-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:600;font-display:swap;src:url(/fonts/onest-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Onest;font-weight:600;font-display:swap;src:url(/fonts/onest-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F}
:root{--bg:#eef1ef;--paper:#fff;--ink:#0e1311;--ink2:#56605b;--ink3:#8a938e;--line:#dce1de;--acc:#0f9e55;--acc-d:#0a7a41;--acc-l:#dff3e8;--night:#0e1311;--night2:#18201c;
--disp:Unbounded,Onest,system-ui,sans-serif;--body:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;
--r-l:28px;--r-m:18px;--r-s:12px;--sh:0 1px 1px rgba(14,19,17,.04),0 12px 32px -12px rgba(14,19,17,.18);--spring:cubic-bezier(.2,.9,.25,1.15);--out:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:#b8c1bc transparent}
body{margin:0;overflow-x:clip;font:400 17px/1.55 var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:#fff}
img,svg{display:block;max-width:100%}a{color:inherit}button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
.w{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3.2vw,40px)}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.025em;line-height:1.05;margin:0;text-wrap:balance}
h2{font-size:clamp(28px,3.6vw,48px)}p{margin:0}
.lede{color:var(--ink2);max-width:56ch;margin-top:14px;font-size:18px}
.num{font-variant-numeric:tabular-nums}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:0;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .25s var(--spring),background-color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn svg{width:20px;height:20px;flex:none}
.btn-a{background:var(--acc);color:#fff;box-shadow:0 10px 24px -10px rgba(15,158,85,.7)}.btn-a:hover{background:var(--acc-d)}
.btn-k{background:var(--ink);color:#fff}.btn-k:hover{background:#26302b}
.btn-g{background:rgba(14,19,17,.06);color:var(--ink)}.btn-g:hover{background:rgba(14,19,17,.1)}
.btn[disabled]{opacity:.6;cursor:progress}
/* header */
.hd{position:fixed;inset:0 0 auto;z-index:50;transition:background-color .3s,box-shadow .3s}
.hd.solid{background:rgba(238,241,239,.86);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--line)}
.hd .w{display:flex;align-items:center;gap:28px;height:68px}
.logo{font:700 19px/1 var(--disp);letter-spacing:.14em;text-decoration:none}.logo small{display:block;font:500 11px/1 var(--body);letter-spacing:.02em;color:var(--ink3);margin-top:5px}
.nav{display:flex;gap:4px;font-size:15px;font-weight:500}.nav a{text-decoration:none;color:var(--ink2);padding:8px 12px;border-radius:999px;transition:background-color .2s,color .2s}.nav a:hover{background:rgba(14,19,17,.06);color:var(--ink)}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.tel{text-decoration:none;font-weight:600;font-variant-numeric:tabular-nums;padding:0 10px}
.ib{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:rgba(14,19,17,.06);border:0;cursor:pointer;font-size:13px;font-weight:600}
.ib.wa{background:var(--acc);color:#fff}.burger{display:none}
/* HERO STUDIO */
.studio{position:relative;min-height:max(680px,100svh);max-height:1040px;display:grid;grid-template-rows:auto 1fr auto;padding-top:96px;overflow:hidden;
background:radial-gradient(70% 60% at 50% 62%,#fff 0,rgba(255,255,255,0) 70%),linear-gradient(180deg,#f4f6f5 0,#e7ebe9 68%,#dde2df 100%)}
.studio::after{content:"";position:absolute;left:0;right:0;top:74%;height:1px;background:linear-gradient(90deg,transparent,rgba(14,19,17,.08),transparent)}
.ghost{position:absolute;left:0;right:0;top:41%;text-align:center;font:700 clamp(80px,17vw,280px)/.8 var(--disp);letter-spacing:-.05em;color:rgba(14,19,17,.055);white-space:nowrap;pointer-events:none;user-select:none;overflow:hidden}
.ghost span{display:inline-block}
.s-top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}
.studio h1{font-size:clamp(28px,3vw,44px);max-width:17ch}
.studio .lede{font-size:17px;max-width:42ch}
.s-hint{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink3);margin-top:18px}.s-hint svg{width:18px;height:18px}
#truck{position:absolute;inset:0;width:100%;height:100%;cursor:grab;z-index:1}#truck.grab{cursor:grabbing}
.fallback{position:absolute;left:50%;top:56%;width:min(860px,80%);transform:translate(-50%,-50%);display:none}
.no3d .fallback{display:block}
/* spec card */
.spec{position:relative;z-index:2;width:330px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-l);padding:22px;box-shadow:var(--sh)}
.spec .mn{font:600 22px/1.1 var(--disp);letter-spacing:-.02em}.spec .trim{font-size:14px;color:var(--ink3);margin-top:4px}
.spec dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:18px 0}
.spec dt{font-size:12.5px;color:var(--ink3)}.spec dd{margin:2px 0 0;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.price{border-top:1px solid var(--line);padding-top:14px}.price small{font-size:13px;color:var(--ink3)}.price b{display:block;font:600 26px/1.15 var(--disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.spec .acts{display:grid;grid-template-columns:1fr 54px;gap:8px;margin-top:14px}.spec .acts .btn{padding:0 16px}
.spec .acts .wa2{padding:0;background:var(--acc-l);color:var(--acc-d)}
/* dock */
.dock{position:relative;z-index:3;grid-row:3;display:flex;justify-content:center;align-items:flex-end;padding:0 0 clamp(18px,3vh,32px)}
.dock-in{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:999px;padding:6px;box-shadow:var(--sh);max-width:100%}
.seg{position:relative;display:flex}
.seg button{position:relative;z-index:1;border:0;background:none;padding:12px 18px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap;color:var(--ink2);transition:color .25s}
.seg button[aria-selected=true]{color:#fff}
.pill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--ink);z-index:0;will-change:transform,width}
.sep{width:1px;height:28px;background:var(--line);flex:none}
.bodies{display:flex;gap:4px}.bodies button{border:0;background:none;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink2);white-space:nowrap}
.bodies button[aria-pressed=true]{background:var(--acc-l);color:var(--acc-d);font-weight:600}.bodies button[hidden]{display:none}
.paints{display:flex;gap:6px;padding:0 6px}.paints button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .25s var(--spring)}
.paints button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.08)}
/* sections */
.sec{padding:clamp(72px,10vw,140px) 0}
.sec-h{margin-bottom:clamp(28px,4vw,56px)}
/* sacks */
.load{background:var(--paper);border-radius:var(--r-l) var(--r-l) 0 0;margin-top:-28px;position:relative;z-index:4}
.vs{display:grid;gap:14px}
.vrow{display:grid;grid-template-columns:240px minmax(0,1fr) 170px;gap:28px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}
.vrow b{font:600 18px/1.2 var(--disp);letter-spacing:-.02em}.vrow small{display:block;color:var(--ink3);font-size:14px;margin-top:4px}
.sacks{display:flex;flex-wrap:wrap;gap:6px}.sacks svg{width:34px;height:42px;flex:none}
.vrow.us svg{color:var(--acc)}.vrow.them svg{color:#cfd5d2}
.kg{white-space:nowrap;font:600 clamp(28px,3vw,40px)/1 var(--disp);letter-spacing:-.04em;text-align:right;font-variant-numeric:tabular-nums}
.vrow.them .kg{color:var(--ink3)}
.fine{font-size:13px;color:var(--ink3);margin-top:18px;max-width:84ch}
/* calc (night) */
.night{background:var(--night);color:#e9eeeb}
.night .lede{color:#a3ada8}
.calc{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.panel{background:var(--night2);border:1px solid #232c27;border-radius:var(--r-l);padding:clamp(20px,2.4vw,30px)}
.modes{display:inline-flex;background:#0b100e;border-radius:999px;padding:4px;position:relative}
.modes button{position:relative;z-index:1;border:0;background:none;color:#a3ada8;padding:10px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:color .2s}
.modes button[aria-pressed=true]{color:var(--ink)}.modes .pill{background:#e9eeeb}
.fld{display:grid;gap:8px;margin-top:22px;font-size:14px;color:#a3ada8}
.night select{height:54px;border-radius:var(--r-s);border:1px solid #2c3631;background:#0b100e;color:#fff;padding:0 16px;font-size:16px}
.dpv{display:flex;justify-content:space-between;color:#fff;font-weight:600;font-size:18px;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--acc) var(--p,33%),#2c3631 var(--p,33%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(15,158,85,.35)}
input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:#2c3631}input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--acc)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff}
.ticks{display:flex;justify-content:space-between;font-size:12px;color:#6f7a75}
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.terms button{height:48px;border-radius:var(--r-s);border:1px solid #2c3631;background:none;color:#cfd6d2;font-weight:600;cursor:pointer;transition:all .2s}
.terms button[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#fff}
.result dl{margin:0;display:grid;gap:12px}.result dl div{display:flex;justify-content:space-between;gap:12px;font-size:15px}.result dt{color:#8f9a95}.result dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.mo{border-top:1px solid #2c3631;margin-top:18px;padding-top:18px}.mo span{color:#8f9a95;font-size:14px}.mo b{display:block;font:600 clamp(32px,3.6vw,48px)/1.1 var(--disp);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;margin-top:4px}
.result .note{font-size:12.5px;color:#6f7a75;margin:14px 0 18px}.result .btn{width:100%}
/* uses bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tile{background:var(--paper);border-radius:var(--r-l);padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;grid-column:span 2}
.tile:nth-child(1){grid-column:span 3;background:var(--acc);color:#fff}.tile:nth-child(2){grid-column:span 3}
.tile svg{width:40px;height:40px;color:var(--acc)}.tile:nth-child(1) svg{color:#fff}
.tile b{display:block;font:600 21px/1.15 var(--disp);letter-spacing:-.02em;margin:22px 0 8px}.tile p{color:var(--ink2);font-size:15px}.tile:nth-child(1) p{color:#d7f2e3}
/* offers */
.offers{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.offer{background:var(--paper);border-radius:var(--r-l);padding:26px}
.offer.big{grid-row:span 2;background:var(--night);color:#fff;display:flex;flex-direction:column}
.offer h3{font-size:19px;margin-bottom:12px;letter-spacing:-.02em}.offer p{color:var(--ink2);font-size:15.5px}.offer p b{color:var(--ink)}
.tiers{margin-top:auto;display:grid;gap:10px;padding-top:24px}
.tier{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;font-size:15px}
.tier i{display:block;height:10px;border-radius:6px;background:var(--acc);transform-origin:left;width:var(--w)}.tier span{color:#a3ada8}.tier b{font-variant-numeric:tabular-nums}
/* trade */
.trade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);align-items:center;background:var(--paper);border-radius:var(--r-l);padding:clamp(26px,4vw,56px)}
.swap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;justify-content:center}.swap .chip{white-space:nowrap}
.swap .chip{padding:18px 22px;border-radius:var(--r-m);background:var(--bg);font:600 17px var(--disp);letter-spacing:-.02em}.swap .chip.n{background:var(--acc);color:#fff}
.swap svg{width:36px;height:36px;color:var(--acc)}
/* compare */
.cmp-wrap{overflow-x:auto;background:var(--paper);border-radius:var(--r-l)}
.cmp{width:100%;border-collapse:collapse;font-size:16px;min-width:560px}
.cmp th,.cmp td{text-align:left;padding:18px 24px;border-bottom:1px solid var(--line)}.cmp tr:last-child>*{border-bottom:0}
.cmp thead th{font-size:13px;color:var(--ink3);font-weight:500}.cmp tbody th{font-weight:500;color:var(--ink2)}.cmp td:nth-child(2){font-weight:600;color:var(--acc-d)}
.prose{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(36px,5vw,64px)}
.prose h3{font-size:18px;margin-bottom:10px}.prose p{color:var(--ink2);font-size:15.5px}
/* faq */
.faq-l{max-width:900px}
.qa{border-bottom:1px solid var(--line)}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;padding:22px 0;text-align:left;font:600 18px/1.3 var(--body);cursor:pointer}
.qa .pl{width:32px;height:32px;border-radius:50%;background:var(--paper);display:grid;place-items:center;flex:none;transition:transform .35s var(--spring),background-color .2s}
.qa[data-open=true] .pl{transform:rotate(45deg);background:var(--acc);color:#fff}
.qa .ans{overflow:hidden;height:0}.qa .ans p{padding:0 0 22px;color:var(--ink2);max-width:70ch}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.addr{display:grid;gap:8px;margin-top:26px;font-size:16px}.addr a{text-decoration-color:#4b5550;text-underline-offset:4px}
.lform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lform label{display:grid;gap:6px;font-size:13.5px;color:#a3ada8}.lform .full{grid-column:1/-1}
.lform input,.lform select{height:56px;border-radius:var(--r-s);border:1px solid #2c3631;background:#0b100e;color:#fff;padding:0 16px;font-size:17px;width:100%;transition:border-color .2s}
.lform input:focus,.lform select:focus{border-color:var(--acc);outline:0}
.lform input[aria-invalid=true]{border-color:#e5a03a}
.fmsg{grid-column:1/-1;min-height:22px;font-size:15px}.fmsg a{color:#7fe0aa}
/* footer */
.ft{background:var(--night);color:#8f9a95;padding:0 0 32px;font-size:15px}
.ft .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px;border-top:1px solid #232c27;padding-top:40px}
.ft h4{color:#fff;font:600 14px var(--disp);margin:0 0 14px}.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ft a{text-decoration:none}.ft a:hover{color:#fff}
.ft .big{font:600 22px var(--disp);color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ft .copy{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;padding-top:18px;border-top:1px solid #232c27}
.fab{position:fixed;right:14px;bottom:14px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--acc);color:#fff;display:none;place-items:center;box-shadow:0 10px 26px -8px rgba(15,158,85,.8)}
.lazy{content-visibility:auto;contain-intrinsic-size:auto 700px}
/* responsive */
@media(max-width:1100px){.nav{display:none}.burger{display:grid}
.nav.open{display:grid;position:absolute;top:68px;left:12px;right:12px;background:#fff;border-radius:var(--r-m);padding:10px;box-shadow:var(--sh)}
.calc,.contact,.trade{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.tile:nth-child(1),.tile:nth-child(2){grid-column:span 1}.tile:nth-child(1){grid-column:span 2}
.offers{grid-template-columns:1fr 1fr}.offer.big{grid-row:auto;grid-column:span 2}.prose{grid-template-columns:1fr}.ft .w{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
.studio{min-height:0;max-height:none;display:flex;flex-direction:column;padding-top:84px}
.s-top{display:contents}.s-text{order:1;padding:0 16px}.spec{order:4;width:auto;margin:6px 16px 28px}
.stage{position:relative;height:min(68vw,440px)}#truck{position:absolute}
.ghost{top:auto;bottom:clamp(170px,42vw,330px);font-size:24vw}
.stage{order:2}
.dock{order:3;padding:0 16px 8px;justify-content:flex-start}.dock-in{flex-wrap:wrap;border-radius:var(--r-m);gap:6px;width:100%}
.seg{width:100%;overflow-x:auto;scrollbar-width:none}.sep{display:none}
.tel{display:none}.fab{display:grid}
.vrow{grid-template-columns:1fr auto;gap:12px}.vrow .sacks{grid-column:1/-1;order:3}.sacks svg{width:24px;height:30px}
.bento{grid-template-columns:1fr}.tile,.tile:nth-child(1),.tile:nth-child(2){grid-column:auto;min-height:0}.tile b{margin-top:16px}.lform{grid-template-columns:1fr}.offers{grid-template-columns:1fr}.offer[style]{grid-column:auto!important}.offer.big{grid-column:auto}.ft .w{grid-template-columns:1fr}.swap{justify-content:flex-start}}
@media(min-width:861px){.stage{display:contents}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}