/* ==========================================================================
   blynai.eu — page styles for index.html.
   The page is the "BlynAI Home v2" handoff: a finance-systems lab presenting
   the company, its first programme and its team, Lithuanian only. Everything
   composes design-system tokens (ds/styles.css); no colour, size or spacing
   is invented. Bands are full-bleed, content sits on the 1160px canvas,
   one breakpoint at 760px.
   ========================================================================== */

:root{
  /* Canvas: 72px gutters on paper bands, 34px on ink, growing so content stays
     on the 1160px canvas and centred on wide screens. */
  --be-pad-x:max(72px,calc(50% - 508px));
  --be-pad-x-ink:max(34px,calc(50% - 546px));
  --be-bleed-ink:max(0px,calc(50% - 546px));
}
*,*::before,*::after{box-sizing:border-box}
/* The sticky band owns the anchor offset. */
html{scroll-padding-top:96px}
body{background:var(--surface-page)}
img{max-width:100%}

/* --- shared roles ------------------------------------------------------- */
.be-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--track-eyebrow);
  text-transform:uppercase;color:var(--eyebrow-on-paper)}
.be-eyebrow--tight{letter-spacing:var(--track-eyebrow-tight)}
.be-eyebrow--gap{display:block;margin-top:var(--space-9)}
.be-section{padding:40px var(--be-pad-x);border-bottom:1px solid var(--border-hairline)}
.be-section > .be-eyebrow{display:block;margin-bottom:var(--space-7)}
.be-section--raised{background:var(--surface-card)}
.be-footnote{margin-top:var(--space-5);font:var(--fs-meta)/var(--lh-body) var(--font-mono);color:var(--text-meta)}
.be-footnote--sm{font-size:var(--fs-caption)}

/* --- sticky brand band -------------------------------------------------- */
.be-topbar{position:sticky;top:0;z-index:10}
.be-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:18px 24px;padding:14px var(--be-pad-x-ink);background:var(--surface-ink)}
.be-brand{display:inline-flex;align-items:center;gap:var(--gap-inline);color:inherit;text-decoration:none}
.be-mark{width:var(--mark-size);height:var(--mark-size);flex:none;display:grid;place-items:center;
  border-radius:var(--radius-lg);background:rgba(0,0,0,.28);border:1px solid var(--border-gold);
  box-shadow:var(--shadow-mark)}
.be-mark svg{width:31px;height:31px;display:block}
.be-wordmark{display:flex;flex-direction:column;gap:2px}
.be-wordmark b{font:var(--fw-semibold) 17px/1.05 var(--font-display);letter-spacing:.01em;
  white-space:nowrap;color:var(--text-heading-on-ink)}
.be-wordmark b i{font-style:normal;color:var(--accent-gold)}
.be-wordmark small{font:var(--fs-micro) var(--font-mono);text-transform:uppercase;
  letter-spacing:.14em;white-space:nowrap;color:var(--accent-violet-on-ink)}
.be-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;
  font:var(--fs-eyebrow) var(--font-mono);letter-spacing:var(--track-nav);text-transform:uppercase}
.be-nav a{color:var(--link-nav-on-ink);text-decoration:none}
.be-nav a:hover{color:var(--link-nav-on-ink-hover)}
/* Burger: <details>, so it works without JavaScript. Dropdown panel, per the
   handoff — not the full-width sheet of the previous design. */
.be-menu{display:none;position:relative}
.be-menu > summary{width:var(--tap-min);height:var(--tap-min);display:grid;place-items:center;
  border:1px solid rgba(246,218,160,.18);border-radius:var(--radius-md);list-style:none;cursor:pointer}
.be-menu > summary::-webkit-details-marker{display:none}
.be-menu[open] > summary{border-color:rgba(246,218,160,.34)}
.be-burger{display:flex;flex-direction:column;gap:5px}
.be-burger i{display:block;width:17px;height:1.5px;background:var(--sand-200)}
.be-menu-panel{position:absolute;top:calc(100% + 15px);right:-18px;z-index:5;
  display:flex;flex-direction:column;min-width:240px;padding:0 18px 12px;background:var(--surface-ink);
  font:var(--fs-eyebrow) var(--font-mono);letter-spacing:var(--track-nav);text-transform:uppercase}
