/* ============================================================
   Computus home page — design layer
   Scoped entirely under `body.home` so the rest of the site (which
   still uses static/css/style.css) is untouched. Self-hosted fonts,
   no third-party requests. Motion is opt-in and degrades to fully
   visible content (see the .reveal block and js/home.js).
   ============================================================ */

/* ---------- self-hosted webfonts (OFL 1.1, see static/fonts/OFL-*.txt) ---------- */
@font-face{
  font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/space-grotesk-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/space-grotesk-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/jetbrains-mono-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---------- tokens (scoped; redefines the shared vars on the home body) ---------- */
body.home{
  --bg:#0a0b0e; --bg-1:#0c0e12; --bg-2:#090a0d;
  --panel:#101319; --panel-2:#141821; --panel-3:#1a2029;
  --line:rgba(255,255,255,.075); --line-2:rgba(255,255,255,.13); --line-3:rgba(255,255,255,.20);
  --text:#eceef2; --muted:#9aa2ae; --faint:#646c79;
  --acc:#6ea8ff; --acc-2:#a6c8ff; --acc-dim:#3f6fbf; --acc-soft:rgba(110,168,255,.10);
  --ok:#5fd08a; --warn:#e6b455;
  --sans:'Space Grotesk',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --maxw:1180px;
  background:var(--bg);color:var(--text);font-family:var(--sans);
  font-feature-settings:"ss01","cv01","cv02";
  -webkit-font-smoothing:antialiased;
}
body.home .wrap{width:min(calc(100% - 48px),var(--maxw));margin-inline:auto;}
body.home ::selection{background:rgba(110,168,255,.28);color:#fff;}

body.home h1,body.home h2,body.home h3{font-family:var(--sans);letter-spacing:-.02em;line-height:1.08;margin:0;}
body.home p{margin:0;}

/* ---------- reveal (opt-in motion; visible by default) ---------- */
html.js-anim body.home .reveal{opacity:0;transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
html.js-anim body.home .reveal.in{opacity:1;transform:none;}
html.js-anim body.home .sheet-row:nth-child(2){transition-delay:.06s}
html.js-anim body.home .sheet-row:nth-child(3){transition-delay:.12s}
html.js-anim body.home .sheet-row:nth-child(4){transition-delay:.06s}
html.js-anim body.home .sheet-row:nth-child(5){transition-delay:.12s}
html.js-anim body.home .sheet-row:nth-child(6){transition-delay:.18s}
html.js-anim body.home .step:nth-child(2){transition-delay:.08s}
html.js-anim body.home .step:nth-child(3){transition-delay:.16s}
html.js-anim body.home .step:nth-child(4){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  html.js-anim body.home .reveal{opacity:1 !important;transform:none !important;transition:none !important;}
}

/* ---------- shared marks ---------- */
body.home .eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:.6em;}
body.home .eyebrow::before{content:"";width:22px;height:1px;background:var(--acc-dim);display:inline-block;}
body.home .ar{margin-left:.15em;transition:transform .2s ease;flex:none;}
body.home a:hover .ar,body.home .btn:hover .ar{transform:translateX(3px);}

/* ---------- buttons ---------- */
body.home .btn{display:inline-flex;align-items:center;gap:.45em;font-family:var(--sans);font-size:.98rem;
  font-weight:600;letter-spacing:-.01em;padding:12px 20px;border-radius:9px;border:1px solid transparent;
  cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s;white-space:nowrap;}
body.home .btn-primary{background:var(--acc);color:#081018;box-shadow:0 1px 0 rgba(255,255,255,.18) inset;}
body.home .btn-primary:hover{background:var(--acc-2);transform:translateY(-1px);}
body.home .btn-secondary{border-color:var(--line-2);color:var(--text);background:transparent;}
body.home .btn-secondary:hover{border-color:var(--acc);color:var(--acc);}

/* ============================================================
   HEADER (restyled on home; markup is the shared partial)
   ============================================================ */
body.home .site-header{background:rgba(9,10,13,.72);border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);}
body.home .nav{height:66px;}
body.home .brand{font-family:var(--mono);font-weight:600;font-size:1.04rem;letter-spacing:-.01em;color:var(--text);}
body.home .brand .dot{color:var(--acc);}
body.home .site-nav a{font-family:var(--sans);color:var(--muted);font-size:.94rem;font-weight:500;}
body.home .site-nav a:hover,body.home .site-nav a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,.05);}
body.home .site-nav a.nav-cta{color:#081018;background:var(--acc);font-weight:600;}
body.home .site-nav a.nav-cta:hover{background:var(--acc-2);}

/* ============================================================
   HERO
   ============================================================ */
body.home .h-hero{position:relative;overflow:hidden;padding:clamp(56px,9vw,116px) 0 clamp(48px,6vw,80px);
  border-bottom:1px solid var(--line);}
/* one restrained light source, top-right, behind the plate */
body.home .h-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(52% 60% at 84% 8%,rgba(110,168,255,.11),transparent 70%);}
body.home .hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;
  gap:clamp(36px,5vw,72px);align-items:center;}

