/* ═══════════════════════════════════════════════════════════════
   CONCEPT B2 — MULTI-PAGE PREVIEW (not the live site)
   Shared design system for index / her-story / concepts /
   website-review / start-your-project / privacy / terms / 404.
   Neutral canvas (white by day, warm ink by night), burgundy and
   apricot as accents only, deep ink bands for each page's big moment.
   Motion: page fade, staggered scroll reveals, quiet hovers —
   no bounce, no overshoot, reduced-motion respected.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ink:#18150F; --ink2:#12100C; --burgundy:#851427; --burgundy-deep:#5f0e1c;
  --apricot:#D49A7A; --cream:#EDE9E3;
  --bg:#FFFFFF; --tx:var(--ink);
  --tx2:#000000; --tx3:rgba(24,21,15,.62);
  --line:rgba(24,21,15,.13); --card:#fff;
  --eyebrow:#B97F5F;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Figtree',system-ui,sans-serif;
  --max:1140px; --gutter:clamp(22px,5vw,60px);
  --ease:cubic-bezier(.22,1,.36,1);
}
[data-theme=dark]{
  --bg:var(--ink); --tx:var(--cream);
  --tx2:rgba(237,233,227,.78); --tx3:rgba(237,233,227,.55);
  --line:rgba(237,233,227,.15); --card:var(--ink2);
  /* burgundy eyebrows at night (owner request) — lifted from #851427 */
  --eyebrow:#B03A52;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
#paths,#request{scroll-margin-top:96px}
body{font-family:var(--sans);background:var(--bg);color:var(--tx);font-size:16.5px;font-weight:500;line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
img{display:block;max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
section{padding:clamp(56px,7.5vw,96px) 0}
h1,h2{font-family:var(--serif);font-weight:550;line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
h1 em,h2 em{font-style:italic;font-weight:550;color:var(--burgundy)}
[data-theme=dark] h1 em,[data-theme=dark] h2 em{color:var(--apricot)}
.eyebrow{font:700 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--eyebrow)}
/* keep eyebrows on-rule where contextual p rules would override them */
.mark-story .eyebrow,.nf .eyebrow,.legal .eyebrow,.legal-head .eyebrow{color:var(--eyebrow)}
.lead{font-size:clamp(17px,1.35vw,19px);color:var(--tx2)}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}

/* ── motion system ─────────────────────────────────────────────── */
@view-transition{navigation:auto}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
body{animation:pageIn .5s ease both}
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
}

/* ── buttons ───────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 28px;border-radius:14px;font:550 16px var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .22s var(--ease),box-shadow .22s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy)}
.btn-primary:hover{background:var(--burgundy-deep);box-shadow:0 12px 28px rgba(133,20,39,.28)}
[data-theme=dark] .btn-primary{background:var(--apricot);color:var(--ink);border-color:var(--apricot)}
[data-theme=dark] .btn-primary:hover{background:#e3ae91;box-shadow:0 12px 28px rgba(212,154,122,.22)}
.btn-ghost{background:transparent;color:var(--tx);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--burgundy);color:var(--burgundy);box-shadow:0 10px 24px rgba(24,21,15,.1)}
[data-theme=dark] .btn-ghost:hover{border-color:var(--apricot);color:var(--apricot);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--apricot)}
.btn .arr{transition:transform .22s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}

/* ── top bar ───────────────────────────────────────────────────── */
.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s ease}
.top.scrolled{box-shadow:0 10px 30px rgba(24,21,15,.08)}
[data-theme=dark] .top.scrolled{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.top-in{max-width:var(--max);margin:0 auto;padding:13px var(--gutter);display:flex;align-items:center;gap:24px}
.lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;margin-right:auto}
.lockup-text{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.lockup-main{font:550 16.5px var(--sans);color:var(--tx);white-space:nowrap}
/* "by Ophelia" — burgundy by day, apricot by night (owner default) */
.lockup-sig{font:italic 600 14.5px var(--serif);color:var(--burgundy)}
[data-theme=dark] .lockup-sig{color:var(--apricot)}
/* footer sits on ink in both themes — apricot for legibility */
.foot .lockup-sig{color:var(--apricot)}
.top nav{display:flex;gap:24px}
.top nav a{font:550 15px var(--sans);color:var(--tx2);text-decoration:none;position:relative;padding-bottom:3px}
.top nav a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--burgundy);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
[data-theme=dark] .top nav a::after{background:var(--apricot)}
.top nav a:hover::after,.top nav a[aria-current=page]::after{transform:scaleX(1)}
.top nav a:hover{color:var(--burgundy)}
[data-theme=dark] .top nav a:hover{color:var(--apricot)}
.top nav a[aria-current=page]{color:var(--tx)}
.theme-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--tx2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,transform .22s var(--ease)}
.theme-btn:hover{border-color:var(--apricot);color:var(--apricot);transform:translateY(-1px)}
@media(pointer:coarse){.theme-btn{width:44px;height:44px}}
.top .btn{height:44px;padding:0 20px;font-size:15px}
@media(max-width:920px){.top nav{display:none}}
@media(max-width:560px){.top .btn{display:none}}

/* ── mobile nav toggle + drawer (≤920px) ──────────────────────── */
.nav-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--tx2);cursor:pointer;align-items:center;justify-content:center;transition:border-color .2s,color .2s}
.nav-toggle:hover{border-color:var(--apricot);color:var(--apricot)}
@media(max-width:920px){.nav-toggle{display:inline-flex}}
.mobile-nav{position:sticky;top:65px;z-index:49;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(24,21,15,.08);padding:6px var(--gutter) 14px;flex-direction:column}
[data-theme=dark] .mobile-nav{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mobile-nav[hidden]{display:none}
.mobile-nav:not([hidden]){display:flex}
.mobile-nav a{font:550 16px var(--sans);color:var(--tx);text-decoration:none;padding:13px 2px;border-bottom:1px solid var(--line)}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a[aria-current=page]{color:var(--burgundy)}
[data-theme=dark] .mobile-nav a[aria-current=page]{color:var(--apricot)}
@media(min-width:921px){.mobile-nav{display:none!important}}

/* ── hero (home) ───────────────────────────────────────────────── */
.hero{padding:clamp(52px,7vw,92px) 0 clamp(40px,5vw,64px);text-align:center;position:relative;overflow:visible}
.hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.16), transparent 65%),
  radial-gradient(ellipse 40% 45% at 92% -10%, rgba(133,20,39,.07), transparent 60%);pointer-events:none}
[data-theme=dark] .hero::before{background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.12), transparent 65%),
  radial-gradient(ellipse 40% 45% at 92% -10%, rgba(133,20,39,.22), transparent 60%)}
