/* ═══════════════════════════════════════════════════════════
   PharmGrowth v7 — design system (from scratch)
   Green brand · light canvases · product-UI led
   ═══════════════════════════════════════════════════════════ */
@font-face{font-family:'Geist';src:url('/assets/fonts/geist-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';src:url('/assets/fonts/geist-latin-ext-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';src:url('/assets/fonts/geist-mono-latin-wght-normal.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}

:root{
  /* brand */
  --forest:#0B2815; --forest-2:#123F22; --forest-3:#1B5A31;
  --green:#1F7A45; --green-2:#2E9E5B; --mint:#35D07F; --mint-2:#7BE7AE;
  /* neutrals */
  --ink:#0F1D16; --slate:#54655B; --mute:#7C8B83;
  --cream:#F7F6F1; --paper:#FFFFFF; --sage:#EAF4EE; --sage-2:#DBEBE1;
  --line:#E4EAE6; --line-2:#EFF3F0;
  /* type */
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,monospace;
  /* layout */
  --max:1240px; --wide:1400px; --read:700px; --gut:clamp(1.15rem,4vw,2.5rem);
  --sec:clamp(4.5rem,8vw,8rem); --sec-sm:clamp(3rem,5vw,5rem);
  /* radius / depth */
  --r-xs:8px; --r-sm:12px; --r:16px; --r-lg:22px; --r-pill:999px;
  --sh-sm:0 6px 18px -10px rgba(11,40,21,.18);
  --sh:0 24px 60px -32px rgba(11,40,21,.34);
  --sh-lg:0 50px 110px -50px rgba(11,40,21,.55);
  --ease:cubic-bezier(.2,.7,.2,1); --fast:170ms; --slow:600ms;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{max-width:100%;display:block}
img{height:auto}
.card-img .im img,.work a img,.case7 .cover img,.ed .im img{height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:620;letter-spacing:-.03em;line-height:1.08;color:var(--ink)}
h1{font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:640;letter-spacing:-.05em;line-height:1.02}
h2{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:630;letter-spacing:-.04em}
body{font-feature-settings:'ss01' 0;text-rendering:optimizeLegibility}
h3{font-size:clamp(1.15rem,1.5vw,1.4rem);letter-spacing:-.02em;line-height:1.25}
h4{font-size:1rem;letter-spacing:-.01em}
p{margin:0;color:var(--slate)}
.lede{font-size:clamp(1.05rem,1.25vw,1.25rem);line-height:1.55;color:var(--slate)}
.small{font-size:.875rem}
.eyebrow{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--green);display:inline-block}
.on-dark .eyebrow{color:var(--mint)}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.wrap-wide{width:100%;max-width:var(--wide);margin:0 auto;padding-inline:var(--gut)}
section{position:relative}
.sec{padding-block:var(--sec)}
.sec-sm{padding-block:var(--sec-sm)}
.sec-xs{padding-block:clamp(1.8rem,3vw,2.8rem)}
.center{text-align:center}
.center .eyebrow{margin-inline:auto}
.hd{max-width:46rem}
.hd.center{margin-inline:auto}
.hd .eyebrow{margin-bottom:1.1rem}
.step[open] .n,.step:hover .n{background:var(--green);color:#fff}
.step summary::-webkit-details-marker{display:none}
.step[open] summary span:last-child svg{transform:rotate(180deg)}
a.step:hover h3{color:var(--green)}
.hd p{margin-top:1rem}
.on-dark{color:#fff}
.on-dark:not(.cta):not(.stage):not(.sec-forest):not(.sec-ink):not(.ft){color:inherit}
.on-dark h2,.on-dark h3,.on-dark h4{color:#fff}
.on-dark p,.on-dark .lede{color:rgba(255,255,255,.72)}

/* ── buttons ── */
.btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;border:0;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:-.01em;padding:.85rem 1.4rem;border-radius:var(--r-pill);overflow:hidden;isolation:isolate;transition:transform var(--fast) var(--ease),background var(--fast),color var(--fast),box-shadow var(--fast)}
.btn>*{position:relative;z-index:2}
.btn::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 66%);transform:translateX(-130%);transition:none;pointer-events:none}
.btn:hover::before{animation:polish 720ms var(--ease) forwards}
@keyframes polish{to{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.btn:hover::before{animation:none}}
.btn i{font-style:normal;transition:transform var(--fast) var(--ease)}
.btn:hover i{transform:translateX(3px)}
.btn-pri{background:var(--green);color:#fff;box-shadow:0 10px 26px -14px rgba(31,122,69,.8)}
.btn-pri:hover{background:var(--forest-3);color:#fff;transform:translateY(-1px)}
.btn-mint{background:var(--mint);color:var(--forest);box-shadow:0 12px 28px -16px rgba(53,208,127,.8)}
.btn-mint:hover{background:var(--mint-2);color:var(--forest);transform:translateY(-1px)}
.btn-white{background:#fff;color:var(--forest);box-shadow:0 10px 30px -16px rgba(0,0,0,.4)}
.btn-white:hover{background:#fff;color:var(--forest);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
/* any dark surface: ghost + text buttons go white */
.hero .btn-ghost,.cta .btn-ghost,.sec-forest .btn-ghost,.sec-ink .btn-ghost,.stage.forest .btn-ghost,.ft .btn-ghost,.art-cta7 .btn-ghost,.plan.feat .btn-ghost,.aside .cta .btn-ghost,.deck-sec .btn-ghost{
  color:#fff;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
.hero .btn-ghost:hover,.cta .btn-ghost:hover,.sec-forest .btn-ghost:hover,.sec-ink .btn-ghost:hover,.stage.forest .btn-ghost:hover,.ft .btn-ghost:hover,.art-cta7 .btn-ghost:hover,.plan.feat .btn-ghost:hover{
  color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #fff}
.cta .tlink,.sec-forest .tlink,.sec-ink .tlink,.stage.forest .tlink,.art-cta7 .tlink,.ft .tlink{color:var(--mint)}
.art-cta7 .btn-mint,.cta .btn-mint{color:var(--forest)}
.on-dark .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.on-dark .btn-ghost:hover{box-shadow:inset 0 0 0 1px #fff}
.btn-sm{padding:.6rem 1.05rem;font-size:.88rem}
.tlink{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:var(--green)}
.tlink::after{content:"→";transition:transform var(--fast) var(--ease)}
.tlink:hover::after{transform:translateX(4px)}
.on-dark .tlink{color:var(--mint)}

/* ── navigation ── */
.ann{background:linear-gradient(90deg,#14512B 0%,#1F7A45 38%,#2E9E5B 62%,#1B6238 100%);color:rgba(255,255,255,.9);font-size:.82rem;text-align:center;padding:.62rem 1rem;letter-spacing:-.005em}
.ann b{color:#fff}
.ann a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.ann a:hover{text-decoration-color:#fff}
.nav{position:sticky;top:0;z-index:80;background:transparent;transition:background 140ms linear,box-shadow 140ms linear}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.14);opacity:0;transition:opacity 140ms linear}
.nav-in{max-width:var(--wide);margin-inline:auto;width:100%;height:76px;display:flex;align-items:center;gap:clamp(.6rem,1.4vw,1.5rem);padding-inline:var(--gut);transition:height 200ms var(--ease)}
/* scrolled: solid full-width bar */
.nav.stuck{background:rgba(11,40,21,.72);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 14px 40px -28px rgba(0,0,0,.6)}
.nav.light.stuck{background:rgba(255,255,255,.82)}
.nav.light.stuck::after{background:rgba(11,40,21,.1)}
.nav.light .nlink,.nav.light .brand,.nav.light .nlogin{color:var(--ink)}
.nav.light .nlogin{color:var(--slate)}
.nav.light .brand b{color:var(--green)}
.nav.light .nlink:hover{color:var(--green)}
.nav.light .nlink::after{background:var(--green)}
.nav.light .nlink[aria-expanded=true]{background:var(--sage);color:var(--green)}
.nav.light .btn-pri,.nav.light .btn-pri:hover{color:#fff}
.nav.light .btn-pri{background:var(--green)}
.nav.light .btn-pri:hover{background:var(--forest-3)}
.nav.light .burger{background:var(--sage)}
.nav.light .burger span,.nav.light .burger::before,.nav.light .burger::after{background:var(--ink)}
.nav.stuck::after{opacity:1}
.nav.stuck .nav-in{height:66px}
.nav .brand b{color:var(--mint)}
.nav .nlink[aria-expanded=true]{background:rgba(255,255,255,.14);color:#fff}
.nav .btn-pri,.nav .btn-pri:hover{color:var(--forest)}
.nav .btn-pri{background:#fff;box-shadow:none}
.nav .btn-pri:hover{background:var(--mint)}
.nav .burger{background:rgba(255,255,255,.16)}
.nav .burger span,.nav .burger::before,.nav .burger::after{background:#fff}
/* light-hero pages: tinted bar from the start so white type reads */
body:not(.hero-dark) .nav{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body:not(.hero-dark) .nav::after{opacity:1}
/* hero sits under the transparent bar */
body.hero-dark .hero{margin-top:-76px;padding-top:calc(76px + clamp(3rem,7vw,6rem))}
body.hero-dark .hero-sub{padding-top:calc(76px + clamp(2rem,4vw,3.4rem))}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.08rem;letter-spacing:-.03em;color:#fff;transition:color 140ms linear}
.brand b{color:var(--green);font-weight:700}
.brand img{width:30px;height:30px}
.nlinks{display:flex;align-items:center;gap:clamp(.4rem,1.1vw,1.1rem);margin-left:.6rem}
.nlink{position:relative;display:inline-flex;align-items:center;gap:.3rem;font-size:.92rem;font-weight:500;color:#fff;transition:color 140ms linear;padding:.5rem .5rem;border-radius:var(--r-xs);background:none;border:0;font-family:inherit;cursor:pointer}
.nlink svg{width:12px;height:12px;opacity:.6;transition:transform var(--fast) var(--ease)}
.nlink:hover{color:var(--mint)}
.nlink[aria-expanded=true] svg{transform:rotate(180deg)}
.nlink[aria-expanded=true]{background:var(--sage);color:var(--green)}
.nright{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.nlogin{font-size:.88rem;font-weight:500;color:rgba(255,255,255,.78);transition:color 140ms linear}
.nlogin:hover{color:#fff}
.burger{display:none;margin-left:auto;width:42px;height:42px;border:0;background:var(--sage);border-radius:var(--r-pill);cursor:pointer;position:relative}
.burger span,.burger::before,.burger::after{content:"";position:absolute;left:12px;right:12px;height:2px;background:var(--ink);border-radius:2px;transition:transform var(--fast) var(--ease),opacity var(--fast)}
.burger span{top:20px}.burger::before{top:14px}.burger::after{top:26px}
body.mnav-open .burger span{opacity:0}
body.mnav-open .burger::before{transform:translateY(6px) rotate(45deg)}
body.mnav-open .burger::after{transform:translateY(-6px) rotate(-45deg)}
/* mega menu */
.mega{position:absolute;top:calc(100% - .35rem);left:50%;transform:translate(-50%,-8px);width:max-content;max-width:min(calc(100vw - 2*var(--gut)),620px);
  background:linear-gradient(180deg,rgba(12,44,24,.86),rgba(9,32,17,.9));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);
  border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);padding:1.1rem 1.1rem .9rem;opacity:0;visibility:hidden;
  transition:opacity 180ms var(--ease),transform 180ms var(--ease),visibility 180ms}
.mega::after{content:attr(data-label);position:absolute;left:1.5rem;top:.85rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.mega-grid{padding-top:1.6rem}
.mega::before{content:"";position:absolute;left:0;right:0;top:-.6rem;height:.6rem}
.mega.open{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-grid{display:grid;gap:.15rem}
.mcard{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .65rem;border-radius:10px;transition:background var(--fast)}
.mcard s{white-space:nowrap}
.mcard:hover{background:rgba(255,255,255,.08)}
.mcard .ic{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.08);color:var(--mint);display:grid;place-items:center;flex:none}
.mcard .ic svg{width:16px;height:16px}
.mcard:hover .ic{background:rgba(53,208,127,.16)}
.mcard b{display:block;margin-bottom:.1rem;color:#fff;font-size:.88rem;font-weight:600;line-height:1.25}
.mcard:hover .ic{background:#fff}
.mcard b{font-size:.95rem;font-weight:600}
.mcard s{text-decoration:none;font-size:.76rem;color:rgba(255,255,255,.55);line-height:1.4;display:block}
.mega-foot{margin-top:.5rem;padding-top:.75rem;padding-inline:.65rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1.2rem;font-size:.78rem;color:rgba(255,255,255,.62)}
.mega-foot a{font-weight:500}
.mega-foot a:hover{color:var(--mint)}
/* mobile nav */
.mnav{position:fixed;inset:0;z-index:90;background:var(--cream);transform:translateY(-100%);transition:transform 380ms var(--ease);overflow-y:auto;display:flex;flex-direction:column;padding:1rem var(--gut) 2rem}
body.mnav-open .mnav{transform:none}
.mnav-hd{display:flex;align-items:center;height:64px}
.mnav-hd button{margin-left:auto;width:42px;height:42px;border:0;border-radius:var(--r-pill);background:var(--sage);font-size:1.4rem;cursor:pointer;line-height:1}
.mnav h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:1.6rem 0 .6rem;font-weight:500}
.mnav .ml{display:flex;align-items:center;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1.05rem;font-weight:500}
.mnav .ml .ic{width:34px;height:34px;border-radius:10px;background:var(--sage);color:var(--green);display:grid;place-items:center;flex:none}
.mnav .ml s{text-decoration:none;display:block;font-size:.8rem;color:var(--mute);font-weight:400}
.mnav .btn{margin-top:1.6rem;justify-content:center}
@media(max-width:1040px){.nlinks,.nright .nlogin,.nright .btn{display:none}.burger{display:block}.nav-in{height:66px}.nav.stuck .nav-in{height:60px}body.hero-dark .hero{margin-top:-66px;padding-top:calc(66px + clamp(2.5rem,7vw,5rem))}body.hero-dark .hero-sub{padding-top:calc(66px + 2rem)}}

/* ── hero ── */
.hero{position:relative;background:linear-gradient(180deg,#0A2413 0%,#0E3A1E 34%,#12481F 62%,#14512B 100%);color:#fff;padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,6vw,5rem);overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(247,246,241,0) 0%,rgba(247,246,241,.06) 24%,rgba(247,246,241,.18) 42%,rgba(247,246,241,.42) 60%,rgba(247,246,241,.72) 76%,rgba(247,246,241,.93) 90%,var(--cream) 100%);z-index:3;pointer-events:none}
.hero::before{content:"";position:absolute;left:50%;top:-16%;width:min(1200px,120vw);height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(53,208,127,.22),rgba(53,208,127,0));pointer-events:none;z-index:1}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-bg i{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen}
.hero-bg .b1{width:58vw;height:44vw;left:-14%;top:-16%;background:radial-gradient(closest-side,rgba(46,158,91,.62),transparent);animation:drift1 26s var(--ease) infinite alternate}
.hero-bg .b2{width:46vw;height:38vw;right:-10%;top:6%;background:radial-gradient(closest-side,rgba(53,208,127,.42),transparent);animation:drift2 32s var(--ease) infinite alternate}
.hero-bg .b3{width:52vw;height:34vw;left:22%;bottom:-18%;background:radial-gradient(closest-side,rgba(27,90,49,.85),transparent);animation:drift3 38s var(--ease) infinite alternate}
.hero-bg .mesh{position:absolute;inset:-20%;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(120% 80% at 50% 20%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(120% 80% at 50% 20%,#000 10%,transparent 72%);animation:meshDrift 44s linear infinite;opacity:.5}
@keyframes drift1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(7vw,4vw,0) scale(1.18)}}
@keyframes drift2{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-6vw,6vw,0) scale(.92)}}
@keyframes drift3{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-8vw,-4vw,0) scale(1.22)}}
@keyframes meshDrift{to{transform:translate3d(30px,30px,0)}}
@media(prefers-reduced-motion:reduce){.hero-bg i,.hero-bg .mesh{animation:none}}
.hero .wrap{position:relative;z-index:5}
.hero-top{text-align:center;max-width:56rem;margin-inline:auto}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--mint)}
.ai-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem .45rem .7rem;border-radius:var(--r-pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:.8rem;font-weight:600;letter-spacing:-.005em;color:#fff;margin-bottom:1.4rem}
.ai-badge .sp{width:20px;height:20px;display:grid;place-items:center;position:relative;flex:none}
.ai-badge .sp svg{width:20px;height:20px;position:relative;z-index:2}
.ai-badge .sp::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(closest-side,rgba(53,208,127,.5),transparent);animation:pulseGlow 2.8s var(--ease) infinite}
.ai-badge .sp .g1{animation:sparkA 3.2s var(--ease) infinite}
.ai-badge .sp .g2{animation:sparkB 3.2s .5s var(--ease) infinite}
@keyframes sparkA{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.9)}}
@keyframes sparkB{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
.hero .lede{color:rgba(255,255,255,.76);max-width:40rem;margin:1.3rem auto 0}
.hero .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);background:rgba(255,255,255,.06)}
.hero .btn-ghost:hover{box-shadow:inset 0 0 0 1px #fff;background:rgba(255,255,255,.06)}
.hero-cta{display:flex;gap:.7rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.hero-note{margin-top:1.1rem;font-size:.84rem;color:rgba(255,255,255,.72)}
.hero-stage{position:relative;z-index:4;margin-top:clamp(2.5rem,5vw,4rem);height:clamp(240px,26vw,340px);align-items:flex-start;display:flex;justify-content:center;align-items:flex-start;gap:clamp(.8rem,2vw,2rem);perspective:1800px}
.hero-stage .pane{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);transform-style:preserve-3d;transition:transform var(--slow) var(--ease)}
.hero-stage img{width:100%;height:auto}
.hero-stage .p-phone{width:clamp(190px,20vw,272px);border-radius:38px;background:#fff;transform:rotateY(10deg) rotateX(2deg) translateY(2.2rem)}
.hero-stage .p-mid{width:clamp(230px,25vw,340px);border-radius:24px;background:#fff;z-index:3}
.hero-stage .p-right{width:clamp(190px,20vw,272px);border-radius:38px;background:#fff;transform:rotateY(-10deg) rotateX(2deg) translateY(2.2rem)}
.hero-stage .p-flat{width:clamp(230px,24vw,330px);border-radius:20px;background:#fff}
@media(max-width:900px){.hero-stage{gap:.6rem}.hero-stage .p-phone,.hero-stage .p-right{display:none}.hero-stage .p-mid{width:min(320px,78vw);transform:none}}

/* ── logo strip ── */
.logos{display:flex;align-items:center;gap:clamp(1.2rem,3.2vw,3rem);flex-wrap:wrap;justify-content:center;padding-block:.5rem}
.logos .lbl{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);background:var(--sage);border-radius:var(--r-pill);padding:.4rem .8rem}
.logos img{height:clamp(24px,2.4vw,34px);width:auto;opacity:.62;filter:grayscale(1);transition:opacity var(--fast),filter var(--fast)}
.logos img:hover{opacity:1;filter:none}
.logos span.wm{font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:600;letter-spacing:-.02em;color:var(--mute)}

/* ── generic layouts ── */
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split.rev>*:first-child{order:2}
.split.narrow{grid-template-columns:1fr 1fr}
@media(max-width:900px){.split,.split.narrow{grid-template-columns:1fr}.split.rev>*:first-child{order:0}}
.steps{display:grid;gap:.5rem;margin-top:2rem}
.step{border-top:1px solid var(--line);padding:1.15rem .25rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.step:last-child{border-bottom:1px solid var(--line)}
.step .n{width:26px;height:26px;border-radius:50%;background:var(--sage);color:var(--green);font-size:.78rem;font-weight:700;display:grid;place-items:center;font-family:var(--mono)}
.step.on .n{background:var(--green);color:#fff}
.step h3{font-size:1.05rem}
.step p{margin-top:.35rem;font-size:.93rem;line-height:1.55}
.step .body{display:none}
.step.on .body{display:block}
.on-dark .step{border-color:rgba(255,255,255,.14)}
.on-dark .step .n{background:rgba(255,255,255,.12);color:#fff}
.on-dark .step.on .n{background:var(--mint);color:var(--forest)}
.ticks{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.65rem}
.ticks li{display:flex;gap:.65rem;align-items:flex-start;font-size:.97rem;color:var(--slate);line-height:1.5}
.ticks svg{width:19px;height:19px;flex:none;margin-top:.15rem;color:var(--green)}
.on-dark .ticks li{color:rgba(255,255,255,.76)}
.on-dark .ticks svg{color:var(--mint)}

/* ── product framing ── */
.shot{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);background:#fff;border:1px solid rgba(11,40,21,.08)}
.shot img{width:100%;height:auto}
.shot-bleed{border-radius:var(--r) var(--r) 0 0;margin-bottom:calc(var(--sec) * -1);position:relative;z-index:2}
.stage{position:relative;border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,3rem);overflow:hidden}
.stage.sage{background:var(--sage)}
.stage.forest{background:linear-gradient(160deg,var(--forest-2),var(--forest))}
.stage.cream{background:var(--cream)}
.phones{display:flex;justify-content:center;align-items:flex-start;gap:clamp(.7rem,2vw,1.8rem)}
.phones .ph{width:clamp(170px,18vw,240px);border-radius:32px;overflow:hidden;box-shadow:var(--sh-lg);flex:none;background:#fff;transition:transform var(--slow) var(--ease);max-height:clamp(340px,40vw,520px)}
.phones .ph img{display:block;width:100%;height:auto}
.phones .ph:nth-child(2){z-index:2}
.phones .ph:nth-child(odd){margin-top:clamp(.8rem,2.2vw,2rem)}
.phones .ph:hover{transform:translateY(-8px)}
.phone-lbl{display:flex;justify-content:center;gap:clamp(.7rem,2vw,1.8rem);margin-top:1.1rem}
.phone-lbl span{width:clamp(170px,18vw,240px);text-align:center;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.on-dark .phone-lbl span{color:rgba(255,255,255,.5)}
@media(max-width:760px){.phones{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding-bottom:.5rem}.phones .ph{width:210px;scroll-snap-align:center}.phones .ph:nth-child(odd){margin-top:0}.phone-lbl{display:none}}
.chip{position:absolute;display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:var(--r-sm);padding:.7rem .9rem;box-shadow:var(--sh);font-size:.85rem;font-weight:600;z-index:4}
.chip s{text-decoration:none;display:block;font-weight:400;font-size:.76rem;color:var(--mute)}
.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--mint);flex:none}
@media(max-width:760px){.chip{display:none}}

/* ── cards ── */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.6vw,1.2rem)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,1.6vw,1.2rem)}
@media(max-width:980px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.grid-3,.grid-4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;transition:transform var(--fast) var(--ease),box-shadow var(--fast)}
a.card:hover{transform:translateY(-3px);box-shadow:var(--sh-sm)}
.card .ic{width:42px;height:42px;border-radius:12px;background:var(--sage);color:var(--green);display:grid;place-items:center;margin-bottom:1rem}
.card h3{margin-bottom:.45rem}
.card p{font-size:.92rem;line-height:1.55}
.card .tlink{margin-top:auto;padding-top:1rem}
.card-img{padding:0;overflow:hidden}
.card-img .im{aspect-ratio:16/10;overflow:hidden;background:var(--sage)}
.card-img .im img{width:100%;height:100%;object-fit:cover;object-position:top}
.card-img .tx{padding:1.35rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}
.badge{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:.6rem}

/* ── quote ── */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.6vw,1.2rem)}
@media(max-width:900px){.quotes{grid-template-columns:1fr}}
.quote{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:1.6rem;display:flex;flex-direction:column}
.quote .stars{color:var(--mint);letter-spacing:.15em;font-size:.8rem;margin-bottom:.9rem}
.quote p{color:#fff;font-size:1.02rem;line-height:1.55}
.quote .who{margin-top:auto;padding-top:1.2rem;font-size:.83rem;color:rgba(255,255,255,.55)}

/* ── pricing preview ── */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.6vw,1.2rem);align-items:start}
@media(max-width:900px){.plans{grid-template-columns:1fr}}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.7rem}
.plan.feat{background:var(--forest);color:#fff;border-color:var(--forest)}
.plan.feat h3,.plan.feat .price{color:#fff}
.plan.feat p,.plan.feat .ticks li{color:rgba(255,255,255,.75)}
.plan.feat .ticks svg{color:var(--mint)}
.plan .price{font-size:2.4rem;font-weight:600;letter-spacing:-.04em;margin:.9rem 0 .2rem}
.plan .price small{font-size:.9rem;font-weight:500;color:var(--mute);letter-spacing:0}
.plan.feat .price small{color:rgba(255,255,255,.6)}
.plan .btn{margin-top:1.4rem;width:100%;justify-content:center}
.plan .ticks{margin-top:1.2rem}
.plan .ticks li{font-size:.9rem}

/* ── CTA + footer ── */
.cta{background:radial-gradient(110% 130% at 15% 0%,#1B5A31 0%,#0F3D20 45%,#0B2815 100%);color:#fff;border-radius:var(--r-lg);padding:clamp(2.5rem,6vw,4.5rem);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;overflow:hidden;position:relative}
.cta h2{color:#fff;max-width:14em}
@media(max-width:860px){.cta{grid-template-columns:1fr}}
.ft{position:relative;background:linear-gradient(180deg,#0E3319 0%,#0B2815 55%,#092011 100%);color:#fff;padding-block:clamp(3rem,6vw,5rem) 2rem;margin-top:var(--sec);overflow:hidden;isolation:isolate}
.ft>.wrap-wide{position:relative;z-index:2}
.ft-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ft-bg .dots{display:none}
.ft-bg .glow{position:absolute;border-radius:50%;filter:blur(90px)}
.ft-bg .g1{width:60vw;height:38vw;max-width:900px;max-height:520px;left:-10%;top:-45%;background:radial-gradient(closest-side,rgba(46,158,91,.30),transparent);animation:ftfloat1 28s var(--ease) infinite alternate}
.ft-bg .g2{width:46vw;height:32vw;max-width:700px;max-height:440px;right:-8%;bottom:-45%;background:radial-gradient(closest-side,rgba(53,208,127,.16),transparent);animation:ftfloat2 34s var(--ease) infinite alternate}
.ft-bg::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(123,231,174,.32),transparent)}
@keyframes ftfloat1{from{transform:translate3d(0,0,0)}to{transform:translate3d(6vw,2vw,0)}}
@keyframes ftfloat2{from{transform:translate3d(0,0,0)}to{transform:translate3d(-5vw,-2vw,0)}}
@media(prefers-reduced-motion:reduce){.ft-bg .glow{animation:none}}
.ft-top{display:grid;grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,2rem);padding-bottom:clamp(2rem,4vw,3.5rem);border-bottom:1px solid rgba(255,255,255,.1)}
.ft-brand .brand{color:#fff;margin-bottom:1rem}
.ft-brand .brand b{color:var(--mint)}
.ft-brand p{color:rgba(255,255,255,.68);font-size:.9rem;max-width:26rem;line-height:1.6}
.ft h4{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:500;margin-bottom:1rem}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ft ul a{font-size:.88rem;color:rgba(255,255,255,.8);transition:color var(--fast)}
.ft ul a:hover{color:#fff}
.ft-btm{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.09);font-size:.8rem;color:rgba(255,255,255,.55)}
.ft-btm a{color:rgba(255,255,255,.55)}
.ft-btm a:hover{color:#fff}
.ft-btm .sp{margin-left:auto}
@media(max-width:1180px){.ft-top{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.ft-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-top{grid-template-columns:1fr}}

/* ── reveal ── */
[data-rev]{opacity:0;transform:translateY(20px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease)}
[data-rev].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-rev]{opacity:1;transform:none;transition:none}.hero-stage .pane{transform:none!important}}
/* mobile containment */
@media(max-width:760px){
  .hero-stage{height:clamp(220px,60vw,300px);gap:.5rem;padding-inline:0}
  .cta,.stage{padding:1.4rem}
  .quotes{gap:.8rem}
  .chip{display:none}
  .split{gap:2rem}
  .step{padding:1rem .1rem}
  h1{font-size:clamp(2.1rem,8.5vw,3rem)}
  h2{font-size:clamp(1.6rem,6.4vw,2.1rem)}
  .logos{gap:.9rem}
  .logos .wm{font-size:.9rem}
  .plans .plan{padding:1.3rem}
}
.wrap,.wrap-wide,.hero,.hero-stage,.stage,.cta,section{max-width:100vw}
.hero-stage>.pane{flex:none}
@media(max-width:1040px){.mega{display:none}}

/* ── sub-page hero ── */
.hero-sub{padding-top:clamp(2.4rem,5vw,4rem);padding-bottom:clamp(4rem,7vw,6.5rem)}
.hero-sub::after{height:clamp(120px,13vw,190px);background:linear-gradient(180deg,rgba(247,246,241,0) 0%,rgba(247,246,241,.12) 26%,rgba(247,246,241,.38) 50%,rgba(247,246,241,.72) 72%,rgba(247,246,241,.94) 88%,var(--cream) 100%)}
.hero-sub.has-media{padding-bottom:clamp(3rem,6vw,5rem)}
.hero-sub.has-media::after{height:clamp(200px,26vw,380px)}
/* the section after a hero should not start with another big gap */
.hero + section,.hero + .sec-sm,.hero + .sec{padding-top:clamp(1.6rem,3vw,2.6rem)}
.hero-sub::before{opacity:.7}
.hero-sub .hero-top{text-align:center;margin-inline:auto;max-width:56rem}
.hero-sub .hero-cta{justify-content:center}
.hero-sub .lede{margin-inline:auto}
.hero-sub h1{font-size:clamp(2.2rem,4.4vw,3.8rem)}
.hero-sub .crumb{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1.1rem}
.hero-sub .crumb a{color:rgba(255,255,255,.72)}
.hero-sub .crumb a:hover{color:#fff}
.hero-media{position:relative;z-index:4;margin-top:clamp(2rem,4vw,3.2rem)}
.hero-media .shot{max-width:min(920px,100%);margin-inline:auto}
.hero-media .phones{margin-top:0}
/* faq accordion */
.faqs summary{cursor:pointer;list-style:none;display:flex;gap:1rem;align-items:center}
.faqs summary::-webkit-details-marker{display:none}
.faqs h3{flex:1;font-size:1.02rem}
.faqs .fchev{color:var(--mute);display:flex}
.faqs .fchev svg{width:18px;height:18px;transition:transform var(--fast) var(--ease)}
.faqs details[open] .fchev svg{transform:rotate(180deg)}
.faqs details[open] .n{background:var(--green);color:#fff}
.faqs p{margin:.7rem 0 .3rem 2.6rem;max-width:44rem;font-size:.96rem}
/* prose (articles, legal) */
.prose7{max-width:var(--read);margin-inline:auto}
.prose7 p,.prose7 li{font-size:1.06rem;line-height:1.75;color:#2B3A32;margin:0 0 1.15rem}
.prose7 .lead{font-size:1.2rem;line-height:1.6;color:var(--ink)}
.prose7 h2{font-size:clamp(1.5rem,2.3vw,2rem);margin:2.8rem 0 1rem;scroll-margin-top:6rem}
.prose7 h3{font-size:1.2rem;margin:2rem 0 .7rem}
.prose7 ul,.prose7 ol{padding-left:1.25rem;margin-bottom:1.3rem}
.prose7 li{margin-bottom:.5rem}
.prose7 a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.prose7 strong{color:var(--ink);font-weight:600}
.prose7 code{font-family:var(--mono);font-size:.85em;background:var(--sage);padding:.1em .35em;border-radius:5px}
.prose7 figure{margin:1.8rem 0}
.prose7 img{width:auto;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);margin:1.8rem auto;display:block;box-shadow:0 20px 44px -30px rgba(11,40,21,.4)}
.prose7 img[src*="phone"],.prose7 img[src*="tab-"]{max-width:min(340px,100%)}
.prose7 figure img{margin:0}
.prose7 figcaption{font-size:.82rem;color:var(--mute);margin-top:.6rem}
.prose7 table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1.4rem 0;display:block;overflow-x:auto}
.prose7 th,.prose7 td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.prose7 th{background:var(--sage);font-weight:600}
.prose7 h2.src{font-family:var(--mono);font-size:.9rem;letter-spacing:.13em;text-transform:uppercase;color:var(--mute);margin-top:3rem}
.prose7 ul.src{list-style:none;padding-left:1rem;border-left:2px solid var(--sage-2)}
.prose7 ul.src li{font-size:.9rem;color:var(--slate)}
.callout7{border-left:3px solid var(--mint);background:var(--sage);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:1.1rem 1.3rem;margin:1.6rem 0}
.callout7 p{margin:0;font-size:1rem}
/* article header */
.art-hd7{padding-block:clamp(2.2rem,4.5vw,4rem) clamp(1.4rem,3vw,2.4rem)}
.art-hd7 .wrap{max-width:calc(var(--read) + 2*var(--gut))}
.art-hd7 h1{font-size:clamp(2rem,3.8vw,3.2rem);margin:1rem 0 1.1rem}
.art-hd7 .meta{display:flex;flex-wrap:wrap;gap:.3rem 0;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:1rem}
.art-hd7 .meta span+span::before{content:"·";margin:0 .6rem;color:var(--sage-2)}
.by7{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1.4rem}
.by7 img{width:40px;height:40px;border-radius:11px}
.by7 b{display:block;font-size:.94rem}
.by7 s{text-decoration:none;font-size:.84rem;color:var(--mute)}
.by7 a{margin-left:auto;font-size:.84rem;color:var(--green);font-weight:600;white-space:nowrap}
.art-cta7{max-width:var(--read);margin:3rem auto 0;background:var(--forest);color:#fff;border-radius:var(--r-lg);padding:clamp(1.6rem,3.5vw,2.4rem);display:grid;grid-template-columns:1.4fr auto;gap:1.4rem;align-items:center}
.art-cta7 h3{color:#fff;margin-bottom:.4rem}
.art-cta7 p{color:rgba(255,255,255,.72);font-size:.95rem}
.art-cta7 .b{display:flex;flex-direction:column;gap:.5rem}
@media(max-width:640px){.art-cta7{grid-template-columns:1fr}}
/* hub */
.feat7{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.6rem,4vw,3rem);align-items:center;padding-block:clamp(1.6rem,3vw,2.6rem)}
@media(max-width:860px){.feat7{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.4rem}
.chips a,.chips button{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:#fff;border-radius:var(--r-pill);padding:.5rem .8rem;color:var(--slate);cursor:pointer}
.chips a:hover,.chips button:hover,.chips .on{background:var(--forest);color:#fff;border-color:var(--forest)}
.hub-list{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 2rem}
.hub-list a{display:flex;gap:1rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1rem;font-weight:500}
.hub-list a:hover{color:var(--green)}
.hub-list u{text-decoration:none;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);min-width:6rem;flex:none}
@media(max-width:800px){.hub-list{grid-template-columns:1fr}}
/* forms */
.form7{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--sh-sm)}
.form7 .fld{margin-bottom:1rem}
.form7 label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:.4rem}
.form7 label span{font-weight:400;color:var(--mute)}
.form7 input,.form7 select,.form7 textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:.8rem .9rem;transition:border-color var(--fast),box-shadow var(--fast)}
.form7 input:focus,.form7 select:focus,.form7 textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(46,158,91,.15)}
.form7 textarea{min-height:110px;resize:vertical}
.form7 .btn{width:100%;justify-content:center;margin-top:.4rem}
.form7 .err{display:none;background:#FDECEA;color:#9F2D20;border-radius:var(--r-sm);padding:.7rem .9rem;font-size:.9rem;margin-bottom:.9rem}
.form7 .err.on{display:block}
.form7 .ok{display:none;background:var(--sage);color:#14532D;border-radius:var(--r-sm);padding:.9rem 1rem;font-size:.95rem;margin-bottom:.9rem}
.form7 .ok.on{display:block}
.form7 .hint{font-size:.78rem;color:var(--mute);margin-top:.8rem}
/* pricing table */
.ptable{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ptable th,.ptable td{padding:.85rem 1rem;border-bottom:1px solid var(--line-2);text-align:left}
.ptable th{background:var(--sage);font-weight:600;font-size:.85rem}
.ptable td:first-child{font-weight:500;color:var(--ink)}
.ptable td.y{color:var(--green);font-weight:600}
.ptable td.n{color:var(--mute)}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* work */
.work7{display:grid;gap:clamp(2.5rem,6vw,5rem)}
.case7{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(1.5rem,3.5vw,3rem);align-items:center}
.case7.rev>*:first-child{order:2}
@media(max-width:900px){.case7,.case7.rev>*:first-child{grid-template-columns:1fr;order:0}}
.dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem)}
.dfig{margin:0}
.dfig figcaption{font-size:.84rem;color:var(--mute);margin-top:.6rem}
@media(max-width:700px){.dgrid{grid-template-columns:1fr}}
.shot-phone{border:0;box-shadow:var(--sh-lg);border-radius:32px;overflow:hidden;max-width:280px;margin-inline:auto}
.hero-media .phones .ph{box-shadow:var(--sh-lg)}
/* v7 mobile containment (site-wide) */
@media(max-width:900px){
  .split>*{min-width:0}
  .steps,.step,.step>div{min-width:0}
  .step h3{overflow-wrap:anywhere}
  .hero-media .phones{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1)}
  .hero-media .phones .ph{width:200px;scroll-snap-align:center;margin-top:0}
  .phone-lbl{display:none}
  .case7 img{width:100%}
  .work7{gap:2.5rem}
}
.tbl-scroll{max-width:100%}
main{overflow-x:clip}

/* ── motion details ── */
@media(prefers-reduced-motion:no-preference){
  .hero-stage .p-phone{animation:floatA 9s var(--ease) infinite alternate}
  .hero-stage .p-mid{animation:floatB 11s var(--ease) infinite alternate}
  .hero-stage .p-right{animation:floatA 10s .8s var(--ease) infinite alternate}
  @keyframes floatA{from{transform:rotateY(10deg) rotateX(2deg) translate3d(0,2.2rem,0)}to{transform:rotateY(10deg) rotateX(2deg) translate3d(0,1.4rem,0)}}
  @keyframes floatB{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-.7rem,0)}}
  .hero-stage .p-right{animation-name:floatC}
  @keyframes floatC{from{transform:rotateY(-10deg) rotateX(2deg) translate3d(0,2.2rem,0)}to{transform:rotateY(-10deg) rotateX(2deg) translate3d(0,1.4rem,0)}}
}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,1.6vw,1.2rem)}
@media(max-width:820px){.stat-row{grid-template-columns:1fr 1fr}}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.5rem}
.stat b{display:block;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:600;letter-spacing:-.04em;color:var(--forest);line-height:1}
.stat s{text-decoration:none;display:block;font-size:.88rem;color:var(--slate);margin-top:.5rem;line-height:1.45}
.on-dark .stat{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.on-dark .stat b{color:#fff}
.on-dark .stat s{color:rgba(255,255,255,.62)}
/* AI orbit */
.orbit{position:relative;aspect-ratio:1;max-width:460px;margin-inline:auto;display:grid;place-items:center}
.orbit .ring{position:absolute;inset:4%;border:1px dashed rgba(46,158,91,.32);border-radius:50%}
.orbit .ring.r2{inset:20%;border-style:solid;border-color:rgba(46,158,91,.14)}
@media(prefers-reduced-motion:no-preference){.orbit .ring{animation:spin 46s linear infinite}.orbit .ring.r2{animation:spin 34s linear infinite reverse}}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit .core{width:34%;aspect-ratio:1;border-radius:28%;position:relative;z-index:3;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(155deg,#4FDD97 0%,#2E9E5B 34%,#17683A 74%,#0B3D22 100%);
  box-shadow:0 40px 80px -34px rgba(15,80,44,.75),0 2px 0 rgba(255,255,255,.55) inset,0 -18px 34px -18px rgba(0,0,0,.5) inset}
.orbit .core b{position:relative;z-index:3;color:#fff;font-weight:600;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.04em;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.orbit .core .sheen{position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.30) 26deg,transparent 72deg,transparent 360deg);z-index:1;mix-blend-mode:soft-light}
.orbit .core::before{content:"";position:absolute;left:10%;right:10%;top:6%;height:38%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));z-index:2;filter:blur(3px)}
.orbit .core::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px rgba(255,255,255,.28) inset;z-index:4}
.orbit .halo{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(46,158,91,.38),rgba(53,208,127,.10) 60%,transparent);filter:blur(10px);z-index:1}
@media(prefers-reduced-motion:no-preference){
  .orbit .core .sheen{animation:spin 7s linear infinite}
  .orbit .halo{animation:haloPulse 3.6s var(--ease) infinite}
}
@keyframes haloPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.16);opacity:1}}
@keyframes pulseGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.orbit .node{position:absolute;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:.55rem .9rem;font-size:.85rem;font-weight:600;box-shadow:var(--sh-sm);white-space:nowrap}
.orbit .node i{width:8px;height:8px;border-radius:50%;background:var(--green-2);flex:none}
.orbit .n1{top:2%;left:50%;transform:translateX(-50%)}
.orbit .n2{top:44%;left:-6%}
.orbit .n3{top:44%;right:-6%}
.orbit .n4{bottom:2%;left:50%;transform:translateX(-50%)}
@media(prefers-reduced-motion:no-preference){.orbit .node{animation:nodeFloat 6s var(--ease) infinite alternate}.orbit .n2{animation-delay:.7s}.orbit .n3{animation-delay:1.4s}.orbit .n4{animation-delay:2.1s}}
@keyframes nodeFloat{from{margin-top:0}to{margin-top:-8px}}
@media(max-width:600px){.orbit .node{font-size:.75rem;padding:.45rem .7rem}.orbit .n2{left:-2%}.orbit .n3{right:-2%}}
/* marquee */
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:2.5rem;width:max-content;animation:mq 38s linear infinite}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none}}
@keyframes mq{to{transform:translateX(-50%)}}
.mq span{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:.6rem}
.mq span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint)}

.ai-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.ai-chips span{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:.5rem .9rem;font-size:.86rem;font-weight:600;color:var(--ink)}
.ai-chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-2)}

/* ── cursor glow (pointer devices only) ── */
.cglow{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;
  background:radial-gradient(closest-side,rgba(53,208,127,.20),rgba(53,208,127,.07) 45%,transparent 72%);
  transition:opacity 400ms var(--ease);will-change:transform;mix-blend-mode:screen}
.cglow.on{opacity:1}
.cglow.lite{background:radial-gradient(closest-side,rgba(46,158,91,.16),rgba(46,158,91,.05) 45%,transparent 72%);mix-blend-mode:multiply}
@media(hover:none),(prefers-reduced-motion:reduce){.cglow{display:none}}
/* ── sparkle motif ── */
.spark{display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative}
.spark svg{width:100%;height:100%;display:block}
.spark .g1{animation:sparkA 3.2s var(--ease) infinite}
.spark .g2{animation:sparkB 3.2s .5s var(--ease) infinite}
@media(prefers-reduced-motion:reduce){.spark .g1,.spark .g2{animation:none}}
.eyebrow .spark{width:15px;height:15px;margin-right:.1rem;vertical-align:-2px}
.eyebrow.ai::before{display:none}
/* AI mark: sparkle inside the core */
.orbit .core .mark{position:relative;z-index:3;display:grid;place-items:center;filter:drop-shadow(0 3px 10px rgba(0,0,0,.3))}
.orbit .core .mark .spark svg path{fill:#fff!important}
.ai-badge .spark{margin-right:.15rem}

/* ── framed product imagery ── */
.shot{position:relative;background:#fff;border:1px solid rgba(11,40,21,.1);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -38px rgba(11,40,21,.5),0 2px 6px -2px rgba(11,40,21,.08)}
.shot::before{content:"";display:block;height:30px;background:linear-gradient(180deg,#F6F7F4,#EFF1ED);border-bottom:1px solid rgba(11,40,21,.07)}
.shot::after{content:"";position:absolute;left:14px;top:11px;width:8px;height:8px;border-radius:50%;background:#E5776A;box-shadow:14px 0 0 #E9B94C,28px 0 0 #62C27A}
.shot.bare::before,.shot.bare::after{display:none}
.shot img{display:block;width:100%;height:auto}
.split .shot,.feat7 .shot{max-width:100%}
.dgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,2rem)}
.dfig .shot{max-width:100%}
.dfig figcaption{font-size:.8rem;color:var(--mute);margin-top:.7rem;display:flex;align-items:center;gap:.5rem}
.dfig figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sage-2);flex:none}
.story .shot,.stage .shot{box-shadow:0 26px 60px -34px rgba(11,40,21,.55)}
/* case-study frames already carry their own chrome */
.case7 .shot::before,.case7 .shot::after{display:none}

/* ── article layout with sidebar ── */
.artwrap{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gut);display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.aside{position:sticky;top:96px;display:grid;gap:1.4rem}
.aside .box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.15rem}
.aside h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:.8rem}
.aside .srch{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;background:#fff;transition:border-color var(--fast),box-shadow var(--fast)}
.aside .srch:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,158,91,.14)}
.aside .srch svg{width:15px;height:15px;color:var(--mute);flex:none}
.aside .srch input{border:0;outline:0;font-family:inherit;font-size:.88rem;width:100%;background:transparent;color:var(--ink)}
.aside nav{display:grid;gap:.1rem}
.aside nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:9px;font-size:.88rem;font-weight:500;color:var(--slate);transition:background var(--fast),color var(--fast)}
.aside nav a:hover{background:var(--sage);color:var(--ink)}
.aside nav a.on{background:var(--forest);color:#fff}
.aside nav a em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:.66rem;color:var(--mute)}
.aside nav a.on em{color:rgba(255,255,255,.6)}
.aside .cta{display:block;background:linear-gradient(160deg,var(--forest-2),var(--forest));color:#fff;border-radius:var(--r);padding:1.2rem;text-align:left}
.aside .cta b{display:block;font-family:var(--sans);font-size:1rem;font-weight:600;margin-bottom:.35rem}
.aside .cta p{color:rgba(255,255,255,.7);font-size:.82rem;line-height:1.5;margin-bottom:.9rem}
.aside .cta .btn{padding:.6rem 1rem;font-size:.85rem}
.toc{display:grid;gap:.15rem}
.toc a{font-size:.84rem;color:var(--slate);padding:.34rem 0;line-height:1.4;border-left:2px solid var(--line);padding-left:.7rem}
.toc a:hover{color:var(--green);border-color:var(--green)}
.artwrap .prose7{margin-inline:0;max-width:var(--read)}
.artwrap .art-cta7,.artwrap .art-author7{margin-inline:0}
@media(max-width:1080px){.artwrap{grid-template-columns:1fr}.aside{position:static;order:2;grid-template-columns:1fr 1fr;display:grid}.aside .cta{grid-column:1/-1}}
@media(max-width:620px){.aside{grid-template-columns:1fr}}
.srch.gsrch{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);background:#fff;border-radius:var(--r-pill);padding:.7rem 1.1rem;min-width:min(420px,100%)}
.srch.gsrch:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,158,91,.14)}
.srch.gsrch svg{width:16px;height:16px;color:var(--mute);flex:none}
.srch.gsrch input{border:0;outline:0;background:transparent;font-family:inherit;font-size:.92rem;width:100%;color:var(--ink)}

