
@font-face{font-family:Editorial;src:url("../assets/serif.woff")}@font-face{font-family:Manrope;src:url("../assets/sans.ttf")}
:root{--ivory:#F5F2EA;--ink:#18201B;--muted:#70736d;--gold:#947745;--gold2:#C2A474;--line:rgba(24,32,27,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}.shell{width:min(1440px,100%);margin:auto;padding-inline:clamp(22px,4vw,64px)}
.serif{font-family:Editorial,Georgia,serif;font-weight:400;letter-spacing:-.035em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:19px Editorial,Georgia,serif}.links{display:flex;gap:28px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding-block:70px}.hero h1,h2{font-size:clamp(4rem,8vw,8.5rem);line-height:.86;margin:.12em 0 .22em}.hero em,h2 em,.quote em{color:var(--gold);font-weight:400}.lead{max-width:650px;font-size:clamp(18px,1.5vw,23px);color:#3e433f}
.btn{display:inline-flex;gap:28px;align-items:center;min-height:52px;padding:12px 20px;border:1px solid var(--ink);border-radius:999px;margin:18px 8px 0 0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.btn.primary{background:var(--ink);color:var(--ivory)}
.cover{width:min(410px,78vw);aspect-ratio:.67;margin:auto;background:#faf7ef;border:1px solid #ddd6c8;box-shadow:0 24px 60px rgba(24,32,27,.12);padding:8%;display:flex;flex-direction:column;text-align:center;transform:rotateY(-6deg)}.author{font-size:10px;letter-spacing:.27em}.cover-title{font:clamp(29px,3vw,48px)/.98 Editorial,Georgia,serif;margin-top:17%}.sub{font:15px/1.4 Editorial,Georgia,serif;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:auto 0}.cell{aspect-ratio:1;border:1px solid #cbc4b6}.cell.hot{background:#b89a68;border-color:var(--gold)}.foot{font-size:8px;letter-spacing:.18em}
.dark{background:var(--ink);color:var(--ivory);padding-block:clamp(90px,12vw,165px)}.dark blockquote,.quote blockquote{font:clamp(3rem,6vw,7rem)/.98 Editorial,Georgia,serif;letter-spacing:-.035em;margin:0;max-width:1200px}.dark em{color:var(--gold2)}
.section{padding-block:clamp(80px,10vw,140px)}.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.two h2{font-size:clamp(3rem,6vw,6rem)}.copy{font-size:18px;max-width:720px;color:#424742}
.flow{margin-top:60px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.flow div{padding:30px 22px;border-right:1px solid var(--line)}.flow div:last-child{border:0}.flow b{font:clamp(27px,3vw,45px) Editorial,Georgia,serif}.flow small{display:block;color:var(--muted)}
.visuals{background:#eee9de}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.card{background:rgba(255,255,255,.35);border:1px solid var(--line);padding:clamp(28px,5vw,60px);min-height:570px}.card h3{font:clamp(2.5rem,4vw,4.8rem)/.96 Editorial,Georgia,serif;margin:8px 0 20px}.card svg{width:100%;height:auto}.note{font-size:13px;color:var(--muted)}
.quote{min-height:70vh;display:grid;place-items:center;text-align:center}.sample{background:#fbf9f3}.sample h2{font-size:clamp(3rem,6vw,6rem)}.spread{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:55px auto 0;box-shadow:0 20px 50px rgba(24,32,27,.08)}.page{background:#f8f5ed;min-height:680px;padding:65px 55px;border:1px solid #e2ddcf}.page h3{font:48px/.98 Editorial,Georgia,serif}.page p{font:17px/1.65 Editorial,Georgia,serif}.box{border:1px solid #c9b996;padding:20px;margin-top:30px}
.signup{background:var(--ink);color:var(--ivory)}.signup-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.signup h2{font-size:clamp(3rem,6vw,6rem)}.form{display:flex;border-bottom:1px solid rgba(245,242,234,.35)}.form input{flex:1;background:none;border:0;color:white;padding:15px 0;font:inherit;outline:0}.form button{background:none;border:0;color:var(--gold2);letter-spacing:.14em;text-transform:uppercase}
footer{background:var(--ink);color:#aeb3ae;border-top:1px solid rgba(255,255,255,.1);padding:28px 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:850px){.hero,.two,.visual-grid,.signup-grid{grid-template-columns:1fr}.links a:not(:last-child){display:none}.flow{grid-template-columns:1fr 1fr}.spread{grid-template-columns:1fr}.page{min-height:auto;padding:45px 30px}.page h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* --- Curated book preview / flipbook --- */
.book-reader-section{background:#e9e3d7;overflow:hidden}
.reader-head{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end;margin-bottom:58px}
.reader-head h2{font-size:clamp(3.2rem,7vw,7rem);line-height:.88;margin:.08em 0 0}
.reader-head p{max-width:520px;color:#555b56}
.book-stage{position:relative;max-width:1220px;margin:auto}
.book-window{position:relative;overflow:hidden;padding:22px 0 34px}
.book-track{display:flex;transition:transform 600ms cubic-bezier(.2,.75,.2,1);will-change:transform}
.book-spread{min-width:100%;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 25px 30px rgba(24,32,27,.12))}
.preview-page{aspect-ratio:.72;background:#f8f5ed;border:1px solid #dcd5c8;padding:clamp(30px,4vw,58px);position:relative;overflow:hidden}
.preview-page.left{border-right-color:#cfc7b8}.preview-page.right{border-left-color:#eee8dc}
.preview-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 92%,rgba(24,32,27,.045))}
.preview-page.right:after{background:linear-gradient(90deg,rgba(24,32,27,.045),transparent 8%)}
.p-kicker{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.p-title{font:clamp(2.2rem,4vw,4.6rem)/.94 Editorial,Georgia,serif;letter-spacing:-.035em;margin:14px 0 28px}
.p-body{font:clamp(14px,1.25vw,17px)/1.65 Editorial,Georgia,serif;max-width:36em}
.p-num{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:10px;color:#85857d}
.full-quote{height:100%;display:grid;place-items:center;text-align:center}
.full-quote div{font:clamp(2.8rem,5vw,5.8rem)/.98 Editorial,Georgia,serif;letter-spacing:-.04em}
.full-quote em{color:var(--gold)}
.click-page{background:var(--ink);color:var(--ivory);display:grid;place-items:center;text-align:center}
.click-page .click{font:clamp(5rem,11vw,12rem)/.8 Editorial,Georgia,serif;letter-spacing:-.055em}
.click-page small{display:block;margin-top:28px;color:var(--gold2);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.mini-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-width:390px;margin:42px auto}
.mini-grid i{aspect-ratio:1;border:1px solid #c8c0b1}.mini-grid i:nth-child(20){background:var(--gold2);border-color:var(--gold)}
.funnel{margin:35px auto;max-width:430px}
.funnel-row{height:55px;margin:5px auto;background:rgba(24,32,27,.09);display:grid;place-items:center;font-size:11px;letter-spacing:.15em}
.funnel-row:nth-child(1){width:100%}.funnel-row:nth-child(2){width:76%}.funnel-row:nth-child(3){width:52%}.funnel-row:nth-child(4){width:27%;background:var(--gold2)}
.leverage-svg{width:100%;margin-top:25px}
.reader-controls{display:flex;align-items:center;justify-content:space-between;margin-top:16px;border-top:1px solid rgba(24,32,27,.18);padding-top:18px}
.reader-arrows{display:flex;gap:10px}
.reader-btn{width:48px;height:48px;border:1px solid rgba(24,32,27,.18);border-radius:999px;background:transparent;color:var(--ink);font-size:20px;cursor:pointer;transition:.18s}
.reader-btn:hover{transform:translateY(-2px);border-color:var(--gold)}
.reader-btn:disabled{opacity:.25;cursor:default;transform:none}
.reader-status{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#676b66}
.reader-hint{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#777a73}
@media(max-width:760px){
 .reader-head{grid-template-columns:1fr;margin-bottom:30px}
 .book-window{overflow:visible}
 .book-spread{grid-template-columns:1fr;filter:drop-shadow(0 18px 22px rgba(24,32,27,.1))}
 .preview-page{display:none;aspect-ratio:.72}
 .preview-page.mobile-active{display:block}
 .book-track{display:block;transform:none!important}
 .book-spread{display:contents}
 .reader-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.book-track{transition:none}}


/* === FINAL BOOK READER === */
.final-reader{background:#eee9df;overflow:hidden}.final-reader-head{display:grid;grid-template-columns:.75fr 1.65fr .65fr;gap:4vw;align-items:start;margin-bottom:42px}.reader-brand,.reader-motto{font-size:10px;letter-spacing:.22em}.reader-brand span{display:block;font-size:12px}.reader-brand small{display:block;margin-top:5px}.reader-title{text-align:center}.reader-title h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.92;margin:0}.reader-title h2 em{color:var(--gold);font-weight:400}.reader-title p{margin:8px 0 0;color:#656961}.reader-motto{display:flex;gap:25px;justify-content:flex-end}.reader-motto i{width:60px;border-top:1px solid var(--gold);margin-top:8px}
.book-experience{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;gap:24px;align-items:center;max-width:1500px;margin:auto}.physical-book{position:relative;background:#152019;padding:10px 16px 12px;border-radius:4px;box-shadow:0 25px 55px rgba(24,32,27,.23);overflow:hidden}.book-pages{display:flex;transition:transform 600ms cubic-bezier(.2,.75,.2,1);will-change:transform}.final-spread{min-width:100%;display:grid;grid-template-columns:1fr 1fr}.book-page{position:relative;aspect-ratio:.76;background:#faf7ef;padding:clamp(34px,4vw,62px);overflow:hidden;border:1px solid #e1dbce}.book-page.left{border-right-color:#c9c1b3}.book-page.right{border-left-color:#eee8dc}.book-page.left:after,.book-page.right:before{content:"";position:absolute;top:0;bottom:0;width:38px;pointer-events:none}.book-page.left:after{right:0;background:linear-gradient(90deg,transparent,rgba(24,32,27,.055))}.book-page.right:before{left:0;background:linear-gradient(90deg,rgba(24,32,27,.055),transparent)}.book-spine{position:absolute;top:10px;bottom:12px;left:50%;width:2px;background:rgba(24,32,27,.18);box-shadow:0 0 20px 8px rgba(24,32,27,.07);pointer-events:none}
.side-arrow{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink);cursor:pointer}.side-arrow b{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--ivory);font:42px/1 Georgia;transition:.18s}.side-arrow small{font-size:11px;line-height:1.4;text-align:center}.side-arrow:hover b{transform:translateY(-2px);background:#263029}.side-arrow:disabled{opacity:.2;cursor:default}.book-kicker,.chapter-no{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.book-page-num{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:10px;color:#777}
.cover-page{text-align:center}.cover-inner{height:100%;display:flex;flex-direction:column;align-items:center}.cover-inner>span{font-size:9px;letter-spacing:.28em}.cover-inner h3{font:clamp(2.3rem,4vw,4.8rem)/.94 Editorial,Georgia,serif;letter-spacing:-.04em;margin:15% 0 22px}.cover-inner p{font:15px/1.5 Editorial,Georgia,serif}.cover-inner small{font-size:8px;letter-spacing:.17em;margin-top:auto}.cover-cells{width:min(330px,70%);display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:auto}.cover-cells i{aspect-ratio:1;border:1px solid #c9c1b3}.cover-cells .hot{background:var(--gold2);border-color:var(--gold)}
.big-book-title{font:clamp(2.7rem,4.5vw,5.2rem)/.94 Editorial,Georgia,serif;letter-spacing:-.04em;margin:18px 0 30px}.big-book-title.smaller{font-size:clamp(2.3rem,3.6vw,4.3rem)}.big-book-title em{color:var(--gold);font-weight:400}.book-copy{font:clamp(13px,1.12vw,16px)/1.65 Editorial,Georgia,serif;color:#30342f}.book-copy.narrow{max-width:31em}.book-copy.centered{text-align:center}.book-quote{font:italic clamp(18px,1.8vw,27px)/1.35 Editorial,Georgia,serif;color:var(--gold);border:0;margin:40px 0 0}.book-quote.large{font-size:clamp(23px,2.2vw,34px)}
.chapter-no{text-align:center;color:var(--ink)}.chapter-title{text-align:center;font:clamp(3rem,5vw,6.2rem)/.88 Editorial,Georgia,serif;letter-spacing:-.04em;margin:35px 0 24px}.chapter-rule{width:42px;border-top:2px solid var(--gold);margin:0 auto 28px}.chapter-deck{text-align:center;font:clamp(21px,2vw,29px)/1.3 Editorial,Georgia,serif;margin-bottom:50px}.book-step{display:flex;gap:24px;align-items:flex-start;margin-bottom:18px}.book-step strong{font:clamp(30px,3vw,42px)/1 Editorial,Georgia,serif;color:var(--gold)}.book-step b{display:block;font:16px Editorial,Georgia,serif;letter-spacing:.04em}.book-step span{display:block;font:13px Editorial,Georgia,serif;color:#555;margin-top:3px}.mine-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.mineboard{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.mineboard i{aspect-ratio:1;border:1px solid #c9c1b3;background:rgba(255,255,255,.3);display:grid;place-items:center;font:15px Editorial,Georgia,serif}.mineboard .hot{background:var(--gold2);border-color:var(--gold)}.mineboard .num{background:#fff}.mineboard .two{color:var(--gold)}.mineboard .three{background:var(--gold);color:white}.book-divider{border-top:1px solid #cfc6b7;margin:26px 0}
.precision-funnel{margin:35px auto;max-width:500px}.precision-funnel div{height:65px;margin:5px auto;background:rgba(24,32,27,.08);display:flex;align-items:center;gap:25px;padding:0 25px}.precision-funnel div:nth-child(1){width:100%}.precision-funnel div:nth-child(2){width:78%}.precision-funnel div:nth-child(3){width:56%}.precision-funnel div:nth-child(4){width:34%;background:var(--gold2)}.precision-funnel b{font:27px Editorial,Georgia,serif}.precision-funnel span{font-size:9px;letter-spacing:.12em}.full-page-quote{text-align:center;font:clamp(3rem,5vw,6rem)/.98 Editorial,Georgia,serif;letter-spacing:-.04em;margin:10% auto 5%}.full-page-quote em{color:var(--gold)}
.truth-diagram{height:220px;position:relative;max-width:470px;margin:auto}.truth-circle{position:absolute;width:210px;height:210px;border:1px solid rgba(24,32,27,.28);border-radius:50%;left:45px;display:grid;place-items:center;text-align:center}.truth-circle.relevant{left:auto;right:45px}.truth-circle span{font:14px Editorial,Georgia,serif;letter-spacing:.12em}.truth-circle small{display:block;font-size:11px;letter-spacing:0;color:#666}.truth-diagram>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);font-size:10px;letter-spacing:.15em}.network-art{width:100%;max-height:360px}.layer-model{display:flex;flex-direction:column-reverse;align-items:center;margin:25px auto 30px}.layer{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:rgba(24,32,27,.08);margin-top:4px}.layer b{font-size:10px;letter-spacing:.15em}.layer span{font:13px Editorial,Georgia,serif}.symptom{width:100%}.pattern{width:82%;background:rgba(24,32,27,.12)}.cause{width:64%;background:rgba(24,32,27,.17)}.lever{width:46%;background:var(--gold2)}.distinction-box{border:1px solid #c6b894;padding:22px}.distinction-box>span{font-size:9px;letter-spacing:.18em;color:var(--gold)}.distinction-box p{font:15px/1.55 Editorial,Georgia,serif}
.dark-book-page{background:var(--ink);color:var(--ivory);display:flex;flex-direction:column;justify-content:center;text-align:center}.click-word{font:clamp(6rem,11vw,12rem)/.8 Editorial,Georgia,serif;letter-spacing:-.06em}.dark-book-page p{font:clamp(18px,1.7vw,26px)/1.45 Editorial,Georgia,serif;color:#d9dbd7;margin:45px auto;max-width:520px}.click-list{font-size:8px;letter-spacing:.17em;color:var(--gold2);line-height:2.2}.create-path{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:50px 0;font-size:9px;letter-spacing:.13em}.create-path i{color:#999}.create-path b{color:var(--gold)}.final-line{margin-top:55px;border-top:1px solid #d5cdbf;padding-top:35px;font:clamp(20px,2vw,29px)/1.4 Editorial,Georgia,serif;text-align:center}.final-line em{color:var(--gold)}
.thumb-rail{display:grid;grid-template-columns:140px 1fr 100px;gap:30px;align-items:end;margin-top:28px}.page-counter span{display:block;font-size:9px;letter-spacing:.2em}.page-counter b{font:24px Editorial,Georgia,serif;font-weight:400}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.thumbs button{border:0;border-top:2px solid transparent;background:transparent;padding:10px 5px;color:#6a6e68;cursor:pointer;font:inherit}.thumbs button.active{border-color:var(--gold);color:var(--gold)}.thumbs i{display:block;font:19px Editorial,Georgia,serif}.thumbs span{display:block;font-size:9px;line-height:1.3;margin-top:4px}.fullscreen-btn{border:0;background:transparent;font-size:10px;cursor:pointer;color:var(--ink)}
@media(max-width:1000px){.final-reader-head{grid-template-columns:1fr}.reader-brand,.reader-motto{display:none}.book-experience{grid-template-columns:58px minmax(0,1fr) 58px;gap:8px}.side-arrow b{width:50px;height:50px}.side-arrow small{display:none}.book-page{padding:30px}.mine-row{grid-template-columns:1fr}.mineboard{max-width:220px}.book-copy{font-size:13px}.thumb-rail{grid-template-columns:90px 1fr}.fullscreen-btn{display:none}}
@media(max-width:700px){.book-experience{display:block;position:relative}.side-arrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%)}.side-arrow.prev{left:8px}.side-arrow.next{right:8px}.side-arrow b{box-shadow:0 4px 18px rgba(24,32,27,.18)}.physical-book{padding:7px}.final-spread{display:contents}.book-page{display:none;aspect-ratio:auto;min-height:720px;padding:45px 35px}.book-page.mobile-current{display:block}.book-spine{display:none}.book-pages{display:block;transform:none!important}.thumb-rail{grid-template-columns:1fr;margin-top:18px}.page-counter{text-align:center}.thumbs{overflow-x:auto;display:flex;padding-bottom:8px}.thumbs button{min-width:90px}.truth-circle{width:160px;height:160px;left:15px}.truth-circle.relevant{right:15px}.truth-diagram{height:175px}.chapter-title{font-size:52px}}
@media(prefers-reduced-motion:reduce){.book-pages,.side-arrow b{transition:none!important}}

