/* BIASHARA design system
   Swiss editorial - ink on white - flat surfaces - hairline rules */

:root{
  --bg-page:        #FFFFFF;
  --bg-feature:     #F1ECE8;
  --bg-inverse:     #141414;
  --surface-card:   #FFFFFF;

  --text-primary:   #141414;
  --text-secondary: #4A4A4A;
  --text-muted:     #8A8A8A;
  --text-inverse:   #FFFFFF;

  --border-default: #E2E2E2;
  --divider:        #CBCBCB;
  --divider-beige:  #DFDBD8;

  --primary:         #141414;
  --primary-contrast:#FFFFFF;
  --secondary:       #F1ECE8;

  --success: #3E7D5A;
  --warning: #B5832E;
  --error:   #B23A2E;
  --info:    #2E5DB2;

  --overlay-hover: rgba(20,20,20,0.06);
  --ink-12:        rgba(20,20,20,0.12);
  --white-90:      rgba(255,255,255,0.92);

  --fs-display: clamp(3rem, 28vw, 31rem);
  --fs-h1:      clamp(2.5rem, 6vw, 4rem);
  --fs-h2:      clamp(2.25rem, 5.4vw, 4.25rem);
  --fs-h3:      clamp(1.6rem, 2.6vw, 2.1rem);
  --fs-h4:      clamp(1.15rem, 1.5vw, 1.35rem);
  --fs-body-lg: clamp(1.0625rem, 1.4vw, 1.375rem);
  --fs-body:    1rem;

  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 48px;  --space-8: 64px;
  --space-9: 96px;  --space-10: 128px; --space-11: 160px;
  --section-pad-y: clamp(80px, 9vw, 150px);
  --gutter: clamp(20px, 4vw, 40px);
  --maxw: 1460px;

  --radius-xs: 2px;
  --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(20,20,20,.05);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 420ms;

  --z-nav: 100;
  --z-overlay: 800;
}

*{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:96px; }
body{
  margin:0;
  background:var(--bg-page);
  color:var(--text-primary);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  font-size:var(--fs-body);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }
::selection{ background:#141414; color:#fff; }
h1,h2,h3,h4,h5{ margin:0; color:var(--text-primary); }
p{ margin:0 0 1em; }
p:last-child{ margin-bottom:0; }

.display{
  font-family:"Anton","Archivo","Helvetica Neue",sans-serif;
  font-weight:400;
  letter-spacing:-0.005em;
  line-height:0.94;
}

.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 var(--gutter); }
.wrap--narrow{ max-width:1080px; }
.section{ padding-block:var(--section-pad-y); }
.section--tight{ padding-block:clamp(56px,6vw,96px); }
.section + .section--ruled{ border-top:1px solid var(--border-default); }
.section--ruled{ border-top:1px solid var(--border-default); }

.lede{
  color:var(--text-secondary);
  font-size:var(--fs-body-lg);
  line-height:1.42;
  max-width:58ch;
}
.lede--wide{ max-width:72ch; }

