/* QazaqEt v3 "Дневной кристалл".
   Daylight on glass: porcelain white and ice blue, ink type, technical hairlines and dimension callouts.
   Cobalt for actions, the sun gold from the logo only for small marks. */
:root{
  --paper:#F5F8FC; --white:#FFFFFF; --mist:#EAF1F9; --ice:#D9E7F6; --ice-2:#C4D8F0;
  --ink:#0D1B2E; --ink-2:#44546C; --ink-3:#77869B; --line:#DFE7F0; --line-2:#C9D6E5;
  --cobalt:#2A5BF0; --cobalt-2:#1D44C4; --cobalt-50:#EDF2FF; --azure:#3FA8F2;
  --gold:#E2A23B; --gold-d:#8A5A0B; --gold-50:#FCF3E2; --iris:#8A7CF5; --heat:#F0703A;
  --grad-iri:linear-gradient(90deg,#63C9FF,#2A5BF0 40%,#8A7CF5 72%,#E2A23B);
  --sh-1:0 1px 2px rgba(13,27,46,.04),0 10px 30px -16px rgba(13,27,46,.16);
  --sh-2:0 2px 8px rgba(13,27,46,.05),0 34px 70px -34px rgba(13,27,46,.32);
  --f-display:"Unbounded","Arial",system-ui,sans-serif;
  --f-text:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1260px; --gut:clamp(16px, 4vw, 44px);
  --r-s:12px; --r-m:20px; --r-l:28px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--f-text);overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,svg,canvas,video{max-width:100%}
img{display:block;height:auto}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:400;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}
button,input,select,textarea{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:8px}
.skip{position:fixed;left:12px;top:-80px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
::selection{background:rgba(42,91,240,.18)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:0;font:600 .98rem/1 var(--f-text);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .2s,color .2s}
.btn svg{width:19px;height:19px;flex:none}
.btn:active{transform:translateY(1px)}
.btn-ink{background:var(--ink);color:#fff;box-shadow:0 10px 24px -12px rgba(13,27,46,.55)}
.btn-ink:hover{background:#18294A;box-shadow:0 14px 30px -12px rgba(13,27,46,.6);transform:translateY(-1px)}
.btn-line{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn-line:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.btn-sm{min-height:42px;padding:0 18px;font-size:.9rem}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.linkbtn{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:6px 0;color:var(--cobalt);font-weight:600;font-size:.92rem;cursor:pointer}
.linkbtn svg{width:16px;height:16px}
.linkbtn:hover{color:var(--cobalt-2);text-decoration:underline;text-underline-offset:3px}

/* ---------- header ---------- */
.progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:120;background:var(--grad-iri);transform-origin:0 50%;transform:scaleX(0)}
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:env(safe-area-inset-top,0px);transition:background .3s,box-shadow .3s,transform .35s}
.hdr.solid{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 var(--line)}
.hdr.hide{transform:none}
.hdr .wrap{display:flex;align-items:center;gap:26px;min-height:76px}
.logo img{height:36px;width:auto}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{position:relative;text-decoration:none;color:var(--ink-2);font-weight:500;font-size:.94rem;padding:10px 11px;border-radius:999px;white-space:nowrap;transition:color .2s}
.nav a:hover,.nav a.on{color:var(--ink)}
.nav a.on::after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:1.5px;border-radius:2px;background:var(--ink)}
.hdr-r{display:flex;align-items:center;gap:12px}
.lang{display:flex;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2)}
.lang a{font-size:.78rem;font-weight:700;color:var(--ink-3);text-decoration:none;padding:6px 10px;border-radius:999px;letter-spacing:.04em}
.lang a[aria-current]{background:var(--ink);color:#fff}
.tel{font-weight:600;text-decoration:none;white-space:nowrap}
.hdr-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--gold);color:#2A1A02;font-size:.75rem;font-weight:800;margin-left:-2px}
.hdr-count[hidden]{display:none}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:0;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer}
.burger span{display:block;width:20px;height:1.8px;margin:4px auto;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:99;background:rgba(245,248,252,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:calc(92px + env(safe-area-inset-top,0px)) var(--gut) 32px;display:flex;flex-direction:column;gap:2px;overflow:auto}
.mnav[hidden]{display:none}
.mnav a{font-family:var(--f-display);font-weight:300;font-size:1.45rem;text-decoration:none;padding:11px 0;border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:18px;font-family:var(--f-text);font-size:1rem;border:0}
.mnav .tel{font-family:var(--f-display);font-weight:400;font-size:1.25rem;margin-top:10px;border:0}

/* ---------- hero ---------- */
.hero{position:relative;padding-top:calc(76px + clamp(28px, 4vw, 56px));padding-bottom:clamp(40px, 5vw, 70px);background:
  radial-gradient(60% 50% at 85% 10%,rgba(99,201,255,.16),transparent 70%),
  radial-gradient(40% 40% at 0% 100%,rgba(138,124,245,.08),transparent 70%),
  linear-gradient(180deg,#FFFFFF,var(--paper));overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px, 4vw, 64px);align-items:center}
.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);font-size:.86rem;color:var(--ink-2)}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-50)}
.hero h1{font-weight:300;font-size:clamp(2.3rem, 1rem + 3.7vw, 4.5rem);line-height:1.04;letter-spacing:-.04em;margin-top:22px;max-width:12ch}
.hero .lede{margin-top:24px;font-size:clamp(1.03rem, .98rem + .3vw, 1.2rem);color:var(--ink-2);max-width:50ch;line-height:1.6}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.hero-facts{list-style:none;margin:40px 0 0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);max-width:540px}
.hero-facts b{display:block;font:300 1.5rem/1.1 var(--f-display);letter-spacing:-.03em}
.hero-facts span{display:block;font-size:.84rem;color:var(--ink-3);margin-top:6px;line-height:1.35}

/* configurator */
.cfg{display:grid;gap:14px}
.cfg-stage{position:relative;height:min(62vh,590px);min-height:430px;border-radius:32px;overflow:hidden;cursor:grab;touch-action:pan-y;
  background:radial-gradient(70% 55% at 50% 38%,#FFFFFF 0%,#EEF4FB 52%,#D9E6F5 100%);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.cfg-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,transparent,rgba(196,216,240,.35));pointer-events:none}
.cfg-stage.grab{cursor:grabbing}
.cfg-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
.cfg-stage .fallback{position:absolute;inset:6% 20% 4%;width:60%;height:90%;object-fit:contain;opacity:0;transition:opacity .4s}
.cfg-stage.nogl .fallback{opacity:1}
.cfg-read{position:absolute;left:24px;top:22px;z-index:2;display:grid;gap:4px;pointer-events:none}
.cfg-w{font:300 clamp(2.4rem, 1.6rem + 2vw, 3.6rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--ink)}
.cfg-w b{font-weight:300}
.cfg-sub{font-size:.92rem;color:var(--ink-2);max-width:26ch}
.cfg-hint{position:absolute;left:22px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-3);pointer-events:none;transition:opacity .5s}
.cfg-hint svg{width:18px;height:18px}
.cfg-stage.touched .cfg-hint{opacity:0}
.dim{position:absolute;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;color:var(--cobalt)}
.cfg-stage.gl .dim{opacity:1}
.dim i{position:absolute;display:block}
.dim span{position:absolute;font:500 .78rem/1 var(--f-mono);color:var(--cobalt);background:rgba(255,255,255,.86);padding:4px 7px;border-radius:6px;white-space:nowrap;box-shadow:0 0 0 1px rgba(42,91,240,.18)}
.dim-h{left:calc(var(--dx, -100px) + 16px);top:var(--dt, 0px);height:max(0px, calc(var(--dr, 0px) - var(--dt, 0px)));width:10px}
.dim-h i{left:0;top:0;bottom:0;width:1px;background:currentColor}
.dim-h i::before,.dim-h i::after{content:"";position:absolute;left:-4px;width:9px;height:1px;background:currentColor}
.dim-h i::before{top:0}.dim-h i::after{bottom:0}
.dim-h span{left:10px;top:50%;transform:translateY(-50%)}
.dim-d{left:var(--dl, -100px);top:calc(var(--dt, 0px) - 26px);width:max(0px, calc(var(--dx, 0px) - var(--dl, 0px)));height:10px}
.dim-d i{left:0;right:0;top:5px;height:1px;background:currentColor}
.dim-d i::before,.dim-d i::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:currentColor}
.dim-d i::before{left:0}.dim-d i::after{right:0}
.dim-d span{left:50%;bottom:12px;transform:translateX(-50%)}
.cfg-stage[data-neck="38"] .dim-h{display:none}
.cfg-ctrl{display:grid;gap:12px}
.cfg-weights{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:4px;border-radius:16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.cfg-weights button{border:0;background:transparent;border-radius:12px;padding:9px 2px;font:600 .84rem/1 var(--f-text);color:var(--ink-2);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.cfg-weights button small{font-weight:500;font-size:.72rem;margin-left:2px;color:inherit;opacity:.7}
.cfg-weights button:hover{background:var(--mist);color:var(--ink)}
.cfg-weights button[aria-checked="true"]{background:var(--ink);color:#fff}
.cfg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.tone-pick{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.tone-pick button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:999px;padding:7px 14px 7px 8px;font-weight:600;font-size:.88rem;color:var(--ink-2);cursor:pointer}
.tone-pick button[aria-checked="true"]{background:var(--mist);color:var(--ink)}
.tone-pick i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(13,27,46,.15)}
.cfg-acts{display:flex;gap:8px}

/* swatches */
.sw-clear{background:radial-gradient(circle at 35% 30%,#fff,#dfe9f4 60%,#a9bccf)}
.sw-blue{background:radial-gradient(circle at 35% 30%,#a8c6ff,#2A5BF0 62%,#16389f)}
.swatches{display:flex;gap:6px}
.swatches button{width:22px;height:22px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(13,27,46,.15)}
.swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--ink)}

/* trust strip */
.trust{background:var(--white);border-block:1px solid var(--line)}
.trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.trust-row>div{display:grid;gap:8px;align-content:start;padding:24px 22px 22px;border-left:1px solid var(--line)}
.trust-row>div:first-child{border-left:0;padding-left:0}
.trust b{font:300 1.5rem/1 var(--f-display);letter-spacing:-.035em;color:var(--ink)}
.trust span{font-size:.84rem;color:var(--ink-3);line-height:1.4;max-width:30ch}

/* ---------- sections ---------- */
.sec{position:relative;padding-block:clamp(88px, 9vw, 140px)}
.paper{background:var(--paper)}
.white{background:var(--white)}
.mist{background:linear-gradient(180deg,var(--mist),#F1F6FB)}
.sec-head{display:grid;gap:16px;max-width:780px;margin-bottom:clamp(36px, 5vw, 60px)}
.sec h2{font-weight:300;font-size:clamp(2rem, 1.15rem + 2.5vw, 3.3rem);letter-spacing:-.035em;line-height:1.06}
.lede{font-size:clamp(1.02rem, .98rem + .25vw, 1.15rem);color:var(--ink-2);max-width:62ch;line-height:1.6}

/* ---------- catalog ---------- */
.lineup{position:relative;margin:0 0 34px;border-radius:var(--r-l);background:radial-gradient(70% 70% at 50% 100%,#DCE8F6,transparent 70%),linear-gradient(180deg,#FFFFFF,#F1F6FC);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;padding:clamp(10px, 2vw, 24px) clamp(8px, 2vw, 20px) 0}
.lineup img{width:100%;height:auto}
.lineup-labels{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));padding:0 10% 6px;gap:4px}
.lineup-labels button{all:unset;cursor:pointer;text-align:center;font:600 .82rem var(--f-text);color:var(--ink-2);padding:7px 0;border-radius:8px;font-variant-numeric:tabular-nums}
.lineup-labels button:hover,.lineup-labels button:focus-visible{color:var(--ink);background:var(--white);box-shadow:0 0 0 1px var(--line)}
.lineup-labels button span{opacity:.7}
.lineup figcaption{text-align:center;font-size:.86rem;color:var(--ink-3);padding:4px 16px 18px}
.cat-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px;margin-bottom:22px}
.seg{display:flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{border:0;background:transparent;padding:9px 15px;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.seg-label{font-size:.84rem;color:var(--ink-3);align-self:center;padding:0 6px 0 10px}
.cat-status{font-size:.88rem;color:var(--ink-3)}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.card{position:relative;display:flex;flex-direction:column;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.card[hidden]{display:none}
.card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-2)}
.card:target{box-shadow:inset 0 0 0 2px var(--cobalt),var(--sh-2)}
.card .hit{position:absolute;top:12px;left:12px;z-index:3;background:var(--gold-50);color:var(--gold-d);font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(226,162,59,.45)}
.cmp-chk{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1px var(--line);font-size:.72rem;font-weight:600;color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity .2s}
.card:hover .cmp-chk,.cmp-chk:has(input:checked),.cmp-chk:focus-within{opacity:1}
@media (hover:none){.cmp-chk{opacity:1}}
.cmp-chk input{appearance:none;-webkit-appearance:none;margin:0;width:15px;height:15px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--line-2);background:#fff;display:grid;place-items:center;cursor:pointer}
.cmp-chk input:checked{background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='3.2'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:none}
.cmp-chk:has(input:checked){color:var(--cobalt);box-shadow:inset 0 0 0 1px rgba(42,91,240,.4)}
.card .pic{position:relative;aspect-ratio:3/3.6;display:block;cursor:zoom-in;border:0;padding:0;width:100%;background:radial-gradient(55% 22% at 50% 88%,rgba(196,216,240,.8),transparent 70%),linear-gradient(180deg,#FBFDFF,#EEF4FB)}
.card .pic img{width:100%;height:100%;object-fit:contain;transform:scale(var(--k,1));transform-origin:50% 90%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .25s}
.card:hover .pic img{transform:translateY(-4px) scale(calc(var(--k,1) * 1.04))}
.card .body{display:grid;gap:8px;padding:14px 14px 16px;border-top:1px solid var(--line)}
.card .w{font:300 1.85rem/1 var(--f-display);letter-spacing:-.04em}
.card .w small{font-size:.9rem;margin-left:3px;color:var(--ink-3)}
.card .meta{display:flex;flex-wrap:wrap;gap:5px}
.tag{display:inline-flex;align-items:center;font-size:.76rem;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--mist);color:var(--ink-2)}
.tag.vol{background:var(--cobalt-50);color:var(--cobalt)}
.card .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.add{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 13px;font-weight:700;font-size:.82rem;cursor:pointer;background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);transition:all .2s}
.add:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.add[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.add svg{width:13px;height:13px}
.btn.add{padding:0 18px;font-size:.9rem}
.btn.add[aria-pressed="true"]{background:var(--cobalt)}
.cat-empty{padding:48px 0;text-align:center;color:var(--ink-2)}
.cat-note{margin-top:20px;font-size:.9rem;color:var(--ink-3);max-width:80ch}

/* compare */
.cmp-bar{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:140;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);animation:rise .4s cubic-bezier(.2,.8,.2,1) both}
.cmp-bar[hidden]{display:none}
@keyframes rise{from{opacity:0;transform:translate(-50%,16px)}}
.cmp-thumbs{display:flex}
.cmp-thumbs img{width:30px;height:40px;object-fit:contain;margin-left:-6px;border-radius:8px;background:var(--mist);box-shadow:0 0 0 2px #fff}
.cmp-thumbs img:first-child{margin-left:0}
.cmp-txt{font-size:.9rem;font-weight:600;white-space:nowrap}
.cmp-clear{width:36px;height:36px;border-radius:50%;border:0;background:var(--mist);cursor:pointer;font-size:1.2rem;color:var(--ink-2)}
.dlg{border:0;padding:0;background:transparent;max-width:min(1020px,94vw);width:100%;color:var(--ink);max-height:94svh;overflow:auto;overscroll-behavior:contain}
.dlg::backdrop{background:rgba(13,27,46,.32);backdrop-filter:blur(6px)}
.dlg-in,.qv-in{position:relative;border-radius:28px;background:var(--white);box-shadow:var(--sh-2)}
.dlg-in{padding:clamp(22px, 3vw, 34px)}
.dlg-in h3{font-weight:300;font-size:clamp(1.5rem, 1.2rem + 1vw, 2.1rem);margin-bottom:18px;padding-right:48px}
.dlg-close{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:var(--mist);font-size:1.35rem;cursor:pointer;color:var(--ink)}
.dlg-close:hover{background:var(--ice)}
.cmp-scroll{overflow-x:auto}
.cmp-table{width:100%;border-collapse:collapse;min-width:520px}
.cmp-table th,.cmp-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:.94rem;vertical-align:middle}
.cmp-table th[scope=row]{font-weight:500;color:var(--ink-3);font-size:.86rem;width:22%}
.cmp-table thead th{border-bottom:0;padding-top:0}
.cmp-table thead img{width:76px;height:100px;object-fit:contain;border-radius:12px;background:linear-gradient(180deg,#FBFDFF,#EEF4FB)}
.cmp-table thead b{display:block;font:300 1.35rem var(--f-display);letter-spacing:-.03em;margin-top:8px}
.cmp-table td.best{color:var(--cobalt);font-weight:600}
.cmp-note{font-size:.84rem;color:var(--ink-3);margin-top:14px}

/* quick view */
.qv-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden}
.qv-pic{display:grid;place-items:center;background:radial-gradient(55% 22% at 50% 88%,rgba(196,216,240,.9),transparent 70%),linear-gradient(180deg,#FBFDFF,#E9F1FA);padding:24px;min-height:420px}
.qv-pic img{max-height:500px;width:auto;object-fit:contain}
.qv-body{padding:32px;display:grid;gap:16px;align-content:start}
.qv-body h3{font-weight:300;font-size:2.1rem;padding-right:40px}
.qv-body p{color:var(--ink-2)}
.hit-l{justify-self:start;background:var(--gold-50);color:var(--gold-d);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px}
.hit-l[hidden]{display:none}
.spec-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);margin:0}
.spec-table div{padding:11px 0;border-bottom:1px solid var(--line)}
.spec-table div:nth-child(odd){padding-right:14px}
.spec-table dt{font-size:.78rem;color:var(--ink-3)}
.spec-table dd{margin:3px 0 0;font-weight:600}
.qv-tone{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--ink-2)}
.qty{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qty>span{font-size:.88rem;color:var(--ink-2)}
.stepper{display:flex;align-items:center;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden}
.stepper button{width:44px;height:44px;border:0;background:transparent;font-size:1.2rem;cursor:pointer}
.stepper button:hover{background:var(--mist)}
.stepper input{width:110px;height:44px;border:0;background:transparent;text-align:center;font:500 1rem var(--f-mono)}
.qv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}

/* ---------- selector ---------- */
.sel-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:22px;align-items:start}
.sel-steps{display:grid;gap:26px}
.sel-block h3,.sel-result h3{font-family:var(--f-text);font-weight:600;font-size:1.05rem;letter-spacing:0;display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sel-block h3 b,.sel-result h3 b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink);font:500 .85rem var(--f-display);flex:none}
.drinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.drink{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:0;padding:0;cursor:pointer;text-align:left;isolation:isolate;background:var(--mist)}
.drink img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.drink::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,27,46,0) 40%,rgba(13,27,46,.72))}
.drink span{position:absolute;left:14px;bottom:12px;right:14px;font-weight:600;font-size:1rem;color:#fff}
.drink:hover img{transform:scale(1.05)}
.drink[aria-pressed="true"]{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--cobalt)}
.drink[aria-pressed="true"]::before{content:"";position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:var(--cobalt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5 9-10' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E") center/15px no-repeat}
.vols{display:flex;flex-wrap:wrap;gap:8px}
.vols button{border:0;border-radius:14px;padding:13px 20px;min-width:88px;font:400 1.05rem var(--f-display);background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:all .2s}
.vols button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.vols button:disabled{opacity:.3;cursor:not-allowed}
.vols button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.sel-result{position:sticky;top:96px;border-radius:var(--r-l);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:22px;display:grid;gap:14px}
.sel-result h3{margin-bottom:0}
.sel-result .hint{color:var(--ink-2);font-size:.95rem}
.sel-result .hint[hidden]{display:none}
.rec-list{display:grid;gap:8px}
.rec{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.rec:hover{box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.rec-pic{display:block;width:56px;height:78px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#FBFDFF,#E9F1FA)}
.rec-pic img{width:100%;height:100%;object-fit:contain;transform:scale(calc(var(--k,1) * .98));transform-origin:50% 88%}
.rec b{display:block;font:400 1.02rem var(--f-display);letter-spacing:-.02em}
.rec span{font-size:.84rem;color:var(--ink-2)}
.rec .best-l{display:block;font-size:.72rem;font-weight:700;color:var(--ink-3)}
.rec.best{box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.rec.best .best-l{color:var(--cobalt)}
.rec .add{padding:8px 11px;font-size:.78rem}
.sel-note{font-size:.88rem;color:var(--ink-2);padding:10px 12px;border-radius:12px;background:var(--cobalt-50)}
.sel-note[hidden]{display:none}

/* ---------- necks (blueprint) ---------- */
.blueprint{background:
  linear-gradient(rgba(42,91,240,.05) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(90deg,rgba(42,91,240,.05) 1px,transparent 1px) 0 0/28px 28px,
  var(--paper)}
.necks{display:grid;gap:16px}
.neck-tabs{display:inline-flex;justify-self:start;gap:3px;padding:4px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.neck-tabs button{border:0;background:transparent;border-radius:999px;padding:10px 18px;font-weight:600;font-size:.95rem;color:var(--ink-2);cursor:pointer}
.neck-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.neck-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px, 3vw, 48px);align-items:center;padding:clamp(18px, 3vw, 36px);border-radius:var(--r-l);background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--line);animation:fadein .4s ease both}
.neck-panel[hidden]{display:none}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}}
.neck-draw svg{width:100%;height:auto;display:block;color:var(--cobalt)}
.nd-f{fill:rgba(217,231,246,.6);stroke:none}
.nd-o{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}
.nd-h{fill:none;stroke:var(--ink-3);stroke-width:1;stroke-dasharray:5 4}
.nd-t{fill:none;stroke:var(--ink-2);stroke-width:.9}
.nd-c{stroke:var(--ink-3);stroke-width:.8;stroke-dasharray:14 4 2 4}
.nd-b{fill:none;stroke:var(--ink-2);stroke-width:1.2}
.nd-x{fill:none;stroke:var(--ink-3);stroke-width:.8}
.nd-d{fill:none;stroke:var(--cobalt);stroke-width:1.1}
.nd-l{fill:var(--cobalt);font:500 14px var(--f-mono)}
.nd-n{fill:var(--ink-2);font:500 13px var(--f-text)}
.neck-info{display:grid;gap:16px;align-content:start}
.neck-info h3{font-weight:300;font-size:2rem}
.neck-info p{color:var(--ink-2)}
.neck-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.neck-dl div{padding:11px 0;border-bottom:1px solid var(--line)}
.neck-dl dt{font-size:.78rem;color:var(--ink-3)}
.neck-dl dd{margin:2px 0 0;font-weight:600}
.neck-info .btn{justify-self:start}
.neck-tip{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:18px;background:var(--gold-50);box-shadow:inset 0 0 0 1px rgba(226,162,59,.35)}
.neck-tip .ruler{width:40px;height:40px;color:var(--gold-d)}
.neck-tip p{color:var(--ink-2);font-size:.95rem}
.neck-tip b{color:var(--ink)}

/* ---------- process (pinned 3D) ---------- */
.process{background:linear-gradient(180deg,var(--white),var(--mist) 60%,var(--white))}
.proc-pin{position:relative;height:420vh}
.proc-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);padding-top:76px}
.proc-left{display:grid;gap:22px;align-content:center}
.proc-head{display:grid;gap:14px}
.proc-head h2{font-weight:300;font-size:clamp(1.8rem, 1.1rem + 1.8vw, 2.7rem);letter-spacing:-.035em}
.proc-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:st}
.proc-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:center;padding:11px 14px;border-radius:16px;transition:background .4s,box-shadow .4s,opacity .4s;opacity:.55}
.proc-step::before{counter-increment:st;content:counter(st);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:500 .9rem var(--f-display);box-shadow:inset 0 0 0 1.2px var(--line-2);color:var(--ink-2);transition:all .4s}
.proc-step.on{opacity:1;background:var(--white);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.proc-step.on::before{background:var(--ink);color:#fff;box-shadow:none}
.proc-step.done{opacity:.8}
.proc-step.done::before{color:var(--cobalt);box-shadow:inset 0 0 0 1.2px var(--cobalt)}
.proc-step h3{font-family:var(--f-text);font-weight:600;font-size:1.02rem;letter-spacing:0}
.proc-step p{max-height:0;opacity:0;overflow:hidden;font-size:.93rem;color:var(--ink-2);transition:max-height .45s cubic-bezier(.2,.8,.2,1),opacity .35s,margin .35s}
.proc-step.on p{max-height:90px;opacity:1;margin-top:3px}
.proc-note{font-size:.82rem;color:var(--ink-3);max-width:46ch}
.proc-view{position:relative;height:min(80vh,760px)}
.proc-view canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
.proc-view .fallback{display:none;position:absolute;inset:4% 25% 22%;width:50%;height:74%;object-fit:contain}
.proc-view.nogl .fallback{display:block}
.gauges{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gauge{padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gauge span{display:block;font-size:.74rem;color:var(--ink-3)}
.gauge b{display:block;font:500 1.15rem var(--f-mono);margin-top:2px;letter-spacing:-.02em}
.gauge i{display:block;height:2px;border-radius:2px;margin-top:8px;background:var(--mist);overflow:hidden}
.gauge i::after{content:"";display:block;height:100%;width:var(--p,0%);background:var(--grad-iri);transition:width .15s}
.gauge.hot b{color:var(--heat)}

/* ---------- industries ---------- */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(190px,21vw);gap:12px}
.tile{position:relative;border-radius:24px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;text-decoration:none;min-height:220px;cursor:pointer}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,27,46,0) 35%,rgba(13,27,46,.78))}
.tile:hover img{transform:scale(1.05)}
.tile h3{font-weight:400;font-size:clamp(1.12rem, 1rem + .5vw, 1.5rem)}
.tile p{color:rgba(255,255,255,.86);font-size:.93rem;margin-top:6px;max-width:44ch}
.tile .rec-chip{align-self:flex-start;margin-top:12px;font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink)}
.t1{grid-column:span 7;grid-row:span 2}.t2{grid-column:span 5}.t3{grid-column:span 5}.t4{grid-column:span 4}.t5{grid-column:span 4}.t6{grid-column:span 4}

