/* ============================================================
   index.html — cinematic homepage redesign
   Dark, editorial, atmospheric. Brand navy + orange, teal accent.
   Self-sufficient CSS atmosphere (gradient + ridgelines + grain)
   so the page reads as finished before real video/stills land.
   ============================================================ */

:root{
  --bg:#021824;
  --bg-2:#04222f;
  --bg-3:#062b3a;
  --ink:#f4f1ec;
  --ink-dim:rgba(244,241,236,0.64);
  --ink-faint:rgba(244,241,236,0.40);
  --line:rgba(255,255,255,0.10);
  --line-soft:rgba(255,255,255,0.06);
  --orange:#fe602f;
  --orange-soft:rgba(254,96,47,0.14);
  --teal:#64cebb;
  --pill:999px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}

body{background:var(--bg);color:var(--ink);overflow-x:hidden;}

/* ---------- shared homepage primitives ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);
  font-size:12px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-dim);}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);
  box-shadow:0 0 0 4px var(--orange-soft);flex:none;}
.eyebrow.is-teal::before{background:var(--teal);box-shadow:0 0 0 4px rgba(100,206,187,0.16);}

.btn-pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-ui);font-weight:600;
  font-size:15px;padding:14px 26px;border-radius:var(--pill);text-decoration:none;cursor:pointer;
  border:1px solid transparent;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease;}
.btn-pill .arrow{transition:transform .25s ease;}
.btn-pill:hover .arrow{transform:translateX(4px);}
.btn-pill:active{transform:scale(.98);}
.btn-solid{background:var(--orange);color:#fff;border-color:var(--orange);}
.btn-solid:hover{background:#ff7547;border-color:#ff7547;box-shadow:0 10px 30px rgba(254,96,47,0.32);}
.btn-ghost{background:rgba(255,255,255,0.04);color:var(--ink);border-color:var(--line);backdrop-filter:blur(6px);}
.btn-ghost:hover{border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.08);}
.btn-light{background:var(--bg);color:var(--ink);border-color:var(--bg);}
.btn-light:hover{background:#0a2f40;border-color:#0a2f40;}

/* scroll-reveal */
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
[data-reveal].in{opacity:1;transform:none;}
[data-reveal][data-d="1"]{transition-delay:.08s;}
[data-reveal][data-d="2"]{transition-delay:.16s;}
[data-reveal][data-d="3"]{transition-delay:.24s;}
[data-reveal][data-d="4"]{transition-delay:.32s;}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none;}}

/* ---------- NAV (transparent over hero → solid on scroll) ---------- */
.nav{background:transparent;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;}
.nav.scrolled{background:rgba(2,24,36,0.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);}
.nav-inner{padding:16px 40px;}
.nav-logo img{height:78px;}
.nav-links{gap:26px;}
.nav-links a{font-family:var(--font-ui);font-size:14px;font-weight:500;color:rgba(244,241,236,0.72);text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a.is-current{color:#fff;}
.nav-cta{border-radius:var(--pill);padding:11px 22px;}
@media(max-width:880px){.nav-links{display:none;}.nav-inner{padding:12px 20px;}.nav-logo img{height:56px;}}
/* keep hero clear of the taller fixed nav */
.hx{padding-top:150px;}

/* ============================================================
   HERO
   ============================================================ */
.hx{position:relative;min-height:100vh;display:flex;align-items:center;
  padding:160px 0 120px;overflow:hidden;isolation:isolate;}
.hx-bg{position:absolute;inset:0;z-index:-3;
  background:radial-gradient(120% 90% at 70% 0%,#0a3349 0%,#04222f 42%,var(--bg) 78%);}
.hx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.95;z-index:-2;}
/* lighter scrim — keeps the headline readable but lets the footage show */
.hx-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(72% 56% at 16% 42%,rgba(2,24,36,0.40),transparent 66%),
    linear-gradient(180deg,rgba(2,24,36,0.30) 0%,rgba(2,24,36,0.02) 36%,rgba(2,24,36,0.48) 82%,var(--bg) 100%);}
/* layered ridgelines for depth (decorative) */
.hx-ridge{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:46vh;min-height:300px;z-index:-1;pointer-events:none;}
.hx-grain{position:absolute;inset:0;z-index:-1;background-image:var(--grain);background-size:160px;opacity:.05;pointer-events:none;mix-blend-mode:overlay;}
.hx .wrap{position:relative;}
.hx-inner{max-width:780px;}
.hx-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:12.5px;font-weight:500;
  letter-spacing:.04em;color:rgba(244,241,236,0.82);background:rgba(255,255,255,0.06);border:1px solid var(--line);
  padding:8px 8px 8px 14px;border-radius:var(--pill);margin-bottom:30px;backdrop-filter:blur(6px);}
.hx-badge .tag{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);
  background:var(--orange-soft);padding:4px 9px;border-radius:var(--pill);}
