/* ============================================================
   INTRO GATE — the breathing lens you step through
   (cinematic dark, steven.com energy)
   ============================================================ */
body.gate{overflow:hidden}
.intro{
  position:fixed;inset:0;z-index:200;
  background:#0B1310;color:#EDE3D1;
  display:flex;flex-direction:column;
  padding:26px clamp(20px,4vw,52px);
  font-family:"Space Grotesk",sans-serif;
  transition:opacity 1s cubic-bezier(.5,0,.2,1), transform 1.1s cubic-bezier(.5,0,.2,1), visibility 1.1s;
}
body.entered .intro{opacity:0;transform:scale(1.12);visibility:hidden;pointer-events:none}

.intro-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.14em;z-index:3}
.intro-top .brand{font-weight:700;color:#EDE3D1}
.intro-top .brand em{color:#E0A33E;font-style:normal;margin:0 1px}
.intro-top .loc{color:rgba(237,227,209,.55);letter-spacing:.2em}
.intro-top .menu{background:none;border:0;color:#EDE3D1;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.2em;cursor:pointer;transition:color .3s}
.intro-top .menu:hover{color:#E0A33E}

/* the lens */
.lens{
  position:absolute;top:50%;left:50%;
  width:min(74vmin,560px);height:min(74vmin,560px);
  transform:translate(-50%,-50%);
  animation:lensBreath 9s ease-in-out infinite;
}
@keyframes lensBreath{0%,100%{transform:translate(-50%,-50%) scale(.965)}48%{transform:translate(-50%,-50%) scale(1.035)}}
.lens-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 30px 80px rgba(0,0,0,.6))}
.ringtext{fill:rgba(237,227,209,.82);font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:15px;letter-spacing:.32em;text-transform:uppercase}
.ringtext.small{fill:rgba(237,227,209,.5);font-size:12.5px;letter-spacing:.4em}
.ring{transform-origin:300px 300px}
.ring-out{animation:spin 44s linear infinite}
.ring-in{animation:spin 34s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}

.lens-core{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:34%;height:34%;border-radius:50%;
  background:radial-gradient(circle at 50% 60%,#1C3A2E,#0B1310);
  border:1px solid rgba(224,163,62,.3);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  cursor:pointer;transition:transform .5s ease, box-shadow .5s ease;
  box-shadow:0 0 0 0 rgba(224,163,62,0);
}
.lens-core:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 60px -6px rgba(224,163,62,.45)}
.lens-core .sun{position:relative;display:inline-block;width:64px;height:34px}
.lens-core .line{position:absolute;bottom:0;left:0;right:0;height:3px;background:#E0A33E;border-radius:3px}
.lens-core .dome{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:42px;height:21px;border:3px solid #E0A33E;border-bottom:0;border-radius:42px 42px 0 0}
.core-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(237,227,209,.6)}

/* bottom-left headline */
.intro-foot{position:absolute;left:clamp(20px,4vw,52px);bottom:clamp(26px,5vh,54px);z-index:3}
.intro-h{
  font-family:"Anton",sans-serif;font-weight:400;
  font-size:clamp(54px,9vw,128px);line-height:.86;letter-spacing:.005em;text-transform:uppercase;
  color:#EDE3D1;margin-bottom:24px;
}
.intro-h br{display:block}
.intro-h .hl{color:#E0A33E}
.enter-cta{
  display:inline-flex;align-items:center;gap:12px;
  background:none;border:1px solid rgba(237,227,209,.3);border-radius:40px;
  color:#EDE3D1;font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:500;letter-spacing:.06em;
  padding:12px 24px;cursor:pointer;transition:.35s ease;
}
.enter-cta .arr{transition:transform .35s ease}
.enter-cta:hover{background:#E0A33E;border-color:#E0A33E;color:#0B1310}
.enter-cta:hover .arr{transform:translateX(5px)}

.intro-edge{position:absolute;top:50%;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(237,227,209,.4);z-index:3}
.intro-edge.left{left:clamp(20px,4vw,52px);transform:rotate(180deg);writing-mode:vertical-rl}
.intro-edge.right{right:clamp(20px,4vw,52px);writing-mode:vertical-rl}
@media(max-width:760px){.intro-edge{display:none}.core-label{display:none}}

/* ============================================================
   ABOUT / ARTICLE PAGE
   ============================================================ */
.article-hero{max-width:960px;margin:0 auto;padding:160px var(--pad) 46px}
.article-hero .tag{margin-bottom:26px}
.article-hero h1{font-family:"Space Grotesk",sans-serif;font-weight:500;letter-spacing:-.03em;line-height:.94;font-size:clamp(46px,8.5vw,116px);margin-bottom:28px}
.article-hero h1 .hl{color:#E0A33E;font-family:"Newsreader",serif;font-style:italic;font-weight:400}
.article-hero .standfirst{font-family:"Newsreader",serif;font-weight:300;font-size:clamp(20px,3vw,31px);line-height:1.38;color:var(--ink2);max-width:30ch}
.article-hero .standfirst b{color:var(--gold);font-weight:400}
.article-meta{max-width:960px;margin:0 auto;padding:0 var(--pad)}
.article-meta .rule{height:1px;background:var(--line);margin:0 0 6px}
.article-meta .by{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;letter-spacing:.04em;color:var(--soft);padding:18px 0}
.article-meta .by b{color:var(--ink);font-weight:500}
.article-body{max-width:720px;margin:0 auto;padding:40px var(--pad) 20px}
.article-body h2{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(24px,3.6vw,40px);letter-spacing:-.015em;line-height:1.08;margin:58px 0 18px}
.article-body h2:first-child{margin-top:0}
.article-body h2 em{font-family:"Newsreader",serif;font-style:italic;color:var(--gold)}
.article-body p{font-size:clamp(16px,1.9vw,19px);line-height:1.72;color:var(--ink2);margin-bottom:20px}
.article-body p.lead{font-size:clamp(18px,2.3vw,23px);line-height:1.6;color:var(--ink);font-family:"Newsreader",serif;font-weight:300}
.article-body em{color:var(--ink);font-style:italic}
.article-body b{color:var(--ink);font-weight:600}
.signature{max-width:720px;margin:46px auto 0;padding:30px var(--pad) 0;border-top:1px solid var(--line)}
.signature .sig-name{font-family:"Newsreader",serif;font-style:italic;font-weight:400;font-size:clamp(28px,4vw,40px);color:var(--gold);line-height:1}
.signature .sig-role{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-top:10px}
/* ranked app list for the keyword pages */
.applist{max-width:760px;margin:36px auto 0;padding:0 var(--pad);display:flex;flex-direction:column;gap:16px}
.appcard{
  display:flex;gap:20px;align-items:flex-start;
  padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--bg2);
}
.appcard.top{border-color:rgba(224,163,62,.5);background:linear-gradient(180deg,rgba(224,163,62,.07),rgba(224,163,62,.01))}
.appcard .rank{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(22px,3vw,30px);color:var(--gold);flex:none;width:42px;line-height:1.2}
.appcard .ac-body{flex:1}
.appcard .ac-body h3{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(19px,2.4vw,24px);margin-bottom:4px}
.appcard .ac-body .tagline{color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.appcard .ac-body p{color:var(--ink2);font-size:clamp(14px,1.6vw,16px);line-height:1.6}
.appcard .ac-body .verdict{margin-top:10px;font-size:14px;color:var(--soft)}
.appcard .ac-body .verdict b{color:var(--ink);font-weight:500}
.pillrow{max-width:760px;margin:0 auto;padding:46px var(--pad) 0;display:flex;flex-wrap:wrap;gap:10px}
.pillrow a{font-size:13px;color:var(--ink2);border:1px solid var(--line);border-radius:40px;padding:8px 16px;transition:.25s ease}
.pillrow a:hover{border-color:var(--gold);color:var(--gold)}

.article-cta{text-align:center;padding:90px var(--pad) 40px}
.article-cta .tag{margin-bottom:22px}
.article-cta h2{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(40px,8vw,92px);letter-spacing:-.02em;margin-bottom:30px;line-height:1}
.article-cta h2 .hl{color:#E0A33E;font-family:"Newsreader",serif;font-style:italic;font-weight:400}

/* ============================================================
   Anása — getanasa.com homepage
   Luxe-minimal editorial. Bone canvas, ink type, gold hairlines.
   ============================================================ */

:root{
  --bg:      #0B1310;   /* night canvas */
  --bg2:     #101B16;   /* slightly raised band */
  --ink:     #EDE3D1;   /* cream text */
  --ink2:    rgba(237,227,209,0.74);
  --soft:    rgba(237,227,209,0.48);
  --line:    rgba(237,227,209,0.14);
  --line2:   rgba(237,227,209,0.07);
  --gold:    #E0A33E;   /* sun gold on night */
  --goldL:   #F4C66B;
  --amberLight: #E0A33E; /* alias used by legacy pSEO inline link colors */
  --sage:    #8FB0A1;
  --evergreen:#1C3A2E;
  --night:   #0E1714;   /* phone screen */
  --cream:   #EDE3D1;
  --maxw: 1240px;
  --pad: clamp(20px, 5vw, 80px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:"Inter",system-ui,sans-serif;
  font-weight:400;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
em{font-style:italic}

/* shared display headline face */
h1,h2,h3,.tag,.navcta,.bb-go,.num,.ml-n{
  font-family:"Space Grotesk","Inter",sans-serif;
}

.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.wrap.narrow{max-width:840px}

/* bracketed section labels removed for a cleaner, less explained layout */
.tag{display:none}

/* ---------- NAV ---------- */
nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad);
  background:rgba(11,19,16,0);
  transition:background .4s ease, box-shadow .4s ease, padding .4s ease;
}
nav.scrolled{
  background:rgba(11,19,16,.82);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  box-shadow:0 1px 0 var(--line);
  padding-top:13px;padding-bottom:13px;
}
.logo{
  display:flex;align-items:center;gap:10px;
  font-family:"Space Grotesk",sans-serif;font-weight:600;
  font-size:20px;letter-spacing:-.01em;color:var(--ink);
}
.lm{position:relative;display:inline-block;width:24px;height:14px}
.lm .line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);border-radius:2px}
.lm .dome{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:16px;height:8px;border:2px solid var(--gold);border-bottom:0;border-radius:16px 16px 0 0}
.navlinks{display:flex;gap:34px}
.navlinks a{
  font-size:13px;letter-spacing:.04em;color:var(--ink2);font-weight:400;
  position:relative;padding:4px 0;
}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s ease}
.navlinks a:hover{color:var(--ink)}
.navlinks a:hover::after{width:100%}
.navcta{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:500;letter-spacing:.03em;
  border:1px solid var(--line);border-radius:40px;
  padding:9px 18px;transition:.3s ease;
}
.navcta span{transition:transform .3s ease}
.navcta:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.navcta:hover span{transform:translateX(3px)}

/* ---------- HERO ---------- */
.hero{
  min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:130px var(--pad) 92px;position:relative;
}
.hero-inner{max-width:var(--maxw);margin:0 auto;width:100%;position:relative;z-index:1;pointer-events:none}
.hero-inner *{pointer-events:auto}
.hero .tag{margin-bottom:26px;opacity:0;animation:rise .9s .1s ease forwards}
.hero h1{
  font-weight:500;letter-spacing:-.03em;line-height:.94;
  font-size:clamp(52px,11vw,168px);
  margin-bottom:30px;
  opacity:0;animation:rise 1s .2s ease forwards;
}
.hero h1 em{font-family:"Newsreader",serif;font-style:italic;font-weight:400;color:var(--gold)}
.lede{
  max-width:540px;font-size:clamp(17px,2.1vw,21px);color:var(--ink2);line-height:1.5;
  opacity:0;animation:rise 1s .35s ease forwards;
}

/* the app's breathing circle, living in the hero space */
.hero-breath{
  position:absolute;top:0;bottom:0;right:clamp(30px,7vw,150px);
  display:flex;align-items:center;pointer-events:none;z-index:0;
}
.hero-breath .ring{
  width:clamp(180px,24vw,340px);aspect-ratio:1;border-radius:50%;
  border:2px solid rgba(143,176,161,.8);
  background:radial-gradient(circle at 50% 45%,rgba(224,163,62,.22),transparent 70%);
  box-shadow:0 0 100px -10px rgba(224,163,62,.32);
  animation:heroFade 1s .5s ease backwards, heroBreath 9s ease-in-out infinite;
}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
@keyframes heroBreath{0%,100%{transform:scale(.84)}48%{transform:scale(1.08)}}

/* interactive breath */
.breathbox{
  margin-top:54px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;
  opacity:0;animation:rise 1s .5s ease forwards;
}
.bb-orb{
  width:120px;height:120px;border-radius:50%;
  border:1.5px solid var(--line);
  background:radial-gradient(circle at 50% 45%,rgba(224,163,62,.16),transparent 70%);
  display:flex;align-items:center;justify-content:center;
  transform:scale(.78);transition:transform 4s ease-in-out;
}
.bb-orb.inhale{transform:scale(1.12)}
.bb-orb .ph{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.bb-go{
  font-family:"Space Grotesk",sans-serif;font-size:13px;font-weight:500;letter-spacing:.04em;
  color:var(--ink);background:none;border:1px solid var(--ink);border-radius:40px;
  padding:12px 26px;cursor:pointer;transition:.3s ease;
}
.bb-go:hover{background:var(--ink);color:var(--bg)}
.bb-note{font-size:13px;color:var(--soft)}

.hero-foot{
  position:absolute;left:0;right:0;bottom:26px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 var(--pad);
  font-size:12px;letter-spacing:.04em;color:var(--soft);
}
.hero-foot span{flex:1}
.hero-foot span:last-child{text-align:right}
.scrollcue{display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.scrollcue span{font-size:16px;animation:bob 1.8s ease-in-out infinite}

@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* ---------- THE PROOF ---------- */
.manifesto{padding:clamp(90px,13vw,170px) 0;border-top:1px solid var(--line)}
.mani-h{
  font-family:"Space Grotesk",sans-serif;font-weight:500;letter-spacing:-.02em;
  font-size:clamp(30px,4.6vw,56px);line-height:1.08;max-width:20ch;color:var(--ink);
}
.mani-h em{font-family:"Newsreader",serif;font-style:italic;font-weight:400;color:var(--gold)}
.mani-sub{
  margin-top:26px;max-width:60ch;font-size:clamp(16px,1.8vw,19px);line-height:1.6;color:var(--ink2);
}
.mani-sub b{color:var(--ink);font-weight:500}
.stats{
  margin-top:clamp(56px,8vw,96px);
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,64px);
}
.stat{text-align:center}
.stat-obj{height:74px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:26px}
.stat-obj svg{height:64px;width:auto;animation:floaty 6s ease-in-out infinite}
.stat:nth-child(2) .stat-obj svg{animation-delay:-2s}
.stat:nth-child(3) .stat-obj svg{animation-delay:-4s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.stat-n{
  font-family:"Space Grotesk",sans-serif;font-weight:500;letter-spacing:-.01em;
  font-size:clamp(24px,3vw,34px);color:var(--ink);margin-bottom:10px;
}
.stat p{max-width:34ch;margin:0 auto;font-size:clamp(14px,1.6vw,16px);line-height:1.55;color:var(--ink2)}
@media(max-width:760px){
  .stats{grid-template-columns:1fr;gap:48px}
}

/* ---------- CHAPTERS ---------- */
.chapter{padding:clamp(70px,9vw,130px) 0;border-top:1px solid var(--line)}
.chapter-grid{
  max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center;
}
.chapter-copy .num{
  font-size:14px;font-weight:500;color:var(--gold);letter-spacing:.1em;margin-bottom:18px;
}
.chapter-copy .tag{margin-bottom:20px}
.chapter-copy h2{
  font-weight:500;letter-spacing:-.02em;line-height:1.02;
  font-size:clamp(34px,5.2vw,68px);margin-bottom:26px;
}
.chapter-copy h2 em{font-family:"Newsreader",serif;font-style:italic;font-weight:400;color:var(--gold)}
.chapter-copy p{max-width:44ch;font-size:clamp(15px,1.7vw,18px);color:var(--ink2);margin-bottom:14px}
.chapter-copy .whisper{color:var(--soft);font-style:italic;font-family:"Newsreader",serif;font-size:clamp(16px,1.9vw,20px)}
.chapter-art{display:flex;justify-content:center}
.chapter.alt .chapter-art{order:-1}

/* ---------- PHONE MOCKUP ---------- */
.phone{
  width:268px;height:560px;border-radius:42px;
  background:#050907;padding:11px;
  box-shadow:0 40px 100px -30px rgba(0,0,0,.8), 0 0 0 1px rgba(237,227,209,.10), 0 0 70px -30px rgba(224,163,62,.25);
  position:relative;
}
.island{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:26px;background:#000;border-radius:16px;z-index:3}
.screen{
  width:100%;height:100%;border-radius:32px;overflow:hidden;
  background:var(--night);color:var(--cream);
  display:flex;flex-direction:column;align-items:center;
  padding:54px 22px 26px;position:relative;
}
.s-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(237,227,209,.5);margin-bottom:auto}

/* breath screen */
.scr-breath .s-orb{
  width:120px;height:120px;border-radius:50%;
  border:2px solid rgba(143,176,161,.9);
  background:radial-gradient(circle at 50% 45%,rgba(224,163,62,.18),transparent 70%);
  animation:scrBreath 9s ease-in-out infinite;margin:6px 0 16px;
}
@keyframes scrBreath{0%,100%{transform:scale(.82)}45%{transform:scale(1.08)}}
.scr-breath .s-phase{font-size:15px;color:var(--cream);margin-bottom:auto}
.s-foot{width:100%;display:flex;flex-direction:column;gap:9px;align-items:center}
.s-btn{width:100%;text-align:center;background:#EDE3D1;color:#16221C;font-weight:600;font-size:14px;padding:13px;border-radius:30px}
.s-ghost{font-size:13px;color:rgba(237,227,209,.8)}
.s-hold{font-size:11px;color:rgba(237,227,209,.4)}

/* call screen */
.scr-call{justify-content:space-between;padding-top:64px}
.s-sun{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 60%,#1C3A2E,#0B1310);display:flex;align-items:center;justify-content:center;margin:8px 0}
.s-sun .s{position:relative;display:inline-block;width:40px;height:22px}
.s-sun .line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#E0A33E}
.s-sun .dome{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:26px;height:13px;border:2px solid #E0A33E;border-bottom:0;border-radius:26px 26px 0 0}
.s-who{font-size:26px;font-family:"Space Grotesk",sans-serif;font-weight:500}
.s-sub{font-size:13px;color:rgba(237,227,209,.6);text-align:center;margin-top:4px;margin-bottom:auto}
.s-callbtns{display:flex;gap:48px;margin-top:18px}
.s-decline,.s-accept{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}
.s-decline{background:#B5533F;color:#fff}
.s-accept{background:#8FB0A1;color:#0E1714}

/* win screen */
.scr-win{justify-content:center;gap:18px}
.s-halfsun{width:120px;height:60px;border:3px solid #E0A33E;border-bottom:0;border-radius:120px 120px 0 0;position:relative}
.s-halfsun::after{content:"";position:absolute;bottom:-3px;left:-14px;right:-14px;height:3px;background:#E0A33E;border-radius:3px}
.s-wintitle{font-size:21px;font-family:"Space Grotesk",sans-serif;font-weight:500;text-align:center}
.s-winsub{font-size:14px;color:rgba(237,227,209,.6)}

/* ---------- THE METHOD (editorial list) ---------- */
.method{padding:clamp(90px,13vw,170px) 0;border-top:1px solid var(--line);background:var(--bg2)}
.section-h{
  font-weight:500;letter-spacing:-.02em;line-height:1.02;
  font-size:clamp(34px,6vw,76px);margin:22px 0 24px;
}
.section-h em{font-family:"Newsreader",serif;font-style:italic;font-weight:400;color:var(--gold)}
.section-lede{max-width:54ch;font-size:clamp(15px,1.8vw,19px);color:var(--ink2);margin-bottom:54px}
.mlist{list-style:none}
.mlist li{
  display:grid;grid-template-columns:64px 1fr auto;gap:24px;align-items:baseline;
  padding:30px 0;border-top:1px solid var(--line);
}
.mlist li:last-child{border-bottom:1px solid var(--line)}
.ml-n{font-size:clamp(20px,2.4vw,30px);font-weight:400;color:var(--gold)}
.ml-body h3{font-weight:500;font-size:clamp(20px,2.6vw,30px);letter-spacing:-.01em;margin-bottom:6px}
.ml-body p{max-width:52ch;color:var(--ink2);font-size:clamp(14px,1.6vw,17px)}
.ml-body em{color:var(--ink);font-weight:500;font-style:normal}
.ml-root{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);white-space:nowrap;text-align:right}
.ml-breath .ml-n{color:var(--ink)}
.ml-breath{background:linear-gradient(90deg,rgba(224,163,62,.08),transparent)}

/* ---------- SCIENCE / ACCORDION ---------- */
.science{padding:clamp(90px,13vw,170px) 0;border-top:1px solid var(--line)}
.science .section-h{margin-top:22px}
.science .section-lede{margin-bottom:40px}
.acc{border-top:1px solid var(--line)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-q{
  width:100%;background:none;border:0;cursor:pointer;text-align:left;
  font-family:"Space Grotesk",sans-serif;font-size:clamp(17px,2.1vw,23px);font-weight:400;letter-spacing:-.01em;color:var(--ink);
  padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;
  transition:color .25s ease;
}
.acc-q:hover{color:var(--gold)}
.plus{font-size:24px;color:var(--gold);transition:transform .35s ease;flex-shrink:0;font-weight:300}
.acc-q.open .plus{transform:rotate(45deg)}
.acc-a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}
.acc-a p{padding:0 0 28px;max-width:64ch;color:var(--ink2);font-size:clamp(15px,1.7vw,17px)}
.acc-a a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* ---------- DIFFERENCE / TABLE ---------- */
.difference{padding:clamp(90px,13vw,170px) 0;border-top:1px solid var(--line);background:var(--bg2)}
.difference .section-h{margin:22px 0 46px}
.ctable{border-top:1px solid var(--line)}
.crow{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line2)}
.chead{border-bottom:1px solid var(--line)}
.chead div{font-family:"Space Grotesk",sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.chead .anasa{color:var(--gold);font-weight:600}
.feat{font-size:clamp(14px,1.6vw,17px);color:var(--ink)}
.yes,.no{font-size:14px;font-weight:500}
.yes{color:var(--sage)}
.no{color:var(--soft)}
.cnote{margin-top:26px;font-size:14px;color:var(--soft)}
.cnote a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* ---------- PNEUMA / PHILOSOPHY ---------- */
.pneuma{padding:clamp(100px,16vw,200px) 0;border-top:1px solid var(--line);text-align:center}
.pneuma .tag{margin-bottom:40px}
.pneuma p{
  font-family:"Newsreader",serif;font-weight:300;
  font-size:clamp(22px,3.4vw,40px);line-height:1.32;letter-spacing:-.01em;
  max-width:24ch;margin:0 auto 28px;color:var(--ink2);
}
.pneuma p em{color:var(--ink);font-style:italic}
.pneuma p b{font-weight:400;color:var(--gold);font-style:italic;font-family:"Newsreader",serif}
.pneuma .keep{color:var(--ink);font-weight:400;font-size:clamp(26px,4vw,48px);max-width:none}

/* ---------- FINAL CTA ---------- */
.finalcta{
  background:var(--evergreen);color:var(--cream);
  padding:clamp(100px,15vw,190px) var(--pad);text-align:center;
}
.finalcta .wrap{padding-left:0;padding-right:0}
.finalcta .tag.light{color:var(--goldL);margin-bottom:28px}
.finalcta h2{
  font-weight:500;letter-spacing:-.02em;line-height:1;
  font-size:clamp(56px,11vw,150px);margin-bottom:22px;
}
.finalcta h2 em{font-family:"Newsreader",serif;font-style:italic;font-weight:400;color:var(--goldL)}
.finalcta>.wrap>p{color:rgba(237,227,209,.7);font-size:clamp(15px,1.8vw,19px);max-width:42ch;margin:0 auto 44px}
.badges{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.badge{
  display:flex;align-items:center;gap:12px;text-align:left;
  border:1px solid rgba(237,227,209,.28);border-radius:14px;padding:11px 22px;transition:.3s ease;
}
.badge span{display:flex;flex-direction:column}
.badge small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(237,227,209,.55)}
.badge b{font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:500}
.badge:hover{border-color:var(--goldL);background:rgba(224,163,62,.08)}
.badge-ico{width:23px;height:23px;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EDE3D1'%3E%3Cpath d='M17.05 12.04c-.03-2.9 2.37-4.3 2.48-4.36-1.35-1.98-3.45-2.25-4.2-2.28-1.79-.18-3.49 1.05-4.4 1.05-.9 0-2.3-1.03-3.79-1-1.95.03-3.75 1.13-4.75 2.88-2.03 3.52-.52 8.73 1.46 11.59.97 1.4 2.12 2.97 3.63 2.91 1.46-.06 2.01-.94 3.77-.94 1.76 0 2.26.94 3.8.91 1.57-.03 2.56-1.42 3.52-2.83 1.11-1.62 1.57-3.19 1.59-3.27-.04-.02-3.05-1.17-3.08-4.65zM14.5 4.5c.8-.97 1.34-2.32 1.19-3.66-1.15.05-2.54.77-3.37 1.74-.74.86-1.39 2.23-1.21 3.54 1.28.1 2.59-.65 3.39-1.62z'/%3E%3C/svg%3E");}
.badge-ico.play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EDE3D1'%3E%3Cpath d='M4 3l14 9-14 9z'/%3E%3C/svg%3E");}
.btn-amber{
  display:inline-flex;align-items:center;
  background:var(--goldL);color:#16221C;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:16px;
  padding:16px 34px;border-radius:40px;transition:.3s ease;
}
.btn-amber:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(224,163,62,.7)}

/* ---------- FOOTER ---------- */
footer{background:var(--night);color:rgba(237,227,209,.62);padding:clamp(50px,7vw,80px) var(--pad)}
.foot-top{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}
footer .logo{color:var(--cream)}
.fnav{display:flex;flex-wrap:wrap;gap:8px 22px;max-width:620px;justify-content:flex-end}
.fnav a{font-size:13px;color:rgba(237,227,209,.6);transition:color .25s ease}
.fnav a:hover{color:var(--goldL)}
.foot-line{max-width:var(--maxw);margin:34px auto 0;font-size:13px;color:rgba(237,227,209,.45);border-top:1px solid rgba(237,227,209,.12);padding-top:22px}
.keywords{max-width:var(--maxw);margin:16px auto 0;font-size:11px;line-height:1.7;color:rgba(237,227,209,.26)}

/* ---------- SCROLL REVEAL ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- RESPONSIVE ---------- */
@media(max-width:860px){
  .navlinks{display:none}
  .chapter-grid{grid-template-columns:1fr;gap:48px}
  .chapter.alt .chapter-art{order:0}
  .chapter-copy p,.chapter-copy .whisper{max-width:none}
  .hero-foot span{display:none}
  .hero-foot .scrollcue{margin:0 auto}
  .hero-breath{position:static;align-items:flex-start;margin-top:34px}
  .hero-breath .ring{width:clamp(130px,40vw,200px)}
  .mlist li{grid-template-columns:44px 1fr;gap:8px 18px}
  .ml-root{grid-column:2;text-align:left;margin-top:8px}
  .crow{grid-template-columns:1.4fr .6fr .6fr;gap:10px}
}
@media(max-width:520px){
  .hero h1{font-size:clamp(46px,15vw,80px)}
  .phone{width:230px;height:480px}
  .badges{flex-direction:column;align-items:center}
}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important}
  .reveal{opacity:1;transform:none;transition:none}
  .hero .tag,.hero h1,.lede,.breathbox{opacity:1;animation:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   LEGACY pSEO ARTICLES — dark editorial skin for the old markup
   (.phero / .body / .glassbox / .steps / .endcta / .related)
   ============================================================ */
.it{font-family:"Newsreader",serif;font-style:italic;font-weight:400;color:var(--gold)}
.phero{max-width:920px;margin:0 auto;padding:150px var(--pad) 36px}
.crumb{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.phero h1{font-family:"Space Grotesk",sans-serif;font-weight:500;letter-spacing:-.03em;line-height:.96;font-size:clamp(40px,7vw,92px);margin-bottom:24px;color:var(--ink)}
.phero .lede{max-width:60ch;font-size:clamp(17px,2vw,21px);line-height:1.5;color:var(--ink2);opacity:1;animation:none}
.phero .cta{margin-top:30px}
.article{max-width:720px;margin:0 auto;padding:24px var(--pad) 6px}
.body{padding:34px 0;border-top:1px solid var(--line)}
.body:first-child{border-top:0}
.body h2{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(26px,3.6vw,40px);letter-spacing:-.015em;line-height:1.1;margin-bottom:18px;color:var(--ink)}
.body p{font-size:clamp(16px,1.9vw,19px);line-height:1.72;color:var(--ink2);margin-bottom:18px}
.body p strong,.body p b{color:var(--ink);font-weight:600}
.body em{color:var(--ink);font-style:italic}
.body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.glassbox{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:6px 28px;margin:6px 0 18px}
.steps{list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:18px 0 18px 46px;border-top:1px solid var(--line2);color:var(--ink2);font-size:clamp(15px,1.7vw,17px);line-height:1.6}
.steps li:first-child{border-top:0}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:18px;color:var(--gold);font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:500}
.steps li b{color:var(--ink);font-weight:600}
.endcta{background:var(--evergreen);color:var(--cream);text-align:center;padding:clamp(80px,12vw,150px) var(--pad);margin-top:40px}
.endcta h2{font-family:"Space Grotesk",sans-serif;font-weight:500;letter-spacing:-.02em;line-height:1;font-size:clamp(44px,9vw,104px);margin-bottom:18px}
.endcta h2 .it{color:var(--goldL)}
.endcta p{color:rgba(237,227,209,.7);font-size:clamp(15px,1.8vw,18px);max-width:46ch;margin:0 auto 30px}
.endcta .badges{margin-top:4px}
.related{padding:clamp(50px,7vw,80px) var(--pad);border-top:1px solid var(--line)}
.related .wrap{max-width:var(--maxw);margin:0 auto;padding:0}
.related h2{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(20px,2.4vw,26px);margin-bottom:24px;color:var(--ink)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.rlink{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--ink);font-weight:500;transition:.25s ease}
.rlink span{font-weight:400;font-size:14px;color:var(--soft)}
.rlink:hover{border-color:var(--gold);color:var(--gold)}
footer a:hover{color:var(--goldL)}