/* ---------- chain ---------- */
.chain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:ch}
.chain li{position:relative;min-width:0}
.chain figure{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4.4;isolation:isolate;background:var(--mist)}
.chain img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.chain figure:hover img{transform:scale(1.05)}
.chain figure::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,27,46,0) 40%,rgba(13,27,46,.82))}
.chain li::before{counter-increment:ch;content:counter(ch);position:absolute;z-index:2;top:12px;left:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);font:500 .8rem var(--f-display);color:var(--ink)}
.chain li:first-child::before{background:var(--gold);color:#2A1A02}
.chain li:first-child figure{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--gold)}
.chain figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:grid;gap:4px}
.chain figcaption em{justify-self:start;font-style:normal;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--gold);color:#2A1A02}
.chain b{font:400 1.02rem var(--f-display);color:#fff}
.chain span{font-size:.84rem;color:rgba(255,255,255,.88);line-height:1.4}

/* ---------- calculator ---------- */
.calc{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch}
.calc-in,.calc-out{border-radius:var(--r-l);padding:clamp(22px, 3vw, 34px);background:var(--white);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.calc-in{display:grid;gap:20px;align-content:start}
.calc-in label{display:grid;gap:9px;font-weight:600;font-size:.92rem;color:var(--ink-2)}
.big-input{display:flex;align-items:baseline;gap:10px}
.big-input input{width:100%;border:0;border-bottom:1.5px solid var(--line-2);background:transparent;font:300 clamp(2.1rem, 1.5rem + 2vw, 3.1rem) var(--f-display);color:var(--ink);padding:2px 0 6px;letter-spacing:-.04em}
.big-input input:focus{outline:none;border-bottom-color:var(--cobalt)}
.big-input span{font-weight:600;color:var(--ink-3)}
input[type=range]{width:100%;accent-color:var(--ink);height:26px}
.calc-presets{display:flex;flex-wrap:wrap;gap:6px}
.calc-presets button{border:0;border-radius:999px;padding:8px 14px;font:600 .86rem var(--f-text);background:var(--paper);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.calc-presets button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.calc-presets button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.calc-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
.calc-in select,.calc-in input[type=text]{font:600 .98rem var(--f-text);padding:13px 14px;border-radius:14px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--paper);color:var(--ink);width:100%}
.calc-in input[type=text]::placeholder{color:var(--ink-3);font-weight:500}
.calc-in .big-input input{box-shadow:none;background:transparent;padding:2px 0 6px;border-radius:0;font:300 clamp(2.1rem, 1.5rem + 2vw, 3.1rem) var(--f-display)}
.calc-save{border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:4px 16px}
.calc-save summary{cursor:pointer;font-weight:600;font-size:.94rem;padding:12px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}
.calc-save summary::-webkit-details-marker{display:none}
.calc-save summary::after{content:"+";font-size:1.2rem;color:var(--ink-3);transition:transform .3s}
.calc-save[open] summary::after{transform:rotate(45deg)}
.calc-save .calc-row{padding-bottom:14px}
.calc-save input[type=text]{background:var(--white)}
.calc-out{display:grid;gap:18px;position:relative;overflow:hidden}
.calc-out::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-iri)}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.kpi{padding:16px 18px;background:var(--white)}
.kpi span{display:block;font-size:.82rem;color:var(--ink-3)}
.kpi b{display:block;font:300 clamp(1.5rem, 1.15rem + 1vw, 2.15rem) var(--f-display);letter-spacing:-.04em;margin-top:4px;overflow-wrap:anywhere}
.save-out{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:14px 16px;border-radius:14px;background:var(--cobalt-50)}
.save-out[hidden]{display:none}
.save-out span{font-size:.88rem;color:var(--ink-2)}
.save-out b{font:400 1.3rem var(--f-display);letter-spacing:-.03em;color:var(--cobalt)}
.save-out em{font-style:normal;font-size:.9rem;font-weight:600;color:var(--ink)}
.save-out.more b{color:var(--heat)}
.pallets{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;align-items:flex-end}
.pallets i{width:16px;height:14px;border-radius:3px;background:linear-gradient(180deg,#9CC5FF,#2A5BF0);box-shadow:0 2px 0 #C9A26B;animation:pop .35s cubic-bezier(.2,.8,.2,1) both}
.pallets em{font-style:normal;font-size:.84rem;color:var(--ink-2);margin-left:6px}
@keyframes pop{from{transform:scale(.2);opacity:0}}
.truck-meta{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:var(--ink-2);margin-bottom:8px}
.truck-bar{position:relative;height:10px;border-radius:999px;background:var(--mist);overflow:hidden}
.truck-bar span{position:absolute;inset:0 auto 0 0;background:var(--grad-iri);border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.calc-out .btn{justify-self:start}
.calc-fine{font-size:.8rem;color:var(--ink-3)}

/* ---------- quality ---------- */
.qual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px, 4vw, 64px);align-items:center}
.compare-wrap{display:grid;gap:12px}
.compare{position:relative;aspect-ratio:9/11;border-radius:var(--r-l);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);user-select:none;touch-action:pan-y;--pos:50%}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare .top{clip-path:inset(0 0 0 var(--pos))}
.compare .handle{position:absolute;top:0;bottom:0;left:var(--pos);width:1.5px;background:#fff;box-shadow:0 0 0 .5px rgba(13,27,46,.2);transform:translateX(-.75px)}
.compare .handle::after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1B2E' stroke-width='2'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:var(--sh-1)}
.compare input{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0}
.compare .lbl{position:absolute;top:14px;font-size:.78rem;font-weight:700;padding:6px 11px;border-radius:999px}
.compare .l1{left:14px;background:rgba(255,255,255,.9);color:var(--ink)}
.compare .l2{right:14px;background:rgba(13,27,46,.7);color:#fff}
.compare-cap{font-size:.84rem;color:var(--ink-3);max-width:52ch}
.qpoints{display:grid;margin-top:8px;border-top:1px solid var(--line)}
.qp{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.qp svg{width:36px;height:36px;color:var(--cobalt)}
.qp b{display:block;font-weight:600}
.qp span{display:block;color:var(--ink-2);font-size:.94rem;margin-top:2px}
.strip-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-top:clamp(48px, 6vw, 80px)}
.strip-head h3{font-weight:300;font-size:clamp(1.25rem, 1rem + .8vw, 1.7rem)}
.strip-head p{color:var(--ink-3);font-size:.9rem}
.company-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.company-strip figure{margin:0;position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--mist)}
.company-strip img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.company-strip figure:hover img{transform:scale(1.05)}
.company-strip figcaption{position:absolute;left:10px;bottom:10px;font-size:.76rem;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92)}