.hx h1{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6.4vw,82px);line-height:1.02;
  letter-spacing:-0.035em;margin:0 0 26px;color:#fff;text-wrap:balance;}
.hx h1 em{font-style:normal;color:var(--orange);}
.hx-sub{font-size:clamp(17px,1.55vw,20px);font-weight:300;line-height:1.6;color:var(--ink-dim);max-width:560px;margin-bottom:38px;}
.hx-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.hx-meta{margin-top:42px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  font-family:var(--font-ui);font-size:12.5px;letter-spacing:.04em;color:var(--ink-faint);}
.hx-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-faint);}
.hx-scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:1;
  font-family:var(--font-ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);
  display:flex;flex-direction:column;align-items:center;gap:10px;}
.hx-scroll .line{width:1px;height:42px;background:linear-gradient(var(--ink-faint),transparent);animation:scrollpulse 2.2s ease-in-out infinite;}
@keyframes scrollpulse{0%,100%{transform:scaleY(.55);opacity:.5;transform-origin:top;}50%{transform:scaleY(1);opacity:1;}}
@media(max-width:880px){.hx{min-height:auto;padding:128px 0 90px;}.hx-scroll{display:none;}}

/* ============================================================
   THESIS STRIP
   ============================================================ */
.strip{border-bottom:1px solid var(--line-soft);background:var(--bg);}
.strip-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding:46px 0;}
.strip-lead{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2vw,25px);line-height:1.4;
  letter-spacing:-0.01em;color:#fff;max-width:520px;}
.strip-lead em{font-style:normal;color:var(--orange);}
.strip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.stat .n{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3vw,40px);color:#fff;line-height:1;letter-spacing:-0.02em;}
.stat .n span{color:var(--orange);}
.stat .l{font-family:var(--font-ui);font-size:12px;letter-spacing:.04em;color:var(--ink-faint);margin-top:9px;line-height:1.45;}
@media(max-width:760px){.strip-grid{grid-template-columns:1fr;gap:30px;}}

/* ============================================================
   SECTION SCAFFOLD
   ============================================================ */
.sec{padding:120px 0;position:relative;}
.sec--b2{background:var(--bg-2);}
.sec-head{max-width:680px;}
.sec h2{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,4vw,52px);line-height:1.06;
  letter-spacing:-0.03em;color:#fff;margin:20px 0 0;text-wrap:balance;}
.sec h2 em{font-style:normal;color:var(--orange);}
.sec-lead{font-size:18px;font-weight:300;line-height:1.7;color:var(--ink-dim);margin-top:24px;max-width:600px;}

/* WHO IT'S FOR — title left, qualifier cards right */
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.who-cards{display:flex;flex-direction:column;gap:14px;}
.qcard{border:1px solid var(--line);border-radius:16px;padding:24px 26px;background:rgba(255,255,255,0.02);
  transition:border-color .3s ease,background .3s ease,transform .3s ease;}