.be-menu-panel a{padding:14px 0;color:var(--link-nav-on-ink);text-decoration:none;
  border-top:1px solid var(--border-hairline-on-ink)}
.be-rule{height:var(--rule-h-lg);background:var(--gradient-rule)}

/* --- hero ---------------------------------------------------------------- */
.be-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border-hairline);
  background:var(--wash-gold),var(--wash-violet),var(--paper-000)}
.be-hero-inner{padding:44px var(--be-pad-x) 0}
.be-h1{margin-top:24px;font:var(--fw-regular) clamp(34px,4.4vw,54px)/var(--lh-display) var(--font-display);
  letter-spacing:var(--track-display);color:var(--text-heading)}
.be-lead{margin-top:var(--space-8);font:var(--type-lead);color:var(--text-body)}
.be-cta{display:flex;flex-wrap:wrap;gap:var(--gap-inline);margin-top:30px}
.be-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h);
  padding:0 var(--pad-button-x);border-radius:var(--radius-sm);font:var(--type-button);
  text-decoration:none;transition:background-color var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}
.be-btn--pri{background:var(--gradient-action);color:#fff;border:0}
.be-btn--pri:hover{color:#fff;filter:brightness(1.1)}
.be-btn--sec{border:1px solid var(--border-strong);color:var(--text-heading)}
.be-btn--sec:hover{color:var(--text-heading);background:rgba(26,23,18,.05)}
.be-curve{display:block;width:100%;height:150px;margin-top:30px}

/* --- telemetry strip ----------------------------------------------------- */
/* Values arrive from /api/public-stats — the journal's own telemetry. Dashed
   gold chips per the handoff; a value that has not arrived stays an em dash. */
.be-statband{background:var(--ink-780)}
.be-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  padding-inline:var(--be-bleed-ink);margin:0}
.be-stat{padding:var(--space-8) 34px;border-left:1px solid var(--border-hairline-on-ink)}
.be-stat dt{font:var(--fs-micro) var(--font-mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-meta-on-ink)}
.be-stat dd{margin:9px 0 0}
.be-chip{display:inline-block;padding:3px 9px;border:1px dashed rgba(245,184,79,.5);
  border-radius:var(--radius-xs);background:rgba(245,184,79,.1);
  font:500 var(--fs-meta) var(--font-mono);color:var(--gold-300);white-space:nowrap}
.be-stats-note{padding:12px calc(var(--be-bleed-ink) + 34px) 14px;
  border-top:1px solid var(--border-hairline-on-ink);text-align:center;
  font:var(--fs-micro) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--sand-400)}

/* --- metodas: the four verbs --------------------------------------------- */
.be-verbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:var(--space-5) var(--space-10)}
.be-verb{margin:0;font:var(--fw-regular) var(--fs-body-md)/var(--lh-body) var(--font-body);
  color:var(--text-body)}
.be-verb b{display:block;margin-bottom:6px;font:var(--fw-semibold) var(--fs-meta) var(--font-mono);
  letter-spacing:.1em}
.be-verb--1 b{color:var(--gold-900)}
.be-verb--2 b{color:var(--gold-800)}
.be-verb--3 b{color:var(--violet-600)}
.be-verb--4 b{color:var(--violet-800)}

/* --- programa ------------------------------------------------------------ */
.be-h2{margin-top:var(--gap-stack);font:var(--type-h2);letter-spacing:var(--track-h2);
  color:var(--text-heading)}
.be-sub{margin-top:8px;font:var(--fw-regular) var(--fs-h3)/var(--lh-h3) var(--font-display)}
.be-rows{margin:var(--space-7) 0 0;padding:0;list-style:none}
.be-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.1fr);gap:var(--gap-col);
  padding:16px 0;border-top:1px solid var(--border-hairline)}