.hero .wrap{position:relative}
.soft-launch-wrap{position:absolute;z-index:2;top:8px;right:0;width:238px;overflow:visible}
.soft-launch-note{position:relative;padding:17px 19px 18px;text-align:left;color:var(--cream);background:var(--burgundy);border:2px solid var(--burgundy-deep);border-radius:18px 25px 20px 27px;box-shadow:0 13px 30px rgba(133,20,39,.22);transform:rotate(2deg);transform-origin:right center;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
@keyframes softDoodlePulse{0%,100%{opacity:.68;transform:rotate(-3deg) scale(1)}50%{opacity:1;transform:rotate(-1deg) scale(1.025)}}
.soft-launch-note::after{content:'';position:absolute;z-index:-1;inset:5px -6px -6px 5px;border:1.5px solid var(--apricot);border-radius:23px 18px 27px 19px;transform:rotate(-3deg);animation:softDoodlePulse 3.6s ease-in-out infinite}
.soft-launch-note span{display:block}
.soft-launch-label{margin-bottom:5px;font:800 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--apricot)}
.soft-launch-note strong{display:block;font:650 21px/1.05 var(--serif);letter-spacing:-.01em}
.soft-launch-note strong+span{margin-top:7px;font:650 13px/1.35 var(--sans)}
.soft-launch-note .soft-launch-limited{display:flex;align-items:center;gap:7px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(237,233,227,.28);font:750 11px/1.25 var(--sans);letter-spacing:.025em}
.soft-launch-limited::before{content:'';width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--apricot)}
.soft-launch-arrow{position:absolute;left:-92px;top:6px;width:108px;height:42px;color:var(--burgundy);transform:rotate(-6deg);pointer-events:none;display:block;z-index:3;overflow:visible}
.soft-launch-doodle{display:none;pointer-events:none}
@media(hover:hover){
  .soft-launch-wrap:hover{z-index:4}
  .soft-launch-wrap:hover .soft-launch-note{transform:rotate(0) scale(1.14);box-shadow:0 20px 42px rgba(133,20,39,.3)}
  [data-theme=dark] .soft-launch-wrap:hover .soft-launch-note{box-shadow:0 20px 42px rgba(0,0,0,.38)}
}
[data-theme=dark] .soft-launch-note{color:var(--ink);background:var(--apricot);border-color:#e3ae91;box-shadow:0 13px 30px rgba(0,0,0,.28)}
[data-theme=dark] .soft-launch-note::after{border-color:var(--burgundy)}
[data-theme=dark] .soft-launch-label{color:var(--burgundy-deep)}
[data-theme=dark] .soft-launch-note .soft-launch-limited{border-top-color:rgba(24,21,15,.28)}
[data-theme=dark] .soft-launch-limited::before{background:var(--burgundy)}
[data-theme=dark] .soft-launch-arrow{color:var(--apricot)}
[data-theme=dark] .soft-launch-doodle{color:var(--burgundy)}
@media(max-width:820px){
  .hero .eyebrow{margin-bottom:clamp(40px,10vw,56px)}
  .soft-launch-wrap{
    position:relative;top:auto;right:auto;
    width:min(238px,calc(100% - 24px));
    margin:0 auto 16px;
    overflow:visible;
  }
  .soft-launch-note{transform-origin:center;overflow:visible}
  .soft-launch-arrow{display:none}
  .soft-launch-doodle{
    display:block;
    position:absolute;
    right:12px;
    top:10px;
    width:26px;
    height:18px;
    color:var(--apricot);
  }
}
.hero h1{font-size:clamp(40px,5.2vw,68px);max-width:19ch;margin:20px auto 22px}
.hero .lead{max-width:58ch;margin:0 auto}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.trust-row{display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.trust-row span{display:inline-flex;align-items:center;gap:8px;font:500 13.5px var(--sans);color:var(--tx3)}
.trust-row svg{color:var(--apricot);flex:0 0 auto}

/* ── "sound familiar" ──────────────────────────────────────────── */
.familiar{background:
  radial-gradient(ellipse 55% 60% at 88% 8%, rgba(212,154,122,.14), transparent 60%),
  radial-gradient(ellipse 45% 50% at 6% 92%, rgba(133,20,39,.07), transparent 58%)}
[data-theme=dark] .familiar{background:
  radial-gradient(ellipse 55% 60% at 88% 8%, rgba(212,154,122,.1), transparent 60%),
  radial-gradient(ellipse 45% 50% at 6% 92%, rgba(133,20,39,.24), transparent 58%)}
.familiar h2{font-size:clamp(30px,3.4vw,46px);margin:16px 0 8px}
.fam-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:880px;margin:36px auto 0;text-align:left}
.fam-list li{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.fam-list li:hover{transform:translateY(-2px);border-color:rgba(133,20,39,.3);box-shadow:0 10px 26px rgba(24,21,15,.07)}
[data-theme=dark] .fam-list li:hover{border-color:rgba(212,154,122,.35);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.fam-list svg{flex:0 0 auto;width:15px;height:15px;box-sizing:content-box;padding:6px;border-radius:50%;color:var(--burgundy);background:rgba(212,154,122,.16)}
[data-theme=dark] .fam-list svg{color:var(--apricot);background:rgba(212,154,122,.12)}
.fam-list p{font:550 16px/1.55 var(--sans);color:var(--tx2);margin-top:5px}
@media(max-width:720px){.fam-list{grid-template-columns:1fr;max-width:480px}}
.fam-cta{margin-top:34px;height:auto;min-height:60px;padding:20px 44px;white-space:normal;text-align:center;font-size:clamp(15px,1.6vw,18px);font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.45}

/* ── path cards ────────────────────────────────────────────────── */
.paths{background:
  radial-gradient(ellipse 50% 55% at 8% 6%, rgba(133,20,39,.06), transparent 58%),
  radial-gradient(ellipse 45% 50% at 94% 96%, rgba(212,154,122,.12), transparent 60%)}
[data-theme=dark] .paths{background:
  radial-gradient(ellipse 50% 55% at 8% 6%, rgba(133,20,39,.22), transparent 58%),
  radial-gradient(ellipse 45% 50% at 94% 96%, rgba(212,154,122,.09), transparent 60%)}
.paths h2{font-size:clamp(30px,3.4vw,46px);margin:16px 0 10px}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;width:100%;max-width:none;align-items:start}
.path-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px 22px;display:flex;flex-direction:column;text-align:left;gap:0;min-width:0;transition:border-color .25s,box-shadow .25s var(--ease),transform .25s var(--ease)}
.path-card:hover{transform:translateY(-3px);border-color:rgba(133,20,39,.4);box-shadow:0 14px 40px rgba(24,21,15,.1)}
[data-theme=dark] .path-card:hover{border-color:rgba(212,154,122,.45);box-shadow:0 14px 40px rgba(0,0,0,.35)}

/* Card quote headlines — one line on desktop when cards are wide enough */
.path-quote{
  font-family:var(--serif) !important;
  font-style:italic !important;
  font-weight:650 !important;
  font-size:clamp(18px,1.85vw,22px) !important;
  line-height:1.25 !important;
  color:var(--burgundy) !important;
  margin:0 0 14px !important;
  padding:10px 14px 10px 14px;
  letter-spacing:-.015em;
  display:block;
  border-left:3px solid var(--apricot);
  background:rgba(212,154,122,.08);
  border-radius:0 10px 10px 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .28s var(--ease),font-size .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease);
}
[data-theme=dark] .path-quote{
  color:var(--apricot) !important;
  background:rgba(212,154,122,.10);
  border-left-color:var(--burgundy);
}
.path-card:hover .path-quote{
  color:#5f0e1c !important;
  font-size:clamp(19px,1.95vw,23px) !important;
  background:rgba(133,20,39,.08);
  border-left-color:var(--burgundy);
}
[data-theme=dark] .path-card:hover .path-quote{
  color:#fff0e4 !important;
  background:rgba(212,154,122,.18);
  border-left-color:var(--apricot);
}

.path-card h3{
  font:700 17px/1.25 var(--sans) !important;
  margin:0 0 6px !important;
  color:var(--ink);
  transition:color .28s var(--ease),font-size .28s var(--ease);
}
[data-theme=dark] .path-card h3{color:var(--cream)}
.path-card:hover h3{
  color:var(--burgundy);
  font-size:18px !important;
}
[data-theme=dark] .path-card:hover h3{color:var(--apricot)}

