/* ============================================================================
   MONITOR MY AIR — STONE (dark, organic, quiet, deep)
   A near-black charcoal ground · bone light type · a whisper of warm sandstone.
   Matte layered depth (soft-black shadow + hairline highlight), a slow drifting
   light like a breeze over rock, fine film grain, and photo frames that feather
   into the dark so real images arrive already belonging.
   No color accents. No neon. No glow. One file drives every page.
   ============================================================================ */
:root{
  /* --- ground & surfaces (mapped onto the old "paper/card" names) --- */
  --void:#08090a;
  --paper:#0e100f;      /* page ground            */
  --paper-2:#131615;    /* recessed band          */
  --paper-3:#181b1a;    /* deeper recess          */
  --card:#171a19;       /* base panel             */
  --card-2:#1d211f;     /* raised panel           */
  --card-3:#232725;     /* highest panel          */

  /* --- ink (now bone light on dark) --- */
  --ink:#eceae2;        /* headings / brightest   */
  --ink-2:#c9c7bd;      /* body copy              */
  --ink-3:#8f8f85;      /* muted / labels         */
  --ink-faint:#63655f;  /* faintest              */

  /* --- structural "pine" now reads as deep graphite panels --- */
  --pine:#20241f;       /* feature-band ground    */
  --pine-2:#0c0e0d;     /* deepest band / footer  */
  --pine-3:#2a2f29;

  /* --- the single organic accent: desaturated warm sandstone, used sparingly --- */
  --clay:#c2ac8b;       /* primary accent (warm stone) */
  --clay-2:#d8c6a8;     /* accent hover / bright  */
  --clay-soft:#2a251d;  /* accent tint ground     */
  --sage:#8b9188;       /* cool stone secondary   */
  --sage-soft:#1b1f1d;  /* cool tint ground       */
  --gold:#c9b184;       /* warm highlight text    */
  --gold-soft:#26221a;

  /* --- hairlines --- */
  --line:#2b302d;       /* standard border        */
  --line-2:#232725;     /* faint divider          */
  --line-ink:#3a413c;   /* stronger border        */
  --hair:rgba(255,255,255,.06); /* top highlight   */
  --hair-2:rgba(255,255,255,.09);

  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --container:1180px; --reading:64ch;
  --r:12px; --r-lg:18px; --r-xl:26px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(0,0,0,.5),0 3px 10px rgba(0,0,0,.35);
  --sh:0 10px 28px rgba(0,0,0,.5),0 26px 60px rgba(0,0,0,.42);
  --sh-lg:0 24px 60px rgba(0,0,0,.6),0 50px 110px rgba(0,0,0,.5);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--void)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;font-family:var(--sans);font-size:18px;line-height:1.62;color:var(--ink-2);
  background:
    radial-gradient(120% 80% at 50% -10%, #161a18 0%, transparent 55%),
    linear-gradient(180deg,#0e100f 0%, #0b0d0c 40%, #090a0a 100%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative}

/* --- organic ambience: a slow drifting light (a breeze over stone) --- */
body::before{content:"";position:fixed;inset:-25%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(38% 46% at 22% 24%, rgba(150,156,148,.10), transparent 70%),
    radial-gradient(42% 40% at 82% 30%, rgba(120,128,120,.08), transparent 72%),
    radial-gradient(52% 50% at 62% 88%, rgba(96,104,98,.09), transparent 74%);
  animation:breeze 46s ease-in-out infinite alternate;will-change:transform}
@keyframes breeze{
  0%{transform:translate3d(-2%,-1%,0) scale(1)}
  50%{transform:translate3d(2%,1.5%,0) scale(1.06)}
  100%{transform:translate3d(-1%,2%,0) scale(1.02)}}
/* --- fine film grain: the texture of stone --- */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}

img{max-width:100%;display:block}
a{color:var(--ink);text-decoration:none}
::selection{background:rgba(194,172,139,.28);color:#fff}

/* ---- type ---- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:420;color:var(--ink);margin:0;line-height:1.08;letter-spacing:-.018em}
h1{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:400}
h2{font-size:clamp(2rem,4.2vw,3.15rem)}
h3{font-size:clamp(1.35rem,2.2vw,1.75rem);letter-spacing:-.01em}
h4{font-size:1.1rem;font-weight:540;font-family:var(--sans);letter-spacing:-.01em;color:var(--ink)}
p{margin:0 0 1.05em;max-width:var(--reading);color:var(--ink-2)}
strong{color:var(--ink);font-weight:600}
em{font-style:italic}
.serif{font-family:var(--serif)}
.lede{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.52;color:var(--ink-2);font-weight:360}
.ink{color:var(--ink)}
.pine{color:var(--clay)}
.hl{color:var(--clay-2);font-style:italic}

/* overline label with a hairline tick */
.overline{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:.74rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--clay);margin:0 0 var(--s4)}
.overline::before{content:"";width:26px;height:1px;background:var(--clay);opacity:.75}
.overline.pine{color:var(--sage)}.overline.pine::before{background:var(--sage)}
.overline.center{justify-content:center}

/* ---- layout ---- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}
.reading{max-width:var(--reading)}
.section{padding-block:clamp(var(--s8),9vw,var(--s10))}
.section-sm{padding-block:clamp(var(--s7),6vw,var(--s8))}
.center{text-align:center}
.rule{height:1px;background:var(--line);border:0;margin:0}
.sec-head{max-width:760px;margin-bottom:var(--s7)}
.sec-head.center{margin-inline:auto}
.sec-head h2{margin-bottom:var(--s4)}
.sec-num{font-family:var(--serif);font-size:.95rem;color:var(--clay);font-weight:500;margin-bottom:var(--s3);letter-spacing:.05em}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-weight:560;font-size:1rem;
  padding:15px 26px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1;
  transition:transform .18s var(--ease),box-shadow .24s var(--ease),background .24s,color .2s,border-color .2s}
.btn svg{width:17px;height:17px}
.btn-lg{font-size:1.08rem;padding:18px 32px}
/* primary = a light stone tablet, the one thing that lifts off the dark */
.btn-primary{background:linear-gradient(180deg,#f2efe7,#ddd8cc);color:#151815;
  box-shadow:0 12px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.7)}
.btn-primary:hover{transform:translateY(-2px);color:#151815;
  box-shadow:0 18px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.8)}
