/* ==========================================================
   CHAKRAS.CSS — one shared stylesheet for all seven sites
   ----------------------------------------------------------
   HOW TO USE (on every page, in <head>):
     <link rel="stylesheet" href="chakras.css">
     <html data-chakra="root" data-strength="bright">
   data-chakra   = root | sacral | solar | heart | throat | thirdeye | crown
   data-strength = bright | earthy | pastel   (color strength)
   Movement is set automatically per chakra (gentle or rich).
   Fonts (Google Fonts): Plus Jakarta Sans, DM Sans, Space Grotesk,
   Instrument Serif, Cormorant Garamond.
   Color rules follow "Color Science Notes.md".
   VERSION 2 — adds every Brand Portfolio piece (section 5):
   logo, color samples, icons, business cards, shirt prints,
   social posts, top-of-page notice, signup box, step path,
   labels, footer, newsletter, email signature.
   Old version saved as chakras-v1-backup.css.
   ========================================================== */

/* ---------- 1. SHARED: spacing, sizes, buttons (same on every site) ---------- */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;
  --page-width:1180px;
  --text-sm:14px;--text-md:17px;--text-lg:20px;
  --h1:clamp(40px,6vw,76px);--h2:clamp(28px,3.6vw,44px);--h3:20px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body,[data-chakra]{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--ink)}
img{max-width:100%;display:block}

.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.section{padding:var(--space-9) 0}
.stack{display:flex;flex-direction:column;gap:var(--space-5)}
.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}

.h1{font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-style);letter-spacing:var(--display-tracking);text-transform:var(--display-case);font-size:var(--h1);line-height:1.02;text-wrap:balance}
.h2{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:var(--h2);line-height:1.1;text-wrap:balance}
.h3{font-weight:600;font-size:var(--h3);line-height:1.3}
.lead{font-size:var(--text-lg);color:var(--ink-soft);max-width:46ch;text-wrap:pretty}
.small{font-size:var(--text-sm);color:var(--ink-soft)}
.kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}

/* Buttons: the main button is the ONLY strong color on a screen */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);font:600 16px/1 var(--font-body);border-radius:var(--radius-button);border:0;cursor:pointer;white-space:nowrap;background:var(--action);color:var(--on-action);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px var(--action)}
.btn:focus-visible{outline:3px solid var(--soft);outline-offset:3px}
.btn--quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--quiet:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}

.card{background:var(--surface);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:0 0 0 1px var(--line),0 18px 40px -24px var(--shadow)}
.panel{background:var(--soft);border-radius:var(--radius-card)}
.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0}
.nav a{color:var(--ink-soft);font-size:15px}
.brand{font-family:var(--font-display);font-weight:var(--display-weight);font-size:22px;color:var(--ink)}

/* ---------- 2. PERSONALITIES: fonts, corners, movement per chakra ---------- */
[data-chakra="root"]{     --font-display:'Plus Jakarta Sans',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif;--display-weight:700;--display-style:normal;--display-tracking:-.03em;--display-case:none;--radius-button:8px;--radius-card:12px;--motion:gentle}
[data-chakra="sacral"]{   --font-display:'Instrument Serif',serif;--font-body:'DM Sans',sans-serif;--display-weight:400;--display-style:normal;--display-tracking:-.015em;--display-case:none;--radius-button:999px;--radius-card:24px;--motion:rich}
[data-chakra="solar"]{    --font-display:'Space Grotesk',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif;--display-weight:700;--display-style:normal;--display-tracking:-.04em;--display-case:uppercase;--radius-button:10px;--radius-card:14px;--motion:gentle}
[data-chakra="heart"]{    --font-display:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--display-weight:500;--display-style:normal;--display-tracking:-.01em;--display-case:none;--radius-button:999px;--radius-card:20px;--motion:rich}
[data-chakra="throat"]{   --font-display:'Space Grotesk',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif;--display-weight:500;--display-style:normal;--display-tracking:-.03em;--display-case:none;--radius-button:10px;--radius-card:12px;--motion:gentle}
[data-chakra="thirdeye"]{ --font-display:'Instrument Serif',serif;--font-body:'Plus Jakarta Sans',sans-serif;--display-weight:400;--display-style:italic;--display-tracking:-.02em;--display-case:none;--radius-button:4px;--radius-card:4px;--motion:gentle}
[data-chakra="crown"]{    --font-display:'Cormorant Garamond',serif;--font-body:'DM Sans',sans-serif;--display-weight:400;--display-style:italic;--display-tracking:-.01em;--display-case:none;--radius-button:999px;--radius-card:32px;--motion:rich}