@media (prefers-reduced-motion:reduce){
  .path-card:hover .path-quote{font-size:clamp(18.5px,1.9vw,22.5px) !important}
  .path-card:hover h3{font-size:17.5px !important}
}
.path-card .desc{font-size:14.5px;color:var(--tx2);margin:0 0 14px;flex:none}
.path-price{font:600 15px var(--sans);color:var(--burgundy);margin:0 0 14px}
[data-theme=dark] .path-price{color:var(--apricot)}
.path-price small{display:block;font-weight:500;font-size:12px;color:var(--tx3);margin-top:3px}
.soft-spots{font:600 13px var(--sans);color:var(--burgundy);margin:10px 0 0}
[data-theme=dark] .soft-spots{color:var(--apricot)}
.price-card .soft-spots{margin-top:12px}
.path-price .soft-spots{display:inline;margin:0;font:inherit;font-weight:600;color:inherit}
.path-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:0;border:1.5px solid rgba(133,20,39,.35);border-radius:12px;font:550 15px var(--sans);color:var(--burgundy);text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .22s var(--ease),box-shadow .22s var(--ease)}
.path-cta:hover{background:var(--burgundy);border-color:var(--burgundy);color:var(--cream);transform:translateY(-2px);box-shadow:0 12px 26px rgba(133,20,39,.26)}
[data-theme=dark] .path-cta{color:var(--apricot);border-color:rgba(212,154,122,.45)}
[data-theme=dark] .path-cta:hover{background:var(--apricot);border-color:var(--apricot);color:var(--ink);box-shadow:0 12px 26px rgba(212,154,122,.2)}
.path-cta .arr{transition:transform .22s}
.path-cta:hover .arr{transform:translateX(4px)}
.path-cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--apricot)}
.path-unsure{margin-top:22px;border:1px dashed var(--line);border-radius:16px;padding:24px 30px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.path-unsure p{flex:1 1 320px;font-size:15.5px;line-height:1.7;color:var(--tx2);text-align:left}
.path-unsure .btn{height:58px;padding:0 40px;font-size:17px}
.path-unsure strong{color:var(--tx)}
@media(max-width:880px){.path-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}

/* ── outcomes + concept browser ────────────────────────────────── */
.outcomes{background:
  radial-gradient(ellipse 50% 60% at 10% 12%, rgba(212,154,122,.13), transparent 60%),
  radial-gradient(ellipse 45% 55% at 92% 88%, rgba(133,20,39,.06), transparent 58%)}
[data-theme=dark] .outcomes{background:
  radial-gradient(ellipse 50% 60% at 10% 12%, rgba(212,154,122,.09), transparent 60%),
  radial-gradient(ellipse 45% 55% at 92% 88%, rgba(133,20,39,.22), transparent 58%)}
.outcomes .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,5vw,70px);align-items:flex-start}
.outcomes h2{font-size:clamp(30px,3.4vw,46px);margin:16px 0 14px}
.outcomes .eyebrow{text-align:center}
.outcome-list{list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.outcome-list li{display:flex;gap:16px;align-items:flex-start;padding:18px 4px;border-bottom:1px solid var(--line)}
.outcome-list .n{font:600 12px/1 var(--sans);letter-spacing:.08em;color:var(--apricot);flex:0 0 26px;margin-top:7px}
.outcome-list strong{display:block;font:650 16px var(--sans)}
.outcome-list span{font-size:14px;color:var(--tx2)}
.outcomes-art{max-width:540px;width:100%;justify-self:center}
.concept-card{display:block;width:100%;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:10px 10px 14px;box-shadow:0 18px 44px rgba(24,21,15,.1)}
[data-theme=dark] .concept-card{box-shadow:0 18px 44px rgba(0,0,0,.4)}
.cb-media{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#F7EFE6}
[data-theme=dark] .cb-media{background:#1a1512}
.cb-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transform:scale(1.02);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.cb-media img.on{opacity:1;transform:scale(1)}
.cb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 6px 2px}
.cb-label{display:flex;flex-direction:column;gap:3px;min-width:0}
.cb-name{font:650 14.5px var(--sans);color:var(--tx);transition:opacity .3s ease}
.cb-cat{font:600 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);transition:opacity .3s ease}
.concept-card.switching .cb-name,.concept-card.switching .cb-cat{opacity:0}
.cb-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.cb-count{font:600 11px/1 var(--sans);letter-spacing:.08em;color:var(--tx3);min-width:34px;text-align:center;font-variant-numeric:tabular-nums}
.cb-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--tx);transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.cb-arrow:hover{background:var(--burgundy);border-color:var(--burgundy);color:#fff;transform:translateY(-1px)}
[data-theme=dark] .cb-arrow:hover{background:var(--apricot);border-color:var(--apricot);color:var(--ink)}
.cb-arrow:focus-visible{outline:2px solid var(--apricot);outline-offset:2px}
@media(pointer:coarse){.cb-arrow{width:44px;height:44px}}
.tc-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font:500 12.5px var(--sans);color:var(--tx3)}
.tc-hint svg{color:var(--apricot);flex:0 0 auto}
@media(prefers-reduced-motion:reduce){
  .cb-media img{transition:opacity .2s ease;transform:none}
  .concept-card.switching .cb-name,.concept-card.switching .cb-cat{opacity:1}
}
@media(max-width:820px){.outcomes .wrap{grid-template-columns:1fr}.outcomes-art{order:-1;max-width:440px}}

/* ── ora hero (her story opener) — ink, echoes the Dawn intro ──── */
.ora-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);text-align:center;padding:clamp(88px,12vw,150px) 0}
.ora-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 70% 60% at 50% 50%, transparent 55%, rgba(133,20,39,.14) 100%)}
.ora-glow{position:absolute;left:50%;bottom:-45%;width:130vmax;height:100%;transform:translateX(-50%);pointer-events:none;background:
  radial-gradient(ellipse 50% 55% at 50% 100%, rgba(212,154,122,.3) 0%, rgba(212,154,122,.13) 40%, rgba(133,20,39,.07) 62%, transparent 78%);
  animation:oraBreathe 6s ease-in-out infinite}
@keyframes oraBreathe{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.06)}}
.ora-hero .wrap{position:relative}
.ora-strands{width:clamp(72px,8vw,96px);height:auto;margin:0 auto 30px;overflow:visible}
.ora-strands path{fill:none;stroke-width:9;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1;animation:oraDraw 1.6s var(--ease) forwards}
.ora-strands .s1{stroke:#EDE9E3;animation-delay:.2s}
.ora-strands .s2{stroke:#D49A7A;animation-delay:.55s}
.ora-strands .s3{stroke:#851427;animation-delay:.9s}
@keyframes oraDraw{to{stroke-dashoffset:0}}
.ora-hero h1{font-style:italic;font-weight:550;font-size:clamp(52px,8vw,96px);letter-spacing:.03em;color:var(--apricot);line-height:1.08}
.ora-en{margin-top:18px;font:600 13px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--apricot)}
.ora-note{margin-top:26px;font:italic 500 clamp(18px,2vw,22px)/1.6 var(--serif);color:rgba(237,233,227,.85);max-width:52ch;margin-left:auto;margin-right:auto}
@media(prefers-reduced-motion:reduce){.ora-strands path{stroke-dashoffset:0;animation:none}.ora-glow{animation:none}}

/* ── meet / story (her story) ──────────────────────────────────── */
.meet{background:
  radial-gradient(ellipse 44% 50% at 8% 90%, rgba(212,154,122,.14) 0%, rgba(212,154,122,.05) 45%, transparent 70%),
  var(--bg)}
[data-theme=dark] .meet{background:
  radial-gradient(ellipse 44% 50% at 8% 90%, rgba(212,154,122,.1) 0%, rgba(212,154,122,.04) 45%, transparent 70%),
  var(--ink)}
.meet .wrap{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(30px,5vw,80px);align-items:flex-start}
.meet h2{font-size:clamp(30px,3.4vw,46px);margin:16px 0 16px}
.meet p{color:var(--tx2);font-size:16px}
.meet p+p{margin-top:14px}
.meet .eyebrow{color:var(--eyebrow);font-size:11px}
.meet .eyebrow{text-align:center}
.meet-name{margin-top:22px}
.meet-name strong{display:block;font:600 16px var(--sans);color:var(--tx)}
.meet-name span{font:italic 500 14.5px var(--serif);color:var(--burgundy)}
[data-theme=dark] .meet-name span{color:var(--apricot)}
/* whole-body portrait: source is 2:3, frame matches — nothing cropped */
.meet-photo{position:relative;overflow:hidden;max-width:340px;width:100%;justify-self:center;aspect-ratio:2/3;border-radius:250px 250px 18px 18px;border:1px solid rgba(212,154,122,.45);box-shadow:0 22px 50px rgba(24,21,15,.14)}
[data-theme=dark] .meet-photo{box-shadow:0 22px 50px rgba(0,0,0,.45)}
.meet-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.meet .wrap{grid-template-columns:1fr}.meet-photo{order:-1;max-width:260px}}

/* purpose in practice — quiet philosophy interlude */
.quiet{padding:clamp(48px,6vw,76px) 0;background:
  radial-gradient(ellipse 45% 70% at 50% 50%, rgba(212,154,122,.1), transparent 70%)}
[data-theme=dark] .quiet{background:
  radial-gradient(ellipse 45% 70% at 50% 50%, rgba(133,20,39,.18), transparent 70%)}
.quiet-line{font:italic 500 clamp(24px,2.9vw,32px)/1.5 var(--serif);color:var(--tx);max-width:44ch;margin:18px auto 0}
.quiet-line em{font-style:italic;color:var(--burgundy)}
[data-theme=dark] .quiet-line em{color:var(--apricot)}
/* boxed variant — ink panel like the other big moments */
.quiet.moment{margin-top:clamp(10px,1.5vw,20px);margin-bottom:clamp(10px,1.5vw,20px);background:
  radial-gradient(ellipse 50% 75% at 50% 50%, rgba(212,154,122,.16), transparent 72%),
  var(--ink)}
.quiet.moment .quiet-line{color:var(--cream)}
.quiet.moment .quiet-line em{color:var(--apricot)}
.quiet.moment .eyebrow{color:var(--apricot)}
[data-theme=dark] .quiet.moment .eyebrow{color:var(--eyebrow)}
/* keep "the person behind Threefold." on one line on wider screens */
.meet h2 .nb{white-space:nowrap}
@media(max-width:700px){.meet h2 .nb{white-space:normal}}

/* values — 2x2 quiet cards */
.values h2{font-size:clamp(30px,3.4vw,46px);margin:16px 0 8px}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:920px;margin:36px auto 0;text-align:left}
.value-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 26px;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.value-card:hover{transform:translateY(-2px);border-color:rgba(133,20,39,.3);box-shadow:0 12px 30px rgba(24,21,15,.07)}
[data-theme=dark] .value-card:hover{border-color:rgba(212,154,122,.35);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.value-card h3{font:650 16.5px var(--sans);margin-bottom:8px}
.value-card p{font-size:14.5px;color:var(--tx2)}
.value-card .n{font:600 12px/1 var(--sans);letter-spacing:.1em;color:var(--apricot);display:block;margin-bottom:12px}
@media(max-width:720px){.values-grid{grid-template-columns:1fr;max-width:480px}}

/* mark story — compact editorial moment */
.mark-story{background:
  radial-gradient(ellipse 50% 60% at 90% 10%, rgba(212,154,122,.12), transparent 60%)}
[data-theme=dark] .mark-story{background:
  radial-gradient(ellipse 50% 60% at 90% 10%, rgba(133,20,39,.2), transparent 60%)}
.mark-story .wrap{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(30px,5vw,70px);align-items:flex-start;max-width:980px}
.mark-figure{display:flex;flex-direction:column;align-items:center;gap:18px}
.mark-figure svg{width:clamp(120px,14vw,160px);height:auto}
.mark-words{display:flex;gap:14px;font:600 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--tx3)}
/* first strand is cream in the source mark — flip to ink on the day canvas */
.mark-figure .mk-1{stroke:var(--ink)}
[data-theme=dark] .mark-figure .mk-1{stroke:var(--cream)}
.mark-story h2{font-size:clamp(28px,3vw,40px);margin:16px 0 14px}
.mark-story p{font-size:15.5px;color:var(--tx2)}
.mark-story .eyebrow{text-align:center}
.mark-story p+p{margin-top:12px}
@media(max-width:720px){.mark-story .wrap{grid-template-columns:1fr}.mark-figure{order:-1}}

