/* ============================================================
   Trousdale Digital Technologies
   Design system — ink / bone / amber, Fraunces + Inter + IBM Plex Mono
   ============================================================ */

:root{
  /* palette */
  --ink:        #0C0F14;
  --ink-2:      #12161D;
  --ink-3:      #1A1F28;
  --bone:       #F6F4EE;
  --bone-2:     #ECE7DC;
  --bone-3:     #E2DCCE;
  --amber:      #E0A458;
  --amber-2:    #D2913F;
  --amber-deep: #B5772B;
  --signal:     #7FB7B0;   /* cool technical accent, used sparingly */

  --on-dark:        #F6F4EE;
  --on-dark-soft:   rgba(246,244,238,.66);
  --on-dark-faint:  rgba(246,244,238,.40);
  --on-dark-line:   rgba(246,244,238,.12);

  --on-light:        #14181F;
  --on-light-soft:   rgba(20,24,31,.66);
  --on-light-faint:  rgba(20,24,31,.42);
  --on-light-line:   rgba(20,24,31,.12);

  /* type */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* metrics */
  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 14px;
  --radius-sm: 9px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--sans);
  background:var(--bone);
  color:var(--on-light);
  font-size:17px;
  line-height:1.62;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
::selection{ background:var(--amber); color:var(--ink); }

/* ---------- type scale ---------- */
h1,h2,h3,h4{ font-family:var(--serif); font-weight:430; line-height:1.06;
  letter-spacing:-.012em; margin:0; }
h1{ font-size:clamp(2.6rem, 6.4vw, 5.2rem); font-weight:400; }
h2{ font-size:clamp(2rem, 4.2vw, 3.3rem); }
h3{ font-size:clamp(1.35rem, 2.2vw, 1.85rem); }
h4{ font-size:1.12rem; letter-spacing:0; }
p{ margin:0 0 1.1em; }
strong{ font-weight:600; }

.eyebrow{
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:500;
  color:var(--amber-deep);
  display:inline-flex; align-items:center; gap:.6em;
  margin:0 0 1.1rem;
}
.eyebrow::before{
  content:""; width:26px; height:1px; background:var(--amber-2); display:inline-block;
}
.dark .eyebrow{ color:var(--amber); }
.dark .eyebrow::before{ background:var(--amber); opacity:.7; }

.lead{ font-size:clamp(1.15rem,1.7vw,1.4rem); line-height:1.5; color:var(--on-light-soft);
  font-weight:380; max-width:60ch; }
.dark .lead{ color:var(--on-dark-soft); }

/* ---------- layout ---------- */
.wrap{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter); }
section{ position:relative; }
.pad{ padding-block:clamp(64px, 9vw, 128px); }
.pad-sm{ padding-block:clamp(48px,6vw,84px); }
.dark{ background:var(--ink); color:var(--on-dark); }
.dark-2{ background:var(--ink-2); color:var(--on-dark); }
.bone-2{ background:var(--bone-2); }

