/* A single editorial journey: signal, evidence, system, belonging. */
:root{--journey-ease:cubic-bezier(.18,.82,.18,1)}
.accent{background:none;-webkit-text-fill-color:currentColor;color:var(--a)}
.chapter{padding-block:clamp(110px,11vw,170px)}
.chapter-head{margin-bottom:clamp(54px,7vw,110px)}
.chapter-head h2,.faq h2,.contact h2,.outcomes h2{font-weight:680;letter-spacing:-.06em}
.section-id{letter-spacing:.2em}

/* Evan is an actual cutout; the signal field belongs behind him. */
.offer-hero{background:radial-gradient(ellipse 48% 55% at 79% 54%,#102b38 0%,transparent 74%),#070b11;overflow:hidden}
.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:clamp(16px,2vw,40px)}
.hero-content{padding-top:0;align-self:center}
.offer-hero h1{font-size:clamp(41px,3.75vw,67px);line-height:1.085;max-width:790px}
.claim-stage{border-left-width:1px;margin-top:clamp(31px,4vw,55px);min-height:135px}
.claim-text{font-size:clamp(27px,2.6vw,42px);line-height:1.26;max-width:740px}
.hero-actions{margin-top:clamp(20px,3vw,42px)}
.hero-art{height:min(77svh,760px);min-height:560px;margin-top:20px;overflow:visible}
.hero-art:before{content:none!important}
.hero-art:after{content:'';position:absolute;z-index:0;inset:16% 0 5% 6%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,#22526b5e,transparent 67%);filter:blur(28px);pointer-events:none}
.portrait-dots{z-index:1;inset:-6% -4% -4% -10%;width:120%;height:114%}
.evan{z-index:2;inset:0 0 0 auto;width:100%;height:100%;overflow:visible;border-radius:0;mask:none!important;-webkit-mask:none!important}
.evan:before,.evan:after{display:none!important}
.evan img{inset:auto 0 0 auto;width:95%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-24px 30px 34px #02060b99);mask:none!important;-webkit-mask:none!important}
.portrait-halo{display:none}
.evan figcaption{position:absolute;right:auto;left:2%;bottom:2%;width:265px;max-width:52%;padding:14px 0 0;text-align:left;border-top:1px solid #9de2ec85;background:none;color:#eff8fb;text-shadow:0 1px 12px #02070d}
.evan figcaption span{font-size:.86rem}
.evan figcaption small{color:#bfd0da;font-size:.66rem}
.hero-foot{padding-bottom:30px}

/* Sticky evidence: the text drives a physical stack on the right. */
.evidence,.outcomes{overflow:visible}
.evidence{background:linear-gradient(180deg,#070b11,#09151f 46%,#070b11)}
.evidence .chapter-head{max-width:920px}
.evidence .chapter-intro{max-width:700px}
.proof-stage{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(60px,8vw,150px)}
.proof{min-height:80svh;padding-block:100px;opacity:.54;transform:none;transition:opacity .5s ease}
.proof.active{opacity:1}
.proof h3{font-size:clamp(31px,3.05vw,52px);letter-spacing:-.055em;font-weight:620}
.proof-stack{top:calc((100svh - min(62svh,575px))/2);height:min(62svh,575px);isolation:isolate}
.proof-sheet{transform:translate3d(calc(var(--depth,0)*11px),calc(var(--depth,0)*-13px),calc(var(--depth,0)*-40px)) rotate(calc(var(--depth,0)*-1deg));border-radius:4px;box-shadow:0 28px 70px #0009;will-change:transform,opacity}
.proof-sheet.passed{transform:translate3d(-18%,-44%,100px) rotate(-7deg);opacity:0}
.proof-sheet .proof-media{border-radius:4px}
.proof-media{background:linear-gradient(135deg,#182c3b,#0b1721)!important}
.proof-media:before{background-size:17px 17px;opacity:.55}
.proof-sheet .media-center span{width:auto;min-width:170px;height:150px;border:0;border-radius:0;font-size:clamp(70px,8vw,124px);font-weight:550;line-height:1;letter-spacing:-.08em;color:#b7edf5;filter:drop-shadow(0 0 25px #74d4eb45)}
.media-center small{max-width:280px}
.editorial-note{padding-top:15px;border-top:1px solid var(--line)}

/* A new platform chapter: one living glyph followed by seven crafted instruments. */
.platform{background:#09131c}
.platform .chapter-head{max-width:1120px;margin-bottom:60px}
.platform-scene{position:relative;min-height:660px;display:grid;place-items:center;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 52%,#1a4a5b50,transparent 49%),radial-gradient(circle,#74d4eb20 1px,transparent 1.8px) center/26px 26px;isolation:isolate}
.platform-scene:before,.platform-scene:after{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:min(62vw,620px);aspect-ratio:1;border:1px solid #89d7e632;border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg) rotate(24deg)}
.platform-scene:after{width:min(80vw,830px);transform:translate(-50%,-50%) rotateY(63deg) rotate(-18deg);border-style:dashed;opacity:.55}
.platform-scene-copy{position:absolute;left:4%;top:7%;z-index:2}
.platform-scene-copy span,.scene-index,.system-core>span{font-size:.63rem;letter-spacing:.21em;color:var(--a);font-weight:750}
.platform-scene-copy p{margin-top:14px;color:var(--soft);font-size:clamp(15px,1.4vw,20px);line-height:1.5}
.scene-index{position:absolute;right:4%;bottom:7%;display:flex;gap:13px;align-items:center}
.scene-index i{display:block;width:70px;height:1px;background:var(--a);opacity:.5}
.system-core{position:relative;z-index:1;left:auto;top:auto;width:min(55vw,390px);height:min(55vw,390px);border:0;background:radial-gradient(circle,#153648 0%,#10212e 49%,#0c1a25 65%,transparent 73%);box-shadow:0 0 0 1px #85d8e437,0 0 0 24px #72d7e609,0 0 100px #5ecde926;display:flex;flex-direction:column;justify-content:center;gap:14px}
.core-graticule{position:absolute;inset:12%;border:1px solid #afeef326;border-radius:50%;box-shadow:0 0 0 25px #8de2ed09,0 0 0 50px #8de2ed05;animation:coreBreath 7s ease-in-out infinite}
@keyframes coreBreath{50%{transform:scale(1.055);opacity:.6}}
.system-core-dots{width:68%;height:68%;max-width:240px;max-height:240px;filter:drop-shadow(0 0 23px #73ddf278)}
.system-core-dots:before{inset:0;background:radial-gradient(circle,#bdf4fb 1.6px,transparent 2.3px) 0 0/7px 7px;mask:url('assets/brand/club-glyph.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/club-glyph.svg') center/contain no-repeat}
.system-core>span{position:absolute;bottom:10%;left:0;right:0;text-align:center;font-size:.55rem}
.system-parts{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:50px;background:var(--line);border:1px solid var(--line)}
.system-part,.system-part:nth-child(n){position:relative;inset:auto;width:auto;min-height:385px;padding:0;display:flex;flex-direction:column;border:0;border-radius:0;background:#0c1924;box-shadow:none;transform:none;backdrop-filter:none;overflow:hidden;transition:background .35s ease}
.system-part:hover{background:#112534;transform:none;box-shadow:none}
.system-part:before,.system-part:after{content:none}
.system-part:nth-child(7){grid-column:1/-1;min-height:290px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);transform:none}
.system-part:nth-child(7):hover{transform:none}
.part-visual{position:relative;min-height:245px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 55% 55% at 50% 62%,#19435a55,transparent 80%)}
.part-visual:before{content:'';position:absolute;width:62%;aspect-ratio:1;border:1px solid #8acfe331;border-radius:50%;transform:rotateX(58deg) rotate(28deg)}
.part-visual:after{content:'';position:absolute;left:12%;right:12%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,#a4dfe864,transparent)}
.part-icon{position:relative;z-index:1;display:block;width:min(62%,205px);height:205px;filter:drop-shadow(0 16px 19px #0007)}
.part-n{position:absolute;z-index:2;top:22px;left:24px;color:var(--a);font-size:.62rem;letter-spacing:.2em;font-weight:750}
.part-copy{padding:0 30px 36px;position:relative;z-index:2}
.system-part h3{font-size:clamp(23px,1.9vw,31px);line-height:1.15;letter-spacing:-.045em;margin:0 0 11px;font-weight:650}
.system-part p{font-size:.83rem;line-height:1.55;max-width:410px;color:#b5c7d3}
.system-part:nth-child(7) .part-visual{min-height:290px}.system-part:nth-child(7) .part-copy{display:flex;flex-direction:column;justify-content:center;padding:50px 8%}
.system-part:nth-child(7) h3{font-size:clamp(30px,3vw,47px)}

/* The last instrument resolves into the reader's own path. */
.outcomes{background:linear-gradient(180deg,#09131c,#0c1d28 52%,#08131c)}
.outcomes-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(55px,8vw,135px)}
.outcomes-lead{top:clamp(90px,10svh,130px)}
.outcomes-list{margin-top:52vh}
.outcome-orbit{height:405px;margin-top:30px;max-width:460px;background:none}
.outcome-orbit:before{width:min(32vw,330px);height:min(32vw,330px);border-color:#75d9e529;transform:rotateX(62deg) rotate(21deg)}
.outcome-orbit:after{width:min(36vw,375px);height:min(36vw,375px);border-color:#75d9e521}
.orbit-label{bottom:0;letter-spacing:.21em}
.outcome{min-height:46svh;grid-template-columns:52px 1fr;gap:16px;align-content:center;opacity:.56;transform:none;border-bottom:1px solid var(--line);transition:opacity .45s ease,background .45s ease}
.outcome.active{opacity:1;transform:none}
.outcome h3{font-size:clamp(24px,2.1vw,34px);font-weight:650}
.outcome p{font-size:.95rem;max-width:480px}
.outcome:after{width:0;grid-column:2}
.outcome.active:after{width:100%}

/* Membership is the quiet visual climax. */
.pricing{background:#070d14}
.pricing .chapter-head{margin-bottom:65px}
.member-pass{transition:transform .45s var(--journey-ease),box-shadow .45s var(--journey-ease)}
.price-card.featured .member-pass{border-color:#c7f3f7b0}
.price-card.featured .best-offer{position:absolute;z-index:6;right:24px;top:24px;padding:10px 14px;background:#0b202bc9;border:1px solid #c5f0f1a3;color:#d9faff;box-shadow:0 8px 25px #0005;backdrop-filter:blur(12px)}
.price-card button{letter-spacing:.055em}
.plan-pricing{margin-top:20px}

/* Proof and community placeholders should read as restrained archival material. */
.reviews,.meetings,.letter,.faq,.contact{background:#0a151e}
.reviews-stage{border-block:1px solid var(--line);padding-block:60px}
.message-bubble{border-radius:22px 22px 22px 4px;transform:rotate(-2deg)}
.message-avatar{border-radius:50%;background:radial-gradient(circle,#86ddeb 1px,transparent 1.7px) center/7px 7px;opacity:.75}
.source-pending{border-left:1px solid var(--a);padding-left:30px}
.gallery-display{border-color:#8dd3e454}
.gallery-contact-sheet{transform:perspective(1000px) rotateY(-11deg) rotateZ(3deg);opacity:.35}
.letter-page{border-radius:0 4px 4px 0;background:linear-gradient(145deg,#152b39,#0b1923);box-shadow:18px 20px 70px #0005}
.letter-photo-slot{border-radius:3px;border-color:#8db9c252}
.faq-topics>div:after{content:none}
.faq-topics>div{padding-right:6px}
.contact-form{border-color:#82cce753}
.contact-art img{mask-size:7px 7px;-webkit-mask-size:7px 7px}

@media(max-width:1100px){
.hero-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)}
.system-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
.system-part:nth-child(7){grid-column:1/-1}
.part-icon{height:180px}
}
@media(max-width:800px){
.offer-hero{min-height:0}
.hero-layout{display:flex;flex-direction:column;gap:0;padding-top:120px;min-height:0}
.offer-hero h1{max-width:700px}
.hero-art{width:100%;height:clamp(470px,64vw,650px);min-height:0;margin-top:0;overflow:hidden}
.evan img{width:76%}.evan figcaption{left:2%;bottom:8%;max-width:38%}
.proof-stage{display:block}.proof-stack{display:none}.proof{min-height:0;padding-block:65px;opacity:1}.proof-mobile{display:block;margin-top:28px}.proof h3{max-width:650px}
.platform-scene{min-height:560px}.system-core{width:300px;height:300px}.system-core-dots{width:68%;height:68%}
.outcomes-layout{display:block}.outcomes-lead{position:relative;top:auto}.outcomes-list{margin-top:10px}.outcome{min-height:0;padding:33px 0;opacity:1}.outcome-orbit{height:290px;margin:18px auto 30px}.outcome-orbit:before{width:250px;height:250px}.outcome-orbit:after{width:280px;height:280px}
}
@media(max-width:560px){
.chapter{padding-block:85px}.chapter-head{margin-bottom:45px}
.offer-hero h1{font-size:clamp(34px,8.8vw,45px)}
.hero-layout{padding-top:110px}.claim-stage{margin-top:25px;min-height:118px}.claim-text{min-height:95px;font-size:clamp(21px,5.6vw,29px)}.hero-actions{margin-top:18px}
.hero-art{height:390px;margin-top:12px}.portrait-dots{inset:-3% -3% -3% -9%;width:118%;height:106%}.evan img{width:88%;right:-6%}.evan figcaption{left:0;bottom:8%;width:164px;max-width:48%;font-size:.75rem}.evan figcaption small{font-size:.57rem;line-height:1.4}.hero-foot{font-size:.5rem}
.proof{padding-block:44px}.proof h3{font-size:clamp(26px,7vw,37px)}.proof-mobile .proof-media{min-height:255px;aspect-ratio:1.25}.proof-sheet .media-center span{font-size:65px}
.platform .chapter-head{margin-bottom:35px}.platform-scene{min-height:440px}.platform-scene-copy{left:5%;top:6%}.platform-scene-copy p{font-size:13px}.system-core{width:235px;height:235px;margin-top:35px}.system-core>span{font-size:.42rem}.scene-index{bottom:5%;right:5%;font-size:.49rem}
.system-parts{grid-template-columns:1fr;margin-top:22px}.system-part,.system-part:nth-child(n){min-height:0}.system-part:nth-child(7){display:flex;grid-column:auto}.part-visual,.system-part:nth-child(7) .part-visual{min-height:205px}.part-icon{width:180px;height:180px}.part-copy,.system-part:nth-child(7) .part-copy{display:block;padding:0 24px 28px}.system-part h3,.system-part:nth-child(7) h3{font-size:26px}.system-part p{font-size:.83rem}.part-n{top:18px;left:21px}
.outcome-orbit{height:255px}.outcome-orbit:before{width:210px;height:210px}.outcome-orbit:after{width:240px;height:240px}.outcome h3{font-size:25px}
.pricing .chapter-head{margin-bottom:45px}.pricing-grid{gap:58px}
.price-card.featured .best-offer{right:14px;top:14px;font-size:.48rem;padding:8px 10px}
.reviews-stage{padding-block:38px}.source-pending{padding-left:19px}.letter-photo-slot{inset:12%}.contact-form{padding:22px}
}
@media(prefers-reduced-motion:reduce){.core-graticule{animation:none}.proof,.outcome,.system-part,.member-pass{transition:none!important}}

/* Seven branches of one anatomy: the point current travels down the spine. */
@media(min-width:801px){
.system-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9%;row-gap:0;position:relative;inset:auto;background:none;border:0;margin-top:0;padding-top:85px}
.system-parts:before,.system-parts:after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,#7bbdcc5c 8%,#7bbdcc5c 94%,transparent);pointer-events:none}
.system-parts:after{height:var(--signal-progress,0%);width:2px;background:linear-gradient(180deg,#8ee4ef,#a79ff0);box-shadow:0 0 17px #74d4eb66;transition:height .14s linear}
.system-part,.system-part:nth-child(n){display:grid;grid-template-columns:minmax(155px,35%) minmax(0,1fr);grid-column:1;min-height:270px;background:none;border-bottom:1px solid var(--line);overflow:visible;align-items:center;transition:background .3s ease}
.system-part:nth-child(even){grid-column:2}
.system-part:nth-child(7){grid-column:1/-1;min-height:310px;grid-template-columns:34% 1fr;margin-top:70px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 22% 50%,#1c475a4d,transparent 48%)}
.system-part:nth-child(n):hover{background:linear-gradient(90deg,#16334235,transparent)}
.system-part:before{content:'';position:absolute;z-index:1;top:50%;left:auto;right:-10%;width:10%;height:1px;background:linear-gradient(90deg,#77cbdb7a,#77cbdb3e);transform:none}
.system-part:nth-child(even):before{right:auto;left:-10%;background:linear-gradient(90deg,#77cbdb3e,#77cbdb7a)}
.system-part:nth-child(7):before{display:none}
.system-part:after{content:'';position:absolute;z-index:2;top:calc(50% - 4px);right:calc(-10% - 4px);width:8px;height:8px;border-radius:50%;background:#a9e8f2;box-shadow:0 0 18px #7de0ee}
.system-part:nth-child(even):after{right:auto;left:calc(-10% - 4px)}
.system-part:nth-child(7):after{left:calc(50% - 4px);top:-4px;right:auto}
.part-visual,.system-part:nth-child(7) .part-visual{min-height:245px;background:none}
.part-visual:after{left:14%;right:14%}
.part-icon{width:100%;height:195px;max-width:205px}
.part-copy,.system-part:nth-child(7) .part-copy{padding:25px 10px 25px 0}
.system-part:nth-child(7) .part-copy{padding-left:5%;max-width:630px}
.system-part h3{font-size:clamp(23px,1.9vw,31px)}
.system-part:nth-child(7) h3{font-size:clamp(32px,3vw,49px)}
}
@media(min-width:801px) and (max-width:1100px){
.system-parts{column-gap:5%}.system-part,.system-part:nth-child(n){grid-template-columns:130px 1fr;min-height:250px}.part-visual{min-height:220px}.part-icon{height:175px}.part-copy{padding-right:5px}.system-part h3{font-size:22px}.system-part p{font-size:.75rem}.system-part:before{right:-5%}.system-part:nth-child(even):before{left:-5%}.system-part:after{right:calc(-5% - 4px)}.system-part:nth-child(even):after{left:calc(-5% - 4px)}
}
@media(max-width:800px){
.system-parts{position:relative;display:grid;grid-template-columns:1fr;gap:0;background:none;border:0;padding-left:22px;margin-top:8px}
.system-parts:before,.system-parts:after{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#87cfe453;pointer-events:none}
.system-parts:after{height:var(--signal-progress,0%);width:2px;background:var(--a)}
.system-part,.system-part:nth-child(n),.system-part:nth-child(7){grid-column:1;display:grid;grid-template-columns:clamp(110px,30vw,160px) minmax(0,1fr);min-height:215px;border:0;border-bottom:1px solid var(--line);background:none;overflow:visible}
.system-part:before{content:'';position:absolute;left:-22px;top:50%;width:22px;height:1px;background:#85d3e58a}
.system-part:after{content:'';position:absolute;left:-26px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#a6e6f0;box-shadow:0 0 13px #72d6e8}
.part-visual,.system-part:nth-child(7) .part-visual{min-height:190px;background:none}.part-visual:before{width:87%}.part-visual:after{display:none}
.part-icon{width:100%;height:155px}
.part-n{top:13px;left:3px;font-size:.49rem}
.part-copy,.system-part:nth-child(7) .part-copy{padding:16px 5px 16px 9px;display:block}
.system-part h3,.system-part:nth-child(7) h3{font-size:clamp(19px,4vw,25px)}
.system-part p{font-size:.75rem;line-height:1.43}
}
@media(max-width:560px){
.system-parts{padding-left:15px}.system-part,.system-part:nth-child(n),.system-part:nth-child(7){grid-template-columns:110px minmax(0,1fr);min-height:195px}.system-part:before{left:-15px;width:15px}.system-part:after{left:-19px}.part-icon{height:130px}.part-visual,.system-part:nth-child(7) .part-visual{min-height:165px}.part-copy,.system-part:nth-child(7) .part-copy{padding-left:7px}.system-part h3,.system-part:nth-child(7) h3{font-size:19px;margin-bottom:7px}.system-part p{font-size:.71rem}.part-n{top:7px;left:2px}
.hero-actions .primary{font-size:.74rem;line-height:1.25;text-align:left}
.price-card button{font-size:.75rem}
.contact-form .primary{font-size:.72rem;line-height:1.25;text-align:left}
}