/* ── working together — ink band ───────────────────────────────── */
.with{background:
  radial-gradient(ellipse 50% 55% at 85% 0%, rgba(133,20,39,.28) 0%, rgba(133,20,39,.1) 45%, transparent 70%),
  var(--ink);color:var(--cream)}
.with .eyebrow{color:var(--apricot)}
[data-theme=dark] .with .eyebrow{color:var(--eyebrow)}
.with-face{width:132px;height:132px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:2px solid rgba(212,154,122,.65);box-shadow:0 0 0 7px rgba(212,154,122,.12),0 16px 40px rgba(0,0,0,.45);position:relative}
/* smart-casual desk photo (landscape 16:9) framed to the face */
.with-face img{position:absolute;width:290%;max-width:none;height:auto;left:50%;top:0;transform:translate(-51.5%,0%)}
@media(max-width:560px){.with-face{width:108px;height:108px;margin-bottom:20px}}
.with h2{font-size:clamp(28px,3.2vw,42px);margin:14px 0 8px}
.with h2 em{color:var(--apricot)}
.with .lead{color:rgba(237,233,227,.78)}
.with-steps{list-style:none;max-width:760px;margin:30px auto 0;text-align:left;border-top:1px solid rgba(237,233,227,.14)}
.with-steps li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px 4px;border-bottom:1px solid rgba(237,233,227,.14)}
.with-steps .n{font:600 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--apricot)}
.with-steps h3{font:650 16px var(--sans);color:var(--cream);margin-bottom:4px}
.with-steps p{font-size:14.5px;color:rgba(237,233,227,.72);line-height:1.65}
.with-promise{margin-top:34px;font:italic 500 clamp(24px,2.8vw,30px)/1.5 var(--serif);color:rgba(237,233,227,.85);max-width:46ch;margin-left:auto;margin-right:auto}
.with .hero-ctas .btn-ghost{color:var(--cream);border-color:rgba(237,233,227,.35)}
.with .hero-ctas .btn-ghost:hover{border-color:var(--apricot);color:var(--apricot)}
.with .hero-ctas .btn-primary{background:var(--apricot);color:var(--ink);border-color:var(--apricot)}
@media(max-width:560px){.with-steps li{grid-template-columns:44px 1fr;gap:12px}}

/* ── FAQ ───────────────────────────────────────────────────────── */
.faq-sec{background:
  radial-gradient(ellipse 55% 60% at 50% 0%, rgba(212,154,122,.09), transparent 62%)}
[data-theme=dark] .faq-sec{background:
  radial-gradient(ellipse 55% 60% at 50% 0%, rgba(133,20,39,.18), transparent 62%)}
.faq{max-width:760px;margin:0 auto}
.faq h2{font-size:clamp(28px,3.2vw,42px);margin:16px 0 26px}
.faq details{border-bottom:1px solid var(--line);padding:20px 4px}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;font:600 17px var(--sans);list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font:300 22px var(--sans);color:var(--apricot);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;font-size:15px;color:var(--tx2)}

/* ── gallery (concepts page) ───────────────────────────────────── */
.gal-head h1{font-size:clamp(36px,4.4vw,58px);max-width:22ch;margin:18px auto 18px}
.gal-note{font-size:13.5px;color:var(--tx3);max-width:74ch;margin:0 auto;display:flex;gap:10px;align-items:flex-start;text-align:left}
.gal-note svg{flex:0 0 auto;margin-top:3px;color:var(--apricot)}
.gal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:44px}
.gal-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 12px 20px;transition:border-color .25s,transform .3s var(--ease),box-shadow .3s var(--ease)}
.gal-card:hover{transform:translateY(-4px);border-color:rgba(133,20,39,.35);box-shadow:0 22px 54px rgba(24,21,15,.12)}
[data-theme=dark] .gal-card:hover{border-color:rgba(212,154,122,.4);box-shadow:0 22px 54px rgba(0,0,0,.45)}
.gal-media{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#F7EFE6}
[data-theme=dark] .gal-media{background:#1a1512}
.gal-media img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s var(--ease)}
.gal-card:hover .gal-media img{transform:scale(1.035)}
.gal-body{padding:18px 10px 0;text-align:left}
.gal-cat{font:600 10.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.gal-body h2,.gal-body h3{font:650 18px var(--sans);margin:7px 0 8px;color:var(--tx)}
.gal-body p{font-size:14.5px;color:var(--tx2)}
.gal-open{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font:600 13.5px var(--sans);color:var(--burgundy)}
[data-theme=dark] .gal-open{color:var(--apricot)}
.gal-open .arr{transition:transform .22s var(--ease)}
.gal-card:hover .gal-open .arr{transform:translateX(4px)}
@media(max-width:760px){.gal-grid{grid-template-columns:1fr}}

/* ── website review page ───────────────────────────────────────── */
.offer-hero{text-align:center;position:relative;overflow:hidden;padding:clamp(52px,7vw,88px) 0 clamp(44px,5vw,64px)}
.offer-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.15), transparent 65%),
  radial-gradient(ellipse 40% 45% at 6% -10%, rgba(133,20,39,.07), transparent 60%)}