.grid{ display:grid; gap:clamp(20px,3vw,34px); }
@media(min-width:760px){
  .g-2{ grid-template-columns:repeat(2,1fr); }
  .g-3{ grid-template-columns:repeat(3,1fr); }
  .g-4{ grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1040px){
  .g-4{ grid-template-columns:repeat(4,1fr); }
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:.6em;
  font-family:var(--sans); font-weight:540; font-size:.96rem;
  padding:.92em 1.5em; border-radius:100px;
  border:1px solid transparent; line-height:1;
  transition:transform .35s var(--ease), background .3s var(--ease),
             border-color .3s var(--ease), color .3s var(--ease);
  white-space:nowrap;
}
.btn svg{ width:15px; height:15px; transition:transform .35s var(--ease); }
.btn:hover svg{ transform:translateX(3px); }
.btn-primary{ background:var(--amber); color:var(--ink); }
.btn-primary:hover{ background:var(--bone); transform:translateY(-2px); }
.btn-ghost{ border-color:var(--on-light-line); color:var(--on-light); }
.btn-ghost:hover{ border-color:var(--ink); transform:translateY(-2px); }
.dark .btn-ghost{ border-color:var(--on-dark-line); color:var(--on-dark); }
.dark .btn-ghost:hover{ border-color:var(--bone); background:rgba(246,244,238,.04); }
.btn-dark{ background:var(--ink); color:var(--bone); }
.btn-dark:hover{ background:var(--ink-3); transform:translateY(-2px); }

.txtlink{
  font-family:var(--mono); font-size:.82rem; letter-spacing:.04em;
  display:inline-flex; align-items:center; gap:.5em; color:var(--amber-deep);
  border-bottom:1px solid transparent; padding-bottom:2px; transition:border-color .3s;
}
.dark .txtlink{ color:var(--amber); }
.txtlink:hover{ border-color:currentColor; }
.txtlink svg{ width:13px; height:13px; transition:transform .3s var(--ease); }
.txtlink:hover svg{ transform:translateX(3px); }

/* ============================================================
   HEADER
   ============================================================ */
.site-head{
  position:fixed; inset:0 0 auto 0; z-index:60;
  display:flex; align-items:center;
  height:74px;
  transition:background .4s var(--ease), border-color .4s var(--ease), height .4s var(--ease);
  border-bottom:1px solid transparent;
}
.site-head .wrap{ display:flex; align-items:center; justify-content:space-between; width:100%; }
.site-head.scrolled{
  background:rgba(12,15,20,.82);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-color:var(--on-dark-line);
  height:64px;
}
/* on light pages the header starts solid-ish */
.site-head.on-light:not(.scrolled){ border-color:transparent; }
.site-head.on-light:not(.scrolled) .brand,
.site-head.on-light:not(.scrolled) .nav a{ color:var(--on-light); }
.site-head.on-light.scrolled{ background:rgba(12,15,20,.86); }

.brand{ display:flex; align-items:center; gap:.66rem; color:var(--on-dark);
  font-family:var(--serif); font-size:1.18rem; letter-spacing:-.01em; }
.brand .mark{ width:30px; height:30px; flex:none; }
.brand b{ font-weight:500; }
.brand span{ color:var(--amber); }

.nav{ display:flex; align-items:center; gap:clamp(1.1rem,2.4vw,2.2rem); }
.nav a{ color:var(--on-dark-soft); font-size:.95rem; font-weight:450; transition:color .25s; }
.nav a:hover, .nav a.active{ color:var(--on-dark); }
.nav .btn{ padding:.62em 1.2em; font-size:.9rem; }

.nav-toggle{ display:none; background:none; border:0; width:42px; height:42px; padding:9px;
  color:var(--on-dark); }
.nav-toggle span{ display:block; height:1.6px; background:currentColor; margin:5px 0;
  transition:transform .35s var(--ease), opacity .25s; }

@media(max-width:900px){
  .nav-toggle{ display:block; }
  .on-light:not(.scrolled) .nav-toggle{ color:var(--on-light); }
  .nav{
    position:fixed; inset:0 0 0 auto; width:min(82vw,360px);
    background:var(--ink-2); flex-direction:column; align-items:flex-start;
    justify-content:center; gap:1.4rem; padding:var(--gutter);
    transform:translateX(102%); transition:transform .44s var(--ease);
    box-shadow:-30px 0 80px rgba(0,0,0,.4); z-index:55;
  }
  .nav a{ color:var(--on-dark); font-size:1.3rem; font-family:var(--serif); }
  body.nav-open .nav{ transform:translateX(0); }
  body.nav-open .nav-toggle span:nth-child(1){ transform:translateY(6.6px) rotate(45deg); }
  body.nav-open .nav-toggle span:nth-child(2){ opacity:0; }
  body.nav-open .nav-toggle span:nth-child(3){ transform:translateY(-6.6px) rotate(-45deg); }
  body.nav-open .nav-toggle{ position:fixed; right:var(--gutter); top:16px; z-index:60; color:var(--on-dark); }
}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative; background:var(--ink); color:var(--on-dark);
  padding-top:clamp(140px,18vh,200px); padding-bottom:clamp(80px,11vw,140px);
  overflow:hidden;
}
.hero-mesh{ position:absolute; inset:0; z-index:0; opacity:.9;
  background:
    radial-gradient(120% 90% at 78% 8%, rgba(224,164,88,.18), transparent 55%),
    radial-gradient(90% 80% at 6% 92%, rgba(127,183,176,.10), transparent 60%);
}
.hero-grid{ position:absolute; inset:0; z-index:0; opacity:.5;
  background-image:
    linear-gradient(var(--on-dark-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--on-dark-line) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(120% 100% at 70% 0%, #000 30%, transparent 78%);
          mask-image:radial-gradient(120% 100% at 70% 0%, #000 30%, transparent 78%);
}
.hero .wrap{ position:relative; z-index:2; }
.hero h1{ max-width:16ch; }
.hero h1 em{ font-style:italic; color:var(--amber); font-weight:400; }
.hero-sub{ margin-top:1.6rem; max-width:54ch; color:var(--on-dark-soft);
  font-size:clamp(1.1rem,1.6vw,1.32rem); line-height:1.55; }
.hero-cta{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2.4rem; }
.hero-meta{ margin-top:3.6rem; display:flex; flex-wrap:wrap; gap:1.6rem 2.6rem;
  padding-top:1.8rem; border-top:1px solid var(--on-dark-line); }
.hero-meta div{ display:flex; flex-direction:column; gap:.2rem; }
.hero-meta b{ font-family:var(--serif); font-size:1.5rem; font-weight:450; color:var(--bone); }
.hero-meta small{ font-family:var(--mono); font-size:.68rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--on-dark-faint); }

/* marquee of industries below hero */
.ticker{ border-top:1px solid var(--on-dark-line); border-bottom:1px solid var(--on-dark-line);
  background:var(--ink); overflow:hidden; }
.ticker-track{ display:flex; gap:0; white-space:nowrap; width:max-content;
  animation:ticker 42s linear infinite; }
.ticker:hover .ticker-track{ animation-play-state:paused; }
.ticker span{ font-family:var(--mono); font-size:.78rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--on-dark-soft); padding:.95rem 1.8rem;
  display:inline-flex; align-items:center; gap:1.8rem; }
.ticker span::after{ content:"✦"; color:var(--amber); opacity:.7; }
@keyframes ticker{ to{ transform:translateX(-50%); } }

/* ============================================================
   GENERIC SECTION BITS
   ============================================================ */
.sec-head{ max-width:62ch; margin-bottom:clamp(2.4rem,4vw,3.6rem); }
.sec-head.center{ margin-inline:auto; text-align:center; }
.sec-head.center .eyebrow{ justify-content:center; }
.sec-head p{ margin-top:1rem; }

/* split: rare combination */
.split{ display:grid; gap:0; border:1px solid var(--on-dark-line); border-radius:var(--radius);
  overflow:hidden; }
@media(min-width:820px){ .split{ grid-template-columns:1fr 1fr; } }
.split .cell{ padding:clamp(28px,4vw,52px); position:relative; }
.split .cell:first-child{ border-bottom:1px solid var(--on-dark-line); }
@media(min-width:820px){
  .split .cell:first-child{ border-bottom:0; border-right:1px solid var(--on-dark-line); }
}
.split .cell h3{ margin:.8rem 0 .7rem; }
.split .cell .tag{ font-family:var(--mono); font-size:.7rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--on-dark-faint); }
.split .cell ul{ list-style:none; padding:0; margin:1.4rem 0 0; }
.split .cell li{ display:flex; gap:.7rem; padding:.5rem 0; color:var(--on-dark-soft);
  font-size:.98rem; border-top:1px solid var(--on-dark-line); }
