/* Welna — marketing site styles. Built on the "Warm Longevity" design system.
   Tokens redeclared here so the file is self-contained; web-scale type added on top.
   Production build for welna.ai (no dev tweaks island). */

/* ───────── tokens ───────── */
:root {
  --canvas:#F4EFE4; --canvas-2:#ECE4D3; --surface:#FFFCF6; --surface-2:#FBF6EC;
  --ink:#2A2E25; --ink-2:#6B6E5F; --ink-3:#9D9E8C;
  --line:rgba(42,46,37,.10); --line-strong:rgba(42,46,37,.20);
  /* clay accent is hue-driven so soft/deep stay harmonious */
  --accent-hue:47;
  --accent:oklch(0.615 0.108 var(--accent-hue)); --accent-deep:oklch(0.46 0.105 var(--accent-hue)); --accent-soft:oklch(0.905 0.04 var(--accent-hue));
  --sage:#5F7355; --sage-soft:#E4E8DD;
  --amber:#A77B30; --amber-soft:#F2E5CC;
  --rust:#B14A39; --rust-soft:#F2DCD6;
  --cta-bg:#2C3527; --cta-fg:#F5F0E5;

  --font-display:'Spectral',Georgia,'Times New Roman',serif;
  --font-sans:'Hanken Grotesk',-apple-system,system-ui,sans-serif;

  --r-card:22px; --r-btn:18px; --r-tile:15px; --r-chip:11px; --r-pill:999px;
  --shadow-soft:0 10px 30px -16px rgba(64,52,28,.30),0 1px 2px rgba(64,52,28,.05);
  --shadow-lift:0 18px 44px -20px rgba(64,52,28,.40),0 2px 4px rgba(64,52,28,.06);
  --ease:cubic-bezier(.2,.8,.2,1); --dur-micro:140ms; --dur-base:220ms;

  --gutter:clamp(22px,5vw,64px);
  --maxw:1180px;
}
[data-theme="dark"]{
  --canvas:#16180F; --canvas-2:#1E2015; --surface:#23261B; --surface-2:#1C1F15;
  --ink:#ECE6D5; --ink-2:#A6A795; --ink-3:#75766A;
  --line:rgba(255,255,255,.10); --line-strong:rgba(255,255,255,.20);
  --accent:oklch(0.72 0.095 var(--accent-hue)); --accent-deep:#16180F; --accent-soft:oklch(0.72 0.095 var(--accent-hue) / .18);
  --sage:#9FB389; --sage-soft:rgba(159,179,137,.18);
  --amber:#D6A95C; --amber-soft:rgba(214,169,92,.18);
  --rust:#DC836C; --rust-soft:rgba(220,131,108,.18);
  --cta-bg:#23261B; --cta-fg:#ECE6D5;
  --shadow-soft:0 10px 30px -16px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);
  --shadow-lift:0 18px 44px -20px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.35);
}

/* ───────── reset ───────── */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0; background:var(--canvas); color:var(--ink);
  font-family:var(--font-sans); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease);
}
img,svg{display:block;} a{color:inherit;text-decoration:none;}
::selection{background:var(--accent-soft);color:var(--accent-deep);}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ───────── type helpers ───────── */
.display{font-family:var(--font-display);font-weight:500;line-height:1.04;letter-spacing:-.02em;color:var(--ink);}
.display .em{font-style:italic;color:var(--accent);}
.eyebrow{font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.eyebrow.muted{color:var(--ink-3);}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.55;color:var(--ink-2);}
.num{font-family:var(--font-sans);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink);}
.serif{font-family:var(--font-display);font-weight:500;}
em.it{font-style:italic;color:var(--accent);}