.be-row:last-child{border-bottom:1px solid var(--border-hairline)}
.be-row-n{font:var(--fw-regular) var(--fs-body-md) var(--font-mono)}
/* The numeral ramp walks gold into violet, as everywhere on the page. */
.be-row:nth-child(1) .be-row-n,.be-row3:nth-child(1) .be-row-n{color:var(--gold-700)}
.be-row:nth-child(2) .be-row-n,.be-row3:nth-child(2) .be-row-n{color:var(--gold-800)}
.be-row:nth-child(3) .be-row-n,.be-row3:nth-child(3) .be-row-n{color:var(--violet-600)}
.be-row:nth-child(4) .be-row-n,.be-row3:nth-child(4) .be-row-n{color:var(--violet-700)}
.be-rows--q .be-row3:nth-child(3) .be-row-n{color:var(--bridge-500)}
.be-rows--q .be-row3:nth-child(4) .be-row-n{color:var(--violet-600)}
.be-rows--q .be-row3:nth-child(5) .be-row-n{color:var(--violet-700)}
.be-row h3{font:var(--type-h3);letter-spacing:var(--track-h3);color:var(--text-heading)}
.be-row p{font:var(--type-body);color:var(--text-body)}
.be-row-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;
  font:var(--fs-meta) var(--font-mono);letter-spacing:.04em}
.be-row-links a{white-space:nowrap;color:var(--link);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:1px;transition:var(--transition-color)}
.be-row-links a:hover{color:var(--link-hover)}
/* Kryptys rows: numeral · question · status chip */
.be-row3{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:var(--gap-col);
  align-items:start;padding:16px 0;border-top:1px solid var(--border-hairline)}
.be-row3:last-child{border-bottom:1px solid var(--border-hairline)}
.be-row3 p{font:var(--type-body);color:var(--text-body)}
.be-row3 b{font-weight:var(--fw-semibold);color:var(--text-heading)}

.be-scheme{margin-top:var(--space-9);overflow-x:auto}
.sch-d{display:block;width:100%;min-width:700px}
.sch-m{display:none;width:100%}

.be-question{margin-top:var(--space-10);padding:24px 26px;background:var(--surface-card);
  border:1px solid var(--border-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-violet-edge);
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.be-question > div{flex:1;min-width:260px}
.be-question-t{margin-top:10px;font:var(--fw-regular) var(--fs-h3)/var(--lh-h3) var(--font-display);
  color:var(--text-heading)}
.be-status-chip{flex:none;padding:4px 11px;border-radius:var(--radius-xs);
  font:var(--fw-semibold) var(--fs-micro) var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.be-status-chip--live{border:1px solid var(--luko-line);color:var(--gold-800)}
.be-status-chip--plan{border:1px solid var(--border-violet-strong);color:var(--violet-700)}
.be-status-chip--hyp{border:1px solid var(--border-hairline);color:var(--text-meta)}

/* --- ką išmokome --------------------------------------------------------- */
.be-learn{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 24px;
  padding:var(--space-6) 0;border-top:1px solid var(--border-hairline)}
.be-learn:last-child{border-bottom:1px solid var(--border-hairline)}
.be-learn p{flex:1;min-width:260px;font:var(--type-body);color:var(--text-body)}
.be-date-chip{flex:none;padding:3px 9px;border:1px dashed rgba(185,127,46,.5);
  border-radius:var(--radius-xs);background:rgba(245,184,79,.1);
  font:500 var(--fs-caption) var(--font-mono);color:var(--gold-900);white-space:nowrap;
  text-decoration:none;transition:var(--transition-color)}
a.be-date-chip:hover{color:var(--gold-700);border-color:rgba(185,127,46,.8)}

/* --- komanda ------------------------------------------------------------- */
.be-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap-wide)}
.be-member{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--gap-card);align-items:start}
.be-member img{width:112px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-hair);
  background:rgba(26,23,18,.06)}
.be-member--l img{object-position:50% 12%;border:1px solid rgba(185,127,46,.35)}
.be-member--d img{border:1px solid rgba(107,78,219,.30)}
.be-member b{display:block;font:var(--fw-medium) var(--fs-body-md) var(--font-display);color:var(--text-heading)}
.be-member small{font:var(--fs-caption) var(--font-mono);color:var(--text-meta)}
.be-member div p{margin-top:8px;font:var(--fs-body-sm)/var(--lh-body) var(--font-body);color:var(--text-body)}
.be-member-link a{font:var(--fs-meta) var(--font-mono);color:var(--link);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:1px;transition:var(--transition-color)}
.be-member-link a:hover{color:var(--link-hover)}
.be-skills{margin-top:var(--space-4)}
.be-skills p{padding:var(--space-5) 0;border-top:1px solid var(--border-hairline);
  font:var(--type-body);color:var(--text-body)}