/* button text colour is non-negotiable */
.btn-pri,.btn-pri:hover,.btn-pri:focus,.btn-pri:visited{color:#fff}
.btn-mint,.btn-mint:hover,.btn-white,.btn-white:hover{color:var(--forest)}
.nav .btn-pri,.nav .btn-pri:hover{color:var(--forest)}
.nav.light .btn-pri,.nav.light .btn-pri:hover{color:#fff}
.toolbox .btn,.toolbox .btn:hover{color:#fff}
.toolbox .btn-out,.toolbox .btn-ghost,.toolbox .btn-out:hover{color:var(--ink)}
.toolbox .no{color:var(--ink)}
/* buttons inside prose must keep button styling, not link styling */
.prose7 a.btn,.aside a.btn,.hub-list a.btn{text-decoration:none}
.prose7 .btn-pri,.prose7 .btn-pri:hover{color:#fff}
.prose7 .btn-mint,.prose7 .btn-white{color:var(--forest)}
.prose7 .btn-ghost,.prose7 .btn-ghost:hover{color:var(--ink)}
.prose7 .btn-out{color:var(--ink)}
/* guides index */
.gsec{padding-block:clamp(2rem,3.6vw,3rem);border-top:1px solid var(--line)}
.gsec:first-of-type{border-top:0}
.ghead{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.4rem}
.ghead h2{font-size:clamp(1.35rem,1.9vw,1.7rem)}
.ghead p{font-size:.95rem;margin-top:.4rem;max-width:44rem}
.ghead .tlink{white-space:nowrap;flex:none;margin-top:.3rem}
.gempty{display:none;padding:2rem 0;color:var(--mute)}
.artwrap .feat7{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(1.4rem,3vw,2.4rem);align-items:center;padding-block:0 clamp(1.6rem,3vw,2.4rem)}
.artwrap .feat7:hover h2{color:var(--green)}
.artwrap .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1240px){.artwrap .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.artwrap .feat7,.artwrap .grid-3{grid-template-columns:1fr}.ghead{flex-direction:column;gap:.6rem}}
/* review marquee */
.qmarquee{overflow:hidden;margin-top:2.4rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.qtrack{display:flex;gap:clamp(.8rem,1.4vw,1.2rem);width:max-content;animation:qslide 90s linear infinite}
.qmarquee:hover .qtrack{animation-play-state:paused}
@keyframes qslide{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.qtrack{animation:none;overflow-x:auto}}
.qtrack .quote{width:clamp(280px,26vw,360px);flex:none;margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column}
.qtrack .quote blockquote{margin:0;color:#fff;font-size:1rem;line-height:1.55}
.qtrack .quote .stars{color:var(--mint);letter-spacing:.15em;font-size:.78rem;margin-bottom:.9rem}
.qtrack .quote .who{margin-top:auto;padding-top:1.1rem;font-size:.82rem;color:rgba(255,255,255,.55);font-style:normal}
/* mega menu adapts to the bar, like the header */
.nav.light .mega{background:rgba(255,255,255,.94);border-color:rgba(11,40,21,.1);box-shadow:0 40px 80px -44px rgba(11,40,21,.4)}
.nav.light .mega::after{color:var(--mute)}
.nav.light .mcard b{color:var(--ink)}
.nav.light .mcard s{color:var(--mute)}
.nav.light .mcard:hover{background:var(--sage)}
.nav.light .mcard .ic{background:var(--sage);color:var(--green)}
.nav.light .mcard:hover .ic{background:#fff}
.nav.light .mega-foot{border-color:var(--line);color:var(--slate)}
.nav.light .mega-foot a:hover{color:var(--green)}
/* hero product rail */
.prodrail{position:relative;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.6rem,1.1vw,1rem);margin-top:clamp(2.4rem,5vw,3.6rem);max-width:1120px;margin-inline:auto}
.prodrail .pcardx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;text-align:center;
  padding:clamp(1.1rem,2vw,1.6rem) .8rem;border-radius:var(--r);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:transform var(--fast) var(--ease),background var(--fast),border-color var(--fast),box-shadow var(--fast)}
.prodrail .pcardx:hover{transform:translateY(-4px);background:rgba(255,255,255,.11);border-color:rgba(123,231,174,.45);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.prodrail .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--mint);background:rgba(255,255,255,.08);transition:background var(--fast),color var(--fast)}
.prodrail .ic svg{width:22px;height:22px}
.prodrail .pcardx:hover .ic{background:var(--mint);color:var(--forest)}
.prodrail b{font-size:.92rem;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.25}
@media(max-width:1000px){.prodrail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.prodrail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.prodrail .pcardx{padding:1rem .6rem;gap:.6rem}.prodrail .ic{width:38px;height:38px;border-radius:11px}.prodrail .ic svg{width:19px;height:19px}.prodrail b{font-size:.84rem}}
/* website showcase carousel */
.carousel{position:relative;height:clamp(280px,42vw,620px);perspective:2200px;overflow:hidden;margin-top:clamp(1.5rem,3vw,2.5rem)}
.ctrack{position:absolute;inset:0}
.cslide{position:absolute;left:50%;top:50%;margin:0;width:min(760px,68vw);
  transform:translate(-50%,-50%) translateX(calc(var(--d) * 58%)) scale(calc(1 - (0.16 * max(var(--d), -1 * var(--d))))) rotateY(calc(var(--d) * -14deg));
  transition:transform 700ms var(--ease),opacity 700ms var(--ease),filter 700ms var(--ease);
  opacity:calc(1 - (0.42 * max(var(--d), -1 * var(--d))));filter:saturate(.75);cursor:pointer}
.cslide.on{opacity:1;filter:none;cursor:default}
.cslide img{width:100%;height:auto;border-radius:12px;border:1px solid rgba(11,40,21,.12);box-shadow:0 40px 80px -40px rgba(11,40,21,.6)}
.cslide figcaption{position:absolute;left:0;right:0;bottom:-2.2rem;text-align:center;font-size:.86rem;opacity:0;transition:opacity 400ms var(--ease)}
.cslide.on figcaption{opacity:1}
.cslide figcaption b{font-weight:600;color:var(--ink)}
.cslide figcaption span{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-left:.6rem}
.cnav{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:background var(--fast),transform var(--fast) var(--ease)}
.cnav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.cnav.prev{left:clamp(.5rem,3vw,3rem)}
.cnav.next{right:clamp(.5rem,3vw,3rem)}
.cdots{display:flex;justify-content:center;gap:.5rem;margin-top:3rem}
.cdots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--sage-2);cursor:pointer;transition:background var(--fast),width var(--fast)}
.cdots button.on{background:var(--green);width:24px;border-radius:4px}
@media(max-width:760px){.carousel{height:clamp(220px,58vw,320px)}.cslide{width:82vw}.cnav{width:38px;height:38px;font-size:1.2rem}}
/* product tab bar (sits inside the hero) */
.ptabs{position:relative;z-index:6;display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-radius:var(--r-pill);padding:.35rem;width:fit-content;margin:0 auto clamp(1.6rem,3vw,2.6rem)}
.ptab{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--r-pill);
  font-size:.88rem;font-weight:600;color:rgba(255,255,255,.72);transition:background var(--fast),color var(--fast)}