.prose p{ color:var(--text-secondary); font-size:16.5px; line-height:1.68; max-width:68ch; }
.prose p + p{ margin-top:0; }
.prose strong{ color:var(--text-primary); font-weight:600; }

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:12px; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--text-muted);
  margin:0 0 var(--space-5);
}
.eyebrow::before{ content:""; width:22px; height:1px; background:var(--text-primary); opacity:.55; }
.eyebrow--center{ justify-content:center; }
.eyebrow--light{ color:rgba(255,255,255,.62); }
.eyebrow--light::before{ background:#fff; opacity:.7; }
.eyebrow--beige{ color:#8d8378; }

.rule{ height:1px; background:var(--border-default); border:0; margin:0; }

.visually-hidden{
  position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip{
  position:absolute; left:-9999px; top:0; z-index:1000;
  background:#141414; color:#fff; padding:12px 18px;
  font-size:13px; letter-spacing:.04em;
}
.skip:focus{ left:0; }

/* buttons */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  font:600 13px/1 "Inter",sans-serif; letter-spacing:.06em; text-transform:uppercase;
  border-radius:var(--radius-pill); padding:15px 28px; cursor:pointer;
  border:1px solid transparent; background:none; color:inherit;
  transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}
.btn::before{ content:""; width:7px; height:7px; border-radius:999px; background:currentColor; flex:0 0 auto; }
.btn--primary{ background:var(--primary); color:var(--primary-contrast); }
.btn--primary:hover{ background:#000; }
.btn--secondary{ background:var(--bg-feature); color:var(--text-primary); }
.btn--secondary:hover{ background:#E7E1DC; }
.btn--outline{ background:transparent; color:var(--text-primary); border-color:var(--text-primary); }
.btn--outline:hover{ background:var(--text-primary); color:#fff; }
.btn--on-ink{ background:#fff; color:#141414; }
.btn--on-ink:hover{ background:#F1ECE8; }
.btn--outline-ink{ background:transparent; color:#fff; border-color:rgba(255,255,255,.4); }
.btn--outline-ink:hover{ background:#fff; color:#141414; border-color:#fff; }
.btn--ghost{ padding-left:0; padding-right:0; background:transparent; color:var(--text-primary); }
.btn--ghost::before{ display:none; }
.btn--ghost .arr{ transition:transform var(--dur-base) var(--ease-out); }
.btn--ghost:hover .arr{ transform:translateX(4px); }
.btn--lg{ padding:18px 36px; font-size:14px; }
.btn--sm{ padding:10px 18px; font-size:12px; }
.btn:focus-visible{ outline:2px solid var(--primary); outline-offset:3px; }
.btn--on-ink:focus-visible,.btn--outline-ink:focus-visible{ outline-color:#fff; }
.btn-row{ display:flex; flex-wrap:wrap; gap:16px 22px; align-items:center; }

.inline-link{
  color:var(--text-primary); font-weight:500;
  border-bottom:1px solid var(--divider); padding-bottom:1px;
  transition:border-color var(--dur-fast) var(--ease-out);
}
.inline-link:hover{ border-color:var(--text-primary); }

/* header */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:var(--z-nav);
  border-bottom:1px solid transparent;
  transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}
.site-header.scrolled{
  background:rgba(255,255,255,0.94);
  -webkit-backdrop-filter:saturate(1.1) blur(6px);
  backdrop-filter:saturate(1.1) blur(6px);
  border-bottom-color:var(--border-default);
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  gap:var(--space-5); padding:16px var(--gutter);
  max-width:1700px; margin:0 auto;
}
.brand{ display:inline-flex; align-items:center; gap:11px; }
.brand__mark{ width:24px; height:24px; color:var(--text-primary); flex:0 0 auto; }
.brand__mark svg{ width:100%; height:100%; fill:currentColor; }
.brand__word{ font-family:"Anton",sans-serif; font-size:21px; letter-spacing:.02em; text-transform:uppercase; line-height:1; }
.nav__center{ display:flex; gap:34px; }
.nav__center a{
  font-size:15px; font-weight:500; color:var(--text-primary);
  padding:6px 0; position:relative;
  transition:opacity var(--dur-fast) var(--ease-out);
}
.nav__center a:hover{ opacity:.6; }
.nav__center a[aria-current="page"]::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1.5px; background:var(--text-primary);
}
.nav__center a:focus-visible{ outline:2px solid var(--text-primary); outline-offset:4px; }
.nav__right{ display:flex; align-items:center; gap:16px; }

.nav-toggle{
  display:none; width:44px; height:44px; border:0; background:none; cursor:pointer;
  align-items:center; justify-content:center; color:var(--text-primary);
}
.nav-toggle span{ position:relative; width:22px; height:1.5px; background:currentColor; display:block; }
.nav-toggle span::before,.nav-toggle span::after{ content:""; position:absolute; left:0; width:22px; height:1.5px; background:currentColor; }
.nav-toggle span::before{ top:-7px; } .nav-toggle span::after{ top:7px; }

.mobile-menu{
  position:fixed; inset:0; z-index:var(--z-overlay);
  background:var(--bg-inverse); color:var(--text-inverse);
  display:flex; flex-direction:column; padding:20px var(--gutter) 36px;
  transform:translateY(-100%); opacity:0; pointer-events:none;
  transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-base) var(--ease-out);
}
.mobile-menu.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
.mobile-menu__top{ display:flex; align-items:center; justify-content:space-between; }
.mobile-menu__top .brand__word,.mobile-menu__top .brand__mark{ color:#fff; }
.mobile-menu__close{ width:44px;height:44px;border:0;background:none;color:#fff;cursor:pointer;font-size:26px;line-height:1; }
.mobile-menu nav{ display:flex; flex-direction:column; gap:4px; margin-top:auto; margin-bottom:auto; }
.mobile-menu nav a{
  font-family:"Anton",sans-serif; text-transform:uppercase; font-size:clamp(1.9rem,8.5vw,3rem);
  letter-spacing:.01em; line-height:1.06; color:#fff; padding:6px 0;
}
.mobile-menu nav a:hover{ opacity:.6; }
.mobile-menu__foot{
  display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.16); padding-top:20px;
}
.mobile-menu__foot .meta{ font-size:13px; color:rgba(255,255,255,.65); letter-spacing:.04em; }

/* giant word */
.bookend{ width:100%; overflow:hidden; line-height:0.82; padding:0 2px; }
.bookend__word{
  font-family:"Anton",sans-serif; text-transform:uppercase;
  font-size:var(--fs-display); letter-spacing:-0.01em; line-height:0.82;
  color:var(--text-primary); white-space:nowrap; display:block; width:100%; text-align:left;
}

/* home hero */
.hero{ padding-top:92px; }
.hero__intro{ display:grid; justify-items:end; padding-top:clamp(26px,4vw,52px); }
.hero__intro-inner{ max-width:48ch; text-align:right; }
.hero__intro .lede{ margin-left:auto; }
.hero__cta{ display:flex; gap:18px; justify-content:flex-end; flex-wrap:wrap; margin-top:var(--space-6); }

/* subpage masthead */
.masthead{ padding-top:clamp(132px,13vw,186px); padding-bottom:clamp(40px,5vw,64px); }
.masthead__grid{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:end; }
.masthead h1{ font-size:var(--fs-h2); letter-spacing:-0.015em; line-height:0.95; max-width:17ch; }
.masthead__aside .lede{ max-width:46ch; }
.masthead__aside .btn-row{ margin-top:var(--space-6); }

.metastrip{
  display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--text-primary); border-bottom:1px solid var(--border-default);
  margin-top:clamp(40px,5vw,72px);
}
.metastrip > div{ padding:20px 24px 22px 0; border-right:1px solid var(--border-default); }
.metastrip > div:last-child{ border-right:0; }
.metastrip > div + div{ padding-left:24px; }
.metastrip .k{ font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
.metastrip .v{ font-size:15.5px; color:var(--text-primary); margin-top:9px; line-height:1.45; }

/* numeric claim band */
.figures{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--text-primary); }
.figures > div{ padding:28px 26px 30px 0; border-right:1px solid var(--border-default); border-bottom:1px solid var(--border-default); }
.figures > div:last-child{ border-right:0; }
.figures > div + div{ padding-left:26px; }
.figures .n{ font-family:"Anton",sans-serif; font-size:clamp(2.4rem,4.4vw,3.6rem); line-height:0.92; letter-spacing:.005em; }
.figures .t{ font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-top:14px; }
.figures .d{ font-size:14px; color:var(--text-secondary); line-height:1.55; margin-top:8px; max-width:30ch; }

/* section heading block */
.shead{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(28px,5vw,80px); align-items:end; margin-bottom:clamp(36px,4.5vw,64px); }
.shead h2{ font-size:var(--fs-h1); letter-spacing:-0.015em; line-height:0.98; max-width:18ch; }
.shead--center{ grid-template-columns:1fr; justify-items:center; text-align:center; }
.shead--center h2{ max-width:20ch; }
.shead--center .lede{ text-align:center; max-width:60ch; }
.shead__aside .lede{ max-width:48ch; }
.shead__aside .btn-row{ margin-top:var(--space-5); }
.h3-title{ font-size:var(--fs-h3); font-weight:600; letter-spacing:-0.015em; line-height:1.1; }

/* module grid */
.modgrid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--text-primary); }
.mcard{
  padding:28px clamp(20px,2.2vw,32px) 30px;
  border-right:1px solid var(--border-default); border-bottom:1px solid var(--border-default);
  padding-left:0;
}
.modgrid .mcard + .mcard{ padding-left:clamp(20px,2.2vw,32px); }
.modgrid .mcard:nth-child(3n){ border-right:0; }
.modgrid .mcard:nth-child(3n+1){ padding-left:0; }
.mcard__idx{ font-size:11.5px; font-weight:600; letter-spacing:.1em; color:var(--text-muted); }
.mcard h3{ font-size:19px; font-weight:600; letter-spacing:-0.012em; margin:14px 0 10px; }
.mcard p{ font-size:14px; line-height:1.6; color:var(--text-secondary); }
.mcard__replaces{ margin-top:16px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }

.feature .modgrid{ border-top-color:#141414; }
.feature .mcard{ border-right-color:var(--divider-beige); border-bottom-color:var(--divider-beige); }
.feature .mcard p{ color:#5a5350; }

/* beige + ink bands */
.feature{ background:var(--bg-feature); }
.feature .lede{ color:#5a5350; }
.feature .prose p{ color:#5a5350; }
.band-ink{ background:var(--bg-inverse); color:#fff; }
.band-ink h2,.band-ink h3,.band-ink h4{ color:#fff; }
.band-ink .lede{ color:rgba(255,255,255,.74); }
.band-ink .prose p{ color:rgba(255,255,255,.74); }
.band-ink .prose strong{ color:#fff; }

/* comparison */
.compare{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,2.6vw,34px); }
.econ{ border:1px solid var(--divider-beige); padding:clamp(24px,3vw,38px); background:rgba(255,255,255,.55); }
.econ--new{ background:#141414; color:#fff; border-color:#141414; }
.econ__k{ font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#8d8378; }
.econ--new .econ__k{ color:rgba(255,255,255,.55); }
.econ h3{ font-size:var(--fs-h4); font-weight:600; letter-spacing:-0.01em; margin:10px 0 20px; }
.econ--new h3{ color:#fff; }
.econ ul{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.econ li{ display:grid; grid-template-columns:18px 1fr; gap:12px; align-items:start; font-size:14.5px; line-height:1.55; color:#5a5350; }
.econ--new li{ color:rgba(255,255,255,.82); }
.econ li .mk{ font-weight:600; color:var(--text-muted); line-height:1.5; }
.econ--new li .mk{ color:rgba(255,255,255,.5); }
.econ__foot{ margin-top:24px; padding-top:20px; border-top:1px solid var(--divider-beige); font-size:13.5px; line-height:1.6; color:#5a5350; }
.econ--new .econ__foot{ border-top-color:rgba(255,255,255,.18); color:rgba(255,255,255,.7); }

/* spec table */
.spec{ width:100%; border-collapse:collapse; text-align:left; }
.spec caption{ text-align:left; font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); padding-bottom:16px; }
.spec th,.spec td{ padding:16px 20px 16px 0; border-bottom:1px solid var(--border-default); vertical-align:top; }
.spec thead th{
  font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-muted); border-bottom:1px solid var(--text-primary); padding-bottom:12px;
}
.spec tbody th{ font-size:15px; font-weight:600; width:26%; }
.spec td{ font-size:14.5px; color:var(--text-secondary); line-height:1.6; }
.spec tbody tr:last-child th,.spec tbody tr:last-child td{ border-bottom:0; }
.spec--3 tbody th{ width:22%; }
.feature .spec th,.feature .spec td{ border-bottom-color:var(--divider-beige); }
.feature .spec thead th{ border-bottom-color:#141414; }
.feature .spec td{ color:#5a5350; }
.table-scroll{ overflow-x:auto; }

/* definition rows */
.dl{ display:grid; border-top:1px solid var(--text-primary); }
.dl__row{ display:grid; grid-template-columns:minmax(0,0.42fr) minmax(0,1fr); gap:clamp(20px,4vw,56px); padding:26px 0; border-bottom:1px solid var(--border-default); }
.dl__row dt{ font-size:17px; font-weight:600; letter-spacing:-0.01em; }
.dl__row dt .n{ display:block; font-size:11.5px; font-weight:600; letter-spacing:.1em; color:var(--text-muted); margin-bottom:10px; }
.dl__row dd{ margin:0; font-size:15px; line-height:1.65; color:var(--text-secondary); max-width:64ch; }
.band-ink .dl{ border-top-color:rgba(255,255,255,.4); }
.band-ink .dl__row{ border-bottom-color:rgba(255,255,255,.14); }
.band-ink .dl__row dd{ color:rgba(255,255,255,.72); }
.band-ink .dl__row dt .n{ color:rgba(255,255,255,.45); }

/* numbered steps */
.steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--text-primary); list-style:none; margin:0; padding:0; }
.steps li{ padding:26px clamp(20px,2.2vw,32px) 30px 0; border-right:1px solid var(--border-default); border-bottom:1px solid var(--border-default); }
.steps li + li{ padding-left:clamp(20px,2.2vw,32px); }
.steps li:nth-child(3n){ border-right:0; }
.steps li:nth-child(3n+1){ padding-left:0; }
.steps .sn{ font-family:"Anton",sans-serif; font-size:clamp(1.9rem,2.8vw,2.5rem); line-height:1; color:var(--text-primary); }
.steps h3{ font-size:16.5px; font-weight:600; letter-spacing:-0.01em; margin:16px 0 9px; }
.steps p{ font-size:14px; line-height:1.6; color:var(--text-secondary); }
.steps--4{ grid-template-columns:repeat(4,1fr); }
.steps--4 li:nth-child(3n){ border-right:1px solid var(--border-default); }
.steps--4 li:nth-child(3n+1){ padding-left:clamp(20px,2.2vw,32px); }
.steps--4 li:first-child{ padding-left:0; }
.steps--4 li:nth-child(4n){ border-right:0; }
.steps--4 li:nth-child(4n+1){ padding-left:0; }
.band-ink .steps{ border-top-color:rgba(255,255,255,.4); }
.band-ink .steps li{ border-right-color:rgba(255,255,255,.14); border-bottom-color:rgba(255,255,255,.14); }
.band-ink .steps .sn{ color:#fff; }
.band-ink .steps p{ color:rgba(255,255,255,.7); }

/* checklist */
.checks{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.checks li{ display:grid; grid-template-columns:16px 1fr; gap:12px; font-size:15px; line-height:1.6; color:var(--text-secondary); }
.checks li::before{ content:""; width:7px; height:7px; border-radius:999px; background:var(--text-primary); margin-top:8px; }
.checks--two{ grid-template-columns:1fr 1fr; gap:12px 40px; }
.band-ink .checks li{ color:rgba(255,255,255,.76); }
.band-ink .checks li::before{ background:#fff; }
.feature .checks li{ color:#5a5350; }

/* two column prose split */
.split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,5vw,90px); align-items:start; }
.split--wide-left{ grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr); }
.split--wide-right{ grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr); }
.split h2{ font-size:var(--fs-h1); letter-spacing:-0.015em; line-height:0.98; }
.stack{ display:grid; gap:var(--space-6); }
.stack--sm{ gap:var(--space-4); }
.stack--lg{ gap:clamp(40px,5vw,72px); }

/* bordered panel */
.panel{ border:1px solid var(--border-default); background:#fff; }
.panel__h{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:16px 20px; border-bottom:1px solid var(--border-default);
}
.panel__h .t{ font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.panel__h .a{ font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); }
.panel__b{ padding:20px; }
.panel__b.tight{ padding:0; }
.plist{ list-style:none; margin:0; padding:0; }
.plist li{ padding:15px 20px; border-bottom:1px solid var(--border-default); display:grid; gap:5px; }
.plist li:last-child{ border-bottom:0; }
.plist .pt{ font-size:14.5px; font-weight:500; }
.plist .pm{ font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }
.plist .pd{ font-size:13.5px; color:var(--text-secondary); line-height:1.55; }
.band-ink .panel{ background:#1b1b1b; border-color:#2c2c2c; }
.band-ink .panel__h{ border-bottom-color:#2c2c2c; }
.band-ink .plist li{ border-bottom-color:#262626; }
.band-ink .plist .pt{ color:#fff; }
.band-ink .plist .pd{ color:rgba(255,255,255,.62); }
.band-ink .plist .pm{ color:rgba(255,255,255,.42); }
.band-ink .panel__h .a{ color:rgba(255,255,255,.45); }

/* callout */
.callout{ border-left:2px solid var(--text-primary); padding:4px 0 4px 26px; }
.callout p{ font-size:16px; line-height:1.62; color:var(--text-secondary); max-width:62ch; }
.callout .ck{ font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:10px; }
.band-ink .callout{ border-left-color:#fff; }
.band-ink .callout p{ color:rgba(255,255,255,.76); }

/* chips */
.chips{ display:flex; flex-wrap:wrap; gap:10px; }
.chip{
  display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:500;
  padding:10px 17px; border:1px solid var(--border-default); border-radius:999px;
  background:#fff; color:var(--text-secondary);
}
.chip .led{ width:7px; height:7px; border-radius:999px; background:var(--text-muted); flex:0 0 auto; }
.feature .chip{ border-color:var(--divider-beige); }
.chips__label{ font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:16px; }
.feature .chips__label{ color:#8d8378; }

/* table of contents (platform page) */
.toc{ position:sticky; top:104px; }
.toc__k{ font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); padding-bottom:14px; border-bottom:1px solid var(--text-primary); }
.toc ol{ list-style:none; margin:0; padding:0; }
.toc li{ border-bottom:1px solid var(--border-default); }
.toc a{ display:grid; grid-template-columns:34px 1fr; gap:10px; padding:13px 0; font-size:14.5px; color:var(--text-secondary); transition:color var(--dur-fast) var(--ease-out); }
.toc a .n{ font-size:11.5px; font-weight:600; letter-spacing:.08em; color:var(--text-muted); padding-top:3px; }
.toc a:hover{ color:var(--text-primary); }

/* module detail entry */
.entry{ padding-top:clamp(40px,4.5vw,64px); border-top:1px solid var(--border-default); }
.entry:first-child{ padding-top:0; border-top:0; }
.entry + .entry{ margin-top:clamp(40px,4.5vw,64px); }
.entry__head{ display:flex; align-items:baseline; gap:18px; margin-bottom:18px; }
.entry__n{ font-family:"Anton",sans-serif; font-size:clamp(1.6rem,2.4vw,2.1rem); line-height:1; color:var(--text-muted); }
.entry h3{ font-size:var(--fs-h3); font-weight:600; letter-spacing:-0.015em; line-height:1.08; }
.entry__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,0.78fr); gap:clamp(28px,4vw,64px); align-items:start; }
.entry__body p{ font-size:15.5px; line-height:1.68; color:var(--text-secondary); max-width:62ch; }
.entry__side{ border-top:1px solid var(--text-primary); padding-top:18px; }
.entry__side .sk{ font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:14px; }
.entry__side ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.entry__side li{ font-size:14px; line-height:1.55; color:var(--text-secondary); display:grid; grid-template-columns:14px 1fr; gap:10px; }
.entry__side li::before{ content:""; width:5px; height:5px; border-radius:999px; background:var(--text-primary); margin-top:8px; }

/* accordion / faq */
.accordion{ border-top:1px solid var(--text-primary); }
.accordion-item{ border-bottom:1px solid var(--border-default); }
.accordion-trigger{
  width:100%; display:grid; grid-template-columns:42px 1fr auto; gap:18px;
  align-items:center; padding:24px 2px; cursor:pointer; background:none; border:0; text-align:left;
  color:var(--text-primary);
}
.accordion-trigger:hover{ opacity:.75; }
.accordion-trigger:focus-visible{ outline:2px solid var(--text-primary); outline-offset:2px; }
.accordion-trigger .idx{ font:600 12px/1 "Inter",sans-serif; letter-spacing:.06em; color:var(--text-muted); }
.accordion-trigger .ttl{ font-size:clamp(16.5px,1.8vw,20px); font-weight:600; letter-spacing:-0.012em; }
.accordion-trigger .ico{ width:16px; height:16px; position:relative; flex:0 0 auto; }
.accordion-trigger .ico::before,.accordion-trigger .ico::after{ content:""; position:absolute; background:var(--text-primary); transition:transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out); }
.accordion-trigger .ico::before{ top:7.5px; left:0; width:16px; height:1.5px; }
.accordion-trigger .ico::after{ left:7.5px; top:0; width:1.5px; height:16px; }
.accordion-item[aria-expanded="true"] .ico::after{ transform:scaleY(0); opacity:0; }
.accordion-panel{ overflow:hidden; max-height:0; transition:max-height var(--dur-slow) var(--ease-out); }
.accordion-panel__inner{ padding:0 2px 26px 60px; }
.accordion-panel p{ color:var(--text-secondary); font-size:15px; line-height:1.68; max-width:66ch; }
.accordion-panel ul{ margin:14px 0 0; padding:0; list-style:none; display:grid; gap:9px; }
.accordion-panel li{ display:grid; grid-template-columns:14px 1fr; gap:10px; font-size:14px; color:var(--text-secondary); line-height:1.55; }
.accordion-panel li::before{ content:""; width:5px; height:5px; border-radius:999px; background:var(--text-primary); margin-top:8px; }
.feature .accordion{ border-top-color:#141414; }
.feature .accordion-item{ border-bottom-color:var(--divider-beige); }
.feature .accordion-panel p,.feature .accordion-panel li{ color:#5a5350; }

/* integration catalog */
.catalog{ border:1px solid var(--border-default); background:#fff; }
.catalog__bar{ padding:16px; border-bottom:1px solid var(--border-default); display:grid; gap:14px; }
.catalog__search{ display:flex; align-items:center; gap:10px; height:44px; border:1px solid var(--border-default); padding:0 14px; color:var(--text-muted); }
.catalog__search svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.7; flex:0 0 auto; }
.catalog__search input{ border:0; outline:0; flex:1; font:400 15px/1 "Inter",sans-serif; color:var(--text-primary); background:none; }
.catalog__search input::placeholder{ color:var(--text-muted); }
.catalog__filters{ display:flex; flex-wrap:wrap; gap:8px; }
.fchip{
  font-size:12.5px; font-weight:500; padding:8px 15px; border-radius:999px;
  border:1px solid var(--border-default); background:#fff; color:var(--text-secondary); cursor:pointer;
  transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.fchip:hover{ border-color:var(--text-primary); }
.fchip.active{ background:#141414; color:#fff; border-color:#141414; }
.fchip:focus-visible{ outline:2px solid var(--text-primary); outline-offset:2px; }
.catalog__grid{ display:grid; grid-template-columns:1fr 1fr; }
.icard{ padding:22px; border-top:1px solid var(--border-default); border-right:1px solid var(--border-default); }
.catalog__grid .icard:nth-child(2n){ border-right:0; }
.icard__k{ font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:var(--text-muted); }
.icard h4{ font-size:15.5px; font-weight:600; letter-spacing:-0.01em; margin:9px 0 9px; }
.icard p{ font-size:13.5px; line-height:1.6; color:var(--text-secondary); }
.icard .role{ display:block; margin-top:12px; font-size:12.5px; color:var(--text-muted); line-height:1.5; }
.icard.hidden{ display:none; }
.catalog__empty{ padding:30px 20px; font-size:14px; color:var(--text-muted); text-align:center; display:none; }
.catalog__empty.show{ display:block; }
.catalog__foot{
  padding:14px 18px; border-top:1px solid var(--border-default);
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted);
  display:flex; justify-content:space-between; gap:12px;
}

/* product mockup */
.figure{ margin:0; position:relative; }
.media{ position:relative; background:#fff; border:1px solid var(--border-default); overflow:hidden; }
.media--bleed{ border-left:0; border-right:0; }
.media-tag{
  position:absolute; right:0; bottom:0; background:var(--white-90); color:var(--text-primary);
  display:grid; grid-template-columns:auto auto; gap:6px 16px; align-items:center;
  padding:14px 18px; min-width:260px; max-width:min(92%,400px);
  border-top:1px solid var(--ink-12); border-left:1px solid var(--ink-12);
}
.media-tag .name{ font-weight:700; font-size:13px; letter-spacing:.03em; text-transform:uppercase; }
.media-tag .num{ font-weight:600; font-size:12px; padding-left:16px; border-left:1px solid var(--divider); color:var(--text-secondary); }
.media-tag .meta{ grid-column:1 / -1; font-size:11.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted); }

.app{ font-size:12px; color:var(--text-primary); background:#fff; }
.app__bar{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--border-default); }
.app__bar .b-brand{ display:inline-flex; align-items:center; gap:8px; font-family:"Anton",sans-serif; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
.app__bar .b-brand svg{ width:14px; height:14px; fill:currentColor; }
.pill-chip{
  display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:600;
  letter-spacing:.05em; text-transform:uppercase; padding:5px 10px; border-radius:999px;
  border:1px solid var(--border-default); color:var(--text-secondary); white-space:nowrap;
}
.pill-chip .led{ width:6px; height:6px; border-radius:999px; background:var(--success); }
.app__body{ display:grid; grid-template-columns:184px 1fr; }
.app__side{ border-right:1px solid var(--border-default); padding:14px 10px; display:flex; flex-direction:column; gap:2px; }
.side-link{ padding:8px 10px; color:var(--text-secondary); font-size:11.5px; font-weight:500; }
.side-link.active{ background:#141414; color:#fff; }
.side-cap{ font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--text-muted); padding:8px 10px 4px; }
.app__main{ padding:16px; display:grid; gap:14px; min-width:0; }
.stat-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.stat{ border:1px solid var(--border-default); padding:12px 13px; min-width:0; }
.stat .k{ font-size:9.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--text-muted); }
.stat .v{ font-family:"Anton",sans-serif; font-size:23px; letter-spacing:.01em; margin-top:6px; line-height:1; }
.stat .d{ font-size:10px; color:var(--text-secondary); margin-top:7px; display:flex; align-items:center; gap:6px; }
.led{ width:7px; height:7px; border-radius:999px; flex:0 0 auto; display:inline-block; }
.led--ok{ background:var(--success); } .led--warn{ background:var(--warning); }
.led--err{ background:var(--error); } .led--info{ background:var(--info); } .led--ink{ background:var(--text-primary); }
.mini-panel{ border:1px solid var(--border-default); }
.mini-panel__h{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid var(--border-default); }
.mini-panel__h .t{ font-weight:600; font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
.mini-panel__h .a{ font-size:10px; color:var(--text-muted); letter-spacing:.07em; text-transform:uppercase; }
.row{ display:grid; align-items:center; gap:10px; padding:10px 12px; border-top:1px solid var(--border-default); font-size:11px; }
.row:first-child{ border-top:0; }
.row .nm{ font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.row .sub{ color:var(--text-muted); font-size:10px; }
.row--head{ background:#FAFAFA; font-weight:600; color:var(--text-muted); font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; }
.tag-mini{
  font-size:9.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
  padding:3px 8px; border-radius:999px; border:1px solid var(--border-default);
  color:var(--text-secondary); white-space:nowrap; display:inline-block;
}
.tag-mini.ok{ color:var(--success); border-color:rgba(62,125,90,.4); }
.tag-mini.warn{ color:var(--warning); border-color:rgba(181,131,46,.4); }
.tag-mini.info{ color:var(--info); border-color:rgba(46,93,178,.4); }
.bar{ height:5px; background:var(--border-default); overflow:hidden; border-radius:999px; }
.bar > i{ display:block; height:100%; background:var(--text-primary); border-radius:999px; }
.agentline{ display:grid; grid-template-columns:22px 1fr; gap:10px; padding:12px; border-top:1px solid var(--border-default); align-items:start; }
.agentline:first-child{ border-top:0; }
.agentline .av{ width:22px; height:22px; background:#141414; color:#fff; display:flex; align-items:center; justify-content:center; }
.agentline .av svg{ width:13px; height:13px; fill:currentColor; }
.agentline .who{ font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted); margin-bottom:4px; }
.agentline .msg{ font-size:11px; line-height:1.5; }
.codeblock{
  background:#141414; color:#EDEAE7; font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;
  font-size:10.5px; line-height:1.75; padding:13px 15px; overflow:auto;
}
.codeblock .c-dim{ color:#8A8A8A; } .codeblock .c-add{ color:#9BD3B1; } .codeblock .c-key{ color:#fff; }

/* contact form */
.contact__grid{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr); gap:clamp(40px,6vw,96px); align-items:start; }
.form__grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px 24px; }
.field{ display:flex; flex-direction:column; gap:8px; }
.field--full{ grid-column:1 / -1; }
.field label{ font:600 12px/1.2 "Inter",sans-serif; letter-spacing:.07em; text-transform:uppercase; color:var(--text-secondary); }
.field .req{ color:var(--text-primary); }
.input,.select,.textarea{
  width:100%; background:#fff; border:1px solid var(--border-default);
  padding:14px 15px; font:400 16px/1.4 "Inter",sans-serif; color:var(--text-primary);
  transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.input::placeholder,.textarea::placeholder{ color:var(--text-muted); }
.select{
  appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 15px center;
}
.textarea{ min-height:150px; resize:vertical; }
.input:focus-visible,.select:focus-visible,.textarea:focus-visible{ outline:none; border-color:var(--text-primary); box-shadow:0 0 0 2px var(--ink-12); }
.field.invalid .input,.field.invalid .select,.field.invalid .textarea{ border-color:var(--error); box-shadow:0 0 0 2px rgba(178,58,46,.14); }
.field__err{ font-size:12.5px; color:var(--error); display:none; }
.field.invalid .field__err{ display:block; }
.form__foot{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:var(--space-6); }
.form__note{ font-size:13px; color:var(--text-muted); max-width:44ch; line-height:1.6; }
.form-success{ display:none; border:1px solid var(--text-primary); padding:clamp(28px,4vw,44px); }
.form-success.show{ display:block; }
.form-success h3{ font-size:var(--fs-h4); font-weight:600; margin-bottom:12px; }
.form-success p{ color:var(--text-secondary); font-size:15px; line-height:1.65; max-width:52ch; }

.infoblock{ border-top:1px solid var(--text-primary); padding-top:20px; }
.infoblock + .infoblock{ margin-top:var(--space-7); }
.infoblock .ik{ font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:14px; }
.infoblock a,.infoblock .iv{ font-size:17px; color:var(--text-primary); line-height:1.6; display:block; }
.infoblock a:hover{ opacity:.6; }
.infoblock address{ font-style:normal; font-size:16px; color:var(--text-secondary); line-height:1.65; }
.infoblock p{ font-size:14.5px; color:var(--text-secondary); line-height:1.65; }
.infoblock ol{ margin:0; padding-left:20px; }
.infoblock ol li{ font-size:14.5px; color:var(--text-secondary); line-height:1.6; padding-left:4px; }
.infoblock ol li + li{ margin-top:10px; }

/* closing cta */
.cta{ background:var(--bg-inverse); color:#fff; }
.cta__inner{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:end; padding-block:clamp(72px,8vw,120px); }
.cta h2{ font-family:"Anton",sans-serif; font-weight:400; font-size:var(--fs-h2); line-height:0.94; letter-spacing:-0.01em; color:#fff; max-width:16ch; }
.cta p{ color:rgba(255,255,255,.72); font-size:var(--fs-body-lg); line-height:1.45; max-width:46ch; }
.cta .btn-row{ margin-top:var(--space-6); }

/* pager */
.pager{ display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid var(--border-default); }
.pager a{ padding:30px 0; display:block; transition:opacity var(--dur-fast) var(--ease-out); }
.pager a:hover{ opacity:.6; }
.pager .pk{ font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
.pager .pt{ font-family:"Anton",sans-serif; font-size:clamp(1.4rem,2.4vw,2rem); line-height:1.05; margin-top:10px; }
.pager__next{ text-align:right; border-left:1px solid var(--border-default); padding-left:clamp(20px,3vw,40px); }
.pager__prev{ padding-right:clamp(20px,3vw,40px); }

/* footer */
.site-footer{ background:var(--bg-inverse); color:var(--text-inverse); }
.footer-bar{ height:6px; background:#000; }
.footer__top{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:clamp(28px,4vw,64px); padding-block:clamp(56px,7vw,88px); }
.footer__brand .brand__word{ color:#fff; font-size:24px; }
.footer__brand .brand__mark{ color:#fff; }
.footer__tag{ color:rgba(255,255,255,.66); font-size:15px; line-height:1.6; max-width:40ch; margin-top:18px; }
.footer__col h2{ font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:16px; }
.footer__col a{ display:block; color:rgba(255,255,255,.86); font-size:15px; line-height:1.95; transition:color var(--dur-fast) var(--ease-out); }
.footer__col a:hover{ color:#fff; }
.footer-bookend{ overflow:hidden; line-height:0.8; padding:0 2px; }
.footer-bookend .bookend__word{ color:#fff; }
.footer__legal{
  display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; justify-content:space-between;
  padding-block:24px 40px; border-top:1px solid rgba(255,255,255,.12); margin-top:8px;
}
.footer__legal p{ font-size:13px; color:rgba(255,255,255,.55); margin:0; }
.footer__legal .loc{ font-size:13px; color:rgba(255,255,255,.55); letter-spacing:.04em; }

/* responsive */
@media (max-width:1180px){
  .figures{ grid-template-columns:1fr 1fr; }
  .figures > div:nth-child(2n){ border-right:0; }
  .figures > div:nth-child(2n+1){ padding-left:0; }
  .figures > div:nth-child(2n){ padding-left:26px; }
  .metastrip{ grid-template-columns:1fr 1fr; }
  .metastrip > div:nth-child(2n){ border-right:0; }
  .metastrip > div:nth-child(2n+1){ padding-left:0; }
}
@media (max-width:1080px){
  .stat-row{ grid-template-columns:repeat(2,1fr); }
  .toc{ position:static; }
}
@media (max-width:960px){
  .nav__center{ display:none; }
  .nav__right .btn--primary{ display:none; }
  .nav-toggle{ display:inline-flex; }
  .split,.split--wide-left,.split--wide-right{ grid-template-columns:1fr; gap:clamp(34px,7vw,52px); }
  .masthead__grid{ grid-template-columns:1fr; gap:var(--space-6); align-items:start; }
  .masthead h1{ max-width:20ch; }
  .shead{ grid-template-columns:1fr; gap:var(--space-5); align-items:start; }
  .contact__grid{ grid-template-columns:1fr; gap:clamp(40px,8vw,64px); }
  .cta__inner{ grid-template-columns:1fr; gap:var(--space-6); align-items:start; }
  .compare{ grid-template-columns:1fr; }
  .modgrid{ grid-template-columns:1fr 1fr; }
  .modgrid .mcard:nth-child(3n){ border-right:1px solid var(--border-default); }
  .feature .modgrid .mcard:nth-child(3n){ border-right-color:var(--divider-beige); }
  .modgrid .mcard:nth-child(2n){ border-right:0; }
  .modgrid .mcard:nth-child(odd){ padding-left:0; }
  .modgrid .mcard:nth-child(even){ padding-left:clamp(20px,2.2vw,32px); }
  .steps,.steps--4{ grid-template-columns:1fr 1fr; }
  .steps li:nth-child(n){ border-right:1px solid var(--border-default); padding-left:clamp(20px,2.2vw,32px); }
  .steps li:nth-child(2n){ border-right:0; }
  .steps li:nth-child(2n+1){ padding-left:0; }
  .entry__grid{ grid-template-columns:1fr; gap:var(--space-6); }
  .checks--two{ grid-template-columns:1fr; }
  .dl__row{ grid-template-columns:1fr; gap:12px; }
}
@media (max-width:760px){
  .hero__intro{ justify-items:start; }
  .hero__intro-inner{ text-align:left; }
  .hero__intro .lede{ margin-left:0; }
  .hero__cta{ justify-content:flex-start; }
  .form__grid{ grid-template-columns:1fr; }
  .footer__top{ grid-template-columns:1fr; gap:36px; }
  .accordion-panel__inner{ padding-left:0; }
  .accordion-trigger{ grid-template-columns:34px 1fr auto; gap:14px; }
  .catalog__grid{ grid-template-columns:1fr; }
  .catalog__grid .icard{ border-right:0; }
  .modgrid{ grid-template-columns:1fr; }
  .modgrid .mcard{ border-right:0!important; padding-left:0!important; }
  .figures{ grid-template-columns:1fr; }
  .figures > div{ border-right:0; padding-left:0!important; }
  .metastrip{ grid-template-columns:1fr; }
  .metastrip > div{ border-right:0; padding-left:0!important; }
  .steps,.steps--4{ grid-template-columns:1fr; }
  .steps li{ border-right:0!important; padding-left:0!important; }
  .app__side{ display:none; }
  .app__body{ grid-template-columns:1fr; }
  .hero-cols{ grid-template-columns:1fr!important; }
  .pager{ grid-template-columns:1fr; }
  .pager__next{ text-align:left; border-left:0; border-top:1px solid var(--border-default); padding-left:0; }
  .pager__prev{ padding-right:0; }
  .entry__side{ margin-top:4px; }
}
@media (max-width:480px){
  .stat-row{ grid-template-columns:1fr 1fr; }
  .nav__right .nav-contact-text{ display:none; }
  .media-tag{ position:static; max-width:none; border-left:0; }
}
@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition-duration:1ms!important; scroll-behavior:auto!important; }
}

/* layout variants */
.split--toc{ grid-template-columns:minmax(0,0.28fr) minmax(0,1fr); }
.split--three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1080px){
  .split--toc{ grid-template-columns:1fr; }
}
@media (max-width:960px){
  .split--three{ grid-template-columns:1fr; }
}

/* tables on small screens: two column tables stack, the comparison scrolls */
@media (max-width:680px){
  .spec:not(.spec--3) tbody tr{ display:block; border-bottom:1px solid var(--border-default); padding:4px 0; }
  .spec:not(.spec--3) tbody tr:last-child{ border-bottom:0; }
  .spec:not(.spec--3) tbody th,
  .spec:not(.spec--3) tbody td{ display:block; width:auto; border-bottom:0; padding-right:0; }
  .spec:not(.spec--3) tbody th{ padding-bottom:6px; }
  .spec:not(.spec--3) tbody td{ padding-top:0; }
  .feature .spec:not(.spec--3) tbody tr{ border-bottom-color:var(--divider-beige); }
  .table-scroll .spec--3{ min-width:760px; }
  .table-scroll{ padding-bottom:6px; }
}