.split .cell li:first-child{ border-top:0; }
.split .cell li svg{ width:16px; height:16px; flex:none; margin-top:4px; color:var(--amber); }
.combine-bar{ text-align:center; margin-top:2rem; font-family:var(--serif);
  font-size:clamp(1.4rem,2.6vw,2.1rem); color:var(--on-dark); font-style:italic; }
.combine-bar b{ color:var(--amber); font-style:normal; }

/* capability cards */
.cap{ position:relative; padding:clamp(24px,2.4vw,32px); border:1px solid var(--on-light-line);
  border-radius:var(--radius); background:var(--bone); transition:transform .4s var(--ease),
  border-color .4s var(--ease), box-shadow .4s var(--ease); display:flex; flex-direction:column; }
.cap:hover{ transform:translateY(-5px); border-color:var(--amber-2);
  box-shadow:0 24px 50px -28px rgba(20,24,31,.42); }
.cap .num{ font-family:var(--mono); font-size:.72rem; letter-spacing:.12em;
  color:var(--on-light-faint); }
.cap .ico{ width:34px; height:34px; margin:.5rem 0 1.2rem; color:var(--amber-deep); }
.cap h3{ font-size:1.28rem; margin-bottom:.6rem; }
.cap p{ color:var(--on-light-soft); font-size:.97rem; margin-bottom:1.2rem; }
.cap .chips{ margin-top:auto; display:flex; flex-wrap:wrap; gap:.4rem; }
.cap .chips span{ font-family:var(--mono); font-size:.68rem; letter-spacing:.04em;
  padding:.3em .65em; border:1px solid var(--on-light-line); border-radius:6px;
  color:var(--on-light-soft); }
