/* Eluate: one narrow reading column, phone first. Paper and ink, teal for action, tier colours for grades. */
@font-face{font-family:"Archivo";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/archivo-500.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/archivo-800.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/serif-400.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/serif-400i.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/serif-600.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/mono-500.woff2) format("woff2")}

:root{
  --paper:#F7F8F8; --paper2:#EEF1F1; --card:#FFFFFF; --ink:#15191C; --ink2:#323A3E; --muted:#5A6366; --line:#DDE1E1;
  --teal:#0E5F5C; --teal-hover:#0B4D4A; --on-teal:#FFFFFF; --teal-soft:#E3F0EF;
  --band:#15191C; --band-ink:#F7F8F8; --band-muted:#A9B2B5; --band-line:#2C3438; --band-accent:#4FB3AE;
  --tA:#0E5F5C; --tB:#2F4B7C; --tC:#96620A; --tD:#9C3A28; --tM:#3B4044; --empty:#D3D9D9;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --wrap:720px; --r:14px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#101416; --paper2:#151B1E; --card:#161C1F; --ink:#EEF1F2; --ink2:#C9D0D3; --muted:#9AA4AA; --line:#283035;
  --teal:#3FB3AC; --teal-hover:#5CC4BD; --on-teal:#0B1012; --teal-soft:#13302F;
  --band:#1A2125; --band-ink:#EEF1F2; --band-muted:#9AA4AA; --band-line:#2C3438; --band-accent:#5CC4BD;
  --tA:#3FB3AC; --tB:#8AA6DA; --tC:#D9A441; --tD:#E07E68; --tM:#A7B0B5; --empty:#2F383D;
  color-scheme:dark;
}}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px;z-index:10;font:500 15px var(--display)}
.skip:focus{left:12px}
.mono{font-family:var(--mono);font-weight:500;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}
p{margin:0 0 16px}

/* header */
.site-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.logo{display:inline-flex;align-items:flex-end;gap:1px;text-decoration:none;color:var(--ink)}
.logo svg{width:27px;height:27px;color:var(--teal);flex:none}
.logo b{font:800 22px/1 var(--display);letter-spacing:.005em;padding-bottom:1px}
.site-nav{display:flex;gap:20px;align-items:center}
.site-nav a{font:500 15.5px var(--display);text-decoration:none;color:var(--ink2)}
.site-nav a:hover{color:var(--ink)}
.site-nav a.go{color:var(--teal)}

/* type */
h1,h2,h3{font-family:var(--display);font-weight:800;color:var(--ink);text-wrap:balance;margin:0}
h1{font-size:clamp(38px,10.4vw,60px);line-height:1.01;letter-spacing:-.028em;margin:14px 0 18px}
h2{font-size:clamp(27px,7vw,36px);line-height:1.08;letter-spacing:-.018em;margin:8px 0 18px}
h3{font-size:19px;line-height:1.22;letter-spacing:-.005em}
.lede{font-size:19.5px;line-height:1.55;color:var(--muted);max-width:34em;margin:0 0 26px}
.kicker{display:inline-flex;align-items:center;gap:10px}