.be-skills p:last-child{border-bottom:1px solid var(--border-hairline)}
.be-skills b{font-weight:var(--fw-semibold);color:var(--text-heading)}

/* --- ko ieškome ---------------------------------------------------------- */
.be-seek{font:var(--fw-regular) var(--fs-body-lg)/var(--lh-body) var(--font-body);color:var(--text-body)}
.be-seek b{font-weight:var(--fw-semibold);color:var(--text-heading)}
.be-contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--gap-grid);margin:var(--space-8) 0 0}
.be-contact{padding:var(--pad-card-sm);border:1px solid var(--border-card);
  border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-violet-edge)}
.be-contact dt{font:var(--type-eyebrow);letter-spacing:var(--track-eyebrow-tight);
  text-transform:uppercase;color:var(--eyebrow-on-paper)}
.be-contact dd{margin:10px 0 0;font:var(--fs-meta)/var(--lh-mono) var(--font-mono);color:var(--text-heading)}
.be-contact a{color:var(--link)}
.be-contact a:hover{color:var(--link-hover)}

/* --- produktai: CryptoSmith X --------------------------------------------- */
/* The product band, to the product's own handoff: a band, not a card; two mono
   links and no filled button (the hero spends the one the brand allows); the
   facts are chips, because no inline separator survives a wrap. A second
   product is another cs-grid under this one. */
.cs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--gap-wide)}
.cs-lockup{display:inline-flex;align-items:center;gap:21px}
.cs-plate{width:var(--mark-size-lg);height:var(--mark-size-lg);flex:none;display:grid;place-items:center;
  border-radius:var(--radius-3xl);background:var(--ink-760);border:1px solid rgba(245,184,79,.34);
  box-shadow:var(--shadow-mark-lg)}
.cs-plate img{display:block;width:46px;height:46px}
/* Shrink-to-fit around the wordmark, so the descriptor spreads to its width. */
.cs-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.cs-name{font:var(--fw-semibold) 30px/1.05 var(--font-display);letter-spacing:-.01em;
  white-space:nowrap;color:var(--text-heading)}
.cs-name i{font-style:normal;color:var(--violet-700)}
/* Subordinate line at ~0.4 of the name: width comes from tracking and the
   gaps, never from bigger type. */
.cs-desc{display:flex;justify-content:space-between;font:12px/1 var(--font-mono);
  letter-spacing:.1em;text-transform:uppercase;color:var(--violet-700)}
.cs-desc span{white-space:nowrap}
.cs-lead{margin-top:var(--space-6);max-width:34ch;
  font:var(--fw-regular) var(--fs-body-lg)/1.5 var(--font-body);color:var(--text-body)}
.cs-facts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) 10px;
  margin:var(--space-7) 0 0;padding:0;list-style:none;
  font:var(--fw-regular) 11.5px/1.3 var(--font-mono);color:var(--text-heading)}
.cs-facts li{white-space:nowrap;padding:6px 11px;border-radius:var(--radius-xs);
  background:var(--surface-card);border:1px solid var(--border-hairline)}
.cs-body{max-width:48ch;font:var(--fw-regular) var(--fs-body-md)/var(--lh-body) var(--font-body);
  color:var(--text-body)}
.cs-tagline{margin-top:var(--space-8);
  font:var(--fw-regular) var(--fs-h3)/var(--lh-h3) var(--font-display);
  letter-spacing:var(--track-h3);color:var(--text-heading)}
/* The app's screens, one step quieter than the two links below: the label is
   meta, the destinations are links. */
.cs-features{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:var(--space-5);
  font:var(--fs-meta) var(--font-mono);letter-spacing:.04em}
.cs-features span{color:var(--text-meta)}
.cs-features a{white-space:nowrap;color:var(--link);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:1px;transition:var(--transition-color)}
.cs-features a:hover{color:var(--link-hover)}