.btn-pine{background:var(--card-3);color:var(--ink);border-color:var(--line-ink);box-shadow:var(--sh-sm),inset 0 1px 0 var(--hair)}
.btn-pine:hover{background:#2b302d;transform:translateY(-2px);color:var(--ink)}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-ink)}
.btn-outline:hover{border-color:var(--clay);background:rgba(255,255,255,.03);transform:translateY(-2px);color:var(--ink)}
.btn-ghost{background:rgba(255,255,255,.03);color:var(--ink);border-color:var(--line);box-shadow:inset 0 1px 0 var(--hair)}
.btn-ghost:hover{border-color:var(--clay);transform:translateY(-2px)}
.btn-on-dark{background:linear-gradient(180deg,#f2efe7,#ddd8cc);color:#151815}
.btn-on-dark:hover{transform:translateY(-2px);color:#151815}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.arrow-link{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--clay);border-bottom:1px solid rgba(194,172,139,.35);padding-bottom:2px;transition:border-color .2s,gap .2s,color .2s}
.arrow-link:hover{border-color:var(--clay);gap:11px;color:var(--clay-2)}
.arrow-link .a{color:var(--clay);transition:transform .18s var(--ease)}
.arrow-link:hover .a{transform:translateX(3px)}

/* ---- header (identical + seamless on every page) ---- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(11,13,12,.72);
  backdrop-filter:saturate(130%) blur(16px);-webkit-backdrop-filter:saturate(130%) blur(16px);
  border-bottom:1px solid var(--line-2)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--s4)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:460;font-size:1.2rem;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.brand .mark{width:30px;height:30px;flex:none}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.nav-links a{font-size:.95rem;font-weight:460;color:var(--ink-2);position:relative;transition:color .18s}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--clay);transition:right .28s var(--ease);opacity:.85}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-links a.active{color:var(--ink)}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}
.nav-toggle svg{width:26px;height:26px;stroke:var(--ink)}
@media(max-width:980px){
  .nav-links,.nav-cta .btn-outline{display:none}
  .nav-toggle{display:inline-flex}
  .nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:#0c0e0d;border-bottom:1px solid var(--line);padding:8px 20px 18px;box-shadow:var(--sh-lg)}
  .nav-links.open a{padding:15px 4px;border-bottom:1px solid var(--line-2);font-size:1.08rem;color:var(--ink-2)}
  .nav-links.open a::after{display:none}
  .nav-links.open a.active{color:var(--clay)}
}

/* ---- hero ---- */
.hero{padding-block:clamp(var(--s8),8vw,var(--s10)) clamp(var(--s7),6vw,var(--s9))}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,72px);align-items:center}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr;gap:var(--s7)}}
.hero h1{margin-bottom:var(--s5)}
.hero .lede{margin-bottom:var(--s6);max-width:36ch}
.eyebrow-cue{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:560;color:var(--ink-2);
  background:rgba(255,255,255,.04);border:1px solid var(--line);padding:7px 15px;border-radius:var(--r-pill);margin-bottom:var(--s5);
  box-shadow:inset 0 1px 0 var(--hair)}