/* ───────── layout ───────── */
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter);}
section{position:relative;}
.section-pad{padding-block:clamp(72px,11vw,140px);}
.sec-head{max-width:60ch;margin-bottom:clamp(40px,6vw,68px);}
.sec-head h2{font-family:var(--font-display);font-weight:500;line-height:1.06;letter-spacing:-.02em;
  font-size:clamp(34px,5.2vw,58px);margin:14px 0 0;color:var(--ink);}
.sec-head h2 .em{font-style:italic;color:var(--accent);}
.sec-head p{margin:20px 0 0;max-width:54ch;}

/* forest inverse section */
.forest{background:var(--cta-bg);color:var(--cta-fg);}
[data-theme="dark"] .forest{background:var(--surface);border-block:1px solid var(--line);}
.forest .eyebrow{color:var(--accent);}
.forest h2,.forest .display{color:var(--cta-fg);}
.forest .lead,.forest p{color:rgba(245,240,229,.74);}
[data-theme="dark"] .forest .lead,[data-theme="dark"] .forest p{color:var(--ink-2);}

/* ───────── header ───────── */
header.nav{position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  background:color-mix(in srgb,var(--canvas) 78%,transparent);
  border-bottom:1px solid transparent;transition:border-color var(--dur-base) var(--ease);}
header.nav.scrolled{border-bottom-color:var(--line);}
.nav-in{display:flex;align-items:center;gap:24px;height:68px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand .mark{width:30px;height:30px;}
.brand .word{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:22px;letter-spacing:-.01em;color:var(--ink);}
.brand .word .na{color:var(--accent);font-style:normal;}
.nav-links{display:flex;gap:30px;margin-left:18px;}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--ink-2);transition:color var(--dur-micro) var(--ease);}
.nav-links a:hover{color:var(--ink);}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.theme-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);
  border:1px solid var(--line-strong);background:transparent;color:var(--ink-2);cursor:pointer;
  transition:background var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease);}
.theme-btn:hover{background:var(--surface-2);color:var(--ink);}
.theme-btn .sun{display:none;} [data-theme="dark"] .theme-btn .sun{display:block;}
[data-theme="dark"] .theme-btn .moon{display:none;}

/* ───────── buttons ───────── */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:600;
  font-size:15px;border-radius:var(--r-btn);padding:14px 22px;cursor:pointer;border:1px solid transparent;
  transition:transform var(--dur-micro) var(--ease),background var(--dur-micro) var(--ease),
  border-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease);}
.btn:active{transform:translateY(1px);}
.btn-cta{background:var(--cta-bg);color:var(--cta-fg);}
.btn-cta:hover{background:#222a1e;}
[data-theme="dark"] .btn-cta{background:var(--accent);color:#16180F;}
[data-theme="dark"] .btn-cta:hover{filter:brightness(1.06);}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong);}
.btn-outline:hover{background:var(--surface-2);}
.forest .btn-outline{color:var(--cta-fg);border-color:rgba(245,240,229,.32);}
.forest .btn-outline:hover{background:rgba(245,240,229,.08);}

/* App Store button */
.appstore{display:inline-flex;align-items:center;gap:12px;background:var(--cta-bg);color:var(--cta-fg);
  border-radius:var(--r-btn);padding:11px 22px 12px;cursor:pointer;border:1px solid transparent;
  transition:transform var(--dur-micro) var(--ease),filter var(--dur-micro) var(--ease);}
.appstore:active{transform:translateY(1px);}
.appstore:hover{filter:brightness(1.08);}
[data-theme="dark"] .appstore{background:var(--accent);color:#16180F;}
/* On the dark forest sections (light theme), the default dark button vanishes —
   invert it to a cream button. Dark theme keeps the clay accent. */
.forest .appstore{background:var(--cta-fg);color:var(--cta-bg);}
.forest .appstore:hover{filter:brightness(.97);}
[data-theme="dark"] .forest .appstore{background:var(--accent);color:#16180F;}
.appstore .glyph{width:26px;height:26px;flex:none;}
.appstore .as-txt{display:flex;flex-direction:column;line-height:1.1;text-align:left;white-space:nowrap;}
.appstore .as-txt small{font-size:11px;font-weight:500;opacity:.8;letter-spacing:.01em;}
.appstore .as-txt b{font-size:17px;font-weight:700;letter-spacing:-.01em;}

/* ───────── trust strip ───────── */
.trust{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;}
.trust .item{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);font-weight:500;}
.trust .item svg{width:17px;height:17px;color:var(--sage);flex:none;}
.trust .item .v{font-family:var(--font-sans);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}

/* ───────── cards ───────── */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-soft);}