/* evidence meter */
.meter{display:inline-flex;align-items:flex-end;gap:5px;height:36px}
.meter i{display:block;width:10px;border-radius:2px;background:var(--empty)}
.meter i:nth-child(1){height:30%}.meter i:nth-child(2){height:53%}.meter i:nth-child(3){height:76%}.meter i:nth-child(4){height:100%}
.meter.sm{height:18px;gap:3px}.meter.sm i{width:5px;border-radius:1.5px}
.meter.lg{height:56px;gap:8px}.meter.lg i{width:15px;border-radius:3px}
@media (prefers-reduced-motion:no-preference){
  .rise i{animation:rise .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
  .rise i:nth-child(2){animation-delay:.08s}.rise i:nth-child(3){animation-delay:.16s}.rise i:nth-child(4){animation-delay:.24s}
  @keyframes rise{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
}

/* sections */
.hero{padding-block:34px 40px}
section{padding-block:44px;border-top:1px solid var(--line)}
.section-head{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 22px;border-radius:12px;border:0;cursor:pointer;
  font:800 17px/1.1 var(--display);letter-spacing:-.005em;text-decoration:none;background:var(--teal);color:var(--on-teal);transition:background .15s}
.btn:hover{background:var(--teal-hover)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--paper2)}
.btn.block{display:flex;width:100%}
.btn .arr{font-family:var(--mono);font-weight:500}
.textlink{font:500 16.5px var(--display);color:var(--teal);text-decoration:none}
.textlink:hover{text-decoration:underline}

/* newsletter */
.signup{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px}
.signup .embed{min-height:58px}
.signup .note{font:400 13.5px var(--mono);color:var(--muted);margin:0}
.after-hero{margin-top:22px}

/* grade cards */
.grades{display:grid;gap:12px;margin-top:8px}
@media (min-width:740px){.grades{grid-template-columns:1fr 1fr}}
.g{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;align-content:start}
.g .tier{grid-row:span 3;display:flex;flex-direction:column;align-items:center;gap:7px;padding-top:4px;min-width:46px}
.g .tier span{font:800 15px var(--display);color:var(--c)}
.g .tier.myth span{font-size:12.5px;letter-spacing:.02em}
.g h3{min-width:0}
.g p{margin:2px 0 4px;font-size:16px;line-height:1.5;color:var(--ink2)}
.g .src{font:400 12px/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere}
.g .src a{color:var(--muted)}
.g .src a:hover{color:var(--teal)}
.more{margin:18px 0 0;font-size:16.5px}

/* tiers */
.tiers{display:flex;flex-direction:column}
.t{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding-block:13px;border-bottom:1px solid var(--line)}
.t:last-child{border-bottom:0}
.t b{display:block;font:800 16px var(--display)}
.t small{display:block;font-size:15.5px;line-height:1.4;color:var(--muted)}
.rule{font-size:16.5px;color:var(--muted);margin:16px 0 0}

/* dark band */
.band{background:var(--band);color:var(--band-ink);border-radius:20px;padding:30px 24px;margin-block:4px}
.band h2{color:var(--band-ink)}
.band p{color:var(--band-muted)}
.band .mono{color:var(--band-accent)}
.band .btn{background:var(--band-accent);color:#0B1012}
.band .btn:hover{filter:brightness(1.08)}
.band .price-line{font:500 15px var(--mono);color:var(--band-ink);margin:0 0 20px}
section.band-wrap{border-top:0;padding-block:12px 44px}

/* lists */
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ticks li{position:relative;padding-left:28px}
.ticks li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--teal)}
.ticks.x li::before{background:transparent;box-shadow:inset 0 0 0 2px var(--tD)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:18px}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}
.steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--teal-soft);color:var(--teal);font:800 18px var(--display)}
.steps b{display:block;font:800 18px/1.25 var(--display);margin:2px 0 4px}
.steps span{color:var(--muted);font-size:16.5px}

/* price card */
.buy{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;margin-top:6px}
.buy .row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.price{font:800 54px/1 var(--display);letter-spacing:-.03em}
.buy .fine{font:400 13px/1.5 var(--mono);color:var(--muted);margin:0}
.soon{border:1.5px dashed var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.soon h3{font-size:18px}

/* example report */
.example{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.example .ex-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.example .ex-who{font:500 15px var(--display)}
.ex-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:15px 18px;border-bottom:1px solid var(--line)}
.ex-row:last-child{border-bottom:0}
.ex-row .tier{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:40px;padding-top:3px}
.ex-row .tier span{font:800 14px var(--display);color:var(--c)}
.ex-row .nm{display:flex;flex-direction:column;gap:3px;min-width:0}
.ex-row b{font:800 16.5px/1.3 var(--display)}
.ex-row p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink2)}
.ex-row .verdict{font:500 11.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c)}