[data-theme=dark] .offer-hero::before{background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.11), transparent 65%),
  radial-gradient(ellipse 40% 45% at 6% -10%, rgba(133,20,39,.22), transparent 60%)}
.offer-hero .wrap{position:relative}
.offer-hero h1{font-size:clamp(34px,4.4vw,58px);max-width:24ch;margin:20px auto 20px}
.offer-hero .lead{max-width:62ch;margin:0 auto}
.price-card{max-width:460px;margin:34px auto 0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 30px;box-shadow:0 18px 44px rgba(24,21,15,.08)}
[data-theme=dark] .price-card{box-shadow:0 18px 44px rgba(0,0,0,.35)}
.price-now{font:600 44px/1 var(--sans);color:var(--burgundy)}
[data-theme=dark] .price-now{color:var(--apricot)}
.price-was{font:500 14px var(--sans);color:var(--tx3);margin-top:8px}
.price-was s{margin:0 4px}
.price-note{font-size:12.5px;color:var(--tx3);margin-top:12px;line-height:1.6}
.price-card .btn{margin-top:20px;width:100%}
.get-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.get-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 26px;text-align:left;transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.get-card:hover{transform:translateY(-3px);border-color:rgba(133,20,39,.3);box-shadow:0 14px 36px rgba(24,21,15,.08)}
[data-theme=dark] .get-card:hover{border-color:rgba(212,154,122,.35);box-shadow:0 14px 36px rgba(0,0,0,.35)}
.get-card .n{font:600 12px/1 var(--sans);letter-spacing:.1em;color:var(--apricot);display:block;margin-bottom:14px}
.get-card h3{font:650 17px var(--sans);margin-bottom:8px}
.get-card p{font-size:14.5px;color:var(--tx2)}
@media(max-width:880px){.get-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}
.steps-plain{list-style:none;max-width:760px;margin:36px auto 0;text-align:left;border-top:1px solid var(--line)}
.steps-plain li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px 4px;border-bottom:1px solid var(--line)}
.steps-plain .n{font:600 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--apricot)}
[data-theme=dark] .steps-plain .n{color:var(--eyebrow)}
.steps-plain h3{font:650 16px var(--sans);margin-bottom:4px}
.steps-plain p{font-size:14.5px;color:var(--tx2);line-height:1.65}
@media(max-width:560px){.steps-plain li{grid-template-columns:44px 1fr;gap:12px}}
.isyou{background:
  radial-gradient(ellipse 50% 55% at 90% 90%, rgba(212,154,122,.12), transparent 60%)}
[data-theme=dark] .isyou{background:
  radial-gradient(ellipse 50% 55% at 90% 90%, rgba(133,20,39,.2), transparent 60%)}
.isyou h2{font-size:clamp(28px,3.2vw,42px);margin:16px 0 14px}
.isyou .lead{max-width:62ch}
.standalone-note{max-width:720px;margin:30px auto 0;border:1px dashed var(--line);border-radius:14px;padding:18px 24px;font-size:14px;color:var(--tx2);text-align:center}

/* ── start your project ────────────────────────────────────────── */
.start-hero{text-align:center;padding:clamp(52px,7vw,84px) 0 clamp(28px,3vw,44px);position:relative;overflow:hidden}
.start-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.14), transparent 65%)}
[data-theme=dark] .start-hero::before{background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.1), transparent 65%)}
.start-hero .wrap{position:relative}
.start-hero h1{font-size:clamp(34px,4.4vw,56px);max-width:22ch;margin:20px auto 18px}
.start-hero .lead{max-width:58ch;margin:0 auto}
/* form panels follow the default inversion rule: ink by day, warm-white at night */
.form-wrap{max-width:680px;margin:0 auto;color:var(--cream);border:1px solid rgba(212,154,122,.32);border-radius:20px;padding:clamp(26px,4vw,44px);box-shadow:0 20px 50px rgba(24,21,15,.18);background:
  radial-gradient(ellipse 55% 60% at 88% 0%, rgba(133,20,39,.32) 0%, rgba(133,20,39,.1) 45%, transparent 70%),
  radial-gradient(ellipse 40% 40% at 8% 100%, rgba(212,154,122,.1), transparent 65%),
  var(--ink)}
[data-theme=dark] .form-wrap{color:var(--ink);border-color:rgba(212,154,122,.4);box-shadow:0 0 0 1px rgba(212,154,122,.06),0 20px 50px rgba(0,0,0,.5);background:
  radial-gradient(ellipse 55% 60% at 85% 0%, rgba(133,20,39,.1) 0%, transparent 65%),
  radial-gradient(ellipse 40% 45% at 10% 100%, rgba(212,154,122,.2), transparent 62%),
  #FFFCF9}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:flex;flex-direction:column;gap:7px;text-align:left}
.form-field.full{grid-column:1/-1}
.form-field label{font:600 13px var(--sans);color:var(--cream)}
[data-theme=dark] .form-field label{color:var(--ink)}
/* !important needed to beat the inline var(--tx3) on "(optional)" hint spans */
.form-field label span{color:rgba(237,233,227,.55)!important}
[data-theme=dark] .form-field label span{color:rgba(24,21,15,.5)!important}
.form-field input,.form-field select,.form-field textarea{
  font:500 15px var(--sans);color:var(--cream);background:rgba(237,233,227,.07);
  border:1px solid rgba(237,233,227,.24);border-radius:11px;padding:13px 14px;width:100%;
  transition:border-color .2s,box-shadow .2s}
.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(237,233,227,.45)}
.form-field select option{color:#18150F;background:#fff}
[data-theme=dark] .form-field input,[data-theme=dark] .form-field select,[data-theme=dark] .form-field textarea{color:var(--ink);background:#fff;border-color:rgba(24,21,15,.18)}
[data-theme=dark] .form-field input::placeholder,[data-theme=dark] .form-field textarea::placeholder{color:rgba(24,21,15,.4)}
.form-field textarea{min-height:120px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--apricot);box-shadow:0 0 0 3px rgba(212,154,122,.22)}
[data-theme=dark] .form-field input:focus,[data-theme=dark] .form-field select:focus,[data-theme=dark] .form-field textarea:focus{border-color:var(--burgundy);box-shadow:0 0 0 3px rgba(133,20,39,.16)}
.form-wrap .btn{width:100%;margin-top:22px}
.form-wrap .btn-primary{background:var(--apricot);color:var(--ink);border-color:var(--apricot)}
[data-theme=dark] .form-wrap .btn-primary{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy)}
[data-theme=dark] .form-wrap .btn-primary:hover{background:var(--burgundy-deep)}
.form-wrap .eyebrow{color:var(--apricot)}
[data-theme=dark] .form-wrap .eyebrow{color:var(--eyebrow)}
.form-note{font-size:12.5px;color:rgba(237,233,227,.55);margin-top:14px;text-align:center}
[data-theme=dark] .form-note{color:rgba(24,21,15,.55)}
.form-success{display:none;text-align:center;padding:30px 10px}
.form-success.show{display:block}
.form-success h3{font:650 20px var(--sans);margin-bottom:8px}
.form-success p{font-size:15px;color:rgba(237,233,227,.75)}
[data-theme=dark] .form-success p{color:rgba(24,21,15,.72)}
.email-alt{margin-top:22px;font-size:14px;color:var(--tx3);text-align:center}
.email-alt a{color:var(--burgundy);font-weight:600;text-decoration:none}
[data-theme=dark] .email-alt a{color:var(--apricot)}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}}

/* "what happens next" — boxed inverted emphasis panel */
.next-moment{color:var(--cream);margin-top:clamp(10px,1.5vw,20px);margin-bottom:clamp(48px,6vw,80px);background:
  radial-gradient(ellipse 55% 60% at 88% 0%, rgba(133,20,39,.32) 0%, rgba(133,20,39,.1) 45%, transparent 70%),
  radial-gradient(ellipse 40% 40% at 8% 100%, rgba(212,154,122,.1), transparent 65%),
  var(--ink)}