.qcard:hover{border-color:rgba(255,255,255,0.22);background:rgba(255,255,255,0.04);transform:translateY(-2px);}
.qcard h3{font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:11px;}
.qcard h3 .ix{width:8px;height:8px;border-radius:2px;background:var(--teal);flex:none;}
.qcard p{font-size:14.5px;font-weight:300;line-height:1.6;color:var(--ink-dim);}
.who-foot{margin-top:30px;font-size:15px;font-weight:300;color:var(--ink-dim);line-height:1.7;max-width:580px;}
.who-foot strong{color:var(--ink);font-weight:500;}
@media(max-width:880px){.who-grid{grid-template-columns:1fr;gap:34px;}}

/* ORDER FIRST — copy + atmospheric media */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split.flip .split-copy{order:2;}
.split-copy p{font-size:17px;font-weight:300;line-height:1.8;color:var(--ink-dim);margin-top:22px;max-width:520px;}
.split-copy p strong{color:#fff;font-weight:500;}
.pull{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.25;
  letter-spacing:-0.01em;color:#fff;margin:30px 0 4px;}
.pull em{font-style:normal;color:var(--orange);}
.media{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1;border:1px solid var(--line);
  box-shadow:0 40px 80px rgba(0,0,0,0.45);}
.media img{width:100%;height:100%;object-fit:cover;}
.media.has-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(2,24,36,0.55),transparent 40%);}
/* atmospheric css placeholder (shows if no <img>) */
.media--ph{background:
    radial-gradient(120% 80% at 30% 10%,#0e3e54,transparent 60%),
    linear-gradient(180deg,#0a3247 0%,#052735 55%,#021a26 100%);}
.media .ridge2{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%;}
.media .ph-grain{position:absolute;inset:0;background-image:var(--grain);background-size:140px;opacity:.06;mix-blend-mode:overlay;}
.media-cap{position:absolute;left:20px;bottom:18px;font-family:var(--font-ui);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(244,241,236,0.6);z-index:2;}
@media(max-width:880px){.split{grid-template-columns:1fr;gap:34px;}.split.flip .split-copy{order:0;}.media{aspect-ratio:16/11;}}

/* ============================================================
   THE SEQUENCE — interactive Policy → … → AI
   ============================================================ */
.seq{background:var(--bg-2);}
.seq-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:stretch;margin-top:54px;}
.seq-rail{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line);}
.seq-step{position:relative;display:flex;align-items:center;gap:16px;width:100%;text-align:left;cursor:pointer;
  background:none;border:0;color:inherit;padding:20px 18px;border-radius:0 12px 12px 0;transition:background .25s ease;}
.seq-step::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:transparent;transition:background .25s ease;}
.seq-step:hover{background:rgba(255,255,255,0.03);}
.seq-step.active::before{background:var(--orange);}
.seq-step .sx{font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--ink-faint);width:26px;flex:none;transition:color .25s;}
.seq-step .sname{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2vw,24px);letter-spacing:-0.01em;
  color:var(--ink-faint);transition:color .25s;}
.seq-step.active .sname{color:#fff;}
.seq-step.active .sx{color:var(--orange);}
.seq-panel{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--bg-3);
  display:flex;flex-direction:column;justify-content:flex-end;padding:38px;min-height:360px;box-shadow:0 30px 70px rgba(0,0,0,0.4);}