.cs-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:var(--space-3);
  font:var(--fs-meta) var(--font-mono);letter-spacing:.04em}
.cs-links a{white-space:nowrap;color:var(--link);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:1px;transition:var(--transition-color)}
.cs-links a:hover{color:var(--link-hover)}

/* --- vardas: the quiet split --------------------------------------------- */
.be-section--name{padding-top:32px;padding-bottom:36px}
.be-section--name > .be-eyebrow{margin-bottom:var(--space-4)}
.be-split{display:grid;grid-template-columns:1fr 1fr;border-top:var(--rule-strong)}
.be-syl{padding:18px 22px 20px}
.be-syl--blyn{border-right:1px solid var(--border-hairline);background:var(--tint-gold-fade)}
.be-syl--ai{background:var(--tint-violet-fade)}
.be-syl b{display:block;font:var(--fw-regular) 34px/1 var(--font-display);
  letter-spacing:var(--track-h2)}
.be-syl--blyn b{color:var(--gold-700)}
.be-syl--ai b{color:var(--violet-700)}
.be-syl-x{margin-top:10px;font:var(--fw-regular) var(--fs-body-lg)/1.35 var(--font-display);
  color:var(--text-heading)}
.be-syl-d{margin-top:8px;font:var(--fs-body-sm)/var(--lh-body) var(--font-body);color:var(--text-muted)}
.be-note{margin-top:var(--space-5);font:var(--fs-meta)/var(--lh-body) var(--font-body);
  color:var(--text-muted)}
.be-note--tight{margin-top:var(--space-1)}

/* --- bendrija ir teisė ---------------------------------------------------- */
.be-legal{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:0 var(--gap-wide);
  padding:40px var(--be-pad-x);border-bottom:1px solid var(--border-hairline);background:var(--surface-card)}
.be-legal-div{background:var(--gradient-divider-v)}
.be-legal .be-eyebrow{display:block;margin-bottom:var(--space-7)}
.be-reg{display:grid;grid-template-columns:auto 1fr;gap:13px var(--space-8);margin:0;
  font:var(--fs-meta) var(--font-mono)}
.be-reg dt{color:var(--text-meta)}
.be-reg dd{margin:0;color:var(--text-heading)}
.be-akt{font:var(--type-body);color:var(--text-body)}
.be-akt-links{margin-top:var(--space-3);font:var(--fs-meta) var(--font-mono)}
.be-akt-links a{color:var(--link);text-decoration:none;border-bottom:1px solid currentColor;
  padding-bottom:1px;transition:var(--transition-color)}
.be-akt-links a:hover{color:var(--link-hover)}
.be-akt-legal{margin-top:var(--space-7);padding-top:var(--space-5);
  border-top:1px solid var(--border-hairline);font:var(--fs-meta)/var(--lh-body) var(--font-mono);
  color:var(--text-meta)}

/* --- footer + dialog ------------------------------------------------------ */
.be-foot{padding:var(--space-10) var(--be-pad-x) var(--space-11);background:var(--surface-ink)}
.be-foot p{font:12.5px/var(--lh-body) var(--font-body);color:var(--text-meta-on-ink)}
.be-foot-c{margin-top:var(--space-6);font:var(--fs-eyebrow) var(--font-mono);
  letter-spacing:var(--track-foot);text-transform:uppercase;color:var(--sand-600)}
.be-more{margin-left:8px;padding:0;border:0;background:none;cursor:pointer;
  color:var(--link-on-ink);font:inherit;text-decoration:underline;text-underline-offset:3px;
  transition:var(--transition-color)}
.be-more:hover{color:var(--link-on-ink-hover)}
.be-more--paper{margin-left:0;color:var(--link)}
.be-more--paper:hover{color:var(--link-hover)}

.be-modal{width:min(720px,100vw - 32px);max-height:82vh;padding:0;overflow:hidden;
  border:1px solid var(--border-card);border-radius:var(--radius-sm);
  background:var(--surface-card);color:var(--text-body);box-shadow:var(--shadow-violet-edge)}