.dark .cap{ background:var(--ink-2); border-color:var(--on-dark-line); }
.dark .cap:hover{ box-shadow:0 30px 60px -30px rgba(0,0,0,.6); }
.dark .cap p{ color:var(--on-dark-soft); }
.dark .cap .num{ color:var(--on-dark-faint); }
.dark .cap .ico{ color:var(--amber); }
.dark .cap .chips span{ border-color:var(--on-dark-line); color:var(--on-dark-soft); }

/* industry list */
.ind-list{ border-top:1px solid var(--on-light-line); }
.ind-row{ display:grid; grid-template-columns:auto 1fr auto; gap:clamp(1rem,3vw,2.4rem);
  align-items:center; padding:clamp(1.1rem,2vw,1.7rem) 0; border-bottom:1px solid var(--on-light-line);
  transition:padding-left .4s var(--ease); }
.ind-row:hover{ padding-left:12px; }
.ind-row .ix{ font-family:var(--mono); font-size:.74rem; color:var(--on-light-faint); }
.ind-row .nm{ font-family:var(--serif); font-size:clamp(1.25rem,2.6vw,1.9rem); }
.ind-row .ds{ color:var(--on-light-soft); font-size:.96rem; max-width:46ch; }
.ind-row .ar{ color:var(--amber-deep); opacity:0; transform:translateX(-6px);
  transition:.4s var(--ease); }
.ind-row:hover .ar{ opacity:1; transform:translateX(0); }
@media(max-width:760px){
  .ind-row{ grid-template-columns:auto 1fr; }
  .ind-row .ds{ grid-column:1 / -1; }
  .ind-row .ar{ display:none; }
}
.dark .ind-list, .dark .ind-row{ border-color:var(--on-dark-line); }
.dark .ind-row .ds{ color:var(--on-dark-soft); }
.dark .ind-row .ar{ color:var(--amber); }