.seq-panel-bg{position:absolute;inset:0;z-index:0;opacity:.5;
  background:radial-gradient(120% 90% at 80% 0%,#0f4258,transparent 60%),linear-gradient(180deg,#073141,#04212d);}
.seq-panel .ph-grain{position:absolute;inset:0;z-index:0;background-image:var(--grain);background-size:140px;opacity:.06;mix-blend-mode:overlay;}
.seq-pane{position:relative;z-index:1;display:none;animation:fadeUp .5s cubic-bezier(.2,.7,.2,1);}
.seq-pane.show{display:block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.seq-pane .pnum{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:.9;color:rgba(255,255,255,0.10);margin-bottom:16px;}
.seq-pane h3{font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;margin-bottom:14px;letter-spacing:-0.015em;}
.seq-pane h3 em{font-style:normal;color:var(--orange);}
.seq-pane p{font-size:16px;font-weight:300;line-height:1.75;color:var(--ink-dim);max-width:440px;}
.seq-foot{margin-top:48px;display:flex;flex-direction:column;align-items:flex-start;gap:26px;
  border-top:1px solid var(--line-soft);padding-top:34px;}
.seq-foot p{font-size:16px;font-weight:300;color:var(--ink-dim);line-height:1.7;max-width:560px;}
.seq-foot p strong{color:#fff;font-weight:500;}
@media(max-width:880px){.seq-grid{grid-template-columns:1fr;gap:30px;}.seq-rail{flex-direction:column;}}

/* ============================================================
   STORY — light contrast spotlight
   ============================================================ */
.story{background:var(--neutral-50);color:var(--navy-900);}
.story .eyebrow{color:#6b6357;}
.story .eyebrow::before{background:var(--orange);box-shadow:0 0 0 4px var(--orange-soft);}
.story h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.08;
  letter-spacing:-0.03em;color:var(--navy-900);margin:0 0 26px;text-wrap:balance;}
.story h2 em{font-style:normal;color:var(--orange);}
.story-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:60px;align-items:start;margin-top:0;}
.story-copy p{font-size:17px;font-weight:300;line-height:1.8;color:#4a463f;margin-bottom:20px;}
.story-copy p strong{color:var(--navy-900);font-weight:600;}
.story-copy .turn{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.3vw,27px);
  color:var(--navy-900);line-height:1.3;letter-spacing:-0.01em;margin:8px 0 22px;}
.story-copy .turn em{font-style:normal;color:var(--orange);}
/* proof-story card (placeholder state) */
.proof{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(3,50,73,0.12);
  background:#fff;box-shadow:0 30px 70px rgba(3,50,73,0.12);}
.proof-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:
    radial-gradient(120% 80% at 30% 10%,#0e3e54,transparent 60%),linear-gradient(180deg,#0a3247,#021a26);}
.proof-media img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;}
.proof-media .ridge2{position:absolute;left:0;right:0;bottom:0;width:100%;height:60%;}
.proof-tag{position:absolute;left:16px;top:16px;font-family:var(--font-ui);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:#fff;background:rgba(2,24,36,0.55);border:1px solid rgba(255,255,255,0.18);
  padding:6px 12px;border-radius:var(--pill);backdrop-filter:blur(6px);}
.proof-body{padding:28px 30px 30px;}
.proof-body .role{font-family:var(--font-ui);font-size:12.5px;letter-spacing:.04em;color:#8a8175;margin-bottom:10px;}
.proof-body .quote{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.45;color:var(--navy-900);letter-spacing:-0.01em;}
.proof-body .quote em{font-style:normal;color:var(--orange);}
.proof-note{margin-top:18px;font-size:12.5px;font-style:italic;color:#9a9286;border-top:1px dashed rgba(3,50,73,0.14);padding-top:14px;}
@media(max-width:880px){.story-grid{grid-template-columns:1fr;gap:34px;}}

/* ============================================================
   FINAL CTA — giant wordmark behind
   ============================================================ */
.final{position:relative;overflow:hidden;padding:140px 0 130px;text-align:center;
  background:radial-gradient(120% 100% at 50% 0%,#0a3349 0%,#04222f 50%,var(--bg) 100%);}
.final .wordmark{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);z-index:0;
  font-family:var(--font-display);font-weight:800;font-size:min(30vw,420px);line-height:.8;letter-spacing:-0.04em;
  color:rgba(255,255,255,0.035);pointer-events:none;white-space:nowrap;user-select:none;}
.final .wrap{position:relative;z-index:1;}
.final .eyebrow{justify-content:center;margin:0 auto;}
.final h2{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,64px);line-height:1.04;
  letter-spacing:-0.035em;color:#fff;margin:22px auto 22px;max-width:760px;text-wrap:balance;}
.final h2 em{font-style:normal;color:var(--orange);}
.final p{font-size:18px;font-weight:300;color:var(--ink-dim);line-height:1.7;max-width:560px;margin:0 auto 34px;}
.final-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}
.final-note{margin-top:26px;font-family:var(--font-ui);font-size:13px;letter-spacing:.03em;color:var(--ink-faint);}

/* ============================================================
   SOCIAL PROOF WALL — testimonial masonry w/ fade + expand
   ============================================================ */
.wall{padding:118px 0 96px;background:var(--bg-2);}
.wall-head{max-width:720px;margin-bottom:50px;}
.wall-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.08;
  letter-spacing:-0.03em;color:#fff;margin-top:18px;text-wrap:balance;}
.wall-head h2 em{font-style:normal;color:var(--orange);}
.wall-clip{position:relative;max-height:540px;overflow:hidden;transition:max-height .55s cubic-bezier(.4,0,.2,1);}
.wall-clip.expanded{max-height:6000px;}
.wall-clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;pointer-events:none;
  background:linear-gradient(transparent,var(--bg-2) 88%);transition:opacity .4s ease;}
.wall-clip.expanded::after{opacity:0;}
.wall-grid{display:flex;gap:22px;align-items:flex-start;}
.wall-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px;}
.tcard{border:1px solid var(--line);
  border-radius:18px;padding:26px 26px 28px;background:rgba(255,255,255,0.025);
  transition:border-color .3s ease,background .3s ease,transform .3s ease;}
.tcard:hover{border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.045);transform:translateY(-2px);}
.tcard-by{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.avatar{position:relative;overflow:hidden;flex:none;width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.02em;color:#fff;
  background:linear-gradient(140deg,#12455c,#0a2c3c);border:1px solid rgba(100,206,187,0.3);}
.avatar.av-orange{background:linear-gradient(140deg,#7a3320,#3a1a12);border-color:rgba(254,96,47,0.35);}
/* headshot fills the circle; initials show as fallback until a photo is added */
.avatar .avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.who{display:flex;flex-direction:column;min-width:0;}
.tname{font-family:var(--font-display);font-weight:700;font-size:15.5px;color:#fff;line-height:1.2;}
.thandle{font-family:var(--font-ui);font-size:12px;color:var(--ink-faint);margin-top:3px;line-height:1.35;}
.tcard blockquote{font-size:15px;font-weight:300;line-height:1.72;color:var(--ink-dim);margin:0;}
.wall-more{text-align:center;margin-top:26px;position:relative;z-index:1;}
#wallToggle .arrow-dn{display:inline-block;transition:transform .3s ease;}
#wallToggle.is-open .arrow-dn{transform:rotate(180deg);}
@media(max-width:820px){.wall-grid{flex-direction:column;}.wall-col{width:100%;}}
@media(max-width:620px){.wall-clip{max-height:460px;}}

/* ============================================================
   FOOTER — column layout (overrides base for homepage)
   ============================================================ */
.site-footer{background:var(--bg);border-top:1px solid var(--line-soft);padding:72px 0 36px;}
.sf-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px;}
.sf-brand img{height:96px;width:auto;margin-bottom:18px;}
.sf-brand p{font-size:14px;font-weight:300;color:var(--ink-faint);line-height:1.65;max-width:280px;}
.sf-col h4{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:16px;}
.sf-col a,.sf-col span{display:block;font-family:var(--font-ui);font-size:14px;color:var(--ink-dim);text-decoration:none;
  margin-bottom:11px;transition:color .2s;}
.sf-col a:hover{color:#fff;}
.sf-bottom{margin-top:54px;padding-top:24px;border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:14px;
  align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:12.5px;color:var(--ink-faint);}
.sf-bottom .seq-line{color:var(--teal);letter-spacing:.04em;}
@media(max-width:880px){.sf-grid{grid-template-columns:1fr 1fr;gap:32px;}.sf-brand{grid-column:1/-1;}}
@media(max-width:520px){.sf-grid{grid-template-columns:1fr;}}