/* ---------- delivery ---------- */
.logi-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:18px;align-items:start}
.map{position:relative;border-radius:var(--r-l);overflow:hidden;background:
  linear-gradient(rgba(42,91,240,.045) 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,rgba(42,91,240,.045) 1px,transparent 1px) 0 0/32px 32px,
  radial-gradient(60% 60% at 40% 50%,#FFFFFF,#F1F6FC);box-shadow:inset 0 0 0 1px var(--line)}
.map-scroll{position:relative}
.map svg{display:block;width:100%;height:auto}
.map .rt{fill:none;stroke:url(#rtg);stroke-width:2.2;stroke-dasharray:6 8;animation:dash 2.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-56}}
.map .ring{fill:none;stroke:rgba(13,27,46,.09);stroke-width:1;stroke-dasharray:3 6}
.map .brd{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:2 7;stroke-linecap:round}
.map .hw{fill:none;stroke:rgba(138,124,245,.28);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.map .node{cursor:pointer}
.map .node circle.c{fill:#fff;stroke:var(--cobalt);stroke-width:2;transition:all .2s}
.map .node:hover circle.c,.map .node.sel circle.c{fill:var(--cobalt)}
.map .node.sel text:not(.k){font-weight:700}
.map .hq circle.c{fill:var(--gold);stroke:#fff;stroke-width:3}
.map .pulse{fill:none;stroke:var(--gold);stroke-width:2;transform-origin:center;transform-box:fill-box;animation:pulse 2.6s ease-out infinite}
.map .pulse.p2{animation-delay:1.3s}
@keyframes pulse{from{transform:scale(1);opacity:.9}to{transform:scale(5);opacity:0}}
.map text{fill:var(--ink);font:600 14px var(--f-text)}
.map text.s{fill:var(--ink-2);font-weight:500;font-size:12px}
.map text.k{fill:var(--cobalt);font:500 12px var(--f-mono)}
.map text.r{fill:var(--ink-3);font:500 11px var(--f-text)}
.map .node:focus{outline:none}
.map .node:focus-visible circle.c{stroke:var(--gold);stroke-width:3}
.map-tip{position:absolute;pointer-events:none;padding:9px 13px;border-radius:12px;background:var(--ink);color:#fff;font-size:.86rem;transform:translate(-50%,-125%);opacity:0;transition:opacity .2s;white-space:nowrap}
.map-tip.on{opacity:1}
.map-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;color:var(--ink-2);padding:0 18px 16px}
.map-legend span{display:inline-flex;align-items:center;gap:8px}
.map-legend i{display:inline-block;width:22px;height:0;border-top:2px dashed var(--cobalt)}
.map-legend i.hw{border-top:4px solid rgba(138,124,245,.4);border-radius:2px}
.map-legend i.bd{border-top:2px dotted var(--gold)}
.route-panel{display:grid;gap:14px}
.cities{display:flex;flex-wrap:wrap;gap:6px}
.cities button{border:0;border-radius:999px;padding:9px 14px;font-weight:600;font-size:.88rem;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;color:var(--ink-2)}
.cities button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cities button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.route-card{display:grid;gap:8px;padding:22px;border-radius:var(--r-l);background:var(--white);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.route-k{font-size:.8rem;color:var(--ink-3)}
.route-city{font:300 2rem/1.1 var(--f-display);letter-spacing:-.035em}
.route-km{font:500 .95rem var(--f-mono);color:var(--cobalt)}
.route-q{display:grid;gap:6px;font-size:.86rem;color:var(--ink-2);margin-top:6px}
.route-q input{font:600 .98rem var(--f-text);padding:12px 14px;border-radius:12px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--paper)}
.route-q input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.route-card .btn{margin-top:6px}
.deliv-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.deliv-list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center}
.deliv-list img{width:64px;height:64px;object-fit:cover;border-radius:14px}
.deliv-list b{display:block;font-weight:600;font-size:.95rem}
.deliv-list span{display:block;font-size:.86rem;color:var(--ink-2)}

/* ---------- about ---------- */
.about-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px, 5vw, 80px);align-items:center}
.emblem{position:relative;width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#fff 62%,#EEF4FB 100%);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.emblem::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(from 0deg,#63C9FF,#2A5BF0,#8A7CF5,#E2A23B,#63C9FF);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}
.emblem img{height:auto;max-height:70%;width:auto;max-width:64%}
.about-text{display:grid;gap:18px}
.about-text p{color:var(--ink-2);max-width:62ch}
.req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0 0;border-top:1px solid var(--line)}
.req div{padding:12px 0;border-bottom:1px solid var(--line)}
.req div:nth-child(odd){padding-right:16px}
.req dt{font-size:.78rem;color:var(--ink-3)}
.req dd{margin:2px 0 0;font-weight:600;font-size:.95rem;overflow-wrap:anywhere}
.about-text .linkbtn{justify-self:start}
.kz-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:12px;margin-top:clamp(44px, 5vw, 76px)}
.kz-strip figure{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--mist)}
.kz-strip figure:first-child,.kz-strip figure:last-child{aspect-ratio:auto}
.kz-strip img{width:100%;height:100%;object-fit:cover}
.kz-strip figcaption{position:absolute;left:12px;bottom:12px;font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92)}

/* ---------- faq ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px, 5vw, 80px);align-items:start}
.faq-wrap .sec-head{position:sticky;top:110px;margin-bottom:0}
.faq{border-top:1px solid var(--line-2)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-weight:600;font-size:1.04rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-2);font-size:1.15rem;font-weight:400;transition:transform .3s,background .3s,color .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--ink);color:#fff;box-shadow:none}
.faq details p{padding:0 44px 22px 0;color:var(--ink-2)}

/* ---------- contact ---------- */
.contact{position:relative;isolation:isolate;overflow:hidden;background:var(--white)}
.contact-bg{position:absolute;inset:0;z-index:-1}
.contact-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.contact-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 30%,rgba(255,255,255,.72) 65%,rgba(255,255,255,.4)),linear-gradient(180deg,var(--paper),transparent 18%,transparent 82%,#fff)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px, 5vw, 72px);align-items:center}
.contact .lede{margin-top:18px}
.big-phone{display:inline-block;font:300 clamp(1.9rem, 1.2rem + 2.4vw, 3.3rem) var(--f-display);text-decoration:none;letter-spacing:-.04em;margin-top:26px}
.big-phone:hover{color:var(--cobalt)}
.channels{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.addr{margin-top:26px;color:var(--ink-2);font-size:.94rem;display:grid;gap:4px}
.addr b{color:var(--ink)}
.form{border-radius:var(--r-l);padding:clamp(22px, 3vw, 34px);background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:14px}
.form h3{font-weight:300;font-size:1.7rem}
.form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field{display:grid;gap:6px;font-size:.86rem;color:var(--ink-2);font-weight:500}
.field input,.field textarea{font:500 1rem var(--f-text);color:var(--ink);background:var(--paper);border:0;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:14px;padding:13px 15px;width:100%;min-height:50px;transition:box-shadow .2s,background .2s}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--cobalt);background:#fff}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}
.err{color:#C43D2B;font-size:.8rem;min-height:1.1em}
.req-items{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--cobalt-50)}
.req-items[hidden]{display:none}
.req-items b{font-size:.86rem}
.req-items ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.req-items li{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between;align-items:center;font-size:.9rem}
.req-items li>span:last-child{display:flex;align-items:center;gap:6px;white-space:nowrap}
.req-items input{width:100px;min-height:32px;padding:4px 10px;border-radius:10px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font:500 .9rem var(--f-mono)}
.req-items button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);cursor:pointer;font-size:1.05rem}
.req-items button:hover{background:#fff;color:var(--ink)}
.form .actions{display:flex;flex-wrap:wrap;gap:10px}
.form .note{font-size:.8rem;color:var(--ink-3)}
.form .status{font-size:.9rem;color:var(--cobalt-2);min-height:1.2em}

/* ---------- footer ---------- */
.ftr{background:var(--ink);color:rgba(255,255,255,.72);font-size:.92rem}
.ftr .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:28px;padding-block:60px 30px}
.ftr img{height:34px;width:auto}
.ftr p{margin-top:14px;max-width:34ch}
.ftr h2{font:600 .92rem var(--f-text);color:#fff;margin-bottom:12px;letter-spacing:0}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr a{text-decoration:none;color:rgba(255,255,255,.72)}
.ftr a:hover{color:#fff}
.ftr .bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:.8rem;color:rgba(255,255,255,.5)}

/* ---------- chat widget ---------- */
.cw{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:150}
.cw-orb{position:relative;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#4F7BFF,#1D44C4 75%);box-shadow:0 16px 34px -12px rgba(29,68,196,.7),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .3s}
.cw-orb::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,#63C9FF,#2A5BF0,#8A7CF5,#E2A23B,#63C9FF);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:spin 5s linear infinite}
.cw-orb:hover{transform:scale(1.05)}
.cw-orb img{width:38px;height:38px}
.cw-orb .x{display:none;font-size:1.7rem;color:#fff;line-height:1}
.cw.open .cw-orb img{display:none}.cw.open .cw-orb .x{display:block}
.cw-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--gold);color:#2A1A02;font:800 .74rem/22px var(--f-text);text-align:center;box-shadow:0 0 0 3px #fff}
.cw-badge[hidden]{display:none}
.cw-teaser{position:absolute;right:78px;bottom:8px;width:max-content;max-width:260px;padding:12px 16px;border-radius:16px 16px 4px 16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);font-size:.9rem;color:var(--ink);transform-origin:100% 100%;animation:tease .5s cubic-bezier(.2,.8,.2,1) both;cursor:pointer}
.cw-teaser[hidden]{display:none}
.cw-teaser b{color:var(--cobalt)}
@keyframes tease{from{opacity:0;transform:scale(.8) translateY(8px)}}
.cw-panel{position:absolute;right:0;bottom:80px;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100svh - 120px));display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.97);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform-origin:100% 100%;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
.cw-panel[hidden]{display:flex;opacity:0;transform:scale(.88) translateY(16px);pointer-events:none;visibility:hidden}
.cw-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--paper),#fff)}
.cw-head>div:nth-child(2){min-width:0}
.cw-ava{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#4F7BFF,#1D44C4);display:grid;place-items:center;flex:none}
.cw-ava img{display:block;width:26px;height:26px}
.cw-head b{display:block;font-weight:700}
.cw-head>div>span{display:block;font-size:.78rem;color:var(--ink-3)}
.cw-tabs{display:flex;gap:3px;margin-left:auto;padding:3px;border-radius:999px;background:var(--mist)}
.cw-tabs button{border:0;background:transparent;color:var(--ink-2);font-size:.76rem;font-weight:700;padding:6px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.cw-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(13,27,46,.1)}
.cw-body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;background:linear-gradient(180deg,#fff,var(--paper))}
.cw-log{display:flex;flex-direction:column;gap:10px}
.cw-log[hidden],.cw-cart[hidden],.cw-foot[hidden]{display:none}
.msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:.92rem;line-height:1.45;animation:msg .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes msg{from{opacity:0;transform:translateY(8px)}}
.msg.bot{align-self:flex-start;background:#fff;box-shadow:inset 0 0 0 1px var(--line);border-bottom-left-radius:4px}
.msg.me{align-self:flex-end;background:var(--cobalt);color:#fff;border-bottom-right-radius:4px}
.msg a{color:var(--cobalt)}
.typing{align-self:flex-start;display:flex;gap:4px;padding:14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-3);animation:typ 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typ{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.qr{display:flex;flex-wrap:wrap;gap:6px;animation:msg .35s both}
.qr button{border:0;border-radius:999px;padding:8px 13px;font-size:.85rem;font-weight:600;background:#fff;color:var(--cobalt);box-shadow:inset 0 0 0 1px rgba(42,91,240,.45);cursor:pointer;transition:background .2s}
.qr button:hover{background:var(--cobalt-50)}
.summary{border-radius:16px;padding:14px;background:var(--gold-50);box-shadow:inset 0 0 0 1px rgba(226,162,59,.4);font-size:.88rem;display:grid;gap:6px;animation:msg .35s both}
.summary b{color:var(--gold-d)}
.send-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;animation:msg .35s both}
.send-row .btn{min-height:44px;padding:0 12px;font-size:.86rem;width:100%}
.cw-foot{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}
.cw-foot input{flex:1;min-width:0;border:0;border-radius:999px;padding:12px 16px;background:var(--paper);font:500 .94rem var(--f-text);box-shadow:inset 0 0 0 1px var(--line-2)}
.cw-foot input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.cw-foot button{width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);cursor:pointer;display:grid;place-items:center;flex:none}
.cw-foot button svg{width:19px;height:19px}
.cw-cart{display:grid;gap:8px}
.cw-cart .empty{color:var(--ink-2);font-size:.92rem;padding:8px 0}
.cw-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.9rem}
.cw-item b{font-weight:600}
.cw-item .q{display:flex;align-items:center;gap:6px;white-space:nowrap}
.cw-item input{width:90px;min-height:32px;padding:4px 8px;border-radius:8px;border:0;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);font:500 .85rem var(--f-mono)}
.cw-item button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);cursor:pointer;font-size:1.05rem}
.cw-cart .btn{width:100%;margin-top:6px}
.cw-cart .tot{font-size:.84rem;color:var(--ink-2)}

/* reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nav a{padding:10px 8px;font-size:.9rem}
  .tel{display:none}
  .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-row>div:nth-child(3){border-left:0;padding-left:0}
  .trust-row>div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:1000px){
  .nav,.hdr-r .tel{display:none}
  .hdr-r{margin-left:auto}
  .burger{display:block}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero h1{max-width:14ch}
  .cfg-stage{height:58vh;min-height:380px}
  .proc-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start;padding-top:84px;gap:8px}
  .proc-left{gap:10px;align-content:start}
  .proc-head{gap:6px}
  .proc-head .lede,.proc-note{display:none}
  .proc-head h2{font-size:1.5rem}
  .proc-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .proc-step{grid-template-columns:minmax(0,1fr);padding:8px 4px;text-align:center;justify-items:center}
  .proc-step::before{width:32px;height:32px;font-size:.8rem}
  .proc-step h3{font-size:.74rem}
  .proc-step p,.proc-step.on p{display:none}
  .proc-view{height:auto;min-height:0;align-self:stretch}
  .proc-view .fallback{inset:2% 25% 30%;height:68%}
  .gauges{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proc-pin{height:360vh}
  .sel-shell,.calc,.qual-grid,.logi-grid,.about-grid,.contact-grid,.neck-panel,.faq-wrap{grid-template-columns:minmax(0,1fr)}
  .faq-wrap .sec-head{position:static}
  .sel-result{position:static}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px}
  .t1{grid-column:span 2;grid-row:span 1}.t2,.t3,.t4,.t5,.t6{grid-column:span 1}
  .chain{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(210px,40%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
  .chain li{scroll-snap-align:start}
  .ftr .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid .emblem{width:min(320px,76%);margin-inline:auto}
  .calc-row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  body{font-size:16px}
  .hdr .wrap{min-height:64px}
  .logo img{height:30px}
  .hdr-req{padding:0 14px}
  .lang{display:none}
  .hero{padding-top:calc(64px + 22px)}
  .hero-facts{gap:10px}
  .hero-facts b{font-size:1.15rem}
  .hero-facts span{font-size:.74rem}
  .ctas .btn{flex:1 1 100%}
  .cfg-stage{height:52vh;min-height:340px;border-radius:24px}
  .cfg-weights{grid-template-columns:repeat(5,minmax(0,1fr))}
  .cfg-row{flex-direction:column;align-items:stretch}
  .tone-pick{justify-content:center}
  .cfg-acts .btn{flex:1}
  .trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-row>div{padding:18px 0 16px 14px}
  .trust-row>div:nth-child(odd){border-left:0;padding-left:0}
  .trust-row>div:nth-child(n+3){border-top:1px solid var(--line)}
  .trust b{font-size:1.2rem}
  .trust span{font-size:.78rem}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card .w{font-size:1.45rem}
  .card .body{padding:12px}
  .card .row{flex-direction:column;align-items:flex-start}
  .lineup-labels{padding:0 8.5% 4px}
  .lineup-labels button{font-size:.64rem}
  .lineup-labels button span{display:none}
  .seg{width:100%;justify-content:space-between}
  .seg button{padding:9px 10px;font-size:.84rem}
  .seg-label{display:none}
  .drinks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:240px}
  .t1,.t2,.t3,.t4,.t5,.t6{grid-column:span 1}
  .chain{grid-auto-columns:68%}
  .company-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kz-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kz-strip figure,.kz-strip figure:first-child,.kz-strip figure:last-child{aspect-ratio:1}
  .req,.form .two,.neck-dl{grid-template-columns:minmax(0,1fr)}
  .req div:nth-child(odd){padding-right:0}
  .qv-in{grid-template-columns:minmax(0,1fr)}
  .qv-pic{min-height:260px}.qv-pic img{max-height:280px}
  .qv-body{padding:22px}
  .ftr .wrap{grid-template-columns:minmax(0,1fr)}
  .map-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .map-scroll svg{min-width:700px}
  .map text{font-size:15px}.map text.s,.map text.k{font-size:13px}
  .cmp-bar{left:12px;right:88px;transform:none;justify-content:space-between}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}}
  .cmp-thumbs{display:none}
  .cw-orb{width:58px;height:58px}
  .cw-teaser{right:70px}
  .neck-tabs{justify-self:stretch;justify-content:space-between}
  .neck-tabs button{padding:9px 12px}
  .nd-l{font-size:19px}.nd-n{font-size:18px}
}

/* =====================================================================
   v4: hero locator, lineup lab, anatomy, PET heat, detailed delivery map
   ===================================================================== */
.hero h1{margin-top:0}