body.home .hero-copy h1{font-size:clamp(2.55rem,5.6vw,4.9rem);font-weight:700;letter-spacing:-.035em;
  line-height:1.015;margin:22px 0 0;text-wrap:balance;}
body.home .hero-copy h1 .accent{color:var(--acc);}
body.home .lede{color:var(--muted);font-size:clamp(1.06rem,1.5vw,1.24rem);line-height:1.6;
  margin-top:24px;max-width:36ch;}
body.home .hero-copy .cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;}
body.home .assur{margin-top:24px;font-family:var(--mono);font-size:.8rem;letter-spacing:.02em;color:var(--faint);}

/* ---- server spec plate ---- */
body.home .plate{position:relative;background:
  linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line-2);border-radius:14px;padding:20px 22px 18px;
  box-shadow:0 40px 90px -50px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.05) inset;
  font-family:var(--mono);}
body.home .plate .screw{position:absolute;width:7px;height:7px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#4a505c,#15181e 75%);box-shadow:0 0 0 1px rgba(0,0,0,.5);}
body.home .plate .s-tl{top:10px;left:10px}body.home .plate .s-tr{top:10px;right:10px}
body.home .plate .s-bl{bottom:10px;left:10px}body.home .plate .s-br{bottom:10px;right:10px}
body.home .plate-top{display:flex;align-items:center;justify-content:space-between;
  padding:2px 6px 14px;border-bottom:1px solid var(--line);}
body.home .plate-id{font-size:.72rem;letter-spacing:.14em;color:var(--faint);}
body.home .led{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ok);}
body.home .led i{width:7px;height:7px;border-radius:50%;background:var(--ok);
  box-shadow:0 0 9px 1px rgba(95,208,138,.85);}
body.home .led-limited{color:var(--warn)}body.home .led-limited i{background:var(--warn);box-shadow:0 0 9px 1px rgba(230,180,85,.8)}
body.home .led-sold_out{color:var(--faint)}body.home .led-sold_out i{background:var(--faint);box-shadow:none}
body.home .plate-name{font-family:var(--sans);font-size:1.28rem;font-weight:600;letter-spacing:-.02em;
  margin:16px 6px 4px;}
body.home .plate-spec{margin:10px 0 0;padding:0 6px;}
body.home .plate-spec>div{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:9px 0;
  border-top:1px solid var(--line);font-size:.85rem;align-items:baseline;}
body.home .plate-spec>div:first-child{border-top:0;}
body.home .plate-spec dt{color:var(--faint);text-transform:lowercase;letter-spacing:.04em;}
body.home .plate-spec dd{margin:0;color:var(--text);}
body.home .plate-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:14px;padding:16px 6px 2px;border-top:1px solid var(--line-2);}
body.home .plate-price{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.01em;}
body.home .plate-price i{font-style:normal;font-size:.82rem;font-weight:400;color:var(--faint);margin-left:2px;}
body.home .plate-cta{display:inline-flex;align-items:center;font-family:var(--sans);font-size:.86rem;
  font-weight:600;color:var(--acc);}
body.home .plate-cta:hover{color:var(--acc-2);}

