/* Caje x Hueman: shared type, grid, punctuation and softened controls. */
:root{--display:'Bricolage Grotesque',Arial,sans-serif;--body:'Bricolage Grotesque',Arial,sans-serif;--mono:'Bricolage Grotesque',Arial,sans-serif;--ink:#121313;--paper:#fcfcfb;--yellow:#ffcc00;--line:#24302424;--grid:32px}
html{scroll-padding-top:116px}
body{font-family:var(--body);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#1b241b08 1px,transparent 1px),linear-gradient(90deg,#1b241b08 1px,transparent 1px);background-size:var(--grid) var(--grid);background-position:center top}
h1,h2,h3,h4,.brand,.button,.signup-open,.menu-toggle,nav a,p,li,label,input,select,summary,figcaption,.offer-price,.proof-grid strong,.lesson-number,.launch-price,.hello-note{font-family:var(--body)!important}
h1,h2,h3,h4{font-style:normal;letter-spacing:-.035em}
p,li{letter-spacing:0}
.wrap{width:min(1280px,calc(100% - 64px))}
.yellow-dot,.brand>span,.hello-note>span{color:#ffcc00!important}
mark,.selection-highlight{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:inherit;font-weight:700}
.selection-highlight:before,.selection-highlight:after,.selection-start:before,.selection-start:after,.selection-end:before,.selection-end:after{content:none!important;display:none!important}
.headline-emphasis{display:block;font-weight:700}
.site-header{width:min(1344px,calc(100% - 32px));height:72px;top:16px;left:50%;right:auto;transform:translateX(-50%);padding:0 24px;border-radius:999px;border:1px solid #ffffffcc;background:linear-gradient(115deg,#ffffffdc,#ffffffad 45%,#ffffffd6);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #ffffff70,0 6px 24px #17201714;backdrop-filter:blur(12px) saturate(150%);gap:16px;max-width:none}
.site-header .brand{font-size:25px;letter-spacing:-1px;font-weight:700;white-space:nowrap;margin-right:auto}
.site-header nav#main-nav{gap:8px;margin:0}
.site-header nav#main-nav a,.menu-toggle{padding:11px 15px;border:1px solid #ffffffd9;border-radius:999px;background:linear-gradient(135deg,#fffffff2,#ffffffad);box-shadow:inset 1px 2px 2px #fff,inset -1px -3px 3px #6a77641a,0 3px 5px #17201716;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.25;color:var(--ink)}
.button,.site-header .nav-cta,.signup-open,.studio-lower .studio-button{border-radius:999px!important;border:1px solid #ffdb6899;background:linear-gradient(135deg,#fff2b9,#ffd132 55%,#ffe180);color:#241b06;box-shadow:inset 1px 2px 2px #fff8d6,inset -1px -3px 4px #b9890026,0 4px 14px #ffbc0024;padding:15px 24px;min-height:50px;font-weight:600;font-size:16px;letter-spacing:0;transition:transform .16s ease-out,box-shadow .16s ease-out}
.site-header .nav-cta{padding:12px 20px;font-size:14px;min-height:44px;flex:none}
.button:active,.menu-toggle:active{transform:scale(.97)}
.button:focus-visible,.menu-toggle:focus-visible{outline:2px solid #9c7600;outline-offset:4px}
#caje-nav-socials{position:static!important;top:auto!important;right:auto!important;display:flex!important;background:none!important;height:auto!important;gap:2px!important;flex:none}
#caje-nav-socials:before{display:none!important}
#caje-nav-socials a{width:32px!important;min-height:44px;border-radius:999px!important}
#caje-nav-socials svg{width:19px;height:19px}
.masthead{padding-top:140px;background:transparent}
.folder-stack,.espresso-folder{background:transparent}
.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:64px;padding:12px 0 60px;align-items:center}
.hero-copy h1{font-size:clamp(38px,3.5vw,56px);font-weight:400;line-height:1.16;letter-spacing:-.035em;max-width:850px}
.hero-copy .lead{font-size:18px;line-height:1.6;margin-top:26px;color:#525b52}
.newsletter-intro{font-weight:500;margin-bottom:4px;color:#121313}
.brew-process{margin:36px 0 32px}
.brew-process ol{gap:28px}
.brew-process h3{font-size:19px;font-weight:650;letter-spacing:-.025em}
.brew-process li p{font-size:16px;line-height:1.55;color:#565e55}
.process-symbol{width:42px;height:42px;background:#ffcc0033;border:1px solid #ffcc0055;box-shadow:inset 0 1px 0 #fff8}
.brew-process li:not(:last-child):after{display:none}
.portrait-arrangement{width:100%;max-width:320px;justify-self:end;padding:0;align-self:center}
.hello-note{position:static;transform:none;margin:0 0 16px;padding:0;background:none;box-shadow:none;font-size:24px;font-weight:500;text-align:left;letter-spacing:-.04em}
.portrait-print{padding:0;margin:0;transform:none;background:transparent;box-shadow:none;clip-path:none;border:0;animation:none!important;opacity:1!important;filter:none!important}
.portrait-print:before,.portrait-print:after,.portrait-tape,.photo-tape{display:none!important}
.portrait-print .portrait{display:block;aspect-ratio:4/5;width:100%;height:auto;max-height:400px;object-fit:cover;object-position:50% 38%;clip-path:none;border-radius:18px;animation:none!important;opacity:1!important}
.portrait-print figcaption{font-size:13px;color:#62695d;text-align:left;padding:12px 0 0}
.proof-folder{border-top:1px solid var(--line);padding:42px 0 0}
.folder-stack .proof-folder #proof-title{font-size:32px;font-weight:500;margin-bottom:32px}
.proof-grid strong{font-weight:500;font-size:40px;letter-spacing:-.045em}
.proof-grid p,.followed{font-size:16px;line-height:1.55}
.favikon-rank{background:#ffffffc9;border-color:#17201715;box-shadow:inset 0 1px 0 #fff,0 5px 18px #17201706}
.section{margin-top:64px;margin-bottom:0;scroll-margin-top:112px}
.pitch-section,.work-section,.final-signup{background-color:#111711;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:var(--grid) var(--grid);color:#f5f6f3;border:1px solid #374030;border-radius:20px;padding:48px;box-shadow:0 16px 45px #1b251008}
.pitch-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.pitch-intro h2,.colab-header h2,.work-section>h2,.studio-lower .studio-copy>#hueman-title{font-size:clamp(36px,3.5vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.pitch-intro>p:not(.eyebrow),.power-main>p:first-child{font-size:20px;line-height:1.55;color:#ecede6;max-width:42ch;margin-top:22px}
.pitch-buy .pitch-includes,.pitch-buy>p:not(.offer-price){font-size:17px;line-height:1.6;color:#bec5b9;letter-spacing:0}
.pitch-buy{margin-top:30px}
.pitch-buy .offer-price,.work-section .power-main>p.offer-price{font-size:40px;font-weight:500;letter-spacing:-.04em;color:#fff}
.offer-price span{font-size:15px;color:#c0c7bb;letter-spacing:0}
.pitch-actions{gap:18px;align-items:flex-start;flex-direction:column}
.pitch-preview{font-size:16px;color:#f0f2e9!important;text-underline-offset:5px}
.pitch-content{min-width:0}
.workbook-preview{margin:0 0 28px;padding:24px 20px 16px;background:#ffffff06;border:1px solid #ffffff20;border-radius:16px}
.workbook-preview>a{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;perspective:900px}
.workbook-preview img{width:100%;height:auto;border-radius:3px;box-shadow:0 6px 16px #0004;transition:transform .2s ease-out}
.sample-cover{transform:rotate(-3deg)}.sample-worksheet{transform:rotate(3deg)}
.workbook-preview figcaption{font-size:13px;line-height:1.5;color:#c0c7bb;margin-top:20px;text-align:center}
.lesson-list{margin:0}
.lesson-list li{padding:16px 0;grid-template-columns:24px minmax(0,1fr);gap:14px;border-color:#ffffff24}
.lesson-list h3{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.025em}
.lesson-number{font-size:12px;color:#ffcc00;padding-top:4px}
.colab-section,.studio-lower .hueman-folder{background-color:#ffffff70;background-image:linear-gradient(#26342306 1px,transparent 1px),linear-gradient(90deg,#26342306 1px,transparent 1px);background-size:var(--grid) var(--grid);border:1px solid #a7b4a747;border-radius:20px;padding:48px;box-shadow:inset 1px 1px 0 #fff,0 8px 24px #243a2408}
.colab-header{padding-bottom:28px}
.colab-grid{gap:64px;grid-template-columns:1.05fr 1fr}
.colab-offer h3{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.035em}
.colab-offer>p{font-size:17px;color:#525b52;line-height:1.65}
.colab-offer .launch-price{font-size:16px;color:#525b52}.launch-price strong{font-size:36px;color:#121313;font-weight:500}
.colab-uses article{border-color:#1b241b26;gap:18px}
.colab-uses h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;font-weight:500}
.colab-uses p{font-size:16px;line-height:1.6;color:#525b52}
.prompt-disclosure{font-size:15px;border-color:#1b241b26}.prompt-disclosure summary{min-height:44px}
.session-halves{gap:40px;margin:32px 0}.session-halves>div{border-left-color:#ffcc00;padding-left:22px}
.session-halves b{font-size:20px;font-weight:500;letter-spacing:-.025em}.session-halves p{font-size:17px;line-height:1.65;color:#bdc5b8;max-width:47ch}
.studio-lower{padding:0;background:none;border:0;box-shadow:none}
.studio-lower .studio-grid{gap:48px;grid-template-columns:1fr 1fr}
.studio-lower .studio-copy>#hueman-title{margin-bottom:24px}
.studio-copy>p:not(.studio-intro){font-size:26px;line-height:1.45;letter-spacing:-.025em;font-weight:400;color:#525b52}
.studio-copy strong{color:#121313;font-weight:650}
.studio-lower .falcon-print{transform:none!important;margin:0;max-width:none;width:100%;padding:0;border:0;background:none;box-shadow:none}
.falcon-print img{width:100%;height:auto;border-radius:12px}.falcon-print figcaption{padding-top:12px;color:#62695d;text-align:left;font-size:13px}
.final-signup>div{gap:24px}.final-signup h2{font-size:clamp(32px,3.1vw,46px);line-height:1.18;font-weight:400;letter-spacing:-.035em;max-width:1000px}
.final-signup>div>p{font-size:18px;color:#bec5b9}.final-signup .headline-emphasis{display:inline}
.contact-section{padding-block:64px 36px;margin-top:0;border-top:0;gap:40px}.contact-section h2{font-size:36px;font-weight:500;letter-spacing:-.04em}
.contact-section p{font-size:16px;line-height:1.6;color:#525b52}.contact-email{font-size:25px;letter-spacing:-.025em}
footer{padding-bottom:32px}.footer-row p,.terms summary,.terms p{font-size:14px}
.signup-panel{background:#fff;border:1px solid #b6c1b652;box-shadow:0 8px 30px #1720170a;border-radius:16px;color:#121313;padding:28px;margin-top:20px}
.signup-panel h4{font-size:26px;font-weight:500;letter-spacing:-.03em}.signup-panel label{font-size:15px;color:#333b30}
.signup-panel input,.signup-panel select{font-family:var(--body)!important;font-size:16px!important;min-height:48px;border-radius:8px}
.signup-panel .signup-close{color:#121313}.signup-panel[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-1px);box-shadow:inset 1px 2px 2px #fff8d6,0 6px 20px #ffbc0033}.workbook-preview a:hover img{transform:rotate(0)}.site-header nav#main-nav a:hover{background:#ffcc002e}}
@media(max-width:1100px){.site-header{gap:10px;padding-inline:20px}.site-header nav#main-nav a{padding:11px 10px;font-size:13px}.site-header .brand{font-size:23px}.hero-grid{gap:36px;grid-template-columns:1.5fr .7fr}.hero-copy h1{font-size:42px}.pitch-section,.colab-section,.work-section,.studio-lower .hueman-folder,.final-signup{padding:36px}.pitch-section{gap:36px}.colab-grid{gap:40px}}
@media(max-width:900px){.site-header nav#main-nav{display:none;position:absolute;top:82px;left:0;right:0;padding:16px;background:#fffffff5;border:1px solid #dce1d9;border-radius:20px;box-shadow:0 8px 24px #17201712;flex-direction:column;align-items:stretch}.site-header nav#main-nav.open{display:flex}.menu-toggle{display:block;min-height:44px}.site-header .nav-cta{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.hero-copy h1{font-size:38px}.brew-process ol{gap:18px}.pitch-section{gap:32px}.workbook-preview{padding:16px 12px}.colab-grid{gap:28px}.studio-copy>p:not(.studio-intro){font-size:23px}}
@media(max-width:700px){:root{--grid:24px}.wrap{width:calc(100% - 32px)}.site-header{top:10px;height:62px;width:calc(100% - 20px);padding:0 14px;gap:10px;border-radius:32px}.site-header .brand{font-size:21px}.site-header .menu-toggle{font-size:12px;padding:9px 12px}.site-header nav#main-nav{top:72px}.site-header nav#main-nav a{font-size:15px;padding:14px}.site-header #caje-nav-socials{gap:0!important}.site-header #caje-nav-socials a{width:28px!important}.site-header #caje-nav-socials svg{width:17px}.masthead{padding-top:104px}.hero-grid{display:flex;flex-direction:column;gap:26px;padding-bottom:32px}.portrait-arrangement{order:0;align-self:center;justify-self:center;max-width:220px;width:70%}.portrait-print .portrait{aspect-ratio:5/4;max-height:180px;object-position:50% 30%;border-radius:14px}.hello-note{font-size:20px;margin-bottom:10px}.portrait-print figcaption{font-size:11px;padding-top:8px}.hero-copy{order:1;display:flex;flex-direction:column;width:100%}.hero-copy h1{order:0;font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.04em}.hero-copy .lead{order:1;margin:20px 0;font-size:16px;line-height:1.55}.hero-copy>.signup-open,.hero-copy>.signup-panel{order:2;align-self:flex-start;margin:0}.hero-copy>.signup-panel{align-self:stretch}.hero-copy>.brew-process{order:3;margin:30px 0 0;padding-top:26px;border-top:1px solid var(--line)}.brew-process ol{gap:22px}.brew-process h3{font-size:18px}.brew-process li p{font-size:15px}.process-symbol{width:40px;height:40px}.proof-folder{padding-top:30px}.folder-stack .proof-folder #proof-title{font-size:28px;margin-bottom:26px}.proof-grid strong{font-size:31px}.proof-grid p,.followed{font-size:14px}.favikon-proof p{font-size:14px}.favikon-rank strong{font-size:28px}.section{margin-top:32px;scroll-margin-top:92px}.pitch-section,.colab-section,.work-section,.studio-lower .hueman-folder,.final-signup{padding:28px 20px;border-radius:16px}.pitch-section{grid-template-columns:1fr;gap:28px}.pitch-intro h2,.colab-header h2,.work-section>h2,.studio-lower .studio-copy>#hueman-title{font-size:32px;line-height:1.15}.pitch-intro>p:not(.eyebrow),.power-main>p:first-child{font-size:18px;line-height:1.55;margin-top:20px}.pitch-buy{margin-top:24px}.pitch-buy .pitch-includes,.pitch-buy>p:not(.offer-price){font-size:16px}.pitch-buy .offer-price,.work-section .power-main>p.offer-price{font-size:34px}.offer-price span{font-size:14px}.pitch-actions{gap:18px}.button,.signup-open,.studio-lower .studio-button{font-size:15px;padding:14px 22px;min-height:48px}.workbook-preview{padding:20px 16px 16px;margin-bottom:24px}.workbook-preview figcaption{font-size:12px}.lesson-list h3{font-size:19px;line-height:1.4}.lesson-list li{padding:16px 0}.colab-header{padding-bottom:22px}.colab-grid{grid-template-columns:1fr;gap:30px}.colab-offer h3{font-size:23px;line-height:1.3}.colab-offer>p{font-size:16px}.colab-uses h3{font-size:21px}.colab-uses p{font-size:15px}.session-halves{grid-template-columns:1fr;gap:26px;margin:28px 0}.session-halves b{font-size:18px}.session-halves p{font-size:16px}.studio-lower .studio-grid{grid-template-columns:1fr;gap:22px}.studio-lower .studio-copy{display:contents}.studio-lower .studio-copy>#hueman-title{grid-row:1;margin:0}.studio-copy>p:not(.studio-intro){font-size:23px;line-height:1.4;grid-row:2}.studio-lower .falcon-print{grid-row:3;margin:0}.studio-lower .studio-button{grid-row:4;justify-self:start;margin:0}.final-signup h2{font-size:30px;line-height:1.2}.final-signup .headline-emphasis{display:block}.final-signup>div>p{font-size:16px}.contact-section{grid-template-columns:1fr;gap:24px;padding:36px 4px 24px}.contact-section h2{font-size:30px}.contact-email{font-size:23px}.contact-section p{font-size:15px}.signup-panel{padding:22px 18px}.signup-panel h4{font-size:24px}footer{padding-bottom:24px}}
@media(max-width:360px){.site-header{gap:7px;padding-inline:12px}.site-header .brand{font-size:19px}.site-header .menu-toggle{padding-inline:10px}.site-header #caje-nav-socials a{width:26px!important}.hero-copy h1{font-size:29px}.pitch-section,.colab-section,.work-section,.studio-lower .hueman-folder,.final-signup{padding:26px 18px}.contact-email{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.workbook-preview img{transition:none}.sample-cover,.sample-worksheet{transform:none}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header nav#main-nav a,.menu-toggle{background:#fcfcfb;backdrop-filter:none}.colab-section,.studio-lower .hueman-folder{background-color:#fcfcfb}}
/* One product story above a compact five-lesson overview. */
.site-header{position:fixed}
#caje-nav-socials{padding:0!important;border:0!important;box-shadow:none!important;width:auto!important;flex-direction:row!important}
#caje-nav-socials a{padding:0!important;box-shadow:none!important;border:0!important;background:none!important}
#caje-nav-socials svg{flex:none;width:19px!important;height:19px!important}
.hello-note{rotate:0deg!important;transform:none!important}
@media(min-width:1101px){.hero-copy h1{font-size:48px;line-height:1.18}}
span{font-family:inherit!important}
.pitch-content{display:contents}
.workbook-preview{grid-column:2;grid-row:1;align-self:center;margin:0}
.pitch-section>.lesson-list,.pitch-content>.lesson-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.pitch-content>.lesson-list li{display:block;padding:20px 0 0;border-bottom:0;border-top:1px solid #ffffff24}
.pitch-content>.lesson-list .lesson-number{display:block;margin-bottom:12px}
.pitch-content>.lesson-list h3{font-size:18px;line-height:1.4}
@media(max-width:900px){.pitch-content>.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pitch-content>.lesson-list li:last-child{grid-column:1/-1}}
@media(max-width:700px){.workbook-preview{grid-column:1;grid-row:auto}.pitch-content>.lesson-list{display:block}.pitch-content>.lesson-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;padding:16px 0}.pitch-content>.lesson-list .lesson-number{margin:0}.pitch-content>.lesson-list h3{font-size:19px}}

/* Review refinement: one headline scale, attached punctuation, clearer lessons. */
:root{--section-title:48px}
.hero-copy h1,.folder-stack .proof-folder #proof-title,.pitch-intro h2,.colab-header h2,.work-section>h2,.studio-lower .studio-copy>#hueman-title,.final-signup h2,.contact-section h2{font-size:var(--section-title);line-height:1.18;letter-spacing:-.04em;font-weight:500}
.hero-copy h1,.final-signup h2{font-weight:400}
h1 .yellow-dot,h2 .yellow-dot,h3 .yellow-dot{display:inline!important;white-space:nowrap}
#colab-title{display:block;white-space:nowrap}
.final-signup h2{max-width:none;width:100%;text-wrap:balance}
.final-signup .headline-emphasis{display:inline}
.final-signup{padding-block:40px}
.final-signup>div{align-items:flex-start;gap:22px}
.final-signup>div>p{margin:0}
.portrait-arrangement{position:relative}
.hello-note{display:table;position:relative;z-index:1;padding:9px 20px;margin:0 0 -6px -12px;background:#ffe590e8;box-shadow:0 2px 4px #33290010;color:#25281f;font-size:22px;font-weight:500;rotate:-3deg!important;clip-path:polygon(2% 0,100% 3%,98% 100%,0 96%)}
.hello-note>span{color:#25281f!important}
.pitch-section{row-gap:32px}
.pitch-content>.lesson-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pitch-content>.lesson-list li{grid-column:span 2;display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;gap:14px;padding:22px;border:1px solid #ffffff2a;border-radius:14px;background:#ffffff05}
.pitch-content>.lesson-list li:nth-child(4),.pitch-content>.lesson-list li:nth-child(5){grid-column:span 3}
.pitch-content>.lesson-list .lesson-number{margin:0;padding-top:4px;font-size:13px}
.pitch-content>.lesson-list h3{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.02em;text-wrap:pretty}
@media(max-width:1100px){:root{--section-title:40px}.pitch-content>.lesson-list li{padding:18px;gap:10px}.pitch-content>.lesson-list h3{font-size:18px}}
@media(max-width:900px){:root{--section-title:38px}.pitch-content>.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pitch-content>.lesson-list li,.pitch-content>.lesson-list li:nth-child(4){grid-column:auto}.pitch-content>.lesson-list li:nth-child(5){grid-column:1/-1}}
@media(max-width:700px){:root{--section-title:32px}.hello-note{font-size:20px;padding:8px 15px;margin-bottom:-5px;margin-left:-8px}.hero-grid{gap:28px}.pitch-content>.lesson-list{grid-template-columns:1fr;gap:12px}.pitch-content>.lesson-list li,.pitch-content>.lesson-list li:nth-child(4),.pitch-content>.lesson-list li:nth-child(5){grid-column:1;padding:18px 16px;grid-template-columns:24px minmax(0,1fr);gap:12px}.pitch-content>.lesson-list h3{font-size:19px}.final-signup{padding-block:28px}.final-signup .headline-emphasis{display:inline}}
@media(max-width:360px){:root{--section-title:29px}.pitch-content>.lesson-list h3{font-size:18px}}

/* Product photography on a restrained glass display surface. */
.workbook-preview.book-showcase{position:relative;isolation:isolate;overflow:hidden;padding:30px 18px 22px;border:1px solid #e4eddb30;border-radius:20px;background:radial-gradient(ellipse at 28% 18%,#e4e9d920,transparent 65%),linear-gradient(135deg,#ffffff0d,#ffffff03);box-shadow:inset 1px 1px 0 #ffffff17,inset -1px -1px 0 #ffffff05,0 14px 40px #00000018;backdrop-filter:blur(12px)}
.workbook-preview.book-showcase>a{display:block;perspective:none;padding:8px 0 12px}
.workbook-preview.book-showcase .book-mockup{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;transform:none;transition:none}
.workbook-preview.book-showcase figcaption{margin-top:12px;color:#c9cfc5;font-size:13px}
@media(max-width:700px){.workbook-preview.book-showcase{padding:20px 10px 16px;border-radius:16px}.workbook-preview.book-showcase>a{padding:0}.workbook-preview.book-showcase figcaption{font-size:12px;margin-top:14px}}
@media(prefers-reduced-transparency:reduce){.workbook-preview.book-showcase{background:#252c23;backdrop-filter:none}}
.workbook-preview.binder-showcase{padding:20px 22px 18px;background:linear-gradient(140deg,#ffffff0a,#ffffff03);box-shadow:inset 1px 1px 0 #ffffff12,0 12px 32px #00000012}
.workbook-preview.binder-showcase>a{padding:0}
.workbook-preview.binder-showcase .book-mockup{max-height:480px;object-fit:contain}
.workbook-preview.binder-showcase figcaption{margin-top:12px}
@media(max-width:700px){.workbook-preview.binder-showcase{padding:14px 8px 16px}.workbook-preview.binder-showcase .book-mockup{max-height:none}}
.workbook-preview.front-showcase{padding:28px;background:linear-gradient(135deg,#ffffff08,#ffffff02);box-shadow:inset 1px 1px 0 #ffffff10;border-color:#ffffff18}
.workbook-preview.front-showcase>a{display:flex;justify-content:center;padding:0;perspective:none}
.front-book{display:block;position:relative;width:100%;max-width:320px;border-radius:2px 5px 5px 2px;box-shadow:3px 2px 0 #d7d7ca,5px 4px 0 #363e31,0 12px 24px #0005;overflow:hidden}
.workbook-preview.front-showcase .front-cover{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;transform:none!important;transition:none}
.front-book:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0005 0,transparent 3px,#ffffff12 5px,transparent 10px);box-shadow:inset 0 0 0 1px #ffffff0c}
@media(max-width:700px){.workbook-preview.front-showcase{padding:22px}.front-book{max-width:270px}}
/* Tape straddles the photograph edge rather than sitting above it. */
.portrait-arrangement .hello-note{position:absolute;top:12px;left:-34px;z-index:3;margin:0;padding:10px 22px;font-size:20px;line-height:1.3;white-space:nowrap;rotate:-18deg!important;transform:none!important;background:#ffe49be8;box-shadow:0 2px 5px #201c1420;clip-path:polygon(2% 0,100% 3%,98% 100%,0 96%)}
@media(max-width:700px){.portrait-arrangement .hello-note{top:9px;left:-28px;font-size:16px;padding:8px 15px;rotate:-16deg!important}.portrait-arrangement{margin-top:10px}}

/* A single glass surface; only the current section receives a filled pill. */
.site-header{height:64px;padding-inline:24px;gap:18px;border:1px solid #ffffffb3;border-radius:34px;background:linear-gradient(125deg,#ffffffe0,#ffffffa8 48%,#ffffffc4);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:inset 0 1px 0 #ffffffd9,0 5px 24px #1220100c}
.site-header .brand{font-size:24px}
.site-header nav#main-nav{gap:4px}
.site-header nav#main-nav a,.site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;background:transparent;box-shadow:none;color:#353a33;border-radius:24px;font-size:14px;font-weight:500;transition:background-color 160ms ease-out,color 160ms ease-out}
.site-header nav#main-nav a[aria-current="location"]{background:#ffcc00;color:#161a12;box-shadow:inset 0 1px 0 #ffffff4d}
.site-header .nav-cta{background:#ffcc00;box-shadow:inset 0 1px 0 #ffffff4d;border:0;min-height:42px;padding:11px 18px}
.site-header .menu-toggle{display:none}
.site-header nav#main-nav a:focus-visible,.site-header .menu-toggle:focus-visible{outline:2px solid #645300;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.site-header nav#main-nav a:hover{background:#1720170a}.site-header nav#main-nav a[aria-current="location"]:hover{background:#ffcc00}.site-header .menu-toggle:hover{background:#ffffff70}.site-header .nav-cta:hover{background:#ffd429;box-shadow:inset 0 1px 0 #ffffff4d}}
@media(max-width:1100px){.site-header{gap:12px;padding-inline:20px}.site-header nav#main-nav a{font-size:13px;padding-inline:12px}}
@media(max-width:900px){.site-header .menu-toggle{display:inline-flex;margin-left:auto}.site-header nav#main-nav{top:74px;padding:10px;gap:4px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffffc9;border-radius:22px;box-shadow:0 8px 24px #17201712}.site-header nav#main-nav a{justify-content:flex-start;padding:12px 18px;font-size:15px;border-radius:14px}.site-header .menu-toggle[aria-expanded="true"]{background:#ffffffa6}}
@media(max-width:700px){.site-header{height:58px;padding-inline:14px;gap:8px;border-radius:30px}.site-header .brand{font-size:21px}.site-header .menu-toggle{font-size:12px;padding:10px;min-height:44px}.site-header nav#main-nav{top:68px}}
@media(max-width:360px){.site-header{padding-inline:12px;gap:6px}.site-header .brand{font-size:19px}.site-header .menu-toggle{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.site-header nav#main-nav a,.site-header .menu-toggle{transition:none}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-header nav#main-nav{background:#fcfcfb;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.site-header{background:#fcfcfb}}
/* Keep one clipped glass layer behind the controls, without a translated blur surface. */
.site-header{left:0;right:0;margin-inline:auto;transform:none!important;isolation:isolate;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:rgba(250,251,248,.92);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 4px 20px #1220100a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:900px){.site-header nav#main-nav{background:#fafbf8;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){.site-header::before{background:#fafbf8;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.site-header::before{background:#fafbf8}}

/* Dark sections enter gently; media and layout remain still. */
.panel-reveal{opacity:.12;transition:opacity 550ms cubic-bezier(.2,.65,.3,1)}
.panel-reveal.is-revealed,.panel-reveal:focus-within{opacity:1}
@media(prefers-reduced-motion:reduce){.panel-reveal{opacity:1;transition:none}}
@media(min-width:901px) and (max-width:1100px){.site-header nav#main-nav{gap:1px}.site-header nav#main-nav a{padding-inline:9px}.site-header .nav-cta{padding-inline:13px}}

/* Preview: alternating white / black panels, revised sequence pending review. */
.folder-stack .proof-folder,.colab-section{background-color:#fcfcfb;background-image:linear-gradient(#26342306 1px,transparent 1px),linear-gradient(90deg,#26342306 1px,transparent 1px);background-size:32px 32px;color:#121313;border:1px solid #24302424;border-radius:20px;box-shadow:none}
.folder-stack .proof-folder{padding:48px;margin-top:0}
.folder-stack .proof-folder #proof-title,.proof-folder .proof-grid strong,.proof-folder .followed b,.colab-section h2,.colab-section h3,.colab-section .launch-price strong{color:#121313}
.proof-folder .proof-grid,.proof-folder .proof-grid>div+div{border-color:#24302424}
.proof-folder .proof-grid p,.proof-folder .followed,.colab-section .colab-offer>p,.colab-section .colab-uses p,.colab-section .launch-price{color:#56614f}
.proof-folder .favikon-rank{background:#fcfcfb;border-color:#ffffff50;box-shadow:none}.proof-folder .favikon-rank strong{color:#121313}
.colab-section .colab-header,.colab-section .colab-uses article,.colab-section .prompt-disclosure{border-color:#24302424}
.colab-section .use-symbol,.colab-section .prompt-disclosure .text-link{color:#695400}
.colab-section .prompt-disclosure,.colab-section .prompt-text{color:#30382e}
.pitch-section,.final-signup{background-color:#fcfcfb;background-image:linear-gradient(#26342306 1px,transparent 1px),linear-gradient(90deg,#26342306 1px,transparent 1px);background-size:32px 32px;color:#121313;border:1px solid #24302424;box-shadow:none}
.pitch-section h2,.final-signup h2,.pitch-buy .offer-price{color:#121313}
.pitch-section .pitch-intro>p:not(.eyebrow){color:#30382e}
.pitch-section .pitch-buy .pitch-includes,.pitch-section .pitch-buy>p:not(.offer-price),.pitch-section .offer-price span,.final-signup>div>p{color:#56614f}
.work-section{background-color:#101710;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:32px 32px;color:#f5f7f0;border:1px solid #ffffff24}
.work-section>h2,.work-section .power-main>p.offer-price,.work-section .session-halves b{color:#f5f7f0}
.work-section .power-main>p:first-child{color:#e8ede2}
.work-section .offer-price span,.work-section .session-halves p{color:#c3cbbb}
.pitch-section .sample-book{background:#f1f3ec;border-color:#24302424;color:#172014}
.pitch-section .book-toolbar,.pitch-section .book-status{color:#46513f}
.pitch-section .book-expand{color:#695400!important}
.pitch-section .book-controls button{background:#fcfcfb;border-color:#24302435;color:#172014}
.pitch-section .book-text-link{background:#fcfcfb;border-color:#24302450;color:#172014!important}
@media(hover:hover) and (pointer:fine){.pitch-section .book-text-link:hover{background:#e7ebde;border-color:#24302480}}
@media(max-width:1100px){.folder-stack .proof-folder{padding:36px}}
@media(max-width:700px){.folder-stack .proof-folder{padding:28px 22px}.proof-folder .proof-grid>div:last-child{border-color:#24302424}}