:root{
--cream:#F4EDE3; --white:#FFFFFF; --olive:#6E6C2C; --olive-deep:#3A3A1E; --orange:#E9651F;
--ink:#1D1C12; --ink-soft:#4A4630; --cream-70:rgba(244,237,227,.7); --cream-40:rgba(244,237,227,.4);
--hairline:rgba(29,28,18,.14); --hairline-light:rgba(244,237,227,.28); --radius:20px;
--sans:"Host Grotesk",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
--didot:"GFS Didot","Didot","Bodoni MT",Georgia,serif;
--hand:"Reenie Beanie","Bradley Hand","Segoe Print",cursive;
--bg:var(--olive-deep); --fg:var(--cream);
color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.phone{max-width:430px;margin:0 auto;background:var(--cream);color:var(--ink);min-height:100vh;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
h1,h2,h3{font-weight:300;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:31px;line-height:1.08}
h2{font-size:27px;line-height:1.12}
h3{font-size:19px;line-height:1.25;font-weight:400}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.band{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:52px;display:grid;gap:20px}
.dark{background:var(--olive-deep);color:var(--cream);position:relative;isolation:isolate}
.dark.olive{background:var(--olive)}
.dark::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");mix-blend-mode:overlay}
.white{background:var(--white)}
.eyebrow{font-family:var(--hand);font-size:21px;line-height:1;opacity:.85;display:flex;align-items:center;gap:8px}
.sym{width:26px;height:17px;flex:none}
.caps{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.lead{font-size:18px;font-weight:300;line-height:1.4}
.small{font-size:13.5px;color:var(--ink-soft);line-height:1.45}
.dark .small{color:var(--cream-70)}
.didot{font-family:var(--didot);font-weight:400}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:999px;background:var(--orange);color:var(--ink);font-weight:500;font-size:16px;text-decoration:none;width:100%}
.btn.ghost{background:transparent;border:1px solid var(--hairline);color:inherit}
.dark .btn.ghost{border-color:var(--hairline-light)}
.textlink{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--olive-deep);color:var(--cream);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline-light)}
.wordmark{font-family:var(--didot);font-size:21px;letter-spacing:.04em;text-decoration:none}
.top .caps{font-size:10px}
.hero{padding-top:28px;padding-bottom:32px}
.hero-grid{display:grid;grid-template-columns:1fr 118px;gap:14px;align-items:start}
.hero .mapwrap{position:relative}
.mapwrap svg{width:100%;height:auto;display:block}
.resolved{opacity:0;transition:opacity .9s}
body.peeled .resolved{opacity:1}
.get{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding-top:14px;border-top:1px solid var(--hairline-light)}
.get div{display:grid;gap:6px;justify-items:start;align-content:start;font-size:13px;color:var(--cream-70);line-height:1.25}
.get svg{width:22px;height:22px;color:var(--cream)}
.reader{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--hairline-light)}
.reader img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:1.5px solid var(--cream);flex:none}
.reader .who{display:grid;gap:2px;font-size:13.5px;line-height:1.3}
.reader .who b{font-weight:500;font-size:15px}
.fit{background:var(--white);border-radius:16px;padding:14px 16px;display:grid;gap:8px;font-size:15px;line-height:1.4}
.fit .caps{color:var(--orange);opacity:1}
.safe{font-size:14px;font-weight:400;line-height:1.4;padding:10px 12px}
.fit .safe{margin-top:8px}
[hidden]{display:none!important}
.diff{display:grid;gap:0;border-top:1px solid var(--hairline-light)}
.diff .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--hairline-light);font-size:14px;line-height:1.3}
.diff .row span:first-child{opacity:.6;font-weight:300}
.diff .row span:last-child{font-weight:400}
.diff .hd{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:8px}
.diff .hd .caps:last-child{color:var(--orange);opacity:1}
.object{display:grid;grid-template-columns:124px 1fr;gap:14px;align-items:center;padding-top:14px;border-top:1px solid var(--hairline-light)}
.object svg{width:100%;height:auto;color:var(--cream)}
.hold{display:grid;gap:10px;background:var(--white);border:1px solid var(--hairline);border-radius:16px;padding:16px}
.map .line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.map .thin{stroke-width:1.6}
.map .n-hypo .line{stroke:var(--n-hypo,currentColor)}.map .n-pit .line{stroke:var(--n-pit,currentColor)}.map .n-thy .line{stroke:var(--n-thy,currentColor)}.map .n-gut .line{stroke:var(--n-gut,currentColor)}.map .n-ov .line{stroke:var(--n-ov,currentColor)}.map .n-womb .line{stroke:var(--n-womb,currentColor)}.map .n-cyc .line{stroke:var(--n-cyc,currentColor)}
.doorlist{display:grid;gap:8px}
.door{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:var(--white);border:1px solid var(--hairline);font-size:16px;width:100%}
.door svg{width:40px;height:30px;flex:none;color:var(--ink)}
.door[aria-pressed="true"]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}
.door .arrow{margin-left:auto;color:var(--orange);font-weight:300;font-size:22px;line-height:1}
.chainpanel{display:none;grid-template-columns:84px 1fr;gap:14px;align-items:start;padding:18px;border-radius:var(--radius);background:var(--olive);color:var(--cream)}
.chainpanel.on{display:grid}
.chainpanel .mapwrap svg{color:var(--cream)}
.chainpanel .small{color:var(--cream-70)}
.step{display:grid;gap:8px;min-height:132px}
.step .n{font-size:10px;letter-spacing:.18em;font-weight:500;opacity:.7}
.step .l{font-size:19px;font-weight:300;line-height:1.2}
.step .m{font-size:13.5px;opacity:.85;font-weight:300}
.ctl{display:flex;gap:8px;align-items:center}
.ctl .btn{min-height:40px;padding:0 16px;font-size:14px;width:auto}
.dots{display:flex;gap:6px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--cream-40)}
.dots i.on{background:var(--orange)}
.chat{display:grid;gap:8px}
.msg{max-width:86%;padding:10px 14px;border-radius:16px;background:var(--white);border:1px solid var(--hairline);font-size:14.5px;line-height:1.35;transition:opacity .5s,transform .5s;justify-self:start}
.msg.hide{opacity:0;transform:translateY(8px)}
.msg .src{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--orange);opacity:1;margin-bottom:2px}
.msg.us{justify-self:end;background:var(--olive);color:var(--cream);border-color:transparent}
.founder{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--hairline)}
.founder .q{font-family:var(--didot);font-size:21px;line-height:1.25}
.person{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.portrait{width:96px;height:96px;aspect-ratio:1/1;object-fit:cover;object-position:50% 30%;border-radius:14px;display:block}
.fig{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start}
.fig svg{width:100%;height:auto;color:var(--cream)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:13px;border:1px solid var(--hairline-light);border-radius:999px;padding:6px 11px;font-weight:300}
.chip b{font-weight:500}
.rings svg{width:100%;max-width:240px;height:auto;color:var(--cream);margin:0 auto;display:block}
.stages{display:grid}
.stage{padding:0;border-top:1px solid var(--hairline-light)}
.stage summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:86px 1fr auto;gap:10px;align-items:baseline;padding:13px 0}
.stage summary::-webkit-details-marker{display:none}
.stage .plus{font-weight:300;font-size:20px;line-height:1;color:var(--orange);transition:transform .2s}
.stage[open] .plus{transform:rotate(45deg)}
.stage .d{padding:0 0 14px 96px}
.stage:last-child{border-bottom:1px solid var(--hairline-light)}
.stage .w{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;opacity:.75;padding-top:3px}
.stage .t{font-weight:400}
.stage .d{font-size:13.5px;font-weight:300;opacity:.85}
.sample{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--white);padding:18px;display:grid;gap:12px}
.sample dl{display:grid;gap:8px;margin:0;font-size:14.5px}
.sample dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink-soft)}
.sample dd{margin:0}
.sample dl.four>div{position:relative;padding-left:18px}
.sample dl.four>div::before{content:"";position:absolute;left:0;top:4px;width:8px;height:8px}
.sample .told::before{background:var(--ink);border-radius:50%}
.sample .think::before{border:1.5px solid var(--ink);border-radius:50%}
.sample .unknown::before{top:7px;height:0;border-top:1.5px dashed var(--ink);width:10px}
.sample .next::before{width:0;height:0;border-left:8px solid var(--orange);border-top:4px solid transparent;border-bottom:4px solid transparent;top:5px}
.note{font-family:var(--hand);font-size:21px;color:var(--orange);transform:rotate(-1.5deg);display:inline-block}
.pricecard{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius);padding:24px;display:grid;gap:14px}
.amount{font-family:var(--didot);font-size:64px;line-height:1}
.pricecard ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:15px}
.pricecard li{padding-left:16px;position:relative}
.pricecard li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:1px;background:var(--orange)}
.tenline{display:flex;gap:5px}
.tenline i{width:12px;height:12px;border-radius:50%;border:1px solid var(--ink);display:inline-block}
.tenline i.taken{background:var(--olive);border-color:var(--olive)}
.tenline i.next{background:var(--orange);border-color:var(--orange)}
.qa{border-top:1px solid var(--hairline)}
.qa:last-of-type{border-bottom:1px solid var(--hairline)}
.qa summary{list-style:none;cursor:pointer;padding:14px 0;display:flex;justify-content:space-between;gap:12px;font-size:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-weight:300;font-size:22px;line-height:1;color:var(--orange);transition:transform .2s}
.qa[open] summary::after{transform:rotate(45deg)}
.qa p{padding-bottom:14px;font-weight:300;font-size:14.5px}
.morefaq{display:none}
.faqwrap.all .morefaq{display:block}
.case{background:var(--orange);color:var(--ink)}
.input{min-height:52px;border-radius:999px;border:1px solid var(--ink);background:var(--cream);padding:0 18px;font:inherit;color:var(--ink);width:100%}
.foot .thesis{font-family:var(--didot);font-size:22px;line-height:1.3}
.cred{font-size:11.5px;line-height:1.6;opacity:.8;font-weight:300}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px));transform:translateY(120%);transition:transform .3s ease;pointer-events:none}
body.scrolled .bar{transform:none;pointer-events:auto}
body.sheet .bar{transform:translateY(120%)}
.bar .inner{width:min(398px,100%);display:flex;align-items:center;gap:10px;background:var(--olive-deep);color:var(--cream);border-radius:999px;padding:8px 8px 8px 18px;box-shadow:0 12px 30px rgba(29,28,18,.25)}
.bar .caps{font-size:9.5px;flex:1;line-height:1.2}
.bar .btn{width:auto;min-height:44px;padding:0 18px;font-size:15px}
.overlay{position:fixed;inset:0;z-index:50;background:rgba(29,28,18,.55);display:none;align-items:flex-end;justify-content:center}
.overlay.open{display:flex}
.sheet{background:var(--cream);color:var(--ink);width:min(430px,100%);max-height:94vh;overflow:auto;border-radius:24px 24px 0 0;padding:22px max(20px,env(safe-area-inset-left,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-right,0px));display:grid;gap:18px}
.sheet .hd{display:flex;justify-content:space-between;align-items:center}
.close{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.opts{display:grid;gap:8px}
.opt{padding:14px 16px;border-radius:14px;border:1px solid var(--hairline);background:var(--white);font-size:15.5px;width:100%}
.opt[aria-pressed="true"]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}
.screen{display:none;gap:14px}
.screen.on{display:grid}
.heard{background:var(--white);border:1px solid var(--hairline);border-radius:16px;padding:16px;display:grid;gap:8px}
.heard .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--ink-soft)}
.heard ul{margin:0;padding-left:16px;font-weight:300;display:grid;gap:3px;font-size:14.5px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft)}
.consent input{margin-top:3px}
.thanks{display:grid;gap:14px;text-align:center;justify-items:center}
.thanks .mapwrap{max-width:120px;color:var(--cream)}
.placeno{font-family:var(--didot);font-size:32px;line-height:1}
.ten{display:flex;gap:6px}
.ten i{width:10px;height:10px;border-radius:50%;background:var(--cream-40)}
.ten i.taken{background:var(--cream)}
.ten i.you{background:var(--orange);transform:scale(1.3)}
@media (prefers-reduced-motion:reduce){.msg,.resolved,.bar{transition:none}body:not(.peeled) .resolved{opacity:1}}