/* ============================================================
   SPEC STRIP
   ============================================================ */
body.home .h-strip{background:var(--bg-2);border-bottom:1px solid var(--line);}
body.home .strip-row{display:grid;grid-template-columns:repeat(5,1fr);}
body.home .strip-cell{padding:26px 10px 24px 22px;border-left:1px solid var(--line);}
body.home .strip-cell:first-child{border-left:0;padding-left:2px;}
body.home .strip-cell .sv{display:block;font-family:var(--mono);font-size:1.24rem;font-weight:500;
  color:var(--text);letter-spacing:-.01em;}
body.home .strip-cell .sl{display:block;font-size:.8rem;color:var(--faint);margin-top:5px;}

/* ============================================================
   WHY  (asymmetric lead + truthful contrast)
   ============================================================ */
body.home .h-why{padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid var(--line);}
body.home .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:start;}
body.home .why-lead h2{font-size:clamp(1.85rem,3vw,2.7rem);font-weight:700;letter-spacing:-.03em;
  margin:18px 0 22px;text-wrap:balance;}
body.home .why-lead p{color:var(--muted);font-size:1.08rem;line-height:1.62;margin-bottom:16px;}
body.home .why-lead p:last-child{margin-bottom:0;}
body.home .why-lead p strong{color:var(--text);font-weight:600;}

body.home .compare{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);
  align-self:stretch;}
body.home .cmp-row{display:grid;grid-template-columns:1fr 1fr;}
body.home .cmp-row>span{padding:15px 20px;font-size:.95rem;display:flex;align-items:center;gap:.6em;
  border-top:1px solid var(--line);}
body.home .cmp-head>span{border-top:0;padding-top:17px;padding-bottom:15px;font-family:var(--mono);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.02);}
body.home .cmp-cloud{color:var(--faint);}
body.home .cmp-cloud::before{content:"";width:9px;height:1px;background:var(--faint);flex:none;}
body.home .cmp-ours{color:var(--text);border-left:1px solid var(--line);background:var(--acc-soft);
  font-weight:500;}
body.home .cmp-head .cmp-ours{color:var(--acc);}
body.home .cmp-ours::before{content:"+";color:var(--acc);font-family:var(--mono);font-weight:600;flex:none;
  width:9px;text-align:center;}
body.home .cmp-head .cmp-ours::before{content:"";}

/* ============================================================
   WHAT'S INCLUDED  (datasheet rows, not cards)
   ============================================================ */
body.home .h-inc{padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid var(--line);}
body.home .sec-head{max-width:60ch;}
body.home .sec-head h2{font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin-top:16px;}
body.home .sec-sub{color:var(--muted);font-size:1.06rem;margin-top:14px;}
body.home .sheet{display:grid;grid-template-columns:1fr 1fr;margin-top:44px;
  border-top:1px solid var(--line);}
body.home .sheet-row{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:26px 4px 26px 0;
  border-bottom:1px solid var(--line);}
body.home .sheet-row:nth-child(even){border-left:1px solid var(--line);padding-left:34px;}
body.home .sheet-row:nth-child(odd){padding-right:34px;}
body.home .sheet-k{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acc);padding-top:5px;writing-mode:horizontal-tb;white-space:nowrap;}
body.home .sheet-c h3{font-size:1.16rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px;}
body.home .sheet-c p{color:var(--muted);font-size:.98rem;line-height:1.58;}

/* ============================================================
   PRICING  (data-driven cards, spec-plate styling)
   ============================================================ */
body.home .h-price{padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid var(--line);}
body.home .price-head{display:grid;grid-template-columns:1fr auto;gap:28px 48px;align-items:end;}
body.home .price-head h2{font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin-top:16px;}
body.home .price-lead{max-width:40ch;color:var(--muted);font-size:.98rem;line-height:1.6;}
body.home .price-lead b{color:var(--text);font-family:var(--mono);font-weight:600;font-size:1.06rem;}
body.home .price-lead span{font-family:var(--mono);color:var(--faint);}