[data-theme=dark] .next-moment{color:var(--ink);background:
  radial-gradient(ellipse 55% 60% at 85% 0%, rgba(133,20,39,.1) 0%, transparent 65%),
  radial-gradient(ellipse 40% 45% at 10% 100%, rgba(212,154,122,.2), transparent 62%),
  #FFFCF9}
.next-moment .eyebrow{color:var(--apricot)}
[data-theme=dark] .next-moment .eyebrow{color:var(--eyebrow)}
.next-moment h2 em{color:var(--apricot)}
[data-theme=dark] .next-moment h2 em{color:var(--burgundy)}
.next-moment .steps-plain{border-top-color:rgba(237,233,227,.14)}
.next-moment .steps-plain li{border-bottom-color:rgba(237,233,227,.14)}
.next-moment .steps-plain p{color:rgba(237,233,227,.72)}
[data-theme=dark] .next-moment .steps-plain{border-top-color:rgba(24,21,15,.14)}
[data-theme=dark] .next-moment .steps-plain li{border-bottom-color:rgba(24,21,15,.14)}
[data-theme=dark] .next-moment .steps-plain .n{color:var(--eyebrow)}
[data-theme=dark] .next-moment .steps-plain p{color:rgba(24,21,15,.72)}

/* ── services page — one dedicated section per service ─────────── */
.svc{padding:clamp(44px,5.5vw,72px) 0}
.svc+.svc{border-top:1px solid var(--line)}
.svc .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.svc h2{font-size:clamp(28px,3.2vw,42px);margin:14px 0 14px}
.svc .desc{color:var(--tx2);font-size:16px;max-width:60ch}
.svc .desc+.desc{margin-top:12px}
.svc .transform{margin-top:16px;padding:16px 20px;border-left:3px solid var(--apricot);background:rgba(212,154,122,.07);border-radius:0 12px 12px 0;font-size:15px;color:var(--tx2)}
.svc .transform strong{color:var(--tx)}
.svc-side{position:sticky;top:96px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 26px;box-shadow:0 14px 36px rgba(24,21,15,.07)}
[data-theme=dark] .svc-side{box-shadow:0 14px 36px rgba(0,0,0,.3)}
.svc-price{font:600 30px/1 var(--sans);color:var(--burgundy)}
[data-theme=dark] .svc-price{color:var(--apricot)}
.svc-range{font:500 13px var(--sans);color:var(--tx3);margin-top:8px;line-height:1.6}
.svc-side .btn,.svc-side .path-cta{width:100%;margin-top:18px}
.svc-side .sub{display:block;text-align:center;margin-top:12px;font:500 12.5px var(--sans);color:var(--tx3)}
.svc-side .sub a{color:var(--burgundy);font-weight:600;text-decoration:none}
[data-theme=dark] .svc-side .sub a{color:var(--apricot)}
.svc-soon{display:inline-flex;align-items:center;gap:7px;font:700 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--apricot);border:1px solid rgba(212,154,122,.4);border-radius:20px;padding:5px 12px;margin-bottom:14px}
@media(max-width:860px){.svc .wrap{grid-template-columns:1fr}.svc-side{position:static}}

