/* Clarify — original framework (same genre, not a copy of any one site).
   Dark editorial · fixed-viewport curved card carousel · list toggle ·
   identity reveal · rounded-card detail modal · white menu sheet. */
:root{
  /* ---- color (current values; --bg/--fg pending live tuning to #0A0A0A/#FAFAFA per DESIGN_SYSTEM §9.5) ---- */
  --bg:#080A0D; --bg2:#10151B; --fg:#F6F1EA; --dim:#B8B0A6;
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.20);
  --ink:#11100E; --bg0:#080A0D; --scrim:rgba(8,10,13,.86); --veil:rgba(6,8,10,.66);
  --ac:#C8D5CC; --ac2:#7C8A80; --ac-ink:#C8D5CC;   /* --ac/--ac2/--ac-ink re-themed per archetype at compute */
  --moon:#D9D5CC; --jade:#7C8A80; --celadon:#C8D5CC; --bronze:#8A735C; --indigo:#1E2633; --plum:#3C2E3A;
  /* ---- type (--font-display is the serif<->grotesque swap seam, DESIGN_SYSTEM §9.3) ---- */
  --font-display:'Newsreader',Georgia,serif; --font-body:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif; --font-mono:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
  /* ---- geometry ---- */
  --r:18px; --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px; --maxw:680px;
  --sp-xs:10px; --sp-s:15px; --sp-m:30px; --sp-l:60px; --sp-xl:90px;
  /* ---- motion (DESIGN_SYSTEM §9.1) ---- */
  --dur-micro:.12s; --dur-base:.2s; --dur-slow:.3s; --dur-reveal:.6s; --dur-ambient:12s;
  --ease-out:cubic-bezier(.19,1,.22,1); --ease-in-out:cubic-bezier(.455,.03,.515,.955);
  --ease-spring:linear(0,.0014,.0055 1.03%,.0239,.053 3.44%,.0961 4.81%,.1957 7.39%,.4354 12.88%,.5484,.6494,.7362,.8083 23.88%,.8696,.9168 29.72%,.9368,.9536 32.81%,.9793 35.9%,.997 39.17%,1.0084 42.77%,1.0142 47.07%,1.0144 53.43%,1.0054 68.37%,1.0019 77.3%,.9998 99.98%);
}
*{margin:0;padding:0;box-sizing:border-box}
html{min-height:100%;overflow-x:hidden}
body{min-height:100%;overflow-x:hidden}
body{background:var(--bg);color:var(--fg);font-family:'Manrope',-apple-system,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.serif{font-family:'Newsreader',Georgia,serif}
.mono{font-family:'Manrope',monospace}
button{font-family:inherit;cursor:pointer;color:inherit;border:none;background:none}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---- shared top bar ---- */
.bar{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;height:calc(64px + env(safe-area-inset-top));display:flex;align-items:center;
  justify-content:space-between;padding:0 22px;
  padding-top:env(safe-area-inset-top);padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
.bar .left,.bar .brand-home{display:flex;align-items:center;gap:12px}
.brand-home{color:inherit;text-decoration:none}
.logoorb{width:34px;height:34px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 36% 30%, #fff, var(--ac) 46%, rgba(0,0,0,.6) 100%);
  box-shadow:0 0 22px -4px var(--ac),inset -4px -5px 12px rgba(0,0,0,.4),inset 4px 4px 10px rgba(255,255,255,.3)}
.brand{font-family:'Manrope',sans-serif;font-size:17px;letter-spacing:-.01em;font-weight:600;text-transform:lowercase}
.viewtog{display:none;gap:11px;font-family:'Manrope',sans-serif;font-size:16px;letter-spacing:0}
.viewtog button{color:var(--dim);transition:color var(--dur-base)}.viewtog button.on{color:var(--fg)}
.viewtog .sep{color:var(--ac)}
body.result-mode .bar .left,body.result-mode .bar .brand-home{color:#101411;background:rgba(239,242,239,.86);border:1px solid rgba(16,20,17,.08);border-radius:999px;padding:7px 13px 7px 7px;box-shadow:0 14px 34px -26px rgba(0,0,0,.7);backdrop-filter:blur(16px)}
body.result-mode .bar .brand{color:#101411}
body.result-mode .bar .logoorb{width:32px;height:32px}
.product-nav{position:fixed;z-index:70;left:50%;bottom:max(14px,env(safe-area-inset-bottom));
  transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(680px,calc(100% - 28px));padding:8px;border-radius:999px;
  background:rgba(246,241,234,.94);border:1px solid rgba(16,20,17,.12);backdrop-filter:blur(18px)}
.product-nav[hidden]{display:none}.product-nav button{min-height:46px;border:0;border-radius:999px;background:transparent;
  color:#57534c;font:700 12px 'Manrope',sans-serif}.product-nav button[aria-current="page"]{background:#101411;color:#fff}
body.result-mode{padding-bottom:94px}
#bpreader.account-reader,#bpreader.product-lock-reader,#bpreader.life-book-unlock,#bpreader.product-tab,#bpreader.account-tab{z-index:65;padding-bottom:94px}

/* ============ LANDING ============ */
#landing{min-height:100dvh;display:flex;align-items:center;padding:96px 0 56px;position:relative;overflow:hidden}
.kanji{position:absolute;right:-5vw;top:8vh;font-family:'Newsreader',serif;font-size:min(56vw,500px);
  line-height:1;color:var(--fg);opacity:.028;pointer-events:none;user-select:none;z-index:0}
#landing .wrap{position:relative;z-index:1}
.hero h1{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(38px,7.4vw,64px);
  line-height:1.05;letter-spacing:-.02em;max-width:15ch}
.hero h1 i{font-style:italic;color:var(--ac)}
.hero p{font-size:clamp(16px,2.1vw,18px);color:var(--dim);max-width:32ch;margin-top:22px}
.reader{margin-top:44px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);
  padding:26px 22px 28px;max-width:480px}
.reader h2{font-family:'Newsreader',serif;font-weight:400;font-size:22px;margin-bottom:4px}
.reader .note{font-size:12.5px;color:var(--dim);margin-bottom:20px}
.lab{display:block;font-size:11px;color:var(--dim);margin-bottom:7px;font-weight:500;letter-spacing:.02em}
.fields{display:grid;grid-template-columns:1fr 1.35fr 1.1fr;gap:9px;margin-bottom:16px}
select{width:100%;background:#0B0B0D;border:1px solid var(--line2);color:var(--fg);
  font-family:'Manrope',monospace;font-size:15px;padding:13px 11px;border-radius:10px;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238E8B83' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
select:focus{outline:none;border-color:var(--ac)}
.timewrap{display:flex;gap:12px;align-items:center;margin-bottom:22px}
.timewrap select{flex:0 0 150px}.timewrap span{font-size:12px;color:var(--dim)}
.citywrap{position:relative;margin-bottom:22px}
.citywrap input{width:100%;background:#0B0B0D;border:1px solid var(--line2);color:var(--fg);
  font-family:'Manrope',monospace;font-size:15px;padding:13px 11px;border-radius:10px}
.citywrap input:focus{outline:none;border-color:var(--ac)}
.citynote{display:block;margin-top:7px;font-size:12px;color:var(--dim)}
.cityresults{position:absolute;left:0;right:0;top:48px;z-index:30;background:#15151A;
  border:1px solid var(--line2);border-radius:10px;margin-top:4px;max-height:240px;overflow-y:auto;display:none}
.cityresults.on{display:block}
.cityresults div{padding:13px 16px;min-height:44px;display:flex;align-items:center;font-size:15px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06)}
.cityresults div:last-child{border-bottom:none}
.cityresults div:hover,.cityresults div:active{background:rgba(255,255,255,.08)}
.cta{display:block;width:100%;background:var(--fg);color:#0B0B0D;border-radius:10px;font-size:16px;
  font-weight:600;padding:16px;transition:transform var(--dur-micro),opacity var(--dur-base)}
.cta:active{transform:scale(.985)}.cta:disabled{opacity:.4}

/* ============ IDENTITY REVEAL ============ */
.reveal{position:fixed;inset:0;z-index:60;display:none;overflow-y:auto;background:#080A0D;color:#F6F1EA}
.reveal.on{display:block;animation:fade var(--dur-reveal) var(--ease-out)}
@keyframes fade{from{opacity:0}to{opacity:1}}
.reveal::before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 26% 12%,rgba(200,213,204,.14),transparent 28%),
  radial-gradient(circle at 74% 74%,rgba(138,115,92,.11),transparent 34%),
  linear-gradient(180deg,rgba(8,10,13,.1),rgba(8,10,13,.88)),
  url('/assets/clarify-ink-mist.png') center / cover no-repeat;filter:saturate(.72) brightness(.68);transform:scale(1.02);pointer-events:none}
.reveal::after{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.34),transparent 42%,rgba(0,0,0,.22)),
  linear-gradient(180deg,rgba(246,241,234,.05),transparent 36%,rgba(0,0,0,.34));pointer-events:none}
.rvvig,.rvscrim{display:none}
.reveal .rvframe{position:relative;z-index:2;min-height:100dvh;max-width:1160px;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(14px,3vh,28px);padding:calc(26px + env(safe-area-inset-top)) max(clamp(22px,4vw,54px),env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(clamp(22px,4vw,54px),env(safe-area-inset-left))}
.reveal .rvtop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;font-family:'Manrope',monospace;font-size:11px;line-height:1.2;letter-spacing:.16em;text-transform:lowercase;color:rgba(246,241,234,.68)}
.reveal .rvtop .rvseason{text-align:right;color:#C8D5CC}
.reveal .rvstage{min-height:0;display:grid;place-items:center;align-content:center;gap:12px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.reveal .rvcard{width:min(390px,calc(100vw - 48px));display:grid;grid-template-rows:auto auto;overflow:hidden;border-radius:34px;background:#F6F1EA;color:#11100E;border:1px solid rgba(246,241,234,.34);box-shadow:0 48px 110px -54px rgba(0,0,0,.92),0 0 0 1px rgba(255,255,255,.08);transform:translateY(12px) scale(.985);opacity:0}
.reveal.on .rvcard{animation:rvcardin .74s var(--ease-out) forwards}
@keyframes rvcardin{to{opacity:1;transform:translateY(0) scale(1)}}
.reveal .rvmedia{position:relative;aspect-ratio:4/5;background:#ECEAE3;overflow:hidden}
.reveal .rvmedia::after{content:'';position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(17,16,14,.18));pointer-events:none}
.reveal .rvimg{width:100%;height:100%;background:url('/assets/clarify-ink-mist.png') center top / cover no-repeat;transform:scale(1.01);transition:transform .9s var(--ease-out),filter .9s var(--ease-out)}
.reveal.on .rvimg{transform:scale(1.065)}
.reveal .rvbody{display:grid;gap:8px;padding:16px 20px 18px;background:linear-gradient(180deg,#F6F1EA,#E8E4DA)}
.reveal .rvmark{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.18em;text-transform:lowercase;color:#7C8A80}
.reveal h2{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(42px,10vw,58px);line-height:.92;letter-spacing:-.035em;color:#11100E}
.reveal .rvmeta{display:flex;justify-content:space-between;gap:14px;font-family:'Manrope',monospace;font-size:10px;line-height:1.25;letter-spacing:.1em;text-transform:lowercase;color:#6F6860}
.reveal .rvtraits{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}
.reveal .rvtraits span{font-family:'Manrope',monospace;font-size:10px;line-height:1;letter-spacing:.04em;text-transform:lowercase;color:#F6F1EA;background:#2C2925;border:1px solid rgba(17,16,14,.14);border-radius:999px;padding:8px 10px}
.reveal .rvnote{max-width:min(390px,calc(100vw - 48px));text-align:center;font-family:'Manrope',sans-serif;font-size:13px;line-height:1.45;color:rgba(246,241,234,.68)}
.reveal .rvactions{width:min(390px,calc(100vw - 48px));display:grid;grid-template-columns:1fr;gap:8px}
.reveal .rvbtn{min-height:52px;border-radius:999px;font-family:'Manrope',sans-serif;font-size:15px;font-weight:800;transition:transform var(--dur-base),box-shadow var(--dur-base),background var(--dur-base)}
.reveal .rvbtn:active{transform:scale(.985)}
.reveal .rvbtn:focus-visible{outline:1px solid rgba(200,213,204,.82);outline-offset:4px}
.reveal .rvbtn.primary{background:#F6F1EA;color:#11100E;box-shadow:0 22px 54px -38px rgba(246,241,234,.9)}
.reveal .rvbtn.secondary{min-height:38px;background:transparent;color:rgba(246,241,234,.76);border:0;box-shadow:none;font-size:13px;font-weight:700}
.reveal .profile-map,.reveal .profile-summary,.reveal #inlineAnalysis{width:min(390px,calc(100vw - 48px))}
.reveal .profile-map{display:grid;gap:10px;border-top:1px solid rgba(246,241,234,.18);padding-top:16px}
.reveal .profile-kicker,.reveal .profile-precision{font-family:'Manrope',monospace;font-size:10px;line-height:1.45;letter-spacing:.1em;text-transform:lowercase;color:rgba(246,241,234,.62)}
.reveal .profile-map h2{font-family:'Manrope',sans-serif;font-size:20px;line-height:1.15;letter-spacing:-.02em;color:#F6F1EA}
.reveal .profile-dimensions{display:grid;gap:8px}
.reveal .profile-dimension{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:13px}
.reveal .profile-dimension i{grid-column:1/-1;display:block;height:3px;background:linear-gradient(90deg,var(--ac) var(--score),rgba(246,241,234,.14) var(--score));border-radius:999px}
.reveal .profile-summary{display:grid;gap:5px;font-size:13px;line-height:1.45;color:rgba(246,241,234,.78)}
.reveal #inlineAnalysis{display:grid;gap:10px;font-size:13px;line-height:1.45;color:rgba(246,241,234,.78)}
.reveal #inlineAnalysis[hidden]{display:none}
.reveal .analysis-notify{display:grid;gap:8px;border-top:1px solid rgba(246,241,234,.14);padding-top:10px}
.reveal .analysis-notify input{min-height:44px;border:1px solid rgba(246,241,234,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#F6F1EA;padding:0 14px}
.reveal .analysis-notify button,.reveal #analysisRetry{min-height:42px;border-radius:999px;background:#F6F1EA;color:#11100E;font-weight:800}
@keyframes hintpulse{0%,100%{opacity:.34}50%{opacity:.62}}
@media(max-width:640px){
  .reveal .rvframe{padding:calc(22px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}
  .reveal .rvtop{font-size:10px}
  .reveal .rvcard,.reveal .rvactions,.reveal .rvnote{width:min(360px,calc(100vw - 44px))}
  .reveal .rvbody{padding:15px 18px 17px}
}
@media(max-height:860px){
  .reveal .rvframe{gap:8px}
  .reveal .rvcard{width:min(360px,calc(100vw - 44px));border-radius:30px}
  .reveal .rvbody{padding:13px 17px 15px;gap:6px}
  .reveal h2{font-size:clamp(36px,8.8vw,48px)}
  .reveal .rvtraits{gap:6px;margin-top:1px}
  .reveal .rvtraits span{font-size:8.5px;padding:6px 9px}
  .reveal .rvnote{display:none}
  .reveal .rvactions{width:min(360px,calc(100vw - 44px))}
  .reveal .rvbtn{min-height:48px;font-size:14px}
  .reveal .rvbtn.secondary{min-height:34px;font-size:12.5px}
}
@media(max-height:740px){
  .reveal .rvframe{gap:8px;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .reveal .rvcard{width:min(300px,calc(100vw - 44px));border-radius:24px}
  .reveal .rvmedia{aspect-ratio:4/5}
  .reveal .rvbody{padding:12px 14px 14px;gap:6px}
  .reveal h2{font-size:40px}
  .reveal .rvmeta{font-size:9px}
  .reveal .rvtraits{gap:6px}
  .reveal .rvtraits span{font-size:8.5px;padding:6px 8px}
  .reveal .rvactions{width:min(300px,calc(100vw - 44px));gap:8px}
  .reveal .rvbtn{min-height:44px;font-size:13.5px}
  .reveal .rvbtn.secondary{min-height:30px;font-size:12px}
}

/* ============ RESULT — carousel + list ============ */
#result{display:none}
#result.on{--rd-paper:#EFF2EF;--rd-paper2:#E5EAE5;--rd-ink:#101411;--rd-muted:#5C665F;--rd-hair:rgba(16,20,17,.13);
  display:block;position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0B0D0B;
  background-image:linear-gradient(180deg,#171A16 0%,#0B0D0B 44%,#080908 100%)}
#viewtog{display:none}   /* spiral·list toggle retired — the reading is now a conversion-first scroll */
/* ===== conversion-first reading scroll (replaces the spiral as the default) ===== */
#scroll{max-width:820px;margin:0 auto;padding:84px 16px 120px;padding:calc(84px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.rd-hero{min-height:calc(100dvh - 104px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:left;padding:0 0 30px}
.rd-cover{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,var(--rd-paper) 0%,var(--rd-paper2) 100%);color:var(--rd-ink);padding:58px 20px 22px;min-height:calc(100dvh - 140px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 28px 90px -50px rgba(0,0,0,.85), inset 0 0 0 1px rgba(255,255,255,.5)}
.rd-cover::before{content:'';position:absolute;inset:auto -20% -42% -20%;height:58%;background:radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--ac) 34%, transparent), transparent 66%);opacity:.45;pointer-events:none}
.rd-cover-top,.rd-cover-bottom{position:relative;z-index:1}
.rd-hero .rd-kick{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--rd-muted);margin-bottom:22px}
.rd-id-label{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:8px}
.rd-name{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(58px,16vw,104px);line-height:.9;letter-spacing:-.018em;color:var(--rd-ink);max-width:7.5ch}
.rd-hero .rd-sub{font-family:'Manrope',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rd-muted);margin-top:16px}
.rd-hook{font-family:'Newsreader',serif;font-style:italic;font-weight:300;font-size:clamp(19px,4.8vw,24px);line-height:1.45;color:var(--dim);max-width:26ch;margin:26px auto 0}
.rd-sec{padding:54px 0;border-top:1px solid rgba(244,242,237,.11)}
.rd-sheet{margin:18px 0 0;padding:34px 20px;border-radius:28px;background:var(--rd-paper);color:var(--rd-ink);border-top:0;box-shadow:0 24px 76px -54px rgba(0,0,0,.88), inset 0 0 0 1px rgba(255,255,255,.48)}
#rdPreview,#rdGate,#rdSavedGate,#rdBlueprintChoice,#rdQuestion,#rdPaywall{scroll-margin-top:92px}
.rd-secnum{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:16px}
.rd-title{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(30px,7vw,44px);line-height:1.02;letter-spacing:-.018em;color:inherit;margin-bottom:16px;max-width:13ch}
.rd-lead{font-family:'Newsreader',serif;font-style:italic;font-weight:300;font-size:clamp(18px,4.6vw,23px);line-height:1.42;color:var(--rd-muted);margin-bottom:22px;max-width:31ch}
.rd-sec p{font-size:16.5px;line-height:1.72;color:var(--fg);margin-bottom:16px;max-width:62ch}
.rd-sheet p{color:var(--rd-muted)}
.rd-sec p em{font-style:italic;color:var(--dim)}
.rd-lockedbody{font-family:'Manrope',monospace;font-size:13px;color:var(--dim);border:1px dashed var(--line2);border-radius:10px;padding:18px;text-align:center}
/* inline email gate */
.rd-gate{padding:42px 22px;margin:18px -22px;background:var(--bg2);border-radius:var(--r-lg);text-align:center}
.rd-gate-eyebrow{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:12px}
.rd-gate .rd-title{font-size:clamp(23px,5.8vw,29px);margin-bottom:10px}
.rd-gate .rd-lead{font-style:normal;font-family:'Manrope',sans-serif;font-size:15px;color:var(--dim);max-width:30ch;margin:0 auto 20px}
.rd-email{width:100%;max-width:360px;background:#11100E;border:1px solid rgba(244,242,237,.18);color:var(--fg);font-family:'Manrope',monospace;font-size:15px;padding:15px 14px;border-radius:14px;margin-bottom:12px}
.rd-email:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px rgba(221,200,137,.12)}
.rd-btn{font-family:'Manrope',sans-serif;font-weight:700;font-size:15.5px;width:100%;max-width:360px;background:var(--fg);color:var(--bg);border-radius:14px;padding:15px;min-height:52px;transition:opacity var(--dur-base),transform var(--dur-base),box-shadow var(--dur-base)}
.rd-btn:hover{opacity:.94;transform:translateY(-1px)}.rd-btn:active{transform:translateY(0)}.rd-btn:disabled{opacity:.5}
.auth-status-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.auth-status-actions .rd-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:176px;text-decoration:none}
.auth-status-actions .rd-btn.secondary{background:transparent;color:var(--rd-ink);border:1px solid var(--rd-hair);box-shadow:none}
@media(max-width:560px){.auth-status-actions{display:grid}.auth-status-actions .rd-btn{width:100%;max-width:none}}
.rd-msg{margin-top:12px;font-size:13px;color:var(--dim)}
.rd-msg-notice{color:var(--rd-ink);background:color-mix(in srgb,var(--ac) 12%,white);border:1px solid var(--rd-hair);border-radius:12px;padding:10px 12px;font-weight:600;line-height:1.45}
.rd-validation{gap:0;border-bottom:0}
.rd-validation .rd-name{font-size:clamp(58px,16vw,104px)}
.rd-signal-thesis{font-family:'Manrope',sans-serif;font-size:clamp(25px,6vw,44px);line-height:1.08;letter-spacing:-.035em;font-weight:700;color:var(--rd-ink);max-width:18ch;margin:34px 0 0}
.rd-signal-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;max-width:38rem}
.rd-signal-chip{font-family:'Manrope',monospace;font-size:10.5px;line-height:1;letter-spacing:.06em;color:var(--rd-ink);border:1px solid color-mix(in srgb,var(--ac) 42%, white);background:color-mix(in srgb,var(--ac) 24%, white);border-radius:999px;padding:9px 11px}
.rd-signal-bridge{font-size:15px;line-height:1.52;color:var(--rd-muted);max-width:30ch;margin:22px 0 0}
.rd-mini-cta{margin-top:22px;background:var(--rd-ink);color:var(--rd-paper);border:0;font-family:'Manrope',sans-serif;font-weight:700;font-size:14.5px;border-radius:999px;padding:13px 18px;min-height:48px;width:max-content;box-shadow:0 16px 36px -24px rgba(0,0,0,.7)}
.rd-preview-shell{border-top:0;margin-top:0}
.rd-preview-context{display:grid;grid-template-columns:1fr;gap:18px;margin:0 0 30px;padding:18px;border:1px solid var(--rd-hair);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.58),color-mix(in srgb,var(--ac) 7%,white));box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.rd-context-type{display:grid;gap:7px}
.rd-context-type span{font-family:'Manrope',monospace;font-size:10.5px;letter-spacing:.11em;color:var(--ac)}
.rd-context-type b{font-family:'Newsreader',serif;font-size:clamp(38px,9vw,68px);font-weight:400;line-height:.88;letter-spacing:-.035em;color:var(--rd-ink)}
.rd-context-type small{font-family:'Manrope',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--rd-muted)}
.rd-context-proof p{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(19px,3.8vw,28px);line-height:1.16;letter-spacing:-.025em;color:var(--rd-ink);max-width:27ch;margin:0}
.rd-context-proof .rd-signal-chips{margin-top:16px}
.rd-signal-list{display:grid;gap:8px;margin-top:16px;color:var(--rd-muted);font-size:13px;line-height:1.45}
.rd-preview-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:28px;border-top:1px solid var(--rd-hair)}
#rdStickyMarker{height:0;min-height:0;overflow:hidden}
.rd-hit{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;border-bottom:1px solid var(--rd-hair);padding:20px 0}
.rd-hit:first-child{border-top:0}
.rd-hit-k{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ac);margin-top:2px}
.rd-hit h3{font-family:'Manrope',sans-serif;font-size:19px;line-height:1.14;font-weight:700;color:var(--rd-ink);margin-bottom:8px}
.rd-hit p{font-size:15.5px;line-height:1.56;color:var(--rd-muted);margin:0;max-width:52ch}
.rd-area-summary{cursor:pointer;list-style:none;display:grid;gap:10px}
.rd-area-summary::-webkit-details-marker{display:none}
.rd-hit-main{display:grid;gap:8px}
.rd-hit-main>b{font-family:'Manrope',sans-serif;font-size:19px;line-height:1.14;color:var(--rd-ink)}
.rd-hit-main>span{font-size:15.5px;line-height:1.56;color:var(--rd-muted)}
.rd-area-detail{padding-top:16px;margin-top:16px;border-top:1px solid var(--rd-hair)}
.rd-area-detail .rd-action{margin-top:13px;padding:13px 15px;border-radius:14px;background:color-mix(in srgb,var(--ac) 10%,white);color:var(--rd-ink);font-weight:600}
.rd-year-teaser{margin-top:24px;padding:22px;border:1px solid var(--rd-hair);border-radius:22px;background:rgba(255,255,255,.48)}
.rd-year-teaser>span{display:block;margin-bottom:10px;font-family:'Manrope',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac)}
.rd-year-teaser>p{margin:0;color:var(--rd-muted)}
.rd-save{margin:26px 0 0;padding:18px;border:1px solid var(--rd-hair);border-radius:20px;background:rgba(255,255,255,.55)}
.rd-save-label{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ac);margin-bottom:8px}
.rd-save .rd-gate-eyebrow{margin-bottom:8px}
.rd-save h3{font-family:'Manrope',sans-serif;font-size:18px;line-height:1.25;font-weight:700;color:var(--rd-ink);margin-bottom:7px}
.rd-save p{font-size:14.5px;line-height:1.5;color:var(--rd-muted);margin-bottom:14px}
.rd-save-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start}
.rd-save .rd-email{max-width:none;margin:0}
.rd-save .rd-btn{width:auto;min-width:170px;margin:0;background:var(--rd-ink);color:var(--rd-paper);border:0}
.rd-question{border-top-color:rgba(221,200,137,.4)}
.rd-offer{padding:34px 20px 26px}
.rd-offer-choice{scroll-margin-top:92px}
.rd-question-copy{font-size:15px;line-height:1.55;color:var(--rd-muted);max-width:40ch;margin:0}
.rd-offer-main{margin-top:28px;border:1px solid rgba(221,200,137,.42);border-radius:28px;background:linear-gradient(180deg,rgba(13,12,10,.95),rgba(13,12,10,.82));color:var(--fg);box-shadow:0 30px 90px -48px rgba(0,0,0,.9);overflow:hidden}
.rd-offer-copy{padding:28px 22px 0}
.rd-tension{font-family:'Newsreader',serif;font-style:italic;font-weight:300;font-size:clamp(25px,6.3vw,36px);line-height:1.22;color:var(--rd-ink);max-width:28ch;margin-bottom:14px}
.rd-entry-shell{margin-top:26px;padding:10px;border:1px solid var(--rd-hair);border-radius:24px;background:rgba(255,255,255,.5)}
.rd-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rd-entry-card{min-height:126px;border:1px solid var(--rd-hair);border-radius:18px;background:rgba(255,255,255,.66);color:var(--rd-ink);padding:17px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:border-color var(--dur-base),background var(--dur-base),transform var(--dur-base),box-shadow var(--dur-base)}
.rd-entry-card:hover,.rd-entry-card.on{border-color:color-mix(in srgb,var(--ac) 72%, #111);background:color-mix(in srgb,var(--ac) 18%, white);transform:translateY(-1px);box-shadow:0 18px 50px -34px rgba(0,0,0,.42)}
.rd-entry-card b{font-family:'Manrope',sans-serif;font-size:18px;line-height:1.2}
.rd-entry-card span{font-size:13px;line-height:1.4;color:var(--rd-muted);margin-top:12px}
.rd-entry-card em{font-family:'Manrope',monospace;font-style:normal;font-size:10.5px;color:var(--ac);letter-spacing:.07em;margin-bottom:10px}
.rd-outline{padding:34px 20px;border-top:0}
.rd-outline-deck{display:grid;grid-template-columns:1fr;gap:0;margin-top:26px;border:1px solid var(--rd-hair);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.5)}
.rd-outline-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px;border-top:1px solid var(--rd-hair)}
.rd-outline-item:first-child{border-top:0}
.rd-outline-item i{font-family:'Manrope',monospace;font-style:normal;font-size:11px;color:var(--ac);padding-top:2px}
.rd-outline-item b{display:block;font-family:'Manrope',sans-serif;font-size:16px;color:var(--rd-ink);margin-bottom:4px}
.rd-outline-item span{display:block;font-size:14px;line-height:1.46;color:var(--rd-muted)}
.rd-selected{font-family:'Manrope',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ac);margin:18px 0 12px}
.rd-fullbook{padding:42px 0 8px;border-top:1px solid var(--line)}
.rd-fullbook .rd-sec{padding:30px 0}
.rd-life-bridge{--rd-ink:#101411;--rd-muted:#5C665F;--rd-hair:rgba(16,20,17,.13);margin:36px 0 12px;padding:24px;border:1px solid #d6d1c5;border-radius:24px;background:#fff;color:#101411}
.rd-life-bridge .rd-title{max-width:12ch;color:#101411}
.rd-life-bridge .rd-lead{color:#5C665F;max-width:34ch}
.rd-life-bridge .rd-entry-grid{margin-top:18px}
.rd-life-bridge .rd-entry-card{min-height:112px;background:#F4F2ED}
@media (max-width:560px){.rd-hit{grid-template-columns:1fr;gap:7px}.rd-save-row{grid-template-columns:1fr}.rd-save .rd-btn{width:100%;max-width:none}.rd-entry-grid{grid-template-columns:1fr}.rd-mini-cta{width:100%}}
/* inline paywall (card 8) */
.rd-paywall{margin:34px -18px 0;padding:24px 18px 54px;padding:24px max(18px,env(safe-area-inset-right)) 54px max(18px,env(safe-area-inset-left));border-top:1px solid rgba(221,200,137,.4);text-align:center}
.rd-pay-panel{max-width:640px;margin:0 auto;border:1px solid rgba(221,200,137,.42);border-radius:28px;padding:34px 22px 24px;background:linear-gradient(180deg,rgba(244,242,237,.075),rgba(13,12,10,.82));box-shadow:0 30px 90px -48px rgba(0,0,0,.9)}
.rd-pw-eyebrow{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ac);margin-bottom:12px}
.rd-pw-title{font-family:'Newsreader',serif;font-weight:400;font-size:clamp(36px,9.5vw,56px);line-height:1;letter-spacing:-.02em;color:var(--fg)}
.rd-pw-lead{font-family:'Newsreader',serif;font-style:italic;font-weight:300;font-size:clamp(18px,4.6vw,22px);line-height:1.45;color:var(--dim);max-width:30ch;margin:16px auto 26px}
.rd-pw-months{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:380px;margin:0 auto 26px}
.rd-month{aspect-ratio:3/4;border:1px solid var(--line2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Manrope',monospace;font-size:10px;color:var(--dim);text-align:center;padding:6px;line-height:1.3}
.rd-month.open{grid-column:1/-1;aspect-ratio:auto;padding:16px 18px;color:var(--fg);border-color:var(--ac);background:rgba(255,255,255,.03);font-family:'Newsreader',serif;font-style:italic;font-size:16px}
.rd-month .rd-lock{color:var(--ac);opacity:.55;font-size:12px}
.rd-pw-value{list-style:none;max-width:460px;margin:0 auto 24px;text-align:left;display:grid;gap:8px;counter-reset:bp-value}
.rd-pw-value li{font-family:'Manrope',sans-serif;font-size:14.5px;color:rgba(244,242,237,.86);padding:12px 13px 12px 44px;position:relative;line-height:1.38;border:1px solid rgba(244,242,237,.11);border-radius:14px;background:rgba(0,0,0,.16);counter-increment:bp-value}
.rd-pw-value li::before{content:counter(bp-value,decimal-leading-zero);position:absolute;left:13px;top:12px;color:var(--ac);font-family:'Manrope',monospace;font-size:10px;letter-spacing:.08em}
.rd-pw-reassure{font-family:'Manrope',monospace;font-size:12.5px;letter-spacing:.03em;color:var(--fg);margin-bottom:8px}
.rd-pw-anchor{font-family:'Manrope',sans-serif;font-size:13px;color:var(--dim);max-width:36ch;margin:0 auto 22px;line-height:1.5}
.rd-btn-buy{background:var(--ac);color:#0B0B0D;box-shadow:0 18px 48px -28px rgba(221,200,137,.72)}
.rd-pay-panel #buyBpInline{display:block;margin:0 auto 24px}
.rd-offer-includes{display:grid;gap:10px;margin:24px 0 0}
.rd-offer-includes .rd-outline-item,.rd-offer-includes .rd-outline-item:first-child{display:block;border:1px solid rgba(244,242,237,.12);border-radius:16px;padding:15px;background:rgba(255,255,255,.035)}
.rd-offer-includes .rd-outline-item i{display:block;font-size:11px;margin:0 0 12px;padding:0;color:var(--ac)}
.rd-offer-includes .rd-outline-item b{font-size:17px;line-height:1.14;color:var(--fg)}
.rd-offer-includes .rd-outline-item span{font-size:14px;line-height:1.48;color:var(--dim)}
.rd-offer .rd-paywall{margin:0;padding:0;border-top:0;text-align:left}
.rd-offer .rd-pay-panel{border:0;border-radius:0;background:transparent;box-shadow:none;margin:0;padding:24px 22px 28px}
/* sticky CTA */
.rd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 22px;padding:12px max(22px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(to top, var(--bg) 62%, transparent);display:none}
.rd-sticky.on{display:block}
.rd-sticky .rd-btn{margin:0 auto;display:block;max-width:480px;box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
#stage{position:fixed;inset:0;perspective:780px;overflow:hidden}
#stage.hide{display:none}
.rhead{position:absolute;top:74px;top:calc(74px + env(safe-area-inset-top));left:0;right:0;text-align:center;z-index:5;pointer-events:none}
.rhead .mono{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}
/* 3D cylinder: cards sit on the outer wall, the cylinder auto-rotates around X */
#cards{position:absolute;left:50%;top:50%;transform-style:preserve-3d;width:0;height:0}
.scard{--w:min(50vw,280px);position:absolute;left:0;top:0;width:var(--w);height:calc(var(--w)*0.75);
  margin-left:calc(var(--w)/-2);margin-top:calc(var(--w)*0.375*-1);border-radius:var(--r-lg);
  overflow:hidden;cursor:pointer;will-change:transform,opacity,filter;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.scard .art{position:absolute;inset:0;background-size:cover;background-position:center}
.scard .scrim{position:absolute;inset:0;background:linear-gradient(to top, rgba(8,8,10,.86) 6%, rgba(8,8,10,.15) 46%, transparent 70%)}
.scard .cap{position:absolute;left:0;right:0;bottom:0;padding:20px 22px}
.scard .cap h4{font-family:'Manrope',sans-serif;font-weight:500;font-size:20px;line-height:1.18;letter-spacing:-.01em;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scard .cap .hook{font-size:13px;line-height:1.45;color:rgba(255,255,255,.72);margin-top:6px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.scard .lock{position:absolute;top:14px;right:14px;font-family:'Manrope',monospace;font-size:10px;
  letter-spacing:.16em;color:#fff;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);padding:5px 10px;border-radius:999px}
/* the paid Blueprint card ("the door") stands apart from the email-gated cards: accent ring + filled accent badge */
.scard.is-door{box-shadow:0 0 0 1.5px var(--ac),0 30px 70px -20px rgba(0,0,0,.7)}
.scard .lock.door{color:#0B0B0D;background:var(--ac);font-weight:600;backdrop-filter:none;text-transform:lowercase}
.hint{position:absolute;bottom:26px;bottom:calc(26px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;z-index:5;pointer-events:none;
  font-family:'Manrope',monospace;font-size:11px;letter-spacing:.18em;color:var(--dim);text-transform:uppercase}
/* focal/hover card label (Pacôme-style floating pill: thumbnail + title) */
.cardlabel{position:absolute;bottom:34px;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;z-index:6;pointer-events:none;display:flex;align-items:center;gap:11px;
  background:var(--fg);color:var(--bg);border-radius:var(--r-pill);padding:7px 20px 7px 7px;max-width:84vw;
  box-shadow:0 14px 36px -12px rgba(0,0,0,.7);opacity:0;transform:translate(-50%,10px);
  transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.cardlabel.on{opacity:1;transform:translate(-50%,0);pointer-events:auto;cursor:pointer}
.cardlabel .thumb{width:42px;height:42px;border-radius:9px;flex:none;overflow:hidden;background-size:cover;background-position:center}
.cardlabel .lt{display:flex;flex-direction:column;min-width:0}
.cardlabel .lt .t{font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardlabel .lt .lk{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a857c;margin-top:1px}

/* list view */
#listv{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;padding:90px 22px 60px;padding:calc(90px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));text-align:center}
#listv.on{display:flex}
#listv .row{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(25px,6.4vw,42px);line-height:1.1;
  letter-spacing:-.02em;cursor:pointer;transition:color var(--dur-base),transform var(--dur-base);color:var(--fg)}
#listv .row:hover{color:var(--ac);transform:translateX(2px)}
#listv .row.locked{color:#56544d}
#listv .row.locked::after{content:' ✦';color:var(--ac);font-size:.55em;vertical-align:middle}

/* ============ DETAIL — rounded card modal ============ */
.detail{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:14px;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  background:rgba(6,6,8,.66);backdrop-filter:blur(6px)}
.detail.on{display:flex;animation:fade var(--dur-slow) var(--ease-out)}
.dcard{position:relative;background:var(--bg2);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:94vh;
  overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 40px 90px -20px rgba(0,0,0,.8)}
.dcard::-webkit-scrollbar{width:0}
.dclose{position:sticky;top:0;float:right;margin:12px 12px -54px 0;z-index:3;width:38px;height:38px;border-radius:50%;
  background:rgba(0,0,0,.45);backdrop-filter:blur(6px);color:#fff;font-size:22px;line-height:1}
.dimg{height:clamp(320px,56vh,560px);position:relative}
.dimg .art{position:absolute;inset:0}
.dbody{padding:26px 24px 32px}
.dbody .ck{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:12px}
.dbody h2{font-family:'Manrope',sans-serif;font-weight:600;font-size:clamp(28px,7vw,40px);line-height:1.08;letter-spacing:-.02em;margin-bottom:14px}
.dbody .sum{font-family:'Newsreader',serif;font-style:italic;font-weight:300;font-size:clamp(17px,4.4vw,21px);line-height:1.4;color:var(--dim);margin-bottom:24px}
.dbody .anchor{font-family:'Newsreader',serif;font-style:italic;color:var(--dim);font-size:17px;border-left:2px solid var(--ac);padding-left:16px;margin:0 0 24px}
.dbody p{font-size:16.5px;line-height:1.72;margin-bottom:18px}
.dbody p em{font-style:italic;color:var(--dim)}
.dnav{display:flex;gap:9px;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
.dnav button{padding:13px 16px;font-size:14px;font-weight:600;border-radius:9px;border:1px solid var(--line2);transition:var(--dur-base)}
.dnav button:disabled{opacity:.3}.dnav .sh{background:var(--ac);color:#0B0B0D;border-color:var(--ac);margin-left:auto}
.upsell{border:1px solid var(--ac);border-radius:14px;padding:22px 20px;margin-top:22px;background:rgba(255,255,255,.02)}
.upsell .price{font-family:'Newsreader',serif;font-size:30px}.upsell .price small{font-size:13px;color:var(--dim);font-family:'Manrope',sans-serif}
.upsell button{margin-top:14px;width:100%;background:var(--ac);color:#0B0B0D;border-radius:9px;font-size:15.5px;font-weight:600;padding:15px}
.upsell .entrygrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 2px}
.upsell .entrybtn{margin-top:0;width:100%;background:rgba(255,255,255,.03);color:var(--fg);border:1px solid var(--ac);border-radius:9px;font-size:15px;font-weight:600;padding:14px;transition:var(--dur-base)}
.upsell .entrybtn:hover{background:var(--ac);color:#0B0B0D}
.upsell .entrybtn:disabled{opacity:.4}
.bp-entry-inline{max-width:420px;margin:22px auto 0;text-align:left}
.bp-entry-inline .price{text-align:center}
.bp-entry-inline p{text-align:center}
.co-msg{margin-top:10px;font-size:13px;color:var(--dim);text-align:center}

.auth-options{display:grid;gap:12px;margin:18px 0}
.auth-native{min-height:44px}
.auth-native[hidden],.auth-apple[hidden]{display:none}
.auth-apple{width:100%;min-height:44px;border-radius:999px;background:#0B0B0D;color:#fff;font-weight:800;font-size:15px}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--dim);font-family:'Manrope',monospace;font-size:12px;letter-spacing:.08em;text-transform:lowercase}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line2);flex:1}
.sheet{position:fixed;inset:0;z-index:85;background:#F4F2ED;color:#0B0B0D;display:none;overflow-y:auto}
#legal{z-index:95}
.sheet.on{display:block;animation:fade var(--dur-slow) var(--ease-out)}
.sheet-in{max-width:680px;margin:0 auto;padding:24px 24px 64px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(64px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.sheet-x{display:block;margin-left:auto;font-family:'Manrope',monospace;font-size:13px;margin-bottom:16px}
.sheet-in h2{font-family:'Newsreader',serif;font-weight:400;font-size:32px;margin:18px 0 8px}
.sheet-in h3{font-family:'Manrope',sans-serif;font-weight:600;font-size:15px;margin:20px 0 6px}
.sheet-in p{font-size:14.5px;line-height:1.7;color:#3a3833;margin-bottom:12px}
.sheet-in .draft{background:#fbe8cf;border:1px solid #e0b877;border-radius:8px;padding:10px 14px;font-size:13px;color:#7a5a1a;margin:6px 0 14px}
.sheet-in ul{margin:0 0 14px 20px;padding:0}
.sheet-in li{font-size:14.5px;line-height:1.7;color:#3a3833;margin-bottom:7px}
.sheet-in .ck{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a5a2a;margin:6px 0 14px}

/* account-only You surface */
#bpreader.account-reader{background:#F4F2ED;color:#101411}
#bpreader.account-reader .sheet-in{max-width:760px;padding-bottom:110px}
#bpreader.account-reader .sheet-x{position:sticky;top:10px;z-index:6;border:1px solid rgba(16,20,17,.14);border-radius:999px;background:rgba(244,242,237,.88);color:#101411;padding:10px 13px}
.account-home{display:grid;gap:16px;padding:10px 0 40px}
.account-hero{padding:24px 0 18px;border-bottom:1px solid rgba(16,20,17,.12)}
.account-kicker,.account-label{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#747B72}
.account-hero h1{font:800 clamp(42px,10vw,70px)/.96 'Manrope',sans-serif;margin:8px 0 12px;color:#101411}
.account-hero p,.account-section p{font-size:15px;line-height:1.6;color:#596158;margin:0}
.account-section{display:grid;gap:12px;border:1px solid rgba(16,20,17,.12);border-radius:18px;background:rgba(255,255,255,.58);padding:18px}
.account-section h2{font:800 24px/1.05 'Manrope',sans-serif;margin:0;color:#101411}
.account-email{font-size:16px;font-weight:700;word-break:break-word;color:#101411}
.account-actions,.account-links{display:flex;flex-wrap:wrap;gap:8px}
.account-action{min-height:44px;border:1px solid rgba(16,20,17,.14);border-radius:999px;background:#fff;color:#101411;padding:11px 15px;font:800 14px 'Manrope',sans-serif;text-decoration:none;cursor:pointer}
.account-action.primary{background:#101411;color:#F4F2ED;border-color:#101411}
.account-action.danger{color:#7A2418;border-color:rgba(122,36,24,.24)}
.account-orders{display:grid;gap:8px}
.account-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;border-top:1px solid rgba(16,20,17,.1);padding-top:12px}
.account-order:first-child{border-top:0;padding-top:0}
.account-order b{font-size:15px;color:#101411}.account-order span{font-size:13px;color:#697068}.account-order strong{grid-row:1/3;grid-column:2;align-self:center;font-size:15px;color:#101411}
.account-login-form{display:grid;gap:12px;margin-top:20px}
.account-login-form input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:18px;padding:0 18px;font:inherit;background:var(--paper)}
.account-profile{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.account-profile span{display:block;margin-top:5px;color:var(--muted)}
.account-legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:24px 20px 116px;color:var(--muted)}
.account-legal-links button{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
@media(max-width:620px){.account-profile{align-items:flex-start;flex-direction:column}.account-profile .account-action{width:100%}}

/* dedicated online report reader for Life Book and paid Blueprint */
#bpreader.report-reader{background:#080A0D;color:#F4F2ED}
#bpreader.report-reader .sheet-in{max-width:920px;padding:18px 16px 72px;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(72px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
#bpreader.report-reader .sheet-x{position:sticky;top:12px;z-index:6;margin-left:auto;margin-bottom:-44px;border:1px solid rgba(246,241,234,.16);border-radius:999px;background:rgba(8,10,13,.72);color:#F4F2ED;backdrop-filter:blur(10px);padding:11px 14px}
.reader-doc{--paper:#F4F2ED;--ink:#101411;--muted:#656B64;--hair:rgba(16,20,17,.13);display:grid;gap:14px;color:var(--ink)}
.reader-cover,.reader-chapter,.reader-index,.reader-bridge,.reader-status{border:1px solid var(--hair);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.96),var(--paper));box-shadow:0 26px 80px -60px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.55)}
.reader-cover{position:relative;overflow:hidden;min-height:360px;padding:clamp(28px,5vw,52px);display:grid;align-content:end}
.reader-cover:before{content:"";position:absolute;inset:auto -18% -34% 20%;height:60%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 30%,transparent),transparent 68%);filter:blur(18px);opacity:.75;pointer-events:none}
.reader-eyebrow,.reader-meta,.reader-chapter-num,.reader-index-title{font-family:'Manrope',monospace;font-size:11px;letter-spacing:.12em;color:#7E8179}
.reader-eyebrow{margin-bottom:18px}
.reader-title{position:relative;font-family:'Newsreader',serif;font-weight:400;font-size:clamp(46px,12vw,92px);line-height:.92;letter-spacing:-.04em;color:var(--ink);max-width:8.5ch;margin:0 0 18px}
.reader-subtitle{position:relative;font-family:'Newsreader',serif;font-style:italic;font-weight:300;font-size:clamp(18px,4.8vw,24px);line-height:1.38;color:var(--muted);max-width:32ch;margin:0 0 22px}
.reader-meta{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.reader-meta span{border:1px solid var(--hair);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.5)}
.reader-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px}
.reader-actions .rd-btn,.reader-bridge .rd-btn{border-radius:999px;min-height:46px;padding:13px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.reader-actions .rd-btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--hair)}
.reader-index{padding:22px}
.reader-index-title{margin-bottom:12px}
.reader-index-grid{display:grid;grid-template-columns:1fr;gap:8px}
.reader-index a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--hair);border-radius:18px;padding:12px;background:rgba(255,255,255,.46)}
.reader-index i{font-style:normal;font-family:'Manrope',monospace;font-size:12px;color:#8A735C}
.reader-index b{font-size:15px;line-height:1.14}
.reader-chapter{padding:clamp(24px,4.4vw,44px)}
.reader-chapter-num{margin-bottom:18px}
.reader-chapter-title{font-family:'Manrope',sans-serif;font-size:clamp(27px,6vw,46px);line-height:1.02;letter-spacing:-.04em;color:var(--ink);margin:0 0 20px}
.reader-prose{display:grid;gap:16px}
.reader-prose p,.reader-prose li{font-size:clamp(16px,3.8vw,18px);line-height:1.72;color:#343A35;margin:0;max-width:66ch}
.reader-prose h3{font-family:'Manrope',sans-serif;font-size:18px;line-height:1.2;margin:8px 0 0;color:var(--ink)}
.reader-prose ul{margin:0;padding-left:20px}
.reader-prose strong{color:var(--ink)}
.reader-prose em{color:#616A63}
.reader-bridge{padding:clamp(24px,4.4vw,42px);background:linear-gradient(145deg,#101411,#1E2633);color:#F4F2ED;border-color:rgba(246,241,234,.12)}
.reader-bridge .reader-chapter-title,.reader-bridge .reader-subtitle{color:#F4F2ED}
.reader-bridge .reader-subtitle{max-width:42ch;color:rgba(244,242,237,.72)}
#bpreader.blueprint-reader .reader-cover,#bpreader.blueprint-reader .reader-bridge{background:linear-gradient(145deg,#101411,#1E2633);color:#F4F2ED;border-color:rgba(246,241,234,.13)}
#bpreader.blueprint-reader .reader-cover .reader-title,#bpreader.blueprint-reader .reader-cover .reader-subtitle{color:#F4F2ED}
#bpreader.blueprint-reader .reader-cover .reader-subtitle{color:rgba(244,242,237,.72)}
#bpreader.blueprint-reader .reader-cover .reader-meta span{border-color:rgba(246,241,234,.16);background:rgba(255,255,255,.055);color:rgba(244,242,237,.72)}
.reader-status{padding:28px;color:var(--ink)}
@media (min-width:760px){
  #bpreader.report-reader .sheet-in{padding-left:28px;padding-right:28px}
  .reader-doc{gap:18px}
  .reader-cover{min-height:440px}
  .reader-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .reader-cover{min-height:330px;border-radius:28px;padding:30px 20px}
  .reader-title{font-size:clamp(42px,16vw,66px)}
  .reader-index,.reader-chapter,.reader-bridge{border-radius:26px;padding:20px}
}

@media(max-width:480px){ .fields{grid-template-columns:1fr 1.3fr 1fr} }
@media(prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} }
@media(max-height:720px){ .reveal{justify-content:flex-start} }

/* ====== LANDING / ENTRY — Pacôme-intro style (figure 1), scoped to #landing ====== */
#landing{background:#0A0A0A;text-align:center;padding:76px 24px 44px;padding:calc(76px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(44px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
#landing .kanji{display:none}
#landing .wrap{position:relative;z-index:1}
#landing .hero{display:flex;flex-direction:column;align-items:center;animation:fade var(--dur-reveal) var(--ease-out) both}
#landing .entryOrb{width:118px;height:118px;border-radius:50%;margin-bottom:34px;
  background:radial-gradient(circle at 36% 30%, rgba(255,255,255,.95), var(--ac) 46%, rgba(0,0,0,.55) 100%);
  box-shadow:0 0 90px -6px var(--ac),inset -10px -12px 30px rgba(0,0,0,.45),inset 9px 9px 22px rgba(255,255,255,.3);
  animation:floaty var(--dur-ambient) var(--ease-in-out) infinite}
#landing .hero h1{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(28px,5.6vw,46px);
  line-height:1.12;letter-spacing:-.02em;text-transform:lowercase;color:var(--fg);max-width:15ch}
#landing .hero h1 i{font-style:normal;color:var(--ac)}
#landing .hero p{font-family:'Manrope',sans-serif;font-weight:400;font-size:15px;color:var(--dim);
  max-width:32ch;margin-top:13px;text-transform:lowercase;line-height:1.5}
#landing .reader{background:transparent;border:none;padding:0;max-width:none;margin-top:40px;
  display:flex;flex-direction:column;align-items:center}
#landing .reader h2,#landing .reader .note,#landing .timewrap>span,#landing .citynote{display:none}
#landing .lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
#landing .fields{display:flex;gap:8px;margin:0 0 12px;justify-content:center}
#landing select,#landing .citywrap input{font-family:'Manrope',sans-serif;text-transform:lowercase;
  background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;
  padding:11px 24px 11px 6px;min-height:44px;color:var(--fg);font-size:16px}
#landing select{width:auto}
#landing select:focus,#landing .citywrap input:focus{outline:none;border-bottom-color:var(--ac)}
#landing .timewrap{justify-content:center;margin:0 0 12px;gap:10px}
#landing .citywrap input{width:100%;padding-right:6px}
#landing .cityresults{background:#161616;border-color:rgba(255,255,255,.2);text-align:left}
#landing .cta{font-family:'Manrope',sans-serif;text-transform:lowercase;font-weight:600;width:auto;display:inline-block;
  background:var(--fg);color:var(--bg);border-radius:var(--r-pill);padding:15px 42px;margin-top:10px;font-size:16px;
  transition:opacity var(--dur-base),transform var(--dur-micro)}
#landing .cta:hover{opacity:.9}
#landing .cta:active{transform:scale(.97)}
#landing .moreopt{margin-top:20px}
#landing .moreopt summary{font-family:'Manrope',sans-serif;text-transform:lowercase;font-size:14px;color:var(--fg);opacity:.72;cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:4px 0;transition:opacity var(--dur-base)}
#landing .moreopt summary:hover{opacity:1}
#landing .moreopt summary::-webkit-details-marker{display:none}
#landing .moreopt .mo-plus{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:none;border:1px solid rgba(255,255,255,.32);border-radius:50%;font-size:14px;line-height:1;transition:transform var(--dur-base)}
#landing .moreopt[open] .mo-plus{transform:rotate(45deg)}
#landing .moreopt[open] summary{margin-bottom:14px}
/* ---- custom dropdown (replaces native <select> picker; native <select> kept hidden as value store) ---- */
.csel-native{display:none}
.csel{position:relative;display:inline-block}
.csel-trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 2px;font-family:'Manrope',sans-serif;font-size:16px;color:var(--fg);text-transform:lowercase;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;background:none;cursor:pointer;transition:border-color var(--dur-base)}
.csel-trigger svg{flex:none;opacity:.65;transition:transform var(--dur-base)}
.csel-trigger:hover{border-bottom-color:rgba(255,255,255,.45)}
.csel.open .csel-trigger{border-bottom-color:var(--ac)}
.csel.open .csel-trigger svg{transform:rotate(180deg)}
.csel-panel{position:absolute;z-index:45;top:calc(100% + 6px);left:0;min-width:100%;background:#161616;border:1px solid rgba(255,255,255,.16);border-radius:12px;max-height:min(300px,42vh);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px;box-shadow:0 18px 50px -16px rgba(0,0,0,.85)}
.csel-panel[hidden]{display:none}
.csel-panel::-webkit-scrollbar{width:0}
.csel-opt{display:block;width:100%;text-align:left;min-height:44px;padding:11px 16px;border:none;border-radius:8px;font-family:'Manrope',sans-serif;font-size:16px;color:var(--fg);text-transform:lowercase;background:none;cursor:pointer;white-space:nowrap;transition:background var(--dur-micro)}
.csel-opt:hover{background:rgba(255,255,255,.07)}
.csel-opt:active{background:rgba(255,255,255,.12)}
.csel-opt[aria-selected="true"]{color:var(--ac)}
/* ---- entry form v2: typed date / sex pills / zones ---- */
#landing .datewrap{display:flex;flex-direction:column;align-items:center;margin:0 0 20px}
#landing .flab{font-family:'Manrope',sans-serif;font-size:12.5px;letter-spacing:.04em;text-transform:lowercase;color:var(--dim);margin:0 0 12px}
#landing .fields{display:flex;align-items:center;gap:6px;justify-content:center;margin:0}
#landing .dtin{width:2.7em;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.22);color:var(--fg);font-family:'Manrope',monospace;font-size:20px;text-align:center;padding:9px 2px;min-height:44px;border-radius:0;transition:border-color var(--dur-base)}
#landing .dtin.dtin-yr{width:4.4em}
#landing .dtin::placeholder{color:rgba(255,255,255,.26)}
#landing .dtin:focus{outline:none;border-bottom-color:var(--ac)}
#landing .dtsep{color:var(--dim);font-family:'Manrope',monospace;font-size:18px;opacity:.45;user-select:none}
#landing .sexpick{display:inline-flex;gap:8px;margin:0 0 10px;justify-content:center}
#landing .sexopt{font-family:'Manrope',sans-serif;text-transform:lowercase;font-size:15px;color:var(--fg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);padding:11px 28px;min-height:44px;cursor:pointer;transition:var(--dur-base)}
#landing .sexopt:hover{border-color:rgba(255,255,255,.42)}
#landing .sexopt.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
#landing .subnote{font-family:'Manrope',sans-serif;font-size:12.5px;color:var(--dim);margin:0 0 24px;text-transform:lowercase}
#landing .microtrust{font-family:'Manrope',monospace;font-size:11.5px;letter-spacing:.05em;color:var(--dim);margin-top:16px;text-transform:lowercase;opacity:.85}
#landing .lerr{font-family:'Manrope',sans-serif;font-size:13px;color:#E8A07A;margin-top:12px;text-transform:lowercase;opacity:0;transition:opacity var(--dur-base)}
#landing .lerr.on{opacity:1}
#landing .moreopt{margin-top:32px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08);width:100%;max-width:360px;text-align:center}
#landing .mo-sub{color:var(--dim);font-weight:400}
#landing .mo-why{font-family:'Manrope',sans-serif;font-size:13px;line-height:1.55;color:var(--dim);max-width:34ch;margin:0 auto 16px;text-transform:lowercase}
#landing .moreopt .timewrap{justify-content:center;gap:10px;margin:0 0 4px;flex-wrap:wrap}
/* ---- Stage 2: typed time / am-pm pills / echo + spacing rhythm on the Pacôme --sp-* scale ---- */
#landing .ampm{display:inline-flex;gap:6px;margin-left:6px}
#landing .ampmopt{font-family:'Manrope',sans-serif;text-transform:lowercase;font-size:13px;color:var(--fg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);padding:8px 15px;min-height:40px;cursor:pointer;transition:var(--dur-base)}
#landing .ampmopt:hover{border-color:rgba(255,255,255,.42)}
#landing .ampmopt.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
#landing .timeecho{font-family:'Manrope',monospace;font-size:12.5px;color:var(--ac);text-transform:lowercase;margin-top:10px;opacity:0;transition:opacity var(--dur-base)}
#landing .timeecho.on{opacity:1}
#landing .moreopt summary{flex-direction:column;gap:5px}
#landing .mo-row{display:inline-flex;align-items:center;gap:9px}
#landing .mo-sub{display:block;font-size:12px;color:var(--dim);text-transform:lowercase;font-weight:400}
/* spacing rhythm: tight within a group, controlled between zones — whole form fits one screen, optional zone stays visible */
#landing .hero p{margin-top:var(--sp-s)}
#landing .reader{margin-top:clamp(24px,4.5vh,40px)}
#landing .datewrap{margin:0 0 20px}
#landing .flab{margin:0 0 12px}
#landing .sexpick{margin:0 0 12px}
#landing .subnote{margin:0 0 20px}
#landing .cta{margin-top:26px}
#landing .microtrust{margin-top:16px}
#landing .moreopt{margin-top:14px;padding-top:0;border-top:none}
#landing .mo-why{margin:var(--sp-xs) auto var(--sp-s);max-width:32ch}
#landing .citywrap{scroll-margin-top:90px}
/* short viewports (real phones: Safari visible height ~750 + safe-area is far tighter than a desktop window) — compress the vertical rhythm so the whole form fits one breathing screen without cramming under the bar. Desktop at normal height never triggers this. */
@media (max-height:820px){
  #landing{padding-top:calc(66px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  #landing .hero p{margin-top:10px}
  #landing .reader{margin-top:16px}
  #landing .datewrap{margin-bottom:12px}
  #landing .sexpick{margin-bottom:8px}
  #landing .subnote{margin-bottom:10px}
  #landing .cta{margin-top:14px}
  #landing .moreopt{margin-top:8px}
}

/* ====== TYPOGRAPHIC REFINEMENT - landing + sales result ====== */
@media (min-width:780px){
  #landing{text-align:left;padding-top:calc(86px + env(safe-area-inset-top));padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  #landing .wrap.hero{max-width:1120px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,420px);column-gap:clamp(48px,7vw,88px);row-gap:24px;align-items:center}
  #landing .wrap.hero,#landing .reader{margin-left:auto;margin-right:auto}
  #landing .hero{align-items:flex-start;text-align:left}
  #landing .hero h1{grid-column:1;grid-row:1;font-size:clamp(44px,5.6vw,68px);line-height:.96;letter-spacing:-.042em;max-width:13.2ch}
  #landing .hero p{grid-column:1;grid-row:2;font-size:clamp(17px,1.7vw,20px);line-height:1.48;max-width:30ch;margin-top:0}
  #landing .reader{margin-top:0;width:100%;max-width:420px;align-items:stretch;text-align:left;padding:28px 24px 26px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 26px 70px -48px rgba(0,0,0,.86)}
  #landing .wrap.hero>.reader{grid-column:2;grid-row:1 / span 3;align-self:center}
  #landing .datewrap,#landing .fields,#landing .sexpick,#landing .timewrap{align-items:flex-start;justify-content:flex-start}
  #landing .flab{text-align:left}
  #landing .subnote,#landing .microtrust,#landing .lerr{text-align:left}
  #landing .moreopt{max-width:none;text-align:left}
  #landing .moreopt summary{align-items:flex-start}
  #landing .mo-why{margin-left:0;margin-right:0}
  #landing .cta{width:100%;text-align:center}
}

#scroll{max-width:980px}
.rd-cover{padding:58px clamp(20px,5vw,52px) 30px;border-radius:32px}
.rd-hero .rd-kick,.rd-id-label,.rd-secnum,.rd-hit-k,.rd-save-label,.rd-pw-eyebrow,.rd-selected{text-transform:none;letter-spacing:.075em}
.rd-hero .rd-kick{font-size:12px;margin-bottom:24px;color:color-mix(in srgb,var(--rd-muted) 78%,var(--rd-ink))}
.rd-id-label{font-size:12px;margin-bottom:10px}
.rd-name{font-size:clamp(62px,12vw,132px);line-height:.82;letter-spacing:-.035em;max-width:8.4ch}
.rd-hero .rd-sub{font-size:12px;letter-spacing:.07em;margin-top:18px}
.rd-signal-thesis{font-size:clamp(30px,4.8vw,58px);max-width:16ch;margin-top:42px}
.rd-signal-chips{gap:10px;margin-top:24px}
.rd-signal-chip{font-size:11px;padding:10px 12px}
.rd-signal-bridge{font-size:16px;max-width:34ch;margin-top:24px}
.rd-mini-cta{margin-top:22px;padding:14px 22px;min-height:50px;font-size:15px}
.rd-sheet{padding:clamp(32px,5vw,56px);border-radius:30px}
.rd-secnum{font-size:12px;margin-bottom:18px;color:color-mix(in srgb,var(--ac) 78%,var(--rd-ink))}
.rd-title{font-size:clamp(34px,5.8vw,58px);line-height:.98;letter-spacing:-.04em;max-width:12.5ch;margin-bottom:18px}
.rd-lead{font-family:'Manrope',sans-serif;font-style:normal;font-size:clamp(16px,2vw,18px);line-height:1.58;max-width:43ch;margin-bottom:28px;color:var(--rd-muted)}
.rd-sec p{font-size:16px;line-height:1.66}
.rd-preview-grid{grid-template-columns:1fr;gap:12px;border-top:0;margin-top:28px}
#rdStickyMarker{grid-column:1/-1}
.rd-hit{display:flex;flex-direction:column;gap:10px;border:1px solid var(--rd-hair);border-radius:20px;padding:18px;background:rgba(255,255,255,.5)}
.rd-hit:first-child{border-top:1px solid var(--rd-hair)}
.rd-hit-k{font-size:11px;color:var(--rd-muted);margin:0}
.rd-hit h3{font-size:20px;line-height:1.08;margin:0;letter-spacing:-.02em}
.rd-hit p{font-size:15px;line-height:1.55;max-width:58ch}
.rd-save{margin-top:18px;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--ac) 8%,white);text-align:left}
.rd-save h3{font-size:20px;letter-spacing:-.015em}
.rd-save p{font-size:15px;max-width:45ch}
.rd-tension{font-family:'Manrope',sans-serif;font-style:normal;font-weight:700;font-size:clamp(33px,5.8vw,56px);line-height:.98;letter-spacing:-.04em;max-width:13ch;margin-bottom:18px}
.rd-entry-shell{padding:0;border:0;background:transparent}
.rd-entry-grid{gap:12px}
.rd-entry-card{min-height:148px;padding:20px;border-radius:22px;background:rgba(255,255,255,.68)}
.rd-entry-card b{font-size:22px;letter-spacing:-.02em}
.rd-entry-card span{font-size:14.5px;line-height:1.5;max-width:22ch}
.rd-outline{padding:clamp(32px,5vw,56px)}
.rd-outline-deck{grid-template-columns:1fr;gap:10px;border:0;border-radius:0;overflow:visible;background:transparent}
.rd-outline-item,.rd-outline-item:first-child{display:block;border:1px solid var(--rd-hair);border-radius:20px;padding:18px;background:rgba(255,255,255,.5)}
.rd-outline-item i{display:block;font-size:12px;margin-bottom:18px;padding:0;color:var(--rd-muted)}
.rd-outline-item b{font-size:18px;line-height:1.12;letter-spacing:-.02em;margin-bottom:8px}
.rd-outline-item span{font-size:14.5px;line-height:1.5}
.rd-paywall{margin:42px 0 0;padding:26px 0 60px;text-align:left}
.rd-pay-panel{max-width:760px;padding:clamp(34px,5vw,56px);border-radius:30px;text-align:left}
.rd-pw-eyebrow{font-size:12px;margin-bottom:18px}
.rd-pw-title{font-size:clamp(44px,8vw,76px);line-height:.92;letter-spacing:-.035em}
.rd-pw-lead{font-family:'Manrope',sans-serif;font-style:normal;font-size:17px;line-height:1.56;max-width:43ch;margin:18px 0 28px}
.rd-selected{font-size:12px;margin:0 0 16px}
.rd-pw-reassure{text-align:left;margin:0 0 14px}
.rd-pay-panel #buyBpInline{margin:0 0 28px;max-width:380px}
.rd-pw-value{max-width:none;grid-template-columns:1fr;gap:10px;margin-bottom:24px}
.rd-pw-value li{min-height:72px;padding:16px 16px 16px 48px;font-size:15px;line-height:1.45;border-radius:16px}
.rd-pw-value li::before{top:17px}
.rd-pw-anchor{margin:0 0 24px;max-width:43ch;text-align:left;font-size:14px}
@media (min-width:760px){
  .rd-preview-context{grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr);align-items:end;padding:24px}
  .rd-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-hit:first-of-type{grid-column:1/-1;min-height:164px;justify-content:flex-end}
  .rd-hit:first-of-type h3{font-size:28px}
  .rd-hit:first-of-type p{font-size:17px;max-width:52ch}
  .rd-outline-deck{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-outline-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start}
  .rd-outline-item:first-child i{margin:0}
  .rd-outline-item:first-child b{font-size:24px}
  .rd-pw-value{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-pw-value li:first-child{grid-column:1/-1}
}
@media (max-width:560px){
  .rd-cover{padding:58px 20px 26px}
  .rd-sheet{padding:32px 20px}
  .rd-entry-card{min-height:126px}
  .rd-pay-panel #buyBpInline{max-width:none}
}
@media (max-width:700px){
  .rd-cover{min-height:calc(100dvh - 118px)}
  .rd-name{font-size:clamp(58px,15vw,96px)}
  .rd-signal-thesis{font-size:clamp(25px,7vw,34px);margin-top:30px;max-width:17ch}
  .rd-signal-chips{margin-top:20px}
  .rd-signal-chip{font-size:10px;padding:8px 10px}
  .rd-signal-bridge{font-size:14.5px;margin-top:20px}
  .rd-mini-cta{margin-top:20px}
}

/* ====== premium paginated entry system ====== */
body{background:#080A0D}
.bar{--chrome-gutter:clamp(18px,4vw,44px);height:auto;min-height:calc(82px + env(safe-area-inset-top));align-items:flex-start;padding:calc(18px + env(safe-area-inset-top)) var(--chrome-gutter) 0;pointer-events:none}
.bar .brand-home{pointer-events:auto}
.bar .left{padding:7px 14px 7px 7px;border:1px solid rgba(246,241,234,.14);border-radius:999px;background:rgba(246,241,234,.085);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 70px -48px rgba(0,0,0,.88);pointer-events:auto;transition:transform .28s var(--ease-out),background .28s var(--ease-out),border-color .28s var(--ease-out),box-shadow .28s var(--ease-out)}
.brand{color:#F6F1EA;font-size:18px}
.bar .left:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 26px 82px -48px rgba(0,0,0,.92)}

#landing{--stage-gutter:clamp(22px,4vw,56px);display:flex;align-items:center;min-height:100dvh;position:relative;overflow:hidden;padding:calc(118px + env(safe-area-inset-top)) max(var(--stage-gutter),env(safe-area-inset-right)) calc(46px + env(safe-area-inset-bottom)) max(var(--stage-gutter),env(safe-area-inset-left));color:#F6F1EA;text-align:left;background:#080A0D}
#landing::before{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,10,13,.98) 0%,rgba(8,10,13,.78) 45%,rgba(8,10,13,.52) 100%),
  url('/assets/clarify-ink-mist.png') center right / cover no-repeat;opacity:.94;pointer-events:none}
#landing::after{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 18% 18%,rgba(200,213,204,.13),transparent 24%),
  linear-gradient(180deg,rgba(246,241,234,.035),transparent 34%,rgba(0,0,0,.42));pointer-events:none}
.landing-ambience{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ink-bloom{position:absolute;border-radius:999px;filter:blur(44px);opacity:.34;transform:translateZ(0)}
.bloom-one{width:34vw;height:34vw;left:4vw;top:12vh;background:rgba(124,138,128,.28);animation:mistDrift 18s var(--ease-in-out) infinite}
.bloom-two{width:26vw;height:26vw;right:16vw;bottom:10vh;background:rgba(60,46,58,.26);animation:mistDrift 22s var(--ease-in-out) infinite reverse}
.moon-line{position:absolute;width:1px;height:38vh;background:linear-gradient(180deg,transparent,rgba(138,115,92,.72),transparent);opacity:.58;transform:rotate(18deg)}
.line-one{right:25vw;top:8vh}.line-two{right:9vw;bottom:6vh;opacity:.35}
@keyframes mistDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-18px,0) scale(1.08)}}

#landing .wrap.hero{position:relative;z-index:1;width:min(1120px,100%);max-width:1120px;margin:0 auto;padding:0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,420px);gap:clamp(32px,6vw,84px);align-items:center}
#landing .entry-copy{max-width:650px;animation:landingRise .75s var(--ease-out) both}
#landing .entry-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:#C8D5CC;margin-bottom:22px;text-transform:lowercase}
#landing .entry-copy h1{font-family:var(--font-display);font-weight:400;font-size:clamp(48px,6.5vw,84px);line-height:.94;letter-spacing:-.035em;max-width:11.8ch;color:#F6F1EA;text-wrap:balance;text-transform:none}
#landing .entry-copy h1 i{font-style:italic;color:#C8D5CC}
#landing .entry-copy .entry-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.52;color:#B8B0A6;max-width:34ch;margin-top:26px;text-transform:none}
@keyframes landingRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

#landing .entry-card{position:relative;overflow:hidden;width:100%;max-width:420px;margin:0;justify-self:end;padding:28px 24px 24px;border:1px solid rgba(246,241,234,.16);border-radius:30px;background:linear-gradient(155deg,rgba(246,241,234,.14),rgba(246,241,234,.045));backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 34px 90px -60px rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:stretch;text-align:left;animation:landingRise .82s var(--ease-out) .08s both;transition:transform .34s var(--ease-out),border-color .34s var(--ease-out),box-shadow .34s var(--ease-out)}
.entry-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 84% 0%,rgba(200,213,204,.18),transparent 34%);pointer-events:none}
#landing .entry-card>*{position:relative;z-index:1}
.input-card-head{align-self:flex-start;margin-bottom:24px}
#landing .entry-card p{font-size:14px;line-height:1.45;color:#B8B0A6;text-transform:none}
.input-card-head span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:#C8D5CC;text-transform:lowercase}
#landing .entry-card .input-card-head h2{display:block;font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1;margin:8px 0 8px;color:#F6F1EA;text-transform:none}
#landing .entry-card .input-card-head p{display:block;max-width:28ch;margin:0}
#landing .datewrap{width:100%;margin:0;align-items:flex-start}
#landing .flab{color:#B8B0A6;margin:0 0 8px;text-align:left}
#landing .fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.45fr);align-items:end;justify-content:stretch;width:100%;gap:10px}
#landing .dtin{font-size:18px;color:#F6F1EA;border-bottom-color:rgba(246,241,234,.28)}
#landing .fields .dtin{width:100%;min-width:0}
#landing .dtin:focus{border-bottom-color:#C8D5CC}
#landing .sexpick{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:18px 0 10px;align-self:stretch}
#landing .sexopt{background:rgba(246,241,234,.07);border-color:rgba(246,241,234,.18);color:#F6F1EA}
#landing .sexopt{width:100%}
#landing .sexopt.on{background:#C8D5CC;color:#11100E;border-color:#C8D5CC}
#landing .subnote{margin:0 0 16px;color:#B8B0A6;text-align:left}
#landing .moreopt{max-width:none;margin:6px 0 0;text-align:left}
#landing .moreopt summary{align-items:flex-start;color:#F6F1EA;border-radius:18px;transition:background .24s var(--ease-out),opacity .24s var(--ease-out)}
#landing .moreopt summary:hover{background:rgba(246,241,234,.045)}
#landing .mo-sub,#landing .mo-why{color:#B8B0A6;text-transform:none}
#landing .moreopt[open]{margin-top:10px}
#landing .moreopt[open] summary{margin-bottom:16px;background:rgba(246,241,234,.045)}
#landing .moreopt .mo-why{max-width:none;margin:0 0 14px}
#landing .moreopt .timewrap{display:grid;grid-template-columns:minmax(0,72px) auto minmax(0,72px) minmax(96px,max-content);align-items:end;gap:10px;margin:0;padding:15px;border:1px solid rgba(246,241,234,.12);border-radius:22px;background:linear-gradient(150deg,rgba(246,241,234,.08),rgba(246,241,234,.032));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
#landing .moreopt .timewrap .dtin{width:100%;min-width:0}
#landing .moreopt .timewrap .dtsep{align-self:center;text-align:center}
#landing .ampm{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-left:0}
#landing .lab{margin:14px 0 7px;color:#B8B0A6}
#landing .citywrap{margin:0}
#landing .citywrap input{background:rgba(246,241,234,.055);border-color:rgba(246,241,234,.14);color:#F6F1EA;border-radius:18px;padding:14px 15px}
#landing .citywrap input:focus{border-color:#C8D5CC}
#landing .cityresults{background:rgba(16,21,27,.96);border-color:rgba(246,241,234,.16);border-radius:18px;box-shadow:0 22px 70px -36px rgba(0,0,0,.9)}
#landing .cta{width:100%;min-width:0;margin:22px 0 0;background:#F6F1EA;color:#11100E;border-radius:999px;padding:16px 24px;text-transform:none;box-shadow:0 24px 60px -38px rgba(246,241,234,.66);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),background .22s var(--ease-out)}
#landing .cta:hover{transform:translateY(-2px);box-shadow:0 30px 76px -42px rgba(246,241,234,.78)}
#landing .cta:active{transform:translateY(0) scale(.99)}
#landing .lerr{margin:12px 0 0;color:#E8A07A;text-transform:none}
#landing .microtrust{margin:14px 0 0;color:#B8B0A6;text-transform:none}

/* result surface follows the same dark, ink, glass language */
#result.on{background:#080A0D;background-image:linear-gradient(180deg,#111821 0%,#080A0D 52%,#070807 100%)}
.rd-cover{background:linear-gradient(150deg,rgba(246,241,234,.96),rgba(220,228,221,.9));box-shadow:0 34px 100px -56px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.42)}
.rd-cover::after{content:'';position:absolute;right:-10%;top:-10%;width:55%;height:55%;background:url('/assets/clarify-ink-mist.png') center / cover no-repeat;border-radius:999px;opacity:.18;filter:blur(1px);pointer-events:none}
.rd-sheet{background:rgba(246,241,234,.94);box-shadow:0 34px 100px -62px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.5)}
.rd-offer-main{position:relative;background:linear-gradient(145deg,rgba(17,16,14,.96),rgba(30,38,51,.9));border-color:rgba(138,115,92,.48)}
.rd-offer-main::before{content:'';position:absolute;inset:0;background:url('/assets/clarify-ink-mist.png') center / cover no-repeat;opacity:.16;pointer-events:none}
.rd-offer-copy,.rd-paywall{position:relative;z-index:1}

@media (max-width:920px){
  #landing{align-items:flex-start;overflow-y:auto;padding-top:calc(128px + env(safe-area-inset-top));padding-left:max(clamp(22px,5vw,46px),env(safe-area-inset-left));padding-right:max(clamp(22px,5vw,46px),env(safe-area-inset-right))}
  #landing .wrap.hero{width:min(680px,100%);grid-template-columns:1fr;gap:24px;justify-items:center}
  #landing .entry-copy{width:100%;max-width:560px;justify-self:center}
  #landing .entry-copy h1{max-width:10ch}
  #landing .entry-copy .entry-lead{max-width:32ch}
  #landing .entry-card{width:100%;max-width:560px;justify-self:center;margin-inline:auto}
  #landing .sexpick{align-self:stretch;justify-content:stretch}
}
@media (max-width:560px){
  .bar{--chrome-gutter:16px;min-height:calc(78px + env(safe-area-inset-top))}
  .bar .left{padding:6px 11px 6px 6px;gap:9px}
  .logoorb{width:30px;height:30px}
  .brand{font-size:15px}
  #landing{padding-top:calc(116px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:32px}
  #landing .entry-kicker{font-size:11px;letter-spacing:.13em;margin-bottom:16px}
  #landing .entry-copy h1{font-size:clamp(38px,11vw,50px);line-height:.94;letter-spacing:-.028em;max-width:8.6ch}
  #landing .entry-copy .entry-lead{font-size:16px;max-width:30ch;margin-top:14px}
  #landing .entry-card{padding:22px;border-radius:26px}
  #landing .entry-card .input-card-head h2{font-size:30px}
  #landing .fields{gap:7px}
  #landing .sexpick{grid-template-columns:1fr 1fr}
  #landing .moreopt .timewrap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:14px}
  #landing .ampm{grid-column:1/-1;margin-top:4px}
  #landing .cta{min-width:0}
}
@media (prefers-reduced-motion:no-preference){
  #landing .entry-card:hover{transform:translateY(-2px);border-color:rgba(246,241,234,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 42px 110px -66px rgba(0,0,0,.96)}
  #landing .moreopt[open] .mo-why,
  #landing .moreopt[open] .timewrap,
  #landing .moreopt[open] .lab,
  #landing .moreopt[open] .citywrap,
  #landing .moreopt[open] .timeecho{animation:fieldReveal .44s var(--ease-out) both}
  #landing .moreopt[open] .timewrap{animation-delay:.03s}
  #landing .moreopt[open] .lab{animation-delay:.07s}
  #landing .moreopt[open] .citywrap{animation-delay:.1s}
}
@keyframes fieldReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* structure pass: richer free Life Book sample, lighter paid bridge */
.rd-hit{gap:14px}
.rd-hit-main{display:grid;gap:10px}
.rd-hit:nth-child(2){background:color-mix(in srgb,var(--ac) 9%,white)}
.rd-hit:nth-child(3),.rd-hit:nth-child(4),.rd-hit:nth-child(5),.rd-hit:nth-child(6){min-height:188px}
.rd-trust-stack{display:grid;grid-template-columns:1fr;gap:10px;margin:24px 0 0}
.rd-trust-stack div{border:1px solid var(--rd-hair);border-radius:18px;padding:16px;background:rgba(255,255,255,.44)}
.rd-trust-stack b{display:block;font-family:'Manrope',sans-serif;font-size:15px;line-height:1.15;color:var(--rd-ink);letter-spacing:-.01em;margin-bottom:6px}
.rd-trust-stack span{display:block;font-size:13.5px;line-height:1.46;color:var(--rd-muted)}
.rd-offer{margin-top:18px}
.rd-offer-main{display:grid;gap:0}
.rd-offer .rd-pw-title{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(27px,5.2vw,48px);line-height:1.02;letter-spacing:-.04em;max-width:13.5ch}
.rd-offer .rd-pw-lead{font-size:15.5px;line-height:1.55;color:rgba(244,242,237,.74);max-width:42ch;margin:16px 0 20px}
.rd-year-sample{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:18px 0 22px}
.rd-year-sample span{font-family:'Manrope',monospace;font-size:10px;letter-spacing:.04em;color:rgba(244,242,237,.78);border:1px solid rgba(244,242,237,.13);border-radius:999px;padding:9px 7px;text-align:center;background:rgba(255,255,255,.035)}
.rd-next-example{display:grid;gap:6px;margin:0 0 16px;padding:16px;border:1px solid rgba(244,242,237,.13);border-radius:18px;background:rgba(255,255,255,.045)}
.rd-next-example b{font-family:'Manrope',sans-serif;font-size:16px;line-height:1.16;color:var(--fg)}
.rd-next-example span{font-size:13.5px;line-height:1.45;color:var(--dim)}
.rd-offer .rd-pay-panel{padding-top:8px}
@media (min-width:760px){
  .rd-trust-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rd-offer-main{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)}
  .rd-offer .rd-paywall{align-self:stretch;border-left:1px solid rgba(221,200,137,.26)}
  .rd-offer .rd-pay-panel{height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px 24px}
}
@media (max-width:560px){
  .rd-year-sample{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-year-sample span:last-child{grid-column:1/-1}
}

/* layout pass: keep the accepted flow, make the result page read like a product sample */
.rd-preview-shell{padding:clamp(30px,5vw,54px);border-radius:34px}
.rd-preview-context{margin:0 0 clamp(30px,5vw,46px);padding:clamp(20px,4vw,32px);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.7),color-mix(in srgb,var(--ac) 9%,white));box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.rd-preview-shell>.rd-secnum{margin-bottom:13px}
.rd-preview-shell>.rd-title{max-width:12ch;margin-bottom:12px}
.rd-preview-shell>.rd-lead{max-width:42ch;margin-bottom:0}
.rd-preview-grid{border-top:0;margin-top:clamp(30px,5vw,44px);display:grid;grid-template-columns:1fr;gap:12px}
.rd-hit{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--rd-hair);border-radius:24px;padding:22px;background:rgba(255,255,255,.52);border-bottom:1px solid var(--rd-hair);min-height:auto;box-shadow:0 18px 54px -46px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.42)}
.rd-hit-k{margin:0 0 18px;color:var(--rd-muted)}
.rd-hit h3{font-size:20px;line-height:1.12;letter-spacing:-.018em;margin-bottom:8px}
.rd-hit p{font-size:15.5px;line-height:1.6}
.rd-hit:first-child{min-height:250px;align-content:end;background:linear-gradient(145deg,color-mix(in srgb,var(--ac) 18%,white),rgba(255,255,255,.76))}
.rd-hit:first-child .rd-hit-k{color:var(--ac)}
.rd-hit:first-child h3{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,7vw,58px);line-height:.96;letter-spacing:-.035em;max-width:10ch;margin-bottom:14px}
.rd-hit:first-child p{font-size:clamp(17px,2.5vw,19px);line-height:1.62;max-width:46ch}
.rd-hit:nth-child(2),.rd-hit:nth-child(3){min-height:212px;align-content:space-between;background:rgba(255,255,255,.62)}
.rd-hit:nth-child(n+4){background:rgba(255,255,255,.4)}
.rd-hit:nth-child(n+4) h3{font-size:18px}
.rd-hit:nth-child(n+4) p{font-size:14.5px;line-height:1.55}
.rd-trust-stack{margin:clamp(24px,4vw,34px) 0 0;gap:10px}
.rd-trust-stack div{border-radius:20px;padding:17px;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.38)}
.rd-save{margin:clamp(28px,5vw,42px) 0 0;padding:clamp(22px,4vw,30px);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.74),color-mix(in srgb,var(--ac) 10%,white));box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}
.rd-save h3{font-size:clamp(22px,4vw,28px);letter-spacing:-.025em;margin-bottom:8px}
.rd-save p{font-size:15.5px;line-height:1.56;max-width:48ch}
.rd-save-row{margin-top:18px;grid-template-columns:minmax(0,1fr)}
.rd-save .rd-email,.rd-save .rd-btn{min-height:54px;border-radius:18px}
.rd-save .rd-btn{width:100%;min-width:0}
.rd-offer{padding:clamp(30px,5vw,54px);border-radius:34px;margin-top:24px}
.rd-offer-choice{padding-bottom:0}
.rd-offer-main{margin-top:clamp(24px,4vw,34px);border-radius:30px}
.rd-offer-copy{padding:clamp(28px,4vw,44px)}
.rd-offer-includes{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.rd-offer-includes .rd-outline-item,.rd-offer-includes .rd-outline-item:first-child{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;border:1px solid rgba(244,242,237,.13);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}
.rd-offer-includes .rd-outline-item i{margin:0;color:rgba(244,242,237,.52)}
.rd-offer-includes .rd-outline-item b{font-size:16px;line-height:1.16;color:var(--fg);margin-bottom:5px}
.rd-offer-includes .rd-outline-item span{font-size:13.5px;line-height:1.45;color:var(--dim)}
.rd-offer .rd-paywall{margin:0;padding:clamp(22px,4vw,34px)}
.rd-offer .rd-pay-panel{padding:0;max-width:none;background:rgba(246,241,234,.07);border:1px solid rgba(246,241,234,.12);border-radius:24px;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.rd-offer .rd-pw-eyebrow{margin-bottom:14px}
.rd-offer .rd-pw-reassure{font-size:13.5px;line-height:1.45;color:rgba(244,242,237,.66)}
.rd-offer .rd-pay-meta{font-size:12.5px;color:rgba(244,242,237,.54)}
@media (min-width:760px){
  .rd-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .rd-hit:first-child{grid-column:1/-1}
  .rd-hit:nth-child(2),.rd-hit:nth-child(3){min-height:236px}
  .rd-hit:nth-child(n+4){min-height:174px}
  .rd-save-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
  .rd-save .rd-btn{width:auto;min-width:210px}
  .rd-offer-includes{grid-template-columns:1fr}
  .rd-offer .rd-pay-panel{height:100%;display:flex;flex-direction:column;justify-content:center}
}
@media (max-width:560px){
  .rd-preview-shell,.rd-offer{padding:28px 18px;border-radius:30px}
  .rd-preview-context{padding:18px;border-radius:24px}
  .rd-hit{padding:19px;border-radius:22px}
  .rd-hit:first-child{min-height:228px}
  .rd-save-row{gap:10px}
  .rd-offer-copy{padding:24px 18px}
  .rd-offer .rd-paywall{padding:18px}
  .rd-offer .rd-pay-panel{padding:18px;border-radius:22px}
}

/* ====== conversion entry flow: Landing -> Birth Details ====== */
body:not(.result-mode) .bar .brand-home{color:#17231E}
body:not(.result-mode) .bar .brand-home .brand{color:#17231E}
body:not(.result-mode) .bar .logoorb{box-shadow:0 8px 24px -14px rgba(35,61,51,.52),inset -4px -5px 12px rgba(17,35,29,.2),inset 4px 4px 10px rgba(255,255,255,.72)}

#landing{
  --landing-ink:#17231E;
  --landing-muted:#5D6863;
  --landing-accent:#6D887E;
  min-height:100dvh;
  align-items:center;
  overflow-y:auto;
  padding:calc(110px + env(safe-area-inset-top)) max(5vw,env(safe-area-inset-right)) calc(54px + env(safe-area-inset-bottom)) max(5vw,env(safe-area-inset-left));
  color:var(--landing-ink);
  background:#F4F2ED;
}
#landing::before{
  background-image:url('/assets/clarify-landing-ink-desktop.png');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:1;
  filter:none;
  transform:none;
}
#landing::after,.landing-ambience{display:none}
#landing [hidden]{display:none!important}
#landing .wrap.hero{
  width:min(1240px,100%);
  max-width:1240px;
  min-height:calc(100dvh - 164px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
#landing .entry-copy{
  width:min(610px,52vw);
  max-width:610px;
  margin-left:auto;
  color:var(--landing-ink);
}
#landing .entry-kicker{
  margin:0 0 22px;
  color:var(--landing-accent);
  font-size:11px;
  font-weight:500;
  letter-spacing:.17em;
  line-height:1.45;
  text-transform:uppercase;
}
#landing .entry-copy h1{
  max-width:11.2ch;
  color:var(--landing-ink);
  font-size:clamp(52px,5.2vw,76px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.04em;
  text-wrap:balance;
}
#landing .entry-copy .entry-lead{
  max-width:45ch;
  margin:26px 0 0;
  color:var(--landing-muted);
  font-size:18px;
  line-height:1.55;
}
.landing-action-row{display:flex;align-items:center;gap:18px;margin-top:32px}
#landing .landing-primary{
  min-height:54px;
  padding:0 28px;
  border:1px solid var(--landing-ink);
  border-radius:999px;
  color:#F8F6F1;
  background:var(--landing-ink);
  font-size:15px;
  font-weight:700;
  transition:transform .22s var(--ease-out),background .22s var(--ease-out),box-shadow .22s var(--ease-out);
  box-shadow:0 18px 38px -26px rgba(23,35,30,.72);
}
#landing .landing-primary:hover{transform:translateY(-2px);background:#24352E;box-shadow:0 24px 46px -26px rgba(23,35,30,.8)}
#landing .landing-primary:active{transform:translateY(0) scale(.99)}
.landing-trust{color:var(--landing-muted);font-size:13px;line-height:1.45}
.landing-privacy{max-width:52ch;margin-top:18px;color:var(--landing-muted);font-size:12.5px;line-height:1.55}
#landing .legal-link{
  min-height:36px;
  padding:4px 0;
  color:var(--landing-ink);
  font:600 12.5px var(--font-body);
  text-decoration:underline;
  text-decoration-color:rgba(23,35,30,.34);
  text-underline-offset:3px;
}

#landing .entry-card{
  width:min(520px,100%);
  max-width:520px;
  margin:0 0 0 auto;
  padding:26px 28px 25px;
  color:var(--landing-ink);
  background:rgba(249,247,242,.82);
  border:1px solid rgba(23,35,30,.14);
  border-radius:28px;
  backdrop-filter:blur(18px);
  box-shadow:0 30px 72px -48px rgba(23,35,30,.48),inset 0 1px 0 rgba(255,255,255,.76);
}
#landing .entry-card::before{display:none}
.birth-back{
  min-height:40px;
  margin:-8px 0 10px;
  padding:4px 0;
  color:var(--landing-muted);
  font-size:13px;
  font-weight:600;
}
.birth-back:hover{color:var(--landing-ink)}
#landing .input-card-head{margin-bottom:22px}
#landing .input-card-head span{color:var(--landing-accent);text-transform:uppercase}
#landing .entry-card .input-card-head h1{
  margin:8px 0 9px;
  color:var(--landing-ink);
  font-family:var(--font-display);
  font-size:36px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.025em;
}
#landing .entry-card .input-card-head p{max-width:45ch;color:var(--landing-muted);font-size:14px;line-height:1.5}
#landing .flab,#landing .optional-field-label{display:block;margin:0 0 9px;color:var(--landing-muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none}
#landing .datewrap{margin:0}
#landing .fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.35fr);gap:9px}
#landing .date-segment{display:grid;gap:3px;min-width:0}
#landing .date-segment label{color:var(--landing-muted);font-size:10.5px;line-height:1.2}
#landing .dtin{
  color:var(--landing-ink);
  border-bottom-color:rgba(23,35,30,.25);
  font-size:18px;
}
#landing .dtin::placeholder{color:rgba(23,35,30,.34);text-transform:uppercase}
#landing .dtin:focus{border-bottom-color:var(--landing-accent)}
#landing .dtsep{color:var(--landing-muted)}
.sex-field{margin-top:18px}
#landing .sexpick{margin:0 0 10px}
#landing .sexopt,#landing .ampmopt{
  color:var(--landing-ink);
  background:rgba(255,255,255,.42);
  border-color:rgba(23,35,30,.18);
}
#landing .sexopt:hover,#landing .ampmopt:hover{border-color:rgba(23,35,30,.38)}
#landing .sexopt.on,#landing .ampmopt.on{color:#F8F6F1;background:var(--landing-ink);border-color:var(--landing-ink)}
#landing .subnote{margin:0;color:var(--landing-muted);font-size:12px;line-height:1.48;text-transform:none}
.sexwhy{margin:3px 0 0}
.sexwhy summary{display:inline-flex;min-height:36px;align-items:center;color:var(--landing-ink);font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.sexwhy summary::-webkit-details-marker{display:none}
.sexwhy p{margin:0 0 6px;color:var(--landing-muted);font-size:12px;line-height:1.5}
#landing .moreopt{margin:15px 0 0;padding-top:14px;border-top:1px solid rgba(23,35,30,.1)}
#landing .moreopt summary{width:100%;min-height:44px;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:0;color:var(--landing-ink);text-transform:none}
#landing .moreopt summary:hover,#landing .moreopt[open] summary{background:transparent}
#landing .mo-row{gap:8px;font-size:13px;font-weight:600;text-transform:none}
#landing .moreopt .mo-plus{color:var(--landing-ink);border-color:rgba(23,35,30,.28)}
#landing .mo-sub{display:inline-flex;padding:5px 9px;border:1px solid rgba(23,35,30,.12);border-radius:999px;color:var(--landing-muted);font-size:10px;line-height:1;text-transform:uppercase}
#landing .moreopt .mo-why{margin:2px 0 14px;color:var(--landing-muted);font-size:12px;line-height:1.5}
#landing .optional-field-label{margin-top:2px}
#landing .moreopt .timewrap{margin:0 0 14px;padding:13px;background:rgba(255,255,255,.34);border:1px solid rgba(23,35,30,.11);box-shadow:none}
#landing .timeecho{color:var(--landing-accent)}
#landing .citywrap{margin:0}
#landing .citywrap input{color:var(--landing-ink);background:rgba(255,255,255,.42);border-color:rgba(23,35,30,.14)}
#landing .citywrap input::placeholder{color:rgba(23,35,30,.4)}
#landing .citywrap input:focus{border-color:var(--landing-accent)}
#landing .cityresults{color:var(--landing-ink);background:rgba(249,247,242,.98);border-color:rgba(23,35,30,.14);box-shadow:0 20px 52px -34px rgba(23,35,30,.45)}
#landing .cityresults div{border-bottom-color:rgba(23,35,30,.08)}
#landing .cityresults div:hover,#landing .cityresults div:active{background:rgba(109,136,126,.1)}
#landing .citynote{display:block;margin-top:7px;color:var(--landing-muted);font-size:11.5px;line-height:1.45}
.form-privacy{margin:16px 0 0;color:var(--landing-muted);font-size:11.5px;line-height:1.5}
#landing .cta{margin:15px 0 0;color:#F8F6F1;background:var(--landing-ink);box-shadow:0 18px 38px -26px rgba(23,35,30,.7)}
#landing .cta:hover{background:#24352E;box-shadow:0 24px 46px -28px rgba(23,35,30,.76)}
#landing .lerr{color:#9A4F38;font-size:12px}
.legal-ack{margin:11px 0 0;color:var(--landing-muted);font-size:10.5px;line-height:1.5}
.legal-ack .legal-link{display:inline-flex;min-height:44px;align-items:center;padding:0 2px;font-size:inherit;vertical-align:middle}

@media (max-width:920px){
  #landing{
    align-items:flex-start;
    padding:calc(104px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
  }
  #landing::before{
    background-image:url('/assets/clarify-landing-ink-mobile.png');
    background-position:center top;
  }
  #landing .wrap.hero{width:min(620px,100%);min-height:auto;justify-content:center}
  #landing .entry-copy{width:100%;max-width:540px;margin:clamp(20px,7vh,62px) auto 0}
  #landing .entry-copy h1{max-width:10.8ch;font-size:clamp(42px,9.5vw,64px)}
  #landing .entry-card{width:100%;max-width:560px;margin:0 auto}
}
@media (max-width:560px){
  body:not(.result-mode) .bar .brand-home{gap:9px}
  #landing{padding-top:calc(94px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  #landing .entry-copy{margin-top:clamp(14px,4vh,34px)}
  #landing .entry-kicker{max-width:30ch;margin-bottom:16px;font-size:10px;letter-spacing:.14em}
  #landing .entry-copy h1{max-width:10.3ch;font-size:clamp(39px,11vw,47px);line-height:.98}
  #landing .entry-copy .entry-lead{max-width:31ch;margin-top:18px;font-size:15.5px;line-height:1.5}
  .landing-action-row{align-items:flex-start;flex-direction:column;gap:10px;margin-top:24px}
  #landing .landing-primary{width:100%;min-height:52px;padding:0 22px}
  .landing-privacy{max-width:34ch;margin-top:14px;font-size:11.5px}
  #landing .entry-card{padding:20px;border-radius:24px}
  .birth-back{margin:-6px 0 5px}
  #landing .input-card-head{margin-bottom:18px}
  #landing .entry-card .input-card-head h1{font-size:32px}
  #landing .entry-card .input-card-head p{font-size:13px}
  #landing .fields{gap:6px}
  #landing .date-segment label{font-size:10px}
  #landing .sexpick{gap:8px}
  #landing .sexopt{padding-left:16px;padding-right:16px}
  #landing .moreopt{margin-top:12px;padding-top:10px}
}

/* ====== ink mirror background system ======
   Landing keeps the user-approved hero artwork. Analysis, product surfaces,
   and long-form readers each receive a quieter background with a distinct job. */
.reveal{
  background:#F4F2ED;
  color:#17231E;
  isolation:isolate;
}
.reveal::before{
  position:fixed;
  background:#F4F2ED url('/assets/ink-mirror/product-shell-desktop-v101.jpg') center / cover no-repeat;
  filter:none;
  transform:none;
  opacity:1;
}
.reveal::after{position:fixed;background:rgba(249,247,242,.12)}
.reveal.is-analyzing::before{
  background-image:url('/assets/ink-mirror/analysis-transition-desktop-v101.jpg');
  background-position:center;
}
.analysis-state{position:relative;z-index:2;display:none;min-height:100dvh;padding:calc(96px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));place-items:center;text-align:center}
.reveal.is-analyzing .analysis-state{display:grid}
.reveal.is-analyzing .rvframe{display:none}
.analysis-state-inner{width:min(620px,100%);padding:clamp(30px,5vw,54px);border:1px solid rgba(23,35,30,.1);border-radius:34px;background:rgba(249,247,242,.56);box-shadow:0 30px 90px -64px rgba(23,35,30,.42);backdrop-filter:blur(14px)}
.analysis-kicker{margin:0 0 20px;color:#6D887E;font:600 11px/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}
.analysis-state h1{margin:0;color:#17231E;font:400 clamp(46px,7vw,78px)/.96 var(--font-display);letter-spacing:-.04em;text-wrap:balance}
#birthDetailsTitle:focus-visible,.analysis-state h1:focus-visible{outline:none}
.analysis-support{max-width:34ch;margin:22px auto 0;color:#5D6863;font-size:16px;line-height:1.55}
.analysis-live-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.analysis-state #inlineAnalysis:not([hidden]){display:grid;gap:12px;margin:24px auto 0;color:#4F5B55;font-size:14px;line-height:1.55}
.analysis-state #inlineAnalysis:empty{display:none}
.analysis-state #inlineAnalysis>p{margin:0}
.analysis-state .analysis-notify{border-top:1px solid rgba(23,35,30,.12);padding-top:18px}
.analysis-state .analysis-notify input{min-height:48px;border:1px solid rgba(23,35,30,.16);border-radius:999px;background:rgba(255,255,255,.66);color:#17231E;padding:0 16px}
.analysis-state .analysis-notify button,.analysis-state #analysisRetry{min-height:46px;border-radius:999px;background:#17231E;color:#F8F6F1;font-weight:800;padding:0 20px}
.analysis-recovery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.analysis-state #analysisReviewBirth,.analysis-state #analysisNotifyReviewBirth{min-height:46px;border:1px solid rgba(23,35,30,.18);border-radius:999px;background:rgba(249,247,242,.76);color:#17231E;font-weight:700;padding:0 20px}

.reveal.is-identity .rvtop{color:#63716A}
.reveal.is-identity .rvtop .rvseason{color:#6D887E}
.reveal.is-identity .rvnote,.reveal.is-identity .profile-summary,.reveal.is-identity #inlineAnalysis{color:#5D6863}
.reveal.is-identity .profile-map{padding:18px;border:1px solid rgba(23,35,30,.11);border-radius:22px;background:rgba(249,247,242,.68);box-shadow:0 24px 70px -58px rgba(23,35,30,.5)}
.reveal.is-identity .profile-kicker,.reveal.is-identity .profile-precision{color:#6C7872}
.reveal.is-identity .profile-map h2{color:#17231E}
.reveal.is-identity .profile-dimension{color:#34423B}
.reveal.is-identity .profile-dimension i{background:linear-gradient(90deg,var(--ac) var(--score),rgba(23,35,30,.12) var(--score))}
.reveal.is-identity .rvbtn.primary{background:#17231E;color:#F8F6F1;box-shadow:0 22px 54px -38px rgba(23,35,30,.76)}
.reveal.is-identity .rvbtn.secondary{color:#35443D}
.reveal.is-identity .rvbtn:focus-visible{outline-color:#6D887E}

#result.on{
  background-color:#F4F2ED;
  background-image:url('/assets/ink-mirror/product-shell-desktop-v101.jpg');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  color:#17231E;
}
#result.on .rd-sec{border-top-color:rgba(23,35,30,.1)}
#result.on .rd-cover::after,#result.on .rd-offer-main::before{display:none}
#result.on .rd-sticky{background:linear-gradient(to top,rgba(244,242,237,.98) 62%,transparent)}
.rd-section-transition{height:clamp(190px,30vw,300px);margin:18px -12px 2px;background:url('/assets/ink-mirror/reading-section-transition-desktop-v101.jpg') center / cover no-repeat;pointer-events:none}

#bpreader.product-lock-reader,#bpreader.life-book-unlock,#bpreader.product-tab,#bpreader.account-tab,#bpreader.account-reader{
  background-color:#F4F2ED;
  background-image:url('/assets/ink-mirror/product-shell-desktop-v101.jpg');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#17231E;
}
#bpreader.product-lock-reader .sheet-in,#bpreader.life-book-unlock .sheet-in,#bpreader.product-tab .sheet-in{max-width:760px;min-height:100dvh;display:grid;align-content:center;padding-bottom:116px}
#bpreader.product-lock-reader .sheet-x,#bpreader.life-book-unlock .sheet-x,#bpreader.product-tab .sheet-x,#bpreader.account-reader .sheet-x{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));z-index:6;margin:0;border:1px solid rgba(23,35,30,.12);border-radius:999px;background:rgba(249,247,242,.78);color:#17231E;padding:10px 14px;backdrop-filter:blur(14px)}
.product-lock{width:min(620px,100%);display:grid;justify-items:center;gap:26px;padding:clamp(34px,7vw,70px);border:1px solid rgba(23,35,30,.1);border-radius:34px;background:rgba(249,247,242,.62);box-shadow:0 30px 90px -62px rgba(23,35,30,.5);backdrop-filter:blur(14px);text-align:center}
.product-lock-label{color:#17231E;font:400 clamp(52px,10vw,88px)/.92 var(--font-display);letter-spacing:-.045em}
.product-lock .rd-btn{min-width:180px;min-height:52px;border-radius:999px;background:#17231E;color:#F8F6F1;font-weight:800}
#bpreader.life-book-unlock .rd-sec,#bpreader.product-tab .rd-sec{padding:clamp(30px,6vw,56px);border:1px solid rgba(23,35,30,.1);border-radius:32px;background:rgba(249,247,242,.7);box-shadow:0 30px 90px -64px rgba(23,35,30,.48);backdrop-filter:blur(14px)}
#bpreader.life-book-unlock .rd-title,#bpreader.product-tab .rd-title{color:#17231E}
#bpreader.life-book-unlock .rd-sec p,#bpreader.product-tab .rd-sec p{color:#5D6863}

#legal,#bpreader.report-reader{
  background-color:#F7F5F0;
  background-image:url('/assets/ink-mirror/reader-mode-desktop-v101.jpg');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:#17231E;
}
#legal .sheet-in{max-width:820px;margin:82px auto;padding:clamp(28px,5vw,58px);border:1px solid rgba(23,35,30,.1);border-radius:32px;background:rgba(250,249,246,.8);box-shadow:0 34px 100px -74px rgba(23,35,30,.46);backdrop-filter:blur(10px)}
#legal .sheet-x,#bpreader.report-reader .sheet-x{border:1px solid rgba(23,35,30,.12);background:rgba(249,247,242,.86);color:#17231E}
#bpreader.report-reader .reader-doc{filter:drop-shadow(0 28px 64px rgba(23,35,30,.1))}

@media (max-width:920px) and (orientation:portrait){
  .reveal::before{background-image:url('/assets/ink-mirror/product-shell-mobile-v101.jpg');background-position:center top}
  .reveal.is-analyzing::before{background-image:url('/assets/ink-mirror/analysis-transition-mobile-v101.jpg')}
  #result.on,#bpreader.product-lock-reader,#bpreader.life-book-unlock,#bpreader.product-tab,#bpreader.account-tab,#bpreader.account-reader{background-image:url('/assets/ink-mirror/product-shell-mobile-v101.jpg');background-position:center top}
  .rd-section-transition{background-image:url('/assets/ink-mirror/reading-section-transition-mobile-v101.jpg');background-position:center}
  #legal,#bpreader.report-reader{background-image:url('/assets/ink-mirror/reader-mode-mobile-v101.jpg');background-position:center top}
}
@media (max-width:640px){
  .reveal::before{background-image:url('/assets/ink-mirror/product-shell-mobile-v101.jpg');background-position:center top}
  .reveal.is-analyzing::before{background-image:url('/assets/ink-mirror/analysis-transition-mobile-v101.jpg')}
  .analysis-state{padding-top:calc(78px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .analysis-state-inner{padding:32px 22px;border-radius:28px}
  .analysis-state h1{font-size:clamp(42px,12vw,58px)}
  #result.on,#bpreader.product-lock-reader,#bpreader.life-book-unlock,#bpreader.product-tab,#bpreader.account-tab,#bpreader.account-reader{background-image:url('/assets/ink-mirror/product-shell-mobile-v101.jpg');background-position:center top}
  .rd-section-transition{height:300px;margin:8px -16px;background-image:url('/assets/ink-mirror/reading-section-transition-mobile-v101.jpg');background-position:center}
  #legal,#bpreader.report-reader{background-image:url('/assets/ink-mirror/reader-mode-mobile-v101.jpg');background-position:center top}
  #legal .sheet-in{margin:0;min-height:100dvh;border-radius:0;border-left:0;border-right:0;padding:78px 22px 110px}
  .product-lock{padding:40px 22px;border-radius:28px}
}

/* ===== Clarify editorial ink visual system =====
   Targeted evolution only: typography, color, shape, controls, and rhythm.
   Product structure, copy, routing, and conversion events stay unchanged. */
:root{
  --ui-canvas:#EEF0ED;
  --ui-paper:#F4F4F0;
  --ui-surface:#FAFAF7;
  --ui-surface-soft:rgba(250,250,247,.78);
  --ui-ink:#17231E;
  --ui-text:#34423B;
  --ui-muted:#5D6863;
  --ui-on-dark:#F4F6F2;
  --ui-jade:#48685F;
  --ui-jade-soft:#6F817A;
  --ui-jade-wash:rgba(72,104,95,.09);
  --ui-hover:#24352E;
  --ui-danger:#8A4A45;
  --ui-line:rgba(23,35,30,.12);
  --ui-line-strong:rgba(23,35,30,.2);
  --ui-line-on-dark:rgba(244,246,242,.16);
  --ui-radius-panel:24px;
  --ui-radius-card:16px;
  --ui-radius-field:14px;
  --ui-radius-pill:999px;
  --ui-space-1:8px;
  --ui-space-2:12px;
  --ui-space-3:16px;
  --ui-space-4:24px;
  --ui-space-5:32px;
  --ui-space-6:48px;
  --ui-space-7:64px;
  --ui-space-8:96px;
  --ui-page-gutter:clamp(18px,4vw,32px);
  --ui-panel-padding:clamp(24px,5vw,48px);
  --ui-section-space:clamp(48px,7vw,72px);
  --ui-shadow-panel:0 28px 80px -54px rgba(23,35,30,.3);
  --ui-shadow-control:0 14px 34px -28px rgba(23,35,30,.48);
  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
}

body{font-family:var(--font-body);font-size:16px;color:var(--ui-ink)}
button,input,select,textarea{font-family:var(--font-body)}
.mono{font-family:var(--font-body);font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--ui-jade);outline-offset:3px;border-radius:var(--ui-radius-field)}
.logoorb{background:radial-gradient(circle at 36% 30%,#fff,#A9BBB3 46%,#293A33 100%);box-shadow:0 10px 26px -17px rgba(23,35,30,.66),inset -4px -5px 12px rgba(23,35,30,.28),inset 4px 4px 10px rgba(255,255,255,.68)}
.brand,.viewtog,.product-nav button{font-family:var(--font-body)}
body.result-mode .bar .left,body.result-mode .bar .brand-home{color:var(--ui-ink);background:rgba(250,250,247,.88);border-color:var(--ui-line);box-shadow:var(--ui-shadow-control)}

.product-nav{bottom:max(14px,env(safe-area-inset-bottom));width:min(680px,calc(100% - 28px));padding:6px;background:rgba(250,250,247,.93);border-color:var(--ui-line);box-shadow:0 20px 50px -36px rgba(23,35,30,.56)}
.product-nav button{min-height:46px;color:var(--ui-muted);font-size:12px;font-weight:700}
.product-nav button[aria-current="page"]{background:var(--ui-ink);color:var(--ui-on-dark)}
body.result-mode{padding-bottom:112px}
#bpreader.account-reader,#bpreader.product-lock-reader,#bpreader.life-book-unlock,#bpreader.product-tab,#bpreader.account-tab{padding-bottom:112px}

/* Landing and birth details */
#landing{--landing-ink:var(--ui-ink);--landing-muted:var(--ui-muted);--landing-accent:var(--ui-jade);background:var(--ui-canvas)}
#landing:has(#birthCard:not([hidden])){padding-top:calc(70px + env(safe-area-inset-top));padding-bottom:calc(28px + env(safe-area-inset-bottom))}
#landing .entry-copy{width:min(630px,54vw);max-width:630px}
#landing .entry-copy .entry-kicker{max-width:none;margin:0 0 16px;color:var(--ui-jade);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.45;text-transform:none}
#landing .entry-copy h1{max-width:100%;font-size:clamp(50px,4.2vw,64px);line-height:.98;letter-spacing:-.04em}
#landing .entry-copy h1 span{display:block;white-space:nowrap}
#landing .entry-copy .entry-lead{max-width:46ch;margin-top:22px;color:var(--ui-muted);font-size:17px;line-height:1.58}
#landing .entry-copy .landing-outcomes-label{max-width:none;margin:26px 0 0;color:var(--ui-jade);font-size:13px;font-weight:700;letter-spacing:.015em;line-height:1.4;text-transform:none}
.landing-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:12px;max-width:560px;margin:14px 0 0;padding:0;list-style:none}
.landing-outcomes li{min-height:26px;padding:3px 0 3px 14px;border-left:2px solid var(--ui-jade);color:var(--ui-text);font-size:14px;font-weight:600;line-height:1.4}
.landing-action-row{align-items:flex-start;flex-direction:column;gap:9px;margin-top:27px}
#landing .landing-primary,#landing .cta{min-height:52px;border-radius:var(--ui-radius-pill);background:var(--ui-ink);color:var(--ui-on-dark);box-shadow:var(--ui-shadow-control);font-size:15px;font-weight:700}
#landing .landing-primary:hover,#landing .cta:hover{background:var(--ui-hover);box-shadow:0 20px 44px -30px rgba(23,35,30,.72)}
#landing .landing-primary{width:min(500px,100%);white-space:nowrap}
#landing .entry-copy .landing-trust{display:grid;width:min(500px,100%);gap:1px;margin:0;color:var(--ui-muted);font-size:12px;line-height:1.45;text-align:center;text-transform:none}
.landing-blueprint{width:min(500px,100%);margin-top:23px;padding:3px 0 3px 18px;border-left:2px solid var(--ui-jade);color:var(--ui-ink)}
.landing-blueprint-label,.landing-blueprint-note{display:block;font-family:var(--font-body)}
.landing-blueprint-label{color:var(--ui-jade);font-size:11.5px;font-weight:700;letter-spacing:.02em;line-height:1.35}
.landing-blueprint strong{display:block;margin-top:4px;font:400 clamp(30px,2.7vw,38px)/1 var(--font-display);letter-spacing:-.03em}
.landing-blueprint-note{margin-top:4px;color:var(--ui-muted);font-size:12.5px;line-height:1.4}
.landing-trust,.landing-privacy,.form-privacy,.legal-ack{color:var(--ui-muted)}
#landing .legal-link{color:var(--ui-ink);text-decoration-color:rgba(23,35,30,.3)}
#landing .entry-copy>#landingPrivacy{display:block;margin-top:12px}
#landing .entry-card{max-width:520px;padding:20px 24px 22px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:rgba(250,250,247,.88);box-shadow:var(--ui-shadow-panel),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(16px)}
.birth-back{min-height:34px;margin:-3px 0 3px;color:var(--ui-muted)}
#landing .input-card-head{margin-bottom:16px}
#landing .entry-card .input-card-head h1{margin:6px 0 7px;font-size:34px;line-height:1.02}
#landing .entry-card .input-card-head p{color:var(--ui-muted);font-size:13.5px;line-height:1.48}
#landing .flab,#landing .optional-field-label{margin-bottom:7px;color:var(--ui-muted)}
#landing .dtin{border-bottom-color:var(--ui-line-strong);color:var(--ui-ink)}
#landing .dtin:focus{border-bottom-color:var(--ui-jade)}
.sex-field{margin-top:13px}
#landing .sexpick{margin-bottom:7px}
#landing .sexopt,#landing .ampmopt{min-height:44px;border-color:var(--ui-line-strong);background:rgba(255,255,255,.46);color:var(--ui-ink)}
#landing .sexopt:hover,#landing .ampmopt:hover{border-color:var(--ui-jade-soft)}
#landing .sexopt.on,#landing .ampmopt.on{border-color:var(--ui-ink);background:var(--ui-ink);color:var(--ui-on-dark)}
#landing .subnote,.sexwhy p,#landing .moreopt .mo-why,#landing .citynote{color:var(--ui-muted)}
.sexwhy summary{min-height:30px;color:var(--ui-ink)}
#landing .moreopt{margin-top:8px;padding-top:7px;border-top-color:var(--ui-line)}
#landing .moreopt summary{min-height:40px;color:var(--ui-ink)}
#landing .moreopt .mo-plus,#landing .mo-sub{border-color:var(--ui-line-strong)}
#landing .moreopt .timewrap{border-color:var(--ui-line);border-radius:var(--ui-radius-field);background:rgba(255,255,255,.44)}
#landing .citywrap input{min-height:48px;border-color:var(--ui-line);border-radius:var(--ui-radius-field);background:rgba(255,255,255,.5);color:var(--ui-ink)}
#landing .citywrap input:focus{border-color:var(--ui-jade)}
.form-privacy{margin-top:10px}
#landing .cta{margin-top:10px}
.legal-ack{margin-top:8px}
#landing .lerr{color:var(--ui-danger)}

/* Analysis and identity */
.reveal{background:var(--ui-canvas);color:var(--ui-ink)}
.reveal::before{background-color:var(--ui-canvas)}
.reveal::after{background:rgba(238,240,237,.1)}
.analysis-state-inner{width:min(620px,100%);padding:clamp(28px,4vw,44px);border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:var(--ui-surface-soft);box-shadow:var(--ui-shadow-panel);backdrop-filter:blur(12px)}
.analysis-kicker{margin-bottom:16px;color:var(--ui-jade);font-family:var(--font-body);font-size:10.5px;font-weight:700;letter-spacing:.14em}
.analysis-state h1{color:var(--ui-ink);font-size:clamp(44px,5.2vw,68px);line-height:.98;letter-spacing:-.035em}
.analysis-support{margin-top:18px;color:var(--ui-muted);font-size:15.5px}
.analysis-state #inlineAnalysis:not([hidden]){color:var(--ui-text)}
.analysis-state .analysis-notify{border-top-color:var(--ui-line)}
.analysis-state .analysis-notify input{min-height:48px;border-color:var(--ui-line-strong);border-radius:var(--ui-radius-field);background:rgba(255,255,255,.62);color:var(--ui-ink)}
.analysis-state .analysis-notify button,.analysis-state #analysisRetry{min-height:52px;border-radius:var(--ui-radius-pill);background:var(--ui-ink);color:var(--ui-on-dark);font-weight:700}
.reveal .rvtop,.reveal .rvmark,.reveal .rvmeta,.reveal .profile-kicker,.reveal .profile-precision{font-family:var(--font-body);font-variant-numeric:tabular-nums}
.reveal.is-identity .rvtop{color:var(--ui-muted)}
.reveal.is-identity .rvtop .rvseason{color:var(--ui-jade)}
.reveal .rvcard{border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 34px 86px -54px rgba(23,35,30,.48)}
.reveal .rvbody{background:linear-gradient(180deg,var(--ui-surface),var(--ui-paper))}
.reveal .rvmark{color:var(--ui-jade)}
.reveal h2{color:var(--ui-ink)}
.reveal .rvmeta{color:var(--ui-muted)}
.reveal .rvtraits span{border-color:var(--ui-line);background:var(--ui-ink);color:var(--ui-on-dark);font-family:var(--font-body);font-weight:600}
.reveal.is-identity .profile-map{padding:18px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:rgba(250,250,247,.74);box-shadow:none}
.reveal.is-identity .profile-kicker,.reveal.is-identity .profile-precision{color:var(--ui-muted)}
.reveal.is-identity .profile-map h2{color:var(--ui-ink);font-family:var(--font-body);font-weight:600}
.reveal.is-identity .profile-dimension{color:var(--ui-text)}
.reveal .rvbtn{min-height:52px;font-family:var(--font-body);font-weight:700}
.reveal.is-identity .rvbtn.primary{background:var(--ui-ink);color:var(--ui-on-dark);box-shadow:var(--ui-shadow-control)}
.reveal.is-identity .rvbtn.secondary{min-height:44px;color:var(--ui-text)}
.reveal .rvbtn:focus-visible,.reveal.is-identity .rvbtn:focus-visible{outline:2px solid var(--ui-jade);outline-offset:3px}

/* Reading */
#result.on{--rd-paper:var(--ui-paper);--rd-paper2:#E9ECE9;--rd-ink:var(--ui-ink);--rd-muted:var(--ui-muted);--rd-hair:var(--ui-line);background-color:var(--ui-canvas);color:var(--ui-ink)}
#scroll{max-width:840px;padding-bottom:calc(132px + env(safe-area-inset-bottom))}
.rd-hero{min-height:calc(100dvh - 116px);padding-bottom:var(--ui-space-6)}
.rd-cover{min-height:auto;padding:32px 26px 28px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:rgba(250,250,247,.9);box-shadow:var(--ui-shadow-panel)}
.rd-cover::before{background:radial-gradient(circle at 50% 0%,rgba(72,104,95,.16),transparent 66%);opacity:.52}
.rd-hero .rd-kick,.rd-id-label,.rd-hero .rd-sub,.rd-secnum,.rd-gate-eyebrow,.rd-context-type span,.rd-context-type small,.rd-hit-k,.rd-year-teaser>span,.rd-save-label,.rd-pw-eyebrow,.rd-pw-reassure,.rd-selected{font-family:var(--font-body);font-variant-numeric:tabular-nums}
.rd-hero .rd-kick,.rd-hero .rd-sub{color:var(--ui-muted)}
.rd-id-label,.rd-context-type span{color:var(--ui-jade)}
.rd-name{font-size:clamp(50px,8vw,76px);line-height:.94;max-width:10ch}
.rd-signal-thesis{max-width:24ch;margin-top:24px;color:var(--ui-ink);font-family:var(--font-body);font-size:clamp(22px,3.4vw,34px);font-weight:650;line-height:1.18;letter-spacing:-.025em}
.rd-signal-chip{border-color:rgba(72,104,95,.22);background:var(--ui-jade-wash);color:var(--ui-ink);font-family:var(--font-body)}
.rd-signal-bridge{color:var(--ui-muted)}
.rd-mini-cta,.rd-btn{min-height:52px;border-radius:var(--ui-radius-pill);background:var(--ui-ink);color:var(--ui-on-dark);font-family:var(--font-body);font-size:15px;font-weight:700;box-shadow:var(--ui-shadow-control)}
.rd-sec{padding:var(--ui-section-space) 0;border-top-color:var(--ui-line)}
.rd-sheet,.rd-preview-shell,.rd-offer{border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:rgba(244,244,240,.9);box-shadow:var(--ui-shadow-panel)}
.auth-status{padding:clamp(32px,5vw,56px)}
.rd-preview-shell{padding:clamp(32px,4vw,40px)}
.rd-preview-shell>.rd-secnum{margin-bottom:12px;color:var(--ui-jade)}
.rd-title{color:inherit;font-family:var(--font-display);font-size:clamp(32px,4.2vw,44px);font-weight:400;line-height:1.04;letter-spacing:-.025em;max-width:18ch}
.rd-preview-shell>.rd-title{max-width:100%;margin-bottom:14px;font-size:clamp(32px,2.8vw,36px);line-height:1.05}
.rd-lead{color:var(--ui-muted)}
.rd-preview-context{margin-bottom:28px;padding:20px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:rgba(250,250,247,.76);box-shadow:none}
.rd-context-type b{color:var(--ui-ink);font-size:clamp(38px,7vw,60px)}
.rd-context-proof p{color:var(--ui-ink);font-family:var(--font-body);font-weight:650}
.rd-hit{min-height:auto;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:rgba(250,250,247,.62);box-shadow:none}
.rd-hit:first-child{background:linear-gradient(145deg,var(--ui-jade-wash),rgba(250,250,247,.84))}
.rd-hit:first-child .rd-hit-k,.rd-hit-k{color:var(--ui-jade)}
.rd-hit h3,.rd-hit-main>b,.rd-save h3,.rd-trust-stack b,.rd-entry-card b,.rd-outline-item b{color:var(--ui-ink);font-family:var(--font-body);font-weight:650}
.rd-hit p,.rd-hit-main>span,.rd-save p,.rd-trust-stack span,.rd-entry-card span,.rd-outline-item span{color:var(--ui-muted)}
.rd-trust-stack div,.rd-save,.rd-entry-card,.rd-outline-deck,.rd-offer .rd-pay-panel,.rd-next-example{border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:rgba(250,250,247,.68);box-shadow:none}
.rd-save{background:linear-gradient(145deg,rgba(250,250,247,.84),var(--ui-jade-wash))}
.rd-optional-save{margin-top:20px;padding-top:18px;border-top:1px solid var(--ui-line)}
.rd-optional-save summary{min-height:44px;display:flex;align-items:center;color:var(--ui-ink);font-weight:700;cursor:pointer}
.rd-optional-save[open] summary{margin-bottom:16px}
.rd-email{min-height:52px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-field);background:rgba(250,250,247,.76);color:var(--ui-ink);font-family:var(--font-body)}
.rd-email:focus{border-color:var(--ui-jade);box-shadow:0 0 0 3px rgba(72,104,95,.14)}
.rd-year-teaser,.rd-area-detail .rd-action{border-color:var(--ui-line);border-radius:var(--ui-radius-card);background:var(--ui-jade-wash);color:var(--ui-ink)}
.rd-offer{padding:clamp(32px,4vw,40px);background:rgba(244,244,240,.9)}
.rd-offer-main{border:1px solid var(--ui-line-on-dark);border-radius:var(--ui-radius-panel);background:linear-gradient(145deg,#141A18,var(--ui-hover));color:var(--ui-on-dark);box-shadow:0 28px 78px -50px rgba(20,26,24,.78)}
.rd-offer .rd-pw-title,.rd-offer-includes .rd-outline-item b,.rd-next-example b{color:var(--ui-on-dark)}
.rd-offer .rd-pw-title{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}
.rd-offer .rd-pw-lead,.rd-offer-includes .rd-outline-item span,.rd-next-example span,.rd-offer .rd-pw-reassure,.rd-offer .rd-pay-meta{color:rgba(244,246,242,.72)}
.rd-year-sample span,.rd-offer-includes .rd-outline-item,.rd-offer .rd-pay-panel,.rd-next-example{border-color:var(--ui-line-on-dark);background:rgba(244,246,242,.055)}
.rd-offer-includes .rd-outline-item i{color:rgba(244,246,242,.58)}
.rd-offer .rd-paywall{border-color:var(--ui-line-on-dark)}
.rd-btn-buy,#buyBpInline{background:var(--ui-on-dark);color:var(--ui-ink);box-shadow:0 18px 42px -28px rgba(0,0,0,.66)}
.rd-life-bridge{border-color:var(--ui-line);border-radius:var(--ui-radius-panel);background:var(--ui-surface);color:var(--ui-ink)}

/* Product, account, and legal surfaces */
#bpreader.product-lock-reader,#bpreader.life-book-unlock,#bpreader.product-tab,#bpreader.account-tab,#bpreader.account-reader{background-color:var(--ui-canvas);color:var(--ui-ink)}
#bpreader.product-lock-reader .sheet-x,#bpreader.life-book-unlock .sheet-x,#bpreader.product-tab .sheet-x,#bpreader.account-reader .sheet-x,#legal .sheet-x,#bpreader.report-reader .sheet-x{min-height:44px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-field);background:rgba(250,250,247,.86);color:var(--ui-ink);font-family:var(--font-body);font-weight:600;box-shadow:var(--ui-shadow-control)}
.product-lock{gap:22px;padding:clamp(36px,6vw,56px);border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:rgba(250,250,247,.8);box-shadow:var(--ui-shadow-panel)}
.product-lock-label{color:var(--ui-ink);font-size:clamp(48px,7vw,72px);line-height:.96}
.product-lock .rd-btn{min-height:52px;border-radius:var(--ui-radius-pill);background:var(--ui-ink);color:var(--ui-on-dark);font-weight:700}
#bpreader.life-book-unlock .rd-sec,#bpreader.product-tab .rd-sec{padding:var(--ui-panel-padding);border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:rgba(250,250,247,.8);box-shadow:var(--ui-shadow-panel)}
#bpreader.life-book-unlock .rd-title,#bpreader.product-tab .rd-title{color:var(--ui-ink)}
#bpreader.life-book-unlock .rd-sec p,#bpreader.product-tab .rd-sec p{color:var(--ui-muted)}
#bpreader.account-reader{background:#EEF0ED url('/assets/ink-mirror/product-shell-desktop-v101.jpg') center / cover no-repeat}
.account-home{gap:16px;padding-bottom:48px}
.account-hero{padding:22px 0 18px;border-bottom-color:var(--ui-line)}
.account-kicker,.account-label{color:var(--ui-jade);font-family:var(--font-body);font-size:10.5px;font-weight:700;letter-spacing:.14em}
.account-hero h1{margin:6px 0 10px;color:var(--ui-ink);font:400 clamp(48px,7vw,66px)/.98 var(--font-display);letter-spacing:-.035em}
.account-hero p,.account-section p{color:var(--ui-muted);font-size:14.5px}
.account-section{gap:12px;padding:20px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:rgba(250,250,247,.72)}
.account-section h2{color:var(--ui-ink);font:650 22px/1.12 var(--font-body);letter-spacing:-.02em}
.account-login-form input{min-height:52px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-field);background:rgba(250,250,247,.78);color:var(--ui-ink)}
.account-action{min-height:44px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-field);background:rgba(250,250,247,.72);color:var(--ui-ink);font:700 14px var(--font-body)}
.account-action.primary{min-height:52px;border-radius:var(--ui-radius-pill);background:var(--ui-ink);color:var(--ui-on-dark);border-color:var(--ui-ink)}
#accountContact,#accountErrorContact{min-height:44px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-field);background:transparent;color:var(--ui-ink);box-shadow:none}
.account-action.danger{color:var(--ui-danger);border-color:rgba(138,74,69,.28)}
.account-order{border-top-color:var(--ui-line)}
#legal,#bpreader.report-reader{background-color:var(--ui-canvas);color:var(--ui-ink)}
#legal .sheet-in{max-width:820px;margin:72px auto;padding:clamp(28px,5vw,52px);border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:rgba(250,250,247,.88);box-shadow:var(--ui-shadow-panel);backdrop-filter:blur(10px)}
.sheet-in h2{color:var(--ui-ink);font-size:clamp(36px,5vw,48px)}
.sheet-in h3{color:var(--ui-ink);font-family:var(--font-body);font-size:16px;font-weight:650}
.sheet-in p{color:var(--ui-text);font-size:15px;line-height:1.72}
.sheet-in .account-section h2{font:650 22px/1.12 var(--font-body);letter-spacing:-.02em}
#bpreader.report-reader .reader-doc{filter:drop-shadow(0 28px 64px rgba(23,35,30,.09))}

@media (max-width:920px){
  #landing{padding-top:calc(88px + env(safe-area-inset-top))}
  #landing .entry-copy{width:100%;max-width:600px;margin:clamp(6px,3vh,24px) auto 0}
  #landing .entry-copy h1{max-width:100%;font-size:clamp(40px,7vw,52px);line-height:1}
  #landing .entry-copy .entry-lead{max-width:40ch;margin-top:18px;font-size:16px}
  .landing-action-row{margin-top:22px}
}
@media (max-width:700px){
  .product-nav{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);padding:5px}
  .product-nav button{min-height:46px;font-size:11.5px}
  #scroll{padding-top:calc(78px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(124px + env(safe-area-inset-bottom))}
  .rd-hero{min-height:calc(100dvh - 104px);padding-bottom:40px}
  .rd-cover{padding:26px 22px 24px;border-radius:20px}
  .rd-name{font-size:clamp(46px,11vw,62px)}
  .rd-signal-thesis{font-size:clamp(22px,5.2vw,30px);max-width:24ch}
  .rd-preview-shell,.rd-offer{padding:24px 20px;border-radius:20px}
  .rd-preview-shell>.rd-title{max-width:100%;font-size:clamp(30px,5.4vw,34px);line-height:1.08}
  .rd-preview-context{padding:20px;border-radius:16px}
  .rd-hit,.rd-save,.rd-trust-stack div,.rd-offer .rd-pay-panel,.rd-next-example{border-radius:16px}
  .rd-offer-main{border-radius:20px}
  .product-lock{padding:36px 22px;border-radius:20px}
  #bpreader.life-book-unlock .rd-sec,#bpreader.product-tab .rd-sec{border-radius:20px}
  #bpreader.account-reader{background-image:url('/assets/ink-mirror/product-shell-mobile-v101.jpg');background-position:center top}
  .account-section{border-radius:16px}
}
@media (max-width:560px){
  #landing{padding-top:calc(86px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  #landing:has(#birthCard:not([hidden])){padding-top:calc(70px + env(safe-area-inset-top))}
  #landing .entry-copy{margin-top:4px}
  #landing .entry-copy .entry-kicker{margin-bottom:12px;font-size:10px;letter-spacing:.07em}
  #landing .entry-copy h1{max-width:100%;font-size:clamp(31px,9.1vw,40px);line-height:1}
  #landing .entry-copy .entry-lead{max-width:34ch;margin-top:16px;font-size:15px}
  #landing .entry-copy .landing-outcomes-label{margin-top:20px;font-size:12.5px}
  .landing-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:9px;margin-top:10px}
  .landing-outcomes li{min-height:25px;padding:3px 0 3px 11px;font-size:12.5px}
  .landing-action-row{gap:8px;margin-top:20px}
  #landing .landing-primary{width:100%;min-height:54px}
  #landing .entry-copy .landing-trust{font-size:11.5px}
  .landing-blueprint{margin-top:20px;padding-left:14px}
  .landing-blueprint-label{font-size:10.5px}
  .landing-blueprint strong{font-size:30px}
  .landing-blueprint-note{font-size:11.5px}
  #landing .entry-copy>#landingPrivacy{margin-top:10px}
  #landing .entry-card{padding:18px;border-radius:20px}
  .birth-back{margin:-2px 0 2px}
  #landing .input-card-head{margin-bottom:14px}
  #landing .entry-card .input-card-head h1{font-size:31px}
  #landing .entry-card .input-card-head p{font-size:12.75px}
  .analysis-state-inner{padding:28px 20px;border-radius:20px}
  .analysis-state h1{font-size:clamp(40px,10vw,50px)}
  .reveal .rvcard{border-radius:20px}
  .reveal.is-identity .profile-map{border-radius:16px}
  #legal .sheet-in{padding:76px 22px 112px}
}
@media (max-height:860px){
  .reveal .rvbtn.secondary{min-height:44px}
}

/* ===== Confirmed Landing: production integration (2026-07-22) =====
   The approved landing prototype is the visual source of truth. The existing
   birth form remains intact and takes over when data-step changes to birth. */
#landing[data-step="intro"]{
  --confirmed-paper:#F4F1EB;
  --confirmed-ink:#171C19;
  --confirmed-jade:#155A3B;
  --confirmed-jade-deep:#104C32;
  --confirmed-muted:#6F746F;
  display:block;
  min-height:100svh;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  color:var(--confirmed-ink);
  background:var(--confirmed-paper);
}
#landing[data-step="intro"]::before{
  display:block;
  inset:0;
  z-index:0;
  opacity:1;
  filter:none;
  transform:none;
  background-image:
    linear-gradient(90deg,rgba(244,241,235,.02) 0%,rgba(244,241,235,.05) 45%,rgba(244,241,235,.3) 100%),
    url('/assets/ink-mirror/landing-confirmed-desktop-v101.jpg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
#landing[data-step="intro"]::after{
  display:block;
  position:absolute;
  inset:0;
  z-index:0;
  content:'';
  pointer-events:none;
  background:radial-gradient(circle at 74% 47%,rgba(250,248,243,.36),transparent 47%);
}
#landing[data-step="intro"] .landing-ambience{display:none}
#landing[data-step="intro"] .wrap.hero{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(590px,.94fr);
  align-items:center;
  width:100%;
  max-width:none;
  min-height:100svh;
  margin:0;
  padding:88px clamp(48px,4.5vw,72px) 50px;
}
#landing[data-step="intro"] .entry-copy{
  grid-column:2;
  justify-self:end;
  width:635px;
  max-width:635px;
  margin:0;
  color:var(--confirmed-ink);
}
#landing[data-step="intro"] .entry-copy .entry-kicker,
#landing[data-step="intro"] .entry-copy .landing-outcomes-label,
#landing[data-step="intro"] .landing-blueprint-label{
  margin:0;
  color:var(--confirmed-jade);
  font-family:var(--font-body);
  font-weight:600;
  line-height:1.3;
  letter-spacing:.01em;
  text-transform:none;
}
#landing[data-step="intro"] .entry-copy .entry-kicker{
  margin-bottom:21px;
  font-size:15px;
}
#landing[data-step="intro"] .entry-copy h1{
  max-width:none;
  margin:0;
  color:var(--confirmed-ink);
  font-family:var(--font-display);
  font-size:clamp(66px,5vw,76px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.045em;
  text-wrap:normal;
}
#landing[data-step="intro"] .entry-copy h1 span{
  display:block;
  white-space:nowrap;
}
#landing[data-step="intro"] .landing-mobile-break{display:none}
#landing[data-step="intro"] .entry-copy .landing-outcomes-label{
  margin-top:43px;
  font-size:15px;
}
#landing[data-step="intro"] .entry-copy .landing-outcomes-label::after{
  display:inline-block;
  width:44px;
  height:1px;
  margin-left:14px;
  vertical-align:middle;
  content:'';
  background:var(--confirmed-jade);
}
#landing[data-step="intro"] .landing-outcomes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 30px;
  max-width:none;
  margin:21px 0 0;
  padding:0;
  list-style:none;
}
#landing[data-step="intro"] .landing-outcomes li{
  position:relative;
  min-height:0;
  padding:0 0 0 17px;
  border:0;
  color:#282E2A;
  font-size:15.5px;
  font-weight:500;
  line-height:1.35;
}
#landing[data-step="intro"] .landing-outcomes li::before{
  position:absolute;
  top:.18em;
  bottom:.14em;
  left:0;
  width:1px;
  content:'';
  background:var(--confirmed-jade);
}
#landing[data-step="intro"] .landing-blueprint{
  display:grid;
  grid-template-columns:205px minmax(0,1fr);
  align-items:center;
  gap:25px;
  width:100%;
  margin-top:38px;
  padding:17px 0 16px 19px;
  border-left:2px solid var(--confirmed-jade);
  border-block:1px solid rgba(21,90,59,.13);
  color:var(--confirmed-ink);
}
#landing[data-step="intro"] .landing-blueprint-label{
  max-width:none;
  font-size:11.5px;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
#landing[data-step="intro"] .landing-blueprint-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
#landing[data-step="intro"] .landing-blueprint strong{
  display:block;
  margin:0;
  color:var(--confirmed-ink);
  font-family:var(--font-display);
  font-size:35px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.035em;
}
#landing[data-step="intro"] .landing-blueprint-note{
  display:block;
  margin:0;
  color:var(--confirmed-muted);
  font-family:var(--font-body);
  font-size:12.5px;
  line-height:1.4;
}
#landing[data-step="intro"] .landing-action-row{
  display:grid;
  gap:0;
  width:100%;
  margin-top:31px;
}
#landing[data-step="intro"] .landing-primary{
  width:100%;
  min-height:56px;
  padding:0 28px;
  border:0;
  border-radius:999px;
  background:var(--confirmed-jade-deep);
  color:#FFFDF8;
  box-shadow:none;
  font:600 16.5px/1 var(--font-body);
  transition:transform 180ms ease,background 180ms ease;
  touch-action:manipulation;
}
#landing[data-step="intro"] .landing-primary:hover{
  background:#0D412B;
  box-shadow:none;
  transform:translateY(-1px);
}
#landing[data-step="intro"] .landing-primary:active{transform:translateY(0)}
#landing[data-step="intro"] .entry-copy .landing-trust{
  display:flex;
  justify-content:center;
  flex-wrap:nowrap;
  gap:5px 18px;
  width:100%;
  max-width:none;
  margin-top:13px;
  color:#5F6761;
  font-size:12px;
  line-height:1.45;
  text-align:center;
}
#landing[data-step="intro"] .landing-trust span+span::before{
  margin-right:18px;
  content:'·';
}
#landing[data-step="intro"] .entry-copy #landingPrivacy{
  justify-self:center;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin:0;
  padding:0;
  color:#303632;
  font:500 11px/1.4 var(--font-body);
  text-decoration:underline;
  text-decoration-color:currentColor;
  text-underline-offset:4px;
}
#landing[data-step="intro"] .landing-primary:focus-visible,
#landing[data-step="intro"] #landingPrivacy:focus-visible,
body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .brand-home:focus-visible{
  outline:2px solid var(--confirmed-jade);
  outline-offset:4px;
}
body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .bar{
  top:34px;
  right:auto;
  left:46px;
  width:auto;
  height:auto;
  padding:0;
}
body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .bar .brand-home{gap:0}
body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .bar .logoorb{display:none}
body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .bar .brand{
  color:var(--confirmed-ink);
  font-family:var(--font-display);
  font-size:29px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.045em;
}
@media (min-width:901px) and (max-width:1199px){
  #landing[data-step="intro"] .wrap.hero{
    grid-template-columns:minmax(220px,1fr) minmax(560px,635px);
    gap:clamp(24px,3vw,36px);
    padding:82px clamp(36px,4.5vw,54px) 44px;
  }
  #landing[data-step="intro"] .entry-copy{
    width:min(100%,635px);
    min-width:0;
  }
  #landing[data-step="intro"] .entry-copy h1{
    font-size:clamp(52px,5vw,60px);
  }
  #landing[data-step="intro"] .entry-copy .landing-outcomes-label{margin-top:24px}
  #landing[data-step="intro"] .landing-blueprint{grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:18px}
  #landing[data-step="intro"] .landing-action-row{margin-top:27px}
}
@media (max-width:900px){
  #landing[data-step="intro"]::before{
    background-image:
      linear-gradient(180deg,rgba(244,241,235,.06),rgba(244,241,235,.11)),
      url('/assets/ink-mirror/landing-confirmed-mobile-v101.jpg');
    background-position:center top;
  }
  #landing[data-step="intro"]::after{
    background:linear-gradient(180deg,rgba(250,248,243,.14),transparent 28%,rgba(250,248,243,.08));
  }
  #landing[data-step="intro"] .wrap.hero{
    display:block;
    min-height:100svh;
    padding:112px 24px 24px;
  }
  #landing[data-step="intro"] .entry-copy{
    width:100%;
    max-width:none;
    margin:0;
  }
  #landing[data-step="intro"] .entry-copy .entry-kicker{
    margin-bottom:15px;
    font-size:12px;
    letter-spacing:.025em;
  }
  #landing[data-step="intro"] .entry-copy h1{
    max-width:100%;
    font-size:clamp(39px,10.9vw,43px);
    line-height:.96;
    letter-spacing:-.048em;
  }
  #landing[data-step="intro"] .entry-copy h1 span{white-space:normal}
  #landing[data-step="intro"] .entry-copy h1 span+span{margin-top:3px}
  #landing[data-step="intro"] .landing-mobile-break{display:block}
  #landing[data-step="intro"] .entry-copy .landing-outcomes-label{
    margin-top:31px;
    font-size:12.5px;
  }
  #landing[data-step="intro"] .entry-copy .landing-outcomes-label::after{
    width:31px;
    margin-left:10px;
  }
  #landing[data-step="intro"] .landing-outcomes{
    gap:12px 14px;
    margin-top:17px;
  }
  #landing[data-step="intro"] .landing-outcomes li{
    padding-left:12px;
    font-size:12px;
    line-height:1.3;
  }
  #landing[data-step="intro"] .landing-blueprint{
    display:block;
    margin-top:31px;
    padding:14px 0 13px 15px;
  }
  #landing[data-step="intro"] .landing-blueprint-label{
    font-size:9.5px;
    letter-spacing:.07em;
    white-space:normal;
  }
  #landing[data-step="intro"] .landing-blueprint-copy{
    gap:1px;
    margin-top:5px;
  }
  #landing[data-step="intro"] .landing-blueprint strong{font-size:29px}
  #landing[data-step="intro"] .landing-blueprint-note{font-size:10.5px}
  #landing[data-step="intro"] .landing-action-row{margin-top:29px}
  #landing[data-step="intro"] .landing-primary{
    min-height:54px;
    font-size:15px;
  }
  #landing[data-step="intro"] .entry-copy .landing-trust{
    display:grid;
    gap:2px;
    margin-top:12px;
    color:#5D655F;
    font-size:11.5px;
    line-height:1.45;
  }
  #landing[data-step="intro"] .landing-trust span+span::before{content:none}
  #landing[data-step="intro"] .entry-copy #landingPrivacy{
    min-height:44px;
    font-size:10.5px;
  }
  body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .bar{
    top:23px;
    left:24px;
  }
  body[data-confirmed-view="landing"]:has(#landing[data-step="intro"]) .bar .brand{font-size:25px}
}
@media (max-width:359px){
  #landing[data-step="intro"] .wrap.hero{padding-inline:20px}
  #landing[data-step="intro"] .entry-copy h1{font-size:35px}
}
@media (prefers-reduced-motion:reduce){
  #landing[data-step="intro"] *,
  #landing[data-step="intro"] *::before,
  #landing[data-step="intro"] *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}