.eyebrow-cue svg{width:15px;height:15px;color:var(--clay)}
.hero-proof{display:flex;gap:var(--s6);margin-top:var(--s6);flex-wrap:wrap}
.hero-proof .pf{display:flex;flex-direction:column}
.hero-proof .pf b{font-family:var(--serif);font-size:1.75rem;color:var(--ink);line-height:1;font-weight:440}
.hero-proof .pf span{font-size:.82rem;color:var(--ink-3);margin-top:5px;max-width:16ch}

/* ---- figure / image placeholder — feathered so images melt into the dark ---- */
.feather{-webkit-mask-image:radial-gradient(125% 125% at 50% 42%,#000 58%,rgba(0,0,0,.55) 80%,transparent 100%);
  mask-image:radial-gradient(125% 125% at 50% 42%,#000 58%,rgba(0,0,0,.55) 80%,transparent 100%)}
.figure{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.figure img{width:100%;height:100%;object-fit:cover;
  -webkit-mask-image:radial-gradient(130% 130% at 50% 42%,#000 55%,rgba(0,0,0,.5) 82%,transparent 100%);
  mask-image:radial-gradient(130% 130% at 50% 42%,#000 55%,rgba(0,0,0,.5) 82%,transparent 100%)}
.figure .cap{position:absolute;left:16px;bottom:16px;background:rgba(8,9,10,.66);color:var(--ink);font-size:.78rem;font-weight:540;
  padding:7px 13px;border-radius:var(--r-pill);backdrop-filter:blur(8px);border:1px solid var(--hair)}
.imgph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;
  color:var(--ink-3);border-radius:var(--r-lg);overflow:hidden;
  background:
    radial-gradient(120% 120% at 50% 30%, #20241f 0%, #15181500 70%),
    linear-gradient(160deg,#191d1b,#101312)}
.imgph::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E");
  opacity:.06;
  -webkit-mask-image:radial-gradient(120% 120% at 50% 42%,#000 55%,transparent 100%);
  mask-image:radial-gradient(120% 120% at 50% 42%,#000 55%,transparent 100%)}
.imgph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 var(--hair),inset 0 0 0 1px rgba(255,255,255,.015);pointer-events:none}
.imgph svg{width:34px;height:34px;opacity:.4;position:relative}
.imgph .ph-label{font-weight:560;font-size:.9rem;color:var(--ink-2);position:relative}
.imgph .ph-dim{font-size:.75rem;color:var(--ink-faint);letter-spacing:.03em;position:relative}
.imgph.ratio-4x5{aspect-ratio:4/5}.imgph.ratio-16x9{aspect-ratio:16/9}.imgph.ratio-4x3{aspect-ratio:4/3}.imgph.ratio-3x2{aspect-ratio:3/2}.imgph.ratio-1x1{aspect-ratio:1/1}

/* ---- surface helper (a lit stone panel) ---- */
.panel{background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm),inset 0 1px 0 var(--hair)}

/* ---- guided router (start where you are) ---- */
.router-wrap{background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh),inset 0 1px 0 var(--hair);padding:clamp(20px,2.4vw,28px)}
.router-wrap .r-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--line-2)}
.router-wrap .r-head h3{font-size:1.3rem}
.router-wrap .r-head span{font-size:.82rem;color:var(--ink-3);font-weight:540}
.router-list{display:grid;gap:2px}
.router-opt{display:flex;align-items:center;gap:15px;padding:15px 12px;border-radius:var(--r);color:var(--ink);font-weight:460;transition:background .16s,transform .16s var(--ease),border-color .2s;border:1px solid transparent}
.router-opt+.router-opt{border-top:1px solid var(--line-2)}
.router-opt .ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--card-3);color:var(--clay);border:1px solid var(--line);transition:background .16s,color .16s,border-color .16s}
.router-opt .ic svg{width:21px;height:21px}
.router-opt .tx{flex:1;line-height:1.3}
.router-opt .go{color:var(--clay);font-weight:700;transition:transform .18s var(--ease)}
.router-opt:hover{background:rgba(255,255,255,.03);transform:translateX(4px);border-color:var(--line)}
.router-opt:hover .ic{background:var(--clay);color:#151815;border-color:transparent}
.router-opt:hover .go{transform:translateX(4px)}

/* ---- bands (feature grounds, all in-theme dark) ---- */
.band-pine{background:linear-gradient(180deg,#14181500,#121514),radial-gradient(90% 60% at 50% 0%,#1c211d,transparent 70%),var(--pine-2);
  color:var(--ink-2);border-block:1px solid var(--line-2)}
.band-pine h2,.band-pine h3{color:var(--ink)}
.band-pine .overline{color:var(--clay)}.band-pine .overline::before{background:var(--clay)}
.band-pine p{color:var(--ink-2)}
.band-paper2{background:var(--paper-2);border-block:1px solid var(--line-2)}
.band-sage{background:var(--paper-2);border-block:1px solid var(--line-2)}

/* ---- problem / editorial statement ---- */
.statement{max-width:940px}
.statement .big{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.3;color:var(--ink-2);font-weight:380;letter-spacing:-.01em}
.statement .big b{color:var(--ink);font-weight:520}
.statement .big em{color:var(--clay);font-style:italic}
.maze{display:flex;flex-wrap:wrap;gap:9px;margin:var(--s6) 0}
.maze .m-chip{background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 15px;font-size:.9rem;font-weight:460;color:var(--ink-3);box-shadow:var(--sh-sm)}
.maze .m-chip.you{background:var(--clay);color:#151815;border-color:transparent;font-weight:640}

/* ---- MERCHANDISE: offers catalog ---- */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}
@media(max-width:940px){.offers{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.offers{grid-template-columns:1fr}}
.offer{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--s6) var(--s5) var(--s5);box-shadow:var(--sh-sm),inset 0 1px 0 var(--hair);overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.offer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--clay);transform:scaleX(0);transform-origin:left;transition:transform .34s var(--ease)}
.offer:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--line-ink)}
.offer:hover::before{transform:scaleX(1)}
.offer.feature{border-color:var(--line-ink)}
.offer.feature::before{transform:scaleX(1)}
.offer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:var(--s3)}
.offer-for{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.tag{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.03em;padding:5px 11px;border-radius:var(--r-pill);white-space:nowrap;border:1px solid var(--line)}
.tag-free{background:var(--sage-soft);color:var(--sage)}
.tag-price{background:var(--clay-soft);color:var(--clay-2)}
.tag-app{background:var(--gold-soft);color:var(--gold)}
.offer h3{margin-bottom:6px}
.offer .val{font-family:var(--serif);font-size:1.08rem;font-style:italic;color:var(--clay);margin-bottom:var(--s4);line-height:1.35}
.offer ul{list-style:none;padding:0;margin:0 0 var(--s5);display:grid;gap:9px}
.offer li{position:relative;padding-left:24px;font-size:.95rem;color:var(--ink-2)}
.offer li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:3px;background:var(--card-3);border:1px solid var(--line-ink)}
.offer li::after{content:"";position:absolute;left:4px;top:9px;width:4px;height:7px;border-right:2px solid var(--clay);border-bottom:2px solid var(--clay);transform:rotate(40deg)}
.offer .offer-cta{margin-top:auto}

/* ---- method sequence ---- */
.method{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s3);counter-reset:m}
@media(max-width:900px){.method{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.method{grid-template-columns:1fr 1fr}}
.m-step{position:relative;padding-top:var(--s5)}
.m-step::before{counter-increment:m;content:"0" counter(m);font-family:var(--serif);font-size:1.5rem;color:var(--clay);display:block;margin-bottom:6px}
.m-step h4{font-size:1rem;margin-bottom:5px;color:var(--ink)}
.m-step p{font-size:.88rem;color:var(--ink-3);margin:0}

/* ---- pull quote ---- */
.pullquote{max-width:900px;margin-inline:auto;text-align:center}
.pullquote p{font-family:var(--serif);font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.3;color:var(--ink);font-weight:400;font-style:italic;margin:0 auto var(--s4);max-width:22ch}
.pullquote .qmark{font-family:var(--serif);font-size:3.5rem;color:var(--clay);line-height:.5;display:block;margin-bottom:var(--s3)}
.pullquote cite{font-style:normal;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

/* ---- split feature ---- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.split.reverse .s-media{order:-1}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:var(--s6)}.split.reverse .s-media{order:0}}
.fact{background:var(--card);border:1px solid var(--line);border-left:2px solid var(--sage);border-radius:0 var(--r) var(--r) 0;padding:var(--s4) var(--s5);margin-bottom:var(--s3);box-shadow:var(--sh-sm)}
.fact .k{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:5px}
.fact.honest{border-left-color:var(--clay)}.fact.honest .k{color:var(--clay)}
.fact p{margin:0;font-size:.98rem;color:var(--ink-2)}

/* ---- membership block ---- */
.member{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh),inset 0 1px 0 var(--hair);background:var(--card)}
@media(max-width:820px){.member{grid-template-columns:1fr}}
.member .m-left{padding:clamp(28px,4vw,48px)}
.member .m-right{padding:clamp(28px,4vw,48px);background:
    radial-gradient(120% 90% at 100% 0%, #23281f, transparent 60%),
    linear-gradient(160deg,#1b1f1c,#0f1210);color:var(--ink-2);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line-2)}
@media(max-width:820px){.member .m-right{border-left:0;border-top:1px solid var(--line-2)}}
.member .m-right h3{color:var(--ink)}
.member .price{font-family:var(--serif);font-size:3.2rem;color:var(--ink);line-height:1;margin:var(--s3) 0;font-weight:420}
.member .price span{font-family:var(--sans);font-size:1rem;color:var(--ink-3);font-weight:460}
.member ul{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;gap:11px}
.member .m-left li{position:relative;padding-left:26px;color:var(--ink-2)}
.member .m-left li::before{content:"";position:absolute;left:0;top:7px;width:13px;height:13px;border-radius:3px;background:var(--card-3);border:1px solid var(--line-ink)}
.member .m-left li::after{content:"";position:absolute;left:4px;top:9px;width:4px;height:8px;border-right:2px solid var(--clay);border-bottom:2px solid var(--clay);transform:rotate(40deg)}
.member .m-right li{position:relative;padding-left:26px;color:var(--ink-2);margin-bottom:11px;list-style:none}
.member .m-right li::before{content:"";position:absolute;left:0;top:7px;width:13px;height:13px;border-radius:3px;background:rgba(255,255,255,.05);border:1px solid var(--line-ink)}
.member .m-right li::after{content:"";position:absolute;left:4px;top:9px;width:4px;height:8px;border-right:2px solid var(--clay);border-bottom:2px solid var(--clay);transform:rotate(40deg)}

/* ---- final cta ---- */
.final{text-align:center;max-width:720px;margin-inline:auto}
.final h2{margin-bottom:var(--s4)}

/* ---- footer ---- */
.site-footer{background:var(--pine-2);color:var(--ink-3);padding-block:var(--s8) var(--s6);margin-top:var(--s9);border-top:1px solid var(--line-2)}
.site-footer a{color:var(--ink-2)}.site-footer a:hover{color:var(--ink)}
.footer-honest{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4) var(--s5);margin-bottom:var(--s7);font-size:.92rem;color:var(--ink-2)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--s6);margin-bottom:var(--s7)}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-grid h5{font-family:var(--sans);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--s3);font-weight:600}
.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer-brand .brand{color:var(--ink);margin-bottom:var(--s3)}
.footer-brand p{color:var(--ink-3);font-size:.94rem;max-width:32ch}
.footer-note{border-top:1px solid var(--line-2);padding-top:var(--s5);font-size:.85rem;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s3)}

/* ---- the 2-minute check (triage) ---- */
.triage{background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh),inset 0 1px 0 var(--hair);padding:clamp(24px,4vw,44px);max-width:680px;margin-inline:auto;text-align:left}
.triage-head{margin-bottom:var(--s3)}
.step-of{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.triage-progress{height:5px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin-bottom:var(--s5)}
.triage-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--clay),var(--clay-2));border-radius:999px;transition:width .4s var(--ease)}
.triage .q{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--ink);margin-bottom:var(--s5);line-height:1.2;font-weight:420}
.triage-opts{display:grid;gap:10px}
.triage-opt{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;cursor:pointer;font-family:var(--sans);font-size:1.02rem;font-weight:460;color:var(--ink);transition:transform .16s var(--ease),background .2s,border-color .2s,box-shadow .2s}
.triage-opt .t-ico{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--card-3);color:var(--clay);border:1px solid var(--line)}
.triage-opt .t-ico svg{width:19px;height:19px}
.triage-opt .t-label{flex:1;line-height:1.3}
.triage-opt .t-arrow{color:var(--clay);font-weight:700;transition:transform .18s var(--ease)}
.triage-opt:hover{background:rgba(255,255,255,.05);border-color:var(--clay);transform:translateX(4px);box-shadow:var(--sh-sm)}
.triage-opt:hover .t-ico{background:var(--clay);color:#151815;border-color:transparent}
.triage-opt:hover .t-arrow{transform:translateX(4px)}
.triage-back{margin-top:16px;background:none;border:0;cursor:pointer;color:var(--ink-3);font-family:var(--sans);font-weight:540;font-size:.92rem}
.triage-back:hover{color:var(--clay)}
.triage-result .verdict{display:inline-flex;align-items:center;gap:8px;font-weight:600;padding:8px 15px;border-radius:999px;font-size:.88rem;margin-bottom:var(--s4);border:1px solid var(--line)}
.triage-result .verdict .dot{width:8px;height:8px;border-radius:50%}
.v-watch{background:var(--gold-soft);color:var(--gold)}.v-watch .dot{background:var(--gold)}
.v-ok{background:var(--sage-soft);color:var(--sage)}.v-ok .dot{background:var(--sage)}
.v-act{background:var(--clay-soft);color:var(--clay-2)}.v-act .dot{background:var(--clay)}
.triage-result .r-title{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin:0 0 10px;font-weight:420}
.triage-result .r-why{color:var(--ink-2);margin-bottom:var(--s5)}
.triage-result .r-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.triage-result .disclaimer{margin-top:var(--s5);font-size:.82rem;color:var(--ink-3)}
.empty{color:var(--ink-3);text-align:center;padding:var(--s5)}

/* ---- reveal ---- */
html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.js .reveal{opacity:1!important;transform:none!important}}