body.home .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;}
body.home .plan{position:relative;display:flex;flex-direction:column;background:var(--panel);
  border:1px solid var(--line-2);border-radius:14px;padding:24px 24px 22px;
  transition:border-color .18s,transform .18s,box-shadow .18s;}
body.home .plan:hover{border-color:var(--acc-dim);transform:translateY(-3px);
  box-shadow:0 30px 60px -40px rgba(0,0,0,.9);}
body.home .plan .pill{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 10px;border-radius:999px;border:1px solid var(--line);}
body.home .plan .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
body.home .plan .pill.available{color:var(--ok);}
body.home .plan .pill.available::before{box-shadow:0 0 8px 1px rgba(95,208,138,.8);}
body.home .plan .pill.limited{color:var(--warn);}
body.home .plan .pill.sold_out{color:var(--faint);}
body.home .plan h3{font-family:var(--sans);font-size:1.24rem;font-weight:600;letter-spacing:-.02em;margin:16px 0 2px;}
body.home .plan .price{font-family:var(--mono);font-size:1.7rem;font-weight:700;color:#fff;margin:8px 0 0;letter-spacing:-.01em;}
body.home .plan .price small{font-size:.8rem;color:var(--faint);font-weight:400;}
body.home .plan .price .note{display:block;font-family:var(--sans);font-size:.76rem;color:var(--faint);font-weight:400;margin-top:4px;}
body.home .plan .spec{font-family:var(--mono);font-size:.84rem;margin:18px 0 0;padding-top:16px;
  border-top:1px solid var(--line);display:grid;gap:9px;}
body.home .plan .spec div{display:grid;grid-template-columns:66px 1fr;gap:10px;}
body.home .plan .spec .k{color:var(--faint);}
body.home .plan .spec b{color:var(--text);font-weight:500;}
body.home .plan .go{margin-top:auto;padding-top:20px;}
body.home .plan .go .btn{width:100%;justify-content:center;}
body.home .plan.sold_out{opacity:.6;}
body.home .plan.sold_out:hover{transform:none;border-color:var(--line-2);box-shadow:none;}
body.home .price-foot{margin-top:26px;}
body.home .price-foot a{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.86rem;color:var(--acc);}
body.home .price-foot a:hover{color:var(--acc-2);}

/* ============================================================
   HOW TO START  (numbered pipeline)
   ============================================================ */
body.home .h-steps{padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid var(--line);}
body.home .steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
body.home .step{position:relative;padding:26px 26px 6px 0;}
body.home .step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--line-2);}
body.home .step::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;
  background:var(--acc);box-shadow:0 0 10px 1px rgba(110,168,255,.6);}
body.home .step-n{font-family:var(--mono);font-size:.82rem;font-weight:500;color:var(--acc);letter-spacing:.1em;}
body.home .step h3{font-size:1.18rem;font-weight:600;letter-spacing:-.02em;margin:14px 0 9px;}
body.home .step p{color:var(--muted);font-size:.96rem;line-height:1.56;}

/* ============================================================
   FAQ  (asymmetric: sticky head + accordion)
   ============================================================ */
body.home .h-faq{padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid var(--line);}
body.home .faq-grid{display:grid;grid-template-columns:.42fr .58fr;gap:clamp(32px,5vw,72px);align-items:start;}
body.home .faq-head{position:sticky;top:92px;}
body.home .faq-head h2{font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin-top:16px;}
body.home .faq{border-top:1px solid var(--line);}
body.home .faq details{border-bottom:1px solid var(--line);}
body.home .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:22px 0;font-size:1.08rem;font-weight:600;letter-spacing:-.01em;color:var(--text);
  transition:color .15s;}
body.home .faq summary::-webkit-details-marker{display:none;}
body.home .faq summary:hover{color:var(--acc);}
body.home .faq-ic{position:relative;flex:none;width:15px;height:15px;}
body.home .faq-ic::before,body.home .faq-ic::after{content:"";position:absolute;background:var(--acc);
  transition:transform .22s ease,opacity .22s ease;}