.be-modal::backdrop{background:rgba(26,23,18,.55)}
.be-modal-head{display:flex;align-items:flex-start;gap:16px;padding:20px 22px 14px;
  border-bottom:1px solid var(--border-hairline)}
.be-modal-t{flex:1;margin:0;font:var(--fw-medium) clamp(17px,2.4vw,21px)/var(--lh-h3) var(--font-display);
  letter-spacing:var(--track-h3);color:var(--text-heading)}
.be-modal-x{flex:none;width:32px;height:32px;border:1px solid var(--border-hairline);
  border-radius:var(--radius-xs);background:transparent;color:var(--text-meta);
  cursor:pointer;font:var(--fs-body) var(--font-mono);transition:var(--transition-color)}
.be-modal-x:hover{color:var(--text-heading);border-color:var(--border-strong)}
.be-modal-body{max-height:calc(82vh - 70px);overflow-y:auto;padding:18px 22px 24px;
  font:var(--fs-body-sm)/1.65 var(--font-body)}
.be-modal-body p{margin:0 0 11px}
.be-modal-body p:last-child{margin-bottom:0}
.be-modal-body h3{margin:var(--space-6) 0 8px;font:var(--fw-semibold) var(--fs-meta) var(--font-mono);
  letter-spacing:.1em;text-transform:uppercase;color:var(--text-meta)}
.be-modal-body ul{margin:0 0 11px;padding-left:20px}
.be-modal-body li{margin-bottom:5px}
.be-modal-body b{font-weight:var(--fw-semibold);color:var(--text-heading)}

/* ==========================================================================
   760px
   ========================================================================== */
@media (max-width:760px){
  :root{--be-pad-x:18px;--be-pad-x-ink:18px;--be-bleed-ink:0px}
  html{scroll-padding-top:78px}
  .be-top{flex-wrap:nowrap}
  .be-nav{display:none}
  .be-menu{display:block}
  .be-rule{height:var(--rule-h)}
  .be-hero-inner{padding-top:32px}
  .be-lead{margin-top:var(--space-6);font-size:15.5px}
  .be-cta{flex-direction:column;gap:10px}
  .be-btn{height:var(--control-h-lg);width:100%;padding:0}
  .be-curve{height:96px;margin-top:var(--space-7)}
  .be-stat{padding:var(--space-5) 18px;border-left:0;border-top:1px solid var(--border-hairline-on-ink)}
  .be-stats-note{padding:10px 18px 12px;text-align:left;letter-spacing:.06em}
  .be-section{padding:32px var(--be-pad-x)}
  .be-row{display:block}
  .be-row h3{margin:8px 0 6px}
  .be-row3{grid-template-columns:36px minmax(0,1fr);gap:8px 14px}
  .be-row3 > span:last-child{grid-column:2;justify-self:start}
  .sch-d{display:none}
  .sch-m{display:block}
  .be-scheme{overflow-x:visible}
  .cs-grid{grid-template-columns:1fr;gap:var(--space-8)}
  .cs-plate{width:var(--mark-size);height:var(--mark-size);
    border-radius:var(--radius-lg);box-shadow:var(--shadow-mark)}
  .cs-plate img{width:31px;height:31px}
  .cs-lockup{gap:13px}
  .cs-name{font-size:19px}
  .cs-desc{font-size:9px}
  .cs-lead{font-size:16px;max-width:none}
  .cs-tagline{font-size:20px}
  .cs-links a,.cs-features a{display:inline-block;padding:12px 0;margin:-12px 0}
  .be-member{grid-template-columns:88px minmax(0,1fr)}
  .be-member img{width:88px}
  .be-split{display:block}
  .be-syl--blyn{border-right:0;border-bottom:1px solid var(--border-hairline)}
  .be-legal{display:block;padding:32px var(--be-pad-x)}
  .be-legal-div{display:none}
  .be-legal-reg{margin-top:26px;padding-top:22px;border-top:1px solid var(--border-hairline)}
  /* 44px tap targets for the mono links without moving the lines. */
  .be-reg dd a,.be-akt-links a,.be-member-link a{display:inline-block;padding:12px 0;margin:-12px 0}
  .be-foot{padding:var(--space-9) var(--be-pad-x) var(--space-10)}
}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:0.01ms !important}
}