/* ============================================================================
   LEGACY COMPATIBILITY — maps older class + token names used across
   library / air-quality / wildfire / autoimmune / about / method / keystone /
   how-it-works / find-an-inspector onto the stone system.
   ============================================================================ */
:root{
  --teal-900:#eceae2; --teal-800:#e3e0d7; --teal-700:#c9c7bd; --teal-600:#c2ac8b;
  --sage-500:#8b9188; --sage-300:#4a514b; --sage-100:#1b1f1d;
  --clay-600:#d8c6a8; --clay-500:#c2ac8b; --clay-400:#a99a80; --ochre:#c9b184; --mint:#8b9188;
  --radius:12px; --radius-lg:18px; --radius-pill:999px;
  --shadow-sm:var(--sh-sm); --shadow:var(--sh); --shadow-lg:var(--sh-lg);
  --glass:rgba(255,255,255,.03); --glass-2:rgba(255,255,255,.06); --glass-brd:var(--line); --glass-brd-2:var(--line-ink);
  --ink-soft:#c9c7bd; --ink-mute:#8f8f85;
}
/* navigational promise block — shared by the homepage + how-it-works (top block) */
.promise{max-width:780px;margin-inline:auto;text-align:center;background:radial-gradient(100% 90% at 50% 0%,#20241f,transparent 65%),linear-gradient(160deg,#181b19,#0f1210);border:1px solid var(--line-ink);color:var(--ink-2);border-radius:var(--radius-lg);padding:clamp(var(--s6),5vw,var(--s8));box-shadow:var(--sh),inset 0 1px 0 var(--hair)}
.promise h2{color:var(--ink);margin-bottom:var(--s2)}
/* bulleted lines with hairline dividers + breathing room; heading + closing stay centered, bullets left */
.promise .lines{margin:var(--s6) auto var(--s5);text-align:left;max-width:520px}
.promise .lines div{position:relative;padding:13px 4px 13px 26px;font-size:1rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.13)}
.promise .lines div:last-child{border-bottom:0}
.promise .lines div::before{content:"";position:absolute;left:3px;top:21px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(201,177,132,.6)}
.promise .lines b{color:#fff}
.promise>p{margin:var(--s5) auto 0;color:var(--ink-2)}
/* three entry buttons — stay 3-across on desktop AND mobile (shrink to fit, never stack) */
.svc-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);max-width:820px;margin:var(--s6) auto 0}
.svc-btns a{justify-content:center;text-align:center}
@media(max-width:560px){.svc-btns{gap:8px;max-width:none}.svc-btns a{padding:11px 6px;font-size:.74rem;line-height:1.15;white-space:normal;border-radius:12px}}
/* Private Advisory: centered, gold-highlighted, dissolves on click before navigating */
.advisory-cta{display:flex;justify-content:center;margin-top:var(--s4)}
.btn-gold{background:linear-gradient(180deg,#f7df8c,#d8b24a);color:#241d05;border:1.5px solid #f0d270;font-weight:680;box-shadow:0 0 16px 2px rgba(224,190,90,.55),0 10px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.6);animation:goldPulse 2.6s ease-in-out infinite}
.btn-gold:hover{transform:translateY(-2px);color:#241d05}
@keyframes goldPulse{0%,100%{box-shadow:0 0 12px 1px rgba(224,190,90,.45),0 10px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.6)}50%{box-shadow:0 0 24px 6px rgba(224,190,90,.72),0 10px 26px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.72)}}
.btn-dissolve.dissolving{animation:btnDissolve .55s var(--ease) forwards;pointer-events:none}
@keyframes btnDissolve{
  0%{background:linear-gradient(180deg,#ffe6a0,#e6c258);color:#241d05;opacity:1;filter:blur(0);transform:scale(1)}
  30%{background:linear-gradient(180deg,#fff0bd,#eed08a);opacity:1;filter:blur(0);transform:scale(1.03)}
  100%{background:linear-gradient(180deg,#fff0bd,#eed08a);opacity:0;filter:blur(7px);transform:scale(1.07)}
}
@media(prefers-reduced-motion:reduce){.btn-gold{animation:none}.btn-dissolve.dissolving{animation:none;opacity:0}}
.section-tight{padding-block:clamp(var(--s7),6vw,var(--s8))}
.maxw-sm{max-width:560px}.maxw-md{max-width:720px}
.divider{height:1px;background:var(--line);border:0;margin:var(--s7) 0}
.hidden{display:none!important}.stack>*+*{margin-top:var(--s4)}.stack-lg>*+*{margin-top:var(--s6)}
.grid{display:grid;gap:clamp(16px,2.4vw,26px)}
.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}

/* legacy eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin:0 0 var(--s4)}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--clay);opacity:.75}
/* legacy button aliases */
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--line-ink)}
.btn-secondary:hover{border-color:var(--clay);background:rgba(255,255,255,.03);transform:translateY(-2px);color:var(--ink)}
.btn-on-teal{background:linear-gradient(180deg,#f2efe7,#ddd8cc);color:#151815}
.btn-on-teal:hover{transform:translateY(-2px);color:#151815}
.text-link,.search-hints a{font-weight:600;color:var(--clay);border-bottom:1px solid rgba(194,172,139,.35);padding-bottom:1px}
.text-link:hover{border-color:var(--clay);color:var(--clay-2)}
.search-hints{font-size:.9rem;color:var(--ink-3)}
.pill-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--clay);background:var(--clay-soft);border:1px solid var(--line);padding:5px 12px;border-radius:999px;vertical-align:middle}
.trust-cue{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:560;color:var(--ink-2);background:rgba(255,255,255,.04);border:1px solid var(--line);padding:7px 15px;border-radius:var(--r-pill);margin-bottom:var(--s5)}
.trust-cue svg{width:16px;height:16px;color:var(--clay)}

/* bands (legacy names) */
.bg-paper{background:var(--paper)}.bg-paper-2{background:var(--paper-2)}.bg-sage{background:var(--paper-2)}
.bg-teal{background:
    radial-gradient(90% 70% at 50% 0%,#1c211d,transparent 70%),var(--pine-2);color:var(--ink-2);border-block:1px solid var(--line-2)}
.bg-teal h1,.bg-teal h2,.bg-teal h3,.bg-teal h4{color:var(--ink)}
.bg-teal .eyebrow{color:var(--clay)}.bg-teal .eyebrow::before{background:var(--clay)}
.bg-teal p,.bg-teal li{color:var(--ink-2)}.bg-teal a:not(.btn){color:var(--ink)}
.on-teal p,.on-teal li,.on-teal .col-list li,.on-teal .plain-list li{color:var(--ink-2)}

/* cards */
.card{background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,2.4vw,30px);box-shadow:var(--sh-sm),inset 0 1px 0 var(--hair);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.card.hover:hover,.card.tilt:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--line-ink)}
.card h3{margin-bottom:10px}.card p:last-child{margin-bottom:0}
.ico-lg,.card .ico-lg{width:54px;height:54px;display:grid;place-items:center;background:var(--card-3);color:var(--clay);border:1px solid var(--line);border-radius:14px;margin-bottom:var(--s4)}
.ico-lg svg,.card .ico-lg svg{width:27px;height:27px}

/* callouts */
.callout{border:1px solid var(--line);border-left:2px solid var(--sage);background:var(--card);padding:var(--s5);border-radius:0 var(--r) var(--r) 0;box-shadow:var(--sh-sm)}
.callout.serious{border-left-color:var(--gold);background:var(--gold-soft)}
.callout.honest{border-left-color:var(--clay);background:var(--clay-soft)}
.callout h4{display:flex;align-items:center;gap:10px;margin-bottom:var(--s2)}.callout p:last-child{margin-bottom:0}

/* answer / prose */
.short-answer{background:var(--card);border:1px solid var(--line);border-left:2px solid var(--clay);border-radius:0 var(--r) var(--r) 0;padding:var(--s5);margin:var(--s5) 0;box-shadow:var(--sh-sm)}
.short-answer .tag{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);margin-bottom:8px;border:0;padding:0;background:none}
.short-answer p{font-size:1.1rem;margin-bottom:0;color:var(--ink-2)}
.breadcrumb{font-size:.9rem;color:var(--ink-3);margin-bottom:var(--s4)}.breadcrumb a{color:var(--clay)}
.prose h2{margin-top:var(--s7)}.prose h3{margin-top:var(--s6)}.prose ul,.prose ol{padding-left:1.3em;color:var(--ink-2)}.prose li{margin-bottom:.5em}
.prose a{color:var(--clay);border-bottom:1px solid rgba(194,172,139,.3)}
.author{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) 0;border-block:1px solid var(--line-2);margin:var(--s5) 0}
.author .ava{width:46px;height:46px;border-radius:50%;background:var(--card-3);color:var(--clay);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--serif);font-size:1.1rem;flex:none}
.author .who{font-size:.92rem;line-height:1.4}.author .who strong{display:block;color:var(--ink)}.author .who span{color:var(--ink-3)}
.related{display:grid;gap:var(--s3)}
.related a{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;color:var(--ink);font-weight:460;transition:all .16s var(--ease)}
.related a:hover{border-color:var(--clay);transform:translateX(3px);box-shadow:var(--sh-sm)}.related a .arrow{color:var(--clay)}

/* gate / reassure / field story / media */
.gate{background:
    radial-gradient(100% 80% at 50% 0%,#20241f,transparent 65%),linear-gradient(160deg,#15181500,#0f1210),var(--pine-2);
  color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(var(--s6),5vw,var(--s8));text-align:center;box-shadow:var(--sh-lg)}
.gate h3{color:var(--ink);font-size:clamp(1.5rem,3vw,2rem)}.gate p{color:var(--ink-2);max-width:46ch;margin-inline:auto}
.gate .price-anchor{font-size:1rem;color:var(--clay);margin-top:var(--s3)}
.gate .lock{width:46px;height:46px;margin:0 auto var(--s4);display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px}.gate .lock svg{width:24px;height:24px;color:var(--clay)}
.reassure{text-align:center;padding-block:var(--s8)}
.reassure p{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;color:var(--ink);max-width:22ch;margin-inline:auto;font-style:italic;font-weight:400}
.field-story{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,2.5vw,32px);box-shadow:var(--sh-sm)}
.field-story .label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);margin-bottom:10px}
.field-story p{font-size:1.14rem;font-style:italic;color:var(--ink-2);font-family:var(--serif);margin:0}
.media-frame{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden}
.split-media{min-width:0}