/* ───────── HERO ───────── */
.hero{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(48px,7vw,80px);}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,72px);align-items:center;}
.hero-copy h1{font-family:var(--font-display);font-weight:500;line-height:1.02;letter-spacing:-.025em;
  font-size:clamp(44px,7.2vw,86px);margin:18px 0 0;color:var(--ink);text-wrap:balance;}
.hero-copy h1 .em{font-style:italic;color:var(--accent);}
.hero-copy .lead{margin:26px 0 0;max-width:46ch;}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;}
.hero-cta .micro{font-size:13px;color:var(--ink-3);}
.hero-art{display:flex;justify-content:center;}

/* hero layout variants (data-hero on body) */
body[data-hero="left"] .hero-grid{grid-template-columns:.95fr 1.05fr;}
body[data-hero="left"] .hero-copy{order:2;}
body[data-hero="left"] .hero-art{order:1;}
body[data-hero="center"] .hero-grid{grid-template-columns:1fr;text-align:center;gap:clamp(40px,5vw,56px);}
body[data-hero="center"] .hero-copy{max-width:24ch;margin:0 auto;}
body[data-hero="center"] .hero-copy .lead{margin-inline:auto;}
body[data-hero="center"] .hero-cta{justify-content:center;}
body[data-hero="center"] .hero-art{order:2;}

/* ───────── phone frame ───────── */
.phone{position:relative;width:340px;max-width:78vw;aspect-ratio:340/720;
  background:#0d0f0a;border-radius:52px;padding:11px;
  box-shadow:0 2px 2px rgba(64,52,28,.12),var(--shadow-lift),0 60px 90px -50px rgba(40,33,18,.55);}
[data-theme="dark"] .phone{box-shadow:0 0 0 1px rgba(255,255,255,.06),var(--shadow-lift),0 60px 90px -50px rgba(0,0,0,.8);}
.phone .screen{position:relative;width:100%;height:100%;background:var(--canvas);
  border-radius:42px;overflow:hidden;display:flex;flex-direction:column;}
.phone .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);
  width:104px;height:26px;background:#0d0f0a;border-radius:999px;z-index:6;}

/* real screenshot inside the frame (the PNGs carry their own status bar + island) */
.phone.shot .notch{display:none;}
.phone .shot-img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:42px;}
.phone.sm{width:300px;}
.shot-cap{margin-top:18px;text-align:center;font-size:13px;color:var(--ink-3);font-weight:500;max-width:30ch;}
.shot-cap b{color:var(--ink-2);font-weight:700;}

/* ───────── how it works ───────── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px);}
.step{padding:30px 28px 32px;}
.step .n{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--accent);}
.step .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--sage-soft);color:var(--sage);margin:20px 0 18px;}
.step .ic svg{width:24px;height:24px;}
.step h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 9px;color:var(--ink);}
.step p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55;}
.step .meta{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:tabular-nums;}
.provider-note{margin-top:clamp(22px,3vw,32px);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  font-size:14.5px;color:var(--ink-2);}
.provider-note .pn-tag{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);}

/* ───────── agent loop (watch it work) ───────── */
.agent-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,6vw,80px);align-items:center;}
.agent-steps{margin-top:8px;border-top:1px solid var(--line);}
.astep{display:flex;gap:14px;align-items:flex-start;padding:15px 2px;border-bottom:1px solid var(--line);}
.astep .ck{width:24px;height:24px;flex:none;border-radius:999px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent-deep);margin-top:1px;}
[data-theme="dark"] .astep .ck{background:var(--accent-soft);color:var(--accent);}
.astep .ck svg{width:13px;height:13px;}
.astep .at b{display:block;font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.astep .at span{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;}
.astep .at span em{font-style:normal;color:var(--accent);font-weight:600;}
.suggestion{margin-top:22px;padding:22px 24px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);}
.suggestion .slabel{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px;}
.suggestion h3{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.01em;margin:9px 0 8px;color:var(--ink);}
.suggestion p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55;}