/* ── free scan (audit) page ─────────────────────────────────────── */
.scan-state{display:none}
.scan-state.on{display:block}
.scan-progress{max-width:560px;margin:40px auto;text-align:center}
.scan-bar{height:6px;border-radius:3px;background:rgba(212,154,122,.18);overflow:hidden;margin-top:22px}
.scan-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--burgundy),var(--apricot));border-radius:3px;transition:width .5s ease}
.scan-step{margin-top:14px;font:500 14px var(--sans);color:var(--tx3);min-height:1.6em}
.result-head{text-align:center;margin-bottom:26px}
.score-ring{width:118px;height:118px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font:600 34px var(--sans);color:var(--tx);background:conic-gradient(var(--apricot) calc(var(--score)*1%),rgba(212,154,122,.15) 0);position:relative}
.score-ring::before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--bg)}
.score-ring span{position:relative}
.checks{max-width:720px;margin:0 auto;border-top:1px solid var(--line)}
.check{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:start;padding:16px 4px;border-bottom:1px solid var(--line)}
.check svg{margin-top:3px}
.check h3{font:650 15.5px var(--sans)}
.check p{font-size:13.5px;color:var(--tx2);margin-top:3px}
.check .tag{font:700 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:12px;white-space:nowrap}
.tag.good{color:#3E7A50;background:rgba(62,122,80,.12)}
.tag.warn{color:#A66312;background:rgba(166,99,18,.12)}
.tag.look{color:var(--burgundy);background:rgba(133,20,39,.1)}
[data-theme=dark] .tag.good{color:#8CC79E;background:rgba(62,122,80,.22)}
[data-theme=dark] .tag.warn{color:#E3AE6A;background:rgba(166,99,18,.22)}
[data-theme=dark] .tag.look{color:#E48BA0;background:rgba(133,20,39,.3)}
.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.sample-note{text-align:center;font:500 12px var(--sans);color:var(--tx3);margin-top:16px}
.email-confirm{display:none;text-align:center;margin-top:14px;font:550 14px var(--sans);color:#3E7A50}
[data-theme=dark] .email-confirm{color:#8CC79E}
.email-confirm.on{display:block}
@media print{
  .top,.cta-footer,.concept-badge,.result-actions,.upsell,.sample-note,.email-confirm{display:none!important}
  body{background:#fff;color:#18150F}
}

/* ── DEFAULT INVERSION RULE (owner, 2026-08-01) ─────────────────────
   Emphasis surfaces are ink with apricot accents by day, and flip to
   bright warm-white with burgundy accents at night — always the one
   contrasting element on the canvas. Footer stays ink (structural). */
[data-theme=dark] .with,
[data-theme=dark] .quiet.moment,
[data-theme=dark] .cta-block.moment,
[data-theme=dark] .ora-hero.moment{
  color:var(--ink);
  background:
    radial-gradient(ellipse 55% 60% at 85% 0%, rgba(133,20,39,.1) 0%, transparent 65%),
    radial-gradient(ellipse 40% 45% at 10% 100%, rgba(212,154,122,.2), transparent 62%),
    #FFFCF9;
}
/* working together — night inverted */
[data-theme=dark] .with h2 em{color:var(--burgundy)}
[data-theme=dark] .with .lead{color:rgba(24,21,15,.78)}
[data-theme=dark] .with-steps{border-top-color:rgba(24,21,15,.14)}
[data-theme=dark] .with-steps li{border-bottom-color:rgba(24,21,15,.14)}
[data-theme=dark] .with-steps .n{color:var(--eyebrow)}
[data-theme=dark] .with-steps h3{color:var(--ink)}
[data-theme=dark] .with-steps p{color:rgba(24,21,15,.72)}
[data-theme=dark] .with-promise{color:rgba(24,21,15,.85)}
[data-theme=dark] .with .hero-ctas .btn-ghost{color:var(--ink);border-color:rgba(24,21,15,.3)}
[data-theme=dark] .with .hero-ctas .btn-ghost:hover{color:var(--burgundy);border-color:var(--burgundy)}
[data-theme=dark] .with .hero-ctas .btn-primary{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy)}
[data-theme=dark] .with .hero-ctas .btn-primary:hover{background:var(--burgundy-deep)}
[data-theme=dark] .with-face{border-color:rgba(133,20,39,.5);box-shadow:0 0 0 7px rgba(133,20,39,.08),0 16px 40px rgba(24,21,15,.18)}
/* purpose in practice — night inverted */
[data-theme=dark] .quiet.moment .quiet-line{color:var(--ink)}
[data-theme=dark] .quiet.moment .quiet-line em{color:var(--burgundy)}
/* boxed CTA — night inverted */
[data-theme=dark] .cta-block.moment h2{color:var(--ink)}
[data-theme=dark] .cta-block.moment h2 em{color:var(--burgundy)}
[data-theme=dark] .cta-block.moment p{color:rgba(24,21,15,.75)}
[data-theme=dark] .cta-block.moment p.eyebrow{color:var(--eyebrow)}
[data-theme=dark] .cta-block.moment .btn-primary{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy)}
[data-theme=dark] .cta-block.moment .btn-primary:hover{background:var(--burgundy-deep)}
[data-theme=dark] .cta-block.moment .btn-ghost{color:var(--ink);border-color:rgba(24,21,15,.3)}
[data-theme=dark] .cta-block.moment .btn-ghost:hover{color:var(--burgundy);border-color:var(--burgundy)}
[data-theme=dark] .cta-block.moment .cta-reassure{color:rgba(24,21,15,.55)!important}
/* ora opener — night inverted */
[data-theme=dark] .ora-hero.moment h1{color:var(--burgundy)}
[data-theme=dark] .ora-hero.moment .ora-en{color:var(--eyebrow)}
[data-theme=dark] .ora-hero.moment .ora-note{color:rgba(24,21,15,.8)}
[data-theme=dark] .ora-hero.moment::before{background:radial-gradient(ellipse 70% 60% at 50% 50%, transparent 55%, rgba(133,20,39,.06) 100%)}
[data-theme=dark] .ora-hero.moment .ora-strands .s1{stroke:var(--ink)}

/* ── scan upsell — inverted emphasis panel (ink by day, light by night) ── */
.upsell{max-width:860px;margin:56px auto 0}
.upsell-panel{position:relative;overflow:hidden;text-align:center;border-radius:26px;padding:clamp(38px,5vw,60px) clamp(24px,4.5vw,56px);border:1px solid rgba(212,154,122,.38);color:var(--cream);box-shadow:0 26px 60px rgba(24,21,15,.22);background:
  radial-gradient(ellipse 55% 60% at 85% 0%, rgba(133,20,39,.32) 0%, rgba(133,20,39,.12) 45%, transparent 70%),
  radial-gradient(ellipse 40% 45% at 10% 100%, rgba(212,154,122,.12), transparent 62%),
  var(--ink)}
.upsell-panel .eyebrow{color:var(--apricot);font-size:12px}
.upsell-panel .lead-line{font:550 clamp(20px,2.4vw,27px)/1.5 var(--sans);margin:16px auto 14px;max-width:34ch;text-wrap:balance}
.upsell-panel .lead-line em{font-family:var(--serif);font-style:italic;font-size:1.18em;color:var(--apricot)}
.upsell-panel .detail{font:500 clamp(14.5px,1.2vw,16px)/1.7 var(--sans);color:rgba(237,233,227,.75);max-width:58ch;margin:0 auto 28px}
.upsell-panel .detail strong{color:var(--cream)}
.upsell-panel .btn{height:58px;padding:0 44px;font-size:17px;background:var(--apricot);color:var(--ink);border:1px solid var(--apricot)}
.upsell-panel .btn:hover{background:#e3ae91;box-shadow:0 14px 32px rgba(212,154,122,.28)}
.upsell-panel .sub{display:block;margin-top:16px;font:500 13px var(--sans);color:rgba(237,233,227,.55)}
/* night mode — flipped: a bright panel on the ink canvas */
[data-theme=dark] .upsell-panel{color:var(--ink);border-color:rgba(133,20,39,.28);box-shadow:0 26px 60px rgba(0,0,0,.5);background:
  radial-gradient(ellipse 55% 60% at 85% 0%, rgba(133,20,39,.1) 0%, transparent 65%),
  radial-gradient(ellipse 40% 45% at 10% 100%, rgba(212,154,122,.2), transparent 62%),
  #FFFCF9}
[data-theme=dark] .upsell-panel .eyebrow{color:var(--eyebrow)}
[data-theme=dark] .upsell-panel .lead-line em{color:var(--burgundy)}
[data-theme=dark] .upsell-panel .detail{color:rgba(24,21,15,.72)}
[data-theme=dark] .upsell-panel .detail strong{color:var(--ink)}
[data-theme=dark] .upsell-panel .btn{background:var(--burgundy);color:var(--cream);border-color:var(--burgundy)}
[data-theme=dark] .upsell-panel .btn:hover{background:var(--burgundy-deep);box-shadow:0 14px 32px rgba(133,20,39,.35)}
[data-theme=dark] .upsell-panel .sub{color:rgba(24,21,15,.55)}

/* ── legal pages / 404 ─────────────────────────────────────────── */
.legal-head{text-align:center;padding:clamp(48px,6vw,72px) 0 clamp(20px,2vw,32px)}
.legal-head h1{font-size:clamp(34px,4.2vw,54px);margin:18px auto 12px}
.legal-head p{font-size:14px;color:var(--tx3)}
.legal{max-width:760px;margin:0 auto;padding-bottom:clamp(56px,7vw,96px)}
.legal h2{font-size:clamp(22px,2.2vw,28px);margin:38px 0 12px}
.legal h3{font:650 17px var(--sans);margin:26px 0 8px}
.legal p{font-size:15px;color:var(--tx2);margin:10px 0}
.legal ul,.legal ol{margin:10px 0 10px 22px;font-size:15px;color:var(--tx2)}
.legal li{margin:6px 0}
.legal a{color:var(--burgundy)}
[data-theme=dark] .legal a{color:var(--apricot)}
.nf{min-height:62vh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}
.nf::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 55% 45% at 50% 115%, rgba(212,154,122,.15), transparent 65%)}
.nf .wrap{position:relative;width:100%}
.nf h1{font-size:clamp(40px,6vw,72px);margin:22px auto 16px;max-width:18ch}
.nf p{color:var(--tx2);max-width:48ch;margin:0 auto 30px}

/* ── boxed "big moment" panels (interior pages; home stays full-bleed) ── */
.moment{max-width:min(calc(100% - 2*var(--gutter)),var(--max));margin-left:auto;margin-right:auto;border-radius:28px;border:1px solid rgba(212,154,122,.32);overflow:hidden;box-shadow:0 26px 60px rgba(24,21,15,.18)}
[data-theme=dark] .moment{border-color:rgba(212,154,122,.4);box-shadow:0 0 0 1px rgba(212,154,122,.06),0 26px 60px rgba(0,0,0,.5)}
.ora-hero.moment{margin-top:clamp(20px,3vw,36px);padding:clamp(72px,9.5vw,120px) 0}
.with.moment{margin-top:clamp(10px,1.5vw,20px);margin-bottom:clamp(10px,1.5vw,20px)}
.cta-block.moment{margin-bottom:clamp(48px,6vw,80px);background:
  radial-gradient(ellipse 55% 60% at 88% 0%, rgba(133,20,39,.34) 0%, rgba(133,20,39,.12) 45%, transparent 70%),
  radial-gradient(ellipse 40% 40% at 8% 100%, rgba(212,154,122,.10), transparent 65%),
  var(--ink);color:var(--cream)}

/* ── final CTA + footer — ink ──────────────────────────────────── */
.cta-footer{background:
  radial-gradient(ellipse 55% 60% at 88% 0%, rgba(133,20,39,.34) 0%, rgba(133,20,39,.12) 45%, transparent 70%),
  radial-gradient(ellipse 40% 40% at 8% 100%, rgba(212,154,122,.10), transparent 65%),
  var(--ink);color:var(--cream)}
.cta-block{padding:clamp(68px,8.5vw,116px) 0 clamp(52px,6vw,84px);text-align:center}
/* eyebrow rule (owner): day = apricot, night = burgundy — everywhere */
.cta-block .eyebrow{color:var(--apricot)}
[data-theme=dark] .cta-block .eyebrow{color:var(--eyebrow)}
.cta-block h2{font-size:clamp(32px,4.2vw,56px);max-width:21ch;margin:20px auto 16px}
.cta-block h2 em{color:var(--apricot)}
.cta-block p{color:rgba(237,233,227,.75);max-width:56ch;margin:0 auto 30px}
.cta-block .btn-ghost{color:var(--cream);border-color:rgba(237,233,227,.35)}
.cta-block .btn-ghost:hover{border-color:var(--apricot);color:var(--apricot)}
.cta-block .btn-primary{background:var(--apricot);color:var(--ink);border-color:var(--apricot)}
.cta-reassure{margin-top:24px!important;font-size:13px!important;color:rgba(237,233,227,.55)!important;max-width:none!important;white-space:nowrap}
@media(max-width:640px){.cta-reassure{white-space:normal}}
.foot{border-top:1px solid rgba(237,233,227,.12);padding:clamp(36px,4vw,52px) 0 0}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:38px}
.foot .lockup-main{color:var(--cream);font-size:15px}
.foot-tag{font-size:13px;color:rgba(237,233,227,.65);margin-top:10px;max-width:30ch}
.foot-ora{font:italic 400 13px var(--serif);color:rgba(212,154,122,.85);margin-top:8px;display:block}
.foot-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.foot-col a{font-size:14px;color:rgba(237,233,227,.78);text-decoration:none;transition:color .2s}
.foot-col a:hover{color:var(--apricot)}
.foot-cta{margin-top:8px;display:inline-flex;align-items:center;height:44px;padding:0 18px;border:1px solid var(--apricot);border-radius:12px;color:var(--apricot)!important;font:600 14px var(--sans);transition:background .2s,color .2s}
.foot-cta:hover{background:var(--apricot);color:var(--ink)!important}
.foot-bottom{border-top:1px solid rgba(237,233,227,.12);padding:18px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:rgba(237,233,227,.55)}
.foot-legal{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.foot-legal a{color:rgba(237,233,227,.7);text-decoration:none}
.foot-legal a:hover{color:var(--apricot)}
@media(max-width:640px){
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .foot-legal{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr;gap:26px}}

/* ── skip link + consent + contact ───────────────────────────────── */
.skip-link{position:absolute;left:12px;top:12px;z-index:100;transform:translateY(-140%);padding:10px 14px;border-radius:10px;background:var(--burgundy);color:var(--cream);font:650 13px/1 var(--sans);text-decoration:none;box-shadow:0 8px 24px rgba(24,21,15,.2)}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--apricot);outline-offset:3px}
.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:520px;margin:0 auto;padding:16px 18px;border-radius:16px;border:1px solid rgba(212,154,122,.4);background:var(--ink);color:var(--cream);box-shadow:0 18px 40px rgba(24,21,15,.28)}
.consent-banner p{margin:0;font:500 13.5px/1.5 var(--sans);color:rgba(237,233,227,.88)}
.consent-banner strong{display:block;margin-bottom:4px;font:700 14px/1.2 var(--sans);color:var(--cream)}
.consent-banner a{color:var(--apricot);font-weight:650}
.consent-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.consent-accept,.consent-decline{border:0;border-radius:999px;padding:10px 14px;font:650 13px/1 var(--sans);cursor:pointer}
.consent-accept{background:var(--apricot);color:var(--ink)}
.consent-decline{background:transparent;color:var(--cream);border:1px solid rgba(237,233,227,.28)}
.turnstile-slot{min-height:0;margin:14px 0 4px;width:100%}
.turnstile-slot iframe{width:100%!important}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:920px;margin:0 auto}
.contact-card{padding:22px 22px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55);text-align:left}
[data-theme=dark] .contact-card{background:rgba(255,255,255,.03)}
.contact-card h2{font:650 22px/1.15 var(--serif);margin:0 0 10px}
.contact-card p{margin:0 0 18px;font:500 14.5px/1.55 var(--sans);color:var(--tx2)}
.contact-note{margin:28px auto 0;text-align:center;font:500 13.5px var(--sans);color:var(--tx3)}
.proof{padding:clamp(40px,5.5vw,72px) 0}
.proof .eyebrow{text-align:left}
.proof h2{font-size:clamp(26px,3.2vw,40px);margin:10px 0 0;max-width:18ch;text-align:left}
.proof-list{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(22px,3vw,40px);align-items:start;margin:36px 0 8px}
.proof-card{margin:0;padding:0 0 0 22px;border:0;border-left:2px solid var(--burgundy);background:transparent}
[data-theme=dark] .proof-card{border-left-color:var(--apricot)}
.proof-photo{width:48px;height:48px;border-radius:12px;object-fit:cover;object-position:center 18%;flex-shrink:0}
.proof-card--mick .proof-photo{object-position:center 12%}
.proof-attr{display:flex;align-items:center;gap:12px;margin:18px 0 0;text-align:left}
.proof-attr cite{font:550 16px/1.15 var(--serif);font-style:normal;color:var(--tx);letter-spacing:-.01em}
.proof-attr span{display:block;font:500 12.5px/1.3 var(--sans);color:var(--tx2)}
.proof-quote{margin:0;padding:0;border:0}
.proof-quote p{font:italic 500 clamp(16px,1.5vw,19px)/1.5 var(--serif);color:var(--tx);margin:0}
.proof-card--short .proof-quote p{font-size:clamp(18px,1.8vw,22px);line-height:1.35}
.proof .hero-ctas{justify-content:center;margin-top:28px;padding-top:32px;border-top:1px solid var(--line)}
@media(max-width:720px){
  .proof-list{grid-template-columns:1fr;gap:32px}
}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr}}