.ptab svg{width:17px;height:17px;opacity:.85}
.ptab:hover{color:#fff;background:rgba(255,255,255,.09)}
.ptab.on{background:#fff;color:var(--forest)}
.ptab.on svg{opacity:1}
@media(max-width:900px){.ptabs{width:100%;overflow-x:visible;justify-content:center;border-radius:var(--r);flex-wrap:wrap;gap:.45rem;padding:.55rem}.ptab{white-space:nowrap;flex:0 0 auto;padding:.65rem 1.05rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}.ptab span{font-size:.86rem}.ptab.on{background:#fff;color:var(--forest);border-color:#fff;box-shadow:0 8px 24px -12px rgba(53,208,127,.65)}}
/* hero: tighter so the product rail lands above the fold */
.hero-h1{font-size:clamp(2.3rem,4.4vw,3.9rem)}
.hero{padding-top:clamp(2rem,4vw,3.2rem)}
body.hero-dark .hero{padding-top:calc(76px + clamp(1.4rem,3vw,2.4rem))}
.hero .lede{margin-top:1rem}
.hero-cta{margin-top:1.5rem}
.hero-note{margin-top:.9rem}
.prodrail{margin-top:clamp(1.6rem,3vw,2.4rem)}
/* sub-page hero with tabs keeps its own rhythm */
.hero-sub .ptabs{margin-bottom:clamp(1.4rem,2.6vw,2.2rem)}

/* carousel sits straight under the hero fade */
.hero-sub + .sec-sm .carousel{margin-top:0}
.hero-sub + .sec-sm{padding-top:0}
/* tab bar inside the hero */
.hero .ptabs{margin-top:0}
.hero-sub{padding-top:clamp(1.6rem,3vw,2.4rem)}
body.hero-dark .hero-sub{padding-top:calc(76px + clamp(1rem,2vw,1.6rem))}

/* ══════════════ entrance motion (sitewide) ══════════════ */
@keyframes enterUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes enterWord{from{opacity:0;transform:translateY(.55em) rotate(2deg);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes enterFade{from{opacity:0}to{opacity:1}}
/* staggered hero children */
.ent{opacity:0;animation:enterUp .8s var(--ease) forwards;animation-delay:calc(.12s + var(--d,0) * .09s)}
/* word-by-word headline */
.ent-words .w{display:inline-block;opacity:0;animation:enterWord .9s cubic-bezier(.2,.8,.2,1) forwards}
.ent-words .w:nth-child(1){animation-delay:.10s}.ent-words .w:nth-child(2){animation-delay:.18s}.ent-words .w:nth-child(3){animation-delay:.26s}
.ent-words .w:nth-child(4){animation-delay:.34s}.ent-words .w:nth-child(5){animation-delay:.42s}
.ent-words em .w:nth-child(1){animation-delay:.54s}.ent-words em .w:nth-child(2){animation-delay:.62s}.ent-words em .w:nth-child(3){animation-delay:.70s}
/* header & nav settle in */
.nav{animation:enterFade .7s var(--ease) both}
/* scroll-reveal is richer: slight rise + soft blur clears */
[data-rev]{opacity:0;transform:translateY(22px);filter:blur(2px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}
[data-rev].in{opacity:1;transform:none;filter:blur(0)}
/* stagger siblings in grids and card rows */
.grid-3>[data-rev]:nth-child(2),.grid-4>[data-rev]:nth-child(2),.plans>[data-rev]:nth-child(2),.stat-row>[data-rev]:nth-child(2),.rgrid>[data-rev]:nth-child(2){transition-delay:.1s}
.grid-3>[data-rev]:nth-child(3),.grid-4>[data-rev]:nth-child(3),.plans>[data-rev]:nth-child(3),.stat-row>[data-rev]:nth-child(3){transition-delay:.2s}
.grid-4>[data-rev]:nth-child(4),.stat-row>[data-rev]:nth-child(4){transition-delay:.3s}
/* images inside revealed blocks scale in gently */
[data-rev] .shot,[data-rev] .ph{transform:scale(.985);transition:transform 1.1s var(--ease)}
[data-rev].in .shot,[data-rev].in .ph{transform:none}
/* links, cards and buttons: consistent hover motion */
.card,.plan,.step,.mcard,.pcardx,.dfig .shot{transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .2s,background .2s}
.card:hover{transform:translateY(-4px)}
.tlink{transition:color .2s,gap .2s}
.tlink:hover{gap:.6rem}
.tlink::after{transition:transform .25s var(--ease)}
.tlink:hover::after{transform:translateX(3px)}
/* accordion answers */
.faqs details p{animation:enterUp .4s var(--ease) both}
/* page fade on load */
main{animation:enterFade .5s var(--ease) both}
@media(prefers-reduced-motion:reduce){
  .ent,.ent-words .w,.nav,main,[data-rev]{animation:none;opacity:1;transform:none;filter:none;transition:none}
}

/* ══════════════════════════════════════════════════════════════════
   Mega menu anchored to its trigger (not centred on the bar)
   ══════════════════════════════════════════════════════════════════ */
.nlinks{position:relative}
.mega{left:var(--mega-x,50%);transform:translate(0,-8px)}
.mega.open{transform:translate(0,0)}

/* ══════════════════════════════════════════════════════════════════
   Light hero — white with a faint green hue (sub-pages)
   ══════════════════════════════════════════════════════════════════ */
.hero.hero-light{
  background:linear-gradient(180deg,#FAFCFA 0%,#FCFDFC 42%,#FDFDFB 74%,var(--cream) 100%);
  color:var(--ink)}
.hero.hero-light::before{
  left:auto;right:-14vw;top:-30%;transform:none;
  width:min(1100px,92vw);height:min(820px,88vh);
  background:radial-gradient(closest-side,rgba(53,208,127,.12),rgba(53,208,127,.04) 52%,rgba(53,208,127,0))}
.hero.hero-light::after{content:"";display:block;position:absolute;left:-16vw;top:34%;
  width:min(760px,70vw);height:min(560px,60vh);z-index:1;
  background:radial-gradient(closest-side,rgba(31,122,69,.05),rgba(31,122,69,0));
  pointer-events:none}
.hero.hero-light h1{color:var(--ink)}
.hero.hero-light h1 em{color:var(--green)}
.hero.hero-light .lede{color:var(--slate)}
.hero.hero-light .eyebrow{color:var(--green)}
.hero.hero-light .hero-note{color:var(--mute)}
.hero.hero-light .hero-note a{color:var(--green)}
.hero.hero-light .crumb{color:var(--mute)}
.hero.hero-light .crumb a{color:var(--slate)}
.hero.hero-light .crumb a:hover{color:var(--green)}
.hero.hero-light .btn-ghost{color:var(--ink);background:#fff;
  box-shadow:inset 0 0 0 1px var(--line)}
.hero.hero-light .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--green);background:#fff}
.hero.hero-light .btn-mint{background:var(--green);color:#fff}
.hero.hero-light .btn-mint:hover{background:var(--forest-3)}
/* product tabs on a light hero */
.hero.hero-light .ptabs{background:rgba(11,40,21,.04);border:1px solid var(--line)}
.hero.hero-light .ptab{color:var(--slate);border-color:transparent;background:transparent}
.hero.hero-light .ptab:hover{color:var(--ink);background:#fff}
.hero.hero-light .ptab.on{background:var(--green);color:#fff;border-color:var(--green);
  box-shadow:0 8px 22px -12px rgba(31,122,69,.7)}
@media(max-width:900px){
  .hero.hero-light .ptab{border:1px solid var(--line);background:#fff}
  .hero.hero-light .ptab.on{border-color:var(--green)}
}
body.hero-light-page .hero-sub{padding-top:calc(76px + clamp(2rem,4vw,3.4rem))}
@media(max-width:1040px){body.hero-light-page .hero-sub{padding-top:calc(66px + 2rem)}}

/* ── Solutions panel: narrower, so long titles wrap to two lines ── */
#m-solutions{max-width:min(calc(100vw - 2*var(--gut)),430px)}
#m-solutions .mega-grid{max-width:none}
#m-solutions .mcard b{display:block;max-width:11ch}
#m-solutions .mcard s{white-space:normal}

/* ── ambient glow on light pages (top-right, like the reference) ── */
body.hero-light-page{position:relative}
body.hero-light-page::before{
  content:"";position:fixed;top:-18vh;right:-12vw;width:70vw;height:70vh;
  background:radial-gradient(closest-side,rgba(53,208,127,.07),rgba(53,208,127,.02) 55%,rgba(53,208,127,0));
  pointer-events:none;z-index:0}
body.hero-light-page::after{
  content:"";position:fixed;top:22vh;left:-16vw;width:52vw;height:52vh;
  background:radial-gradient(closest-side,rgba(31,122,69,.04),rgba(31,122,69,0));
  pointer-events:none;z-index:0}
/* nav is position:sticky with z-index:80 and must keep both — do not add
   position:relative here or the hero's negative margin-top covers it. */
body.hero-light-page main,body.hero-light-page .ft{position:relative;z-index:1}
/* cursor glow must sit above the content layer above, but below the nav (80) */
body.hero-light-page .cglow{z-index:2}

/* ── "Built on" vendor marquee ───────────────────────────────────
   Lives in v7.css, not design-suite.css: the homepage only loads v7.
   Track is duplicated once so translateX(-50%) loops seamlessly. */
.stack-strip{padding-block:clamp(1.6rem,3vw,2.4rem)}
.stack-eyebrow{display:flex;align-items:center;justify-content:center;gap:.55rem;
  font-size:.88rem;color:var(--slate);margin-bottom:clamp(1.1rem,2.2vw,1.6rem)}
.stack-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--mint);flex:none}
.stack-mq{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.stack-row{display:flex;gap:.7rem;width:max-content;
  animation:stackmq 46s linear infinite}
@keyframes stackmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stack-mq:hover .stack-row{animation-play-state:paused}
.stack-cell{display:grid;place-items:center;flex:none;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);
  padding:1rem 1.6rem;width:clamp(150px,15vw,200px);height:clamp(64px,7vw,84px)}
.stack-cell img{max-height:clamp(20px,2vw,26px);max-width:100%;width:auto;
  filter:grayscale(1) opacity(.55);transition:filter var(--fast)}
.stack-cell:hover img{filter:none}
.stack-note{text-align:center;font-size:.82rem;color:var(--mute);margin-top:1.1rem}
@media(prefers-reduced-motion:reduce){
  .stack-row{animation:none}
  .stack-mq{overflow-x:auto}
}

/* ── Drifting content cards ───────────────────────────────────────
   Two rows sliding in opposite directions, edges masked. Each row is
   its track duplicated once, so a -50% translate loops seamlessly. */
.drift{display:flex;flex-direction:column;gap:.8rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.drift-row{overflow:hidden}
.drift-track{display:flex;gap:.8rem;width:max-content;
  animation:driftL 42s linear infinite}
.drift-row.rev .drift-track{animation-name:driftR}
@keyframes driftL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes driftR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.drift:hover .drift-track{animation-play-state:paused}

.drift-card{display:flex;align-items:center;gap:.85rem;flex:none;
  width:clamp(250px,25vw,310px);background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:.85rem 1rem}
.drift-card .ic{width:36px;height:36px;border-radius:11px;background:var(--sage);
  color:var(--green);display:grid;place-items:center;flex:none}
.drift-card .ic svg{width:18px;height:18px}
.drift-card .tx{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
.drift-card .k{display:block;font-size:.72rem;color:var(--mute);margin-bottom:.15rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drift-card .b{display:block;font-size:.92rem;font-weight:600;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(prefers-reduced-motion:reduce){
  .drift-track{animation:none}
  .drift-row{overflow-x:auto}
}

/* Two-column blocks where one side is much taller (e.g. a long form beside
   a short step list): top-align instead of centring, or the short column
   floats in the middle and leaves dead space above it. */
.split.split-top{align-items:start}
.split.split-top .steps{margin-top:0}

/* Turnstile widget slot — reserve height so the form doesn't jump on load */
.cf-turnstile{margin:.2rem 0 1rem;min-height:65px}
.cf-turnstile:empty{min-height:0;margin:0}

/* ── Self-hosted captcha widget ── */
.cap{margin:.2rem 0 1.1rem}
.cap-row{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap}
.cap-img{background:var(--sage);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:.3rem .4rem;display:grid;place-items:center;min-width:150px;min-height:60px}
.cap-img svg{display:block;max-width:100%;height:auto}
.cap-side{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:170px}
.cap-side input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:.7rem .9rem;font:inherit;font-size:1rem;letter-spacing:.22em;text-transform:uppercase;
  background:#fff;color:var(--ink);color-scheme:light}
.cap-side input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,122,69,.14)}
.cap-new{background:none;border:0;color:var(--slate);font:inherit;font-size:.82rem;
  text-decoration:underline;cursor:pointer;padding:0;align-self:flex-start}
.cap-new:hover{color:var(--green)}

/* ── Section tint with soft edges ─────────────────────────────────
   Replaces a flat `background:var(--sage)`, which butts hard against the
   cream sections either side. The gradient eases in and out over the
   first and last few percent so the seam disappears. */
.sec-tint{background:linear-gradient(180deg,
  var(--cream) 0%, #F1F7F3 6%, #F1F7F3 94%, var(--cream) 100%)}

/* Footer link columns: brand block spans the full width once the grid
   collapses, so the blurb doesn't sit in a narrow one-word column. */
@media(max-width:960px){.ft-brand{grid-column:1/-1}}
.ft ul li{line-height:1.35}

/* ── Stepped form ─────────────────────────────────────────────── */
.wz-bar{display:flex;gap:.5rem;margin-bottom:1.6rem}
.wz-bar li{flex:1;list-style:none;font-size:.72rem;font-weight:600;color:var(--mute);
  padding-top:.55rem;border-top:3px solid var(--line);transition:color var(--fast),border-color var(--fast)}
.wz-bar li[data-on]{color:var(--green);border-top-color:var(--green)}
.wz-bar li[data-done]{color:var(--slate);border-top-color:var(--green-2)}
@media(max-width:620px){.wz-bar li{font-size:0;padding-top:0}.wz-bar li{border-top-width:4px}}
.wz-step{display:none}
.wz-step[data-on]{display:block;animation:wzIn .28s var(--ease)}
@keyframes wzIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wz-legend{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .35rem}
.wz-sub{font-size:.9rem;color:var(--slate);margin:0 0 1.3rem}
.wz-nav{display:flex;gap:.6rem;align-items:center;margin-top:1.4rem}
.wz-nav .btn{min-width:9rem;justify-content:center}
.wz-back{background:none;border:0;color:var(--slate);font:inherit;font-size:.9rem;
  text-decoration:underline;cursor:pointer;padding:.5rem .2rem}
.wz-back:hover{color:var(--green)}
.wz-count{margin-left:auto;font-size:.8rem;color:var(--mute)}

/* file picker */
.fdrop{border:1.5px dashed var(--line);border-radius:var(--r);padding:1.2rem;text-align:center;
  background:var(--cream);transition:border-color var(--fast),background var(--fast)}
.fdrop.over{border-color:var(--green);background:var(--sage)}
.fdrop input[type=file]{display:none}
.fdrop label{display:inline-block;font-weight:600;color:var(--green);cursor:pointer;
  text-decoration:underline}
.fdrop .hint{font-size:.82rem;color:var(--mute);margin:.4rem 0 0}
.flist{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.45rem}
.flist li{display:flex;align-items:center;gap:.6rem;font-size:.88rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:.5rem .7rem}
.flist .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flist .sz{color:var(--mute);font-size:.8rem;flex:none}
.flist button{background:none;border:0;color:var(--slate);cursor:pointer;font-size:1.1rem;
  line-height:1;padding:0 .2rem}
.flist button:hover{color:#B4402C}
.flist li.bad{border-color:rgba(180,64,44,.4);background:rgba(180,64,44,.05)}

/* article figures (v2) */
.prose7 figure.fig{margin:2rem 0;padding:1.2rem;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,29,22,.05)}
.prose7 figure.fig svg{display:block;width:100%;height:auto}
.prose7 figure.fig figcaption{margin-top:.8rem;font-size:.84rem;color:var(--mute);line-height:1.5}
.prose7 .callout{margin:1.6rem 0;padding:1rem 1.15rem;border-radius:14px;background:#F5FBF7;box-shadow:inset 3px 0 0 var(--green),inset 0 0 0 1px #D5EADC;font-size:.96rem}
.prose7 .callout b{color:var(--ink)}
.prose7 table.tbl2{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.92rem}
.prose7 table.tbl2 th{text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:.55rem .6rem;border-bottom:1px solid var(--line)}
.prose7 table.tbl2 td{padding:.6rem;border-bottom:1px solid var(--line-2);vertical-align:top}
.prose7 table.tbl2 td:first-child{font-weight:600;color:var(--ink)}

/* homepage: link into the free pharmacy data */
.hero-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.38rem .9rem .38rem .4rem;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#E6F5EC;font-size:.86rem;font-weight:550;text-decoration:none;transition:background .2s,box-shadow .2s;backdrop-filter:blur(8px)}
.hero-pill b{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#06210F;background:#35D07F;border-radius:999px;padding:.2rem .55rem}
.hero-pill i{font-style:normal;transition:transform .2s}
.hero-pill:hover{background:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(53,208,127,.5)}
.hero-pill:hover i{transform:translateX(3px)}
@media(max-width:560px){.hero-pill{font-size:.78rem}}

/* footer: same width as the page content, centred, tidier columns */
.ft>.wrap-wide{max-width:var(--max)}
.ft-top{grid-template-columns:minmax(0,1.6fr) repeat(5,minmax(0,1fr));gap:clamp(1.4rem,3vw,2.6rem);align-items:start}
.ft-brand p{max-width:22rem}
.ft ul a{display:inline-block;line-height:1.35}
.ft-btm{justify-content:center;text-align:center;gap:.7rem 1.3rem}
.ft-btm>span:first-child{flex-basis:100%;order:-1}
.ft-btm .sp{margin-left:0;flex-basis:100%;order:9}
@media(min-width:900px){
  .ft-btm{justify-content:flex-start;text-align:left}
  .ft-btm>span:first-child{flex-basis:auto;order:0}
  .ft-btm .sp{flex-basis:auto;order:0;margin-left:auto}
}
@media(max-width:900px){.ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-top .ft-brand{grid-column:1/-1;text-align:center}.ft-top .ft-brand .brand{justify-content:center}.ft-top .ft-brand p{margin:0 auto}}
@media(max-width:520px){.ft-top{grid-template-columns:1fr;text-align:center}.ft h4{margin-bottom:.6rem}}
.ft-btm{border-top:0;margin-top:0;padding-top:1.4rem}

/* ═══════════════════════════════════════════════════════════════════
   PharmGrowth v10 — "Get found. Get booked." design layer
   Sage canvas · ink · forest green · butter yellow · Bricolage display
   Sits on top of the v7 component library and restyles every class.
   ═══════════════════════════════════════════════════════════════════ */
@font-face{font-family:'Bricolage';src:url('/assets/fonts/bricolage.woff2') format('woff2-variations');font-weight:200 800;font-display:swap}

:root{
  --forest:#0E1F15; --forest-2:#15301F; --forest-3:#184F30;
  --green:#1F6A3F; --green-2:#2A8A52; --mint:#9FE3BF; --mint-2:#CDEFD9;
  --yellow:#FFD84D; --yellow-2:#FFF0C9; --butter:#FFF6D6;
  --ink:#0E1F15; --slate:#4B5A52; --mute:#7C8B83;
  --cream:#F2F5F1; --paper:#FFFFFF; --sage:#E6EDE6; --sage-2:#D9E4DA;
  --line:#DCE3DC; --line-2:#E9EEE9;
  --disp:'Bricolage','Geist',system-ui,sans-serif;
  --r-xs:10px; --r-sm:14px; --r:20px; --r-lg:28px;
  --sh-sm:0 10px 24px -16px rgba(14,31,21,.18);
  --sh:0 30px 60px -36px rgba(14,31,21,.32);
  --sh-lg:0 60px 120px -40px rgba(14,31,21,.5);
}
body{background:var(--cream);color:var(--ink)}
::selection{background:var(--yellow);color:var(--ink)}
h1,h2,h3,h4,.hero-h1{font-family:var(--disp);font-variation-settings:"opsz" 96}
h1{font-weight:800;letter-spacing:-.04em;line-height:.98}
h2{font-weight:750;letter-spacing:-.035em;line-height:1.04;font-size:clamp(2rem,3.4vw,3rem)}
h3{font-weight:700;letter-spacing:-.025em}
h4{font-family:var(--sans)}
h1 em,h2 em,.hero-h1 em{font-style:normal;color:var(--green)}
.u{display:inline-block;background:var(--yellow);color:var(--ink);border-radius:999px;padding:0 .3em;line-height:1.08;transform:rotate(-2deg);font-style:normal}
.eyebrow{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.12em;color:var(--green);display:inline-flex;align-items:center;gap:.5rem}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px rgba(255,216,77,.3)}
.on-dark .eyebrow,.cta .eyebrow,.stage.forest .eyebrow{color:var(--yellow)}
.lede{color:var(--slate)}
.hd .eyebrow{margin-bottom:1.2rem}

/* ── buttons: pills, three weights ── */
.btn{font-size:.97rem;font-weight:600;padding:.95rem 1.6rem;box-shadow:none}
.btn::before{display:none}
.btn-pri,.btn-mint,.hero.hero-light .btn-mint{background:var(--green);color:#fff;box-shadow:0 14px 30px -18px rgba(31,106,63,.8)}
.btn-pri:hover,.btn-mint:hover,.hero.hero-light .btn-mint:hover{background:var(--forest-3);color:#fff;transform:translateY(-1px)}
.btn-ghost,.hero.hero-light .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-ghost:hover,.hero.hero-light .btn-ghost:hover{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{background:var(--yellow);color:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--forest-3);color:#fff}
.btn-yel{background:var(--yellow);color:var(--ink)}
.btn-yel:hover{background:#FFE27A;color:var(--ink);transform:translateY(-1px)}
.btn-sm{padding:.7rem 1.2rem;font-size:.9rem}
/* on dark surfaces */
.cta .btn-ghost,.sec-forest .btn-ghost,.sec-ink .btn-ghost,.stage.forest .btn-ghost,.ft .btn-ghost,.art-cta7 .btn-ghost,.plan.feat .btn-ghost,.aside .cta .btn-ghost,.deck-sec .btn-ghost,.on-dark .btn-ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);background:transparent}
.cta .btn-ghost:hover,.sec-forest .btn-ghost:hover,.sec-ink .btn-ghost:hover,.stage.forest .btn-ghost:hover,.ft .btn-ghost:hover,.art-cta7 .btn-ghost:hover,.plan.feat .btn-ghost:hover,.on-dark .btn-ghost:hover{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px #fff}
.cta .btn-mint,.stage.forest .btn-mint,.sec-forest .btn-mint,.sec-ink .btn-mint,.plan.feat .btn-mint,.art-cta7 .btn-mint,.ft .btn-mint,.on-dark .btn-mint{background:var(--yellow);color:var(--ink);box-shadow:none}
.cta .btn-mint:hover,.stage.forest .btn-mint:hover,.sec-forest .btn-mint:hover,.sec-ink .btn-mint:hover,.plan.feat .btn-mint:hover,.art-cta7 .btn-mint:hover,.ft .btn-mint:hover,.on-dark .btn-mint:hover{background:#FFE27A;color:var(--ink)}
.cta .tlink,.sec-forest .tlink,.sec-ink .tlink,.stage.forest .tlink,.art-cta7 .tlink,.ft .tlink{color:var(--yellow)}
.tlink{color:var(--green);font-weight:600}

/* ── navigation: one light bar everywhere ── */
.ann{background:var(--ink);color:rgba(255,255,255,.85)}
.ann b,.ann a{color:var(--yellow)}
.nav,body:not(.hero-dark) .nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav::after,body:not(.hero-dark) .nav::after{background:rgba(14,31,21,.08);opacity:0}
.nav.stuck,.nav.light.stuck{background:rgba(242,245,241,.86);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 14px 40px -30px rgba(14,31,21,.35)}
.nav.stuck::after{opacity:1}
.nav-in{height:84px}
.brand,.nav .brand,.nav.light .brand{color:var(--ink);font-family:var(--disp);font-weight:800;font-size:1.18rem;letter-spacing:-.03em}
.brand b,.nav .brand b,.nav.light .brand b{color:var(--green)}
.nlink,.nav.light .nlink{color:var(--ink);font-weight:600;font-size:.94rem}
.nlink:hover,.nav.light .nlink:hover{color:var(--green)}
.nlink svg{opacity:.5}
.nav .nlink[aria-expanded=true],.nav.light .nlink[aria-expanded=true]{background:#fff;color:var(--green)}
.nlogin,.nav.light .nlogin{color:var(--slate);font-weight:600}
.nlogin:hover{color:var(--ink)}
.nav .btn-pri,.nav.light .btn-pri{background:var(--ink);color:#fff;box-shadow:none}
.nav .btn-pri:hover,.nav.light .btn-pri:hover{background:var(--green);color:#fff}
.nav .burger,.nav.light .burger{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.nav .burger span,.nav .burger::before,.nav .burger::after{background:var(--ink)}
body.hero-dark .hero{margin-top:-84px;padding-top:calc(84px + clamp(2rem,5vw,4rem))}
body.hero-dark .hero-sub{padding-top:calc(84px + clamp(1.6rem,3vw,2.6rem))}
@media(max-width:1040px){.nav-in{height:68px}body.hero-dark .hero{margin-top:-68px;padding-top:calc(68px + 2rem)}body.hero-dark .hero-sub{padding-top:calc(68px + 1.4rem)}}
/* mega menu: white card */
.mega{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 80px -40px rgba(14,31,21,.35),0 2px 6px -2px rgba(14,31,21,.08);backdrop-filter:none;-webkit-backdrop-filter:none}
.mega::after{color:var(--mute);font-family:var(--sans);font-weight:700;letter-spacing:.14em}
.mcard:hover{background:var(--cream)}
.mcard .ic,.mcard:hover .ic{background:var(--sage);color:var(--green)}
.mcard:hover .ic{background:var(--yellow);color:var(--ink)}
.mcard b{color:var(--ink)}
.mcard s{color:var(--slate)}
.mega-foot{border-top-color:var(--line);color:var(--slate)}
.mega-foot a:hover{color:var(--green)}
.mnav{background:var(--cream)}
.mnav-hd button{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mnav h4{font-family:var(--sans);font-weight:700;color:var(--mute)}
.mnav .ml .ic{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mnav .brand{color:var(--ink)}

/* ── hero: light sage, ink type, no gradients ── */
.hero,.hero.hero-light,.hero-sub{background:transparent;color:var(--ink)}
.hero-bg,.hero::before,.hero::after,.hero.hero-light::before,.hero.hero-light::after,.hero-sub::before,.hero-sub::after{display:none}
body.hero-light-page::before,body.hero-light-page::after{display:none}
.hero h1,.hero .hero-h1,.hero.hero-light h1{color:var(--ink);font-size:clamp(2.8rem,6vw,5.4rem)}
.hero-sub h1{font-size:clamp(2.5rem,5vw,4.3rem)}
.hero h1 em,.hero .hero-h1 em{color:var(--green)}
.hero .lede,.hero-sub .lede{color:var(--slate)}
.hero .hero-note,.hero-sub .hero-note{color:var(--mute)}
.hero .hero-note a{color:var(--green)}
.hero .eyebrow,.hero-sub .eyebrow{color:var(--green)}
.hero-sub .crumb{font-family:var(--sans);font-weight:600;color:var(--mute);letter-spacing:.08em}
.hero-sub .crumb a{color:var(--slate)}
.hero-sub .crumb a:hover{color:var(--green)}
.hero .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:transparent}
.hero .btn-ghost:hover{background:var(--ink);color:#fff}
.hero .btn-mint{background:var(--green);color:#fff}
.hero .btn-mint:hover{background:var(--forest-3)}
.hero-pill{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.hero-pill b{background:var(--yellow);color:var(--ink)}
.hero-pill:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--green)}
.hero .ptabs,.hero.hero-light .ptabs{background:#fff;border:1px solid var(--line)}
.hero .ptab,.hero.hero-light .ptab{color:var(--slate)}
.hero .ptab.on,.hero.hero-light .ptab.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
.hero .stat,.hero .kpi,.hero .chip{color:var(--ink)}
.hero .ticks li{color:var(--slate)}
.hero .ticks svg{color:var(--green)}
.hero .hero-stage .pane{background:#fff;box-shadow:var(--sh)}
.hero .trust,.hero .hero-trust{color:var(--mute)}

/* ── surfaces ── */
.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--sage-2)}
.card .ic,.feat7 .ic,.hub-list .ic,.drift-card .ic{background:var(--sage);color:var(--green);border-radius:12px}
.card:hover .ic{background:var(--yellow);color:var(--ink)}
.card h3{font-size:1.2rem}
.step .n,.faqs .n,.tl-n,.wz-n{background:var(--yellow);color:var(--ink);font-family:var(--sans);font-weight:800;border-radius:999px}
.step[open] .n,.step:hover .n,.faqs details[open] .n{background:var(--ink);color:#fff}
.step{border-top-color:var(--line)}
.ticks svg{color:var(--green)}
.shot{border-radius:var(--r);border:1px solid rgba(14,31,21,.08);box-shadow:var(--sh)}
.shot::before{background:#F5F7F4;border-bottom:1px solid rgba(14,31,21,.06)}
.phones .ph,.shot-phone{border-radius:38px;background:var(--ink);padding:8px;box-shadow:var(--sh-lg)}
.phones .ph img,.shot-phone img{border-radius:30px}
.stat-row>*{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.stat-row b,.stat-row .num,.stat-row strong{font-family:var(--disp);font-weight:800;color:var(--ink)}
.plan{border-radius:var(--r-lg);border:1px solid var(--line)}
.plan.feat{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan.feat h3,.plan.feat .price,.plan.feat b{color:#fff}
.plan.feat p,.plan.feat li{color:rgba(255,255,255,.72)}
.plan.feat .ticks svg{color:var(--yellow)}
.plan .price,.tier .price,.price{font-family:var(--disp);font-weight:800;letter-spacing:-.04em}
.pill,.chip,.badge{border-radius:999px;font-weight:600}
.badge{background:var(--yellow);color:var(--ink)}
.sec-tint{background:linear-gradient(180deg,var(--cream) 0%,var(--sage) 6%,var(--sage) 94%,var(--cream) 100%)}
.faqs details{border-bottom:1px solid var(--line)}
.faqs h3{font-family:var(--sans);font-weight:600}
.faqs p{color:var(--slate)}
.quote{border-radius:var(--r)}
.quote .stars{color:var(--yellow)}
.quotes.light .quote,.qz-card{background:#fff;border:1px solid var(--line)}
.stack-cell{border-radius:var(--r-sm)}
.stack-eyebrow i{background:var(--yellow)}
.drift-card{border-radius:var(--r-sm)}
.prose7 .callout{background:var(--butter);box-shadow:inset 3px 0 0 var(--yellow),inset 0 0 0 1px #F3E3A6}
.prose7 a,.prose a{color:var(--green)}
.prose7 blockquote{border-left:3px solid var(--yellow)}
.art-hd7 h1{font-size:clamp(2.2rem,4vw,3.4rem)}
.toc a.on{color:var(--green)}
input,select,textarea{color-scheme:light}
.form7 input,.form7 select,.form7 textarea,.field input,.field select,.field textarea{border-radius:var(--r-sm);border:1.5px solid var(--line);background:#fff}
.form7 input:focus,.form7 select:focus,.form7 textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,106,63,.14)}
.wz-bar li[data-on]{color:var(--green);border-top-color:var(--yellow)}

/* ── dark blocks: ink, with butter accents ── */
.stage.forest,.sec-forest,.sec-ink{background:var(--ink);color:#fff}
.stage.forest h2,.sec-forest h2,.sec-ink h2{color:#fff}
.stage.forest h2 em,.sec-forest h2 em,.cta h2 em{color:var(--yellow)}
.cta{background:var(--ink);border-radius:var(--r-lg)}
.cta::before,.cta::after{display:none}
.cta h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.cta p{color:rgba(255,255,255,.72)}
.art-cta7{background:var(--ink);border-radius:var(--r-lg)}

/* ── footer ── */
.ft{background:var(--ink);margin-top:var(--sec)}
.ft-bg{display:none}
.ft-top{border-bottom-color:rgba(255,255,255,.1)}
.ft-brand .brand{color:#fff;font-family:var(--disp);font-weight:800}
.ft-brand .brand b{color:var(--yellow)}
.ft h4{font-family:var(--sans);font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.12em;font-size:.7rem}
.ft ul a:hover{color:var(--yellow)}
.ft-btm{color:rgba(255,255,255,.5)}
.ft-btm a:hover{color:var(--yellow)}

/* ── ticker (client marquee) ── */
.tk{background:var(--ink);color:var(--cream);padding:1rem 0;overflow:hidden;white-space:nowrap;font-family:var(--disp);font-weight:700;font-size:clamp(1rem,1.4vw,1.25rem);letter-spacing:-.01em}
.tk-track{display:inline-flex;width:max-content;animation:tkmove 48s linear infinite}
.tk span{display:inline-flex;align-items:center;gap:2rem;padding-right:2rem}
.tk span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--yellow);flex:none}
@keyframes tkmove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tk:hover .tk-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.tk-track{animation:none}.tk{overflow-x:auto}}

/* ── glass notification cards (hero stage) ── */
.g{display:flex;gap:.7rem;align-items:center;background:rgba(255,255,255,.8);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-radius:18px;padding:.8rem 1rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 30px 60px -30px rgba(14,31,21,.35);font-size:.78rem;color:var(--slate);white-space:nowrap}
.g i{width:32px;height:32px;border-radius:10px;background:var(--sage);color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:800;flex:none}
.g i svg{width:16px;height:16px}
.g b{display:block;color:var(--ink);font-size:.92rem;font-weight:700}
.g s{text-decoration:none}
.g em{font-style:normal;color:var(--green)}

/* ── entrance: swap v7 word-reveal for a calm rise ── */
.ent-words .w{animation:none;opacity:1;transform:none}

/* ═══════════ homepage + reusable v10 blocks (h10-*) ═══════════ */
.hero.h10{padding-bottom:clamp(2rem,4vw,3.5rem);overflow:visible}
.h10-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1rem,3vw,2.5rem);align-items:center}
.h10-copy .hero-h1{font-size:clamp(3rem,6.2vw,5.6rem);line-height:.96}
.h10-copy .lede{max-width:30rem;margin-top:1.4rem;font-size:clamp(1.05rem,1.2vw,1.15rem)}
.h10-copy .hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.h10-copy .hero-note{margin-top:1.1rem;font-size:.88rem}
.h10-stage{position:relative;height:clamp(520px,46vw,640px);isolation:isolate}
.h10-stage .blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.75;z-index:0}
.h10-stage .b1{right:-40px;top:10px;width:62%;height:62%;background:var(--mint-2)}
.h10-stage .b2{left:5%;bottom:0;width:46%;height:46%;background:var(--yellow-2)}
.h10-ph{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:clamp(220px,20vw,270px);padding:9px;border-radius:38px;background:var(--ink);box-shadow:0 60px 120px -40px rgba(14,31,21,.55);z-index:1;overflow:hidden}
.h10-ph img{border-radius:30px;display:block;width:100%;height:auto}
.h10-stage .g{position:absolute;z-index:2;animation:h10float 7s var(--ease) infinite alternate}
.h10-stage .g1{left:0;top:24%}.h10-stage .g2{right:0;top:9%;animation-delay:-2s}.h10-stage .g3{left:4%;bottom:14%;animation-delay:-4s}.h10-stage .g4{right:2%;bottom:26%;animation-delay:-1s}
@keyframes h10float{from{transform:translateY(0)}to{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.h10-stage .g{animation:none}}
@media(max-width:1100px){.h10-stage .g{font-size:.72rem;padding:.65rem .8rem}.h10-stage .g1{left:-4%}.h10-stage .g2{right:-4%}}
@media(max-width:900px){.h10-grid{grid-template-columns:1fr;gap:2rem}.h10-stage{height:460px;max-width:520px;margin-inline:auto;width:100%}.h10-copy{text-align:center}.h10-copy .lede{margin-inline:auto}.h10-copy .hero-cta{justify-content:center}.h10-ph{width:220px}}
@media(max-width:560px){.h10-stage{height:420px}.h10-ph{width:200px;top:20px}.h10-stage .g{font-size:.68rem;padding:.55rem .7rem;border-radius:14px}.h10-stage .g b{font-size:.8rem}.h10-stage .g i{width:26px;height:26px}.h10-stage .g1{left:-2%;top:18%}.h10-stage .g2{right:-2%;top:6%}.h10-stage .g3{left:0;bottom:12%}.h10-stage .g4{right:0;bottom:24%}}

.h10-prod{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-top:clamp(2rem,4vw,3rem)}
.h10-prod .card{padding:1.4rem 1.3rem;gap:.6rem}
.h10-prod .card .ic{width:44px;height:44px;display:grid;place-items:center;margin-bottom:.5rem}
.h10-prod .card .ic svg{width:21px;height:21px}
.h10-prod .card h3{font-size:1.08rem}
.h10-prod .card p{font-size:.9rem;line-height:1.5;flex:1}
.h10-prod .card .tlink{font-size:.86rem;margin-top:.8rem}
@media(max-width:1100px){.h10-prod{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.h10-prod{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.h10-prod .card{padding:1.1rem 1rem}}
@media(max-width:420px){.h10-prod{grid-template-columns:1fr}}

.h10-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.h10-split .eyebrow{margin-bottom:1rem}
.h10-split .lede{margin-top:1rem}
.h10-split .steps{margin-top:1.8rem}
.h10-dash{position:relative}
.h10-dash .shot{transform:rotate(-1.2deg)}
.h10-dash .g{position:absolute}
.h10-dash .gd1{left:-6%;bottom:14%}.h10-dash .gd2{right:-5%;top:10%}
@media(max-width:900px){.h10-split{grid-template-columns:1fr}.h10-dash{margin-top:1rem}.h10-dash .gd1{left:0}.h10-dash .gd2{right:0}}

.stage.forest.h10-app{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,3rem);align-items:center;border-radius:var(--r-lg);padding:clamp(2rem,5vw,4.5rem);overflow:hidden;position:relative}
.h10-app .eyebrow{margin-bottom:1rem}
.h10-app .lede{margin-top:1rem;color:rgba(255,255,255,.72)}
.h10-app h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.h10-ticks{margin-top:1.6rem}
.h10-ticks li{color:rgba(255,255,255,.82)}
.h10-ticks svg{color:var(--yellow)}
.h10-app .hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.h10-app-art{position:relative;height:520px}
.h10-app-art::before{content:"";position:absolute;inset:auto -20% -40% -20%;height:90%;border-radius:50%;background:radial-gradient(closest-side,rgba(159,227,191,.35),transparent 70%);filter:blur(30px)}
.h10-app-art .h10-ph{top:0;width:260px;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12)}
.h10-app-art .g{position:absolute;z-index:2}
.h10-app-art .ga1{left:0;top:18%}.h10-app-art .ga2{right:0;bottom:16%}
.h10-app-art .g i{background:var(--yellow);color:var(--ink)}
@media(max-width:900px){.stage.forest.h10-app{grid-template-columns:1fr}.h10-app-art{height:440px;max-width:480px;margin-inline:auto;width:100%}.h10-app-art .h10-ph{width:220px}}
@media(max-width:560px){.h10-app-art{height:400px}.h10-app-art .h10-ph{width:200px}.h10-app-art .g{font-size:.7rem;padding:.6rem .75rem}}

.h10-work{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:clamp(1.8rem,3vw,2.6rem)}
.h10-case{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.h10-case:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.h10-case-img{border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--sage)}
.h10-case-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease)}
.h10-case:hover .h10-case-img img{transform:scale(1.03)}
.h10-case-cap{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;padding:1.1rem .6rem .4rem}
.h10-case-cap b{font-family:var(--disp);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.h10-case-cap span{grid-column:1;font-size:.88rem;color:var(--slate)}
.h10-case-cap em{grid-column:2;grid-row:1/3;font-style:normal;font-weight:600;color:var(--green);font-size:.9rem;white-space:nowrap}
@media(max-width:760px){.h10-work{grid-template-columns:1fr}}

.h10-who{margin-top:clamp(1.8rem,3vw,2.6rem)}
.h10-who .card{padding:1.8rem 1.6rem;gap:.7rem}
.h10-k{font-family:var(--disp);font-weight:800;font-size:.9rem;color:var(--ink);background:var(--yellow);border-radius:999px;padding:.2rem .7rem;align-self:flex-start;margin-bottom:.4rem}
.h10-who .card p{flex:1;line-height:1.55}
.h10-who .tlink{margin-top:.8rem}

.h10-qm{margin-top:2.2rem}
.h10-qm .quote{background:#fff;border:1px solid var(--line);width:clamp(260px,26vw,340px);flex:none}
.h10-qm .quote p{color:var(--ink);font-size:.98rem}
.h10-qm .quote .who{color:var(--mute)}

.h10-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.h10-stats>div{background:var(--ink);color:#fff;border-radius:var(--r);padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}
.h10-stats>div:nth-child(2){background:var(--green)}
.h10-stats>div:nth-child(4){background:var(--yellow);color:var(--ink)}
.h10-stats b{font-family:var(--disp);font-weight:800;font-size:clamp(2.4rem,3.6vw,3.4rem);letter-spacing:-.04em;line-height:1}
.h10-stats b small{font-size:.45em;font-weight:700;letter-spacing:-.01em}
.h10-stats span{font-size:.88rem;line-height:1.45;opacity:.82}
@media(max-width:900px){.h10-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.h10-stats{grid-template-columns:1fr}}

.h10-data{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.5rem);align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.6rem,4vw,3.2rem)}
.h10-data .eyebrow{margin-bottom:1rem}
.h10-data .lede{margin-top:1rem}
.h10-search{display:flex;gap:.5rem;align-items:center;margin-top:1.6rem;background:var(--cream);border-radius:999px;padding:.4rem .4rem .4rem 1.2rem;box-shadow:inset 0 0 0 1.5px var(--line)}
.h10-search:focus-within{box-shadow:inset 0 0 0 2px var(--green)}
.h10-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:.98rem;color:var(--ink);outline:none}
.h10-search input::placeholder{color:var(--mute)}
.h10-search .btn{padding:.8rem 1.3rem;flex:none}
.h10-ex{margin-top:.8rem;font-size:.84rem;color:var(--mute)}
.h10-ex a{color:var(--green);font-weight:600}
.h10-panel{background:var(--cream);border-radius:22px;padding:1.3rem}
.h10-panel-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.9rem}
.h10-panel-hd b{font-family:var(--disp);font-size:1.15rem;font-weight:700}
.h10-panel-hd s{text-decoration:none;font-size:.74rem;color:var(--mute);font-weight:600;letter-spacing:.04em}
.h10-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.9rem}
.h10-kp>div{background:#fff;border-radius:14px;padding:.8rem .9rem}
.h10-kp u{display:block;text-decoration:none;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.h10-kp b{display:block;font-family:var(--disp);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;margin-top:.15rem;color:var(--ink)}
.h10-kp b small{font-size:.75rem;color:var(--mute);font-weight:600}
.h10-kp s{text-decoration:none;font-size:.72rem;color:var(--green);font-weight:600}
.h10-panel svg{display:block;width:100%;height:auto}
@media(max-width:900px){.h10-data{grid-template-columns:1fr}}
@media(max-width:520px){.h10-kp{grid-template-columns:1fr 1fr}.h10-search{flex-direction:column;border-radius:22px;padding:.6rem}.h10-search input{width:100%;padding:.5rem .6rem}.h10-search .btn{width:100%;justify-content:center}}

.h10-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem)}
.h10-two .eyebrow{margin-bottom:.9rem}
.h10-two h2{font-size:clamp(1.5rem,2.2vw,1.9rem)}
.h10-list{display:grid;gap:.6rem;margin:1.4rem 0 1.2rem}
.h10-li{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:1rem 1.1rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.h10-li:hover{transform:translateY(-3px);box-shadow:var(--sh-sm)}
.h10-li i{flex:none;width:38px;height:38px;border-radius:12px;background:var(--sage);color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:800;font-family:var(--disp);font-size:.95rem}
.h10-li:hover i{background:var(--yellow);color:var(--ink)}
.h10-li b{display:block;font-weight:650;color:var(--ink);line-height:1.3}
.h10-li span{display:block;font-size:.86rem;color:var(--slate);margin-top:.2rem;line-height:1.45}
@media(max-width:760px){.h10-two{grid-template-columns:1fr}}

.h10-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.h10-faq .faqs details{padding:.4rem 0}
.h10-faq .faqs h3{font-size:1.05rem}
@media(max-width:800px){.h10-faq{grid-template-columns:1fr}}

.cta.h10-cta{grid-template-columns:1.2fr .8fr;padding:clamp(2.2rem,5vw,4rem)}
.h10-cta .eyebrow{margin-bottom:1rem}
.h10-cta h2{max-width:none}
.h10-cta .lede{margin-top:1rem;color:rgba(255,255,255,.72);max-width:34rem}
.h10-cta .hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.h10-cta-art{position:relative;height:300px}
.h10-cta-art .g{position:absolute}
.h10-cta-art .gc1{right:0;top:0}.h10-cta-art .gc2{left:8%;top:38%}.h10-cta-art .gc3{right:6%;bottom:0}
.h10-cta-art .g i{background:var(--yellow);color:var(--ink)}
@media(max-width:860px){.cta.h10-cta{grid-template-columns:1fr}.h10-cta-art{height:auto;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.h10-cta-art .g{position:static}}

/* fixes */
.h10-copy{text-align:left}
.h10-copy .lede{margin-left:0;margin-right:0}
.h10-copy .hero-cta{justify-content:flex-start}
.h10-stage .g1{left:-2%}.h10-stage .g2{right:-2%;top:7%}
.stage.forest .g,.cta .g{background:rgba(255,255,255,.96)}
.h10-app .hero-cta{justify-content:flex-start}

.h10-qm .quote .stars{color:var(--yellow)}
@media(max-width:900px){.h10-copy{text-align:left}.h10-copy .lede{margin-inline:0}.h10-copy .hero-cta{justify-content:flex-start}}
@media(max-width:700px){
  .h10-stage .g2,.h10-stage .g4{display:none}
  .h10-stage{height:430px}.h10-ph{width:230px;top:10px}
  .h10-stage .g1{left:0;top:16%}.h10-stage .g3{right:0;left:auto;bottom:16%}
  .h10-prod{grid-template-columns:1fr;gap:.6rem}
  .h10-prod .card{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:.9rem;row-gap:.15rem;padding:1rem 1.1rem;align-items:center}
  .h10-prod .card .ic{grid-row:1/3;margin:0}
  .h10-prod .card h3{font-size:1rem}
  .h10-prod .card p{font-size:.86rem}
  .h10-prod .card .tlink{display:none}
  .h10-case-cap{grid-template-columns:1fr;padding:.9rem .4rem .3rem}
  .h10-case-cap em{grid-column:1;grid-row:auto;margin-top:.4rem}
  .h10-app-art .ga1{left:0;top:10%}.h10-app-art .ga2{right:0;bottom:10%}
}

/* ── split hero for product / solution pages ── */
.hero-split .hs-grid{display:grid;grid-template-columns:1fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero-split .hero-top{text-align:left;margin:0;max-width:none}
.hero-split .hero-top .lede{margin-inline:0;max-width:32rem}
.hero-split .hero-top .hero-cta{justify-content:flex-start}
.hero-split .hero-top h1{font-size:clamp(2.5rem,4.6vw,4rem)}
.hero-split .hero-top .crumb{display:block}
.hero-split{padding-bottom:clamp(2.5rem,5vw,4.5rem)}
.hs-art{position:relative;min-height:clamp(380px,36vw,520px);isolation:isolate}
.hs-art .blob{position:absolute;border-radius:50%;filter:blur(44px);opacity:.8;z-index:0;pointer-events:none}
.hs-art .b1{right:-8%;top:-6%;width:64%;height:64%;background:var(--mint-2)}
.hs-art .b2{left:-4%;bottom:-6%;width:48%;height:48%;background:var(--yellow-2)}
.hs-art .hs-shot{position:absolute;left:4%;right:-6%;top:50%;transform:translateY(-50%) rotate(-1.5deg);z-index:1}
.hs-art .h10-ph{top:50%;transform:translate(-50%,-50%);width:clamp(210px,18vw,250px);max-height:94%}
.hs-art .g{position:absolute;z-index:2;animation:h10float 7s var(--ease) infinite alternate}
.hs-art .ga1{left:-4%;top:14%}.hs-art .ga2{right:-4%;bottom:14%;animation-delay:-3s}
@media(max-width:900px){
  .hero-split .hs-grid{grid-template-columns:1fr}
  .hero-split .hero-top{text-align:center}
  .hero-split .hero-top .lede{margin-inline:auto}
  .hero-split .hero-top .hero-cta{justify-content:center}
  .hs-art{min-height:360px;max-width:560px;width:100%;margin-inline:auto}
  .hs-art .hs-shot{left:0;right:0}
  .hs-art .ga1{left:0}.hs-art .ga2{right:0}
}
@media(max-width:560px){.hs-art{min-height:320px}.hs-art .g{font-size:.7rem;padding:.6rem .75rem}.hs-art .h10-ph{width:200px}}
.ptab:empty{display:none}

/* ── pricing tiers in the v10 palette ── */
.tier-sec{--acc:#1F6A3F;--acc-2:#2A8A52;--acc-soft:#E6EDE6}
.tier-sec.app{--acc:#0E1F15;--acc-2:#1B3324;--acc-soft:#E6EDE6}
.tier-sec.both{--acc:#FFD84D;--acc-2:#FFE27A;--acc-ink:#0E1F15;--acc-soft:#FFF6D6}
.tier-sec.both .tier.on .tier-hd .aud+p,.tier-sec.both .tier.on .from,.tier-sec.both .tier.on .inc-t,.tier-sec.both .tier.on .amt small,.tier-sec.both .tier.on .sub{color:rgba(14,31,21,.7)}
.tier-sec.both .tier.on .rule{border-top-color:rgba(14,31,21,.25)}
.tier-sec.both .tier.on li svg{color:var(--ink)}
.tier-sec.both .tier.on .btn-white{background:var(--ink);color:#fff}
.tier-sec.both .tier.on .btn-white:hover{background:var(--green);color:#fff}
.tier-sec.both .hd .eyebrow,.tier-sec.both h2 em{color:var(--green)}
.tier-sec.both .tier.poa .btn-pri{background:var(--ink);color:#fff}
.tier-sec.app .hd .eyebrow,.tier-sec.app h2 em{color:var(--green)}
.tier-sec.app .tier.on li svg{color:var(--yellow)}
.tier-sec.app .tier.on .btn-white{background:var(--yellow);color:var(--ink)}
.tier .amt,.tier.poa .amt{font-family:var(--disp);font-weight:800}
.tier-hd h3{font-family:var(--disp)}
.nav .mega,.nav.light .mega{background:#fff;border-color:var(--line)}
.mcard s{white-space:normal;max-width:17rem}

/* ── per-product icon colours (mega menu + mobile menu + product cards) ── */
.nav .mcard[href="/pharmacy-websites"] .ic,.nav.light .mcard[href="/pharmacy-websites"] .ic,.nav.light .mcard[href="/pharmacy-websites"]:hover .ic,.ml[href="/pharmacy-websites"] .ic,.h10-prod .card[href="/pharmacy-websites"] .ic{background:#E3EEF9;color:#2F5FC4}
.nav .mcard[href="/white-label-pharmacy-app"] .ic,.nav.light .mcard[href="/white-label-pharmacy-app"] .ic,.nav.light .mcard[href="/white-label-pharmacy-app"]:hover .ic,.ml[href="/white-label-pharmacy-app"] .ic,.h10-prod .card[href="/white-label-pharmacy-app"] .ic{background:#E6EDE6;color:#1F6A3F}
.nav .mcard[href="/online-pharmacy-shop"] .ic,.nav.light .mcard[href="/online-pharmacy-shop"] .ic,.nav.light .mcard[href="/online-pharmacy-shop"]:hover .ic,.ml[href="/online-pharmacy-shop"] .ic,.h10-prod .card[href="/online-pharmacy-shop"] .ic{background:#FDEBDD;color:#C2561D}
.nav .mcard[href="/seo-management"] .ic,.nav.light .mcard[href="/seo-management"] .ic,.nav.light .mcard[href="/seo-management"]:hover .ic,.ml[href="/seo-management"] .ic,.h10-prod .card[href="/seo-management"] .ic{background:#EDE7F8;color:#6D45B0}
.nav .mcard[href="/social-media-management"] .ic,.nav.light .mcard[href="/social-media-management"] .ic,.nav.light .mcard[href="/social-media-management"]:hover .ic,.ml[href="/social-media-management"] .ic{background:#FBE4EC;color:#C2305F}
.nav .mcard[href="/design-suite"] .ic,.nav.light .mcard[href="/design-suite"] .ic,.nav.light .mcard[href="/design-suite"]:hover .ic,.ml[href="/design-suite"] .ic{background:#FFF1C9;color:#9A6A00}
.nav .mcard[href="/operations-portal"] .ic,.nav.light .mcard[href="/operations-portal"] .ic,.nav.light .mcard[href="/operations-portal"]:hover .ic,.ml[href="/operations-portal"] .ic,.h10-prod .card[href="/operations-portal"] .ic{background:#0E1F15;color:#FFD84D}
.nav .mcard[href="/pharmiq"] .ic,.nav.light .mcard[href="/pharmiq"] .ic,.nav.light .mcard[href="/pharmiq"]:hover .ic,.ml[href="/pharmiq"] .ic{background:#DDF3F1;color:#157A70}
.nav .mcard:hover .ic,.nav.light .mcard:hover .ic{background:inherit;filter:brightness(.94)}

/* ── one-dashboard step cycle ── */
.h10-steps .step{position:relative;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);font:inherit;color:inherit;cursor:pointer;padding:1.15rem .9rem 1.2rem .25rem;border-radius:0;transition:background .3s var(--ease);overflow:hidden}
.h10-steps .step:hover{background:rgba(255,255,255,.5)}
.h10-steps .step h3{transition:color .3s}
.h10-steps .step .n{transition:background .3s,color .3s,transform .3s var(--ease)}
.h10-steps .step.on{background:#fff;border-radius:var(--r-sm);border-top-color:transparent;box-shadow:0 0 0 1px var(--line)}
.h10-steps .step.on+.step{border-top-color:transparent}
.h10-steps .step.on .n{background:var(--ink);color:#fff;transform:scale(1.08)}
.h10-steps .step .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;pointer-events:none}
.h10-steps.run .step.on .bar{animation:h10bar 4.2s linear forwards}
@keyframes h10bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.h10-dash .g{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.h10-dash .g.on{opacity:1;transform:none}
.h10-dash .g.s2.on,.h10-dash .g.s1.on{animation:none}
@media(prefers-reduced-motion:reduce){.h10-steps .step .bar{display:none}.h10-dash .g{transition:none}}

/* ── who it's for: illustrated blobs ── */
.wH{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.6rem}.wH a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.wH .bl{width:100%;max-width:300px;border-radius:48% 52% 46% 54%/55% 45% 55% 45%;padding:1.6rem 1.8rem .8rem;transition:transform .35s var(--ease)}.wH a:hover .bl{transform:translateY(-6px) rotate(-1.5deg)}.wH .b1{background:var(--mint-2)}.wH .b2{background:var(--yellow-2)}.wH .b3{background:#E3EEF9}
@media(max-width:800px){.wH{grid-template-columns:1fr;gap:2.4rem}.wH .bl{max-width:260px}}.wH .bl svg{width:100%;height:auto;display:block}.wH h3{font-size:1.35rem;margin-top:.6rem}.wH p{font-size:.94rem;line-height:1.55;max-width:22rem}.wH .tlink{margin-top:.3rem}

/* ── what you get: product hub ── */
.pR{position:relative;height:700px;margin-top:3rem}
.pR .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.4rem;z-index:2}
.pR .hub b{font-family:var(--disp);font-size:1.4rem;font-weight:800;line-height:1.1}
.pR .hub b em{font-style:normal;color:var(--yellow)}
.pR .hub s{text-decoration:none;font-size:.78rem;color:rgba(255,255,255,.65);margin-top:.4rem}
.pR .node{position:absolute;width:210px;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;z-index:2}
.pR .node .il{width:150px;border-radius:48% 52% 46% 54%/55% 45% 55% 45%;padding:.9rem .9rem .3rem;transition:transform .3s var(--ease);animation:pRfloat 7s var(--ease) infinite alternate}
.pR .node:nth-child(odd) .il{animation-delay:-3s}
.pR .node:hover .il{animation:none;transform:translateY(-5px) rotate(-2deg)}
.pR .node .il svg{width:100%;height:auto;display:block}
.b1{background:var(--mint-2)}.b2{background:#FFF0C9}.b3{background:#E3EEF9}.b4{background:#EDE7F8}.b5{background:#FDEBDD}
.pR .node b{font-size:.98rem;margin-top:.4rem;color:var(--ink)}
.pR .node s{text-decoration:none;font-size:.8rem;color:var(--slate);line-height:1.4}
.pR svg.lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
@keyframes pRfloat{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.pR .node .il{animation:none}}
/* hub section: reveal + live connection lines */
.pR .node .il{will-change:transform}
.pR svg.lines .pRl{stroke:#0E1F15;stroke-width:2;stroke-dasharray:5 8;stroke-linecap:round;opacity:.3;transition:opacity .25s,stroke .25s}
.pR svg.lines .pRl.hot{stroke:#1F6A3F;opacity:.85}
.pR svg.lines .pRd{fill:#1F6A3F;opacity:0;transition:opacity .4s}
.pR svg.lines.go .pRd{opacity:.9}
.pR .hub::before,.pR .hub::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--mint-2);opacity:0;pointer-events:none}
.pR.in .hub::before{animation:pRring 3.2s 1.4s ease-out infinite}
.pR.in .hub::after{animation:pRring 3.2s 3s ease-out infinite}
@keyframes pRring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.45);opacity:0}}
.pR.anim .hub{scale:.6;opacity:0}
.pR.anim .node{opacity:0;scale:.8}
.pR.anim.in .hub{scale:1;opacity:1;transition:scale .7s cubic-bezier(.34,1.56,.64,1),opacity .4s}
.pR.anim.in .node{scale:1;opacity:1;transition:scale .6s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0s) + .55s),opacity .45s calc(var(--d,0s) + .55s)}
@media(prefers-reduced-motion:reduce){.pR .hub::before,.pR .hub::after{animation:none!important}}
@media(max-width:860px){.pR.anim.in .node{transition-delay:calc(var(--d,0s) + .1s)}}

@media(max-width:860px){.pR{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1rem;position:static;margin-top:2rem}.pR svg.lines{display:none}.pR .hub{position:static;transform:none;grid-column:1/-1;margin:0 auto;width:200px;height:200px}.pR .node{position:static!important;transform:none;width:auto}.pR .node .il{width:130px}}

/* ── testimonials: sticky-note wall ── */
.qZ{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.6rem}.qZ .n{position:relative;padding:1.6rem 1.3rem 1.3rem;min-height:200px;display:flex;flex-direction:column;gap:.8rem;border-radius:4px;box-shadow:0 14px 30px -18px rgba(14,31,21,.45);transition:transform .3s var(--ease)}.qZ .n:hover{transform:scale(1.04) rotate(0)!important;z-index:2}.qZ .n::before{content:"";position:absolute;left:50%;top:-10px;width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translateX(-50%);box-shadow:0 0 0 3px #fff}.qZ .n p{font-family:var(--disp);font-weight:600;font-size:1.02rem;line-height:1.35;color:var(--ink);flex:1}.qZ .n b{font-size:.78rem;font-weight:600;color:rgba(14,31,21,.6)}.qZ .stars{color:var(--ink);font-size:.7rem;letter-spacing:.1em;opacity:.6}.qZ .y{background:var(--yellow)}.qZ .m{background:var(--mint-2)}.qZ .s{background:#E3EEF9}.qZ .p{background:#FDEBDD}.qZ .n:nth-child(5){grid-column:2}
.qZ .n[data-rev]{transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}
.qZ .n[data-rev]:not(.in){opacity:0;transform:translateY(22px) rotate(0)!important;filter:blur(2px)}
.qZ .n:nth-child(2){transition-delay:.08s}.qZ .n:nth-child(3){transition-delay:.16s}.qZ .n:nth-child(4){transition-delay:.24s}.qZ .n:nth-child(5){transition-delay:.12s}.qZ .n:nth-child(6){transition-delay:.2s}.qZ .n:nth-child(7){transition-delay:.28s}
@media(max-width:1000px){.qZ{grid-template-columns:repeat(3,1fr)}.qZ .n:nth-child(5){grid-column:auto}}
@media(max-width:680px){.qZ{grid-template-columns:repeat(2,1fr);gap:1.4rem 1rem}.qZ .n{min-height:170px;padding:1.3rem 1rem 1rem}.qZ .n p{font-size:.92rem}.qZ .n:nth-child(7){display:none}}
@media(max-width:400px){.qZ{grid-template-columns:1fr}.qZ .n:nth-child(7){display:flex}}


/* ── 7-day demo timeline ── */
.s4{position:relative;margin-top:.6rem}.s4-bar{position:absolute;left:0;right:0;top:22px;height:4px;background:var(--line)}.s4-bar i{display:block;height:100%;width:75%;background:var(--green);border-radius:4px}.s4-g{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative}.s4 .dot{width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid var(--green);display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:.9rem;margin-bottom:1rem;color:var(--ink)}.s4 .last .dot{background:var(--yellow);border-color:var(--yellow)}.s4 .k{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.s4 h3{font-size:1.2rem;margin-top:.3rem}.s4 p{font-size:.9rem;margin-top:.3rem;line-height:1.5}.s4-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.4rem}.s4-head b{font-family:var(--disp);font-weight:800;font-size:clamp(2.4rem,4vw,3.4rem);letter-spacing:-.04em;line-height:1}.s4-head b em{font-style:normal;color:var(--green)}.s4-head p{max-width:28rem;text-align:right}
.s4-bar i{width:0;transition:width 1.6s var(--ease) .3s}.s4.in .s4-bar i{width:75%}
.s4 .dot{transition:transform .5s var(--ease),background .4s}.s4 .last .dot{animation:none}
.s4.in .last .dot{animation:s4pop .6s var(--ease) 1.7s both}
@keyframes s4pop{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(1)}}
@media(max-width:900px){.s4-head{flex-direction:column;align-items:flex-start;gap:.8rem}.s4-head p{text-align:left}.s4-g{grid-template-columns:1fr 1fr}.s4-bar{display:none}}
@media(max-width:520px){.s4-g{grid-template-columns:1fr;gap:1.2rem}.s4 .dot{margin-bottom:.6rem}}


/* ── tools tiles + guide rail ── */
.r6-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.7rem;margin-top:1.6rem}.r6-row a{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.r6-row .ic{width:100%;aspect-ratio:1;border-radius:22px;padding:18%;transition:transform .3s var(--ease)}.r6-row a:hover .ic{transform:translateY(-5px) rotate(-3deg)}.r6-row .ic svg{width:100%;height:100%}.c1{background:var(--mint-2)}.c2{background:#FFF0C9}.c3{background:#E3EEF9}.c4{background:#EDE7F8}.c5{background:#FDEBDD}.r6-row b{font-size:.82rem;line-height:1.25;font-weight:650}.r6-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.r6-g{display:flex;gap:.9rem;margin-top:1.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.4rem}.r6-g::-webkit-scrollbar{display:none}.r6-g a{flex:0 0 300px;border-radius:var(--r);padding:1.3rem;display:flex;flex-direction:column;gap:.4rem;min-height:190px;border:1px solid var(--line);background:#fff;position:relative}.r6-g a::before{content:"";position:absolute;left:1.3rem;right:1.3rem;top:0;height:5px;border-radius:0 0 5px 5px}.r6-g a.k1::before{background:var(--yellow)}.r6-g a.k2::before{background:var(--green)}.r6-g a.k3::before{background:#2F5FC4}.r6-g a.k4::before{background:#6D45B0}.r6-g em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--mute);letter-spacing:.08em;text-transform:uppercase}.r6-g h3{font-size:1.05rem;margin-top:.3rem;flex:1}.r6-g s{text-decoration:none;font-size:.78rem;color:var(--mute)}
.r6-row a:focus-visible .ic{outline:3px solid var(--green);outline-offset:3px}
.r6-g{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.r6-g a:hover{transform:translateY(-4px);box-shadow:var(--sh)}.r6-g a{transition:transform .3s var(--ease),box-shadow .3s}
@media(max-width:900px){.r6-row{grid-template-columns:repeat(4,1fr)}.r6-row .ic{border-radius:18px}}
@media(max-width:520px){.r6-row{grid-template-columns:repeat(3,1fr);gap:.6rem}.r6-row b{font-size:.74rem}.r6-g a{flex-basis:250px}.r6-hd{flex-direction:column;align-items:flex-start;gap:.4rem}}


/* ── FAQ: illustration + yes/no stamps ── */
.f12{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}.f12 .il{border-radius:48% 52% 46% 54%/55% 45% 55% 45%;background:#E3EEF9;padding:2rem 2.4rem 1rem;max-width:460px}.f12 .il svg{width:100%;height:auto}.f12-l details{border-bottom:1px solid var(--ink)}.f12-l summary{list-style:none;cursor:pointer;display:flex;gap:1rem;align-items:baseline;padding:1.1rem 0;font-weight:650;font-size:1.1rem}.f12-l summary::-webkit-details-marker{display:none}.f12-l summary .k{font-family:var(--disp);font-weight:800;font-size:.8rem;color:var(--green);flex:none}.f12-l summary .pl{margin-left:auto;font-size:1.3rem;line-height:1;transition:transform .25s}.f12-l details[open] .pl{transform:rotate(45deg)}.f12-l p{padding:0 0 1.1rem 2.1rem;color:var(--slate);line-height:1.6;font-size:.96rem}.g2{display:grid;gap:1.4rem}.g2>.row{display:grid;grid-template-columns:5.2rem 1fr;gap:1.2rem;align-items:start}.g2 .st{font-family:var(--disp);font-weight:800;font-size:1.5rem;letter-spacing:-.04em;padding:.15em .45em;border-radius:10px;transform:rotate(-5deg);display:inline-block;justify-self:start;margin-top:.1rem}.g2 .y{background:var(--yellow);color:var(--ink)}.g2 .n{background:var(--ink);color:#fff}.g2 h3{font-size:1.12rem}.g2 p{margin-top:.35rem;font-size:.94rem;line-height:1.55;color:var(--slate)}
.g2>.row .st{transition:transform .3s var(--ease)}.g2>.row:hover .st{transform:rotate(0) scale(1.06)}
@media(max-width:900px){.f12{grid-template-columns:1fr;gap:2rem}.f12 .il{max-width:360px;margin-inline:auto}}
@media(max-width:520px){.g2>.row{grid-template-columns:4.2rem 1fr;gap:.9rem}.g2 .st{font-size:1.2rem}}


/* ── footer: yellow CTA panel + ink columns ── */
.ft.fH{display:grid;grid-template-columns:.9fr 2.1fr;margin-top:var(--sec);padding:0;background:none;color:inherit;overflow:hidden}.fH h4{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:1rem}.fH ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.fH ul a{color:rgba(255,255,255,.82);font-size:.88rem}.fH ul a:hover{color:var(--yellow)}.fH .brand{font-family:var(--disp);font-weight:800;font-size:1.2rem;display:flex;gap:.5rem;align-items:center;color:#fff}.fH .brand b{color:var(--yellow)}.fH-l{background:var(--yellow);padding:3rem clamp(1.5rem,4vw,3.4rem);display:flex;flex-direction:column}.fH-l h3{font-size:2rem;line-height:1.05;max-width:12ch}.fH-l p{color:rgba(14,31,21,.75);margin-top:.7rem}.fH-l svg{width:100%;max-width:280px;margin-top:auto}.fH-l .btn{margin-top:1.2rem;align-self:flex-start}.fH-r{background:var(--ink);color:#fff;padding:3rem clamp(1.5rem,4vw,3.4rem) 1.6rem;display:flex;flex-direction:column}.fH-g{display:grid;grid-template-columns:repeat(5,1fr);gap:1.6rem;margin-top:2rem}.fH-b{margin-top:auto;padding-top:2.4rem;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;font-size:.8rem;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1)}.fH-b{margin-top:2.4rem;padding-top:1.2rem}.fH-b a{color:rgba(255,255,255,.55)}.fH-b .sp{margin-left:auto}
.fH-l{color:var(--ink)}.fH-l h3{color:var(--ink);font-family:var(--disp)}
.fH-r .brand{align-self:flex-start}
.fH ul li{line-height:1.35}
@media(max-width:1100px){.ft.fH{grid-template-columns:1fr}.fH-l{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem 2rem;padding-block:2.2rem}.fH-l>div,.fH-l h3,.fH-l p{flex-basis:100%}.fH-l h3{max-width:none}.fH-l svg{display:none}.fH-l .btn{margin-top:.4rem}.fH-g{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.fH-g{grid-template-columns:repeat(2,1fr);gap:1.6rem 1rem}.fH-b .sp{margin-left:0;flex-basis:100%}}
body.pd .ft.fH{margin-top:clamp(3rem,6vw,5rem)}


/* ═══ header: yellow announcement + transparent bar (sitewide) ═══ */
.ann2{position:relative;z-index:81;background:var(--yellow);color:var(--ink);font-size:.86rem}
.ann2-in{max-width:var(--wide);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:.55rem 3rem;flex-wrap:wrap;text-align:center}
.ann2 b{background:var(--ink);color:var(--yellow);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.18rem .55rem}
.ann2 a{font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.ann2 button{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:none;border:0;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--ink)}
.ann2 button:hover{background:rgba(14,31,21,.1)}
.ann2-s{display:none}
@media(max-width:600px){.ann2{font-size:.78rem}.ann2-in{padding:.42rem 2.4rem .42rem 1rem;gap:.45rem;flex-wrap:nowrap;white-space:nowrap}.ann2 b{display:none}.ann2-l{display:none}.ann2-s{display:inline}.ann2 a{text-decoration-thickness:1.5px}.ann2 button{right:.4rem;width:28px;height:28px;font-size:1.1rem}}
@media(max-width:340px){.ann2-s{display:none}}
/* bar: blends into the page at the top, frosted sage once scrolled */
.nav,body:not(.hero-dark) .nav{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav.stuck,.nav.light.stuck{background:rgba(242,245,241,.86)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:0 14px 40px -30px rgba(14,31,21,.35)!important}
.nav::after{background:rgba(14,31,21,.08)!important;opacity:0}
.nav.stuck::after{opacity:1}
.nav .nlogin{display:inline-flex;align-items:center;gap:.45rem;color:var(--slate)!important;font-weight:600;font-size:.92rem;padding:.5rem .8rem;border-radius:999px}
.nav .nlogin svg{width:16px;height:16px}
.nav .nlogin:hover{background:#fff;color:var(--ink)!important}
.nav .nright .btn-yel{color:var(--ink);box-shadow:none}
.nav .nright .btn-yel:hover{background:#FFE27A}
/* menus: light, with small illustration tiles */
.nav .mega,.nav.light .mega{top:calc(100% - .2rem);padding:.9rem .9rem .7rem}
.nav .mega::after{left:1.2rem;top:.75rem}
#m-platform.mega-wide{width:min(760px,calc(100vw - 48px))!important;max-width:none!important;left:max(24px,min(var(--mega-x,24px),calc(100% - min(760px,calc(100vw - 48px)) - 24px)))!important}
.mx{padding-top:1.35rem}
.m10w{display:grid;grid-template-columns:repeat(2,1fr);gap:.15rem .4rem}
.m10{display:flex;gap:.7rem;align-items:center;padding:.45rem .5rem;border-radius:12px;transition:background .2s}
.m10:hover{background:var(--cream)}
.m10 .tile{flex:none;width:52px;height:38px;border-radius:10px;padding:.2rem .25rem 0;overflow:hidden;transition:transform .25s var(--ease)}
.m10:hover .tile{transform:rotate(-4deg) scale(1.06)}
.m10 .tile img{width:100%;height:auto;display:block}
.m10 b{display:block;font-size:.86rem;color:var(--ink);font-weight:650;line-height:1.25}
.m10 s{text-decoration:none;display:block;font-size:.72rem;color:var(--slate);line-height:1.35;margin-top:.1rem}
@media(max-width:1040px){.nav .nright .btn-yel{display:none}}

/* ── patient app: three phones on a yellow blob ── */
.aph{background:var(--ink);padding:7px;border-radius:36px;box-shadow:0 50px 90px -40px rgba(14,31,21,.55)}
.aph>span{display:block;border-radius:29px;overflow:hidden;background:#fff}
.aph img{display:block;width:100%;height:auto;transform:scale(1.035)}
.pA{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.pA .lede{margin-top:1rem}
.pA .ticks{margin-top:1.4rem}
.stores{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:.6rem;background:var(--ink);color:#fff;border-radius:12px;padding:.45rem .95rem .45rem .55rem}
.store img{width:28px;height:28px;flex:none}
.store>span{display:flex;flex-direction:column;font-weight:700;font-size:1rem;line-height:1.1}
.store b{font-size:.62rem;font-weight:500;opacity:.75}
.pcta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}
.pA-art{position:relative;height:580px}
.pA-art .yb{position:absolute;left:-2%;right:-4%;top:24%;bottom:-6%;background:var(--yellow);border-radius:48% 52% 46% 54%/55% 45% 55% 45%}
.pA-art .aph{position:absolute;width:220px;transition:transform .6s var(--ease)}
.pA-art .p1{left:6%;top:70px;transform:rotate(-8deg)}
.pA-art .p2{left:50%;top:10px;transform:translateX(-50%);width:250px;z-index:2}
.pA-art .p3{right:4%;top:80px;transform:rotate(8deg)}
.pA-art:hover .p1{transform:rotate(-11deg) translateX(-10px)}
.pA-art:hover .p3{transform:rotate(11deg) translateX(10px)}
@media(max-width:960px){.pA{grid-template-columns:1fr}.pA-art{height:520px;max-width:560px;width:100%;margin-inline:auto}}
@media(max-width:560px){.pA-art{height:420px}.pA-art .aph{width:150px}.pA-art .p2{width:180px}.pA-art .p1{left:0;top:70px}.pA-art .p3{right:0;top:80px}}

/* ── closing client quote, hands over to the footer ── */
.r5x{text-align:center;max-width:52rem;margin:0 auto}
.r5x .mk{font-family:var(--disp);font-weight:800;font-size:6rem;line-height:.5;color:var(--yellow);display:block}
.r5x blockquote{margin:1rem 0 0;font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.r5x blockquote em{font-style:normal;background:var(--yellow);border-radius:999px;padding:0 .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.r5x .who{margin-top:1.2rem;font-size:.9rem;color:var(--slate)}
.r5x .dn{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);color:var(--ink);margin-top:2rem;animation:r5b 1.8s var(--ease) infinite;transition:background .2s}
.r5x .dn svg{width:22px;height:22px}
.r5x .dn:hover{background:var(--yellow);border-color:var(--yellow)}
@keyframes r5b{50%{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.r5x .dn{animation:none}}

/* ── data section: giant number + search ── */
.d3{text-align:center}
.d3 .big{font-family:var(--disp);font-weight:800;font-size:clamp(4.6rem,15vw,13rem);letter-spacing:-.06em;line-height:.85;color:var(--ink);font-variant-numeric:tabular-nums}
.d3 .sub{font-family:var(--disp);font-weight:700;font-size:clamp(1.35rem,2.6vw,2.2rem);letter-spacing:-.03em;margin-top:.6rem}
.d3 .sub span{background:var(--yellow);border-radius:999px;padding:0 .35em}
.d3 .lede{max-width:38rem;margin:1rem auto 0}
.d3-ch{display:flex;justify-content:center;gap:1.4rem;margin-top:1.2rem;font-size:.88rem;flex-wrap:wrap}
.d3-ch a{color:var(--green);font-weight:600}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dsb-w{position:relative;max-width:44rem;margin:2rem auto 0;text-align:left;z-index:5}
.dsb{display:flex;align-items:center;gap:.7rem;height:70px;background:#fff;border-radius:999px;padding:0 .45rem 0 .45rem;box-shadow:0 0 0 1.5px var(--line),0 24px 50px -30px rgba(14,31,21,.45);transition:box-shadow .2s}
.dsb:focus-within,.dsb-w.open .dsb{box-shadow:0 0 0 2px var(--ink),0 0 0 7px rgba(255,216,77,.55),0 24px 50px -30px rgba(14,31,21,.45)}
.dsb-ic{flex:none;width:52px;height:52px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;transition:transform .3s var(--ease)}
.dsb:focus-within .dsb-ic{transform:rotate(-12deg)}
.dsb-ic svg{width:22px;height:22px}
.dsb input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:1.12rem;font-weight:500;color:var(--ink);outline:none}
.dsb input::placeholder{color:var(--mute);font-weight:400}
.dsb input::-webkit-search-cancel-button{-webkit-appearance:none}
.dsb-k{flex:none;font-family:var(--mono);font-size:.78rem;color:var(--mute);border:1px solid var(--line);border-radius:7px;padding:.12rem .48rem;background:var(--cream)}
.dsb-go{flex:none;display:inline-flex;align-items:center;gap:.6rem;height:54px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-weight:650;font-size:.98rem;padding:0 .45rem 0 1.3rem;cursor:pointer;transition:background .2s}
.dsb-go i{width:40px;height:40px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:800;transition:transform .25s var(--ease)}
.dsb-go:hover{background:var(--green)}
.dsb-go:hover i{transform:translateX(3px)}
.dsb-r{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -30px rgba(14,31,21,.4);padding:.4rem;max-height:min(60vh,26rem);overflow-y:auto}
.dsb-r h6{margin:0;padding:.6rem .8rem .3rem;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dsb-r a{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border-radius:14px;color:var(--ink)}
.dsb-r a:hover,.dsb-r a.on{background:var(--cream)}
.dsb-r i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--mint-2);color:var(--green)}
.dsb-r i svg{width:18px;height:18px}
.dsb-r a.k-t i{background:#E3EEF9;color:#2F5FC4}
.dsb-r a.k-l i{background:#EDE7F8;color:#6D45B0}
.dsb-r a>span{min-width:0;flex:1}
.dsb-r b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsb-r s{display:block;text-decoration:none;font-size:.8rem;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsb-r em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--green);white-space:nowrap}
.dsb-r a.k-t em{color:#2F5FC4}.dsb-r a.k-l em{color:#6D45B0}
.dsb-r .none{padding:1rem;font-size:.9rem;color:var(--slate);margin:0}
.dsb-by{display:flex;justify-content:center;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:1.1rem}
.dsb-by span{font-size:.8rem;color:var(--mute);margin-right:.2rem}
.dsb-by button{font:inherit;font-size:.82rem;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.38rem .85rem;cursor:pointer;transition:background .2s,border-color .2s}
.dsb-by button:hover{background:var(--yellow);border-color:var(--yellow)}
@media(max-width:620px){.dsb{height:62px;gap:.5rem}.dsb-ic{width:44px;height:44px}.dsb input{font-size:1rem}.dsb-k{display:none}.dsb-go{padding:0;width:48px;height:48px;justify-content:center;background:var(--ink)}.dsb-go span{display:none}.dsb-go i{background:none;color:var(--yellow);width:auto;height:auto}}

/* ── results bento (animated when revealed) ── */
.rsg{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:1rem;margin-top:2.4rem}
.rsg>div{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem 1.5rem;display:flex;flex-direction:column;min-width:0}
.rsg u{text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rsg b{font-family:var(--disp);font-weight:800;font-size:2.8rem;letter-spacing:-.04em;line-height:1;margin-top:.45rem;display:block;font-variant-numeric:tabular-nums}
.rsg b small{display:block;font-family:var(--sans);font-size:.84rem;font-weight:500;letter-spacing:0;color:var(--slate);margin-top:.45rem}
.rs-a{grid-row:span 2}
.rs-a b{font-size:4rem}
.rs-ch{position:relative;margin-top:auto}.rsg>div>b{margin-bottom:1.4rem}
.rs-ch .ch{width:100%;height:260px;display:block;overflow:visible}
.rs-ch.sm .ch{height:100px}
.rs-ch .dt{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 2.5px var(--ink);opacity:0;transform:scale(.4)}
.rs-ax{display:flex;justify-content:space-between;font-size:.74rem;color:var(--mute);margin-top:.5rem;border-top:1px solid var(--line);padding-top:.5rem}
.rs-b{background:var(--mint-2)!important;border-color:transparent!important}
.rs-c{background:#FFF0C9!important;border-color:transparent!important}
.rs-c b{color:var(--ink)}
.rs-rw{position:relative;display:grid;place-items:center;margin:.8rem 0 .4rem}
.ring{width:150px;height:150px}
.rs-rv{position:absolute;margin:0!important;font-size:2.2rem!important;text-align:center}
.rs-rv.sm{font-size:1.7rem!important}
.rs-rv small{font-size:.66rem!important;margin-top:.15rem!important}
.rs-b s{text-decoration:none;font-size:.84rem;color:var(--ink);opacity:.75;text-align:center}
.rs-d{grid-column:span 2;display:grid!important;grid-template-columns:170px 1fr;gap:1.6rem;align-items:center}
.rs-d .rs-rw{margin:0}
.rs-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.rs-dl b{font-size:2.2rem}
.rs-gauge{display:block;height:6px;border-radius:6px;margin:.8rem 0 .35rem;background:linear-gradient(90deg,rgba(180,64,44,.45),#E6EDE6 50%,var(--green));position:relative}
.rs-gauge i{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}
.rs-gl{display:flex;justify-content:space-between;font-size:.66rem;color:var(--mute)}
.rs-gl em{font-style:normal}
/* animation states: everything waits for the reveal */
.rsg .ln{stroke-dasharray:1;stroke-dashoffset:1}
.rsg .ar{opacity:0}
.rsg .rg{stroke-dashoffset:var(--c)}
.rsg.in .ln{transition:stroke-dashoffset 2.2s var(--ease) .25s;stroke-dashoffset:0}
.rsg.in .rs-c .ln{transition-delay:.7s}
.rsg.in .ar{transition:opacity .9s ease 1.6s;opacity:1}
.rsg.in .dt{transition:opacity .3s ease 2.3s,transform .4s var(--ease) 2.3s;opacity:1;transform:none}
.rsg.in .rg{transition:stroke-dashoffset 1.6s var(--ease) .4s;stroke-dashoffset:0}
.rsg.in .r2 .rg{transition-delay:.9s}
.rsg.in .rs-gauge i{transition:left 1.6s var(--ease) .9s;left:96%}
@media(prefers-reduced-motion:reduce){.rsg .ln{stroke-dashoffset:0}.rsg .ar,.rsg .dt{opacity:1;transform:none}.rsg .rg{stroke-dashoffset:0}.rs-gauge i{left:96%}}
@media(max-width:1000px){.rsg{grid-template-columns:1fr 1fr}.rs-a{grid-row:auto;grid-column:1/-1}.rs-d{grid-column:1/-1}}
@media(max-width:640px){.rsg{grid-template-columns:1fr}.rs-d{grid-template-columns:1fr;justify-items:center}.rs-dl{grid-template-columns:1fr;width:100%;text-align:left}.rs-a b{font-size:3.2rem}.rs-ch .ch{height:200px}}

/* ── product tiles (replaces .ptabs on product pages) ── */
.ptiles{display:grid;grid-template-columns:repeat(8,1fr);gap:.6rem;max-width:var(--max);margin:0 auto 1.6rem}
.ptile{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.6rem .4rem .7rem;border-radius:18px;font-weight:600;font-size:.84rem;color:var(--slate);text-align:center;border:1.5px solid transparent;transition:background .2s,color .2s}
.ptile:hover{background:#fff;color:var(--ink)}
.ptile .tl{display:block;width:100%;max-width:110px;height:64px;border-radius:14px;overflow:hidden;padding:.3rem .5rem 0;transition:transform .25s var(--ease)}
.ptile .tl img{width:100%;height:auto;display:block}
.ptile:hover .tl{transform:translateY(-3px) rotate(-2deg)}
.ptile.on{background:#fff;border-color:var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--yellow)}
@media(max-width:900px){.ptiles{display:flex;overflow-x:auto;scrollbar-width:none;padding:.4rem 1rem .7rem;margin-inline:calc(-1*var(--gut))}.ptiles::-webkit-scrollbar{display:none}.ptile{flex:0 0 96px}}

/* ── pharmacy-websites hero: search result → site ── */
.hx{padding:calc(88px + 1.4rem) 0 clamp(2.5rem,5vw,4rem)}.hx .crumb{display:block;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:1rem}.hx .crumb a{color:var(--slate)}.hx h1{font-size:clamp(2.6rem,5vw,4.4rem);margin-top:1rem}.hx .lede{margin-top:1.2rem;max-width:34rem}.hcta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem}.hnote{margin-top:1rem;font-size:.88rem;color:var(--mute)}.brw{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg)}.brw .bt{height:36px;background:#F5F7F4;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.4rem;padding:0 .9rem}.brw .bt i{width:10px;height:10px;border-radius:50%;background:#E5776A}.brw .bt i:nth-child(2){background:#E9B94C}.brw .bt i:nth-child(3){background:#62C27A}.brw .bt span{margin-left:.8rem;flex:1;max-width:340px;background:#fff;border-radius:999px;font-size:.74rem;color:var(--slate);padding:.28rem .9rem}.brw img{display:block;width:100%}.xb{display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center}.xb-art{position:relative;height:520px}.gs{position:absolute;left:0;top:0;width:68%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:var(--sh);z-index:2}.gs-q{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-size:.92rem}.gs-q svg{width:18px;height:18px;color:var(--mute)}.gs-r{position:relative;padding:.8rem .4rem .2rem;border-top:1px solid var(--line-2);margin-top:.6rem}.gs-r b{display:block;color:#1a0dab;font-weight:600;font-size:.98rem}.gs-r s{text-decoration:none;font-size:.78rem;color:var(--slate)}.gs-r em{font-style:normal;font-size:.66rem;font-weight:700;color:var(--green);letter-spacing:.06em;text-transform:uppercase}.gs-r.on{background:#FFF8DB;border-radius:12px;padding:.8rem .8rem .7rem;border:0}.gs-r .rk{position:absolute;right:.6rem;top:.6rem;background:var(--ink);color:var(--yellow);font-family:var(--disp);font-weight:800;border-radius:999px;padding:.15rem .6rem;font-size:.82rem}.gs-r:not(.on){opacity:.55}.xb-br{position:absolute;right:-4%;bottom:0;width:78%;transform:rotate(1.5deg)}.xb-arr{position:absolute;left:52%;top:170px;width:110px;z-index:3}.xbg{position:absolute;left:4%;bottom:30px;z-index:3}@media(max-width:900px){.xb,.xc,.xd,.xe,.xf{grid-template-columns:1fr!important}.xb-art,.xc-art,.xf-art{height:400px}.xd-art{padding:0 0 40px 30px}.xe-s{grid-template-columns:1fr 1fr}.xa-tabs{overflow-x:auto;justify-content:flex-start}.xg1,.xg2{display:none}.gs{width:88%}.xb-br{width:90%}}
.xb .lede{margin-left:0}
@media(max-width:900px){.xb-art{height:430px;margin-top:1rem}.xb-arr{left:58%;top:150px;width:80px}}
@media(max-width:520px){.xb-art{height:380px}.gs{width:100%;padding:.8rem}.gs-r s{font-size:.72rem}.xb-br{width:96%;right:-2%}.xbg{left:0;bottom:10px}.xb-arr{display:none}}

/* pharmacy-websites carousel captions — wrap on phones */
@media(max-width:600px){.carousel{height:clamp(300px,60vw,620px)}.cslide{top:44%}.cslide figcaption{bottom:-3.4rem;line-height:1.3}.cslide figcaption span{display:block;margin:.15rem 0 0}.cdots{margin-top:1.4rem}}

/* pharmacy-websites — what you get ledger */
.pwL-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.pwL-hd .lede{max-width:24rem;text-align:right;margin:0}
.pwL{margin-top:2rem;border-top:2px solid var(--ink)}
.pwL .r{display:grid;grid-template-columns:110px 1.1fr 1.4fr 160px;gap:2rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--line)}
.pwL .n{font-family:var(--disp);font-weight:800;font-size:3.2rem;letter-spacing:-.05em;line-height:1;color:var(--ink)}
.pwL h3{font-size:1.5rem;letter-spacing:-.02em}.pwL p{color:var(--mute);line-height:1.5;font-size:.98rem}
.pwL .tl{height:110px;border-radius:16px;display:grid;place-items:center;overflow:hidden;transition:transform .3s var(--ease)}.pwL .tl img{width:150px;height:auto}
.pwL .r:hover .tl{transform:rotate(-2deg) scale(1.04)}
.pwL .r:nth-child(2){transition-delay:.08s}.pwL .r:nth-child(3){transition-delay:.16s}.pwL .r:nth-child(4){transition-delay:.24s}
@media(max-width:900px){.pwL .r{grid-template-columns:70px 1fr 120px;gap:.4rem 1.2rem}.pwL .r p{grid-column:2}.pwL .r .tl{grid-row:1/3;grid-column:3;height:90px}.pwL .tl img{width:110px}}
@media(max-width:700px){.pwL-hd{display:block}.pwL-hd .lede{display:none}.pwL .r{grid-template-columns:60px 1fr;gap:.5rem 1rem;padding:1.3rem 0}.pwL .r p{grid-column:2}.pwL .r .tl{display:none}.pwL .n{font-size:2.2rem}.pwL h3{font-size:1.25rem}}

/* pharmacy-websites — found on Google (annotated result) */
.gx-top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.gx-top .lede{margin:0}
.gx{position:relative;padding:2.6rem 0 0}
.gx-card{max-width:760px;margin:0 auto;position:relative;z-index:2;background:#fff;border-radius:18px;box-shadow:0 30px 70px -40px rgba(14,31,21,.55);border:1px solid rgba(14,31,21,.08);font-family:Arial,Helvetica,sans-serif;color:#202124;text-align:left}
.gx-bar{display:flex;align-items:center;gap:.8rem;padding:14px 18px;border-bottom:1px solid #ECEDEF}
.gx-q{flex:1;border:1px solid #DFE1E5;border-radius:999px;padding:9px 16px;font-size:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(32,33,36,.12)}
.gx-q i{width:15px;height:15px;border-radius:50%;border:2px solid #4285F4;position:relative}.gx-q i:after{content:"";position:absolute;width:6px;height:2px;background:#4285F4;right:-5px;bottom:-2px;transform:rotate(45deg)}
.gx-tabs{display:flex;gap:18px;padding:8px 18px 0 58px;font-size:13px;color:#5F6368;border-bottom:1px solid #ECEDEF}.gx-tabs span{padding-bottom:8px}.gx-tabs .on{color:#1A73E8;border-bottom:3px solid #1A73E8}
.gx-res{padding:16px 18px 16px 54px;position:relative;background:linear-gradient(90deg,rgba(255,216,77,.2),rgba(255,216,77,0) 72%);border-left:4px solid var(--yellow)}
.gx-res.gx-dim{background:none;border-left:0;padding-left:58px;opacity:.42;border-top:1px solid #ECEDEF;border-radius:0 0 18px 18px}
.gx-site{display:flex;gap:10px;align-items:center;font-size:12px;color:#4D5156}.gx-site b{display:block;color:#202124;font-weight:400;font-size:14px}
.gx-fav{width:26px;height:26px;border-radius:50%;background:#E8F3EC;display:grid;place-items:center;color:#1F6A3F;font-weight:800;font-size:13px;flex:none}.gx-dim .gx-fav{background:#eee;color:#999}
.gx-t{color:#1A0DAB;font-size:20px;line-height:1.3;margin:6px 0 3px}.gx-dim .gx-t{font-size:18px}
.gx-d{font-size:14px;line-height:1.55;color:#4D5156}
.gx-m{font-size:13px;color:#70757A;margin-top:4px}.gx-m .st{color:#F5A623;letter-spacing:1px}
.gx-sl{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:10px}.gx-sl a{color:#1A0DAB;font-size:14px}.gx-sl span{display:block;font-size:12px;color:#4D5156}
.gx-rank{position:absolute;right:16px;top:-14px;background:var(--yellow);color:var(--ink);font-family:var(--disp);font-weight:800;font-size:14px;padding:8px 14px;border-radius:999px;box-shadow:0 10px 20px -10px rgba(0,0,0,.45);transform:rotate(4deg);white-space:nowrap}
.gx-co{position:absolute;z-index:3;width:230px;font-size:.9rem;line-height:1.45;color:var(--slate)}
.gx-co b{display:flex;gap:8px;align-items:center;font-family:var(--disp);font-size:1rem;color:var(--ink);margin-bottom:4px}
.gx-co b i{width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--yellow);font-style:normal;font-size:12px;display:grid;place-items:center;flex:none}
.gx-co:after{content:"";position:absolute;top:12px;height:2px;width:70px;background:var(--ink);opacity:.25}
.gx-co.l{left:0;text-align:right}.gx-co.l b{justify-content:flex-end}.gx-co.l:after{right:-82px}
.gx-co.r{right:0}.gx-co.r:after{left:-82px}
.gx-co.k1{top:150px}.gx-co.k2{top:330px}.gx-co.k3{top:170px}.gx-co.k4{top:340px}
.gx .gx-co{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.gx.in .gx-co{opacity:1;transform:none}.gx.in .k1{transition-delay:.35s}.gx.in .k3{transition-delay:.5s}.gx.in .k2{transition-delay:.65s}.gx.in .k4{transition-delay:.8s}
.gx .gx-rank{transition:transform .5s var(--ease) 1s,opacity .4s 1s;opacity:0;transform:rotate(4deg) scale(.6)}.gx.in .gx-rank{opacity:1;transform:rotate(4deg) scale(1)}
@media(max-width:1180px){.gx-co{width:180px}.gx-co:after{width:40px}.gx-co.l:after{right:-50px}.gx-co.r:after{left:-50px}.gx-card{max-width:620px}}
@media(max-width:980px){.gx-top{grid-template-columns:1fr;gap:1rem}.gx{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem}.gx-card{grid-column:1/-1;max-width:none;width:100%;margin-bottom:.8rem}.gx-co{position:static;width:auto;text-align:left!important}.gx-co b{justify-content:flex-start!important}.gx-co:after{display:none}.gx-co.k1{order:1}.gx-co.k2{order:3}.gx-co.k3{order:2}.gx-co.k4{order:4}}
@media(max-width:600px){.gx{grid-template-columns:1fr}.gx-co{order:0!important}.gx-res{padding:16px 14px 16px 14px}.gx-res.gx-dim{padding-left:18px}.gx-tabs{padding-left:18px;gap:14px;overflow:hidden}.gx-t{font-size:18px}.gx-sl{grid-template-columns:1fr}.gx-rank{position:static;display:inline-block;font-size:12px;margin:0 0 10px;transform:none!important}.gx-q{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gx .gx-co,.gx .gx-rank{transition:none;opacity:1}}

/* pharmacy-websites — how it works (stacked cards) */
.hw-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.hw-hd .lede{margin:0}
.hw{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.6rem;padding-bottom:1.6rem}
.hw-c{border-radius:26px;padding:2rem 2rem 1.8rem;min-height:360px;display:flex;flex-direction:column;position:relative;box-shadow:0 30px 60px -36px rgba(14,31,21,.6)}
.hw-c+.hw-c{margin-left:-2rem}
.hw-1{background:#fff;--rot:-2deg;--ty:0px;z-index:1}.hw-2{background:var(--yellow);--rot:1deg;--ty:24px;z-index:2}.hw-3{background:var(--ink);color:#fff;--rot:-1deg;--ty:0px;z-index:3}
.hw .hw-c,.hw .hw-c[data-rev].in{transform:translateY(var(--ty)) rotate(var(--rot))}
.hw-c[data-rev]{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.hw .hw-c[data-rev]:not(.in){opacity:0;transform:translateY(calc(var(--ty) + 40px)) rotate(0deg)}
.hw-2[data-rev]{transition-delay:.12s}.hw-3[data-rev]{transition-delay:.24s}
.hw .hw-c[data-rev].in:hover{transform:translateY(calc(var(--ty) - 8px)) rotate(0deg);z-index:5}
.hw-n{font-family:var(--disp);font-weight:800;font-size:5.5rem;letter-spacing:-.06em;line-height:.9;opacity:.14}
.hw-3 .hw-n{opacity:.3;color:var(--yellow)}
.hw-ic{position:absolute;right:1.6rem;top:1.6rem;width:120px;height:auto}
.hw-c h3{font-size:1.6rem;letter-spacing:-.025em;margin-top:auto}.hw-3 h3{color:#fff}
.hw-c p{font-size:.95rem;line-height:1.5;margin-top:.5rem;color:rgba(14,31,21,.78)}.hw-3 p{color:rgba(255,255,255,.8)}
.hw-pr{margin-top:1.2rem;display:inline-flex;align-self:flex-start;font-weight:700;font-size:.85rem;padding:.4rem .8rem;border-radius:999px;background:rgba(14,31,21,.08)}
.hw-3 .hw-pr{background:var(--yellow);color:var(--ink)}
@media(max-width:980px){.hw-c{padding:1.6rem;min-height:320px}.hw-ic{width:90px}.hw-n{font-size:4.2rem}.hw-c h3{font-size:1.35rem}}
@media(max-width:760px){.hw-hd{grid-template-columns:1fr;gap:.8rem}.hw{grid-template-columns:1fr;padding-bottom:0}.hw-c+.hw-c{margin-left:0;margin-top:-1.4rem}.hw-c{min-height:270px}.hw-2{--ty:0px}}
@media(prefers-reduced-motion:reduce){.hw-c[data-rev]{transition:none}}

/* pharmacy-websites — closing CTA (open band) */
.cb2{text-align:center;padding:3.2rem 0 3rem;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cb2 h2{font-size:clamp(2.2rem,5vw,4.2rem);max-width:15em;margin:1rem auto 0;line-height:1.02}
.cb2 h2 em{font-style:normal;color:inherit;background:linear-gradient(transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%);background-size:0% 100%;background-repeat:no-repeat;transition:background-size 1s var(--ease) .35s}
.cb2.in h2 em{background-size:100% 100%}
.cb2 p{max-width:38rem;margin:1.2rem auto 1.8rem;color:var(--mute)}
.cb2 .btn{font-size:1.05rem;padding:1.05rem 1.7rem}
.cb2-s{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:1.1rem;font-size:.85rem;color:var(--mute)}.cb2-s span:before{content:"\2713  ";color:var(--green);font-weight:700}
@media(max-width:600px){.cb2{padding:2.4rem 0 2.2rem}.cb2 .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cb2 h2 em{transition:none;background-size:100% 100%}}

/* ecommerce hero — shop > check > collect journey */
.ejx{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}.ejx .lede{margin-left:0}
.ej{position:relative;height:560px}
.ej-s{position:absolute;opacity:0;animation:ejIn .9s var(--ease) forwards}
.ej-1{left:-2%;top:80px;width:58%;--r:-4deg;z-index:1;animation-delay:.25s}
.ej-2{left:24%;top:268px;width:52%;--r:1deg;z-index:2;animation-delay:.55s}
.ej-3{right:-4%;top:110px;width:45%;--r:4deg;z-index:3;animation-delay:.85s}
.ej-s{transform:rotate(var(--r))}
@keyframes ejIn{from{opacity:0;transform:translateY(28px) rotate(0deg)}to{opacity:1;transform:rotate(var(--r))}}
.ej-c{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(14,31,21,.08);box-shadow:0 30px 60px -30px rgba(14,31,21,.55)}.ej-c img,.ej .brw img{display:block;width:100%;height:auto}
.ej .brw{box-shadow:0 30px 60px -30px rgba(14,31,21,.55)}
.ej-p{position:absolute;left:10px;top:-40px;z-index:4;display:inline-flex;align-items:center;gap:.5rem;background:#fff;border-radius:999px;padding:.3rem .85rem .3rem .3rem;font-family:var(--disp);font-weight:800;font-size:.9rem;box-shadow:0 12px 24px -14px rgba(14,31,21,.5);white-space:nowrap}
.ej-p b{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;font-size:.85rem}
.ej-p.y{background:var(--yellow)}
@media(max-width:900px){.ejx{grid-template-columns:1fr}.ej{height:470px;margin-top:1.4rem}}
@media(max-width:520px){.ej{height:420px}.ej-1{width:76%;top:44px;left:-3%}.ej-2{left:12%;top:210px;width:80%}.ej-3{width:58%;top:60px;right:-4%}.ej-p{font-size:.72rem;top:-30px;left:8px;padding:.22rem .6rem .22rem .22rem}.ej-p b{width:22px;height:22px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.ej-s{animation:none;opacity:1}}

/* ecommerce — local or national delivery */
.dlv-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.dlv-hd .lede{margin:0}.dlv-hd h2 em{font-style:normal;color:var(--green)}
.dlv-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.4rem}
.dlv-c{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;display:flex;flex-direction:column;gap:1rem}
.dlv-c:nth-child(2){transition-delay:.1s}.dlv-c:nth-child(3){transition-delay:.2s}
.dlv-v{height:210px;border-radius:14px;overflow:hidden;display:flex;align-items:center}
.dlv-v.dl-pcv{background:#CDEFD9;padding:1rem}
.dlv-c h3{font-size:1.2rem;letter-spacing:-.02em;display:flex;gap:.6rem;align-items:baseline}.dlv-c h3 span{font-family:var(--mono);font-size:.68rem;color:var(--green);font-weight:500}
.dlv-c p{font-size:.9rem;color:var(--mute);margin-top:.25rem;line-height:1.5}
.dl-mp{width:100%;height:100%}.dl-mp svg,.dl-uk svg{display:block;width:100%;height:100%}
.dl-pcs{width:100%;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 20px 40px -28px rgba(14,31,21,.5)}
.dl-pcs-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;font-size:.85rem}.dl-pcs-h b{font-family:var(--disp)}.dl-pcs-h span{font-size:.74rem;color:var(--mute)}
.dl-pcs-c{display:flex;flex-wrap:wrap;gap:.4rem}.dl-pcs-c span{background:var(--sage);color:var(--green);font-family:var(--mono);font-weight:700;font-size:.78rem;padding:.3rem .6rem;border-radius:8px}.dl-pcs-c .dl-add{background:#fff;border:1.5px dashed var(--line);color:var(--mute);font-family:var(--body)}
.dlv-n{margin-top:1.1rem;background:var(--ink);border-radius:24px;padding:1.8rem 2rem;display:grid;grid-template-columns:1fr 1.05fr .9fr;gap:1.8rem;align-items:center;color:#fff}
.dlv-n h3{color:#fff;font-size:1.6rem;letter-spacing:-.025em;margin-top:.4rem}.dlv-n p{color:rgba(255,255,255,.74);font-size:.93rem;margin-top:.5rem;line-height:1.5}.dlv-n .tlink{color:var(--yellow)}
.dlv-k{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
.dl-uk{height:190px;border-radius:16px;overflow:hidden}
.dl-lb{background:#fff;border-radius:12px;padding:.9rem 1rem;font-family:var(--mono);font-size:.72rem;color:var(--ink);box-shadow:0 24px 50px -26px rgba(0,0,0,.6);transform:rotate(2deg)}
.dl-lb-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:.4rem;margin-bottom:.5rem}.dl-lb-h b{font-family:var(--disp);font-size:1.05rem;letter-spacing:.02em}
.dl-lb-g{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;line-height:1.45}.dl-lb-g s{display:block;text-decoration:none;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.dl-lb-bc{height:38px;margin:.6rem 0;background:repeating-linear-gradient(90deg,#0E1F15 0 2px,transparent 2px 4px,#0E1F15 4px 7px,transparent 7px 9px,#0E1F15 9px 10px,transparent 10px 13px)}
.dl-lb-f{display:flex;justify-content:space-between;font-size:.64rem}.dl-lb-f span:last-child{color:var(--green);font-weight:700}
@media(max-width:980px){.dlv-3{grid-template-columns:1fr 1fr}.dlv-3 .dlv-c:last-child{grid-column:1/-1}.dlv-n{grid-template-columns:1fr 1fr}.dlv-n>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.dlv-hd{grid-template-columns:1fr;gap:.8rem}.dlv-3,.dlv-n{grid-template-columns:1fr}.dlv-3 .dlv-c:last-child,.dlv-n>div:first-child{grid-column:auto}.dlv-n{padding:1.5rem 1.3rem}.dlv-v{height:190px}}
.dl-uk{background:#16301F}

/* ecommerce — after the order (tracking + emails) */
.ao{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}.ao h2 em{font-style:normal;color:var(--green)}
.ao-art{position:relative;height:560px}
.ao-bg{position:absolute;inset:30px 0 30px 60px;background:#CDEFD9;border-radius:28px}
.ao-tr{position:absolute;left:110px;top:70px;width:320px;z-index:2;background:#fff;border-radius:18px;padding:1.2rem 1.2rem .6rem;box-shadow:0 24px 50px -28px rgba(14,31,21,.5);border:1px solid rgba(14,31,21,.06)}
.ao-tr-h{display:flex;gap:.8rem;align-items:center;margin-bottom:1rem}.ao-tr-ic{width:42px;height:42px;border-radius:50%;background:var(--sage);color:var(--green);display:grid;place-items:center}.ao-tr-ic svg{width:22px;height:22px}
.ao-tr-h b{display:block;font-family:var(--disp);font-size:1.1rem}.ao-tr-h s{text-decoration:none;font-family:var(--mono);font-size:.74rem;color:var(--mute)}
.ao-tr ol{list-style:none;margin:0;padding:0}.ao-tr li{display:grid;grid-template-columns:22px 1fr;gap:.8rem;padding-bottom:1rem;position:relative}
.ao-tr li:not(:last-child):before{content:"";position:absolute;left:10px;top:20px;bottom:0;width:2px;background:var(--line)}.ao-tr li.dn:before{background:var(--green)}
.ao-tr li>i{width:22px;height:22px;border-radius:50%;border:2px solid #C9D2CC;background:#fff;z-index:1}.ao-tr .dn>i{background:var(--green);border-color:var(--green)}.ao-tr .nw>i{border:6px solid var(--yellow);box-shadow:0 0 0 4px rgba(255,216,77,.3)}
.ao-tr li b{display:block;font-size:.92rem}.ao-tr li s{text-decoration:none;font-size:.78rem;color:var(--mute)}.ao-tr li:last-child b{color:var(--mute);font-weight:500}
.ao-em{position:absolute;z-index:3;width:280px;background:#fff;border-radius:16px;box-shadow:0 24px 50px -26px rgba(14,31,21,.55);border:1px solid rgba(14,31,21,.06);overflow:hidden}
.ao-e1{right:0;top:0;--r:3deg}.ao-e2{right:20px;bottom:10px;--r:-2deg}
.ao-em-t{display:flex;gap:.7rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.ao-em-t b{display:block;font-size:.88rem}.ao-em-t s{text-decoration:none;font-size:.78rem;color:var(--mute)}.ao-em-t em{margin-left:auto;font-style:normal;font-size:.72rem;color:var(--mute)}
.ao-av{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;flex:none}.ao-e2 .ao-av{background:var(--ink)}
.ao-em-b{padding:1rem 1.1rem 1.1rem}.ao-em-b h4{font-family:var(--disp);font-size:1.25rem;letter-spacing:-.02em;margin:.4rem 0 .3rem}.ao-em-b p{font-size:.84rem;color:var(--mute);line-height:1.5}
.ao-em-tag{display:inline-block;font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;background:var(--sage);color:var(--green)}.ao-e2 .ao-em-tag{background:var(--yellow-2);color:#8A6200}
.ao-shelf{position:absolute;left:20px;bottom:70px;z-index:3;background:var(--yellow);border-radius:14px;padding:.9rem 1.1rem;font-family:var(--disp);font-weight:800;box-shadow:0 16px 30px -16px rgba(0,0,0,.4);--r:-4deg}
.ao-shelf small{display:block;font-family:var(--body);font-weight:600;font-size:.75rem}.ao-shelf b{font-size:2rem;letter-spacing:-.04em;display:block;line-height:1}
.ao-em,.ao-shelf{transform:rotate(var(--r))}
.ao-art[data-rev] .ao-em,.ao-art[data-rev] .ao-shelf{opacity:0;transform:translateY(18px) rotate(0);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.ao-art[data-rev].in .ao-em,.ao-art[data-rev].in .ao-shelf{opacity:1;transform:rotate(var(--r))}
.ao-art.in .ao-shelf{transition-delay:.45s}.ao-art.in .ao-e1{transition-delay:.8s}.ao-art.in .ao-e2{transition-delay:1.15s}
@media(max-width:980px){.ao{grid-template-columns:1fr;gap:2.4rem}}
@media(max-width:600px){.ao-art{height:auto;display:grid;gap:14px;padding:34px 14px 24px}.ao-bg{inset:0;border-radius:24px}.ao-tr,.ao-em{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.ao-e1{--r:1.5deg;margin-left:18px}.ao-e2{--r:-1.5deg;margin-right:18px}.ao-shelf{right:10px;left:auto;top:-14px;bottom:auto;padding:.6rem .8rem}.ao-shelf b{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.ao-art[data-rev] .ao-em,.ao-art[data-rev] .ao-shelf{opacity:1;transition:none}}

/* ecommerce — abandoned checkouts */
.acx h2 em{font-style:normal;color:var(--green)}
.acx-top{display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:center}
.acx-art{background:#FFF0C9;border-radius:28px;padding:1.6rem;display:grid;grid-template-columns:1fr auto 1.15fr;gap:.9rem;align-items:center}
.ac-arr{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;font-weight:800;font-size:1.2rem;flex:none}
.ac-bk2{background:#fff;border-radius:16px;padding:1rem;border:2px dashed #E6B7A1;font-size:.85rem}.ac-bk2-h{display:flex;justify-content:space-between;margin-bottom:.3rem}.ac-bk2-h b{font-family:var(--disp)}.ac-bk2-h span{color:var(--mute);font-size:.78rem}.ac-bk2-x{color:#C2410C;font-weight:700;font-size:.78rem;margin-top:.5rem}
.ac-em3{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px -26px rgba(14,31,21,.55);border:1px solid rgba(14,31,21,.06);font-size:.85rem;color:var(--ink);transform:rotate(2deg)}
.ac-em3-top{background:var(--b);color:#fff;display:flex;gap:.6rem;align-items:center;padding:.8rem 1rem}.ac-em3-top b{font-family:var(--disp);font-size:.95rem}
.ac-em3-lg{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#fff}
.ac-em3-bd{padding:1rem 1.1rem 1.1rem}.ac-em3-bd h5{font-family:var(--disp);font-size:1.2rem;letter-spacing:-.02em;line-height:1.15}.ac-em3-bd>p{color:var(--mute);font-size:.82rem;margin:.35rem 0 .6rem}
.ac-pr2{display:grid;grid-template-columns:48px 1fr auto;gap:.7rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--line)}
.ac-pr2 img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--line)}
.ac-pr2 b{display:block;font-weight:600;font-size:.82rem;line-height:1.25}.ac-pr2 s{text-decoration:none;font-size:.74rem;color:var(--mute)}.ac-pr2 u{text-decoration:none;color:var(--green);font-weight:700}.ac-pr2 em{font-style:normal;font-weight:800;font-family:var(--disp)}
.ac-em3-tot{display:flex;justify-content:space-between;border-top:2px solid var(--ink);padding-top:.6rem;margin-top:.2rem;font-weight:700}
.ac-em3-btn{display:block;margin-top:.8rem;background:var(--b);color:#fff;text-align:center;border-radius:999px;padding:.65rem;font-weight:700;font-size:.88rem}
.acx-strip{margin-top:1.4rem;background:var(--ink);border-radius:28px;padding:1.8rem;display:grid;grid-template-columns:.7fr 2fr;gap:2rem;align-items:center;color:#fff}
.acx-strip .eyebrow{color:var(--yellow)}.acx-strip h3{color:#fff;font-size:1.6rem;letter-spacing:-.025em;margin-top:.6rem}.acx-strip p{color:rgba(255,255,255,.72);font-size:.92rem;margin-top:.4rem;line-height:1.5}
.acx-lg{display:flex;flex-direction:column;gap:.45rem;margin-top:1.1rem;font-size:.8rem;color:rgba(255,255,255,.75)}.acx-lg i{display:inline-block;width:16px;height:4px;border-radius:2px;margin-right:8px;vertical-align:middle}
.ac-gr{color:#fff}.ac-gr-h{display:none}.ac-gr-s{position:relative}.ac-gr svg{display:block;width:100%;height:auto;font-family:Geist,Arial}
.ac-bub{position:absolute;z-index:3;transform:translate(-50%,-100%);display:flex;gap:.45rem;align-items:center;background:#fff;border-radius:999px;padding:.25rem .7rem .25rem .25rem;font-size:.76rem;font-weight:700;white-space:nowrap;box-shadow:0 12px 24px -12px rgba(0,0,0,.6);color:var(--ink)}
.ac-bub img{width:30px;height:30px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--line)}.ac-bub em{font-style:normal;color:var(--green)}
.ac-bub:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#fff;transform:translateX(-50%) rotate(45deg);border-radius:2px}
/* animation */
.acx-strip .ac-gr-a{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.8s var(--ease) .3s}
.acx-strip .ac-gr-ar{opacity:0;transition:opacity .9s var(--ease) 1.3s}
.acx-strip .ac-gr-pin,.acx-strip .ac-gr-dot{opacity:0;transition:opacity .5s 1.1s}
.acx-strip .ac-bub{opacity:0;transform:translate(-50%,-80%) scale(.8);transition:opacity .45s,transform .45s var(--ease)}
.acx-strip.in .ac-gr-a{stroke-dashoffset:0}.acx-strip.in .ac-gr-ar,.acx-strip.in .ac-gr-pin,.acx-strip.in .ac-gr-dot{opacity:1}
.acx-strip.in .ac-bub{opacity:1;transform:translate(-50%,-100%) scale(1)}.acx-strip.in .ac-bub:nth-of-type(1){transition-delay:1.7s}.acx-strip.in .ac-bub:nth-of-type(2){transition-delay:2.1s}
.acx-strip.in .ac-gr-dot{animation:acPulse 2s ease-in-out 2.4s infinite}
@keyframes acPulse{50%{r:10}}
@media(max-width:980px){.acx-top{grid-template-columns:1fr;gap:2.4rem}.acx-strip{grid-template-columns:1fr;gap:1.2rem}}
@media(max-width:640px){.acx-art{grid-template-columns:1fr;padding:1.1rem}.ac-arr{transform:rotate(90deg);justify-self:center}.ac-em3{transform:none}.acx-strip{padding:1.3rem}.ac-bub{font-size:.62rem;padding:.2rem .5rem .2rem .2rem}.ac-bub img{width:22px;height:22px}.ac-bub em{display:none}}
@media(prefers-reduced-motion:reduce){.acx-strip .ac-gr-a{stroke-dashoffset:0}.acx-strip .ac-gr-ar,.acx-strip .ac-gr-pin,.acx-strip .ac-gr-dot,.acx-strip .ac-bub{opacity:1;transition:none}}
.px-th{width:40px;height:40px;border-radius:9px;border:1px solid var(--line);background:#fff;object-fit:contain}
.px-shot2{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(14,31,21,.08);box-shadow:0 24px 50px -28px rgba(14,31,21,.55)}.px-shot2 img{display:block;width:100%}




.qu-warn>b{width:20px;height:20px;border-radius:50%;background:var(--sage);color:var(--green);display:grid;place-items:center;flex:none}
.qu-r:last-child{margin-bottom:.6rem}

.px-qu-i{display:flex;gap:.3rem}
.px-hdp{background:#fff;border-radius:16px;padding:1rem 1.1rem;box-shadow:0 24px 50px -28px rgba(14,31,21,.5);border:1px solid rgba(14,31,21,.06);font-size:.84rem}
.px-hdp-r{display:flex;justify-content:space-between;align-items:baseline}.px-hdp-r b{font-family:var(--disp);font-size:1.5rem;letter-spacing:-.03em}.px-hdp-r span{font-weight:600;color:var(--mute)}
.px-hdp-bar{height:8px;border-radius:8px;background:var(--line);margin:.7rem 0 .5rem;overflow:hidden}.px-hdp-bar i{display:block;height:100%;width:55%;background:repeating-linear-gradient(45deg,var(--yellow) 0 8px,#F5C518 8px 16px);border-radius:8px}
.px-hdp-s{display:flex;justify-content:space-between;font-size:.74rem;color:var(--mute)}.px-hdp-p{font-weight:700;color:#8A6200}
.px-dc{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 24px 50px -28px rgba(14,31,21,.5);border:1px solid rgba(14,31,21,.06);font-size:.84rem}
.px-dc-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.px-dc-h b{display:block;font-family:var(--disp)}.px-dc-h s{text-decoration:none;font-size:.74rem;color:var(--mute)}
.px-dc-b{display:grid;grid-template-columns:1.6fr 1fr;gap:.5rem}.px-dc-b span{text-align:center;border-radius:10px;padding:.6rem;font-weight:700}.px-dc-b .px-ok{background:var(--green);color:#fff}.px-dc-b .px-no{border:1.5px solid #E7B4A6;color:#B42318}
.px-dc p{font-size:.72rem;color:var(--mute);margin-top:.6rem;text-align:center}
.px-bkp{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 24px 50px -28px rgba(14,31,21,.5);border:1px solid rgba(14,31,21,.06);font-size:.84rem}
.px-bkp-h{display:flex;justify-content:space-between;margin-bottom:.4rem}.px-bkp-h b{font-family:var(--disp);font-size:1.05rem}.px-bkp-h span{color:var(--mute);font-size:.78rem}
.px-bkp-r{display:grid;grid-template-columns:48px 1fr auto;gap:.7rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--line)}.px-bkp-r .px-th{width:48px;height:48px}.px-bkp-r b{display:block;font-size:.84rem}.px-bkp-r s{text-decoration:none;font-size:.74rem;color:var(--mute)}.px-bkp-r u{text-decoration:none;color:#B45309;font-weight:700}.px-bkp-r em{font-style:normal;font-weight:800;font-family:var(--disp)}
.px-bkp-n{background:#FDF3EA;border-radius:12px;padding:.7rem .8rem;font-size:.78rem;color:#7C4A1E;margin-top:.4rem;line-height:1.45}.px-bkp-n b{display:block;color:var(--ink);margin-bottom:.15rem}

/* ecommerce — P medicines, pay on approval */
.pmx-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.pmx-hd .lede{margin:0}.pmx h2 em{font-style:normal;color:var(--green)}
.pmx-fl{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2.6rem;position:relative;align-items:start}
.pmx-fl:before{content:"";position:absolute;left:4%;right:4%;top:19px;height:3px;background:linear-gradient(90deg,var(--yellow) 0 70%,var(--green))}
.pmx-st{position:relative;padding-top:54px;display:flex;flex-direction:column;gap:.9rem}
.pmx-st:nth-child(2){transition-delay:.12s}.pmx-st:nth-child(3){transition-delay:.24s}.pmx-st:nth-child(4){transition-delay:.36s}
.pmx-d{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;font-family:var(--disp);font-weight:800;box-shadow:0 0 0 6px var(--cream)}
.pmx-st:last-child .pmx-d{background:var(--green);color:#fff}
.pmx-st h3{font-size:1.15rem;letter-spacing:-.02em}.pmx-st p{font-size:.86rem;color:var(--mute);margin-top:.2rem;line-height:1.45}
.px-m{align-self:flex-start;font-family:var(--disp);font-weight:800;font-size:.82rem;padding:.35rem .75rem;border-radius:999px;background:#fff;border:1.5px solid var(--line)}
.px-m.y{background:var(--yellow);border-color:var(--yellow)}
.px-qa img,.px-rj img{height:330px;object-fit:cover;object-position:top}
.px-out{display:grid;gap:.5rem}
.px-o{border-radius:14px;padding:.7rem .9rem;font-size:.82rem;line-height:1.4}.px-o b{display:block;font-family:var(--disp);font-size:.95rem}
.px-o.px-ok{background:#CDEFD9}.px-o.px-ok b{color:var(--green)}.px-o.px-no{background:#FDEBDD}.px-o.px-no b{color:#B42318}
.px-o.px-no span{font-weight:700;color:var(--ink)}
.pmx-ft{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.6rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.pmx-ft .ticks{margin:0;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:1100px){.pmx-fl{grid-template-columns:1fr 1fr}.pmx-fl:before{display:none}.pmx-ft{grid-template-columns:1fr}.pmx-ft .ticks{grid-template-columns:1fr}}
@media(max-width:700px){.pmx-hd{grid-template-columns:1fr;gap:.8rem}.pmx-fl{grid-template-columns:1fr}.px-qa img,.px-rj img{height:280px}}

.stw{font-family:var(--disp);font-weight:800;letter-spacing:-.04em;color:#635BFF;font-size:1.9rem;line-height:1}
.pmx-sb{margin-top:2rem;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.1rem 1.4rem;display:flex;align-items:center;gap:2rem;box-shadow:0 18px 40px -30px rgba(99,91,255,.6)}
.pmx-sbl{display:flex;flex-direction:column;gap:.1rem;padding-right:2rem;border-right:1px solid var(--line)}.pmx-pw{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.pmx-sbi{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.95rem;color:var(--slate)}.pmx-sbi b{color:var(--ink)}
.pmx-sbi i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EEEDFF;color:#635BFF;font-style:normal;font-weight:800;font-size:.75rem;margin-right:.45rem}
.pmx-sbi .ar{color:#635BFF;font-weight:800}
.pmx-sbi span:last-child b{color:var(--green)}
.px-sx{font-style:normal;font-size:.72rem;color:var(--mute);margin-left:.3rem;white-space:nowrap}.px-sx .stw{font-size:.95rem;vertical-align:-1px}
@media(max-width:860px){.pmx-sb{flex-direction:column;align-items:flex-start;gap:1rem}.pmx-sbl{border-right:0;padding-right:0}.pmx-sbi{flex-direction:column;align-items:flex-start;gap:.5rem}.pmx-sbi .ar{display:none}}

/* ecommerce — closing CTA (shop preview) */
.cx-xs{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;font-size:.85rem;color:var(--mute)}.cx-xs span:before{content:'\2713  ';color:var(--green);font-weight:700}
.xC h2 em{font-style:normal;color:inherit;background:linear-gradient(transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%)}

.xC{background:#CDEFD9;border-radius:28px;padding:2.6rem;display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center}
.xC p{color:rgba(14,31,21,.72);margin:1rem 0 1.6rem}
.xC .cx-br{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(14,31,21,.55);transform:rotate(1.5deg)}
.xC .cx-bt{height:30px;background:#F2F4F3;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 10px}.xC .cx-bt i{width:8px;height:8px;border-radius:50%;background:#D4DAD6}.xC .cx-bt span{margin-left:8px;flex:1;background:#fff;border-radius:6px;padding:2px 10px;font-size:11px;font-family:var(--mono);color:var(--green);font-weight:600}
.xC .cx-nv{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #EEF1EF;font-size:12px}.xC .cx-nv b{font-family:var(--disp);font-size:14px}.xC .cx-nv em{font-style:normal;background:var(--green);color:#fff;border-radius:999px;padding:4px 10px;font-weight:700;font-size:11px}
.xC .cx-gd{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.xC .cx-gd div{border:1px solid var(--line);border-radius:10px;padding:6px;font-size:10px}.xC .cx-gd img{width:100%;aspect-ratio:1;object-fit:contain}.xC .cx-gd b{display:block;margin-top:4px;font-family:var(--disp);font-size:12px}
.xC .cx-gd .cx-yo{border:2px dashed var(--green);background:#F3FAF5;display:grid;place-items:center;text-align:center;color:var(--green);font-weight:700;font-size:11px}
@media(max-width:860px){.xC{grid-template-columns:1fr;padding:1.6rem}.xC .cx-br{transform:none}}
.xC .cx-gd>div{transition:transform .5s var(--ease),opacity .5s}.xC:not(.in) .cx-gd>div{opacity:0;transform:translateY(10px)}.xC.in .cx-gd>div:nth-child(1){transition-delay:0.22s}.xC.in .cx-gd>div:nth-child(2){transition-delay:0.29s}.xC.in .cx-gd>div:nth-child(3){transition-delay:0.36s}.xC.in .cx-gd>div:nth-child(4){transition-delay:0.43s}.xC.in .cx-gd>div:nth-child(5){transition-delay:0.50s}.xC.in .cx-gd>div:nth-child(6){transition-delay:0.57s}.xC.in .cx-gd>div:nth-child(7){transition-delay:0.64s}.xC.in .cx-gd>div:nth-child(8){transition-delay:0.71s}

.pg-pill-add{display:inline-block;margin-left:.6rem;vertical-align:middle;background:var(--ink);color:var(--yellow);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}
.card0{background:#fff;border-radius:18px;padding:1rem;box-shadow:0 24px 50px -28px rgba(14,31,21,.5);border:1px solid rgba(14,31,21,.06);font-size:.84rem;color:var(--ink)}
.pg-dr,.pg-spq,.pg-mkq,.pg-lg,.pg-bu{background:#fff;border-radius:18px;padding:1rem;box-shadow:0 24px 50px -28px rgba(14,31,21,.5);border:1px solid rgba(14,31,21,.06);font-size:.84rem;color:var(--ink)}
.pg-dr-h,.pg-spq-h,.pg-mkq-h,.pg-lg-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;gap:1rem}.pg-dr-h b,.pg-spq-h b,.pg-mkq-h b,.pg-lg-h b{display:block;font-family:var(--disp);font-size:1rem}.pg-dr-h s,.pg-spq-h s,.pg-lg-h s{text-decoration:none;font-size:.74rem;color:var(--mute)}
.pg-dr-n{background:var(--sage);color:var(--green);font-weight:700;font-size:.72rem;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}
.pg-dr-s{border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;color:var(--mute);font-size:.8rem;margin-bottom:.4rem}
.pg-dr-r{display:grid;grid-template-columns:40px 1fr auto;gap:.7rem;align-items:center;padding:.45rem 0;border-top:1px solid var(--line)}.pg-dr-r img{width:40px;height:40px;object-fit:contain;border:1px solid var(--line);border-radius:9px;background:#fff}
.pg-dr-r b{display:block;font-size:.82rem;font-weight:600}.pg-dr-r s{text-decoration:none;font-size:.7rem;color:var(--mute);font-weight:700}.pg-dr-r u{text-decoration:none;color:#8A6200;background:var(--yellow-2);padding:0 .35rem;border-radius:4px}
.pg-cb{width:22px;height:22px;border-radius:7px;border:2px solid #C9D2CC;display:grid;place-items:center;font-size:.75rem;color:#fff;font-weight:800}.pg-cb.pg-on{background:var(--green);border-color:var(--green)}
.pg-spq-r{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-top:1px solid var(--line);font-weight:600}
.pg-tg{width:38px;height:22px;border-radius:999px;background:#D9DFDB;position:relative;flex:none}.pg-tg:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.pg-tg.pg-on{background:var(--green)}.pg-tg.pg-on:after{left:19px}
.pg-mkq-h span{font-size:.72rem;font-weight:700;color:var(--green);background:var(--sage);padding:.2rem .55rem;border-radius:999px}
.pg-mkq-eq{display:grid;grid-template-columns:1fr auto auto auto 1.1fr;gap:.5rem;align-items:center;background:var(--cream);border-radius:14px;padding:.8rem}
.pg-mkq-eq s{display:block;text-decoration:none;font-size:.64rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.pg-mkq-eq b{font-family:var(--disp);font-size:1.5rem;letter-spacing:-.03em}.pg-mkq-eq em{display:block;font-style:normal;font-size:.68rem;color:var(--mute)}
.pg-mkq-x{background:var(--yellow);border-radius:10px;padding:.35rem .6rem;text-align:center}.pg-mkq-r b{color:var(--green)}.pg-op{font-family:var(--disp);font-weight:800;font-size:1.2rem;color:var(--mute)}
.pg-lg-r{display:grid;grid-template-columns:36px 1fr auto;gap:.6rem;align-items:center;padding:.5rem 0;border-top:1px solid var(--line)}.pg-lg-r img{width:36px;height:36px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
.pg-lg-r b{display:block;font-size:.8rem;font-weight:600}.pg-lg-r s{text-decoration:none;font-size:.72rem;color:var(--mute)}.pg-lg-r em{font-style:normal;font-size:.72rem;font-weight:800;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}
.pg-lg-r .pg-up{background:#E3EEF9;color:#1D4ED8}.pg-lg-r .pg-lo{background:#FDEBDD;color:#B45309}.pg-lg-r .pg-ok{background:var(--sage);color:var(--green)}
.pg-bu{display:grid;grid-template-columns:44px 1fr auto;gap:.8rem;align-items:center;border:2px dashed #C9D2CC;box-shadow:none}.pg-bu-ic{width:44px;height:44px;border-radius:12px;background:var(--sage);color:var(--green);display:grid;place-items:center;font-size:1.3rem;font-weight:800}.pg-bu b{display:block;font-family:var(--disp)}.pg-bu s{text-decoration:none;font-size:.76rem;color:var(--mute)}.pg-bu-f{font-family:var(--mono);font-size:.72rem;background:#1D6F42;color:#fff;padding:.3rem .6rem;border-radius:6px}
.pg-ap{background:var(--ink);border-radius:16px;padding:1rem 1.1rem;color:#C9D4CD;font-size:.8rem}.pg-ap-h{display:flex;justify-content:space-between;margin-bottom:.6rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}.pg-ap-h em{font-style:normal;color:#7CF0A6;letter-spacing:0;text-transform:none}
.pg-ap pre{margin:0;font-family:var(--mono);font-size:.76rem;line-height:1.6;white-space:pre-wrap}.pg-ap .pg-k{color:#8FD3A8}.pg-ap .pg-s{color:#FFD84D}
.chq{background:var(--ink);border-radius:20px;padding:1.2rem 1.2rem 1rem;color:#fff}.chq-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;gap:1rem}.chq-h b{font-family:var(--disp)}
.chq-l{display:flex;gap:.8rem;font-size:.72rem;color:rgba(255,255,255,.7)}.chq-l i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:5px;vertical-align:middle}
.chq svg{display:block;width:100%;height:auto}.chq-f{font-size:.8rem;color:rgba(255,255,255,.7);margin-top:.4rem}

.pg-spq-r{display:grid;grid-template-columns:92px 1fr auto;gap:.7rem;align-items:center}
.pg-spq-l{height:30px;display:flex;align-items:center}.pg-spq-l img{max-height:32px;max-width:92px;object-fit:contain}
.pg-spq-n{font-weight:600;font-size:.82rem}
/* product management (add-on) */
.pmg h2 em{font-style:normal;color:var(--green)}
.pmg-hd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.pmg-hd .lede{margin:0}
.pmg-pipe{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:start;margin-top:2.6rem}
.pmg-col{display:flex;flex-direction:column;gap:.8rem}.pmg-col:nth-of-type(2){transition-delay:.15s}.pmg-col:nth-of-type(3){transition-delay:.3s}
.pmg-col h3{font-size:1.1rem;letter-spacing:-.02em;display:flex;gap:.5rem;align-items:center}.pmg-col h3 i{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;font-style:normal;font-size:.8rem;font-family:var(--disp)}
.pmg-ar{width:44px;height:44px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:800;font-size:1.1rem;margin-top:200px}
@media(max-width:1000px){.pmg-hd{grid-template-columns:1fr;gap:.8rem}.pmg-pipe{grid-template-columns:1fr}.pmg-ar{transform:rotate(90deg);justify-self:center;margin-top:0}}
.pg-ap-n{margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;color:rgba(255,255,255,.75);line-height:1.45}

/* ===== Article template B: split hero with illustration, 3-column body ===== */
.art-hd7.artB{padding-block:clamp(2rem,4vw,3.4rem) clamp(1.8rem,3vw,2.6rem)}
.artB .wrap.ab-hg{max-width:var(--wide);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(2rem,4.5vw,4rem);align-items:center}
.artB h1{font-size:clamp(2.1rem,4.1vw,3.4rem);line-height:1.04;letter-spacing:-.035em;margin:1rem 0 1.1rem;max-width:17em}
.artB .lede{max-width:44rem}
.artB .meta{display:flex;flex-wrap:wrap;gap:.4rem;font-family:var(--sans);font-size:.78rem;letter-spacing:0;text-transform:none;color:var(--ink);margin-top:1.3rem}
.artB .meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.32rem .75rem;font-weight:600}
.artB .meta span+span::before{content:none}
.artB .meta span:nth-child(3){display:none}
.artB .by7{border-bottom:0;max-width:44rem}
.ab-art{margin:0;background:var(--t,#E3EEF9);border-radius:32px;aspect-ratio:1.1;display:grid;place-items:center;position:relative;overflow:hidden}
.ab-art img{width:84%;height:auto;transition:transform .6s var(--ease)}
.ab-art:hover img{transform:translateY(-4px) rotate(-1deg)}
.ab-art figcaption{position:absolute;left:18px;bottom:18px;background:#fff;border-radius:999px;padding:.42rem .85rem;font-weight:700;font-size:.8rem;color:var(--ink);box-shadow:0 8px 20px -12px rgba(14,31,21,.35)}
.artwrap.ab-wrap{grid-template-columns:230px minmax(0,1fr) 270px;gap:clamp(1.8rem,3.2vw,3.2rem);border-top:1px solid var(--line);padding-top:2.4rem}
.ab-wrap .ab-l .box{background:#EAF0EB;border:0;border-radius:18px;padding:1rem .9rem}
.ab-wrap .ab-l .toc a{border-left:0;border-radius:10px;padding:.5rem .7rem;color:var(--slate);transition:background var(--fast),color var(--fast)}
.ab-wrap .ab-l .toc a:hover{background:rgba(255,255,255,.6);color:var(--ink)}
.ab-wrap .ab-l .toc a.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 6px 16px -12px rgba(14,31,21,.4)}
.ab-wrap .ab-r{position:sticky;top:96px}
.ab-wrap .ab-r .cta{background:var(--ink);border-radius:20px;padding:1.4rem}
.ab-wrap .ab-r .cta .btn{background:var(--yellow);color:var(--ink)}
.ab-wrap .prose7{max-width:none}
.ab-wrap .art-cta7{max-width:none}
@media(max-width:1180px){
 .artwrap.ab-wrap{grid-template-columns:210px minmax(0,1fr)}
 .ab-wrap .ab-r{grid-column:2;position:static;order:0;grid-template-columns:1fr 1fr;display:grid}
 .ab-wrap .ab-r .cta{grid-column:auto}
}
@media(max-width:1080px){.ab-wrap .ab-l{position:sticky;order:0;display:grid;grid-template-columns:1fr}}
@media(max-width:900px){
 .artB .wrap.ab-hg{grid-template-columns:1fr}
 .ab-art{aspect-ratio:auto;height:220px;order:-1}
 .ab-art img{width:auto;height:84%}
 .artwrap.ab-wrap{grid-template-columns:1fr}
 .ab-wrap .ab-l{position:static}
 .ab-wrap .ab-r{grid-column:auto}
}
@media(max-width:620px){.ab-wrap .ab-r{grid-template-columns:1fr}.ab-art{height:190px;border-radius:24px}}

/* ===== Illustrated menu icons (Solutions + Resources) ===== */
.mcard .ic.ix,.ml .ic.ix{width:48px;height:48px;border-radius:13px;background:var(--b)!important;display:grid;place-items:center;flex:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.mcard .ic.ix img,.ml .ic.ix img{width:36px;height:36px;display:block}
.mcard:hover .ic.ix{transform:translateY(-2px) rotate(-3deg);box-shadow:0 10px 18px -12px rgba(14,31,21,.45)}
.mcard:has(.ix){align-items:center}
.ml .ic.ix{width:42px;height:42px;border-radius:12px}.ml .ic.ix img{width:32px;height:32px}
@media(prefers-reduced-motion:reduce){.mcard:hover .ic.ix{transform:none}}

/* ===== Burger menu: collapsible drawers ===== */
.mnav .mdr{border-bottom:1px solid var(--line)}
.mnav .mdr:first-of-type{margin-top:.6rem;border-top:1px solid var(--line)}
.mnav .mdr summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem .1rem;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mnav .mdr summary::-webkit-details-marker{display:none}
.mnav .mdr summary i{width:34px;height:34px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;flex:none;transition:background .25s var(--ease),transform .3s var(--ease)}
.mnav .mdr summary i::before{content:"";width:8px;height:8px;border-right:2.2px solid var(--ink);border-bottom:2.2px solid var(--ink);transform:translateY(-2px) rotate(45deg)}
.mnav .mdr[open] summary i{background:var(--yellow);box-shadow:none;transform:rotate(180deg)}
.mnav .mdr summary:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:8px}
.mnav .mdr-b{padding:0 0 .9rem;display:grid;gap:.15rem}
.mnav .mdr[open] .mdr-b{animation:mdrIn .32s var(--ease) both}
@keyframes mdrIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mnav .mdr-b .ml{border-bottom:0;padding:.55rem .5rem;margin-inline:-.5rem;border-radius:14px;gap:.9rem;transition:background .2s}
.mnav .mdr-b .ml:active,.mnav .mdr-b .ml:hover{background:#fff}
.mnav .mdr-b .ml .ic.ix{width:46px;height:46px;border-radius:13px;box-shadow:none}
.mnav .mdr-b .ml .ic.ix img{width:34px;height:34px}
@media(prefers-reduced-motion:reduce){.mnav .mdr[open] .mdr-b{animation:none}.mnav .mdr summary i{transition:none}}
.mnav>.btn,.mnav .btn{flex:none;min-height:52px}

/* ===== Guides index: direction D (dark header, featured overlap, topic rows) ===== */
.hb{--ink:#0E1F15}
.hb-srch{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.95rem 1.3rem;box-shadow:0 18px 40px -30px rgba(14,31,21,.5)}
.hb-srch svg{width:20px;height:20px;color:var(--mute);flex:none}.hb-srch input{border:0;outline:0;font:inherit;font-size:1rem;width:100%;background:transparent;color:var(--ink)}
.hb-srch:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(46,158,91,.14)}
.hb-count{font-size:.85rem;color:var(--mute);margin-top:.6rem}
.hb-chips{display:flex;flex-wrap:wrap;gap:.45rem}.hb-chips a{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem .85rem;font-weight:600;font-size:.86rem;color:var(--ink);transition:background .2s,border-color .2s}
.hb-chips a:hover,.hb-chips a.on{border-color:var(--ink)}.hb-chips i{width:8px;height:8px;border-radius:50%}.hb-chips em{font-style:normal;font-family:var(--mono);font-size:.68rem;color:var(--mute)}
.hb-art{display:grid;place-items:center;background:var(--t);border-radius:20px;overflow:hidden}.hb-art img{width:78%;height:auto;transition:transform .5s var(--ease)}
a:hover>.hb-art img{transform:translateY(-4px) rotate(-1.5deg) scale(1.03)}
.hb-m{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.hb-m i{width:7px;height:7px;border-radius:50%}
.hb-cv{display:flex;flex-direction:column;gap:.9rem;color:var(--ink)}.hb-cv .hb-art{aspect-ratio:1.45}
.hb-b{display:flex;flex-direction:column;gap:.4rem}.hb-b b{font-family:var(--disp);font-size:1.12rem;line-height:1.25;letter-spacing:-.015em;font-weight:700}.hb-b s{text-decoration:none;color:var(--slate);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb-cv:hover b,.hb-ch:hover b{color:var(--green)}
.hb-ch{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:1.1rem;align-items:center;color:var(--ink);padding:.8rem;border-radius:22px;transition:background .2s}
.hb-ch:hover{background:#fff}.hb-ch .hb-art{aspect-ratio:1.1;border-radius:16px}.hb-ch .hb-art img{width:86%}
.hb-go{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;transition:background .2s}.hb-ch:hover .hb-go{background:var(--yellow);border-color:var(--yellow)}
.hb-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.6rem}.hb-sh h2{display:flex;align-items:center;gap:.7rem;font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.03em}
.hb-sh h2 i{width:12px;height:12px;border-radius:50%}.hb-sh p{color:var(--slate);margin-top:.4rem;max-width:40rem}
.hb .gsec{scroll-margin-top:110px}
.hb h1 em{font-style:normal;background:var(--yellow);padding:0 .15em;border-radius:.15em}
@media(max-width:800px){.hb-sh{flex-direction:column;align-items:flex-start;gap:.6rem}.hb-ch{grid-template-columns:84px minmax(0,1fr)}.hb-go{display:none}}

.hD .band{background:var(--ink);color:#fff;padding:calc(88px + 3rem) 0 9rem;border-radius:0 0 44px 44px}.hD .band .crumb,.hD .band .crumb a{color:rgba(255,255,255,.6)}
.hD .band h1{color:#fff;font-size:clamp(2.4rem,4.8vw,4rem);letter-spacing:-.045em;line-height:1.02;margin:1rem 0;max-width:13em}.hD .band .lede{color:rgba(255,255,255,.72);max-width:38rem;margin-bottom:1.6rem}
.hD .band .in{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end}.hD .hb-srch{border:0}
.hD .ov{margin-top:-6rem;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:3rem}
.hD .ov a{background:#fff;border-radius:24px;padding:.7rem .7rem 1.1rem;box-shadow:0 30px 60px -40px rgba(14,31,21,.7);color:var(--ink);display:flex;flex-direction:column;gap:.8rem}.hD .ov .hb-art{aspect-ratio:1.5;border-radius:18px}.hD .ov .hb-b{padding:0 .4rem}
.hD .ov a:first-child{background:var(--yellow)}
.hD .hchp{margin-bottom:3rem}
.hD .hrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,24%);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin}.hD .hrow>*{scroll-snap-align:start}
.hD .gsec{margin-bottom:3.4rem}.hD .hb-cv .hb-art{border-radius:22px}
@media(max-width:900px){.hD .band .in{grid-template-columns:1fr;gap:1.4rem}.hD .ov{grid-template-columns:1fr 1fr}.hD .hrow{grid-auto-columns:75%}}
@media(max-width:560px){.hD .ov{grid-template-columns:1fr}}
@media(max-width:560px){.hD .ov{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem}.hD .ov>*{scroll-snap-align:start}}

/* v10.46: hero highlight swipes in like a highlighter pen, then settles into its tilt */
.hero-h1 .u{background:linear-gradient(var(--yellow),var(--yellow)) left center/0% 100% no-repeat;transform:rotate(0deg);animation:huSwipe .75s cubic-bezier(.65,0,.35,1) 1s forwards,huTilt .55s cubic-bezier(.34,1.56,.64,1) 1.65s forwards}
@keyframes huSwipe{to{background-size:100% 100%}}
@keyframes huTilt{to{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.hero-h1 .u{animation:none;background-size:100% 100%;transform:rotate(-2deg)}}

/* v10.60: typography, direction A (Inter Tight headings + Inter body). Both SIL Open Font License. */
@font-face{font-family:'Inter Tight Var';src:url('/assets/fonts/inter-tight-latin-wght-normal.woff2') format('woff2-variations'),url('/assets/fonts/inter-tight-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight Var';src:url('/assets/fonts/inter-tight-latin-ext-wght-normal.woff2') format('woff2-variations'),url('/assets/fonts/inter-tight-latin-ext-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter Var';src:url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2-variations'),url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Var';src:url('/assets/fonts/inter-latin-ext-wght-normal.woff2') format('woff2-variations'),url('/assets/fonts/inter-latin-ext-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--disp:'Inter Tight Var','Inter Var',system-ui,-apple-system,'Segoe UI',sans-serif;--sans:'Inter Var',system-ui,-apple-system,'Segoe UI',sans-serif}
body{font-family:var(--sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
.brand{font-family:'Geist',system-ui,sans-serif}
h1,.hero-h1{font-weight:700;letter-spacing:-.045em;font-variation-settings:normal}
h2{font-weight:700;letter-spacing:-.032em}
h3{font-weight:650;letter-spacing:-.02em}

/* v10.61: cursor glow back, smaller (mouse devices only) */
.cglow{display:block;position:fixed;left:0;top:0;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s ease;background:radial-gradient(closest-side,rgba(53,208,127,.20),rgba(53,208,127,.07) 45%,transparent 75%);mix-blend-mode:screen;will-change:transform}
.cglow.lite{background:radial-gradient(closest-side,rgba(46,158,91,.30),rgba(46,158,91,.11) 45%,transparent 75%);mix-blend-mode:multiply}
.cglow.on{opacity:1}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cglow{display:none}}

/* v10.62: cursor glow removed */
.cglow{display:none!important}

/* v10.63: pricing page, direction C (comparison table + illustrated terms) */
.pc-sec{padding-top:0}
.pc-wrap{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;max-width:64rem;margin:0 auto}
.pc-t{width:100%;border-collapse:collapse;font-size:.92rem}
.pc-t thead th,.pc-t thead td{vertical-align:top;padding:1.6rem 1.2rem 1.4rem;text-align:center}
.pc-t thead td.pc-corner{text-align:left;vertical-align:bottom;width:46%}
.pc-corner p{margin:.5rem 0 0;font-size:.86rem;color:var(--slate)}
.pc-t thead th{position:relative;font-weight:400}
.pc-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin:0 auto .7rem}
.pc-nm{display:block;font-family:var(--disp);font-weight:700;font-size:1.12rem;letter-spacing:-.02em;color:var(--ink)}
.pc-pr{display:block;font-family:var(--disp);font-weight:700;font-size:2.3rem;letter-spacing:-.04em;line-height:1.05;margin-top:.35rem;color:var(--ink)}
.pc-pr small{font-family:var(--sans);font-weight:500;font-size:.82rem;letter-spacing:0;color:var(--slate)}
.pc-sf{display:block;font-size:.8rem;color:var(--slate);margin:.25rem 0 .9rem}
.pc-tag{position:absolute;top:.9rem;left:50%;transform:translateX(-50%);font:700 .6rem var(--sans);letter-spacing:.09em;text-transform:uppercase;background:var(--yellow);color:var(--ink);padding:3px 9px;border-radius:99px;white-space:nowrap}
.pc-t .pc-hi{background:#F3FAF5}
.pc-t thead th.pc-hi{background:#EAF4EE}
.pc-t tbody th{text-align:left;font-weight:500;color:var(--ink);padding:.8rem 1.4rem}
.pc-t tbody td{text-align:center;padding:.8rem .6rem}
.pc-t tbody tr{border-top:1px solid var(--line)}
.pc-y{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:.72rem;font-weight:800}
.pc-n{color:#B7C3BB}
.pc-sub th{padding:1.1rem 1.4rem .5rem!important;font:700 .7rem var(--sans)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--green)!important;background:#FAFCFA}
.pc-ad th a{font-weight:700;color:var(--ink)}
.pc-ad th span{display:block;font-size:.8rem;color:var(--slate);margin-top:.15rem}
.pc-ad td{font-family:var(--disp);font-weight:700;font-size:1.02rem;color:var(--ink);white-space:nowrap}
.pc-ad td small{font-family:var(--sans);font-weight:500;font-size:.74rem;color:var(--slate)}
.pc-so{font-family:var(--sans);font-weight:500;font-size:.8rem;color:var(--mute)}
.pc-q{display:flex;align-items:center;gap:1rem;max-width:64rem;margin:1rem auto 0;background:var(--forest);color:#fff;border-radius:22px;padding:1.2rem 1.4rem}
.pc-qi{width:52px;height:52px;border-radius:15px;background:#fff;display:grid;place-items:center;flex:none}
.pc-q b{display:block;font-family:var(--disp);font-size:1.08rem;color:#fff}
.pc-q span{font-size:.88rem;color:rgba(255,255,255,.72)}
.pc-q .pc-qb{margin-left:auto;background:var(--yellow);color:var(--ink);flex:none}
.pt-g{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;max-width:64rem;margin:1rem auto 0}
.pt-c{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem}
.pt-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:.8rem}
.pt-c b{display:block;font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--ink)}
.pt-c p{margin:.3rem 0 0;font-size:.85rem;color:var(--slate);line-height:1.5}
@media(max-width:820px){.pt-g{grid-template-columns:1fr 1fr}.pc-q{flex-wrap:wrap}.pc-q .pc-qb{margin-left:0}}
@media(max-width:640px){
.pc-t{font-size:.8rem}
.pc-t thead td.pc-corner{display:none}
.pc-t thead tr{display:grid;grid-template-columns:1fr 1fr}
.pc-t thead th{padding:2rem .6rem 1rem}
.pc-pr{font-size:1.55rem}.pc-nm{font-size:.92rem}.pc-ic{width:42px;height:42px}.pc-ic img{width:28px;height:28px}
.pc-t .btn-sm{padding:.55rem .8rem;font-size:.78rem}
.pc-t tbody tr{display:grid;grid-template-columns:1fr 1fr}
.pc-t tbody th{grid-column:1/3;padding:.75rem .9rem .2rem;font-size:.84rem}
.pc-t tbody td{padding:.35rem .5rem .75rem}
.pc-sub th{grid-column:1/3}
.pt-g{grid-template-columns:1fr}
}

.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* v10.64: illustrated add-on rows on the pricing table; plain terms cards */
.pc-ad th{display:flex;align-items:center;gap:.9rem}
.pc-ai{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none}
.pc-at{display:block}
.pc-at>span{display:block;font-size:.8rem;color:var(--slate);margin-top:.15rem}
.pt-c b{margin-top:0}
@media(max-width:640px){.pc-ad th{grid-column:1/3}.pc-ai{width:40px;height:40px}.pc-ai img{width:30px;height:30px}}

/* v10.65: pricing, three plan cards (direction F) + add-on cards + illustrated terms */
.pf-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:68rem;margin:0 auto;align-items:stretch}
.pf-c{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.6rem 1.5rem 1.5rem}
.pf-hi{border:2px solid var(--green)}
.pf-dk{background:var(--forest);border-color:var(--forest);color:#fff}
.pf-tag{align-self:flex-start;font:700 .62rem var(--sans);letter-spacing:.09em;text-transform:uppercase;background:var(--yellow);color:var(--ink);padding:3px 10px;border-radius:99px;margin-bottom:.6rem}
.pf-nm{font-family:var(--disp);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}
.pf-dk .pf-nm,.pf-dk .pf-pr{color:#fff}
.pf-pr{font-family:var(--disp);font-weight:700;font-size:2.8rem;letter-spacing:-.045em;line-height:1.05;margin-top:.3rem;color:var(--ink)}
.pf-pr small{font-family:var(--sans);font-weight:500;font-size:.9rem;letter-spacing:0;color:var(--slate)}
.pf-sf{font-size:.88rem;color:var(--slate);margin-top:.3rem}
.pf-dk .pf-sf{color:rgba(255,255,255,.7)}
.pf-ul{list-style:none;margin:1.1rem 0 1.3rem;padding:0;display:flex;flex-direction:column;gap:.6rem;flex:1}
.pf-ul li{position:relative;padding-left:1.6rem;font-size:.9rem;line-height:1.45;color:var(--ink)}
.pf-dk .pf-ul li{color:#fff}
.pf-ul li::before{content:"";position:absolute;left:0;top:.15rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--green) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg>') center/62% no-repeat}
.pf-dk .pf-ul li::before{background-color:#2E9E5B}
.pf-b{width:100%;justify-content:center}
.pf-y{background:var(--yellow);color:var(--ink)}
.pf-k{max-width:68rem;margin:2.2rem auto .8rem;text-align:center;font:700 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.pf-adds{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;max-width:68rem;margin:0 auto}
.pf-ad{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.pf-ad:hover{border-color:#BFD3C4;transform:translateY(-2px)}
.pf-ai{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none}
.pf-at{flex:1;min-width:0}.pf-at b{display:block;font-size:.92rem}.pf-at span{display:block;font-size:.78rem;color:var(--slate);line-height:1.4;margin-top:.15rem}
.pf-ap{font-family:var(--disp);font-weight:700;font-size:1.1rem;white-space:nowrap}.pf-ap small{font-family:var(--sans);font-weight:500;font-size:.72rem;color:var(--slate)}
.pc-sec .pt-g{max-width:68rem;margin-top:1.4rem}
@media(max-width:960px){.pf-g{grid-template-columns:1fr;max-width:30rem}.pf-adds{grid-template-columns:1fr;max-width:30rem}}

/* About: overview video */
.ov{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center}
.ov-player{position:relative;border-radius:22px;overflow:hidden;background:var(--ink);box-shadow:0 30px 60px -35px rgba(14,31,21,.45);aspect-ratio:16/9}
.ov-player video{display:block;width:100%;height:100%;object-fit:cover}
.ov-play{position:absolute;left:1.2rem;bottom:1.2rem;display:inline-flex;align-items:center;gap:.6rem;border:0;cursor:pointer;background:var(--yellow);color:var(--ink);font-family:inherit;font-weight:700;font-size:1rem;line-height:1;padding:.95rem 1.4rem .95rem 1.1rem;border-radius:999px;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);transition:transform .2s var(--ease)}
.ov-play svg{width:22px;height:22px}
.ov-play:hover{transform:scale(1.05)}
.ov-play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ov-player.on .ov-play{display:none}
@media(max-width:860px){.ov{grid-template-columns:1fr;gap:1.4rem}.ov-play{left:.8rem;bottom:.8rem;font-size:.9rem;padding:.75rem 1.1rem .75rem .9rem}}
@media(prefers-reduced-motion:reduce){.ov-play{transition:none}}

/* Mobile menu, direction F: section cards with icon previews, free-data card, fixed footer */
.mnav{padding-bottom:0}
.mnav .mdr,.mnav .mdr:first-of-type{border:1.5px solid rgba(14,31,21,.08);border-radius:20px;background:#fff;margin:0 0 .6rem;padding:0 .9rem 0 1rem}
.mnav .mdr:first-of-type{margin-top:.5rem}
.mnav .mdr summary{padding:.85rem 0;font-size:1.12rem;align-items:center}
.mnav .mdr summary i{background:var(--sage,#F0F5F1);box-shadow:none}
.mdr-t{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.mdr-pv{display:flex;align-items:center;gap:.35rem;font-weight:500}
.mdr-pv span{width:30px;height:30px;border-radius:9px;background:var(--b);display:grid;place-items:center;flex:none}
.mdr-pv img{width:22px;height:22px;display:block}
.mdr-pv em{font-style:normal;font-size:.8rem;color:var(--slate,#54655B);margin-left:.25rem;letter-spacing:0}
.mnav .mdr[open] .mdr-pv{display:none}
.mnav .mdr[open] summary{padding-bottom:.5rem}
.mnav .mdr-b .ml:active,.mnav .mdr-b .ml:hover{background:var(--cream)}
.mnav-promo{display:flex;align-items:center;gap:.75rem;background:var(--yellow);color:var(--ink);border-radius:20px;padding:.9rem 1rem;margin:.1rem 0 1rem;font-weight:700;font-size:.93rem;line-height:1.3;text-decoration:none}
.mnav-promo b{background:var(--ink);color:var(--yellow);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.28rem .55rem;flex:none}
.mnav-promo span{flex:1}
.mnav-promo i{width:9px;height:9px;border-right:2.4px solid var(--ink);border-bottom:2.4px solid var(--ink);transform:rotate(-45deg);margin-right:.35rem;flex:none}
.mnav-foot{position:sticky;bottom:0;margin:auto calc(-1 * var(--gut)) 0;padding:.85rem var(--gut) calc(.85rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgba(14,31,21,.08);display:grid;grid-template-columns:1fr 1.45fr;gap:.6rem;z-index:2}
.mnav-foot .btn{justify-content:center;margin:0;width:auto}
.mnav-login{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(14,31,21,.16)}

/* Homepage portal screenshot on phones: keep the two notifications off the screenshot */
@media(max-width:600px){
.h10-dash{padding:2.9rem 0 2.9rem}
.h10-dash .g{font-size:.66rem;padding:.5rem .7rem;border-radius:13px;gap:.5rem;max-width:82%}
.h10-dash .g b{font-size:.78rem}
.h10-dash .g i{width:24px;height:24px;border-radius:8px}
.h10-dash .g i svg{width:13px;height:13px}
.h10-dash .gd2{top:0;right:0;bottom:auto}
.h10-dash .gd1{bottom:0;left:0;top:auto}
}
/* Mobile menu colours set explicitly, so dark pages (the data pages) can't bleed light text into it */
.mnav,.mnav .ml,.mnav .mdr summary,.mnav .mdr-t,.mnav-hd button,.mnav-promo{color:var(--ink)}
.mnav .ml s{color:var(--mute)}
.mnav-hd button{background:#fff}
html[data-theme="dark"]{--forest:#ECF4EE;--forest-2:#A7BCAE;--forest-3:#5EAD7E;--green:#60BA86;--ink:#ECF4EE;--slate:#A7BCAE;--cream:#10241A;--paper:#10241A;--sage:#0A1A11;--line:#0A1A11;--line-2:#0A1A11}
html[data-theme="dark"] body{background:var(--cream);color:var(--ink)}
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--ink)}
html[data-theme="dark"] p{color:var(--slate)}
html[data-theme="dark"] .lede{color:var(--slate)}
html[data-theme="dark"] .eyebrow{color:var(--green)}
html[data-theme="dark"] .on-dark .eyebrow{color:var(--mint)}
html[data-theme="dark"] .step[open] .n,html[data-theme="dark"] .step:hover .n{background:var(--green);color:#06140C}
html[data-theme="dark"] a.step:hover h3{color:var(--green)}
html[data-theme="dark"] .on-dark{color:#fff}
html[data-theme="dark"] .on-dark:not(.cta):not(.stage):not(.sec-forest):not(.sec-ink):not(.ft){color:inherit}
html[data-theme="dark"] .on-dark h2,html[data-theme="dark"] .on-dark h3,html[data-theme="dark"] .on-dark h4{color:#fff}
html[data-theme="dark"] .on-dark p,html[data-theme="dark"] .on-dark .lede{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .btn::before{background:linear-gradient(105deg,transparent 30%,rgba(214,240,222,0.08) 48%,transparent 66%)}
html[data-theme="dark"] .btn-pri{background:var(--green);color:#06140C}
html[data-theme="dark"] .btn-pri:hover{background:var(--forest-3);color:#fff}
html[data-theme="dark"] .btn-mint{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint);color:var(--fg)}
html[data-theme="dark"] .btn-mint:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2);color:var(--fg)}
html[data-theme="dark"] .btn-white{background:var(--paper);color:var(--fg)}
html[data-theme="dark"] .btn-white:hover{background:var(--paper);color:var(--fg)}
html[data-theme="dark"] .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
html[data-theme="dark"] .hero .btn-ghost,html[data-theme="dark"] .cta .btn-ghost,html[data-theme="dark"] .sec-forest .btn-ghost,html[data-theme="dark"] .sec-ink .btn-ghost,html[data-theme="dark"] .stage.forest .btn-ghost,html[data-theme="dark"] .ft .btn-ghost,html[data-theme="dark"] .art-cta7 .btn-ghost,html[data-theme="dark"] .plan.feat .btn-ghost,html[data-theme="dark"] .aside .cta .btn-ghost,html[data-theme="dark"] .deck-sec .btn-ghost{color:#fff;background:rgba(214,240,222,0.06);box-shadow:inset 0 0 0 1px rgba(214,240,222,0.096)}
html[data-theme="dark"] .hero .btn-ghost:hover,html[data-theme="dark"] .cta .btn-ghost:hover,html[data-theme="dark"] .sec-forest .btn-ghost:hover,html[data-theme="dark"] .sec-ink .btn-ghost:hover,html[data-theme="dark"] .stage.forest .btn-ghost:hover,html[data-theme="dark"] .ft .btn-ghost:hover,html[data-theme="dark"] .art-cta7 .btn-ghost:hover,html[data-theme="dark"] .plan.feat .btn-ghost:hover{color:#fff;background:rgba(214,240,222,0.08);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .cta .tlink,html[data-theme="dark"] .sec-forest .tlink,html[data-theme="dark"] .sec-ink .tlink,html[data-theme="dark"] .stage.forest .tlink,html[data-theme="dark"] .art-cta7 .tlink,html[data-theme="dark"] .ft .tlink{color:var(--mint)}
html[data-theme="dark"] .art-cta7 .btn-mint,html[data-theme="dark"] .cta .btn-mint{color:var(--fg)}
html[data-theme="dark"] .on-dark .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(214,240,222,0.084)}
html[data-theme="dark"] .on-dark .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .tlink{color:var(--green)}
html[data-theme="dark"] .on-dark .tlink{color:var(--mint)}
html[data-theme="dark"] .ann{background:linear-gradient(90deg,#14512B 0%,#1F7A45 38%,#2E9E5B 62%,#1B6238 100%);color:rgba(255,255,255,.9)}
html[data-theme="dark"] .ann b{color:#fff}
html[data-theme="dark"] .ann a{color:#fff;text-decoration-color:rgba(255,255,255,.45)}
html[data-theme="dark"] .ann a:hover{text-decoration-color:#fff}
html[data-theme="dark"] .nav{background:transparent}
html[data-theme="dark"] .nav::after{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .nav.stuck{background:var(--inkbg)}
html[data-theme="dark"] .nav.light.stuck{background:rgba(var(--srf),0.82)}
html[data-theme="dark"] .nav.light.stuck::after{background:rgba(214,240,222,0.1)}
html[data-theme="dark"] .nav.light .nlink,html[data-theme="dark"] .nav.light .brand,html[data-theme="dark"] .nav.light .nlogin{color:var(--ink)}
html[data-theme="dark"] .nav.light .nlogin{color:var(--slate)}
html[data-theme="dark"] .nav.light .brand b{color:var(--green)}
html[data-theme="dark"] .nav.light .nlink:hover{color:var(--green)}
html[data-theme="dark"] .nav.light .nlink::after{background:var(--green)}
html[data-theme="dark"] .nav.light .nlink[aria-expanded=true]{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .nav.light .btn-pri,html[data-theme="dark"] .nav.light .btn-pri:hover{color:#fff}
html[data-theme="dark"] .nav.light .btn-pri{background:var(--green)}
html[data-theme="dark"] .nav.light .btn-pri:hover{background:var(--forest-3)}
html[data-theme="dark"] .nav.light .burger{background:var(--sage)}
html[data-theme="dark"] .nav.light .burger span,html[data-theme="dark"] .nav.light .burger::before,html[data-theme="dark"] .nav.light .burger::after{background:var(--inkbg)}
html[data-theme="dark"] .nav .brand b{color:var(--mint)}
html[data-theme="dark"] .nav .nlink[aria-expanded=true]{background:rgba(214,240,222,0.08);color:#fff}
html[data-theme="dark"] .nav .btn-pri,html[data-theme="dark"] .nav .btn-pri:hover{color:var(--fg)}
html[data-theme="dark"] .nav .btn-pri{background:var(--paper)}
html[data-theme="dark"] .nav .btn-pri:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint)}
html[data-theme="dark"] .nav .burger{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .nav .burger span,html[data-theme="dark"] .nav .burger::before,html[data-theme="dark"] .nav .burger::after{background:var(--paper)}
html[data-theme="dark"] body:not(.hero-dark) .nav{background:rgba(var(--srf),0.86)}
html[data-theme="dark"] .brand{color:#fff}
html[data-theme="dark"] .brand b{color:var(--green)}
html[data-theme="dark"] .nlink{color:#fff;background:none}
html[data-theme="dark"] .nlink:hover{color:var(--mint)}
html[data-theme="dark"] .nlink[aria-expanded=true]{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .nlogin{color:rgba(255,255,255,.78)}
html[data-theme="dark"] .nlogin:hover{color:#fff}
html[data-theme="dark"] .burger{background:var(--sage)}
html[data-theme="dark"] .burger span,html[data-theme="dark"] .burger::before,html[data-theme="dark"] .burger::after{background:var(--inkbg)}
html[data-theme="dark"] .mega{background:linear-gradient(180deg,var(--inkbg),var(--inkbg));border:1px solid rgba(214,240,222,0.03)}
html[data-theme="dark"] .mega::after{color:rgba(255,255,255,.38)}
html[data-theme="dark"] .mcard:hover{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .mcard .ic{background:rgba(214,240,222,0.08);color:var(--mint)}
html[data-theme="dark"] .mcard:hover .ic{background:rgba(53,208,127,.16)}
html[data-theme="dark"] .mcard b{color:#fff}
html[data-theme="dark"] .mcard:hover .ic{background:var(--paper)}
html[data-theme="dark"] .mcard s{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .mega-foot{border-top:1px solid rgba(214,240,222,0.03);color:rgba(255,255,255,.62)}
html[data-theme="dark"] .mega-foot a:hover{color:var(--mint)}
html[data-theme="dark"] .mnav{background:var(--cream)}
html[data-theme="dark"] .mnav-hd button{background:var(--sage)}
html[data-theme="dark"] .mnav h4{color:var(--mute)}
html[data-theme="dark"] .mnav .ml .ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .mnav .ml s{color:var(--mute)}
html[data-theme="dark"] .hero{background:linear-gradient(180deg,var(--inkbg) 0%,var(--inkbg) 34%,#12481F 62%,#14512B 100%);color:#fff}
html[data-theme="dark"] .hero::after{background:linear-gradient(180deg,rgba(214,240,222,0.0) 0%,rgba(214,240,222,0.06) 24%,rgba(214,240,222,0.08) 42%,rgba(214,240,222,0.08) 60%,rgba(var(--srf),0.72) 76%,rgba(var(--srf),0.93) 90%,var(--cream) 100%)}
html[data-theme="dark"] .hero::before{background:radial-gradient(closest-side,rgba(53,208,127,.22),rgba(53,208,127,0))}
html[data-theme="dark"] .hero-bg .b1{background:radial-gradient(closest-side,rgba(46,158,91,.62),transparent)}
html[data-theme="dark"] .hero-bg .b2{background:radial-gradient(closest-side,rgba(53,208,127,.42),transparent)}
html[data-theme="dark"] .hero-bg .b3{background:radial-gradient(closest-side,rgba(27,90,49,.85),transparent)}
html[data-theme="dark"] .hero-bg .mesh{background-image:radial-gradient(rgba(214,240,222,0.055) 1px,transparent 1px)}
html[data-theme="dark"] .hero h1{color:#fff}
html[data-theme="dark"] .hero h1 em{color:var(--mint)}
html[data-theme="dark"] .ai-badge{background:rgba(214,240,222,0.08);border:1px solid rgba(214,240,222,0.054);color:#fff}
html[data-theme="dark"] .ai-badge .sp::after{background:radial-gradient(closest-side,rgba(53,208,127,.5),transparent)}
html[data-theme="dark"] .hero .lede{color:rgba(255,255,255,.76)}
html[data-theme="dark"] .hero .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(214,240,222,0.096);background:rgba(214,240,222,0.06)}
html[data-theme="dark"] .hero .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--line);background:rgba(214,240,222,0.06)}
html[data-theme="dark"] .hero-note{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .hero-stage .p-phone{background:var(--paper)}
html[data-theme="dark"] .hero-stage .p-mid{background:var(--paper)}
html[data-theme="dark"] .hero-stage .p-right{background:var(--paper)}
html[data-theme="dark"] .hero-stage .p-flat{background:var(--paper)}
html[data-theme="dark"] .logos .lbl{color:var(--mute);background:var(--sage)}
html[data-theme="dark"] .logos span.wm{color:var(--mute)}
html[data-theme="dark"] .step .n{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .step.on .n{background:var(--green);color:#06140C}
html[data-theme="dark"] .on-dark .step{border-color:rgba(214,240,222,0.042)}
html[data-theme="dark"] .on-dark .step .n{background:rgba(214,240,222,0.08);color:#fff}
html[data-theme="dark"] .on-dark .step.on .n{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint);color:var(--fg)}
html[data-theme="dark"] .ticks li{color:var(--slate)}
html[data-theme="dark"] .ticks svg{color:var(--green)}
html[data-theme="dark"] .on-dark .ticks li{color:rgba(255,255,255,.76)}
html[data-theme="dark"] .on-dark .ticks svg{color:var(--mint)}
html[data-theme="dark"] .shot{background:var(--paper);border:1px solid rgba(var(--dk),0.08)}
html[data-theme="dark"] .stage.sage{background:var(--sage)}
html[data-theme="dark"] .stage.forest{background:linear-gradient(160deg,var(--forest-2),var(--forest))}
html[data-theme="dark"] .stage.cream{background:var(--cream)}
html[data-theme="dark"] .phones .ph{background:var(--paper)}
html[data-theme="dark"] .phone-lbl span{color:var(--mute)}
html[data-theme="dark"] .on-dark .phone-lbl span{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .chip{background:var(--paper)}
html[data-theme="dark"] .chip s{color:var(--mute)}
html[data-theme="dark"] .chip .dot{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint)}
html[data-theme="dark"] .card{background:var(--paper)}
html[data-theme="dark"] .card .ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .card-img .im{background:var(--sage)}
html[data-theme="dark"] .badge{color:var(--green)}
html[data-theme="dark"] .quote{background:rgba(214,240,222,0.06);border:1px solid rgba(214,240,222,0.036)}
html[data-theme="dark"] .quote .stars{color:var(--mint)}
html[data-theme="dark"] .quote p{color:#fff}
html[data-theme="dark"] .quote .who{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .plan{background:var(--paper)}
html[data-theme="dark"] .plan.feat{background:var(--forest);color:#fff}
html[data-theme="dark"] .plan.feat h3,html[data-theme="dark"] .plan.feat .price{color:#fff}
html[data-theme="dark"] .plan.feat p,html[data-theme="dark"] .plan.feat .ticks li{color:rgba(255,255,255,.75)}
html[data-theme="dark"] .plan.feat .ticks svg{color:var(--mint)}
html[data-theme="dark"] .plan .price small{color:var(--mute)}
html[data-theme="dark"] .plan.feat .price small{color:rgba(255,255,255,.6)}
html[data-theme="dark"] .cta{background:radial-gradient(110% 130% at 15% 0%,#1B5A31 0%,var(--inkbg) 45%,var(--inkbg) 100%);color:#fff}
html[data-theme="dark"] .cta h2{color:#fff}
html[data-theme="dark"] .ft{background:linear-gradient(180deg,var(--inkbg) 0%,var(--inkbg) 55%,var(--inkbg) 100%);color:#fff}
html[data-theme="dark"] .ft-bg .g1{background:radial-gradient(closest-side,rgba(46,158,91,.30),transparent)}
html[data-theme="dark"] .ft-bg .g2{background:radial-gradient(closest-side,rgba(53,208,127,.16),transparent)}
html[data-theme="dark"] .ft-bg::after{background:linear-gradient(90deg,transparent,rgba(123,231,174,.32),transparent)}
html[data-theme="dark"] .ft-top{border-bottom:1px solid rgba(214,240,222,0.03)}
html[data-theme="dark"] .ft-brand .brand{color:#fff}
html[data-theme="dark"] .ft-brand .brand b{color:var(--mint)}
html[data-theme="dark"] .ft-brand p{color:rgba(255,255,255,.68)}
html[data-theme="dark"] .ft h4{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .ft ul a{color:rgba(255,255,255,.8)}
html[data-theme="dark"] .ft ul a:hover{color:#fff}
html[data-theme="dark"] .ft-btm{border-top:1px solid rgba(214,240,222,0.027);color:rgba(255,255,255,.55)}
html[data-theme="dark"] .ft-btm a{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .ft-btm a:hover{color:#fff}
html[data-theme="dark"] .hero-sub::after{background:linear-gradient(180deg,rgba(214,240,222,0.0) 0%,rgba(214,240,222,0.08) 26%,rgba(214,240,222,0.08) 50%,rgba(var(--srf),0.72) 72%,rgba(var(--srf),0.94) 88%,var(--cream) 100%)}
html[data-theme="dark"] .hero-sub .crumb{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .hero-sub .crumb a{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .hero-sub .crumb a:hover{color:#fff}
html[data-theme="dark"] .faqs .fchev{color:var(--mute)}
html[data-theme="dark"] .faqs details[open] .n{background:var(--green);color:#06140C}
html[data-theme="dark"] .prose7 p,html[data-theme="dark"] .prose7 li{color:var(--fg2)}
html[data-theme="dark"] .prose7 .lead{color:var(--ink)}
html[data-theme="dark"] .prose7 a{color:var(--green)}
html[data-theme="dark"] .prose7 strong{color:var(--ink)}
html[data-theme="dark"] .prose7 code{background:var(--sage)}
html[data-theme="dark"] .prose7 figcaption{color:var(--mute)}
html[data-theme="dark"] .prose7 th{background:var(--sage)}
html[data-theme="dark"] .prose7 h2.src{color:var(--mute)}
html[data-theme="dark"] .prose7 ul.src li{color:var(--slate)}
html[data-theme="dark"] .callout7{background:var(--sage)}
html[data-theme="dark"] .art-hd7 .meta{color:var(--mute)}
html[data-theme="dark"] .art-hd7 .meta span+span::before{color:var(--sage-2)}
html[data-theme="dark"] .by7 s{color:var(--mute)}
html[data-theme="dark"] .by7 a{color:var(--green)}
html[data-theme="dark"] .art-cta7{background:var(--forest);color:#fff}
html[data-theme="dark"] .art-cta7 h3{color:#fff}
html[data-theme="dark"] .art-cta7 p{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .chips a,html[data-theme="dark"] .chips button{background:var(--paper);color:var(--slate)}
html[data-theme="dark"] .chips a:hover,html[data-theme="dark"] .chips button:hover,html[data-theme="dark"] .chips .on{background:var(--forest);color:#fff}
html[data-theme="dark"] .hub-list a:hover{color:var(--green)}
html[data-theme="dark"] .hub-list u{color:var(--mute)}
html[data-theme="dark"] .form7{background:var(--paper)}
html[data-theme="dark"] .form7 label span{color:var(--mute)}
html[data-theme="dark"] .form7 input,html[data-theme="dark"] .form7 select,html[data-theme="dark"] .form7 textarea{color:var(--ink);background:var(--paper)}
html[data-theme="dark"] .form7 .err{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDECEA;color:#9F2D20}
html[data-theme="dark"] .form7 .ok{background:var(--sage);color:#14532D}
html[data-theme="dark"] .form7 .hint{color:var(--mute)}
html[data-theme="dark"] .ptable{background:var(--paper)}
html[data-theme="dark"] .ptable th{background:var(--sage)}
html[data-theme="dark"] .ptable td:first-child{color:var(--ink)}
html[data-theme="dark"] .ptable td.y{color:var(--green)}
html[data-theme="dark"] .ptable td.n{color:var(--mute)}
html[data-theme="dark"] .dfig figcaption{color:var(--mute)}
html[data-theme="dark"] .stat{background:var(--paper)}
html[data-theme="dark"] .stat b{color:var(--fg)}
html[data-theme="dark"] .stat s{color:var(--slate)}
html[data-theme="dark"] .on-dark .stat{background:rgba(214,240,222,0.05);border-color:rgba(214,240,222,0.036)}
html[data-theme="dark"] .on-dark .stat b{color:#fff}
html[data-theme="dark"] .on-dark .stat s{color:rgba(255,255,255,.62)}
html[data-theme="dark"] .orbit .core{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:linear-gradient(155deg,#4FDD97 0%,#2E9E5B 34%,#17683A 74%,var(--inkbg) 100%);box-shadow:0 40px 80px -34px rgba(15,80,44,.75),0 2px 0 rgba(214,240,222,0.14) inset,0 -18px 34px -18px rgba(var(--dk),0.5) inset}
html[data-theme="dark"] .orbit .core b{color:#fff}
html[data-theme="dark"] .orbit .core .sheen{background:conic-gradient(from 0deg,transparent 0deg,rgba(214,240,222,0.08) 26deg,transparent 72deg,transparent 360deg)}
html[data-theme="dark"] .orbit .core::before{background:linear-gradient(180deg,rgba(214,240,222,0.08),rgba(214,240,222,0.0))}
html[data-theme="dark"] .orbit .core::after{box-shadow:0 0 0 1px rgba(214,240,222,0.084) inset}
html[data-theme="dark"] .orbit .halo{background:radial-gradient(closest-side,rgba(46,158,91,.38),rgba(53,208,127,.10) 60%,transparent)}
html[data-theme="dark"] .orbit .node{background:var(--paper)}
html[data-theme="dark"] .orbit .node i{background:var(--green-2)}
html[data-theme="dark"] .mq span{color:var(--mute)}
html[data-theme="dark"] .mq span::before{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint)}
html[data-theme="dark"] .ai-chips span{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .ai-chips span::before{background:var(--green-2)}
html[data-theme="dark"] .cglow{background:radial-gradient(closest-side,rgba(53,208,127,.20),rgba(53,208,127,.07) 45%,transparent 72%)}
html[data-theme="dark"] .cglow.lite{background:radial-gradient(closest-side,rgba(46,158,91,.16),rgba(46,158,91,.05) 45%,transparent 72%)}
html[data-theme="dark"] .orbit .core .mark .spark svg path{fill:#fff!important}
html[data-theme="dark"] .shot{background:var(--paper);border:1px solid rgba(var(--dk),0.1)}
html[data-theme="dark"] .shot::before{background:linear-gradient(180deg,var(--paper),var(--paper));border-bottom:1px solid rgba(var(--dk),0.07)}
html[data-theme="dark"] .shot::after{background:#E5776A}
html[data-theme="dark"] .dfig figcaption{color:var(--mute)}
html[data-theme="dark"] .dfig figcaption::before{background:var(--sage-2)}
html[data-theme="dark"] .aside .box{background:var(--paper)}
html[data-theme="dark"] .aside h4{color:var(--mute)}
html[data-theme="dark"] .aside .srch{background:var(--paper)}
html[data-theme="dark"] .aside .srch svg{color:var(--mute)}
html[data-theme="dark"] .aside .srch input{background:transparent;color:var(--ink)}
html[data-theme="dark"] .aside nav a{color:var(--slate)}
html[data-theme="dark"] .aside nav a:hover{background:var(--sage);color:var(--ink)}
html[data-theme="dark"] .aside nav a.on{background:var(--forest);color:#fff}
html[data-theme="dark"] .aside nav a em{color:var(--mute)}
html[data-theme="dark"] .aside nav a.on em{color:rgba(255,255,255,.6)}
html[data-theme="dark"] .aside .cta{background:linear-gradient(160deg,var(--forest-2),var(--forest));color:#fff}
html[data-theme="dark"] .aside .cta p{color:rgba(255,255,255,.7)}
html[data-theme="dark"] .toc a{color:var(--slate)}
html[data-theme="dark"] .toc a:hover{color:var(--green)}
html[data-theme="dark"] .srch.gsrch{background:var(--paper)}
html[data-theme="dark"] .srch.gsrch svg{color:var(--mute)}
html[data-theme="dark"] .srch.gsrch input{background:transparent;color:var(--ink)}
html[data-theme="dark"] .btn-pri,html[data-theme="dark"] .btn-pri:hover,html[data-theme="dark"] .btn-pri:focus,html[data-theme="dark"] .btn-pri:visited{color:#fff}
html[data-theme="dark"] .btn-mint,html[data-theme="dark"] .btn-mint:hover,html[data-theme="dark"] .btn-white,html[data-theme="dark"] .btn-white:hover{color:var(--fg)}
html[data-theme="dark"] .nav .btn-pri,html[data-theme="dark"] .nav .btn-pri:hover{color:var(--fg)}
html[data-theme="dark"] .nav.light .btn-pri,html[data-theme="dark"] .nav.light .btn-pri:hover{color:#fff}
html[data-theme="dark"] .toolbox .btn,html[data-theme="dark"] .toolbox .btn:hover{color:#fff}
html[data-theme="dark"] .toolbox .btn-out,html[data-theme="dark"] .toolbox .btn-ghost,html[data-theme="dark"] .toolbox .btn-out:hover{color:var(--ink)}
html[data-theme="dark"] .toolbox .no{color:var(--ink)}
html[data-theme="dark"] .prose7 .btn-pri,html[data-theme="dark"] .prose7 .btn-pri:hover{color:#fff}
html[data-theme="dark"] .prose7 .btn-mint,html[data-theme="dark"] .prose7 .btn-white{color:var(--fg)}
html[data-theme="dark"] .prose7 .btn-ghost,html[data-theme="dark"] .prose7 .btn-ghost:hover{color:var(--ink)}
html[data-theme="dark"] .prose7 .btn-out{color:var(--ink)}
html[data-theme="dark"] .gempty{color:var(--mute)}
html[data-theme="dark"] .artwrap .feat7:hover h2{color:var(--green)}
html[data-theme="dark"] .qtrack .quote{background:rgba(214,240,222,0.06);border:1px solid rgba(214,240,222,0.036)}
html[data-theme="dark"] .qtrack .quote blockquote{color:#fff}
html[data-theme="dark"] .qtrack .quote .stars{color:var(--mint)}
html[data-theme="dark"] .qtrack .quote .who{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .nav.light .mega{background:rgba(var(--srf),0.94);border-color:rgba(var(--dk),0.1)}
html[data-theme="dark"] .nav.light .mega::after{color:var(--mute)}
html[data-theme="dark"] .nav.light .mcard b{color:var(--ink)}
html[data-theme="dark"] .nav.light .mcard s{color:var(--mute)}
html[data-theme="dark"] .nav.light .mcard:hover{background:var(--sage)}
html[data-theme="dark"] .nav.light .mcard .ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .nav.light .mcard:hover .ic{background:var(--paper)}
html[data-theme="dark"] .nav.light .mega-foot{color:var(--slate)}
html[data-theme="dark"] .nav.light .mega-foot a:hover{color:var(--green)}
html[data-theme="dark"] .prodrail .pcardx{background:rgba(214,240,222,0.06);border:1px solid rgba(214,240,222,0.036)}
html[data-theme="dark"] .prodrail .pcardx:hover{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .prodrail .ic{color:var(--mint);background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .prodrail .pcardx:hover .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint);color:var(--fg)}
html[data-theme="dark"] .prodrail b{color:#fff}
html[data-theme="dark"] .cslide img{border:1px solid rgba(var(--dk),0.12)}
html[data-theme="dark"] .cslide figcaption b{color:var(--ink)}
html[data-theme="dark"] .cslide figcaption span{color:var(--mute)}
html[data-theme="dark"] .cnav{background:rgba(var(--srf),0.9);color:var(--ink)}
html[data-theme="dark"] .cnav:hover{background:var(--paper)}
html[data-theme="dark"] .cdots button{background:var(--sage-2)}
html[data-theme="dark"] .cdots button.on{background:var(--green)}
html[data-theme="dark"] .ptabs{background:rgba(214,240,222,0.07);border:1px solid rgba(214,240,222,0.039)}
html[data-theme="dark"] .ptab{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .ptab:hover{color:#fff;background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .ptab.on{background:var(--paper);color:var(--fg)}
@media(max-width:900px){html[data-theme="dark"] .ptab{border:1px solid rgba(214,240,222,0.048);background:rgba(214,240,222,0.05)}}
@media(max-width:900px){html[data-theme="dark"] .ptab.on{background:var(--paper);color:var(--fg);border-color:var(--line)}}
html[data-theme="dark"] .hero.hero-light{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 42%,var(--paper) 74%,var(--cream) 100%);color:var(--ink)}
html[data-theme="dark"] .hero.hero-light::before{background:radial-gradient(closest-side,rgba(53,208,127,.12),rgba(53,208,127,.04) 52%,rgba(53,208,127,0))}
html[data-theme="dark"] .hero.hero-light::after{background:radial-gradient(closest-side,rgba(31,122,69,.05),rgba(31,122,69,0))}
html[data-theme="dark"] .hero.hero-light h1{color:var(--ink)}
html[data-theme="dark"] .hero.hero-light h1 em{color:var(--green)}
html[data-theme="dark"] .hero.hero-light .lede{color:var(--slate)}
html[data-theme="dark"] .hero.hero-light .eyebrow{color:var(--green)}
html[data-theme="dark"] .hero.hero-light .hero-note{color:var(--mute)}
html[data-theme="dark"] .hero.hero-light .hero-note a{color:var(--green)}
html[data-theme="dark"] .hero.hero-light .crumb{color:var(--mute)}
html[data-theme="dark"] .hero.hero-light .crumb a{color:var(--slate)}
html[data-theme="dark"] .hero.hero-light .crumb a:hover{color:var(--green)}
html[data-theme="dark"] .hero.hero-light .btn-ghost{color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .hero.hero-light .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--green);background:var(--paper)}
html[data-theme="dark"] .hero.hero-light .btn-mint{background:var(--green);color:#06140C}
html[data-theme="dark"] .hero.hero-light .btn-mint:hover{background:var(--forest-3)}
html[data-theme="dark"] .hero.hero-light .ptabs{background:rgba(214,240,222,0.04)}
html[data-theme="dark"] .hero.hero-light .ptab{color:var(--slate);background:transparent}
html[data-theme="dark"] .hero.hero-light .ptab:hover{color:var(--ink);background:var(--paper)}
html[data-theme="dark"] .hero.hero-light .ptab.on{background:var(--green);color:#06140C}
@media(max-width:900px){html[data-theme="dark"] .hero.hero-light .ptab{background:var(--paper)}}
html[data-theme="dark"] body.hero-light-page::before{background:radial-gradient(closest-side,rgba(53,208,127,.07),rgba(53,208,127,.02) 55%,rgba(53,208,127,0))}
html[data-theme="dark"] body.hero-light-page::after{background:radial-gradient(closest-side,rgba(31,122,69,.04),rgba(31,122,69,0))}
html[data-theme="dark"] .stack-eyebrow{color:var(--slate)}
html[data-theme="dark"] .stack-eyebrow i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint)}
html[data-theme="dark"] .stack-cell{background:var(--paper)}
html[data-theme="dark"] .stack-note{color:var(--mute)}
html[data-theme="dark"] .drift-card{background:var(--paper)}
html[data-theme="dark"] .drift-card .ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .drift-card .k{color:var(--mute)}
html[data-theme="dark"] .cap-img{background:var(--sage)}
html[data-theme="dark"] .cap-side input{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .cap-new{background:none;color:var(--slate)}
html[data-theme="dark"] .cap-new:hover{color:var(--green)}
html[data-theme="dark"] .sec-tint{background:linear-gradient(180deg,
  var(--cream) 0%, var(--paper) 6%, var(--paper) 94%, var(--cream) 100%)}
html[data-theme="dark"] .wz-bar li{color:var(--mute)}
html[data-theme="dark"] .wz-bar li[data-on]{color:var(--green)}
html[data-theme="dark"] .wz-bar li[data-done]{color:var(--slate)}
html[data-theme="dark"] .wz-sub{color:var(--slate)}
html[data-theme="dark"] .wz-back{background:none;color:var(--slate)}
html[data-theme="dark"] .wz-back:hover{color:var(--green)}
html[data-theme="dark"] .wz-count{color:var(--mute)}
html[data-theme="dark"] .fdrop{background:var(--cream)}
html[data-theme="dark"] .fdrop.over{background:var(--sage)}
html[data-theme="dark"] .fdrop label{color:var(--green)}
html[data-theme="dark"] .fdrop .hint{color:var(--mute)}
html[data-theme="dark"] .flist li{background:var(--paper)}
html[data-theme="dark"] .flist .sz{color:var(--mute)}
html[data-theme="dark"] .flist button{background:none;color:var(--slate)}
html[data-theme="dark"] .flist button:hover{color:#B4402C}
html[data-theme="dark"] .flist li.bad{background:rgba(180,64,44,.05)}
html[data-theme="dark"] .prose7 figure.fig{background:var(--paper)}
html[data-theme="dark"] .prose7 figure.fig figcaption{color:var(--mute)}
html[data-theme="dark"] .prose7 .callout{background:var(--paper);box-shadow:inset 3px 0 0 var(--green),inset 0 0 0 1px #D5EADC}
html[data-theme="dark"] .prose7 .callout b{color:var(--ink)}
html[data-theme="dark"] .prose7 table.tbl2 th{color:var(--mute)}
html[data-theme="dark"] .prose7 table.tbl2 td:first-child{color:var(--ink)}
html[data-theme="dark"] .hero-pill{background:rgba(214,240,222,0.08);box-shadow:inset 0 0 0 1px rgba(214,240,222,0.048);color:#E6F5EC}
html[data-theme="dark"] .hero-pill b{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;color:var(--fg);background:#35D07F}
html[data-theme="dark"] .hero-pill:hover{background:rgba(214,240,222,0.08);box-shadow:inset 0 0 0 1px rgba(53,208,127,.5)}
html[data-theme="dark"]{--forest:#ECF4EE;--forest-2:#ECF4EE;--forest-3:#5DA97E;--green:#60B484;--ink:#ECF4EE;--slate:#A7BCAE;--cream:#10241A;--paper:#10241A;--sage:#0A1A11;--sage-2:#153022;--line:#153022;--line-2:#0A1A11}
html[data-theme="dark"] body{background:var(--cream);color:var(--ink)}
html[data-theme="dark"] ::selection{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] h1 em,html[data-theme="dark"] h2 em,html[data-theme="dark"] .hero-h1 em{color:var(--green)}
html[data-theme="dark"] .u{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .eyebrow{color:var(--green)}
html[data-theme="dark"] .eyebrow::before{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .on-dark .eyebrow,html[data-theme="dark"] .cta .eyebrow,html[data-theme="dark"] .stage.forest .eyebrow{color:var(--yellow)}
html[data-theme="dark"] .lede{color:var(--slate)}
html[data-theme="dark"] .btn-pri,html[data-theme="dark"] .btn-mint,html[data-theme="dark"] .hero.hero-light .btn-mint{background:var(--green);color:#06140C}
html[data-theme="dark"] .btn-pri:hover,html[data-theme="dark"] .btn-mint:hover,html[data-theme="dark"] .hero.hero-light .btn-mint:hover{background:var(--forest-3);color:#fff}
html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .hero.hero-light .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
html[data-theme="dark"] .btn-ghost:hover,html[data-theme="dark"] .hero.hero-light .btn-ghost:hover{background:var(--inkbg);color:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
html[data-theme="dark"] .btn-white{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .btn-white:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .btn-ink{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .btn-ink:hover{background:var(--forest-3);color:#fff}
html[data-theme="dark"] .btn-yel{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .btn-yel:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFE27A;color:var(--ink)}
html[data-theme="dark"] .cta .btn-ghost,html[data-theme="dark"] .sec-forest .btn-ghost,html[data-theme="dark"] .sec-ink .btn-ghost,html[data-theme="dark"] .stage.forest .btn-ghost,html[data-theme="dark"] .ft .btn-ghost,html[data-theme="dark"] .art-cta7 .btn-ghost,html[data-theme="dark"] .plan.feat .btn-ghost,html[data-theme="dark"] .aside .cta .btn-ghost,html[data-theme="dark"] .deck-sec .btn-ghost,html[data-theme="dark"] .on-dark .btn-ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(214,240,222,0.14);background:transparent}
html[data-theme="dark"] .cta .btn-ghost:hover,html[data-theme="dark"] .sec-forest .btn-ghost:hover,html[data-theme="dark"] .sec-ink .btn-ghost:hover,html[data-theme="dark"] .stage.forest .btn-ghost:hover,html[data-theme="dark"] .ft .btn-ghost:hover,html[data-theme="dark"] .art-cta7 .btn-ghost:hover,html[data-theme="dark"] .plan.feat .btn-ghost:hover,html[data-theme="dark"] .on-dark .btn-ghost:hover{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
html[data-theme="dark"] .cta .btn-mint,html[data-theme="dark"] .stage.forest .btn-mint,html[data-theme="dark"] .sec-forest .btn-mint,html[data-theme="dark"] .sec-ink .btn-mint,html[data-theme="dark"] .plan.feat .btn-mint,html[data-theme="dark"] .art-cta7 .btn-mint,html[data-theme="dark"] .ft .btn-mint,html[data-theme="dark"] .on-dark .btn-mint{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .cta .btn-mint:hover,html[data-theme="dark"] .stage.forest .btn-mint:hover,html[data-theme="dark"] .sec-forest .btn-mint:hover,html[data-theme="dark"] .sec-ink .btn-mint:hover,html[data-theme="dark"] .plan.feat .btn-mint:hover,html[data-theme="dark"] .art-cta7 .btn-mint:hover,html[data-theme="dark"] .ft .btn-mint:hover,html[data-theme="dark"] .on-dark .btn-mint:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFE27A;color:var(--ink)}
html[data-theme="dark"] .cta .tlink,html[data-theme="dark"] .sec-forest .tlink,html[data-theme="dark"] .sec-ink .tlink,html[data-theme="dark"] .stage.forest .tlink,html[data-theme="dark"] .art-cta7 .tlink,html[data-theme="dark"] .ft .tlink{color:var(--yellow)}
html[data-theme="dark"] .tlink{color:var(--green)}
html[data-theme="dark"] .ann{background:var(--inkbg);color:rgba(255,255,255,.85)}
html[data-theme="dark"] .ann b,html[data-theme="dark"] .ann a{color:var(--yellow)}
html[data-theme="dark"] .nav,html[data-theme="dark"] body:not(.hero-dark) .nav{background:transparent}
html[data-theme="dark"] .nav::after,html[data-theme="dark"] body:not(.hero-dark) .nav::after{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .nav.stuck,html[data-theme="dark"] .nav.light.stuck{background:rgba(var(--srf),0.86)}
html[data-theme="dark"] .brand,html[data-theme="dark"] .nav .brand,html[data-theme="dark"] .nav.light .brand{color:var(--ink)}
html[data-theme="dark"] .brand b,html[data-theme="dark"] .nav .brand b,html[data-theme="dark"] .nav.light .brand b{color:var(--green)}
html[data-theme="dark"] .nlink,html[data-theme="dark"] .nav.light .nlink{color:var(--ink)}
html[data-theme="dark"] .nlink:hover,html[data-theme="dark"] .nav.light .nlink:hover{color:var(--green)}
html[data-theme="dark"] .nav .nlink[aria-expanded=true],html[data-theme="dark"] .nav.light .nlink[aria-expanded=true]{background:var(--paper);color:var(--green)}
html[data-theme="dark"] .nlogin,html[data-theme="dark"] .nav.light .nlogin{color:var(--slate)}
html[data-theme="dark"] .nlogin:hover{color:var(--ink)}
html[data-theme="dark"] .nav .btn-pri,html[data-theme="dark"] .nav.light .btn-pri{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .nav .btn-pri:hover,html[data-theme="dark"] .nav.light .btn-pri:hover{background:var(--green);color:#06140C}
html[data-theme="dark"] .nav .burger,html[data-theme="dark"] .nav.light .burger{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .nav .burger span,html[data-theme="dark"] .nav .burger::before,html[data-theme="dark"] .nav .burger::after{background:var(--inkbg)}
html[data-theme="dark"] .mega{background:var(--paper)}
html[data-theme="dark"] .mega::after{color:var(--mute)}
html[data-theme="dark"] .mcard:hover{background:var(--cream)}
html[data-theme="dark"] .mcard .ic,html[data-theme="dark"] .mcard:hover .ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .mcard:hover .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .mcard b{color:var(--ink)}
html[data-theme="dark"] .mcard s{color:var(--slate)}
html[data-theme="dark"] .mega-foot{color:var(--slate)}
html[data-theme="dark"] .mega-foot a:hover{color:var(--green)}
html[data-theme="dark"] .mnav{background:var(--cream)}
html[data-theme="dark"] .mnav-hd button{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .mnav h4{color:var(--mute)}
html[data-theme="dark"] .mnav .ml .ic{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .mnav .brand{color:var(--ink)}
html[data-theme="dark"] .hero,html[data-theme="dark"] .hero.hero-light,html[data-theme="dark"] .hero-sub{background:transparent;color:var(--ink)}
html[data-theme="dark"] .hero h1,html[data-theme="dark"] .hero .hero-h1,html[data-theme="dark"] .hero.hero-light h1{color:var(--ink)}
html[data-theme="dark"] .hero h1 em,html[data-theme="dark"] .hero .hero-h1 em{color:var(--green)}
html[data-theme="dark"] .hero .lede,html[data-theme="dark"] .hero-sub .lede{color:var(--slate)}
html[data-theme="dark"] .hero .hero-note,html[data-theme="dark"] .hero-sub .hero-note{color:var(--mute)}
html[data-theme="dark"] .hero .hero-note a{color:var(--green)}
html[data-theme="dark"] .hero .eyebrow,html[data-theme="dark"] .hero-sub .eyebrow{color:var(--green)}
html[data-theme="dark"] .hero-sub .crumb{color:var(--mute)}
html[data-theme="dark"] .hero-sub .crumb a{color:var(--slate)}
html[data-theme="dark"] .hero-sub .crumb a:hover{color:var(--green)}
html[data-theme="dark"] .hero .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:transparent}
html[data-theme="dark"] .hero .btn-ghost:hover{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .hero .btn-mint{background:var(--green);color:#06140C}
html[data-theme="dark"] .hero .btn-mint:hover{background:var(--forest-3)}
html[data-theme="dark"] .hero-pill{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
html[data-theme="dark"] .hero-pill b{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .hero-pill:hover{background:var(--paper);box-shadow:inset 0 0 0 1px var(--green)}
html[data-theme="dark"] .hero .ptabs,html[data-theme="dark"] .hero.hero-light .ptabs{background:var(--paper)}
html[data-theme="dark"] .hero .ptab,html[data-theme="dark"] .hero.hero-light .ptab{color:var(--slate)}
html[data-theme="dark"] .hero .ptab.on,html[data-theme="dark"] .hero.hero-light .ptab.on{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .hero .stat,html[data-theme="dark"] .hero .kpi,html[data-theme="dark"] .hero .chip{color:var(--ink)}
html[data-theme="dark"] .hero .ticks li{color:var(--slate)}
html[data-theme="dark"] .hero .ticks svg{color:var(--green)}
html[data-theme="dark"] .hero .hero-stage .pane{background:var(--paper)}
html[data-theme="dark"] .hero .trust,html[data-theme="dark"] .hero .hero-trust{color:var(--mute)}
html[data-theme="dark"] .card .ic,html[data-theme="dark"] .feat7 .ic,html[data-theme="dark"] .hub-list .ic,html[data-theme="dark"] .drift-card .ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .card:hover .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .step .n,html[data-theme="dark"] .faqs .n,html[data-theme="dark"] .tl-n,html[data-theme="dark"] .wz-n{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .step[open] .n,html[data-theme="dark"] .step:hover .n,html[data-theme="dark"] .faqs details[open] .n{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .ticks svg{color:var(--green)}
html[data-theme="dark"] .shot{border:1px solid rgba(var(--dk),0.08)}
html[data-theme="dark"] .shot::before{background:var(--paper);border-bottom:1px solid rgba(var(--dk),0.06)}
html[data-theme="dark"] .phones .ph,html[data-theme="dark"] .shot-phone{background:var(--inkbg)}
html[data-theme="dark"] .stat-row>*{background:var(--paper)}
html[data-theme="dark"] .stat-row b,html[data-theme="dark"] .stat-row .num,html[data-theme="dark"] .stat-row strong{color:var(--ink)}
html[data-theme="dark"] .plan.feat{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .plan.feat h3,html[data-theme="dark"] .plan.feat .price,html[data-theme="dark"] .plan.feat b{color:#fff}
html[data-theme="dark"] .plan.feat p,html[data-theme="dark"] .plan.feat li{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .plan.feat .ticks svg{color:var(--yellow)}
html[data-theme="dark"] .badge{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .sec-tint{background:linear-gradient(180deg,var(--cream) 0%,var(--sage) 6%,var(--sage) 94%,var(--cream) 100%)}
html[data-theme="dark"] .faqs p{color:var(--slate)}
html[data-theme="dark"] .quote .stars{color:var(--yellow)}
html[data-theme="dark"] .quotes.light .quote,html[data-theme="dark"] .qz-card{background:var(--paper)}
html[data-theme="dark"] .stack-eyebrow i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .prose7 .callout{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--butter);box-shadow:inset 3px 0 0 var(--yellow),inset 0 0 0 1px #F3E3A6}
html[data-theme="dark"] .prose7 a,html[data-theme="dark"] .prose a{color:var(--green)}
html[data-theme="dark"] .toc a.on{color:var(--green)}
html[data-theme="dark"] .form7 input,html[data-theme="dark"] .form7 select,html[data-theme="dark"] .form7 textarea,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:var(--paper)}
html[data-theme="dark"] .wz-bar li[data-on]{color:var(--green)}
html[data-theme="dark"] .stage.forest,html[data-theme="dark"] .sec-forest,html[data-theme="dark"] .sec-ink{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .stage.forest h2,html[data-theme="dark"] .sec-forest h2,html[data-theme="dark"] .sec-ink h2{color:#fff}
html[data-theme="dark"] .stage.forest h2 em,html[data-theme="dark"] .sec-forest h2 em,html[data-theme="dark"] .cta h2 em{color:var(--yellow)}
html[data-theme="dark"] .cta{background:var(--inkbg)}
html[data-theme="dark"] .cta p{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .art-cta7{background:var(--inkbg)}
html[data-theme="dark"] .ft{background:var(--inkbg)}
html[data-theme="dark"] .ft-top{border-bottom-color:rgba(214,240,222,0.03)}
html[data-theme="dark"] .ft-brand .brand{color:#fff}
html[data-theme="dark"] .ft-brand .brand b{color:var(--yellow)}
html[data-theme="dark"] .ft h4{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .ft ul a:hover{color:var(--yellow)}
html[data-theme="dark"] .ft-btm{color:rgba(255,255,255,.5)}
html[data-theme="dark"] .ft-btm a:hover{color:var(--yellow)}
html[data-theme="dark"] .tk{background:var(--inkbg);color:var(--cream)}
html[data-theme="dark"] .tk span::after{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .g{background:rgba(var(--srf),0.8);box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -30px rgba(var(--dk),0.35);color:var(--slate)}
html[data-theme="dark"] .g i{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .g b{color:var(--ink)}
html[data-theme="dark"] .g em{color:var(--green)}
html[data-theme="dark"] .h10-stage .b1{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)}
html[data-theme="dark"] .h10-stage .b2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow-2)}
html[data-theme="dark"] .h10-ph{background:var(--inkbg)}
html[data-theme="dark"] .h10-app .lede{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .h10-ticks li{color:rgba(255,255,255,.82)}
html[data-theme="dark"] .h10-ticks svg{color:var(--yellow)}
html[data-theme="dark"] .h10-app-art::before{background:radial-gradient(closest-side,rgba(159,227,191,.35),transparent 70%)}
html[data-theme="dark"] .h10-app-art .g i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .h10-case{background:var(--paper)}
html[data-theme="dark"] .h10-case-img{background:var(--sage)}
html[data-theme="dark"] .h10-case-cap b{color:var(--ink)}
html[data-theme="dark"] .h10-case-cap span{color:var(--slate)}
html[data-theme="dark"] .h10-case-cap em{color:var(--green)}
html[data-theme="dark"] .h10-k{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;color:var(--ink);background:var(--yellow)}
html[data-theme="dark"] .h10-qm .quote{background:var(--paper)}
html[data-theme="dark"] .h10-qm .quote p{color:var(--ink)}
html[data-theme="dark"] .h10-qm .quote .who{color:var(--mute)}
html[data-theme="dark"] .h10-stats>div{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .h10-stats>div:nth-child(2){background:var(--green)}
html[data-theme="dark"] .h10-stats>div:nth-child(4){--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .h10-data{background:var(--paper)}
html[data-theme="dark"] .h10-search{background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line)}
html[data-theme="dark"] .h10-search:focus-within{box-shadow:inset 0 0 0 2px var(--green)}
html[data-theme="dark"] .h10-search input{background:transparent;color:var(--ink)}
html[data-theme="dark"] .h10-search input::placeholder{color:var(--mute)}
html[data-theme="dark"] .h10-ex{color:var(--mute)}
html[data-theme="dark"] .h10-ex a{color:var(--green)}
html[data-theme="dark"] .h10-panel{background:var(--cream)}
html[data-theme="dark"] .h10-panel-hd s{color:var(--mute)}
html[data-theme="dark"] .h10-kp>div{background:var(--paper)}
html[data-theme="dark"] .h10-kp u{color:var(--mute)}
html[data-theme="dark"] .h10-kp b{color:var(--ink)}
html[data-theme="dark"] .h10-kp b small{color:var(--mute)}
html[data-theme="dark"] .h10-kp s{color:var(--green)}
html[data-theme="dark"] .h10-li{background:var(--paper)}
html[data-theme="dark"] .h10-li i{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .h10-li:hover i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .h10-li b{color:var(--ink)}
html[data-theme="dark"] .h10-li span{color:var(--slate)}
html[data-theme="dark"] .h10-cta .lede{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .h10-cta-art .g i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .stage.forest .g,html[data-theme="dark"] .cta .g{background:rgba(var(--srf),0.96)}
html[data-theme="dark"] .h10-qm .quote .stars{color:var(--yellow)}
html[data-theme="dark"] .hs-art .b1{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)}
html[data-theme="dark"] .hs-art .b2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow-2)}
html[data-theme="dark"] .tier-sec.both .tier.on .tier-hd .aud+p,html[data-theme="dark"] .tier-sec.both .tier.on .from,html[data-theme="dark"] .tier-sec.both .tier.on .inc-t,html[data-theme="dark"] .tier-sec.both .tier.on .amt small,html[data-theme="dark"] .tier-sec.both .tier.on .sub{color:rgba(var(--dk),0.7)}
html[data-theme="dark"] .tier-sec.both .tier.on .rule{border-top-color:rgba(var(--dk),0.25)}
html[data-theme="dark"] .tier-sec.both .tier.on li svg{color:var(--ink)}
html[data-theme="dark"] .tier-sec.both .tier.on .btn-white{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .tier-sec.both .tier.on .btn-white:hover{background:var(--green);color:#06140C}
html[data-theme="dark"] .tier-sec.both .hd .eyebrow,html[data-theme="dark"] .tier-sec.both h2 em{color:var(--green)}
html[data-theme="dark"] .tier-sec.both .tier.poa .btn-pri{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .tier-sec.app .hd .eyebrow,html[data-theme="dark"] .tier-sec.app h2 em{color:var(--green)}
html[data-theme="dark"] .tier-sec.app .tier.on li svg{color:var(--yellow)}
html[data-theme="dark"] .tier-sec.app .tier.on .btn-white{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .nav .mega,html[data-theme="dark"] .nav.light .mega{background:var(--paper)}
html[data-theme="dark"] .nav .mcard[href="/pharmacy-websites"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/pharmacy-websites"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/pharmacy-websites"]:hover .ic,html[data-theme="dark"] .ml[href="/pharmacy-websites"] .ic,html[data-theme="dark"] .h10-prod .card[href="/pharmacy-websites"] .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9;color:#2F5FC4}
html[data-theme="dark"] .nav .mcard[href="/white-label-pharmacy-app"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/white-label-pharmacy-app"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/white-label-pharmacy-app"]:hover .ic,html[data-theme="dark"] .ml[href="/white-label-pharmacy-app"] .ic,html[data-theme="dark"] .h10-prod .card[href="/white-label-pharmacy-app"] .ic{background:var(--paper);color:#1F6A3F}
html[data-theme="dark"] .nav .mcard[href="/online-pharmacy-shop"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/online-pharmacy-shop"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/online-pharmacy-shop"]:hover .ic,html[data-theme="dark"] .ml[href="/online-pharmacy-shop"] .ic,html[data-theme="dark"] .h10-prod .card[href="/online-pharmacy-shop"] .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDEBDD;color:#C2561D}
html[data-theme="dark"] .nav .mcard[href="/seo-management"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/seo-management"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/seo-management"]:hover .ic,html[data-theme="dark"] .ml[href="/seo-management"] .ic,html[data-theme="dark"] .h10-prod .card[href="/seo-management"] .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#EDE7F8;color:#6D45B0}
html[data-theme="dark"] .nav .mcard[href="/social-media-management"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/social-media-management"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/social-media-management"]:hover .ic,html[data-theme="dark"] .ml[href="/social-media-management"] .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FBE4EC;color:#C2305F}
html[data-theme="dark"] .nav .mcard[href="/design-suite"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/design-suite"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/design-suite"]:hover .ic,html[data-theme="dark"] .ml[href="/design-suite"] .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFF1C9;color:#9A6A00}
html[data-theme="dark"] .nav .mcard[href="/operations-portal"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/operations-portal"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/operations-portal"]:hover .ic,html[data-theme="dark"] .ml[href="/operations-portal"] .ic,html[data-theme="dark"] .h10-prod .card[href="/operations-portal"] .ic{background:var(--inkbg);color:#FFD84D}
html[data-theme="dark"] .nav .mcard[href="/pharmiq"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/pharmiq"] .ic,html[data-theme="dark"] .nav.light .mcard[href="/pharmiq"]:hover .ic,html[data-theme="dark"] .ml[href="/pharmiq"] .ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#DDF3F1;color:#157A70}
html[data-theme="dark"] .nav .mcard:hover .ic,html[data-theme="dark"] .nav.light .mcard:hover .ic{background:inherit}
html[data-theme="dark"] .h10-steps .step{background:none;color:inherit}
html[data-theme="dark"] .h10-steps .step:hover{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .h10-steps .step.on{background:var(--paper)}
html[data-theme="dark"] .h10-steps .step.on .n{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .h10-steps .step .bar{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .wH .b1{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)}
html[data-theme="dark"] .wH .b2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow-2)}
html[data-theme="dark"] .wH .b3{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9}
html[data-theme="dark"] .pR .hub{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .pR .hub b em{color:var(--yellow)}
html[data-theme="dark"] .pR .hub s{color:rgba(255,255,255,.65)}
html[data-theme="dark"] .b1{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)}
html[data-theme="dark"] .b2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFF0C9}
html[data-theme="dark"] .b3{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9}
html[data-theme="dark"] .b4{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#EDE7F8}
html[data-theme="dark"] .b5{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDEBDD}
html[data-theme="dark"] .pR .node b{color:var(--ink)}
html[data-theme="dark"] .pR .node s{color:var(--slate)}
html[data-theme="dark"] .pR svg.lines .pRl{stroke:var(--fg)}
html[data-theme="dark"] .pR svg.lines .pRl.hot{stroke:#1F6A3F}
html[data-theme="dark"] .pR svg.lines .pRd{fill:#1F6A3F}
html[data-theme="dark"] .qZ .n::before{background:var(--inkbg)}
html[data-theme="dark"] .qZ .n p{color:var(--ink)}
html[data-theme="dark"] .qZ .n b{color:rgba(var(--dk),0.6)}
html[data-theme="dark"] .qZ .stars{color:var(--ink)}
html[data-theme="dark"] .qZ .y{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .qZ .m{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)}
html[data-theme="dark"] .qZ .s{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9}
html[data-theme="dark"] .qZ .p{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDEBDD}
html[data-theme="dark"] .s4-bar{background:var(--line)}
html[data-theme="dark"] .s4-bar i{background:var(--green)}
html[data-theme="dark"] .s4 .dot{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .s4 .last .dot{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .s4 .k{color:var(--green)}
html[data-theme="dark"] .s4-head b em{color:var(--green)}
html[data-theme="dark"] .c1{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)}
html[data-theme="dark"] .c2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFF0C9}
html[data-theme="dark"] .c3{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9}
html[data-theme="dark"] .c4{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#EDE7F8}
html[data-theme="dark"] .c5{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDEBDD}
html[data-theme="dark"] .r6-g a{background:var(--paper)}
html[data-theme="dark"] .r6-g a.k1::before{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .r6-g a.k2::before{background:var(--green)}
html[data-theme="dark"] .r6-g a.k3::before{background:#2F5FC4}
html[data-theme="dark"] .r6-g a.k4::before{background:#6D45B0}
html[data-theme="dark"] .r6-g em{color:var(--mute)}
html[data-theme="dark"] .r6-g s{color:var(--mute)}
html[data-theme="dark"] .f12 .il{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9}
html[data-theme="dark"] .f12-l summary .k{color:var(--green)}
html[data-theme="dark"] .f12-l p{color:var(--slate)}
html[data-theme="dark"] .g2 .y{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .g2 .n{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .g2 p{color:var(--slate)}
html[data-theme="dark"] .ft.fH{background:none;color:inherit}
html[data-theme="dark"] .fH h4{color:rgba(255,255,255,.45)}
html[data-theme="dark"] .fH ul a{color:rgba(255,255,255,.82)}
html[data-theme="dark"] .fH ul a:hover{color:var(--yellow)}
html[data-theme="dark"] .fH .brand{color:#fff}
html[data-theme="dark"] .fH .brand b{color:var(--yellow)}
html[data-theme="dark"] .fH-l{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .fH-l p{color:rgba(var(--dk),0.75)}
html[data-theme="dark"] .fH-r{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .fH-b{color:rgba(255,255,255,.5);border-top:1px solid rgba(214,240,222,0.03)}
html[data-theme="dark"] .fH-b a{color:rgba(255,255,255,.55)}
html[data-theme="dark"] .fH-l{color:var(--ink)}
html[data-theme="dark"] .fH-l h3{color:var(--ink)}
html[data-theme="dark"] .ann2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .ann2 b{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .ann2 button{background:none;color:var(--ink)}
html[data-theme="dark"] .ann2 button:hover{background:rgba(214,240,222,0.1)}
html[data-theme="dark"] .nav,html[data-theme="dark"] body:not(.hero-dark) .nav{background:transparent!important}
html[data-theme="dark"] .nav.stuck,html[data-theme="dark"] .nav.light.stuck{background:rgba(var(--srf),0.86)!important}
html[data-theme="dark"] .nav::after{background:rgba(214,240,222,0.08)!important}
html[data-theme="dark"] .nav .nlogin{color:var(--slate)!important}
html[data-theme="dark"] .nav .nlogin:hover{background:var(--paper);color:var(--ink)!important}
html[data-theme="dark"] .nav .nright .btn-yel{color:var(--ink)}
html[data-theme="dark"] .nav .nright .btn-yel:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFE27A}
html[data-theme="dark"] .m10:hover{background:var(--cream)}
html[data-theme="dark"] .m10 b{color:var(--ink)}
html[data-theme="dark"] .m10 s{color:var(--slate)}
html[data-theme="dark"] .aph{background:var(--inkbg)}
html[data-theme="dark"] .aph>span{background:var(--paper)}
html[data-theme="dark"] .store{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .pA-art .yb{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .r5x .mk{color:var(--yellow)}
html[data-theme="dark"] .r5x blockquote{color:var(--ink)}
html[data-theme="dark"] .r5x blockquote em{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .r5x .who{color:var(--slate)}
html[data-theme="dark"] .r5x .dn{color:var(--ink)}
html[data-theme="dark"] .r5x .dn:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .d3 .big{color:var(--ink)}
html[data-theme="dark"] .d3 .sub span{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .d3-ch a{color:var(--green)}
html[data-theme="dark"] .dsb{background:var(--paper)}
html[data-theme="dark"] .dsb-ic{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .dsb input{background:none;color:var(--ink)}
html[data-theme="dark"] .dsb input::placeholder{color:var(--mute)}
html[data-theme="dark"] .dsb-k{color:var(--mute);background:var(--cream)}
html[data-theme="dark"] .dsb-go{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .dsb-go i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .dsb-go:hover{background:var(--green)}
html[data-theme="dark"] .dsb-r{background:var(--paper)}
html[data-theme="dark"] .dsb-r h6{color:var(--mute)}
html[data-theme="dark"] .dsb-r a{color:var(--ink)}
html[data-theme="dark"] .dsb-r a:hover,html[data-theme="dark"] .dsb-r a.on{background:var(--cream)}
html[data-theme="dark"] .dsb-r i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2);color:var(--green)}
html[data-theme="dark"] .dsb-r a.k-t i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9;color:#2F5FC4}
html[data-theme="dark"] .dsb-r a.k-l i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#EDE7F8;color:#6D45B0}
html[data-theme="dark"] .dsb-r s{color:var(--slate)}
html[data-theme="dark"] .dsb-r em{color:var(--green)}
html[data-theme="dark"] .dsb-r a.k-t em{color:#2F5FC4}
html[data-theme="dark"] .dsb-r a.k-l em{color:#6D45B0}
html[data-theme="dark"] .dsb-r .none{color:var(--slate)}
html[data-theme="dark"] .dsb-by span{color:var(--mute)}
html[data-theme="dark"] .dsb-by button{color:var(--ink);background:var(--paper)}
html[data-theme="dark"] .dsb-by button:hover{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
@media(max-width:620px){html[data-theme="dark"] .dsb-go{background:var(--inkbg)}}
@media(max-width:620px){html[data-theme="dark"] .dsb-go i{background:none;color:var(--yellow)}}
html[data-theme="dark"] .rsg>div{background:var(--paper)}
html[data-theme="dark"] .rsg u{color:var(--mute)}
html[data-theme="dark"] .rsg b small{color:var(--slate)}
html[data-theme="dark"] .rs-ch .dt{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .rs-ax{color:var(--mute)}
html[data-theme="dark"] .rs-b{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--mint-2)!important}
html[data-theme="dark"] .rs-c{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFF0C9!important}
html[data-theme="dark"] .rs-c b{color:var(--ink)}
html[data-theme="dark"] .rs-b s{color:var(--ink)}
html[data-theme="dark"] .rs-gauge{background:linear-gradient(90deg,rgba(180,64,44,.45),var(--paper) 50%,var(--green))}
html[data-theme="dark"] .rs-gauge i{background:var(--inkbg)}
html[data-theme="dark"] .rs-gl{color:var(--mute)}
html[data-theme="dark"] .ptile{color:var(--slate)}
html[data-theme="dark"] .ptile:hover{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .ptile.on{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .hx .crumb{color:var(--mute)}
html[data-theme="dark"] .hx .crumb a{color:var(--slate)}
html[data-theme="dark"] .hnote{color:var(--mute)}
html[data-theme="dark"] .brw{background:var(--paper)}
html[data-theme="dark"] .brw .bt{background:var(--paper)}
html[data-theme="dark"] .brw .bt i{background:#E5776A}
html[data-theme="dark"] .brw .bt i:nth-child(2){--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E9B94C}
html[data-theme="dark"] .brw .bt i:nth-child(3){--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#62C27A}
html[data-theme="dark"] .brw .bt span{background:var(--paper);color:var(--slate)}
html[data-theme="dark"] .gs{background:var(--paper)}
html[data-theme="dark"] .gs-q svg{color:var(--mute)}
html[data-theme="dark"] .gs-r b{color:var(--fg)}
html[data-theme="dark"] .gs-r s{color:var(--slate)}
html[data-theme="dark"] .gs-r em{color:var(--green)}
html[data-theme="dark"] .gs-r.on{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFF8DB}
html[data-theme="dark"] .gs-r .rk{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .pwL .n{color:var(--ink)}
html[data-theme="dark"] .pwL p{color:var(--mute)}
html[data-theme="dark"] .gx-card{background:var(--paper);border:1px solid rgba(var(--dk),0.08);color:var(--fg)}
html[data-theme="dark"] .gx-bar{border-bottom:1px solid var(--line)}
html[data-theme="dark"] .gx-q{border:1px solid var(--line)}
html[data-theme="dark"] .gx-q i:after{background:#4285F4}
html[data-theme="dark"] .gx-tabs{color:var(--fg2);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .gx-tabs .on{color:#1A73E8}
html[data-theme="dark"] .gx-res{background:linear-gradient(90deg,rgba(255,216,77,.2),rgba(255,216,77,0) 72%)}
html[data-theme="dark"] .gx-res.gx-dim{background:none;border-top:1px solid var(--line)}
html[data-theme="dark"] .gx-site{color:var(--fg2)}
html[data-theme="dark"] .gx-site b{color:var(--fg)}
html[data-theme="dark"] .gx-fav{background:var(--paper);color:#1F6A3F}
html[data-theme="dark"] .gx-dim .gx-fav{background:var(--paper);color:#999}
html[data-theme="dark"] .gx-t{color:var(--fg)}
html[data-theme="dark"] .gx-d{color:var(--fg2)}
html[data-theme="dark"] .gx-m{color:#70757A}
html[data-theme="dark"] .gx-m .st{color:#F5A623}
html[data-theme="dark"] .gx-sl a{color:var(--fg)}
html[data-theme="dark"] .gx-sl span{color:var(--fg2)}
html[data-theme="dark"] .gx-rank{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .gx-co{color:var(--slate)}
html[data-theme="dark"] .gx-co b{color:var(--ink)}
html[data-theme="dark"] .gx-co b i{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .gx-co:after{background:var(--inkbg)}
html[data-theme="dark"] .hw-1{background:var(--paper)}
html[data-theme="dark"] .hw-2{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .hw-3{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .hw-3 .hw-n{color:var(--yellow)}
html[data-theme="dark"] .hw-3 h3{color:#fff}
html[data-theme="dark"] .hw-c p{color:rgba(var(--dk),0.78)}
html[data-theme="dark"] .hw-3 p{color:rgba(255,255,255,.8)}
html[data-theme="dark"] .hw-pr{background:rgba(214,240,222,0.08)}
html[data-theme="dark"] .hw-3 .hw-pr{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .cb2 h2 em{color:inherit;background:linear-gradient(transparent 62%,rgba(255,216,77,.42) 62%,rgba(255,216,77,.42) 92%,transparent 92%)}
html[data-theme="dark"] .cb2 p{color:var(--mute)}
html[data-theme="dark"] .cb2-s{color:var(--mute)}
html[data-theme="dark"] .cb2-s span:before{color:var(--green)}
html[data-theme="dark"] .ej-c{background:var(--paper);border:1px solid rgba(var(--dk),0.08)}
html[data-theme="dark"] .ej-p{background:var(--paper)}
html[data-theme="dark"] .ej-p b{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .ej-p.y{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .dlv-hd h2 em{color:var(--green)}
html[data-theme="dark"] .dlv-c{background:var(--paper)}
html[data-theme="dark"] .dlv-v.dl-pcv{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#CDEFD9}
html[data-theme="dark"] .dlv-c h3 span{color:var(--green)}
html[data-theme="dark"] .dlv-c p{color:var(--mute)}
html[data-theme="dark"] .dl-pcs{background:var(--paper)}
html[data-theme="dark"] .dl-pcs-h span{color:var(--mute)}
html[data-theme="dark"] .dl-pcs-c span{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .dl-pcs-c .dl-add{background:var(--paper);color:var(--mute)}
html[data-theme="dark"] .dlv-n{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .dlv-n h3{color:#fff}
html[data-theme="dark"] .dlv-n p{color:rgba(255,255,255,.74)}
html[data-theme="dark"] .dlv-n .tlink{color:var(--yellow)}
html[data-theme="dark"] .dlv-k{color:var(--yellow)}
html[data-theme="dark"] .dl-lb{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .dl-lb-g s{color:var(--mute)}
html[data-theme="dark"] .dl-lb-bc{background:repeating-linear-gradient(90deg,var(--inkbg) 0 2px,transparent 2px 4px,var(--inkbg) 4px 7px,transparent 7px 9px,var(--inkbg) 9px 10px,transparent 10px 13px)}
html[data-theme="dark"] .dl-lb-f span:last-child{color:var(--green)}
html[data-theme="dark"] .dl-uk{background:var(--inkbg)}
html[data-theme="dark"] .ao h2 em{color:var(--green)}
html[data-theme="dark"] .ao-bg{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#CDEFD9}
html[data-theme="dark"] .ao-tr{background:var(--paper);border:1px solid rgba(var(--dk),0.06)}
html[data-theme="dark"] .ao-tr-ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .ao-tr-h s{color:var(--mute)}
html[data-theme="dark"] .ao-tr li:not(:last-child):before{background:var(--line)}
html[data-theme="dark"] .ao-tr li.dn:before{background:var(--green)}
html[data-theme="dark"] .ao-tr li>i{background:var(--paper)}
html[data-theme="dark"] .ao-tr .dn>i{background:var(--green)}
html[data-theme="dark"] .ao-tr li s{color:var(--mute)}
html[data-theme="dark"] .ao-tr li:last-child b{color:var(--mute)}
html[data-theme="dark"] .ao-em{background:var(--paper);border:1px solid rgba(var(--dk),0.06)}
html[data-theme="dark"] .ao-em-t s{color:var(--mute)}
html[data-theme="dark"] .ao-em-t em{color:var(--mute)}
html[data-theme="dark"] .ao-av{background:var(--green);color:#06140C}
html[data-theme="dark"] .ao-e2 .ao-av{background:var(--inkbg)}
html[data-theme="dark"] .ao-em-b p{color:var(--mute)}
html[data-theme="dark"] .ao-em-tag{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .ao-e2 .ao-em-tag{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow-2);color:#8A6200}
html[data-theme="dark"] .ao-shelf{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .acx h2 em{color:var(--green)}
html[data-theme="dark"] .acx-art{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FFF0C9}
html[data-theme="dark"] .ac-arr{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .ac-bk2{background:var(--paper)}
html[data-theme="dark"] .ac-bk2-h span{color:var(--mute)}
html[data-theme="dark"] .ac-bk2-x{color:#C2410C}
html[data-theme="dark"] .ac-em3{background:var(--paper);border:1px solid rgba(var(--dk),0.06);color:var(--ink)}
html[data-theme="dark"] .ac-em3-top{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--b);color:#fff}
html[data-theme="dark"] .ac-em3-lg{background:rgba(214,240,222,0.08);color:#fff}
html[data-theme="dark"] .ac-em3-bd>p{color:var(--mute)}
html[data-theme="dark"] .ac-pr2 img{background:var(--paper)}
html[data-theme="dark"] .ac-pr2 s{color:var(--mute)}
html[data-theme="dark"] .ac-pr2 u{color:var(--green)}
html[data-theme="dark"] .ac-em3-btn{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--b);color:#fff}
html[data-theme="dark"] .acx-strip{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .acx-strip .eyebrow{color:var(--yellow)}
html[data-theme="dark"] .acx-strip h3{color:#fff}
html[data-theme="dark"] .acx-strip p{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .acx-lg{color:rgba(255,255,255,.75)}
html[data-theme="dark"] .ac-gr{color:#fff}
html[data-theme="dark"] .ac-bub{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .ac-bub img{background:var(--paper)}
html[data-theme="dark"] .ac-bub em{color:var(--green)}
html[data-theme="dark"] .ac-bub:after{background:var(--paper)}
html[data-theme="dark"] .px-th{background:var(--paper)}
html[data-theme="dark"] .px-shot2{background:var(--paper);border:1px solid rgba(var(--dk),0.08)}
html[data-theme="dark"] .qu-warn>b{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .px-hdp{background:var(--paper);border:1px solid rgba(var(--dk),0.06)}
html[data-theme="dark"] .px-hdp-r span{color:var(--mute)}
html[data-theme="dark"] .px-hdp-bar{background:var(--line)}
html[data-theme="dark"] .px-hdp-bar i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:repeating-linear-gradient(45deg,var(--yellow) 0 8px,#F5C518 8px 16px)}
html[data-theme="dark"] .px-hdp-s{color:var(--mute)}
html[data-theme="dark"] .px-hdp-p{color:#8A6200}
html[data-theme="dark"] .px-dc{background:var(--paper);border:1px solid rgba(var(--dk),0.06)}
html[data-theme="dark"] .px-dc-h s{color:var(--mute)}
html[data-theme="dark"] .px-dc-b .px-ok{background:var(--green);color:#06140C}
html[data-theme="dark"] .px-dc-b .px-no{color:#B42318}
html[data-theme="dark"] .px-dc p{color:var(--mute)}
html[data-theme="dark"] .px-bkp{background:var(--paper);border:1px solid rgba(var(--dk),0.06)}
html[data-theme="dark"] .px-bkp-h span{color:var(--mute)}
html[data-theme="dark"] .px-bkp-r s{color:var(--mute)}
html[data-theme="dark"] .px-bkp-r u{color:#B45309}
html[data-theme="dark"] .px-bkp-n{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDF3EA;color:#7C4A1E}
html[data-theme="dark"] .px-bkp-n b{color:var(--ink)}
html[data-theme="dark"] .pmx h2 em{color:var(--green)}
html[data-theme="dark"] .pmx-fl:before{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:linear-gradient(90deg,var(--yellow) 0 70%,var(--green))}
html[data-theme="dark"] .pmx-d{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .pmx-st:last-child .pmx-d{background:var(--green);color:#06140C}
html[data-theme="dark"] .pmx-st p{color:var(--mute)}
html[data-theme="dark"] .px-m{background:var(--paper)}
html[data-theme="dark"] .px-m.y{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .px-o.px-ok{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#CDEFD9}
html[data-theme="dark"] .px-o.px-ok b{color:var(--green)}
html[data-theme="dark"] .px-o.px-no{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDEBDD}
html[data-theme="dark"] .px-o.px-no b{color:#B42318}
html[data-theme="dark"] .px-o.px-no span{color:var(--ink)}
html[data-theme="dark"] .stw{color:#635BFF}
html[data-theme="dark"] .pmx-sb{background:var(--paper)}
html[data-theme="dark"] .pmx-pw{color:var(--mute)}
html[data-theme="dark"] .pmx-sbi{color:var(--slate)}
html[data-theme="dark"] .pmx-sbi b{color:var(--ink)}
html[data-theme="dark"] .pmx-sbi i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#EEEDFF;color:#635BFF}
html[data-theme="dark"] .pmx-sbi .ar{color:#635BFF}
html[data-theme="dark"] .pmx-sbi span:last-child b{color:var(--green)}
html[data-theme="dark"] .px-sx{color:var(--mute)}
html[data-theme="dark"] .cx-xs{color:var(--mute)}
html[data-theme="dark"] .cx-xs span:before{color:var(--green)}
html[data-theme="dark"] .xC h2 em{color:inherit;background:linear-gradient(transparent 62%,rgba(255,216,77,.42) 62%,rgba(255,216,77,.42) 92%,transparent 92%)}
html[data-theme="dark"] .xC{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#CDEFD9}
html[data-theme="dark"] .xC p{color:rgba(var(--dk),0.72)}
html[data-theme="dark"] .xC .cx-br{background:var(--paper)}
html[data-theme="dark"] .xC .cx-bt{background:var(--paper)}
html[data-theme="dark"] .xC .cx-bt i{background:var(--paper)}
html[data-theme="dark"] .xC .cx-bt span{background:var(--paper);color:var(--green)}
html[data-theme="dark"] .xC .cx-nv{border-bottom:1px solid var(--line)}
html[data-theme="dark"] .xC .cx-nv em{background:var(--green);color:#06140C}
html[data-theme="dark"] .xC .cx-gd .cx-yo{background:var(--paper);color:var(--green)}
html[data-theme="dark"] .pg-pill-add{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .card0{background:var(--paper);border:1px solid rgba(var(--dk),0.06);color:var(--ink)}
html[data-theme="dark"] .pg-dr,html[data-theme="dark"] .pg-spq,html[data-theme="dark"] .pg-mkq,html[data-theme="dark"] .pg-lg,html[data-theme="dark"] .pg-bu{background:var(--paper);border:1px solid rgba(var(--dk),0.06);color:var(--ink)}
html[data-theme="dark"] .pg-dr-h s,html[data-theme="dark"] .pg-spq-h s,html[data-theme="dark"] .pg-lg-h s{color:var(--mute)}
html[data-theme="dark"] .pg-dr-n{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .pg-dr-s{color:var(--mute)}
html[data-theme="dark"] .pg-dr-r img{background:var(--paper)}
html[data-theme="dark"] .pg-dr-r s{color:var(--mute)}
html[data-theme="dark"] .pg-dr-r u{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;color:#8A6200;background:var(--yellow-2)}
html[data-theme="dark"] .pg-cb{color:#fff}
html[data-theme="dark"] .pg-cb.pg-on{background:var(--green)}
html[data-theme="dark"] .pg-tg{background:var(--paper)}
html[data-theme="dark"] .pg-tg:after{background:var(--paper)}
html[data-theme="dark"] .pg-tg.pg-on{background:var(--green)}
html[data-theme="dark"] .pg-mkq-h span{color:var(--green);background:var(--sage)}
html[data-theme="dark"] .pg-mkq-eq{background:var(--cream)}
html[data-theme="dark"] .pg-mkq-eq s{color:var(--mute)}
html[data-theme="dark"] .pg-mkq-eq em{color:var(--mute)}
html[data-theme="dark"] .pg-mkq-x{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .pg-mkq-r b{color:var(--green)}
html[data-theme="dark"] .pg-op{color:var(--mute)}
html[data-theme="dark"] .pg-lg-r img{background:var(--paper)}
html[data-theme="dark"] .pg-lg-r s{color:var(--mute)}
html[data-theme="dark"] .pg-lg-r .pg-up{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#E3EEF9;color:#1D4ED8}
html[data-theme="dark"] .pg-lg-r .pg-lo{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:#FDEBDD;color:#B45309}
html[data-theme="dark"] .pg-lg-r .pg-ok{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .pg-bu-ic{background:var(--sage);color:var(--green)}
html[data-theme="dark"] .pg-bu s{color:var(--mute)}
html[data-theme="dark"] .pg-bu-f{background:#1D6F42;color:#fff}
html[data-theme="dark"] .pg-ap{background:var(--inkbg);color:#C9D4CD}
html[data-theme="dark"] .pg-ap-h{color:var(--yellow)}
html[data-theme="dark"] .pg-ap-h em{color:#7CF0A6}
html[data-theme="dark"] .pg-ap .pg-k{color:#8FD3A8}
html[data-theme="dark"] .pg-ap .pg-s{color:#FFD84D}
html[data-theme="dark"] .chq{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .chq-l{color:rgba(255,255,255,.7)}
html[data-theme="dark"] .chq-f{color:rgba(255,255,255,.7)}
html[data-theme="dark"] .pmg h2 em{color:var(--green)}
html[data-theme="dark"] .pmg-col h3 i{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .pmg-ar{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .pg-ap-n{border-top:1px solid rgba(214,240,222,0.03);color:rgba(255,255,255,.75)}
html[data-theme="dark"] .artB .meta{color:var(--ink)}
html[data-theme="dark"] .artB .meta span{background:var(--paper)}
html[data-theme="dark"] .ab-art{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--t,#E3EEF9)}
html[data-theme="dark"] .ab-art figcaption{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .ab-wrap .ab-l .box{background:var(--paper)}
html[data-theme="dark"] .ab-wrap .ab-l .toc a{color:var(--slate)}
html[data-theme="dark"] .ab-wrap .ab-l .toc a:hover{background:rgba(var(--srf),0.6);color:var(--ink)}
html[data-theme="dark"] .ab-wrap .ab-l .toc a.on{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .ab-wrap .ab-r .cta{background:var(--inkbg)}
html[data-theme="dark"] .ab-wrap .ab-r .cta .btn{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .mcard .ic.ix,html[data-theme="dark"] .ml .ic.ix{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--b)!important}
html[data-theme="dark"] .mnav .mdr summary{color:var(--ink)}
html[data-theme="dark"] .mnav .mdr summary i{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .mnav .mdr[open] summary i{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .mnav .mdr-b .ml:active,html[data-theme="dark"] .mnav .mdr-b .ml:hover{background:var(--paper)}
html[data-theme="dark"] .hb{--ink:#ECF4EE}
html[data-theme="dark"] .hb-srch{background:var(--paper)}
html[data-theme="dark"] .hb-srch svg{color:var(--mute)}
html[data-theme="dark"] .hb-srch input{background:transparent;color:var(--ink)}
html[data-theme="dark"] .hb-count{color:var(--mute)}
html[data-theme="dark"] .hb-chips a{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .hb-chips em{color:var(--mute)}
html[data-theme="dark"] .hb-art{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--t)}
html[data-theme="dark"] .hb-m{color:var(--mute)}
html[data-theme="dark"] .hb-cv{color:var(--ink)}
html[data-theme="dark"] .hb-b s{color:var(--slate)}
html[data-theme="dark"] .hb-cv:hover b,html[data-theme="dark"] .hb-ch:hover b{color:var(--green)}
html[data-theme="dark"] .hb-ch{color:var(--ink)}
html[data-theme="dark"] .hb-ch:hover{background:var(--paper)}
html[data-theme="dark"] .hb-ch:hover .hb-go{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .hb-sh p{color:var(--slate)}
html[data-theme="dark"] .hb h1 em{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .hD .band{background:var(--inkbg);color:#fff}
html[data-theme="dark"] .hD .band .crumb,html[data-theme="dark"] .hD .band .crumb a{color:rgba(255,255,255,.6)}
html[data-theme="dark"] .hD .band h1{color:#fff}
html[data-theme="dark"] .hD .band .lede{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .hD .ov a{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .hD .ov a:first-child{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow)}
html[data-theme="dark"] .hero-h1 .u{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:linear-gradient(var(--yellow),var(--yellow)) left center/0% 100% no-repeat}
html[data-theme="dark"] .cglow{background:radial-gradient(closest-side,rgba(53,208,127,.20),rgba(53,208,127,.07) 45%,transparent 75%)}
html[data-theme="dark"] .cglow.lite{background:radial-gradient(closest-side,rgba(46,158,91,.30),rgba(46,158,91,.11) 45%,transparent 75%)}
html[data-theme="dark"] .pc-wrap{background:var(--paper)}
html[data-theme="dark"] .pc-corner p{color:var(--slate)}
html[data-theme="dark"] .pc-nm{color:var(--ink)}
html[data-theme="dark"] .pc-pr{color:var(--ink)}
html[data-theme="dark"] .pc-pr small{color:var(--slate)}
html[data-theme="dark"] .pc-sf{color:var(--slate)}
html[data-theme="dark"] .pc-tag{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .pc-t .pc-hi{background:var(--paper)}
html[data-theme="dark"] .pc-t thead th.pc-hi{background:var(--paper)}
html[data-theme="dark"] .pc-t tbody th{color:var(--ink)}
html[data-theme="dark"] .pc-y{background:var(--green);color:#06140C}
html[data-theme="dark"] .pc-n{color:#B7C3BB}
html[data-theme="dark"] .pc-sub th{color:var(--green)!important;background:var(--paper)}
html[data-theme="dark"] .pc-ad th a{color:var(--ink)}
html[data-theme="dark"] .pc-ad th span{color:var(--slate)}
html[data-theme="dark"] .pc-ad td{color:var(--ink)}
html[data-theme="dark"] .pc-ad td small{color:var(--slate)}
html[data-theme="dark"] .pc-so{color:var(--mute)}
html[data-theme="dark"] .pc-q{background:var(--forest);color:#fff}
html[data-theme="dark"] .pc-qi{background:var(--paper)}
html[data-theme="dark"] .pc-q b{color:#fff}
html[data-theme="dark"] .pc-q span{color:rgba(255,255,255,.72)}
html[data-theme="dark"] .pc-q .pc-qb{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .pt-c{background:var(--paper)}
html[data-theme="dark"] .pt-c b{color:var(--ink)}
html[data-theme="dark"] .pt-c p{color:var(--slate)}
html[data-theme="dark"] .pc-at>span{color:var(--slate)}
html[data-theme="dark"] .pf-c{background:var(--paper)}
html[data-theme="dark"] .pf-dk{background:var(--forest);color:#fff}
html[data-theme="dark"] .pf-tag{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .pf-nm{color:var(--ink)}
html[data-theme="dark"] .pf-dk .pf-nm,html[data-theme="dark"] .pf-dk .pf-pr{color:#fff}
html[data-theme="dark"] .pf-pr{color:var(--ink)}
html[data-theme="dark"] .pf-pr small{color:var(--slate)}
html[data-theme="dark"] .pf-sf{color:var(--slate)}
html[data-theme="dark"] .pf-dk .pf-sf{color:rgba(255,255,255,.7)}
html[data-theme="dark"] .pf-ul li{color:var(--ink)}
html[data-theme="dark"] .pf-dk .pf-ul li{color:#fff}
html[data-theme="dark"] .pf-dk .pf-ul li::before{background-color:#2E9E5B}
html[data-theme="dark"] .pf-y{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .pf-k{color:var(--green)}
html[data-theme="dark"] .pf-ad{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .pf-at span{color:var(--slate)}
html[data-theme="dark"] .pf-ap small{color:var(--slate)}
html[data-theme="dark"] .ov-player{background:var(--inkbg)}
html[data-theme="dark"] .ov-play{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .ov-play:focus-visible{outline:3px solid var(--line)}
html[data-theme="dark"] .mnav .mdr,html[data-theme="dark"] .mnav .mdr:first-of-type{border:1.5px solid rgba(var(--dk),0.08);background:var(--paper)}
html[data-theme="dark"] .mnav .mdr summary i{background:var(--sage,var(--paper))}
html[data-theme="dark"] .mdr-pv span{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--b)}
html[data-theme="dark"] .mdr-pv em{color:var(--slate,var(--fg2))}
html[data-theme="dark"] .mnav .mdr-b .ml:active,html[data-theme="dark"] .mnav .mdr-b .ml:hover{background:var(--cream)}
html[data-theme="dark"] .mnav-promo{--ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--green-2:#2A8A52;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--sage-2:#D9E4DA;--line:#DCE3DC;--line-2:#E9EEE9;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15;background:var(--yellow);color:var(--ink)}
html[data-theme="dark"] .mnav-promo b{background:var(--inkbg);color:var(--yellow)}
html[data-theme="dark"] .mnav-foot{background:var(--paper);border-top:1px solid rgba(var(--dk),0.08)}
html[data-theme="dark"] .mnav-login{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(var(--dk),0.16)}
html[data-theme="dark"] .mnav,html[data-theme="dark"] .mnav .ml,html[data-theme="dark"] .mnav .mdr summary,html[data-theme="dark"] .mnav .mdr-t,html[data-theme="dark"] .mnav-hd button,html[data-theme="dark"] .mnav-promo{color:var(--ink)}
html[data-theme="dark"] .mnav .ml s{color:var(--mute)}
html[data-theme="dark"] .mnav-hd button{background:var(--paper)}
/* ═══ Dark mode: tokens (match the data pages' palette) ═══ */
html[data-theme="dark"]{color-scheme:dark;
  --cream:#0A1A11;--paper:#10241A;--sage:#153022;--sage-2:#1B3A29;--line:rgba(214,240,222,.12);--line-2:rgba(214,240,222,.07);
  --ink:#ECF4EE;--slate:#A7BCAE;--mute:#86A090;--green:#46C784;--green-2:#6FD9A0;
  --forest:#10241A;--forest-2:#153022;--forest-3:#1B3A29;
  --inkbg:#1B3A29;--fg:#ECF4EE;--fg2:#A7BCAE;--dk:236,244,238;--srf:16,36,26;
  --sh-sm:0 10px 24px -16px rgba(0,0,0,.6);--sh:0 30px 60px -36px rgba(0,0,0,.7);--sh-lg:0 60px 120px -40px rgba(0,0,0,.8)}
html[data-theme="dark"] body{background:var(--cream);color:var(--ink)}
html[data-theme="dark"] .tk{color:#F2F5F1}
html[data-theme="dark"] ::selection{background:var(--yellow);color:#0E1F15}
/* inline pastel tiles and blobs written as style attributes: islands */
html[data-theme="dark"] [style*="--b:#"],
html[data-theme="dark"] [style*="background:#C"],html[data-theme="dark"] [style*="background:#D"],html[data-theme="dark"] [style*="background:#E"],html[data-theme="dark"] [style*="background:#F"],
html[data-theme="dark"] [style*="background: #F"],html[data-theme="dark"] [style*="background:var(--yellow"],html[data-theme="dark"] [style*="background:var(--mint"]{
  --ink:#0E1F15;--slate:#4B5A52;--mute:#5F6E66;--green:#1F6A3F;--paper:#FFFFFF;--cream:#F2F5F1;--sage:#E6EDE6;--line:#DCE3DC;--inkbg:#0E1F15;--fg:#0E1F15;--fg2:#4B5A52;--dk:14,31,21;color:#0E1F15}
/* dark-on-transparent logos: show them light */
html[data-theme="dark"] .stack-cell img,html[data-theme="dark"] img[src*="/img/stack/"],html[data-theme="dark"] img[src*="/img/pmr/"]{filter:brightness(0) invert(.92)}
/* screenshots and photos: a hairline so they don't melt into the page */
html[data-theme="dark"] .shot{box-shadow:0 0 0 1px rgba(214,240,222,.1),var(--sh)}
/* form fields */
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]),html[data-theme="dark"] select,html[data-theme="dark"] textarea{background-color:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:var(--mute)}

/* ═══ Theme toggle button ═══ */
.theme-tog{width:40px;height:40px;border-radius:999px;border:0;background:transparent;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;flex:none;box-shadow:inset 0 0 0 1px var(--line);transition:background var(--fast),transform .3s var(--ease)}
.theme-tog:hover{background:var(--sage)}
.theme-tog:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.theme-tog svg{width:19px;height:19px}
.theme-tog .i-sun{display:none}
html[data-theme="dark"] .theme-tog .i-sun{display:block}
html[data-theme="dark"] .theme-tog .i-moon{display:none}
.nright .theme-tog{margin-right:.2rem}
/* the data pages are dark by design: no toggle there */
body.pd .theme-tog{display:none!important}
/* hero "booked." — light text until the yellow highlighter reaches it, then dark on yellow */
html[data-theme="dark"] .hero-h1 .u{color:#ECF4EE;animation:huSwipe .75s cubic-bezier(.65,0,.35,1) 1s forwards,huTilt .55s cubic-bezier(.34,1.56,.64,1) 1.65s forwards,huInk .35s ease 1.4s forwards}
@keyframes huInk{to{color:#0E1F15}}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .hero-h1 .u{animation:none;color:#0E1F15}}
/* phones: the toggle takes the room, so "Log in" becomes its lock icon (it's also in the menu) */
@media(max-width:520px){.nright .nlogin{font-size:0;gap:0;width:40px;height:40px;justify-content:center;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}.nright .nlogin svg{width:18px;height:18px;margin:0}.nright{gap:.4rem}}

/* thin marks drawn in ink (burger lines, gauge dots, connector lines) stay light in dark mode */
html[data-theme="dark"] .burger span,html[data-theme="dark"] .burger::before,html[data-theme="dark"] .burger::after,html[data-theme="dark"] .nav .burger span,html[data-theme="dark"] .nav .burger::before,html[data-theme="dark"] .nav .burger::after,html[data-theme="dark"] .nav.light .burger span,html[data-theme="dark"] .nav.light .burger::before,html[data-theme="dark"] .nav.light .burger::after,html[data-theme="dark"] .rs-gauge i,html[data-theme="dark"] .gx-co:after,html[data-theme="dark"] .qZ .n::before{background:#ECF4EE}
html[data-theme="dark"] .burger,html[data-theme="dark"] .nav .burger,html[data-theme="dark"] .nav.light .burger{background:var(--sage)}

/* green buttons: the dark-mode green is bright, so their text goes dark */
html[data-theme="dark"] .btn-pri,html[data-theme="dark"] .btn-em,html[data-theme="dark"] .btn-pri:hover,html[data-theme="dark"] .btn-em:hover,html[data-theme="dark"] .btn-pri i,html[data-theme="dark"] .btn-em i{color:#06140C!important}
html[data-theme="dark"] .hw-3 .hw-pr{color:#0E1F15}
/* small outline icons that sit straight on a card get a light tile in dark mode */
html[data-theme="dark"] .fdt-ch img{background:#E2F3E8;border-radius:8px;padding:3px;box-sizing:content-box}