/* fit */
.fit{display:grid;gap:14px}
@media (min-width:640px){.fit{grid-template-columns:1fr 1fr}}
.fit > div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.fit h3{margin-bottom:12px;font-size:17px}
.fit .ticks{gap:9px;font-size:16px}

/* faq */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:17px 34px 17px 0;position:relative;font:800 17.5px/1.3 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:13px;font:500 24px var(--mono);color:var(--teal)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{color:var(--ink2);font-size:16.5px;padding-bottom:6px}

/* rules */
.rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.rules li{padding-left:20px;position:relative}
.rules li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--teal)}

/* copy */
.copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.copy code{font:400 15px var(--mono);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);user-select:all;overflow-wrap:anywhere}
.copy button{font:800 14px var(--display);padding:10px 14px;border-radius:10px;border:0;background:var(--ink);color:var(--paper);cursor:pointer}

/* legal pages */
.legal{padding-block:26px 50px}
.legal h1{font-size:clamp(34px,9vw,46px)}
.legal h2{font-size:22px;margin:34px 0 10px}
.legal p,.legal li{font-size:17px;color:var(--ink2)}
.legal ul{padding-left:22px;margin:0 0 16px}
.legal li{margin-bottom:8px}
.callout{background:var(--teal-soft);border-radius:14px;padding:16px 18px;margin:18px 0;color:var(--ink)}

/* thanks */
.center{text-align:left}
.done{padding-block:40px 60px}

/* footer */
.site-foot{border-top:1px solid var(--line);padding-block:30px 44px;display:flex;flex-direction:column;gap:14px}
.site-foot .logo svg{width:22px;height:22px}.site-foot .logo b{font-size:17px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.foot-links a{font:500 14.5px var(--display);color:var(--ink2);text-decoration:none}
.foot-links a:hover{color:var(--teal)}
.site-foot p{margin:0;font-size:14px;color:var(--muted)}

/* report offer */
.ticks.tight{gap:8px;margin:0 0 22px;font-size:17px}
.guar{font:400 15px/1.45 var(--serif);color:var(--ink2);padding:12px 14px;border-radius:12px;background:var(--teal-soft)}
.guar b{font-family:var(--display);font-weight:800;color:var(--ink)}
.stack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.stack li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.stack .sn{font:500 14px var(--mono);color:var(--teal);padding-top:3px}
.stack b{display:block;font:800 18px/1.25 var(--display);margin-bottom:4px}
.stack span:not(.sn){color:var(--ink2);font-size:16px;line-height:1.5}
.why{display:grid;gap:12px}
@media (min-width:700px){.why{grid-template-columns:repeat(3,1fr)}}
.why div{border-top:3px solid var(--teal);padding-top:12px}
.why b{display:block;font:800 17.5px var(--display);margin-bottom:6px}
.why span{color:var(--ink2);font-size:16px;line-height:1.5}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  background:var(--card);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(21,25,28,.08);font:500 15px var(--display)}
.sticky-buy .btn{min-height:46px;padding:12px 18px;font-size:16px}
@media (min-width:900px){.sticky-buy{display:none!important}}
/* sample report */
.report{padding-block:26px 50px}
.report h1{font-size:clamp(32px,8.6vw,46px)}
.report h2{font-size:24px;margin:38px 0 14px}
.who-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:18px 0 6px}
.who-card div{background:var(--card);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.who-card b{font:800 16px var(--display)}
.src-inline{font:400 12px var(--mono);color:var(--muted)}
.src-inline a{color:var(--muted)}
.routine{display:grid;gap:12px;margin-bottom:12px}
@media (min-width:600px){.routine{grid-template-columns:1fr 1fr}}
.routine div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.routine ol{margin:10px 0 0;padding-left:20px;font-size:16.5px}
.routine li{margin-bottom:6px}
.qlist{padding-left:22px;font-size:17px}.qlist li{margin-bottom:8px}
.srcs{padding-left:20px;font-size:15px;color:var(--ink2)}.srcs li{margin-bottom:8px}
.srcs a{font-family:var(--mono);font-size:13px}