/* ───────── signals ───────── */
.shot-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);justify-items:center;
  margin-bottom:clamp(44px,6vw,72px);}
.shot-pair .shot-col{display:flex;flex-direction:column;align-items:center;}
.tier-block{margin-top:clamp(34px,4vw,52px);}
.tier-lbl{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
.tier-tag{font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap;}
.tier-tag.t1{background:var(--sage-soft);color:var(--sage);}
.tier-tag.t2{background:var(--amber-soft);color:var(--amber);}
.tier-tag.t3{background:var(--accent-soft);color:var(--accent-deep);}
.tier-lbl .cap{font-size:13.5px;color:var(--ink-3);font-weight:500;}
.signal-rows{display:grid;gap:0;border-top:1px solid var(--line);}
.srow{display:grid;grid-template-columns:minmax(160px,1.1fr) 2fr;gap:clamp(16px,4vw,48px);
  padding:18px 4px;border-bottom:1px solid var(--line);align-items:baseline;}
.srow .sname{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.srow .swhy{font-size:15px;color:var(--ink-2);line-height:1.5;}
.srow .swhy em{font-style:italic;color:var(--ink);}

/* ───────── privacy (forest) ───────── */
.priv-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,6vw,80px);align-items:center;}
.priv-shots{display:flex;gap:clamp(14px,3vw,28px);justify-content:center;align-items:flex-end;}
.priv-shots .phone{width:240px;}
.priv-shots .phone.back{transform:translateY(18px) rotate(-3deg);opacity:.95;}
.priv-facts{display:grid;gap:14px;margin-top:clamp(34px,5vw,52px);}
.fact{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:18px;
  background:rgba(245,240,229,.05);border:1px solid rgba(245,240,229,.12);}
[data-theme="dark"] .fact{background:var(--surface-2);border-color:var(--line);}
.fact .fic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:rgba(190,106,69,.18);color:var(--accent);}
[data-theme="dark"] .fact .fic{background:var(--accent-soft);}
.fact .fic svg{width:20px;height:20px;}
.fact .ftxt b{display:block;font-size:16px;font-weight:700;color:var(--cta-fg);margin-bottom:3px;}
[data-theme="dark"] .fact .ftxt b{color:var(--ink);}
.fact .ftxt span{font-size:13.5px;color:rgba(245,240,229,.66);line-height:1.5;}
[data-theme="dark"] .fact .ftxt span{color:var(--ink-2);}
.fact .fbig{font-family:var(--font-sans);font-weight:700;font-variant-numeric:tabular-nums;font-size:18px;color:var(--accent);}
.priv-note{margin-top:22px;font-size:13.5px;line-height:1.6;color:rgba(245,240,229,.6);max-width:46ch;}
[data-theme="dark"] .priv-note{color:var(--ink-3);}

/* ───────── workflows (4-up) ───────── */
.wf-list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,22px);}
.wf{padding:26px 26px 28px;display:flex;gap:18px;align-items:flex-start;
  transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);}
.wf:hover{box-shadow:var(--shadow-lift);}
.wf .wic{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--cta-bg);color:var(--cta-fg);}
[data-theme="dark"] .wf .wic{background:var(--accent-soft);color:var(--accent);}
.wf .wic svg{width:24px;height:24px;}
.wf .weyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);}
.wf h3{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.01em;margin:5px 0 7px;color:var(--ink);}
.wf p{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.5;}

