:root,[data-theme="light"]{color-scheme:light;--navy:#1c2e46;--cream:#f9f7f3;--seafoam:#a9c8c0;--stone:#c2c0b8;--bg:var(--cream);--text:var(--navy);--muted:#546171;--surface:#efeee8;--border:oklch(from var(--text) l c h / .18);--button:var(--navy);--button-text:var(--cream);--focus:#557f74;--panel:#f9f7f3;--font-body:'Satoshi',Arial,sans-serif;--font-display:'Boska',Georgia,serif;--text-xs:clamp(.75rem,.73rem + .1vw,.8125rem);--text-sm:clamp(.875rem,.84rem + .12vw,.9375rem);--text-base:clamp(1rem,.97rem + .12vw,1.0625rem);--text-lg:clamp(1.2rem,1.05rem + .5vw,1.5rem);--text-xl:clamp(2rem,1.5rem + 1.5vw,3.25rem);--text-hero:clamp(3.5rem,2.2rem + 3.7vw,6.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:3px;--radius-md:8px;--radius-full:999px}
:root,[data-theme="light"]{--focus:#466c62}
[data-theme="dark"]{color-scheme:dark;--bg:#142236;--text:#f4f0e8;--muted:#bcc7ce;--surface:#20334a;--button:#a9c8c0;--button-text:#142236;--panel:#20334a;--focus:#a9c8c0}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}
.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--text);color:var(--bg);padding:var(--space-3) var(--space-5)}
.skip:focus{top:12px}
.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-10);border-bottom:1px solid var(--border);position:relative;z-index:20;background:var(--bg)}
.brand{text-decoration:none;display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:700;letter-spacing:-.7px;line-height:1.2}
.brand-mark{width:43px;height:43px;flex:none}.brand-by{display:block;font-size:var(--text-xs);font-weight:500;letter-spacing:1.7px;margin-top:var(--space-2)}
.brand-name{white-space:nowrap}.brand-tm{position:relative;top:-.45em;vertical-align:baseline;font-size:.75rem;font-weight:500;line-height:0;letter-spacing:0;margin-left:2px}
.brand-flow{stroke:#719b91}
[data-theme="dark"] .brand-flow{stroke:var(--seafoam)}
.desktop-nav{display:flex;gap:var(--space-8);align-items:center}
.desktop-nav a{font-size:var(--text-sm);text-decoration:none;padding-block:var(--space-3);position:relative}
.desktop-nav a::after{content:"";height:1px;background:currentColor;position:absolute;bottom:6px;left:0;right:100%;transition:right .18s}
.desktop-nav a:hover::after{right:0}
.header-actions{display:flex;align-items:center;gap:var(--space-4)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);background:var(--button);color:var(--button-text);min-height:52px;padding:var(--space-3) var(--space-6);border:1px solid var(--button);text-decoration:none;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);transition:transform .18s,opacity .18s}
.button:hover{opacity:.9;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button span{font-size:var(--text-lg)}
.button.small{min-height:44px;padding:var(--space-2) var(--space-4);gap:var(--space-6)}
.theme-toggle{width:44px;height:44px;border:0;background:none;font-size:var(--text-lg);border-radius:var(--radius-full)}
.theme-toggle:hover{background:var(--surface)}
.brand{min-height:44px}
.menu-toggle,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:var(--space-12);align-items:center;padding-top:var(--space-12);padding-bottom:var(--space-16)}
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:1.7px;line-height:1.5}
.hero-copy .eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}
.little-line{width:28px;height:2px;background:var(--focus);display:inline-block}
h1{font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;letter-spacing:-2.5px;line-height:1.02}
h1 span{color:#527b72}
[data-theme="dark"] h1 span{color:var(--seafoam)}
.hero-description{max-width:490px;margin-top:var(--space-8);color:var(--muted);line-height:1.8}
.hero-framework{max-width:490px;margin-top:var(--space-4);color:var(--muted);font-size:var(--text-sm);line-height:1.7}
.framework{border-bottom:1px solid var(--border)}
.framework-intro{max-width:780px}
.framework-intro h2{margin:var(--space-6) 0}
.framework-intro>p:last-child,.framework-close>p{color:var(--muted)}
.framework-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin-block:var(--space-10)}
.framework-panels article{background:var(--surface);padding:var(--space-8)}
.framework-panels h3{font-family:var(--font-display);font-size:2.75rem;font-weight:500;line-height:1.15;margin-bottom:var(--space-5)}
.framework-panels .framework-question{font-weight:700;margin-bottom:var(--space-4);line-height:1.45;min-height:2.9em}
.framework-panels article>p:last-child{color:var(--muted);font-size:var(--text-sm);line-height:1.75}
.framework-close{max-width:820px}
.framework-close .scope-note{margin-block:var(--space-4)}
.workbook-origin{color:var(--muted);max-width:350px;margin:var(--space-4) 0 var(--space-6)}
.closing-description{color:var(--muted);max-width:650px;margin:var(--space-6) auto}
@media(max-width:960px){.framework-panels{gap:var(--space-4)}.framework-panels article{padding:var(--space-5)}}
@media(max-width:760px){.framework-panels{grid-template-columns:1fr;gap:var(--space-4);margin-block:var(--space-8)}.framework-panels .framework-question{min-height:0}.framework-panels article{padding:var(--space-6)}.hero-framework{font-size:var(--text-base)}}
.hero-ctas{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap}
.text-link{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);font-weight:500;text-decoration:none;border:0;border-bottom:1px solid var(--border);background:none;min-height:44px;padding:var(--space-2) 0}
.text-link:hover{border-color:currentColor}.text-link:active{opacity:.6}
.hero-note{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-8);max-width:420px}
.hero-visual{position:relative}
.hero-visual img{width:100%;height:560px;object-fit:cover;object-position:50% 49%;background:var(--surface)}
.hero-visual figcaption{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;background:var(--cream);color:var(--navy);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);letter-spacing:1.2px}
.hero-visual figcaption a{text-decoration:none;display:grid;place-items:center;min-width:44px;min-height:44px;font-size:var(--text-lg)}
.belief-strip{background:#e6eeea;color:var(--navy);border-top:1px solid #d1dfd9;border-bottom:1px solid #d1dfd9}
.strip-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-6);gap:var(--space-8);font-size:var(--text-sm);font-weight:500}
.strip-inner span+span{border-left:1px solid #b9cec5;padding-left:var(--space-10)}.mobile-break{display:none}
.section{padding-block:var(--space-24)}
.about{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-24);align-items:center}
.about-visual img{width:100%;aspect-ratio:1/1.1;object-fit:cover;object-position:30% center;background:var(--surface)}
.about-visual img.portrait{aspect-ratio:1/1.1;object-position:50% 35%}
.image-caption{font-size:var(--text-xs);letter-spacing:1.4px;margin-top:var(--space-4);color:var(--muted)}
h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);line-height:1.13;letter-spacing:-.8px}
.about h2{margin:var(--space-6) 0}.about-copy>p:not(.eyebrow){margin-top:var(--space-4);color:var(--muted)}
.signature{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-6);display:flex;align-items:center;gap:var(--space-6)}
.signature span{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:1px;max-width:170px;line-height:1.6}
.values{background:var(--navy);color:var(--cream);padding-block:var(--space-20)}
.values-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-24)}
.values-intro .eyebrow{color:var(--seafoam);margin-bottom:var(--space-6)}
.values h2 span{color:var(--seafoam)}
.values-intro>p:last-child{margin-top:var(--space-6);max-width:365px;color:#c9d1db}
.values-list details{border-bottom:1px solid #516070;padding-block:var(--space-6)}.values-list details:first-child{border-top:1px solid #516070}
.values-list summary{display:flex;gap:var(--space-6);align-items:center;cursor:pointer;list-style:none;min-height:44px}
summary::-webkit-details-marker{display:none}
.value-number{font-size:var(--text-xs);color:var(--seafoam)}
h3{font-size:var(--text-lg);font-weight:500;line-height:1.4}
.values-list h3{font-size:var(--text-base)}
.plus{margin-left:auto;font-size:var(--text-lg);color:var(--seafoam)}
details[open] .plus{transform:rotate(45deg)}
.values-list details p{padding-left:var(--space-10);margin-top:var(--space-3);font-size:var(--text-sm);color:#c9d1db;max-width:500px}
.workbook-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:var(--space-5);margin-bottom:var(--space-12)}
.status{font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}
.workbook-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-24)}
.workbook-title h2{font-size:clamp(2.7rem,2rem + 2.5vw,4.4rem)}
.subtitle{font-size:var(--text-lg);line-height:1.6;margin:var(--space-6) 0 var(--space-8)}
.small-note{font-size:var(--text-xs);margin-top:var(--space-3);color:var(--muted)}
.lead{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2;margin-bottom:var(--space-5)}
.workbook-info>p:not(.lead){color:var(--muted)}
.chapter-path{margin-block:var(--space-6)}
.chapter-path>div{display:flex;gap:var(--space-5);border-top:1px solid var(--border);padding-block:var(--space-4)}
.chapter-path>div>span{font-size:var(--text-xs);padding-top:var(--space-1);color:var(--muted)}
.chapter-path p{font-size:var(--text-sm);color:var(--muted)}
.chapter-path strong{display:block;color:var(--text);font-weight:500;font-size:var(--text-base);margin-bottom:var(--space-1)}
.scope-note{font-size:var(--text-xs);line-height:1.7;color:var(--muted);max-width:65ch}
.practice{background:var(--surface);padding-block:var(--space-20)}
.practice-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-24)}
.practice h2{margin-block:var(--space-6);max-width:530px}.practice h2 span{color:var(--focus)}
.practice-grid>div>p:not(.eyebrow):not(.small-note){max-width:440px;color:var(--muted);margin-bottom:var(--space-8)}
.practice-steps article{border-bottom:1px solid var(--border);padding:var(--space-5) 0}
.practice-steps article:first-child{padding-top:0}
.practice-steps article>span{font-size:var(--text-xs);letter-spacing:1.5px;color:var(--focus);font-weight:700;display:block;margin-bottom:var(--space-2)}
.practice-steps h3{font-size:var(--text-base);font-weight:700}.practice-steps p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-2)}
.practice-steps .method-note{font-size:var(--text-xs);margin-top:var(--space-4)}
.closing{text-align:center;padding-block:var(--space-20)}
.closing .eyebrow{margin-bottom:var(--space-6)}.closing h2{margin-bottom:var(--space-6)}
.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16);align-items:center;border-top:1px solid var(--border);padding-block:var(--space-16)}
.contact .eyebrow{margin-bottom:var(--space-5)}
.contact-description{max-width:510px;color:var(--muted);margin-top:var(--space-5)}
.contact-action{justify-self:end}
.contact-email{display:inline-flex;align-items:center;gap:var(--space-5);padding-block:var(--space-3);min-height:44px;font-size:var(--text-lg);text-decoration:none;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.contact-email:hover{border-color:var(--text)}
.contact-email:active{opacity:.65}
.contact-email span{flex:none}
@media(max-width:760px){.contact{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-12)}.contact-action{justify-self:start;max-width:100%}.contact-email{font-size:var(--text-base);gap:var(--space-3)}}
.footer{display:flex;align-items:center;gap:var(--space-6);border-top:1px solid var(--border);padding-block:var(--space-8);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap}
.footer-brand{font-size:var(--text-lg);font-weight:700;letter-spacing:-.5px;text-decoration:none;color:var(--text);margin-right:auto}
.footer-domain{display:block;font-size:var(--text-xs);font-weight:400;letter-spacing:.6px;color:var(--muted);margin-top:var(--space-1)}
.footer-link{background:none;border:0;min-height:44px;font-size:var(--text-xs);padding:var(--space-2) 0;text-decoration:underline;text-underline-offset:4px}
.dialog{width:min(690px,calc(100% - 32px));border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius-md);padding:var(--space-8);max-height:90dvh;overscroll-behavior:contain}
.dialog::backdrop{background:rgb(12 25 40 / .68);backdrop-filter:blur(4px)}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
.close{width:44px;height:44px;background:none;border:1px solid var(--border);font-size:var(--text-lg);border-radius:var(--radius-full);flex:none}
.close:hover{background:var(--surface)}
.dialog h2{margin-bottom:var(--space-5)}
.dialog-intro{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6)}
.sample-tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}
.sample-tabs button{border:0;background:none;padding:var(--space-3);font-size:var(--text-sm);min-height:44px;border-bottom:2px solid transparent}
.sample-tabs button.selected{border-color:var(--text);font-weight:700}
.sample-content{min-height:315px}
.sample-content p{margin-bottom:var(--space-4)}.sample-content h3{margin-bottom:var(--space-4)}.sample-content ol{padding-left:var(--space-6);margin:0 0 var(--space-6)}.sample-content li{margin-bottom:var(--space-3);font-size:var(--text-sm)}
.sample-content .sample-quote{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.3}
.dialog .scope-note{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-6)}
#flow-form{display:grid;gap:var(--space-2)}
label{font-size:var(--text-sm);font-weight:700}
input,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-base);min-height:48px;margin-bottom:var(--space-3)}
input::placeholder{font-size:var(--text-sm);color:var(--muted)}
#flow-form .button{justify-self:start;margin-top:var(--space-3)}
#plan-result>.eyebrow{margin-bottom:var(--space-4)}
#plan-display{background:var(--bg);padding:var(--space-6);border:1px solid var(--border);overflow-wrap:anywhere}
#plan-display p{margin-bottom:var(--space-4)}#plan-display p:last-child{margin:0}
#plan-display strong{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:var(--space-1)}
.result-note{font-size:var(--text-sm);margin-top:var(--space-5);color:var(--muted)}
.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-6)}
#copy-status{font-size:var(--text-sm);margin-top:var(--space-3)}
.privacy-copy h3{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:700}.privacy-copy p{font-size:var(--text-sm);color:var(--muted)}
.img-fallback{background:var(--surface);min-height:260px;display:grid;place-items:center;padding:var(--space-8);color:var(--muted)}
.theme-toggle{min-width:44px;min-height:44px}
.contact-linkedin{margin-top:var(--space-6);min-height:44px}
@media(max-width:760px){.about-visual img.portrait{aspect-ratio:1;object-position:center}}
@media(min-width:1600px){.hero-visual img{height:620px}.hero{padding-block:var(--space-16)}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header{padding-inline:var(--space-6)}.desktop-nav{gap:var(--space-5)}.header-start{display:none}.hero{gap:var(--space-8)}.hero-visual img{height:520px}.hero h1{font-size:clamp(3.5rem,2rem + 4vw,5.5rem)}.about,.values-grid,.workbook-grid,.practice-grid{gap:var(--space-12)}.about-visual img{aspect-ratio:1/1.4}.strip-inner{gap:var(--space-4)}.strip-inner span+span{padding-left:var(--space-5)}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.header{min-height:86px;padding:var(--space-4) var(--space-5);gap:var(--space-3)}.brand{font-size:var(--text-base);gap:var(--space-2)}.brand-by{font-size:var(--text-xs);letter-spacing:1px}.brand-mark{width:32px;height:36px}.desktop-nav{display:none}.header-actions{gap:var(--space-1)}.theme-toggle{width:40px}.menu-toggle{display:flex;gap:var(--space-2);align-items:center;background:none;border:0;min-height:44px;font-size:var(--text-sm);padding:var(--space-2)}.mobile-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-5);flex-direction:column;box-shadow:0 16px 24px rgb(28 46 70 / .1)}.mobile-nav a{min-height:48px;display:flex;align-items:center;text-decoration:none}.hero{grid-template-columns:1fr;padding-top:var(--space-10);padding-bottom:var(--space-10);gap:var(--space-10)}.hero-copy .eyebrow{letter-spacing:1.05px;font-size:var(--text-xs);gap:var(--space-2);margin-bottom:var(--space-6)}.little-line{width:18px;flex:none}.hero h1{font-size:clamp(3.25rem,1.4rem + 7.5vw,5.4rem);letter-spacing:-1.7px;line-height:1.04}.hero-description{margin-top:var(--space-6);line-height:1.7;max-width:490px}.hero-ctas{gap:var(--space-4);margin-top:var(--space-6)}.hero-ctas .button{gap:var(--space-5);padding-inline:var(--space-4)}.hero-note{margin-top:var(--space-5);max-width:310px}.hero-visual img{height:auto;max-height:530px;object-fit:cover;aspect-ratio:1.12;object-position:50% 45%}.hero-visual figcaption{left:12px;right:12px;bottom:12px;letter-spacing:.6px}.strip-inner{justify-content:space-between;font-size:var(--text-xs);gap:var(--space-3);padding-block:var(--space-5);line-height:1.6}.strip-inner span+span{padding-left:var(--space-3)}.mobile-break{display:block}.section{padding-block:var(--space-16)}.about{grid-template-columns:1fr;gap:var(--space-8)}.about-visual img{aspect-ratio:1.5;object-position:center 64%}.about-copy h2{font-size:clamp(2.4rem,1.7rem + 3vw,3rem)}.values{padding-block:var(--space-16)}.values-grid,.workbook-grid,.practice-grid{grid-template-columns:1fr;gap:var(--space-10)}.values h2{font-size:clamp(2.4rem,1.7rem + 3vw,3rem)}.values-intro>p:last-child{max-width:500px}.values-list details{padding-block:var(--space-4)}.workbook-heading{margin-bottom:var(--space-8)}.workbook-title h2{font-size:clamp(3rem,2rem + 4vw,4rem)}.subtitle{font-size:var(--text-lg)}.workbook-info .lead{font-size:clamp(2.3rem,1.6rem + 3vw,3rem)}.practice{padding-block:var(--space-16)}.practice h2{font-size:clamp(2.4rem,1.7rem + 3vw,3rem)}.closing{padding-block:var(--space-16)}.closing h2{font-size:clamp(2.1rem,1.4rem + 3vw,3rem)}.footer{gap:var(--space-3) var(--space-5);padding-block:var(--space-6)}.footer-brand{width:100%}.dialog{padding:var(--space-5);width:calc(100% - 24px);max-height:92dvh}.dialog-header .eyebrow{letter-spacing:1px}.sample-tabs{gap:0}.sample-tabs button{padding:var(--space-3) var(--space-2);font-size:var(--text-xs)}.sample-content{min-height:300px}.signature{gap:var(--space-4)}.signature span{max-width:190px}}