/* process steps */
.steps{ counter-reset:s; display:grid; gap:0; }
.step{ display:grid; grid-template-columns:auto 1fr; gap:clamp(1.2rem,3vw,2.6rem);
  padding:clamp(1.6rem,3vw,2.4rem) 0; border-top:1px solid var(--on-light-line); }
.step:last-child{ border-bottom:1px solid var(--on-light-line); }
.step .sn{ counter-increment:s; font-family:var(--mono); font-size:.8rem;
  color:var(--amber-deep); padding-top:.4rem; }
.step .sn::before{ content:"0" counter(s); }
.step h3{ margin-bottom:.5rem; }
.step p{ color:var(--on-light-soft); max-width:58ch; margin:0; }
.dark .step{ border-color:var(--on-dark-line); }
.dark .step p{ color:var(--on-dark-soft); }
.dark .step .sn{ color:var(--amber); }

/* stat band */
.stats{ display:grid; gap:0; border:1px solid var(--on-dark-line); border-radius:var(--radius);
  overflow:hidden; }
@media(min-width:680px){ .stats{ grid-template-columns:repeat(4,1fr); } }
.stat{ padding:clamp(24px,3vw,38px); border-top:1px solid var(--on-dark-line); }
@media(min-width:680px){ .stat{ border-top:0; border-left:1px solid var(--on-dark-line); }
  .stat:first-child{ border-left:0; } }
.stat b{ display:block; font-family:var(--serif); font-size:clamp(2.1rem,4vw,3rem);
  font-weight:450; color:var(--bone); line-height:1; }
.stat b em{ color:var(--amber); font-style:normal; }
.stat span{ display:block; margin-top:.7rem; font-size:.92rem; color:var(--on-dark-soft); }

/* feature row (text + panel) */
.feature{ display:grid; gap:clamp(2rem,5vw,4rem); align-items:center; }
@media(min-width:880px){ .feature{ grid-template-columns:1fr 1fr; } .feature.rev>*:first-child{ order:2; } }
.panel{ border:1px solid var(--on-dark-line); border-radius:var(--radius); background:var(--ink-2);
  padding:clamp(24px,3vw,38px); }
.panel.light{ background:var(--bone); border-color:var(--on-light-line); }
.kv{ display:flex; justify-content:space-between; gap:1rem; padding:.85rem 0;
  border-top:1px solid var(--on-dark-line); }
.kv:first-child{ border-top:0; }
.kv .k{ font-family:var(--mono); font-size:.74rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--on-dark-faint); }
.kv .v{ font-size:.97rem; color:var(--on-dark); text-align:right; }
.panel.light .kv{ border-color:var(--on-light-line); }
.panel.light .kv .k{ color:var(--on-light-faint); }
.panel.light .kv .v{ color:var(--on-light); }

/* CTA band */
.cta-band{ position:relative; overflow:hidden; }
.cta-band .glow{ position:absolute; inset:0; z-index:0;
  background:radial-gradient(70% 120% at 85% 0%, rgba(224,164,88,.20), transparent 60%); }
.cta-band .wrap{ position:relative; z-index:2; text-align:center; }
.cta-band h2{ max-width:18ch; margin-inline:auto; }
.cta-band .lead{ margin:1.2rem auto 2rem; text-align:center; }
.cta-band .hero-cta{ justify-content:center; }

/* ============================================================
   FORMS
   ============================================================ */
.form{ display:grid; gap:1.1rem; }
.form .row{ display:grid; gap:1.1rem; }
@media(min-width:620px){ .form .row.two{ grid-template-columns:1fr 1fr; } }
.field{ display:flex; flex-direction:column; gap:.45rem; }
.field label{ font-family:var(--mono); font-size:.7rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--on-light-faint); }
.field input,.field select,.field textarea{
  font-family:var(--sans); font-size:1rem; color:var(--on-light);
  background:var(--bone); border:1px solid var(--on-light-line); border-radius:var(--radius-sm);
  padding:.85em 1em; transition:border-color .25s, box-shadow .25s; width:100%;
}
.field textarea{ min-height:140px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0; border-color:var(--amber-2); box-shadow:0 0 0 3px rgba(224,164,88,.18); }
.form-note{ font-size:.82rem; color:var(--on-light-soft); }
.form-note a{ color:var(--amber-deep); border-bottom:1px solid currentColor; }