body.home .faq-ic::before{top:7px;left:0;width:15px;height:1.5px;}
body.home .faq-ic::after{left:7px;top:0;height:15px;width:1.5px;}
body.home .faq details[open] .faq-ic::after{transform:rotate(90deg);opacity:0;}
body.home .faq-a{padding:0 0 24px;color:var(--muted);font-size:1rem;line-height:1.65;max-width:64ch;}
body.home .faq-a p{margin-bottom:12px;}body.home .faq-a p:last-child{margin-bottom:0;}
body.home .faq-a a{color:var(--acc);border-bottom:1px solid var(--acc-dim);}
body.home .faq-a a:hover{border-bottom-color:var(--acc);}

/* ============================================================
   CLOSING
   ============================================================ */
body.home .h-close{position:relative;overflow:hidden;padding:clamp(80px,10vw,128px) 0;text-align:center;
  border-bottom:1px solid var(--line);}
body.home .h-close::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 0%,rgba(110,168,255,.09),transparent 62%);}
body.home .h-close .wrap{position:relative;}
body.home .h-close .eyebrow{justify-content:center;}
body.home .h-close h2{font-size:clamp(2rem,3.6vw,3.1rem);font-weight:700;letter-spacing:-.035em;margin-top:18px;
  text-wrap:balance;}
body.home .h-close p{color:var(--muted);font-size:1.14rem;line-height:1.55;margin:18px auto 0;max-width:46ch;}
body.home .h-close .cta{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap;}

/* ============================================================
   FOOTER (inherits the redefined tokens/fonts; light touch-ups)
   ============================================================ */
body.home .site-footer{border-top:0;}
body.home .footer-heading{font-family:var(--mono);}
body.home .brand{font-family:var(--mono);}

/* ============================================================
   RESPONSIVE  (mobile is designed, not collapsed)
   ============================================================ */
@media (max-width:960px){
  body.home .hero-grid{grid-template-columns:1fr;gap:44px;}
  body.home .plate{max-width:440px;}
  body.home .why-grid{grid-template-columns:1fr;gap:40px;}
  body.home .faq-grid{grid-template-columns:1fr;gap:28px;}
  body.home .faq-head{position:static;}
  body.home .price-head{grid-template-columns:1fr;align-items:start;gap:16px;}
}
@media (max-width:820px){
  body.home .strip-row{grid-template-columns:repeat(3,1fr);}
  body.home .strip-cell{border-top:1px solid var(--line);}
  body.home .strip-cell:nth-child(-n+3){border-top:0;}
  body.home .strip-cell:nth-child(4){border-left:0;padding-left:2px;}
  body.home .sheet{grid-template-columns:1fr;}
  body.home .sheet-row:nth-child(even){border-left:0;padding-left:0;}
  body.home .sheet-row:nth-child(odd){padding-right:0;}
  body.home .plans{grid-template-columns:1fr;max-width:440px;}
  /* pipeline becomes a vertical rail on the left */
  body.home .steps{grid-template-columns:1fr;gap:0;margin-top:36px;}
  body.home .step{padding:0 0 30px 30px;}
  body.home .step:last-child{padding-bottom:0;}
  body.home .step::before{top:0;bottom:0;left:3px;right:auto;width:2px;height:auto;}
  body.home .step:last-child::before{bottom:auto;height:20px;}
  body.home .step::after{top:4px;left:0;}
}
@media (max-width:560px){
  body.home .wrap{width:calc(100% - 34px);}
  body.home .strip-row{grid-template-columns:repeat(2,1fr);}
  body.home .strip-cell{padding:20px 10px 18px 18px;}
  body.home .strip-cell:nth-child(-n+3){border-top:1px solid var(--line);}
  body.home .strip-cell:nth-child(-n+2){border-top:0;}
  body.home .strip-cell:nth-child(odd){border-left:0;padding-left:2px;}
  body.home .cmp-row>span{padding:13px 14px;font-size:.9rem;}
  body.home .hero-copy .cta,body.home .h-close .cta{flex-direction:column;align-items:stretch;}
  body.home .hero-copy .cta .btn,body.home .h-close .cta .btn{justify-content:center;}
  body.home .plate{padding:18px 16px 16px;}
  body.home .plate-spec>div{grid-template-columns:64px 1fr;gap:10px;font-size:.8rem;}
}