/* Layout: studio-light ground with an 8px/40px technical grid; content max 1240px; yellow used as signal only */
:root{
  --bg:#ebeae5; --bg2:#e1dfd8; --paper:#f6f5f1; --ink:#0b0b0a; --muted:#5a5952; --line:#c9c7be;
  --yellow:#ffd100; --black:#000; --graphite:#2e2e2b;
  --sans:'Golos Text',Arial,system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --wrap:1240px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;
  background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:40px 40px}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.mono{font-family:var(--mono)}
.kick{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.kick i{width:10px;height:10px;background:var(--yellow);display:inline-block}
h1,h2,h3{margin:0;letter-spacing:-.035em;text-wrap:balance}
h2{font-size:clamp(34px,4.6vw,60px);line-height:.98;font-weight:800}
h3{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer}
.btn.y{background:var(--yellow);border-color:var(--yellow);color:#000}
.btn.y:hover{border-color:#000}
.btn.k{background:#000;border-color:#000;color:#fff}
.btn:focus-visible,select:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.rule{height:8px;background:var(--yellow)}.rule+.rule2{height:2px;background:var(--ink);margin-top:4px}
section{padding-block:96px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.sec-head p{max-width:440px;margin:0}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(235,234,229,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:28px;height:72px}
.logo{width:118px;flex-shrink:0}
nav{display:flex;gap:24px;flex:1}
nav a{text-decoration:none;font-weight:500;font-size:15px}
nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--yellow);text-underline-offset:6px}
.hdr .tel{font:600 15px/1 var(--mono);text-decoration:none;white-space:nowrap}
@media(max-width:980px){nav{display:none}.hdr .tel{display:none}.hdr{justify-content:space-between}}

/* hero */
.hero{padding-block:56px 0;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:center}
.hero h1{font-size:clamp(52px,7.6vw,108px);line-height:.88;font-weight:800;letter-spacing:-.055em;margin-top:22px}
.hero h1 b{color:var(--yellow);font-weight:800}
.hero .lead{font-size:19px;line-height:1.5;max-width:470px;margin:26px 0 32px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.stage{position:relative;min-height:520px}
.stage .glow{position:absolute;inset:8% -10% 0 0;background:radial-gradient(ellipse 60% 55% at 55% 55%,rgba(255,255,255,.9),transparent 70%)}
.stage .floor{position:absolute;left:10%;right:2%;bottom:34px;height:60px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.28),transparent 70%)}
.stage img{position:relative;width:100%;max-width:640px;margin-left:auto;filter:drop-shadow(0 30px 30px rgba(0,0,0,.25))}
.co{position:absolute;display:flex;align-items:center;font:500 12px/1.3 var(--mono);color:var(--muted)}
.co .pin{width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 1.5px #000;flex-shrink:0}
.co .ln{height:1px;background:#000;width:56px}
.co b{display:block;font:800 22px/1.1 var(--sans);color:var(--ink);letter-spacing:-.02em}
.co1{left:-4%;bottom:6%}.co1 .txt{order:-1;margin-right:10px;text-align:right}
.co2{right:0;top:6%}.co2 .txt{margin-left:10px}
.stamp{position:absolute;right:2%;bottom:4%;width:132px;height:132px;border-radius:50%;border:2px solid #000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-8deg);background:rgba(255,255,255,.55)}
.stamp b{font:600 30px/1 var(--mono)}.stamp span{font:500 9px/1.3 var(--mono);color:var(--muted);margin-top:6px}
.hero-bar{margin-top:8px;border-top:2px solid var(--ink);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-bar div{padding:18px 18px 22px 0;display:flex;flex-direction:column;gap:2px}
.hero-bar b{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.04em}
.hero-bar span{font:500 12px/1.4 var(--mono);color:var(--muted)}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.stage{min-height:0;margin-top:20px}.co,.stamp{display:none}.hero-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* catalog */
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.cat{grid-column:span 2;background:var(--paper);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;text-decoration:none;position:relative;min-height:340px;transition:border-color .15s}
.cat:hover{border-color:#000}
.cat.wide{grid-column:span 3}
.cat .n{font:500 12px/1 var(--mono);color:var(--muted)}
.cat .img{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:14px 0}
.cat .img img{max-height:200px;width:auto;filter:drop-shadow(0 14px 12px rgba(0,0,0,.2))}
.cat .foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.cat .arrow{width:40px;height:40px;border:2px solid #000;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.cat:hover .arrow{background:var(--yellow);border-color:var(--yellow)}
@media(max-width:900px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}.cat,.cat.wide{grid-column:span 1}}
@media(max-width:560px){.cats{grid-template-columns:minmax(0,1fr)}}

/* models strip w/ compare */
.models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.model{background:var(--paper);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:8px}
.model .img{height:170px;display:flex;align-items:flex-end;justify-content:center}
.model .img img{max-height:165px;width:auto}
.model .code{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}
.model dl{margin:0;display:grid;grid-template-columns:auto auto;gap:4px 10px;font:500 12px/1.4 var(--mono)}
.model dt{color:var(--muted)}.model dd{margin:0;text-align:right}
.model .row{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.model .row .btn{min-height:40px;padding:0 12px;font-size:13px;flex:1;justify-content:center}
.cmp[aria-pressed="true"]{background:#000;color:#fff}
.stand{display:inline-block;background:#000;color:var(--yellow);font:600 10px/1 var(--mono);letter-spacing:.12em;padding:6px 8px;align-self:flex-start}
@media(max-width:980px){.models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.models{grid-template-columns:minmax(0,1fr)}}
.cmpbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:#000;color:#fff;display:flex;align-items:center;gap:16px;padding:10px 10px 10px 20px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:calc(100% - 32px)}
.cmpbar .btn{min-height:40px}

/* selector */
.sel{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;border:2px solid var(--ink);background:var(--paper)}
.tabs{display:flex;flex-direction:column;border-right:2px solid var(--ink)}
.tab{all:unset;cursor:pointer;padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:700;font-size:18px}
.tab small{display:block;font:500 12px/1.4 var(--mono);color:var(--muted);margin-top:4px}
.tab[aria-selected="true"]{background:var(--yellow)}
.tab[aria-selected="true"] small{color:#000}
.tab:focus-visible{outline:3px solid #000;outline-offset:-3px}
.panel{padding:32px;display:flex;flex-direction:column;gap:20px}
.panel .recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rec{border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px;background:#fff}
.rec .img{height:140px;display:flex;align-items:flex-end;justify-content:center}.rec .img img{max-height:135px;width:auto}
.rec b{font-size:20px;letter-spacing:-.02em}.rec span{font:500 12px/1.4 var(--mono);color:var(--muted)}
@media(max-width:900px){.sel{grid-template-columns:minmax(0,1fr)}.tabs{border-right:0;border-bottom:2px solid var(--ink);flex-direction:row;overflow-x:auto}.tab{white-space:nowrap;border-bottom:0;border-right:1px solid var(--line)}.tab small{display:none}.panel .recs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.panel{padding:20px}.panel .recs{grid-template-columns:minmax(0,1fr)}}


.rec .q{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.stepper.sm button{width:36px;height:34px;font-size:18px}.stepper.sm output{min-width:32px;font-size:15px}
.rec.on{border-color:#000;box-shadow:inset 0 -4px 0 var(--yellow)}
.addrow{display:flex;flex-direction:column;gap:8px}
.lbl{font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.addctl{display:flex;gap:8px;flex-wrap:wrap}.addctl select{flex:1;min-width:180px}
.kit{border:2px solid #000;background:#fff}
.kit-h{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:#000;color:#fff;flex-wrap:wrap}.kit-h span{color:var(--yellow);font-size:12px}
.kit ul,.items{list-style:none;margin:0;padding:0}
.kit li,.items li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line)}
.items li{padding:8px 0;border-bottom:1px solid var(--line)}.items{border-top:1.5px solid var(--ink)}
.kit li b,.items li b{font-size:16px}
.kit .empty,.items .empty{color:var(--muted);font-size:14px}
.rm{all:unset;cursor:pointer;width:32px;height:32px;text-align:center;font-size:16px;color:var(--muted)}.rm:hover{color:#000}.rm:focus-visible{outline:2px solid #000}
.kit-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}

/* ways + calculator */
.dark{background:#0d0d0c;color:#f4f2ea;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.dark .kick{color:#a9a79e}.dark .muted{color:#a9a79e}
.ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#3a3934;border:1px solid #3a3934;margin-bottom:56px}
.ways div{background:#0d0d0c;padding:24px;display:flex;flex-direction:column;gap:8px}
.ways div.y{background:var(--yellow);color:#000}.ways div.y .muted{color:#3a3934}
.ways b{font-size:24px;letter-spacing:-.02em}
@media(max-width:900px){.ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ways{grid-template-columns:minmax(0,1fr)}}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.calc form{background:#f4f2ea;color:var(--ink);padding:32px;display:grid;gap:18px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld label,.fld .lbl{font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
select,input[type=text],input[type=tel]{font:500 16px/1 var(--sans);height:48px;padding:0 14px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);border-radius:0;width:100%}
.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1.5px solid var(--ink)}
.seg button{all:unset;cursor:pointer;text-align:center;padding:12px 4px;font-weight:600;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:#000;color:var(--yellow)}
.seg button:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.stepper{display:flex;align-items:center;border:1.5px solid var(--ink);width:max-content;background:#fff}
.stepper button{all:unset;cursor:pointer;width:48px;height:46px;text-align:center;font-size:22px;font-weight:600}
.stepper output{min-width:56px;text-align:center;font:600 18px/1 var(--mono)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.note{font:500 12px/1.5 var(--mono);color:var(--muted)}
.ok{background:var(--yellow);color:#000;padding:16px;font-weight:600}
.calc-side ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.calc-side li{display:flex;gap:14px;align-items:flex-start}
.calc-side li i{width:10px;height:10px;background:var(--yellow);margin-top:8px;flex-shrink:0}
.soon{margin-top:28px;border:1px dashed #6b6a64;padding:16px;font:500 12px/1.6 var(--mono);color:#a9a79e}
@media(max-width:900px){.calc{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.two{grid-template-columns:minmax(0,1fr)}.calc form{padding:20px}.seg{grid-template-columns:repeat(2,minmax(0,1fr))}.seg button:nth-child(2){border-right:0}.seg button:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* about */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.about .ph{position:relative}
.about .ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.about .ph .tag{position:absolute;left:0;bottom:0;background:var(--yellow);font:600 11px/1 var(--mono);letter-spacing:.12em;padding:8px 10px}
.steps{list-style:none;margin:28px 0 0;padding:0;border-top:2px solid var(--ink)}
.steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.steps b{font-size:30px;line-height:1;font-weight:800;letter-spacing:-.04em}
.steps strong{display:block;font-size:17px}
@media(max-width:900px){.about{grid-template-columns:minmax(0,1fr)}}

/* expo */
.expo{background:var(--yellow);color:#000}
.expo .kick{color:#000}
.expo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.ex{background:rgba(255,255,255,.55);padding:14px;display:flex;flex-direction:column;gap:6px}
.ex .img{height:120px;display:flex;align-items:flex-end;justify-content:center}.ex .img img{max-height:115px;width:auto}
.ex b{font-size:18px;letter-spacing:-.02em}.ex span{font:500 11px/1.4 var(--mono)}
.expo-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end}
.expo-info .when{font:600 15px/1.6 var(--mono)}
@media(max-width:900px){.expo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* download + contacts */
.dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;border:2px solid var(--ink);padding:32px;background:var(--paper)}
@media(max-width:700px){.dl{grid-template-columns:minmax(0,1fr)}}
footer{background:#0d0d0c;color:#f4f2ea;padding-block:64px 32px}
.ft{display:grid;grid-template-columns:1.2fr 2fr;gap:40px}
.ft .big{font:600 clamp(24px,3vw,34px)/1.2 var(--mono)}
.ft h4{margin:0 0 12px;font:600 12px/1 var(--mono);letter-spacing:.12em;color:#a9a79e}
.ft a{text-decoration:none}.ft p{margin:0 0 8px}
.ft .plate{background:#fff;display:inline-block;padding:12px 16px;margin-bottom:24px}
.ft .plate img{width:120px}
.copy{margin-top:48px;padding-top:20px;border-top:1px solid #3a3934;font:500 12px/1.5 var(--mono);color:#a9a79e;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media(max-width:800px){.ft{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== multi-page additions ===== */
.skip{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:12px;top:12px}
nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--yellow);text-underline-offset:6px}
.burger{display:none}
@media(max-width:980px){
  .burger{display:block;position:relative}
  .burger summary{list-style:none;cursor:pointer;width:48px;height:48px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font:600 20px/1 var(--sans)}
  .burger summary::-webkit-details-marker{display:none}
  .burger[open] summary{background:var(--yellow);border-color:var(--yellow)}
  .burger .menu{position:absolute;right:0;top:56px;width:min(320px,calc(100vw - 32px));background:var(--paper);border:2px solid var(--ink);display:flex;flex-direction:column;padding:8px 0;box-shadow:0 20px 40px rgba(0,0,0,.18)}
  .burger .menu a{padding:14px 20px;text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
  .burger .menu a:last-child{border-bottom:0}
  .burger .menu .tel{display:block;font:600 16px/1 var(--mono)}
  .hdr .btn.y{display:none}
}
@media(min-width:981px){.hdr .burger{display:none}}

.crumbs{font:500 12px/1.5 var(--mono);color:var(--muted);padding-top:28px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.5}

.page-head{padding-block:32px 48px}
.page-head h1{font-size:clamp(44px,6.4vw,88px);line-height:.92;font-weight:800;letter-spacing:-.05em;margin-top:18px}
.page-head .lead{font-size:19px;max-width:640px;margin:20px 0 0}

/* product card grid (category pages) */
.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:980px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.grid-cards{grid-template-columns:minmax(0,1fr)}}
.model .img.ph,.pimg.ph{background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(0,0,0,.04) 10px 20px);border:1px dashed var(--line);align-items:center;font:500 12px/1.4 var(--mono);color:var(--muted);text-align:center}
.model a.code{text-decoration:none}.model a.code:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px}
.model .t{font:500 11px/1.4 var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;min-height:2.8em}
.model .row .btn.more{flex:0 0 auto}

/* spec tables */
.tbl-wrap{overflow-x:auto;border-top:2px solid var(--ink);-webkit-overflow-scrolling:touch}
table.tt{width:100%;border-collapse:collapse;font:500 14px/1.4 var(--mono);min-width:720px}
table.tt th{font:600 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 10px;border-bottom:1.5px solid var(--ink);white-space:nowrap}
table.tt td{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
table.tt td:first-child{font:800 16px/1.2 var(--sans);letter-spacing:-.01em}
table.tt td:first-child a{text-decoration:none}
table.tt td:first-child a:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px}
table.tt .num{text-align:right}
table.tt tr.hl td{background:rgba(255,209,0,.18)}
table.tt td .addx{all:unset;cursor:pointer;font:600 12px/1 var(--mono);border:1.5px solid var(--ink);padding:7px 10px;white-space:nowrap}
table.tt td .addx:hover,table.tt td .addx[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow)}
table.tt td .addx:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* model page */
.pm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;padding-block:24px 56px}
.pm h1{font-size:clamp(64px,9vw,128px);line-height:.86;font-weight:800;letter-spacing:-.055em;margin-top:18px}
.pm .type{font:600 13px/1.5 var(--mono);letter-spacing:.1em;margin-top:14px}
.pm .lead{font-size:19px;max-width:520px;margin:20px 0 28px}
.keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink);margin-bottom:28px}
.keys div{padding:14px 12px 0 0;display:flex;flex-direction:column;gap:2px}
.keys b{font-size:clamp(26px,3vw,38px);line-height:1;font-weight:800;letter-spacing:-.04em}
.keys span{font:500 12px/1.4 var(--mono);color:var(--muted)}
.pimg{position:relative;min-height:440px;display:flex;align-items:flex-end;justify-content:center}
.pimg .glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 55%,rgba(255,255,255,.95),transparent 70%)}
.pimg .floor{position:absolute;left:12%;right:12%;bottom:18px;height:50px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.26),transparent 70%)}
.pimg img{position:relative;max-height:560px;width:auto;max-width:100%;filter:drop-shadow(0 30px 28px rgba(0,0,0,.22))}
.pimg .stand{position:absolute;top:0;right:0}
@media(max-width:900px){.pm{grid-template-columns:minmax(0,1fr)}.pimg{min-height:0;order:-1}.pimg img{max-height:380px}}
.specs2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;border-top:2px solid var(--ink)}
.specs2 div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font:500 15px/1.4 var(--mono)}
.specs2 dt{color:var(--muted)}.specs2 dd{margin:0;text-align:right;font-weight:600}
@media(max-width:700px){.specs2{grid-template-columns:minmax(0,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips span{border:1.5px solid var(--ink);padding:8px 12px;font-weight:600;font-size:14px;background:var(--paper)}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feat div{background:var(--paper);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:6px}
.feat b{font-size:20px;letter-spacing:-.02em}
.feat i{display:block;width:28px;height:6px;background:var(--yellow);margin-bottom:8px}
@media(max-width:800px){.feat{grid-template-columns:minmax(0,1fr)}}
.proofph{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.proofph img{width:100%;aspect-ratio:3/2;object-fit:cover}
.proofph .tag{display:inline-block;background:var(--yellow);font:600 11px/1 var(--mono);letter-spacing:.12em;padding:8px 10px}
@media(max-width:800px){.proofph{grid-template-columns:minmax(0,1fr)}}
.acc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center;background:var(--paper);border:2px solid var(--ink);padding:28px}
.acc img{max-height:260px;width:auto;margin:auto;filter:drop-shadow(0 16px 14px rgba(0,0,0,.2))}
@media(max-width:700px){.acc{grid-template-columns:minmax(0,1fr)}}
.sub{padding-block:64px}
.sub h2{font-size:clamp(30px,3.6vw,46px)}

/* lead form section (all pages) */
.lead-sec .calc form{box-shadow:none}
.fld textarea{font:500 16px/1.4 var(--sans);padding:12px 14px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);border-radius:0;width:100%;min-height:96px;resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45}
.consent input{width:20px;height:20px;margin:1px 0 0;flex-shrink:0;accent-color:#000}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.ok.err{background:#000;color:var(--yellow)}
button[disabled]{opacity:.6;cursor:progress}

/* compare */
.cmp-t{min-width:0}
.cmp-t th:first-child,.cmp-t td:first-child{position:sticky;left:0;background:var(--bg);z-index:1}
.cmp-t td:first-child{font:500 13px/1.4 var(--mono)!important;color:var(--muted)}
.cmp-t thead th{vertical-align:bottom;text-transform:none;letter-spacing:0}
.cmp-t thead th .ci{height:150px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px}
.cmp-t thead th .ci img{max-height:145px;width:auto}
.cmp-t thead th b{display:block;font:800 22px/1.1 var(--sans);color:var(--ink);letter-spacing:-.02em}
.cmp-t thead th button{all:unset;cursor:pointer;font:500 11px/1 var(--mono);color:var(--muted);margin-top:6px;display:inline-block}
.cmp-t td{white-space:normal}
.cmp-empty{border:2px dashed var(--line);padding:40px;text-align:center}
.cmpbar a.btn{min-height:40px}

/* prose (privacy) */
.prose{max-width:760px}
.prose h2{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:36px 0 10px}
.prose p,.prose li{font-size:16px;line-height:1.65}
.prose .todo{background:var(--yellow);padding:2px 4px}

.e404{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:20px}
.e404 b{font-size:clamp(120px,22vw,260px);line-height:.8;font-weight:800;letter-spacing:-.06em}

.model .row{flex-wrap:wrap}.model .row .btn.y{flex:1 1 100%}.model .row .btn.cmp{white-space:nowrap}

img{height:auto}
@media(max-width:900px){.stage img{max-height:340px;width:auto;margin:0 auto}}