:root{
  --paper:#f3f0e9;--paper2:#ece8df;--ink:#1d2421;--muted:#66706b;
  --line:rgba(29,36,33,.15);--strong:rgba(29,36,33,.28);
  --signal:#155f4e;--soft:#d9e7e1;--pale:#e8f0ec;
  --warning:#9a4d2d;--warning-soft:#f2dfd5;--white:#fbfaf6;
  --max:1120px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(21,95,78,.28);outline-offset:3px}
img,svg{max-width:100%}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--ink);color:white;padding:10px 14px;border-radius:6px}
.skip-link:focus{top:12px}
.site-nav{position:fixed;inset:0 0 auto;z-index:50;height:66px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(243,240,233,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(29,36,33,.08)}
.brand{font-weight:680;letter-spacing:-.015em;text-decoration:none}
.navlinks{display:flex;align-items:center;gap:26px}
.navlinks a,.navlinks button{font:inherit;font-size:14px;text-decoration:none;color:var(--muted);background:none;border:0;padding:0;cursor:pointer}
.navlinks .intercom{color:var(--ink);padding:9px 14px;border:1px solid var(--strong);border-radius:999px;display:inline-flex;gap:8px;align-items:center}
.navlinks .intercom:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px var(--soft)}
main{overflow:hidden}
.scene{min-height:100svh;padding:126px 28px 92px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative}
.wrap{width:min(var(--max),100%);margin:auto;position:relative;z-index:2}
.kicker{display:flex;align-items:center;gap:10px;margin:0 0 26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kicker:before{content:"";width:24px;height:1px;background:var(--strong)}
.display{margin:0;max-width:12ch;font-size:clamp(50px,7.2vw,96px);line-height:.98;letter-spacing:-.055em;font-weight:560}
.lead{max-width:31ch;font-size:clamp(28px,3.4vw,44px);line-height:1.18;letter-spacing:-.028em}
.copy{max-width:670px;font-size:18px;line-height:1.72}
.copy a,.text-link{color:var(--signal);text-underline-offset:4px}
.muted{color:var(--muted)}
.signal{color:var(--signal)}
.warning{color:var(--warning)}
.tight p{margin:.5em 0}
.hero{background:linear-gradient(180deg,var(--paper),#f0ede6)}
.hero .intro{max-width:760px}
.hero-constellation{height:340px;margin-top:44px;position:relative;border-top:1px solid var(--line)}
.hero-constellation:before,.hero-constellation:after{content:"";position:absolute;height:1px;background:var(--strong);transform-origin:left center}
.hero-constellation:before{left:4%;right:9%;top:37%;transform:rotate(-3deg)}
.hero-constellation:after{left:17%;right:3%;top:68%;transform:rotate(2deg)}
.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--paper);border:1px solid rgba(29,36,33,.32);box-shadow:0 0 0 7px rgba(243,240,233,.8)}
.node.anomaly{width:15px;height:15px;border-color:var(--signal);background:var(--soft);box-shadow:0 0 0 12px rgba(217,231,225,.6),0 0 0 24px rgba(217,231,225,.22)}
.hero-note{position:absolute;right:3%;bottom:5%;max-width:270px;color:var(--muted);font-size:14px;line-height:1.6}
.scene-human{background:var(--white)}
.human-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}
.prompt-stack{border-left:1px solid var(--signal);padding-left:28px;margin:34px 0 44px}
.prompt-stack p{margin:.65em 0;font-size:clamp(20px,2vw,27px);line-height:1.45}
.side-note{padding:28px 0 28px 28px;border-left:1px solid var(--strong);color:var(--muted);font-size:15px;line-height:1.7}
.side-note strong{display:block;color:var(--ink);font-size:18px;margin-bottom:10px}
.scene-two{background:var(--paper2)}
.week{margin:44px 0 50px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;border-top:1px solid var(--strong);padding-top:22px}
.day{min-height:170px;padding:10px 8px 0;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--strong)}
.day small{color:var(--muted);margin-bottom:10px}
.bar{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(21,95,78,.28),rgba(21,95,78,.12))}
.day.zero{border-bottom-color:var(--ink)}
.day.zero .bar{height:2px!important;background:var(--ink)}
.day.zero strong{font-size:14px;color:var(--ink);margin:11px 0 12px}
.realities{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 54px}
.reality{min-height:280px;padding:28px;border-top:1px solid var(--strong);background:rgba(251,250,246,.42)}
.reality h3{margin:0 0 24px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.reading{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.reading .ok{color:var(--signal);font-weight:650}
.path{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}
.path span{padding:10px 12px;border:1px solid var(--strong);border-radius:999px;background:var(--white);font-size:14px}
.path b{color:var(--muted);font-weight:400}
.path .break{color:var(--warning);border-color:var(--warning);background:var(--warning-soft);font-weight:650}
.story-copy{max-width:720px;padding-left:28px;border-left:1px solid var(--strong)}
.story-copy p{margin:.8em 0}
.story-copy .turn{color:var(--signal);font-size:21px}
.scene-narrow{background:var(--white)}
.journey-map-wrap{position:relative}
.journey-map{margin:54px 0 46px;border-top:1px solid var(--strong);border-bottom:1px solid var(--strong);padding:34px 0;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.journey-map-wrap:after{content:"";display:none;position:absolute;top:54px;right:0;bottom:46px;width:38px;pointer-events:none;background:linear-gradient(90deg,rgba(251,250,246,0),var(--white))}
.swipe-hint{display:none;margin:-30px 0 34px;text-align:right;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.track{display:grid;grid-template-columns:130px repeat(5,1fr);align-items:center;min-height:72px}
.track+.track{border-top:1px solid var(--line)}
.track-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.point{position:relative;text-align:center;padding:18px 8px;font-size:13px;color:var(--muted)}
.point:before{content:"";display:block;width:11px;height:11px;margin:0 auto 10px;border-radius:50%;border:1px solid var(--strong);background:var(--white)}
.point:not(:last-child):after{content:"";position:absolute;left:50%;right:-50%;top:23px;height:1px;background:var(--line)}
.point.match:before{background:var(--soft);border-color:var(--signal)}
.point.match{color:var(--signal)}
.point.diverge:before{background:var(--warning-soft);border-color:var(--warning)}
.point.diverge{color:var(--warning);font-weight:650}
.point.unknown:before{background:var(--paper2);border-style:dashed}
.search-zone{display:grid;grid-template-columns:130px repeat(5,1fr);margin-top:20px}
.search-zone .bracket{grid-column:4/6;border-top:2px solid var(--warning);position:relative;padding-top:14px;text-align:center;color:var(--warning);font-size:14px;font-weight:650}
.search-zone .bracket:before,.search-zone .bracket:after{content:"";position:absolute;top:-2px;height:12px;width:2px;background:var(--warning)}
.search-zone .bracket:before{left:0}.search-zone .bracket:after{right:0}
.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}
.outcome{border-top:1px solid var(--strong);padding-top:20px}
.outcome strong{font-size:20px}
.scene-clarity{background:var(--paper)}
.clarity-list{max-width:860px;margin:55px 0}
.clarity-row{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}
.clarity-step{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--signal);font-weight:700}
.clarity-text{font-size:clamp(20px,2.1vw,28px)}
.clarity-row:last-child{border-bottom-color:var(--signal)}
.clarity-row:last-child .clarity-step,.clarity-row:last-child .clarity-text{font-weight:700}
.clarity-final{max-width:790px;font-size:clamp(30px,3.4vw,46px);line-height:1.2;letter-spacing:-.03em}
.scene-contact{background:#e7e2d8;color:var(--ink)}
.contact-intro{max-width:800px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);gap:56px;margin-top:58px;align-items:start}
.contact-card{background:rgba(251,250,246,.76);border:1px solid var(--line);padding:30px;border-radius:8px}
.contact-card h3{font-size:24px;margin:0 0 12px}
label{display:block;color:var(--ink);font-size:13px;font-weight:650;margin:20px 0 8px}
input,textarea{width:100%;border:1px solid var(--strong);border-radius:5px;background:var(--white);color:var(--ink);padding:13px 14px;font:inherit}
textarea{min-height:132px;resize:vertical}
button.primary{margin-top:22px;border:0;border-radius:999px;background:var(--signal);color:var(--white);padding:13px 18px;font:inherit;font-weight:650;cursor:pointer}
button.primary[disabled]{opacity:.6;cursor:wait}
.secondary{display:grid;gap:24px}
.secondary a,.secondary button.link-button{display:block;color:var(--signal);margin-top:12px;text-underline-offset:4px;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;text-decoration:underline}
.form-status{margin:18px 0 0;padding:12px 14px;border-radius:5px;display:none}
.form-status.success{display:block;background:var(--soft);color:var(--signal)}
.form-status.error{display:block;background:var(--warning-soft);color:var(--warning)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer{background:var(--ink);color:#aeb8b3;padding:38px 28px 58px;border-top:1px solid rgba(255,255,255,.12)}
.footer-wrap{width:min(var(--max),100%);margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer-wrap strong{color:var(--white)}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{color:#d7ddda;text-underline-offset:4px}
.modal{position:fixed;inset:0;z-index:120;display:none}
.modal[aria-hidden="false"]{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(29,36,33,.52);backdrop-filter:blur(4px)}
.modal-panel{position:absolute;top:0;right:0;height:100%;width:min(560px,100%);overflow:auto;background:var(--paper);padding:28px 28px 48px;box-shadow:-20px 0 70px rgba(0,0,0,.2)}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.modal-close{border:1px solid var(--strong);background:var(--white);border-radius:999px;padding:8px 12px;cursor:pointer;font:inherit}
.modal .contact-card{background:var(--white)}
.dialog{position:fixed;inset:0;z-index:140;display:none;place-items:center;padding:20px;background:rgba(29,36,33,.5)}
.dialog[aria-hidden="false"]{display:grid}
.dialog-box{width:min(520px,100%);background:var(--white);padding:28px;border-radius:8px;border:1px solid var(--line)}
.dialog-actions{display:flex;justify-content:flex-end;margin-top:22px}
.page-hero{padding:140px 28px 80px;background:linear-gradient(180deg,var(--paper),var(--paper2));border-bottom:1px solid var(--line)}
.page-hero .wrap{max-width:900px;margin-left:auto;margin-right:auto}
.page-content{padding:80px 28px 110px}
.page-content .wrap{max-width:900px}
.prose{font-size:19px;line-height:1.76}
.prose h2{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.03em;margin:2em 0 .6em}
.prose h3{font-size:24px;margin:2em 0 .5em}
.prose p,.prose ul{max-width:720px}
.prose blockquote{margin:42px 0;padding:4px 0 4px 28px;border-left:2px solid var(--signal);font-size:clamp(24px,3vw,34px);line-height:1.35}
.story-grid,.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.story-card,.area-card{padding:28px;border-top:1px solid var(--strong);background:rgba(251,250,246,.4)}
.story-card h2,.area-card h2{font-size:24px;margin:.4em 0}
.story-card a{color:var(--signal);text-underline-offset:4px}
.story-meta{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.story-section{padding:34px 0;border-top:1px solid var(--line)}
.story-section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);font-weight:700}
.release-note{padding:18px 20px;background:var(--pale);border-left:3px solid var(--signal);font-size:15px;line-height:1.6}
@media(max-width:900px){
  .story-grid,.area-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .site-nav{padding:0 20px}.navlinks a{display:none}
  .scene{padding:110px 20px 72px;min-height:auto}
  .human-grid,.realities,.contact-grid,.outcomes{grid-template-columns:1fr}
  .human-grid{gap:42px}
  .week{gap:6px}.day{min-height:120px;padding-inline:3px}
  .journey-map{overflow-x:auto}
  .track,.search-zone{grid-template-columns:90px repeat(5,70px);width:440px;min-width:440px}
  .track{overflow:visible}.search-zone{margin-top:20px}
  .clarity-row{grid-template-columns:1fr;gap:8px}
  .contact-card{padding:22px}.footer-wrap{flex-direction:column}
  .page-hero{padding:115px 20px 62px}.page-content{padding:60px 20px 85px}
}
@media(max-width:520px){
  .journey-map-wrap:after{display:block}.swipe-hint{display:block}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}