/* ============================================================
   FOOTER
   ============================================================ */
.site-foot{ background:var(--ink); color:var(--on-dark); padding-block:clamp(56px,7vw,84px) 2.4rem; }
.foot-top{ display:grid; gap:clamp(2.2rem,4vw,3rem); }
@media(min-width:860px){ .foot-top{ grid-template-columns:1.6fr 1fr 1fr 1fr; } }
.foot-brand .brand{ margin-bottom:1.1rem; }
.foot-brand p{ color:var(--on-dark-soft); font-size:.95rem; max-width:34ch; }
.foot-col h5{ font-family:var(--mono); font-size:.7rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--on-dark-faint); margin:0 0 1.1rem; font-weight:500; }
.foot-col a{ display:block; color:var(--on-dark-soft); font-size:.95rem; padding:.32rem 0;
  transition:color .25s; }
.foot-col a:hover{ color:var(--amber); }
.foot-bot{ display:flex; flex-wrap:wrap; gap:1rem 1.6rem; justify-content:space-between;
  align-items:center; margin-top:clamp(2.6rem,5vw,3.6rem); padding-top:1.8rem;
  border-top:1px solid var(--on-dark-line); }
.foot-bot p{ margin:0; color:var(--on-dark-faint); font-size:.84rem; }
.foot-bot .legal{ display:flex; gap:1.4rem; flex-wrap:wrap; }
.foot-bot .legal a{ color:var(--on-dark-soft); font-size:.84rem; }
.foot-bot .legal a:hover{ color:var(--amber); }

/* ============================================================
   PAGE HERO (interior pages)
   ============================================================ */
.page-hero{ background:var(--ink); color:var(--on-dark); position:relative; overflow:hidden;
  padding-top:clamp(130px,16vh,180px); padding-bottom:clamp(48px,7vw,82px); }
.page-hero .hero-mesh{ opacity:.7; }
.page-hero .wrap{ position:relative; z-index:2; }
.page-hero h1{ font-size:clamp(2.3rem,5.4vw,4rem); max-width:18ch; }
.page-hero .lead{ margin-top:1.2rem; }
.crumbs{ font-family:var(--mono); font-size:.72rem; letter-spacing:.1em; color:var(--on-dark-faint);
  margin-bottom:1.4rem; }
.crumbs a:hover{ color:var(--amber); }

/* prose (privacy etc.) */
.prose{ max-width:74ch; }
.prose h2{ font-size:clamp(1.5rem,2.6vw,2rem); margin:2.4rem 0 .9rem; }
.prose h3{ font-size:1.2rem; margin:1.8rem 0 .6rem; }
.prose p,.prose li{ color:var(--on-light-soft); }
.prose ul{ padding-left:1.2rem; margin:0 0 1.2rem; }
.prose li{ margin-bottom:.5rem; }
.prose a{ color:var(--amber-deep); border-bottom:1px solid currentColor; }
.prose .meta{ font-family:var(--mono); font-size:.78rem; letter-spacing:.08em;
  color:var(--on-light-faint); }

/* ---------- reveal animation ---------- */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  .ticker-track{ animation:none; }
  html{ scroll-behavior:auto; }
}

/* misc utilities */
.center{ text-align:center; }
.mt-1{ margin-top:1rem; } .mt-2{ margin-top:2rem; }
.muted{ color:var(--on-light-soft); }
.dark .muted{ color:var(--on-dark-soft); }
.divider{ height:1px; background:var(--on-light-line); border:0; margin:0; }
.dark .divider{ background:var(--on-dark-line); }