/* pricing */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);align-items:stretch}
@media(max-width:860px){.pricing{grid-template-columns:1fr;max-width:440px;margin-inline:auto}}
.price{background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;box-shadow:var(--sh-sm),inset 0 1px 0 var(--hair);position:relative}
.price.featured{border-color:var(--line-ink);box-shadow:var(--sh)}
.price.featured::before{content:"Best for a real journey";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--clay);color:#151815;font-size:.74rem;font-weight:700;padding:5px 14px;border-radius:999px;white-space:nowrap}
.price .amt{font-family:var(--serif);font-size:2.6rem;color:var(--ink);line-height:1;margin:var(--s2) 0;font-weight:420}.price .amt span{font-family:var(--sans);font-size:1rem;color:var(--ink-3);font-weight:460}
.price ul{list-style:none;padding:0;margin:var(--s4) 0 var(--s5);display:grid;gap:10px}.price li{display:flex;gap:10px;font-size:.98rem;color:var(--ink-2)}.price li svg{width:18px;height:18px;color:var(--clay);flex:none;margin-top:3px}.price .btn{margin-top:auto;justify-content:center}

/* method steps (legacy) */
.steps{display:grid;gap:var(--s4)}
.step{display:grid;grid-template-columns:56px 1fr;gap:var(--s4);align-items:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--sh-sm)}
.step .num{width:44px;height:44px;display:grid;place-items:center;background:var(--card-3);color:var(--clay);border:1px solid var(--line);border-radius:12px;font-family:var(--serif);font-size:1.3rem}
.step h4{margin:4px 0 6px;font-size:1.2rem}.step p{margin:0;color:var(--ink-2);font-size:1rem}
.step-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 16px;font-size:.92rem;font-weight:460;color:var(--ink-2)}
.chip .n{width:22px;height:22px;border-radius:50%;background:var(--clay);color:#151815;display:grid;place-items:center;font-size:.78rem;font-weight:600}

/* legacy situation router */
.router{background:linear-gradient(165deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh),inset 0 1px 0 var(--hair);padding:clamp(20px,2.4vw,28px)}
.router h2{font-size:1.4rem;margin-bottom:4px}.router .router-sub{color:var(--ink-3);font-size:.95rem;margin-bottom:var(--s5)}
.router-options{display:grid;gap:2px}
.router-opt .ico{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--card-3);color:var(--clay);border:1px solid var(--line)}
.router-opt .ico svg{width:21px;height:21px}
.router-opt .arrow{margin-left:auto;color:var(--clay);font-weight:700;transition:transform .18s var(--ease)}
.router-opt:hover{background:rgba(255,255,255,.03);transform:translateX(4px)}.router-opt:hover .arrow{transform:translateX(4px)}
.router-opt:hover .ico{background:var(--clay);color:#151815;border-color:transparent}

/* harmonize leftover accent chips/badges from prior themes */
.chip-btn.on,.tabw .tab.on{background:var(--clay)!important;color:#151815!important;border-color:transparent!important}
.level-panel .lv-n{background:var(--clay)!important;color:#151815!important}

/* header polish + mobile menu */
.nav-cta .btn{padding:12px 20px;white-space:nowrap}
@media(max-width:980px){
  .brand{font-size:1.08rem}
  .nav-cta .btn{padding:10px 15px;font-size:.9rem}
  .nav-links.open{gap:2px}
}
@media(max-width:480px){
  .nav{gap:var(--s3)}
  .brand{font-size:1rem}.brand .mark{width:26px;height:26px}
  .nav-cta .btn-primary{padding:9px 14px;font-size:.82rem}
}