.concept-badge{position:fixed;bottom:16px;left:16px;z-index:60;background:var(--burgundy);color:var(--cream);font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border-radius:10px;box-shadow:0 8px 24px rgba(24,21,15,.25)}

/* ── dawn glow cursor — apricot by day, burgundy by night ─────────── */
@media (pointer:fine){
  body.cursor-active,
  body.cursor-active a,body.cursor-active button,body.cursor-active summary,
  body.cursor-active label,body.cursor-active .path-card,body.cursor-active .gal-card{cursor:none}
  body.cursor-active input,body.cursor-active select,body.cursor-active textarea{cursor:auto}
}
#cur-dot,#cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;will-change:transform;transition:opacity .3s}
#cur-dot{width:8px;height:8px;border-radius:50%;margin:-4px 0 0 -4px;background:var(--apricot)}
[data-theme=dark] #cur-dot{background:#B03A52}
#cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;
  background:radial-gradient(circle, rgba(212,154,122,.2) 0%, rgba(212,154,122,.1) 45%, transparent 70%);
  border:1px solid rgba(212,154,122,.45);
  transition:opacity .3s,width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background .3s,border-color .3s}
[data-theme=dark] #cur-ring{
  background:radial-gradient(circle, rgba(176,58,82,.22) 0%, rgba(133,20,39,.12) 45%, transparent 70%);
  border-color:rgba(176,58,82,.55)}
body.cur-hover #cur-ring{width:64px;height:64px;margin:-32px 0 0 -32px;
  background:radial-gradient(circle, rgba(212,154,122,.3) 0%, rgba(212,154,122,.12) 50%, transparent 72%);
  border-color:var(--apricot)}
[data-theme=dark] body.cur-hover #cur-ring{
  background:radial-gradient(circle, rgba(176,58,82,.3) 0%, rgba(133,20,39,.14) 50%, transparent 72%);
  border-color:#B03A52}
@media print{#cur-dot,#cur-ring{display:none!important}}

/* ── live form delivery: consent, honeypot + error states (2026-08-01) ──
   Follows the form-panel inversion rule: ink panel by day (cream text),
   warm-white panel at night (ink text). */
.hp-wrap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px;height:1px;overflow:hidden}
.form-consent{display:flex;flex-direction:column;gap:10px;margin:20px 0 2px;text-align:left}
.consent-check{display:flex;gap:10px;align-items:flex-start;font:500 13.5px/1.55 var(--sans);color:rgba(237,233,227,.75);cursor:pointer}
[data-theme=dark] .consent-check{color:rgba(24,21,15,.72)}
.consent-check input{margin-top:3px;width:15px;height:15px;flex:none;accent-color:var(--apricot)}
[data-theme=dark] .consent-check input{accent-color:var(--burgundy)}
.consent-check a{color:var(--apricot);font-weight:600}
[data-theme=dark] .consent-check a{color:var(--burgundy)}
.consent-check .req{color:rgba(237,233,227,.5)}
[data-theme=dark] .consent-check .req{color:rgba(24,21,15,.5)}
.form-error{margin:16px 0 0;padding:12px 14px;border:1px solid rgba(212,154,122,.5);border-radius:11px;font:550 13.5px/1.55 var(--sans);color:var(--cream);background:rgba(133,20,39,.28);text-align:left;outline:none}
[data-theme=dark] .form-error{color:var(--burgundy-deep);border-color:rgba(133,20,39,.3);background:rgba(133,20,39,.07)}
.form-error[hidden]{display:none}
.email-confirm.err{color:var(--burgundy)}
[data-theme=dark] .email-confirm.err{color:#E48BA0}