/* hero locator: dot-matrix Kazakhstan with the site pinned */
.loc{display:flex;align-items:center;gap:20px;margin-top:44px;width:max-content;max-width:100%;color:inherit;text-decoration:none}
.loc-map{position:relative;flex:none;width:216px}
.loc-svg{display:block;width:100%;height:auto;overflow:visible}
.loc-corner{fill:none;stroke:var(--ink-3);stroke-width:1;opacity:.45}
.lb{fill:none;stroke-linecap:round;stroke-width:1.85;animation:lbin .7s calc(var(--b) * 110ms + .25s) cubic-bezier(.2,.8,.2,1) both}
.lb0{stroke:var(--cobalt)}
.lb1{stroke:var(--cobalt);opacity:.78}
.lb2{stroke:var(--cobalt);opacity:.5}
.lb3{stroke:#4F6FD0;opacity:.34}
.lb4{stroke:var(--ink);opacity:.2}
.lb5{stroke:var(--ink);opacity:.13}
@keyframes lbin{from{opacity:0}}
.loc-x,.loc-y{fill:none;stroke:var(--cobalt);stroke-width:1;opacity:.6;transform-box:fill-box;animation:.9s .75s cubic-bezier(.6,0,.2,1) both}
.loc-x{stroke-dasharray:.014 .011;transform-origin:var(--hx) 50%;animation-name:locx}
.loc-y{stroke-dasharray:.026 .02;transform-origin:50% var(--hy);animation-name:locy}
@keyframes locx{from{transform:scaleX(0)}}
@keyframes locy{from{transform:scaleY(0)}}
.loc-ret{fill:#fff;stroke:var(--gold);stroke-width:1.6}
.loc-pin{fill:var(--gold)}
.loc-ping{fill:none;stroke:var(--gold);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center;animation:locping 1.6s 1.3s ease-out both}
.loc:hover .loc-ping,.loc:focus-visible .loc-ping{animation:locping2 1.4s ease-out infinite}
@keyframes locping{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(4.4)}}
@keyframes locping2{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(4.4)}}
.loc-lat,.loc-lon{position:absolute;font:500 .62rem/1 var(--f-mono);color:var(--cobalt);white-space:nowrap;padding:2px 4px;border-radius:4px;background:rgba(255,255,255,.88);animation:locfade .5s 1.4s both}
@keyframes locfade{from{opacity:0}}
.loc-lat{left:2px;top:var(--hy);transform:translateY(calc(-100% - 3px))}
.loc-lon{left:var(--hx);top:-3px;transform:translate(5px,-100%)}
.loc-txt{display:grid;gap:3px;min-width:0}
.loc-txt b{font-weight:600;font-size:.95rem;color:var(--ink)}
.loc-txt span{font-size:.88rem;color:var(--ink-2);line-height:1.4}
.loc-txt em{margin-top:5px;font:500 .74rem var(--f-mono);font-style:normal;color:var(--cobalt);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .2s}
.loc:hover .loc-txt em,.loc:focus-visible .loc-txt em{text-decoration-color:currentColor}
.loc:focus-visible{outline:2px solid var(--cobalt);outline-offset:6px;border-radius:10px}
/* ---------- lineup lab ---------- */
.lab{position:relative;margin:0 0 34px;border-radius:var(--r-l);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);padding:clamp(16px, 2.4vw, 28px);overflow:hidden}
.lab-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:10px}
.lab-title b{display:block;font:300 clamp(1.25rem, 1rem + .8vw, 1.7rem)/1.15 var(--f-display);letter-spacing:-.03em}
.lab-title span{display:block;font-size:.88rem;color:var(--ink-3);margin-top:4px}
.lab-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--ink-2)}
.lab-legend span{display:inline-flex;align-items:center;gap:7px}
.lab-legend i{width:10px;height:10px;border-radius:3px}
.n1881{--nc:var(--cobalt)}.n1810{--nc:var(--iris)}.n38{--nc:var(--gold)}
.lab-legend i.n1881,.lab-legend i.n1810,.lab-legend i.n38{background:var(--nc)}
.lab-stage{position:relative;padding-left:34px;background:
  linear-gradient(rgba(42,91,240,.07) 1px,transparent 1px) 0 0/100% 24px,
  linear-gradient(90deg,rgba(42,91,240,.05) 1px,transparent 1px) 34px 0/calc((100% - 34px) / 10) 100%;
  border-bottom:1.5px solid var(--ink)}
.lab-scale{position:absolute;left:0;top:0;bottom:0;width:22px;border-right:1px solid var(--line-2);background:repeating-linear-gradient(180deg,transparent 0 23px,var(--ink-3) 23px 24px) right/8px 100% no-repeat,repeating-linear-gradient(180deg,transparent 0 5px,rgba(119,134,155,.5) 5px 6px) right/4px 100% no-repeat}
.lab-cols{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}
.lab-col{all:unset;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding-top:8px;--d:calc(var(--i) * 140ms)}
.lab-col:focus-visible{outline:2px solid var(--cobalt);outline-offset:-2px;border-radius:12px}
.lab-tag{font:500 .68rem var(--f-mono);color:var(--nc);padding:2px 6px;border-radius:5px;box-shadow:inset 0 0 0 1px currentColor;opacity:.85;position:relative;z-index:2}
.lab-fig{position:relative;width:100%;aspect-ratio:1/2.208;margin-top:4px}
.lab-fig img,.lab-ol{position:absolute;left:-50%;top:-13.84%;width:200%;height:auto;max-width:none;pointer-events:none}
.lab-fig img{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;transform-origin:50% 90%}
.lab-ol{overflow:visible}
.lab-ol path,.lab-ol line{fill:none;stroke:var(--cobalt);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;opacity:0;transition:opacity .3s}
.lab-ol line{stroke-width:1;stroke-dasharray:.02 .015;opacity:0}
.lab-w{font:300 1.12rem/1 var(--f-display);letter-spacing:-.03em;margin:10px 0 12px;position:relative;z-index:2}
.lab-w small{font-size:.7rem;margin-left:2px;color:var(--ink-3)}
.lab-col:hover img,.lab-col:focus-visible img,.lab-col.on img{transform:translateY(-8px) scale(1.04)}
.lab-col:hover .lab-ol path,.lab-col.on .lab-ol path{opacity:.9}
.lab-col:hover .lab-ol line,.lab-col.on .lab-ol line{opacity:.6}
.lab-cols:hover .lab-col:not(:hover) img{filter:saturate(.6) opacity(.55)}
/* blueprint reveal: outlines draw in, glass fills in behind the scan line */
.js .lab:not(.scanned) .lab-fig img{opacity:0;filter:blur(8px)}
.js .lab:not(.scanned) .lab-w,.js .lab:not(.scanned) .lab-tag{opacity:0}
.lab.scanned .lab-fig img{animation:labin .8s calc(var(--d) + .35s) both}
.lab.scanned .lab-w,.lab.scanned .lab-tag{animation:fadein .5s calc(var(--d) + .55s) both}
.lab.scanned .lab-ol path{animation:labdraw 1.5s var(--d) both}
@keyframes labin{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}
@keyframes labdraw{0%{stroke-dashoffset:1;opacity:1}55%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.lab-scan{position:absolute;top:0;bottom:0;left:34px;width:2px;background:linear-gradient(180deg,transparent,var(--cobalt) 20%,var(--azure) 80%,transparent);box-shadow:0 0 18px 4px rgba(63,168,242,.45);opacity:0;pointer-events:none}
.lab.scanned .lab-scan{animation:scan 1.7s cubic-bezier(.45,.05,.4,1) both}
@keyframes scan{0%{opacity:1;transform:translateX(0)}92%{opacity:1}100%{opacity:0;transform:translateX(calc(var(--sw, 1000px)))}}
.lab-hud{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s}
.lab-hud.on{opacity:1}
.lab-hud .hx{position:absolute;left:var(--hx,0);top:0;bottom:0;width:1px;background:repeating-linear-gradient(180deg,var(--cobalt) 0 4px,transparent 4px 8px)}
.lab-hud .hy{position:absolute;left:22px;width:calc(var(--hx,0px) - 22px);top:var(--hy,0);height:1px;background:repeating-linear-gradient(90deg,var(--cobalt) 0 4px,transparent 4px 8px)}
.lab-hud .hy::before{content:"";position:absolute;left:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--cobalt);box-shadow:0 0 0 3px rgba(42,91,240,.18)}
.lab-card{position:absolute;left:var(--cx,0);top:var(--cy,0);width:220px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);font-size:.84rem;transition:left .25s cubic-bezier(.2,.8,.2,1),top .25s}
.lab-card b{display:block;font:300 1.7rem/1 var(--f-display);letter-spacing:-.04em}
.lab-card dl{display:grid;grid-template-columns:auto auto;gap:4px 12px;margin:10px 0 0}
.lab-card dt{color:var(--ink-3)}
.lab-card dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.lab-card em{display:block;margin-top:10px;font-style:normal;font-size:.78rem;color:var(--cobalt);font-weight:600}
.lab-chart{position:relative;margin-left:34px;height:96px;border-bottom:1px dashed var(--line-2)}
.lab-chart svg{position:absolute;inset:0;width:100%;height:100%}
.lab-ck{position:absolute;left:0;top:6px;font:500 .7rem var(--f-mono);color:var(--ink-3);z-index:1}
.lc-grid line{stroke:rgba(13,27,46,.07);stroke-width:1;vector-effect:non-scaling-stroke}
.lc-line{fill:none;stroke:var(--cobalt);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:2400;stroke-dashoffset:2400}
.lab.scanned .lc-line{transition:stroke-dashoffset 1.8s .4s cubic-bezier(.45,.05,.4,1);stroke-dashoffset:0}
.lab-cdots{position:absolute;inset:0}
.lab-cdots span{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--cobalt)}
.lab-cdots b{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);font:500 .7rem var(--f-mono);color:var(--ink-2);white-space:nowrap}
.js .lab:not(.scanned) .lab-cdots span{opacity:0}
.lab.scanned .lab-cdots span{animation:fadein .4s calc(var(--i) * 140ms + .6s) both}
.lab-groups{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin-left:34px;padding-top:12px}
.lab-groups span{grid-column:var(--a)/var(--b);position:relative;text-align:center;font-weight:600;font-size:.86rem;padding-top:12px}
.lab-groups i{position:absolute;left:10%;right:10%;top:0;height:8px;border:1.5px solid var(--ink-3);border-top:0;border-radius:0 0 6px 6px}