/* ---------- 3. COLORS: 7 chakras × 3 strengths ----------
   bg = page · surface = cards · soft = large calm areas · ink = text
   ink-soft = secondary text · line = borders · link = small accents
   action = main button only · on-action = button text            */

/* ROOT — ClosingClaims · "Harbor": soft blue calm, red only on the button */
[data-chakra="root"],[data-chakra="root"][data-strength="bright"]{--bg:#FAF8F4;--surface:#FFFFFF;--soft:#DCE7F3;--ink:#0E1A2B;--ink-soft:#4A5668;--line:#E4E1DB;--link:#1F4E86;--action:#D7263D;--on-action:#FFFFFF;--shadow:rgba(14,26,43,.18)}
[data-chakra="root"][data-strength="earthy"]{--bg:#F7F4EF;--surface:#FFFFFF;--soft:#E2E6EA;--ink:#1B2430;--ink-soft:#525B66;--line:#E2DDD5;--link:#36506B;--action:#A8323A;--on-action:#FFFFFF;--shadow:rgba(27,36,48,.18)}
[data-chakra="root"][data-strength="pastel"]{--bg:#FCFBF9;--surface:#FFFFFF;--soft:#EAF1F8;--ink:#1E2A3A;--ink-soft:#56627A;--line:#ECE8E2;--link:#3B6596;--action:#E0566A;--on-action:#FFFFFF;--shadow:rgba(30,42,58,.14)}

/* SACRAL — TantricUnity · coral warmth, lagoon blue as the cool partner */
[data-chakra="sacral"],[data-chakra="sacral"][data-strength="bright"]{--bg:#FFF9F4;--surface:#FFFFFF;--soft:#FFE4CC;--ink:#2A1608;--ink-soft:#6B5147;--line:#F3E3D6;--link:#C2410C;--action:#EA580C;--on-action:#FFFFFF;--shadow:rgba(154,52,18,.2)}
[data-chakra="sacral"][data-strength="earthy"]{--bg:#FAF5EF;--surface:#FFFFFF;--soft:#F1D9C4;--ink:#3A2317;--ink-soft:#6E5545;--line:#EADBCB;--link:#A4512C;--action:#B5552F;--on-action:#FFFFFF;--shadow:rgba(110,60,30,.2)}
[data-chakra="sacral"][data-strength="pastel"]{--bg:#FFFBF8;--surface:#FFFFFF;--soft:#FDEBDD;--ink:#3B2A22;--ink-soft:#7A5C4D;--line:#F6E8DC;--link:#B4532A;--action:#F8B48A;--on-action:#3B2A22;--shadow:rgba(154,52,18,.14)}

/* SOLAR — PowerYogaDiet · sunlight yellow, dark text on yellow for readability */
[data-chakra="solar"],[data-chakra="solar"][data-strength="bright"]{--bg:#FFFDF5;--surface:#FFFFFF;--soft:#FEF3C7;--ink:#1F1A05;--ink-soft:#5C5330;--line:#F0E8C8;--link:#946200;--action:#FACC15;--on-action:#1F1A05;--shadow:rgba(120,90,0,.2)}
[data-chakra="solar"][data-strength="earthy"]{--bg:#FAF7EE;--surface:#FFFFFF;--soft:#F0E2B6;--ink:#2E2610;--ink-soft:#615638;--line:#E8DDBF;--link:#856214;--action:#D4A72C;--on-action:#2E2610;--shadow:rgba(100,80,20,.2)}
[data-chakra="solar"][data-strength="pastel"]{--bg:#FFFEF9;--surface:#FFFFFF;--soft:#FBF3D5;--ink:#2B2614;--ink-soft:#655D40;--line:#F3ECD3;--link:#8A6A10;--action:#F6DE7E;--on-action:#2B2614;--shadow:rgba(120,90,0,.14)}

/* HEART — Oshna · emerald healing, rose as the tender accent */
[data-chakra="heart"],[data-chakra="heart"][data-strength="bright"]{--bg:#F8FCF9;--surface:#FFFFFF;--soft:#D1FAE5;--ink:#0B2A1E;--ink-soft:#4F6F5E;--line:#DDEBE3;--link:#BE185D;--action:#059669;--on-action:#FFFFFF;--shadow:rgba(6,95,70,.2)}
[data-chakra="heart"][data-strength="earthy"]{--bg:#F5F7F2;--surface:#FFFFFF;--soft:#DCE6D8;--ink:#1F3328;--ink-soft:#56685C;--line:#DEE4D9;--link:#9B4B64;--action:#4E7D5E;--on-action:#FFFFFF;--shadow:rgba(40,70,50,.2)}
[data-chakra="heart"][data-strength="pastel"]{--bg:#FAFDFB;--surface:#FFFFFF;--soft:#E3F4EA;--ink:#1B3328;--ink-soft:#5A7466;--line:#E4F0E9;--link:#B0436F;--action:#9ED8B6;--on-action:#1B3328;--shadow:rgba(6,95,70,.14)}

/* THROAT — SEOWebAndVideo · clear sky blue (blue = competence, shorter-feeling waits) */
[data-chakra="throat"],[data-chakra="throat"][data-strength="bright"]{--bg:#F7FBFE;--surface:#FFFFFF;--soft:#E0F2FE;--ink:#08263A;--ink-soft:#47606F;--line:#DCE8F0;--link:#0369A1;--action:#0284C7;--on-action:#FFFFFF;--shadow:rgba(3,60,100,.2)}
[data-chakra="throat"][data-strength="earthy"]{--bg:#F3F7F9;--surface:#FFFFFF;--soft:#D7E6EE;--ink:#17303D;--ink-soft:#526773;--line:#D9E3E8;--link:#356A86;--action:#3F7896;--on-action:#FFFFFF;--shadow:rgba(30,60,80,.2)}
[data-chakra="throat"][data-strength="pastel"]{--bg:#FAFCFE;--surface:#FFFFFF;--soft:#E6F1F8;--ink:#1C3445;--ink-soft:#5B7080;--line:#E3EDF3;--link:#2F729C;--action:#A9D3EC;--on-action:#1C3445;--shadow:rgba(3,60,100,.14)}

/* THIRD EYE — BestOfMustHave · indigo insight, sharp and precise */
[data-chakra="thirdeye"],[data-chakra="thirdeye"][data-strength="bright"]{--bg:#FAFAFF;--surface:#FFFFFF;--soft:#E0E7FF;--ink:#13123A;--ink-soft:#4E4D6E;--line:#E2E3F3;--link:#4338CA;--action:#4F46E5;--on-action:#FFFFFF;--shadow:rgba(40,30,120,.2)}
[data-chakra="thirdeye"][data-strength="earthy"]{--bg:#F6F6FA;--surface:#FFFFFF;--soft:#DDDDEE;--ink:#22213F;--ink-soft:#57566F;--line:#E0E0EA;--link:#4B4B8F;--action:#5B5BA0;--on-action:#FFFFFF;--shadow:rgba(40,40,90,.2)}
[data-chakra="thirdeye"][data-strength="pastel"]{--bg:#FCFCFF;--surface:#FFFFFF;--soft:#E9E9F8;--ink:#23224A;--ink-soft:#5E5D7C;--line:#E8E8F4;--link:#5048B8;--action:#BDBDF0;--on-action:#23224A;--shadow:rgba(40,30,120,.14)}

/* CROWN — OneTrueDAO · violet, airy and expansive */
[data-chakra="crown"],[data-chakra="crown"][data-strength="bright"]{--bg:#FCFAFF;--surface:#FFFFFF;--soft:#F3E8FF;--ink:#241133;--ink-soft:#5E4E6B;--line:#ECE3F4;--link:#7E22CE;--action:#9333EA;--on-action:#FFFFFF;--shadow:rgba(90,30,140,.2)}
[data-chakra="crown"][data-strength="earthy"]{--bg:#F8F6F9;--surface:#FFFFFF;--soft:#E7DEEC;--ink:#2E2236;--ink-soft:#62566A;--line:#E6DFEA;--link:#6E4C86;--action:#7E5A97;--on-action:#FFFFFF;--shadow:rgba(70,40,90,.2)}
[data-chakra="crown"][data-strength="pastel"]{--bg:#FDFBFF;--surface:#FFFFFF;--soft:#F1E8F9;--ink:#2E2236;--ink-soft:#685A72;--line:#EEE6F5;--link:#8040B0;--action:#D6BFEE;--on-action:#2E2236;--shadow:rgba(90,30,140,.14)}

/* ---------- 4. MOVEMENT ----------
   Gentle (root, solar, throat, third eye): soft fade-in.
   Rich (sacral, heart, crown): fade-in + breathing button glow +
   scroll reveals + slow drifting color in .panel areas.          */
@keyframes chakra-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes chakra-breathe{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--action) 18%,transparent)}}
@keyframes chakra-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

[data-chakra] .h1,[data-chakra] .lead,[data-chakra] .hero .btn{animation:chakra-fade .9s var(--ease) both}
[data-chakra] .lead{animation-delay:.12s}
[data-chakra] .hero .btn{animation-delay:.24s}

[data-chakra="sacral"] .btn:not(.btn--quiet),
[data-chakra="heart"] .btn:not(.btn--quiet),
[data-chakra="crown"] .btn:not(.btn--quiet){animation:chakra-fade .9s var(--ease) .24s both,chakra-breathe 5.5s ease-in-out 1.2s infinite}

[data-chakra="sacral"] .panel,
[data-chakra="heart"] .panel,
[data-chakra="crown"] .panel{background:linear-gradient(120deg,var(--soft),var(--surface),var(--soft));background-size:200% 200%;animation:chakra-drift 16s ease-in-out infinite}

@supports (animation-timeline:view()){
  [data-chakra="sacral"] .reveal,[data-chakra="heart"] .reveal,[data-chakra="crown"] .reveal{animation:chakra-fade linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}


/* ---------- 5. BRAND PIECES (from the Brand Portfolio) ----------
   Every piece below follows the chakra set on <html>.            */

/* Shared display text */
.display{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);line-height:1.02;color:var(--ink)}
.section-head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-5)}
.section-head__label{font-size:13px;font-weight:700;color:var(--link)}

/* Logo: the square mark with a small dot, plus the name
   <div class="logo"><span class="logo-mark">TU</span><span class="logo-name">Tantric Unity</span></div> */
.logo{display:flex;align-items:center;gap:16px}
.logo-mark{position:relative;flex:none;width:64px;height:64px;border-radius:calc(var(--radius-card) * .7);background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);font-size:30px}
.logo-mark::after{content:"";position:absolute;right:14%;bottom:14%;width:11%;height:11%;min-width:5px;min-height:5px;border-radius:50%;background:var(--action)}
.logo-mark--sm{width:40px;height:40px;font-size:19px;border-radius:10px}
.logo-mark--sm::after{display:none}
.logo-mark--soft{background:var(--soft);color:var(--ink)}
.logo-mark--light{background:var(--bg);color:var(--ink)}
.logo-name{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);font-size:clamp(34px,5vw,56px);line-height:1;color:var(--ink)}

/* Color samples: <div class="swatches"><div class="swatch"><div class="swatch__chip" style="background:var(--action)"></div><div class="swatch__label"><strong>Main button</strong><br>Use once per screen</div></div>…</div> */
.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.swatch{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:var(--surface)}
.swatch__chip{height:84px}
.swatch__label{padding:10px 12px;font-size:12.5px;color:var(--ink-soft)}
.swatch__label strong{color:var(--ink)}

/* Icons: app icon, profile picture, small sizes */
.icon{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);position:relative}
.icon--app{width:160px;height:160px;border-radius:36px;font-size:72px;box-shadow:0 18px 40px -16px var(--shadow)}
.icon--app::after{content:"";position:absolute;right:26px;bottom:26px;width:16px;height:16px;border-radius:50%;background:var(--action)}
.icon--profile{width:160px;height:160px;border-radius:50%;font-size:72px;background:var(--soft);color:var(--ink)}
.icon--64{width:64px;height:64px;border-radius:14px;font-size:30px}
.icon--tab{width:32px;height:32px;border-radius:7px;font-size:15px}

/* Business card, 3.5 × 2 inch: <div class="biz-card biz-card--front">…</div> */
.biz-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.biz-card{flex:1 1 300px;max-width:420px;aspect-ratio:1.75;border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.biz-card--front{background:var(--ink);color:var(--bg);box-shadow:0 24px 50px -24px rgba(0,0,0,.35)}
.biz-card--back{background:var(--bg);color:var(--ink);box-shadow:0 0 0 1px var(--line),0 24px 50px -24px rgba(0,0,0,.25)}
.biz-card__name{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);text-transform:var(--display-case);font-size:30px;line-height:1}
.biz-card__person{font-size:18px;font-weight:700}
.biz-card__meta{font-size:13px;color:var(--ink-soft);display:flex;flex-direction:column;gap:3px}
.biz-card--front .biz-card__meta{color:inherit;opacity:.75}
.biz-card__dot{width:12px;height:12px;border-radius:50%;background:var(--action)}
@media print{.biz-card{width:3.5in;height:2in;max-width:none;flex:none;padding:.22in;box-shadow:none}}

/* Shirt print, 12 × 14 inch front: <div class="shirt shirt--light"><div class="shirt__print">…</div></div> */
.shirt{aspect-ratio:6/7;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:15%}
.shirt--light{background:#F4F1EC}
.shirt--dark{background:#1A1A1C}
.shirt--color{background:var(--soft)}
.shirt__print{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.shirt__words{font-family:var(--font-display);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-case);font-size:clamp(30px,3.4vw,42px);line-height:1;color:var(--ink)}
.shirt--dark .shirt__words{color:#F7F6F4}
.shirt__rule{width:40px;height:3px;border-radius:2px;background:var(--action)}
.shirt__brand{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--link)}
.shirt--dark .shirt__brand{color:var(--soft)}

/* Social media */
.social-post{aspect-ratio:1;border-radius:16px;padding:9%;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);box-shadow:0 0 0 1px var(--line)}
.social-post--quote{background:var(--ink);justify-content:center;gap:18px;box-shadow:none}
.social-post--quote .display{font-style:italic;color:var(--bg);font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.social-story{width:min(240px,100%);aspect-ratio:9/16;border-radius:20px;background:var(--soft);padding:12% 10%;display:flex;flex-direction:column;justify-content:space-between}
.social-banner{aspect-ratio:3/1;border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6%}

/* Top-of-page notice */
.notice-bar{background:var(--ink);color:var(--bg);padding:12px 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;font-size:14px}
.notice-bar a{color:var(--bg);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Email signup box */
.signup{border-radius:var(--radius-card);background:var(--soft);padding:32px;display:flex;flex-direction:column;gap:16px}
.signup__form{display:flex;flex-wrap:wrap;gap:8px}
.input{flex:1;min-width:160px;min-height:48px;padding:0 16px;border-radius:var(--radius-button);border:1px solid var(--line);background:var(--surface);font:15px var(--font-body);color:var(--ink)}
.input:focus{outline:2px solid var(--link);outline-offset:1px}

/* Three-step path: <ol class="path"><li class="path__step is-current">…</li></ol> */
.path{list-style:none;margin:0;padding:32px;border-radius:var(--radius-card);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 18px 40px -24px var(--shadow);display:flex;flex-direction:column;gap:18px;counter-reset:step}
.path__step{display:flex;gap:14px;align-items:flex-start;counter-increment:step}
.path__step::before{content:counter(step);flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--soft);color:var(--ink)}
.path__step.is-current::before{background:var(--action);color:var(--on-action)}
.path__title{font-weight:600;font-size:16px;color:var(--ink)}
.path__body{font-size:14px;color:var(--ink-soft)}

/* Small labels */
.label{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--soft);color:var(--ink)}
.label--outline{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);font-weight:400}
.label--strong{background:var(--ink);color:var(--bg)}

/* Footer */
.footer{background:var(--ink);color:var(--bg);padding:36px;border-radius:var(--radius-card);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
.footer a{color:var(--bg);opacity:.85}
.footer a:hover{opacity:1}

/* Newsletter (email-safe widths) */
.newsletter{max-width:600px;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:var(--surface)}
.newsletter__top{background:var(--soft);padding:32px;display:flex;flex-direction:column;gap:12px}
.newsletter__body{padding:28px 32px;display:flex;flex-direction:column;gap:16px}
.newsletter__fine{font-size:12px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:14px}

/* Email signature */
.signature{display:flex;gap:16px;align-items:center}
.signature__text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-soft);border-left:2px solid var(--action);padding-left:14px}
.signature__text strong{font-size:15px;color:var(--ink)}