/* ───────── reads ───────── */
.reads-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,72px);align-items:center;
  margin-bottom:clamp(40px,6vw,64px);}
.reads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,24px);}
.read{padding:28px 28px 30px;display:flex;flex-direction:column;}
.read .rwhen{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.read .rtime{font-family:var(--font-sans);font-weight:700;font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.04em;color:var(--ink-3);}
.read .rkind{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);}
.read .rquote{font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.4;letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;}
.read .rquote em{font-style:italic;color:var(--accent);}
.read .rfoot{margin-top:auto;padding-top:22px;font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px;}
.read .rfoot .dot{width:5px;height:5px;border-radius:999px;background:var(--ink-3);}

/* digest line */
.digest{margin-top:clamp(20px,3vw,30px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;
  padding:22px 26px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);}
.digest .dlabel{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);}
.digest .dtext{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--ink);}
.digest .dtext em{font-style:italic;color:var(--accent);}

/* ───────── final CTA ───────── */
.final{text-align:center;}
.final h2{font-family:var(--font-display);font-weight:500;line-height:1.02;letter-spacing:-.025em;
  font-size:clamp(40px,7vw,82px);margin:18px auto 0;max-width:18ch;color:var(--cta-fg);text-wrap:balance;}
.final h2 .em{font-style:italic;color:var(--accent);}
.final .lead{margin:24px auto 0;max-width:48ch;}
.final .fcta{margin-top:38px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;}
.final .micro{margin-top:22px;font-size:13px;color:rgba(245,240,229,.55);}
[data-theme="dark"] .final .micro{color:var(--ink-3);}

/* ───────── footer ───────── */
footer.site{border-top:1px solid var(--line);padding-block:clamp(48px,6vw,72px);}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
.foot-brand .word{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:24px;color:var(--ink);}
.foot-brand .word .na{color:var(--accent);font-style:normal;}
.foot-brand p{margin:16px 0 0;max-width:34ch;font-size:14px;color:var(--ink-2);line-height:1.55;}
.foot-col h4{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;}
.foot-col a{display:block;font-size:14.5px;color:var(--ink-2);margin-bottom:11px;transition:color var(--dur-micro) var(--ease);}
.foot-col a:hover{color:var(--accent);}
.foot-bottom{margin-top:clamp(40px,5vw,60px);padding-top:24px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;}
.foot-bottom .legal{font-size:13px;color:var(--ink-3);}
.foot-bottom .legal em{font-style:italic;color:var(--ink-2);}
.foot-bottom .copy{font-size:13px;color:var(--ink-3);}

/* ───────── entrance ───────── */
.reveal{opacity:1;}
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
  .reveal.in{opacity:1;transform:none;}
}

/* ───────── responsive ───────── */
@media (max-width:920px){
  .hero-grid{grid-template-columns:1fr;text-align:center;gap:48px;}
  body[data-hero="left"] .hero-copy{order:1;} body[data-hero="left"] .hero-art{order:2;}
  .hero-copy .lead{margin-inline:auto;} .hero-cta{justify-content:center;}
  .priv-grid,.agent-grid,.reads-head{grid-template-columns:1fr;gap:44px;}
  .agent-grid .hero-art{order:-1;}
  .steps,.reads-grid,.wf-list,.shot-pair{grid-template-columns:1fr;}
  .shot-pair{gap:48px;}
  .foot-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .nav-links{display:none;}
  .srow{grid-template-columns:1fr;gap:6px;}
  .foot-grid{grid-template-columns:1fr;gap:32px;}
  .appstore .as-txt b{font-size:16px;}
  .priv-shots .phone.back{display:none;}
  .priv-shots .phone{width:62vw;}
}