/* ---------- anatomy ---------- */
.anat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px, 4vw, 56px);align-items:center}
.anat-stage{position:relative;height:min(78vh,700px);min-height:460px;border-radius:var(--r-l);overflow:hidden;background:
  linear-gradient(rgba(42,91,240,.05) 1px,transparent 1px) 0 0/26px 26px,
  linear-gradient(90deg,rgba(42,91,240,.05) 1px,transparent 1px) 0 0/26px 26px,
  radial-gradient(60% 60% at 50% 45%,#FFFFFF,#EEF4FB);box-shadow:inset 0 0 0 1px var(--line)}
.anat-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
.anat-stage .fallback{position:absolute;inset:6% 22%;width:56%;height:88%;object-fit:contain;display:none}
.anat-stage.nogl .fallback{display:block}
.anat-stage.nogl .hs{display:none}
.hs{position:absolute;left:var(--x,-100px);top:var(--y,-100px);z-index:2;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;background:var(--ink);color:#fff;font:500 .82rem var(--f-display);cursor:pointer;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 6px 16px -6px rgba(13,27,46,.6);transition:transform .2s,background .2s}
.hs::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px solid var(--cobalt);opacity:0;animation:hsping 2.4s ease-out infinite}
@keyframes hsping{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(1.5)}}
.hs.on,.hs:hover{background:var(--cobalt);transform:scale(1.15)}
.anat-mode{position:absolute;right:16px;top:16px;z-index:3;display:flex;gap:3px;padding:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.anat-mode button{border:0;background:transparent;border-radius:999px;padding:8px 14px;font-weight:600;font-size:.86rem;color:var(--ink-2);cursor:pointer}
.anat-mode button[aria-pressed="true"]{background:var(--ink);color:#fff}
.anat-sec{position:absolute;left:18px;bottom:16px;font:500 .78rem var(--f-mono);color:var(--cobalt);letter-spacing:.04em}
.anat-list{list-style:none;margin:0;padding:0;display:grid;counter-reset:an;border-top:1px solid var(--line)}
.anat-list li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:18px 8px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .25s;border-radius:4px}
.anat-list li::before{counter-increment:an;content:counter(an);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.2px var(--line-2);font:500 .85rem var(--f-display);color:var(--ink-2);transition:all .25s}
.anat-list li.on{background:var(--cobalt-50)}
.anat-list li.on::before{background:var(--cobalt);color:#fff;box-shadow:none}
.anat-list b{font-weight:600}
.anat-list p{color:var(--ink-2);font-size:.94rem;margin-top:3px}

/* ---------- PET under heat ---------- */
.therm{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20px, 4vw, 56px);align-items:center;padding:clamp(18px, 3vw, 34px);border-radius:var(--r-l);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.therm-vis{position:relative;height:clamp(300px, 34vw, 420px);border-radius:20px;background:radial-gradient(55% 45% at 50% 62%,var(--heatbg,rgba(196,216,240,.6)),transparent 70%),linear-gradient(180deg,#FBFDFF,#EEF4FB);overflow:hidden;transition:background .4s}
.tv{position:absolute;left:50%;top:7%;height:86%;width:auto;transform:translateX(-50%);overflow:visible}
.tv-body{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--sag,1)) skewX(var(--skew,0deg));transition:transform .4s}
.tv-glass{fill:url(#tv-g);opacity:var(--glass,1);transition:opacity .3s}
.tv-heat{fill:url(#tv-h);opacity:var(--heat,0);transition:opacity .3s}
.tv-nk{stop-opacity:var(--nk,0)}
.tv-shine{fill:url(#tv-hx);opacity:calc(1 - var(--milk,0))}
.tv-milk{fill:#F7F9FC;opacity:var(--milk,0);transition:opacity .3s}
.tv-edge{fill:none;stroke:var(--edge,#1D44C4);stroke-width:2.5;opacity:.7;transition:stroke .3s}
.tv-drip{fill:#E8582A;opacity:var(--drip,0);transition:opacity .3s}
.tv-temp{position:absolute;left:18px;top:16px;font:500 .9rem var(--f-mono);color:var(--ink-2)}
.tv-temp b{font:300 2.6rem/1 var(--f-display);letter-spacing:-.04em;color:var(--tcol,var(--ink));transition:color .3s}
.therm-ctl{display:grid;gap:18px}
.therm-scale{position:relative;height:96px}
.ts-deco{position:absolute;inset:0}
.ts-bar{position:absolute;left:0;right:0;top:46px;height:12px;border-radius:999px;background:linear-gradient(90deg,#9CC5FF 0%,#63C9FF 18%,#2A5BF0 33%,#8A7CF5 50%,#F2B544 75%,#F0703A 90%,#C43D2B 100%);box-shadow:inset 0 0 0 1px rgba(13,27,46,.06)}
.ts-zone{position:absolute;top:36px;left:calc(var(--a) / 300 * 100%);width:calc((var(--b) - var(--a)) / 300 * 100%);height:4px;border-radius:2px;background:currentColor}
.ts-zone em{position:absolute;left:0;bottom:8px;font:500 .66rem/1 var(--f-mono);font-style:normal;white-space:nowrap}
.ts-zone.r1 em{bottom:22px}
.ts-zone.r1::before{content:"";position:absolute;left:0;bottom:4px;height:18px;border-left:1px solid currentColor;opacity:.5}
.z-blow{color:var(--cobalt)}.z-cry{color:#B07A1F}.z-melt,.z-inj{color:#C43D2B}.z-tg{color:var(--iris)}.z-store{color:var(--azure)}
.ts-ticks{position:absolute;left:0;right:0;top:68px}
.ts-ticks span{position:absolute;left:calc(var(--t) / 300 * 100%);transform:translateX(-50%);font:500 .7rem var(--f-mono);color:var(--ink-3)}
.ts-ticks span::before{content:"";position:absolute;left:50%;top:-8px;height:5px;border-left:1px solid var(--line-2)}
#therm-r{-webkit-appearance:none;appearance:none;position:absolute;left:-12px;width:calc(100% + 24px);top:36px;height:32px;margin:0;background:none;cursor:ew-resize}
#therm-r::-webkit-slider-runnable-track{height:32px;background:transparent}
#therm-r::-moz-range-track{height:32px;background:transparent}
#therm-r::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:32px;border-radius:9px;background:#fff linear-gradient(90deg,transparent 11px,var(--ink) 11px 13px,transparent 13px);box-shadow:0 0 0 2px var(--ink),0 8px 18px rgba(13,27,46,.25)}
#therm-r::-moz-range-thumb{width:24px;height:32px;border:0;border-radius:9px;background:#fff linear-gradient(90deg,transparent 11px,var(--ink) 11px 13px,transparent 13px);box-shadow:0 0 0 2px var(--ink),0 8px 18px rgba(13,27,46,.25)}
#therm-r:focus{outline:none}
#therm-r:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ink),0 0 0 6px rgba(42,91,240,.3)}
#therm-r:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ink),0 0 0 6px rgba(42,91,240,.3)}
.therm-zone{min-height:96px;padding:14px 16px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.therm-zone b{font-weight:600}
.therm-zone p{color:var(--ink-2);font-size:.94rem;margin-top:4px}
.therm-presets{display:flex;flex-wrap:wrap;gap:6px}
.therm-presets button{border:0;border-radius:999px;padding:7px 13px;font:600 .82rem var(--f-text);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;color:var(--ink-2)}
.therm-presets button:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.mol{position:relative;margin-top:clamp(28px, 4vw, 48px);height:112px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mol-track{display:flex;width:max-content;animation:molmove 60s linear infinite}
@keyframes molmove{to{transform:translateX(-50%)}}
.mol-svg{display:block;max-width:none}
.mol .mb{fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.mol .ma{fill:none;stroke:var(--cobalt);stroke-width:1.2;opacity:.6}
.mol .mo{fill:var(--mist);stroke:var(--cobalt);stroke-width:1}
.mol text{fill:var(--cobalt);font:600 12px var(--f-text);text-anchor:middle}
.pet-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px 40px;align-items:start;margin-top:14px}
.mol-cap{font-size:.9rem;color:var(--ink-3);max-width:56ch}
.pet-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pet-facts li{padding:14px 16px;background:#fff}
.pet-facts b{display:block;font:300 1.35rem var(--f-display);letter-spacing:-.03em}
.pet-facts span{display:block;font-size:.8rem;color:var(--ink-3);margin-top:4px;line-height:1.35}

/* ---------- detailed delivery map ---------- */
.geo{border-radius:var(--r-l);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);overflow:hidden}
.geo-map{position:relative;aspect-ratio:1400/832;background:#E8EEF5;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}
.geo-map.drag{cursor:grabbing}
.gmap{display:block;width:100%;height:100%}
.gm-sea{fill:#E8EEF5}
.gm-c{fill:#E6EBF2}
.gm-kz{fill:#FFFFFF}
.gm-kzd{fill:url(#gm-kzgrid);stroke:var(--ink);stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.gm-kd{fill:rgba(42,91,240,.14)}
.gm-b{fill:none;stroke:#8E9DB2;stroke-width:.9;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
.gm-grat{fill:none;stroke:rgba(13,27,46,.07);stroke-width:1;vector-effect:non-scaling-stroke}
.gm-mtn{fill:url(#gm-hatch);stroke:rgba(68,84,108,.22);stroke-width:.8}
.gm-hl{stroke:rgba(68,84,108,.26);stroke-width:1.1}
.gm-des{fill:url(#gm-dots)}
.gm-dl{fill:rgba(226,162,59,.45)}
.gm-val{fill:rgba(99,201,255,.08)}
.gm-lake{fill:#CFE6FA;stroke:#7FB8EA;stroke-width:.8}
.gm-riv{fill:none;stroke:#6FB3EE;stroke-width:1.6;stroke-linecap:round}
.gm-ring{fill:none;stroke:rgba(42,91,240,.28);stroke-width:1;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}
.gm-rl{fill:var(--cobalt);font:500 12px var(--f-mono)}
.gm-cn{fill:#8593A8;font:500 15px var(--f-text);letter-spacing:.32em}
.gm-rg{fill:#8A6A2E;font:italic 500 13px var(--f-text);letter-spacing:.05em}
.gm-wl{fill:#3D86C9;font:italic 500 12px var(--f-text)}
.gm-hw{fill:none;stroke:rgba(138,124,245,.22);stroke-width:7;stroke-linecap:round}
.gm-rt{fill:none;stroke:url(#gm-rt);stroke-width:2.2;stroke-dasharray:6 7;animation:dash 2.4s linear infinite}
.gm-sel{fill:none;stroke:var(--cobalt);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:drop-shadow(0 0 6px rgba(42,91,240,.55));stroke-dasharray:var(--len,0);stroke-dashoffset:var(--len,0)}
.gm-sel.go{transition:stroke-dashoffset 1.1s cubic-bezier(.45,.05,.4,1);stroke-dashoffset:0}
.gm-shield rect{fill:var(--ink)}
.gm-shield text{fill:#fff;font:700 11px var(--f-text)}
.gm-kpp rect{fill:#fff;stroke:var(--gold);stroke-width:1.6}
.gm-kpp text{fill:var(--gold-d);font:600 11px var(--f-text)}
.gm-tb{fill:var(--cobalt)}.gm-tc,.gm-tw{fill:var(--ink)}
.gm-town circle{fill:#fff;stroke:#77869B;stroke-width:1.2}
.gm-town text{fill:var(--ink-2);font:500 11.5px var(--f-text)}
.gmap .node{cursor:pointer}
.gmap .node .c{fill:#fff;stroke:var(--cobalt);stroke-width:2.2;transition:fill .2s}
.gmap .node .halo{fill:rgba(42,91,240,.08);transition:all .3s}
.gmap .node .n{fill:var(--ink);font:600 15px var(--f-text);paint-order:stroke;stroke:#fff;stroke-width:4px}
.gmap .node .k{fill:var(--cobalt);font:500 12px var(--f-mono);paint-order:stroke;stroke:#fff;stroke-width:3px}
.gmap .node:hover .c,.gmap .node.sel .c{fill:var(--cobalt)}
.gmap .node.sel .halo{fill:rgba(42,91,240,.18);r:22}
.gmap .node:focus{outline:none}
.gmap .node:focus-visible .c{stroke:var(--gold);stroke-width:3}
.gm-hq .c{fill:var(--gold);stroke:#fff;stroke-width:3}
.gm-hq .n{fill:var(--ink);font:700 15px var(--f-text);paint-order:stroke;stroke:#fff;stroke-width:4px}
.gm-hq .s{fill:var(--ink-2);font:500 12px var(--f-text);paint-order:stroke;stroke:#fff;stroke-width:3px}
.gm-hq .pulse{fill:none;stroke:var(--gold);stroke-width:2;transform-origin:center;transform-box:fill-box;animation:pulse 2.6s ease-out infinite}
.gm-hq .pulse.p2{animation-delay:1.3s}
.geo-hud{position:absolute;left:14px;top:14px;display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;min-width:200px}
.geo-hud b{font-weight:600;font-size:.92rem}
.geo-coord{font:500 .78rem var(--f-mono);color:var(--cobalt)}
.geo-dist{font:500 .74rem var(--f-mono);color:var(--ink-3)}
.geo-zoom{position:absolute;right:14px;top:14px;display:grid;border-radius:14px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.geo-zoom button{width:40px;height:40px;border:0;background:transparent;font-size:1.25rem;cursor:pointer;color:var(--ink);display:grid;place-items:center}
.geo-zoom button+button{border-top:1px solid var(--line)}
.geo-zoom button:hover{background:var(--mist)}
.geo-zoom svg{width:18px;height:18px}
.geo-scale{position:absolute;left:12px;bottom:40px;display:flex;align-items:center;gap:8px;padding:5px 9px 6px;border-radius:8px;background:rgba(255,255,255,.86);box-shadow:0 0 0 1px var(--line);font:500 .74rem var(--f-mono);color:var(--ink-2);pointer-events:none}
.geo-scale i{display:block;height:8px;width:var(--sw,100px);border:1.5px solid var(--ink);border-top:0;background:linear-gradient(90deg,var(--ink) 50%,#fff 50%) bottom/100% 3px no-repeat}
.geo-legend{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:4px 16px;padding:9px 16px;background:rgba(255,255,255,.88);border-top:1px solid var(--line);font-size:.76rem;color:var(--ink-2);pointer-events:none}
.geo-legend span{display:inline-flex;align-items:center;gap:7px}
.geo-legend i{display:inline-block;width:20px;height:8px}
.lg-hw{border-top:5px solid rgba(138,124,245,.4);border-radius:3px;height:0!important}
.lg-rt{border-top:2px dashed var(--cobalt);height:0!important}
.lg-b{border-top:2px dashed #8E9DB2;height:0!important}
.lg-m{background:repeating-linear-gradient(45deg,rgba(68,84,108,.45) 0 1px,transparent 1px 4px);border-radius:2px}
.lg-d{background:radial-gradient(rgba(226,162,59,.8) 1px,transparent 1.4px) 0 0/4px 4px;border-radius:2px}
.geo-strip{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr);border-top:1px solid var(--line)}
.geo-strip>div{padding:20px 22px;min-width:0}
.geo-strip>div+div{border-left:1px solid var(--line)}
.geo-k{display:block;font:500 .72rem var(--f-mono);color:var(--ink-3);margin-bottom:10px}
.geo-pick .cities{display:flex;flex-wrap:wrap;gap:6px}
.cities button{border:0;border-radius:999px;padding:8px 13px;font-weight:600;font-size:.86rem;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;color:var(--ink-2)}
.cities button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.cities button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.route-sheet{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:0}
.route-sheet li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;animation:fadein .35s calc(var(--i) * 70ms) both}
.route-sheet li::before{content:"";width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--cobalt);justify-self:center;position:relative;z-index:1}
.route-sheet li::after{content:"";position:absolute;left:10px;top:50%;height:100%;width:2px;background:repeating-linear-gradient(180deg,var(--cobalt) 0 4px,transparent 4px 7px)}
.route-sheet li:last-child::after{display:none}
.route-sheet li:first-child::before{background:var(--gold);box-shadow:0 0 0 3px var(--gold-50)}
.route-sheet li:last-child::before{background:var(--cobalt)}
.route-sheet li.kpp::before{border-radius:2px;transform:rotate(45deg);box-shadow:inset 0 0 0 2px var(--gold)}
.route-sheet span{font-size:.92rem;font-weight:500}
.route-sheet li:last-child span{font-weight:700}
.route-sheet em{font:500 .8rem var(--f-mono);font-style:normal;color:var(--cobalt)}
.geo-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.gk span{display:block;font:500 .72rem var(--f-mono);color:var(--ink-3)}
.gk b{display:block;font:300 clamp(1.15rem, .9rem + .7vw, 1.6rem)/1.15 var(--f-display);letter-spacing:-.03em;margin-top:2px;white-space:nowrap}
.gk-kpp{grid-column:1/-1}.gk-kpp b{font:600 .95rem var(--f-text);letter-spacing:0;color:var(--gold-d)}
.gk-kpp[hidden]{display:none}
.geo-kpi .route-q{grid-column:1/-1;display:grid;gap:6px;font-size:.84rem;color:var(--ink-2)}
.geo-kpi .route-q input{font:600 .95rem var(--f-text);padding:11px 13px;border-radius:12px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--paper)}
.geo-kpi .route-q input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.geo-kpi .btn{grid-column:1/-1}
.geo-note{padding:12px 22px;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-3)}
#delivery .deliv-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}

@media (max-width:1000px){
  .anat,.therm{grid-template-columns:minmax(0,1fr)}
  .anat-stage{height:62vh;min-height:400px}
  .pet-foot{grid-template-columns:minmax(0,1fr)}
  .geo-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .geo-pick{grid-column:1/-1}
  .geo-strip>div+div{border-left:0;border-top:1px solid var(--line)}
  .geo-strip>.geo-kpi{border-left:1px solid var(--line)}
}
@media (max-width:720px){
  .loc{gap:14px;margin-top:34px}
  .loc-map{width:148px}
  .loc-txt b{font-size:.88rem}
  .loc-txt span{font-size:.82rem}
  .lab{padding:14px 10px}
  .lab-stage{padding-left:0;background-position:0 0,0 0;background-size:100% 24px,10% 100%}
  .lab-scale{display:none}
  .lab-scan{left:0}
  .lab-chart,.lab-groups{margin-left:0}
  .lab-tag{font-size:.56rem;padding:1px 3px}
  .lab-w{font-size:.78rem}
  .lab-w small{display:none}
  .lab-card{width:180px;font-size:.78rem}
  .lab-cdots b{font-size:.56rem}
  .lab-groups span{font-size:.72rem}
  .geo-map{aspect-ratio:auto;height:460px}
  .geo-strip{grid-template-columns:minmax(0,1fr)}
  .geo-strip>.geo-kpi{border-left:0}
  .geo-legend{display:none}
  .geo-scale{bottom:12px}
  .geo-hud{min-width:0;max-width:62%}
  #delivery .deliv-list{grid-template-columns:minmax(0,1fr)}
  .pet-facts{grid-template-columns:minmax(0,1fr)}
  .ts-zone em{font-size:.56rem}
}

/* =====================================================================
   v5: multipage. Header menus, page heads, item pages, articles, tools
   ===================================================================== */

/* ---------- header: section menus ---------- */
.hdr .wrap{position:relative}
.nav{gap:0}
.ni{position:relative}
.nav .nl{display:block}
.nav .mega a{white-space:normal;padding:0;border-radius:0;color:inherit;font-weight:inherit;font-size:inherit}
.nav .mega a::after{display:none}
.mega{position:absolute;top:100%;left:-14px;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility 0s .18s;z-index:5}
.ni:hover>.mega,.ni:focus-within>.mega{opacity:1;visibility:visible;transform:none;transition:opacity .2s .06s,transform .2s .06s,visibility 0s .06s}
.ni:nth-last-child(-n+3)>.mega{left:auto;right:-14px}
.ni:hover>.nl,.ni:focus-within>.nl{color:var(--ink)}
.mm-in{background:rgba(255,255,255,.98);border-radius:22px;box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -30px rgba(13,27,46,.35),0 2px 6px rgba(13,27,46,.05);padding:14px;display:grid;gap:12px}
.mm-cols{grid-template-columns:200px 290px}
.mm-hub{display:grid;align-content:end;gap:6px;min-height:150px;padding:18px!important;border-radius:16px!important;background:radial-gradient(120% 90% at 100% 0%,rgba(63,168,242,.22),transparent 60%),linear-gradient(160deg,var(--mist),#fff);text-decoration:none}
.mm-hub b{font:300 1.25rem/1.1 var(--f-display);letter-spacing:-.03em;color:var(--ink)}
.mm-hub span{font-size:.82rem;color:var(--ink-3);line-height:1.35}
.mm-list{display:grid;align-content:start;gap:2px}
.nav .mm-list a{display:grid;gap:1px;padding:9px 12px;border-radius:12px;text-decoration:none;transition:background .15s}
.nav .mm-list a:hover,.nav .mm-list a:focus-visible{background:var(--paper)}
.mm-list b{font-weight:600;font-size:.92rem;color:var(--ink)}
.mm-list span{font-size:.8rem;color:var(--ink-3);line-height:1.3}
.mm-k{display:block;font:500 .7rem var(--f-mono);color:var(--ink-3);padding:4px 12px 6px}
.mega-cat .mm-in{grid-template-columns:auto 240px;align-items:stretch}
.mm-pfs{padding:4px 4px 0;border-radius:16px;background:linear-gradient(rgba(42,91,240,.05) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,rgba(42,91,240,.05) 1px,transparent 1px) 0 0/16px 16px,var(--paper)}
.mm-row{display:grid;grid-template-columns:repeat(10,54px);align-items:end;padding:0 8px 10px}
.nav .mm-pf{display:grid;justify-items:center;gap:2px;padding:6px 0 4px;border-radius:12px;text-decoration:none;transition:background .15s}
.nav .mm-pf:hover,.nav .mm-pf:focus-visible{background:#fff}
.mm-pf img{width:44px;height:auto;aspect-ratio:720/1000;object-fit:contain;transform:scale(calc(var(--k,1)*.9));transform-origin:50% 100%;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mm-pf:hover img{transform:scale(calc(var(--k,1)*.9)) translateY(-4px)}
.mm-pf b{font:400 .86rem/1 var(--f-display);letter-spacing:-.03em;color:var(--ink);margin-top:4px}
.mm-pf small{font:500 .62rem var(--f-mono);color:var(--ink-3)}
.nav .mm-all{margin-top:auto;padding:11px 12px!important;border-radius:12px!important;background:var(--ink)!important;color:#fff!important;font-weight:600!important;font-size:.86rem!important;text-align:center}

/* mobile menu groups */
.mnav{gap:0}
.mnav .mn-home{border-bottom:1px solid var(--line)}
.mn-g{border-bottom:1px solid var(--line)}
.mn-g summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font:300 1.45rem var(--f-display);padding:11px 0}
.mn-g summary::-webkit-details-marker{display:none}
.mn-g summary::after{content:"+";font:300 1.4rem var(--f-text);color:var(--ink-3);transition:transform .2s}
.mn-g[open] summary::after{transform:rotate(45deg)}
.mnav .mn-g a{display:block;font:500 1rem/1.3 var(--f-text);padding:9px 0 9px 2px;border:0;color:var(--ink-2)}
.mnav .mn-g a:first-of-type{color:var(--ink);font-weight:600}
.mn-g[open]{padding-bottom:10px}
.mn-foot{display:grid;gap:10px;margin-top:22px}
.mn-lang{display:flex;gap:6px}
.mnav .mn-lang a{font:700 .82rem var(--f-text);padding:8px 14px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}
.mnav .mn-lang a[aria-current]{background:var(--ink);color:#fff;box-shadow:none}
.mn-foot .tel{font:400 1.25rem var(--f-display)!important;margin:0!important}

/* ---------- inner page head ---------- */
.ph{position:relative;padding-top:calc(76px + clamp(30px, 4vw, 64px));padding-bottom:clamp(40px, 5vw, 76px);background:radial-gradient(55% 60% at 92% 0%,rgba(99,201,255,.15),transparent 70%),linear-gradient(180deg,#FFFFFF,var(--paper));overflow:hidden}
.ph-grid{display:grid;gap:clamp(24px, 4vw, 64px)}
.ph-grid.has-aside{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
.ph h1{font-weight:300;font-size:clamp(2.1rem, 1.1rem + 2.9vw, 3.9rem);line-height:1.05;letter-spacing:-.04em;max-width:17ch}
.ph .lede{margin-top:22px;max-width:62ch}
.crumbs ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:.84rem;color:var(--ink-3)}
.crumbs li+li::before{content:"/";margin:0 9px;color:var(--line-2)}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}
.crumbs [aria-current]{color:var(--ink-3)}
.ph-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.ph-chips a{display:inline-flex;align-items:baseline;gap:8px;padding:10px 15px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;font-weight:600;font-size:.9rem;transition:box-shadow .2s,transform .2s}
.ph-chips a:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-1px)}
.ph-chips a span{font-weight:500;color:var(--ink-3);font-size:.8rem}
.ph-aside{min-width:0}
.ph-cat,.ph-tech,.ph-neck{background:linear-gradient(rgba(42,91,240,.055) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(42,91,240,.055) 1px,transparent 1px) 0 0/28px 28px,radial-gradient(60% 70% at 95% 0%,rgba(99,201,255,.16),transparent 70%),linear-gradient(180deg,#FFFFFF,var(--paper))}
.ph-tools{background:radial-gradient(50% 70% at 100% 10%,rgba(42,91,240,.12),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(138,124,245,.10),transparent 70%),linear-gradient(180deg,#FFFFFF,var(--mist))}
.ph-q::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad-iri);opacity:.75}
.ph-del{background:radial-gradient(circle,rgba(42,91,240,.13) 1px,transparent 1.4px) 0 0/16px 16px,radial-gradient(60% 70% at 95% 0%,rgba(99,201,255,.16),transparent 70%),linear-gradient(180deg,#FFFFFF,var(--paper))}
.ph-dl{margin-top:30px;max-width:620px}
.neck-big{border-radius:var(--r-l);background:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);padding:clamp(10px, 2vw, 22px)}
.neck-big svg{display:block;width:100%;height:auto}
/* photo head */
.ph-photo{min-height:min(74vh,640px);display:flex;align-items:flex-end;color:#fff;background:var(--ink)}
.ph-photo .wrap{position:relative;z-index:1;width:100%}
.ph-bg{position:absolute;inset:0;z-index:0}
.ph-bg img{width:100%;height:100%;object-fit:cover;animation:phzoom 14s ease-out both}
.ph-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,46,.35) 0%,rgba(13,27,46,.08) 35%,rgba(13,27,46,.78) 100%),linear-gradient(90deg,rgba(13,27,46,.55),transparent 65%)}
@keyframes phzoom{from{transform:scale(1.07)}}
.ph-photo h1{color:#fff;max-width:16ch}
.ph-photo .lede{color:rgba(255,255,255,.88)}
.ph-photo .crumbs ol,.ph-photo .crumbs [aria-current]{color:rgba(255,255,255,.7)}
.ph-photo .crumbs a{color:#fff}
.ph-photo .crumbs li+li::before{color:rgba(255,255,255,.4)}
.ph-photo .ph-chips a{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ph-photo .ph-chips a span{color:rgba(255,255,255,.75)}
.ph-photo .ph-chips a:hover{box-shadow:inset 0 0 0 1px #fff}

/* ---------- shared bits ---------- */
.wrap.narrow{max-width:900px}
.sec-tight{padding-block:clamp(36px, 4vw, 56px)}
.sec-tool{padding-block:clamp(40px, 5vw, 72px)}
.sec-head .more,.more{justify-self:start;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.94rem;color:var(--cobalt);text-decoration:none}
.more::before{content:"";width:22px;height:1.5px;background:currentColor;transition:width .25s}
.more:hover::before{width:34px}
.proc-more{margin-top:6px}
.neck-acts{display:flex;flex-wrap:wrap;gap:8px}
.card a.w{text-decoration:none;color:inherit;width:max-content}
.card a.w:hover{color:var(--cobalt)}
.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
.cta-band{padding-block:clamp(48px, 6vw, 90px);background:var(--paper)}
.cta-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;padding:clamp(24px, 3.6vw, 48px);border-radius:var(--r-l);background:radial-gradient(70% 140% at 100% 0%,rgba(63,168,242,.2),transparent 60%),radial-gradient(50% 120% at 0% 100%,rgba(138,124,245,.10),transparent 60%),linear-gradient(135deg,#FFFFFF,var(--mist));box-shadow:inset 0 0 0 1px var(--line)}
.cta-in h2{font-weight:300;font-size:clamp(1.45rem, 1rem + 1.4vw, 2.2rem);letter-spacing:-.03em}
.cta-in p{margin-top:10px;color:var(--ink-2);max-width:56ch}
.cta-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.lc{position:relative;display:grid;align-content:start;gap:8px;padding:22px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.lc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.lc b{font:300 1.25rem/1.15 var(--f-display);letter-spacing:-.03em}
.lc>span:last-child{color:var(--ink-3);font-size:.9rem}
.lc-n{font:500 .74rem var(--f-mono);color:var(--cobalt)}
.lc-vis{display:block;margin:-10px -10px 6px;border-radius:14px;overflow:hidden;aspect-ratio:16/9}
.lc-vis img{width:100%;height:100%;object-fit:cover}
.tbl-wrap{overflow-x:auto;border-radius:20px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem;min-width:560px}
.tbl th,.tbl td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl tr:last-child>*{border-bottom:0}
.tbl thead th{font:500 .74rem var(--f-mono);color:var(--ink-3);background:var(--paper);white-space:nowrap}
.tbl tbody th{font-weight:600}
.tbl a{color:var(--ink);text-decoration-color:rgba(42,91,240,.35);text-underline-offset:3px}
.tbl a:hover{color:var(--cobalt)}
.tbl-necks.hl-1 tr>*:nth-child(2),.tbl-necks.hl-2 tr>*:nth-child(3),.tbl-necks.hl-3 tr>*:nth-child(4){background:var(--cobalt-50)}
.tbl-necks.hl-1 thead tr>*:nth-child(2),.tbl-necks.hl-2 thead tr>*:nth-child(3),.tbl-necks.hl-3 thead tr>*:nth-child(4){box-shadow:inset 0 3px 0 var(--cobalt)}
.tbl-pick td:last-child a{display:inline-block;margin:2px 6px 2px 0;padding:4px 10px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;font-weight:600;font-variant-numeric:tabular-nums}
.tbl-pick td:last-child a:hover{background:var(--ink);color:#fff;box-shadow:none}
.tbl-mx td{white-space:nowrap}
.mx-best{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--ink);color:#fff!important;text-decoration:none;font-weight:600;font-variant-numeric:tabular-nums}
.mx-best:hover{background:var(--cobalt)}
.mx-alt{display:inline-block;margin-left:6px;padding:4px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;font-size:.86rem;font-variant-numeric:tabular-nums}
.mx-alt:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.mx-none{font-size:.84rem;color:var(--ink-3)}
.mx-note{margin-top:16px;font-size:.88rem;color:var(--ink-3);max-width:80ch}
.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;margin-top:28px;color:var(--ink-2)}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:st}
.steps3.steps4{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps3 li{counter-increment:st;position:relative;display:grid;align-content:start;gap:8px;padding:56px 22px 24px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.steps3 li::before{content:counter(st,decimal-leading-zero);position:absolute;left:22px;top:20px;font:500 .78rem var(--f-mono);color:var(--cobalt)}
.steps3 li::after{content:"";position:absolute;left:52px;right:22px;top:27px;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}
.steps3 b{font:400 1.08rem/1.25 var(--f-display);letter-spacing:-.02em}
.steps3 span{color:var(--ink-2);font-size:.94rem}
.blueprint .steps3 li,.paper .steps3 li{background:rgba(255,255,255,.92)}

/* ---------- item page ---------- */
.prod{padding-top:calc(76px + clamp(22px, 3vw, 44px));padding-bottom:clamp(40px, 5vw, 70px);background:radial-gradient(60% 50% at 20% 10%,rgba(99,201,255,.14),transparent 70%),linear-gradient(180deg,#FFFFFF,var(--paper))}
.prod-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px, 4vw, 64px);align-items:center}
.cfg-sku .cfg-stage{height:min(66vh,620px)}
.cfg-sku .cfg-row{justify-content:center}
.prod-info{display:grid;gap:20px;align-content:center}
.prod-info h1{font-weight:300;font-size:clamp(2rem, 1rem + 2.6vw, 3.4rem);line-height:1.05;letter-spacing:-.04em}
.prod-info .hit-l{justify-self:start}
.prod-info .lede{margin:0}
.prod-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.prod-dl div{padding:13px 0;border-bottom:1px solid var(--line)}
.prod-dl div:nth-child(odd){padding-right:16px}
.prod-dl dt{font-size:.8rem;color:var(--ink-3)}
.prod-dl dd{margin:3px 0 0;font-weight:600}
.prod-dl a{color:var(--cobalt);text-underline-offset:3px}
.prod-acts{display:flex;flex-wrap:wrap;gap:10px}
.prod-nav span{display:block;font:500 .72rem var(--f-mono);color:var(--ink-3);margin-bottom:8px}
.wnav{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.wnav a{padding:8px 10px;border-radius:11px;text-decoration:none;font:600 .84rem/1 var(--f-text);color:var(--ink-2);font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.wnav a small{font-weight:500;font-size:.7rem;margin-left:2px;opacity:.7}
.wnav a:hover{background:var(--mist);color:var(--ink)}
.wnav a[aria-current]{background:var(--ink);color:#fff}
.spec-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0;border-top:1px solid var(--line)}
.spec-dl div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}
.spec-dl dt{color:var(--ink-3)}
.spec-dl dd{margin:0;font-weight:600;text-align:right}
.bignums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.bignums div{padding:22px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.bignums b{display:block;font:300 clamp(1.7rem, 1.2rem + 1.4vw, 2.5rem)/1 var(--f-display);letter-spacing:-.04em}
.bignums span{display:block;margin-top:8px;color:var(--ink-3);font-size:.88rem}
.uses{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.use{position:relative;display:grid;gap:4px;padding:20px 20px 20px 24px;border-radius:20px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .25s,box-shadow .25s}
.use::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--line-2)}
.use.best::before{background:var(--cobalt)}
.use:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.use b{font:400 1.08rem var(--f-display);letter-spacing:-.02em}
.use span{color:var(--ink-3);font-size:.88rem}
.use em{font-style:normal;font:500 .72rem var(--f-mono);color:var(--ink-3);margin-top:6px}
.use.best em{color:var(--cobalt)}
.nk-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px, 4vw, 60px);align-items:center;padding:clamp(16px, 3vw, 34px);border-radius:var(--r-l);background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--line)}
.nk-split h3{font-weight:300;font-size:1.6rem;letter-spacing:-.03em}
.nk-split p{margin:12px 0 18px;color:var(--ink-2)}
.nk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nk-card{display:grid;gap:6px;padding:16px 18px 22px;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .3s,box-shadow .3s}
.nk-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.nk-draw svg{display:block;width:100%;height:auto}
.nk-card b{font:300 1.3rem var(--f-display);letter-spacing:-.03em}
.nk-card>span:last-child{color:var(--ink-3);font-size:.9rem}
.tones{display:grid;grid-template-columns:repeat(2,minmax(0,.8fr)) minmax(0,1fr);gap:14px;align-items:stretch}
.tones figure{margin:0;padding:18px;border-radius:22px;background:radial-gradient(70% 60% at 50% 40%,#fff,#E9F1FA);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:12px}
.tones img{height:260px;width:auto;margin-inline:auto;object-fit:contain}
.tones figcaption b{display:block;font:400 1.1rem var(--f-display)}
.tones figcaption span{display:block;color:var(--ink-2);font-size:.9rem;margin-top:4px}
.tones-note{display:grid;align-content:center;gap:12px;padding:24px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.tones-note b{font:300 1.4rem var(--f-display);letter-spacing:-.03em}
.tones-note p{color:var(--ink-2)}
.tones-note .btn{justify-self:start}

/* ---------- industries ---------- */
.pts-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px, 4vw, 56px);align-items:stretch}
.pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.pt{padding-top:18px;border-top:1.5px solid var(--ink)}
.pt b{display:block;font:400 1.15rem/1.2 var(--f-display);letter-spacing:-.02em}
.pt p{margin-top:10px;color:var(--ink-2);font-size:.96rem}
.ind-fig{margin:0;border-radius:var(--r-l);overflow:hidden;min-height:320px}
.ind-fig img{width:100%;height:100%;object-fit:cover}
.rec-g{scroll-margin-top:100px}
.rec-g+.rec-g{margin-top:44px}
.rec-gh{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.rec-gh b{font:300 1.5rem var(--f-display);letter-spacing:-.03em}
.rec-gh span{color:var(--ink-3)}
.other-ind{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.other-ind>span{font:500 .74rem var(--f-mono);color:var(--ink-3)}
.other-ind div{display:flex;flex-wrap:wrap;gap:8px}
.other-ind a{padding:9px 15px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;font-weight:600;font-size:.9rem}
.other-ind a:hover{box-shadow:inset 0 0 0 1px var(--ink)}

/* ---------- tools ---------- */
.tool-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tool-card{display:grid;align-content:start;gap:10px;padding:16px 16px 24px;border-radius:var(--r-l);background:var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.tool-card:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-2)}
.tool-card>b{font:300 1.45rem/1.1 var(--f-display);letter-spacing:-.03em;padding:6px 8px 0}
.tool-card>span:not(.tool-vis){color:var(--ink-3);padding:0 8px}
.tool-card em{font-style:normal;font-weight:600;color:var(--cobalt);padding:4px 8px 0}
.tool-vis{display:grid;place-items:center;height:180px;border-radius:20px;background:linear-gradient(rgba(42,91,240,.05) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(42,91,240,.05) 1px,transparent 1px) 0 0/20px 20px,var(--paper);overflow:hidden}
.tv-sel{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:0 12px}
.tv-sel i{font-style:normal;padding:9px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600;font-size:.86rem}
.tv-sel i.on{background:var(--ink);color:#fff;box-shadow:0 10px 20px -10px rgba(13,27,46,.6)}
.tv-calc{display:grid;gap:4px;justify-items:center;width:72%}
.tv-calc b{font:300 2.4rem/1 var(--f-display);letter-spacing:-.04em}
.tv-calc span{font-size:.8rem;color:var(--ink-3)}
.tv-calc i{display:block;justify-self:stretch;height:8px;margin-top:10px;border-radius:999px;background:linear-gradient(90deg,#63C9FF,#2A5BF0,#8A7CF5,#E2A23B) 0 0/var(--w) 100% no-repeat,#E3EBF5}
.tv-ruler{position:relative;display:grid;gap:4px;justify-items:center;width:78%;padding-top:34px}
.tv-ruler i{position:absolute;left:0;right:0;top:0;height:22px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--ink-3) 0 1px,transparent 1px 8px) bottom/100% 9px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 40px) bottom/100% 15px no-repeat,#FCF3E2;box-shadow:inset 0 0 0 1px rgba(138,90,11,.25)}
.tv-ruler b{font:300 2rem/1 var(--f-display);letter-spacing:-.04em;color:var(--cobalt)}
.tv-ruler span{font:500 .8rem var(--f-mono);color:var(--ink-3)}
.how3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.how3>div{padding-top:18px;border-top:1.5px solid var(--ink)}
.how3 b{font:400 1.15rem var(--f-display);letter-spacing:-.02em}
.how3 p{margin-top:10px;color:var(--ink-2)}
.formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.formulas>div{display:grid;gap:10px;align-content:start;padding:22px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.formulas b{font:400 1.15rem var(--f-display)}
.formulas code{font:500 .9rem var(--f-mono);color:var(--cobalt);background:var(--cobalt-50);padding:8px 12px;border-radius:10px;justify-self:start}
.formulas p{color:var(--ink-2);font-size:.94rem}
/* neck identifier */
.gt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px}
.gt-in,.gt-out{padding:clamp(18px, 2.6vw, 30px);border-radius:var(--r-l);background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.gt-in{display:grid;gap:26px}
.gt-f{display:grid;gap:10px}
.gt-f>span:first-child{font-weight:600}
.gt-f em{display:block;font-style:normal;font-weight:400;font-size:.84rem;color:var(--ink-3)}
.gt-num{display:flex;align-items:baseline;gap:8px}
.gt-num input{width:5.2ch;border:0;background:none;padding:0;font:300 clamp(2.4rem, 1.6rem + 2vw, 3.4rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--ink);border-bottom:2px solid var(--line-2)}
.gt-num input:focus{outline:none;border-color:var(--cobalt)}
.gt-num i{font-style:normal;color:var(--ink-3)}
.gt-f input[type=range]{width:100%;accent-color:var(--ink)}
.gt-hint{font-size:.86rem;color:var(--ink-3)}
.gt-out{display:grid;align-content:center;gap:12px}
.gt-k{font:500 .74rem var(--f-mono);color:var(--ink-3)}
.gt-out b{font:300 clamp(2.4rem, 1.4rem + 2.6vw, 3.8rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--cobalt)}
.gt-out.unk b{color:var(--gold-d)}
.gt-out p{color:var(--ink-2);max-width:44ch}
.gt-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.gt-draws{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gt-dr{display:grid;gap:6px;padding:12px 14px 16px;border-radius:22px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;opacity:.55;transition:opacity .3s,box-shadow .3s,transform .3s}
.gt-dr svg{display:block;width:100%;height:auto}
.gt-dr span{font:400 1.05rem var(--f-display);text-align:center}
.gt-dr.on{opacity:1;box-shadow:inset 0 0 0 2px var(--cobalt),var(--sh-1);transform:translateY(-3px)}

/* ---------- technology ---------- */
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:pa}
.path li{counter-increment:pa;position:relative}
.path li::before{content:counter(pa,decimal-leading-zero);display:block;font:500 .78rem var(--f-mono);color:var(--cobalt);margin-bottom:10px}
.path li::after{content:"";position:absolute;left:30px;right:-10px;top:8px;height:1px;background:repeating-linear-gradient(90deg,var(--cobalt) 0 4px,transparent 4px 8px);opacity:.5}
.path li:last-child::after{display:none}
.path a{display:grid;gap:8px;height:100%;padding:18px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .25s,box-shadow .25s}
.path a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.path b{font:400 1.02rem/1.2 var(--f-display);letter-spacing:-.02em}
.path span{font-size:.86rem;color:var(--ink-2)}
.art-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.art-card{display:grid;align-content:start;gap:10px;min-height:200px;padding:24px;border-radius:var(--r-l);background:linear-gradient(rgba(42,91,240,.045) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(42,91,240,.045) 1px,transparent 1px) 0 0/22px 22px,var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:transform .3s,box-shadow .3s}
.art-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.fig-n{font:500 .74rem var(--f-mono);color:var(--cobalt)}
.art-card b{font:300 1.45rem/1.12 var(--f-display);letter-spacing:-.03em;margin-top:auto}
.art-card>span:last-child{color:var(--ink-3);font-size:.92rem}
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(24px, 5vw, 80px);align-items:start}
.art-aside{position:sticky;top:110px;display:grid;gap:4px;padding:20px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.art-aside b{font:500 .74rem var(--f-mono);color:var(--ink-3);margin-bottom:6px}
.art-aside a{padding:9px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}
.art-aside a:hover{color:var(--cobalt)}
.prose{max-width:68ch}
.prose h2{font:300 clamp(1.35rem, 1.05rem + .9vw, 1.8rem)/1.15 var(--f-display);letter-spacing:-.03em;margin:44px 0 0}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:14px;color:var(--ink-2);font-size:1.03rem;line-height:1.7}
.prose ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.prose li{position:relative;padding-left:22px;color:var(--ink-2)}
.prose li::before{content:"";position:absolute;left:2px;top:.72em;width:9px;height:1.5px;background:var(--cobalt)}
.np{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-block:0 clamp(56px, 6vw, 90px)}
.np a{display:grid;gap:6px;padding:20px 24px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .2s}
.np a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.np span{font:500 .72rem var(--f-mono);color:var(--ink-3)}
.np b{font:300 1.2rem var(--f-display);letter-spacing:-.02em}
.np-next{text-align:right}
main>.np{background:transparent}
.pg-anat main,.pg-pet main,.pg-vyduv main,.pg-hran main,.pg-defekty main,.pg-slovar main{background:var(--paper)}
/* checklist */
.chk{display:grid;gap:18px}
.chk-top{position:sticky;top:84px;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.chk-top b{font:300 1.6rem/1 var(--f-display);letter-spacing:-.03em}
.chk-top span{display:block;font-size:.8rem;color:var(--ink-3)}
.chk-bar{display:block;height:8px;border-radius:999px;background:var(--mist);overflow:hidden}
.chk-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--grad-iri);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.chk-g{padding:22px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.chk-g h3{font:400 1.2rem var(--f-display);letter-spacing:-.02em;margin-bottom:10px}
.chk-g ul{list-style:none;margin:0;padding:0;display:grid}
.chk-g li+li{border-top:1px solid var(--line)}
.chk-g label{display:flex;align-items:flex-start;gap:14px;padding:12px 0;cursor:pointer}
.chk-g input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;place-items:center;cursor:pointer;transition:background .2s,box-shadow .2s}
.chk-g input::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .2s}
.chk-g input:checked{background:var(--cobalt);box-shadow:none}
.chk-g input:checked::after{transform:rotate(45deg) scale(1)}
.chk-g input:checked+span{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(119,134,155,.5)}
.chk-note{font-size:.84rem;color:var(--ink-3)}
/* defect finder */
.df{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px, 4vw, 56px);align-items:start}
.df-vis{position:sticky;top:100px;padding:20px 20px 20px 96px;border-radius:var(--r-l);background:linear-gradient(rgba(42,91,240,.05) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(42,91,240,.05) 1px,transparent 1px) 0 0/20px 20px,var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.df-svg{display:block;width:100%;height:auto;max-height:62vh}
.df-z{fill:rgba(42,91,240,.0);cursor:pointer;transition:fill .2s}
.df-z:hover{fill:rgba(42,91,240,.14)}
.df-z.on{fill:rgba(42,91,240,.26)}
.df-o{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;pointer-events:none}
.df-t{fill:none;stroke:var(--ink-3);stroke-width:1;pointer-events:none}
.df-l{stroke:var(--cobalt);stroke-width:1;stroke-dasharray:3 4;opacity:.45;pointer-events:none}
.df-zl{position:absolute;left:14px;top:20px;bottom:20px;width:86px}
.df-zl button{position:absolute;left:0;top:var(--y);transform:translateY(-50%);border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;padding:6px 11px;font:600 .78rem var(--f-text);cursor:pointer;color:var(--ink-2)}
.df-zl button.on{background:var(--ink);color:#fff;box-shadow:none}
.df-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.df-chips button{border:0;border-radius:999px;padding:9px 15px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:.88rem;cursor:pointer;color:var(--ink-2)}
.df-chips button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.df-count{font:500 .76rem var(--f-mono);color:var(--ink-3);margin-bottom:12px}
.df-it{border-radius:18px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:10px;transition:box-shadow .2s}
.df-it[open]{box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1)}
.df-it summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:16px 18px}
.df-it summary::-webkit-details-marker{display:none}
.df-it summary b{font-weight:600}
.df-tags{grid-column:1;display:flex;flex-wrap:wrap;gap:6px}
.df-tags span{font:500 .7rem var(--f-mono);color:var(--ink-3)}
.df-tags span+span::before{content:"+ ";opacity:.6}
.df-it summary em{grid-column:2;grid-row:1/span 2;font-style:normal;font-size:.76rem;font-weight:700;padding:6px 10px;border-radius:999px;white-space:nowrap}
.df-o-heat{background:#FDEBDD;color:#9A3D0E}
.df-o-machine{background:var(--cobalt-50);color:var(--cobalt-2)}
.df-o-preform{background:var(--gold-50);color:var(--gold-d)}
.df-o-line{background:#EFEAFE;color:#5A49C9}
.df-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 18px 18px}
.df-body span{display:block;font:500 .7rem var(--f-mono);color:var(--ink-3);margin-bottom:4px}
.df-body p{color:var(--ink-2);font-size:.95rem}
/* glossary */
.gl-top{position:sticky;top:84px;z-index:3;display:grid;gap:12px;padding:14px;margin-bottom:22px;border-radius:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.gl-search input{width:100%;padding:14px 16px;border-radius:14px;border:0;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);font-size:1rem}
.gl-search input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.gl-idx{display:flex;flex-wrap:wrap;gap:4px}
.gl-idx button{border:0;min-width:34px;padding:7px 9px;border-radius:9px;background:transparent;font:600 .86rem var(--f-text);color:var(--ink-2);cursor:pointer}
.gl-idx button:hover{background:var(--mist)}
.gl-idx button[aria-pressed=true]{background:var(--ink);color:#fff}
.gl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.gl-it{padding:18px 20px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.gl-it dt{font:400 1.08rem var(--f-display);letter-spacing:-.02em}
.gl-it dd{margin:8px 0 0;color:var(--ink-2);font-size:.95rem}
.gl-it mark{background:rgba(226,162,59,.3);color:inherit;border-radius:3px}
.gl-empty{margin-top:16px;color:var(--ink-3)}

/* ---------- quality, docs, delivery, company ---------- */
.doc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.doc-list li{display:grid;gap:8px;padding:22px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.doc-list li::before{content:"";width:28px;height:34px;border-radius:4px 10px 4px 4px;background:linear-gradient(135deg,transparent 0 70%,var(--ice-2) 70%),#fff;box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.doc-list b{font:400 1.08rem var(--f-display);letter-spacing:-.02em}
.doc-list span{color:var(--ink-2);font-size:.93rem}
.req-card{display:grid;gap:12px;padding:clamp(18px, 3vw, 32px);border-radius:var(--r-l);background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.req-card .linkbtn{justify-self:start}
.maplinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.loc-big .loc{flex-direction:column;align-items:flex-start;gap:18px;margin:0;width:100%}
.loc-big .loc-map{width:min(100%,460px)}
.loc-big .loc-txt b{font-size:1.1rem}
.loc-big .loc-lat,.loc-big .loc-lon{font-size:.74rem}
.cty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cty-c{display:grid;align-content:start;gap:10px;padding:24px;border-radius:22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.cty-k{font:500 .74rem var(--f-mono);color:var(--cobalt)}
.cty-c b{font:300 1.5rem/1.1 var(--f-display);letter-spacing:-.03em}
.cty-c p{color:var(--ink-2);font-size:.94rem}
.afacts{list-style:none;margin:34px 0 0;padding:22px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:1px solid var(--line-2);max-width:860px}
.afacts b{display:block;font:300 clamp(1.6rem, 1.1rem + 1.3vw, 2.3rem)/1 var(--f-display);letter-spacing:-.04em}
.afacts span{display:block;margin-top:8px;font-size:.84rem;color:var(--ink-3);line-height:1.35}
.fq{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px, 5vw, 72px);align-items:start}
.fq-side{position:sticky;top:100px;display:grid;gap:14px}
.fq-nav{display:grid;gap:2px}
.fq-nav a{padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--ink-2)}
.fq-nav a:hover{background:var(--paper);color:var(--ink)}
.fq-g{scroll-margin-top:100px}
.fq-g+.fq-g{margin-top:40px}
.fq-g h2{font:300 1.55rem var(--f-display)!important;letter-spacing:-.03em;margin-bottom:8px}
.fq-g[hidden]{display:none}
/* request page */
.cartp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px, 4vw, 48px);align-items:start}
.cartp-l{display:grid;gap:22px}
.cartp{display:grid;gap:10px}
.cp-it{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:18px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.cp-it img{width:44px;height:62px;object-fit:contain;margin-inline:auto}
.cp-it b{display:block;font-weight:600}
.cp-it span{display:block;font-size:.84rem;color:var(--ink-3)}
.cp-q{display:flex;align-items:center;gap:6px}
.cp-q input{width:110px;padding:10px 12px;border-radius:12px;border:0;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.cp-q input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.cp-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--paper);cursor:pointer;font-size:1.2rem;color:var(--ink-3)}
.cp-x:hover{background:var(--ink);color:#fff}
.cp-tot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:16px 20px;border-radius:18px;background:var(--ink);color:#fff}
.cp-tot b{font:300 1.4rem var(--f-display);letter-spacing:-.03em}
.cp-tot span{color:rgba(255,255,255,.7);font-size:.88rem;align-self:center}
.cp-empty{display:grid;justify-items:start;gap:14px;padding:28px;border-radius:22px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.cp-empty b{font:300 1.5rem var(--f-display);letter-spacing:-.03em}
.cp-empty p{color:var(--ink-2)}
.qadd .mm-k{padding-left:2px}
.qadd-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.qa-b{display:grid;justify-items:center;gap:2px;padding:10px 4px 10px;border:0;border-radius:16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .2s,transform .2s}
.qa-b:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-2px)}
.qa-b.in{box-shadow:inset 0 0 0 2px var(--cobalt)}
.qa-b img{width:36px;height:50px;object-fit:contain}
.qa-b b{font:400 .9rem var(--f-display);letter-spacing:-.02em}
.qa-b small{font:500 .62rem var(--f-mono);color:var(--ink-3)}
.cartp-r .form{position:sticky;top:100px}
/* 404 */
.ph-404{min-height:80vh;display:flex;align-items:center}
.e404{display:block;font:300 clamp(5rem, 3rem + 10vw, 11rem)/.9 var(--f-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--cobalt);margin-bottom:10px}
.ph-404 .ctas{margin-top:28px}
.e404-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:44px;max-width:900px}
.e404-links a{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.e404-links a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.e404-links b{font-weight:600}
.e404-links span{font-size:.84rem;color:var(--ink-3)}

/* ---------- footer with full site map ---------- */
.ftr .wrap{display:block}
.ftr-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,3fr);gap:40px}
.ftr-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}
.ftr-ch{margin-top:18px!important}
.ftr-ch a{color:#fff!important;font-weight:600}
.ftr .bottom{margin-top:40px}
.ftr-map ul{gap:7px}
.ftr-map a{font-size:.88rem}

/* ---------- responsive (v5) ---------- */
@media (max-width:1440px){
  .hdr-r .tel{display:none}
}
@media (max-width:1280px){
  .nav .nl{padding:10px 8px;font-size:.9rem}
}
@media (max-width:1180px){
  .nav{display:none}
  .hdr-r{margin-left:auto}
  .burger{display:block}
  .ph-grid.has-aside,.prod-grid,.pts-grid,.art-wrap,.fq,.cartp-grid,.df,.gt{grid-template-columns:minmax(0,1fr)}
  .art-aside,.fq-side,.df-vis,.cartp-r .form{position:static}
  .df-vis{max-width:420px}
  .path{grid-template-columns:repeat(3,minmax(0,1fr))}
  .path li::after{display:none}
  .ftr-top{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1000px){
  .steps3,.steps3.steps4,.tool-cards,.art-cards,.doc-list,.cty,.nk-cards,.how3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tones-note{grid-column:1/-1}
  .cta-in{grid-template-columns:minmax(0,1fr)}
  .cta-acts{justify-content:flex-start}
  .ftr-map{grid-template-columns:repeat(3,minmax(0,1fr))}
  .afacts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .ph{padding-top:calc(64px + 26px)}
  .prod{padding-top:calc(64px + 18px)}
  .ph h1{font-size:clamp(1.9rem, 1.2rem + 3.2vw, 2.4rem)}
  .ph-photo{min-height:78vh}
  .steps3,.steps3.steps4,.tool-cards,.art-cards,.doc-list,.cty,.nk-cards,.how3,.formulas,.note-grid,.pts,.bignums,.spec-dl,.gl-list,.df-body,.path,.e404-links,.np{grid-template-columns:minmax(0,1fr)}
  .cards-4,.cards-3,.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tones img{height:180px}
  .prod-dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cfg-sku .cfg-stage{height:56vh;min-height:340px}
  .prod-acts .btn{flex:1 1 100%}
  .gt-draws{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .gt-dr{padding:8px}
  .gt-dr span{font-size:.8rem}
  .df-vis{padding:14px 14px 14px 84px}
  .df-svg{max-height:48vh}
  .df-it summary{grid-template-columns:minmax(0,1fr)}
  .df-it summary em{grid-column:1;grid-row:auto;justify-self:start}
  .chk-top{grid-template-columns:auto minmax(0,1fr);top:70px}
  .chk-top .linkbtn{grid-column:1/-1;justify-self:start;padding:0}
  .gl-top{top:70px}
  .cp-it{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}
  .cp-it .cp-q{grid-column:2/-1;justify-content:flex-end}
  .cp-q input{width:100px}
  .qadd-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .qa-b img{width:28px;height:40px}
  .qa-b b{font-size:.78rem}
  .qa-b small{display:none}
  .ftr-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-next{text-align:left}
  .fq-nav{display:flex;flex-wrap:wrap;gap:6px}
  .fq-nav a{padding:8px 12px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;font-size:.88rem}
  .tbl{font-size:.9rem}
  .tbl th,.tbl td{padding:12px 14px}
  .rec-gh b{font-size:1.25rem}
  .afacts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.mnav .tel{display:block}
.ph+.sec,.ph+section.sec,.prod+.sec{padding-top:clamp(40px, 5vw, 72px)}
.wrap.narrow{max-width:var(--wrap)}
.wrap.narrow>*{max-width:880px}
.wnav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}
.wnav a{padding:9px 2px;text-align:center;font-size:.8rem}
.wnav a small{display:none}
.ftr h2 a{color:#fff}
@media (max-width:720px){.wnav{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* uniform card size on every page */
.cards-4,.cards-3,.cards-2{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}
@media (max-width:1180px){.cards-4,.cards-3,.cards-2{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1000px){.cards-4,.cards-3,.cards-2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.cards-4,.cards-3,.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* header over a photo */
.photo-top .hdr:not(.solid) .logo img{filter:brightness(0) invert(1)}
.photo-top .hdr:not(.solid) .nav .nl{color:rgba(255,255,255,.86)}
.photo-top .hdr:not(.solid) .nav .nl:hover,.photo-top .hdr:not(.solid) .ni:hover>.nl{color:#fff}
.photo-top .hdr:not(.solid) .nav .nl.on::after{background:#fff}
.photo-top .hdr:not(.solid) .lang{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.photo-top .hdr:not(.solid) .lang a{color:rgba(255,255,255,.8)}
.photo-top .hdr:not(.solid) .lang a[aria-current]{background:#fff;color:var(--ink)}
.photo-top .hdr:not(.solid) .tel{color:#fff}
.photo-top .hdr:not(.solid) .hdr-req{background:#fff;color:var(--ink)}
.photo-top .hdr:not(.solid) .burger{background:rgba(255,255,255,.92)}
.photo-top .progress{opacity:.9}
.qa-b img,.cp-it img{transform:scale(var(--k,1));transform-origin:50% 92%}
.qa-b img{width:40px;height:56px}
.sec>.wrap>.strip-head:first-child{margin-top:0}
@media (max-width:1180px){.df-vis{position:relative;top:auto;margin-inline:auto;width:100%}}
@media (max-width:1000px){.nk-split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .df-vis{max-width:none;padding:12px 12px 12px 84px}
  .df-svg{max-height:340px;margin-inline:auto}
  .nk-split .btn{white-space:normal}
}
.mm-pfs{display:flex;flex-direction:column;justify-content:space-between}
.mm-row{grid-template-columns:repeat(10,58px);padding:6px 8px 12px}
.mm-pf img{width:58px;height:96px;object-fit:contain;transform:scale(calc(var(--k,1)*1.18));transform-origin:50% 96%}
.mm-pf:hover img{transform:scale(calc(var(--k,1)*1.18)) translateY(-4px)}
.mm-hub{background:linear-gradient(rgba(42,91,240,.07) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,rgba(42,91,240,.07) 1px,transparent 1px) 0 0/18px 18px,radial-gradient(120% 90% at 100% 0%,rgba(63,168,242,.22),transparent 60%),linear-gradient(160deg,var(--mist),#fff)}
.btn[hidden],.linkbtn[hidden],.df-it[hidden],.gl-it[hidden],.gl-empty[hidden],.faq details[hidden],.cat-empty[hidden]{display:none}
.ph-404 .wrap{width:100%}
.ph-bg::after{background:linear-gradient(180deg,rgba(13,27,46,.62) 0%,rgba(13,27,46,.18) 26%,rgba(13,27,46,.12) 42%,rgba(13,27,46,.8) 100%),linear-gradient(90deg,rgba(13,27,46,.55),transparent 65%)}

/* 3D stages: the fallback picture must never be grabbed by the mouse */
.fallback{pointer-events:none;-webkit-user-drag:none;user-select:none}
.cfg-stage.gl .fallback,.anat-stage.gl .fallback,.proc-view.gl .fallback{visibility:hidden}
.cfg-stage,.anat-stage{-webkit-user-select:none;user-select:none}
.cfg-sub{max-width:19ch}
@media (max-width:560px){.cfg-stage .dim{display:none}}

/* v6: requests go to the sales team's Telegram group */
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form{position:relative}
.form .note a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.form .note a:hover{text-decoration-color:currentColor}
.form .status{display:flex;gap:8px;align-items:flex-start}
.form .status:empty{display:none}
.form .status.busy::before{content:"";flex:none;width:14px;height:14px;margin-top:.22em;border-radius:50%;border:2px solid var(--cobalt-50);border-top-color:var(--cobalt);animation:qe-spin .8s linear infinite}
.form .status.ok{color:#127A4A}
.form .status.ok::before{content:"";flex:none;width:16px;height:16px;margin-top:.18em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.form .status.bad{color:#B3261E}
.form button[aria-busy="true"]{opacity:.7;cursor:progress}
#f-wa.nudge{color:#127A4A;box-shadow:inset 0 0 0 1.5px #25A85A,0 0 0 4px rgba(37,168,90,.14)}
@keyframes qe-spin{to{transform:rotate(360deg)}}
.send-row .send-main{grid-column:1/-1}
.send-row .send-main[aria-busy="true"]{opacity:.75;cursor:progress}
.send-row .send-main.done{background:#127A4A;color:#fff;opacity:1;cursor:default;transform:none}
@media (prefers-reduced-motion:reduce){.form .status.busy::before{animation:none}}

/* v6: animated scenes in the section menus */
.mm-hub{grid-template-rows:1fr auto auto;align-content:stretch;min-height:292px;position:relative;overflow:hidden}
.mm-vis{width:100%;height:auto;max-height:206px;align-self:center;justify-self:center;overflow:visible}
.mv-ln{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.mv-cap{fill:var(--ink)}
.mv-base{stroke:var(--line-2);stroke-width:1}
.mv-wv{fill:rgba(42,91,240,.3);animation:mv-wave 1.6s linear infinite}
.mv-liq{animation:mv-fill 6.4s cubic-bezier(.5,0,.3,1) infinite}
@keyframes mv-wave{to{transform:translateX(-16px)}}
@keyframes mv-fill{0%{transform:translateY(var(--d))}42%,80%{transform:translateY(0)}100%{transform:translateY(var(--d))}}
.mv-th{stroke:var(--ink-3);stroke-width:1.2}
.mv-ring{fill:var(--cobalt-50);stroke:var(--ink);stroke-width:1.2}
.mv-dim{stroke:var(--cobalt);stroke-dasharray:2 2}
.mv-bar{fill:#fff;stroke:var(--ink);stroke-width:1.2}
.mv-tk{stroke:var(--ink-3);stroke-width:.8}
.mv-jaw{fill:var(--ink)}
.mv-slide{fill:var(--cobalt)}
.mv-mov{animation:mv-cal 4.2s cubic-bezier(.6,0,.3,1) infinite}
@keyframes mv-cal{0%{transform:translateX(36px)}40%,74%{transform:translateX(0)}100%{transform:translateX(36px)}}
.mv-read{opacity:0;animation:mv-read 4.2s ease infinite}
.mv-read rect{fill:var(--ink)}
.mv-read text{fill:#fff;font:600 10px var(--f-mono)}
@keyframes mv-read{0%,36%{opacity:0;transform:translateY(4px)}44%,70%{opacity:1;transform:none}80%,100%{opacity:0}}
.mv-mould{fill:none;stroke:var(--ink-3);stroke-opacity:.45;stroke-dasharray:3 3}
.mv-body{fill:rgba(42,91,240,.12);stroke:var(--cobalt);stroke-width:1.4;stroke-linejoin:round}
.mv-rod{stroke:var(--ink-3);stroke-width:2;stroke-linecap:round}
.mv-pl{stroke:rgba(13,27,46,.13);stroke-width:1}
.mv-pol1,.mv-pol2,.mv-spin,.mv-rip{transform-box:view-box;transform-origin:90px 96px}
.mv-pol1{transform:rotate(-20deg)}
.mv-pol2{animation:mv-pol 7s ease-in-out infinite alternate}
@keyframes mv-pol{from{transform:rotate(-20deg)}to{transform:rotate(70deg)}}
.mv-fr{animation:mv-fr 4.5s linear infinite;opacity:.85}
@keyframes mv-fr{to{transform:translateY(63px)}}
.mv-rt{fill:none;stroke:rgba(42,91,240,.2);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.mv-flow{fill:none;stroke:var(--cobalt);stroke-width:1.8;stroke-dasharray:3 7;stroke-linecap:round;animation:mv-flow 1.1s linear infinite}
@keyframes mv-flow{to{stroke-dashoffset:-10}}
.mv-city{fill:#fff;stroke:var(--cobalt);stroke-width:1.4}
.mv-lbl{font:600 9px var(--f-text);fill:var(--ink-2);paint-order:stroke;stroke:#F5F8FC;stroke-width:3px;stroke-linejoin:round}
.mv-hq{fill:var(--gold)}
.mv-pulse{fill:none;stroke:var(--gold);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mv-pulse 2.2s ease-out infinite}
@keyframes mv-pulse{from{transform:scale(1);opacity:.9}to{transform:scale(4.2);opacity:0}}
.mv-truck rect{fill:var(--ink)}
.mv-ringt{font:600 8px var(--f-mono);fill:var(--ink-2);text-transform:uppercase}
.mv-spin{animation:mv-spin 26s linear infinite}
@keyframes mv-spin{to{transform:rotate(360deg)}}
.mv-rip{fill:none;stroke:var(--cobalt);stroke-width:1;animation:mv-rip 3.2s ease-out infinite}
.mv-rip2{animation-delay:1.6s}
@keyframes mv-rip{from{transform:scale(1);opacity:.55}to{transform:scale(1.85);opacity:0}}
.mega .mm-vis,.mega .mm-vis *{animation-play-state:paused}
.ni:hover .mm-vis,.ni:hover .mm-vis *,.ni:focus-within .mm-vis,.ni:focus-within .mm-vis *{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.mm-vis,.mm-vis *{animation:none!important}}

/* v6: section rail (right, centred): where you are on the page */
/* blog menu scene: an article that writes itself */
.mv-page{fill:#fff;stroke:var(--ink);stroke-width:1.4}
.mv-page2{fill:var(--cobalt-50);stroke:rgba(42,91,240,.35);stroke-width:1}
.mv-hero{fill:var(--cobalt-50)}
.mv-bbar{fill:var(--cobalt);opacity:.85;transform-box:fill-box;transform-origin:50% 100%;animation:mv-bbar 6s cubic-bezier(.3,.8,.3,1) infinite}
.mv-ttl{stroke:var(--ink);stroke-width:5;stroke-linecap:round}
.mv-wr{fill:none;stroke:var(--ink-3);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:mv-wr 6s ease-out infinite}
.mv-cbx{fill:#fff;stroke:var(--cobalt);stroke-width:1.2}
.mv-chk{fill:none;stroke:var(--cobalt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:mv-wr 6s ease-out infinite}
.mv-tk2{stroke:var(--line-2);stroke-width:2.4;stroke-linecap:round}
.mv-new{fill:var(--gold)}
@keyframes mv-bbar{0%{transform:scaleY(.15)}22%,82%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes mv-wr{0%{stroke-dashoffset:1}18%,82%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.mega-blog .mm-list{align-content:space-between}
/* larger logo in the header */
.logo{flex-shrink:0;display:flex;align-items:center}
.logo img{height:50px}
@media (max-width:1240px){.logo img{height:46px}}
@media (max-width:720px){.logo img{height:42px}}
@media (max-width:380px){.logo img{height:36px}}
/* line-up: headroom so the tallest preform does not climb over its neck tag on hover */
.lab-fig{margin-top:30px}
.lab-tag{background:rgba(255,255,255,.92);z-index:3}
@media (max-width:720px){.lab-fig{margin-top:18px}}
@media (max-width:720px){.lab-card{display:none}}

/* section rail, v11: glass capsule, centred marker, smooth travel */
.srail{position:fixed;right:max(16px,env(safe-area-inset-right,0px));top:50%;z-index:60;transform:translate(16px,-50%);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.srail.on{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.srail-in{position:relative;display:grid;justify-items:center;gap:var(--sr-gap,11px);padding:14px 9px;border-radius:999px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:inset 0 0 0 1px rgba(13,27,46,.07),0 20px 44px -24px rgba(13,27,46,.42)}
.srail-track,.srail-fill{position:absolute;left:50%;width:2px;margin-left:-1px;border-radius:2px;pointer-events:none}
.srail-track{top:21px;bottom:21px;background:rgba(13,27,46,.1)}
.srail-fill{top:21px;bottom:21px;background:linear-gradient(#63C9FF,#2A5BF0 55%,#8A7CF5);transform-origin:50% 0;transform:scaleY(0);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.srail button{position:relative;display:grid;place-items:center;width:14px;height:14px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;z-index:1}
.srail button::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px rgba(13,27,46,.26);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s}
.srail button.past::before{background:#9DB6FF;box-shadow:0 0 0 1.5px rgba(42,91,240,.35)}
.srail button:hover::before,.srail button:focus-visible::before{transform:scale(1.5);background:#fff;box-shadow:0 0 0 1.5px var(--cobalt)}
.srail button[aria-current]::before{transform:scale(0);opacity:0}
.srail button:focus-visible{outline:2px solid rgba(42,91,240,.45);outline-offset:2px}
.srail-cur{position:absolute;left:50%;top:0;width:14px;height:22px;margin-left:-7px;transform:translateY(var(--y,0px));transition:transform .62s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:2}
.srail-blob{position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,#3FA8F2,#2A5BF0 55%,#1D44C4);box-shadow:0 0 0 4px rgba(42,91,240,.12),0 8px 16px -6px rgba(42,91,240,.65);transform-origin:50% 50%}
.srail-dot{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.srail-cur.move .srail-blob{animation:srail-stretch .62s cubic-bezier(.22,1,.36,1)}
.srail-cur.move .srail-dot{animation:srail-dot .62s cubic-bezier(.22,1,.36,1)}
@keyframes srail-stretch{0%{transform:scale(1,1)}30%{transform:scale(.8,1.55)}70%{transform:scale(1.06,.94)}100%{transform:scale(1,1)}}
@keyframes srail-dot{0%,100%{transform:scale(1)}30%{transform:scale(.6)}}
.srail-tip{position:absolute;right:calc(100% + 14px);top:0;display:flex;align-items:center;gap:9px;max-width:380px;padding:8px 13px 8px 11px;border-radius:12px;background:var(--ink);color:#fff;font:500 .8rem/1.25 var(--f-text);white-space:nowrap;opacity:0;transform:translate(10px,calc(var(--ty,0px) - 50%));pointer-events:none;transition:opacity .3s ease,transform .5s cubic-bezier(.22,1,.36,1);box-shadow:0 16px 32px -14px rgba(13,27,46,.6)}
.srail-tip b{font:500 .7rem/1 var(--f-mono);color:var(--gold);letter-spacing:.02em}
.srail-tip span{overflow:hidden;text-overflow:ellipsis}
.srail-tip::after{content:"";position:absolute;right:-4px;top:50%;width:9px;height:9px;margin-top:-4.5px;background:var(--ink);transform:rotate(45deg);border-radius:2px}
.srail-tip.show{opacity:1;transform:translate(0,calc(var(--ty,0px) - 50%))}
@media (max-width:1099px){.srail{display:none}}
@media (prefers-reduced-motion:reduce){.srail,.srail-cur,.srail-fill,.srail-tip{transition:none!important}.srail-cur .srail-blob,.srail-cur .srail-dot{animation:none!important}}

/* ---------- v13: header fit, phone icon, email, about directions ---------- */
.hdr .wrap{gap:20px}
.logo img{height:46px}
.nav{flex-shrink:0}
.nav .nl{padding:10px 9px}
.nav a.nl.on::after{left:9px;right:9px}
.hdr-r{flex-shrink:0;gap:10px}
.hdr-tel{position:relative;display:none;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s,color .2s,box-shadow .2s}
.hdr-tel svg{width:18px;height:18px}
.hdr-tel:hover,.hdr-tel:focus-visible{background:var(--ink);color:#fff;box-shadow:none}
.hdr-tip{position:absolute;top:calc(100% + 10px);right:50%;transform:translate(50%,-4px);padding:8px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:.86rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s .18s;box-shadow:0 10px 24px -10px rgba(10,20,40,.45)}
.hdr-tip::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:inherit;border-radius:2px;transform:translateX(-50%) rotate(45deg)}
.hdr-tel:hover .hdr-tip,.hdr-tel:focus-visible .hdr-tip{opacity:1;visibility:visible;transform:translate(50%,0);transition:opacity .18s,transform .18s,visibility 0s}
@media (min-width:1300px){.hdr-r .hdr-tel{display:inline-grid}}
@media (min-width:721px) and (max-width:1180px){.hdr-r .hdr-tel{display:inline-grid}}
.hdr.fit1 .hdr-r .hdr-tel{display:none}
.hdr.fit2 .nav .nl{padding:10px 7px;font-size:.88rem}
.hdr.fit2 .nav a.nl.on::after{left:7px;right:7px}
@media (min-width:1181px){.hdr.fit3 .nav{display:none}.hdr.fit3 .hdr-r{margin-left:auto}.hdr.fit3 .burger{display:block}}
.photo-top .hdr:not(.solid) .hdr-tel{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.photo-top .hdr:not(.solid) .hdr-tel:hover,.photo-top .hdr:not(.solid) .hdr-tel:focus-visible{background:#fff;color:var(--ink)}
.photo-top .hdr:not(.solid) .hdr-tip{background:#fff;color:var(--ink)}
.big-mail{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-size:1.06rem;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .2s,border-color .2s}
.big-mail svg{width:20px;height:20px;flex:none}
.big-mail:hover{color:var(--cobalt);border-color:currentColor}
.contact-copy .big-phone{display:table}
.mn-foot .mn-mail{display:flex;align-items:center;gap:10px;font:500 1rem var(--f-text)!important;padding:4px 0!important;border:0!important;color:var(--ink-2)}
.mn-foot .mn-mail svg{width:18px;height:18px;flex:none}
.req dd a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.req dd a:hover{color:var(--cobalt);text-decoration-color:currentColor}
.adirs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.adirs li{display:grid;grid-template-rows:auto 1fr auto;gap:6px;padding:16px 16px 14px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.adirs b{font:400 1rem/1.25 var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.adirs span{font-size:.88rem;line-height:1.45;color:var(--ink-2)}
.adirs a{justify-self:start;font-size:.86rem;font-weight:600;color:var(--cobalt);text-decoration:none}
.adirs a:hover{text-decoration:underline}
.adirs li:first-child{background:var(--ink);box-shadow:none}
.adirs li:first-child b,.adirs li:first-child span{color:#fff}
.adirs li:first-child span{opacity:.78}
.adirs li:first-child a{color:#9CD2FF}
@media (max-width:720px){.adirs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.logo img{height:42px}}
@media (max-width:380px){.logo img{height:36px}}