:root{--color-background:#f7f2e8;--color-background-child:#fff8ea;--color-surface:#fffdf8;--color-surface-strong:#ffffff;--color-ink:#17212b;--color-text:#24313a;--color-text-child:#1f2b34;--color-muted:#64727d;--color-primary:#1f6f68;--color-primary-strong:#155650;--color-secondary:#d45f4a;--color-accent:#f0b53a;--color-blue:#5679b9;--color-lilac:#9a7ab8;--color-border:#ded6c8;--color-border-strong:#c7bba9;--color-danger:#a43b2c;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 14px 34px rgba(55,42,28,0.08);--shadow-md:0 24px 70px rgba(55,42,28,0.16)}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;overflow:hidden;position:relative}.site-shell:before{background:linear-gradient(180deg,rgba(255,253,248,.72),rgba(255,253,248,0)),repeating-linear-gradient(90deg,rgba(31,111,104,.035),rgba(31,111,104,.035) 1px,transparent 0,transparent 88px);content:"";height:520px;inset:0 0 auto;pointer-events:none;position:absolute;z-index:0}.home-hero-inner,.page-section,.site-header{margin:0 auto;max-width:1180px;position:relative;z-index:1}.site-header{gap:24px;justify-content:space-between;padding:18px 24px}.brand,.button-ghost,.button-primary,.button-secondary,.chip,.icon-button,.inline-actions,.metric-row,.nav-cta,.pill-row,.site-header,.site-header nav,.stage-row,.trust-strip,.word-button{align-items:center;display:flex}.brand{color:var(--color-ink);font-weight:850;gap:9px}.brand-mark{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:#fff;display:inline-flex;height:34px;justify-content:center;width:34px}.site-header nav{gap:8px;color:var(--color-muted);font-size:14px;font-weight:650}.site-header nav a:not(.nav-cta){border-radius:var(--radius-md);padding:10px 12px}.site-header nav a:not(.nav-cta):hover{background:rgba(31,111,104,.08);color:var(--color-primary)}.button-ghost,.button-primary,.button-secondary,.chip,.icon-button,.nav-cta{border-radius:var(--radius-md);min-height:44px}.button-primary,.nav-cta{background:var(--color-primary);color:#fff;font-weight:800;justify-content:center;padding:11px 16px}.button-ghost,.button-primary,.button-secondary,.chip,.icon-button,.word-button{border:1px solid transparent;cursor:pointer}.button-ghost,.button-primary,.button-secondary{display:inline-flex;gap:8px;justify-content:center}.button-primary:hover,.nav-cta:hover{background:var(--color-primary-strong)}.button-primary:disabled,.button-secondary:disabled{cursor:wait;opacity:.62}.button-secondary{background:rgba(255,253,248,.92);border-color:var(--color-border);color:var(--color-ink);font-weight:750;padding:10px 16px}.button-secondary:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.button-danger{border-color:rgba(164,59,44,.28);color:var(--color-danger)}.button-ghost{background:transparent;color:var(--color-primary);font-weight:800;padding:10px 0}.page-section{padding:54px 24px}.home-hero{min-height:720px;padding:28px 24px 52px;position:relative}.home-hero-inner{align-items:center;display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)}.account-grid>*,.hero-grid>*,.home-hero-inner>*,.preview-grid>*,.pricing-grid>*,.reader-grid>*,.two-col>*{min-width:0}.hero-copy{display:grid;grid-gap:18px;gap:18px}.hero-copy h1,.hero-title,.page-title{color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:64px;line-height:.98;margin:0;max-width:790px;overflow-wrap:break-word}.page-title{font-size:52px;line-height:1.04}.lead{font-size:19px;line-height:1.65;max-width:680px}.lead,.microcopy{color:var(--color-muted);margin:0}.microcopy{font-size:13px;line-height:1.5}.hero-proof{color:var(--color-text);display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;max-width:640px}.proof-item{border-left:2px solid rgba(31,111,104,.28);display:grid;grid-gap:4px;gap:4px;padding-left:12px}.proof-item strong{color:var(--color-ink);font-size:20px}.proof-item span{color:var(--color-muted);font-size:13px;line-height:1.35}.storybook-showcase{min-height:560px;position:relative}.book-stage{background:linear-gradient(135deg,rgba(31,111,104,.14),rgba(212,95,74,.08)),#fbf6ec;border:1px solid rgba(199,187,169,.8);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:grid;grid-gap:16px;gap:16px;max-width:100%;padding:18px;transform:rotate(-1.4deg)}.book-spread{background:var(--color-surface-strong);border:1px solid #eadfce;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);display:grid;grid-gap:1px;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.book-page{background:#fffaf0;display:grid;grid-gap:14px;gap:14px;min-height:430px;padding:20px}.book-page .story-art{min-height:280px}.book-page+.book-page{box-shadow:inset 10px 0 22px rgba(64,48,30,.08)}.book-copy{color:var(--color-text-child);font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.42;margin:0}.book-note{align-items:center;color:var(--color-muted);display:flex;font-size:13px;gap:8px;justify-content:space-between}.storybook-ribbon{background:var(--color-secondary);border-radius:var(--radius-md);bottom:36px;box-shadow:var(--shadow-sm);color:#fff;display:grid;grid-gap:2px;gap:2px;left:-14px;padding:12px 14px;position:absolute}.storybook-ribbon strong{font-size:15px}.storybook-ribbon span{font-size:12px;opacity:.88}.trust-strip{background:rgba(255,253,248,.76);border:1px solid rgba(222,214,200,.9);border-radius:var(--radius-md);flex-wrap:wrap;gap:12px 18px;padding:12px 14px}.metric-row,.stage-row,.trust-strip span{gap:8px}.metric-row,.trust-strip span{color:var(--color-text);font-size:14px}.error-copy{color:var(--color-danger);font-weight:750;line-height:1.45}.success-panel{background:rgba(31,111,104,.08);border:1px solid rgba(31,111,104,.2);border-radius:var(--radius-md);display:grid;grid-gap:12px;gap:12px;padding:14px}.notice-stack{background:rgba(86,121,185,.08);border:1px solid rgba(86,121,185,.2);border-radius:var(--radius-md);display:grid;grid-gap:10px;gap:10px;padding:12px}.progress-track{background:#e8dfd2;border-radius:999px;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:inherit;height:100%;transition:width .32s ease}.account-grid,.preview-grid,.pricing-grid,.two-col{display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(340px,.86fr)}.hero-grid{display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}.reader-spread,.story-spread{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.plan-card,.sample-card,.status-card,.story-page-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.story-page-card{display:grid;grid-gap:14px;gap:14px;min-height:420px;padding:16px}.reader-text,.story-page-card p{color:var(--color-text-child);font-family:Atkinson Hyperlegible,Lexend,Inter,ui-sans-serif,system-ui,sans-serif;font-size:23px;line-height:1.58;margin:0}.panel,.plan-card,.status-card{padding:24px}.panel-muted{background:rgba(255,253,248,.64);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.panel-muted p,.plan-card p,.status-card p{margin:0}.story-art{align-items:flex-end;aspect-ratio:1/1;border-radius:var(--radius-md);display:flex;height:auto;justify-content:center;min-height:260px;overflow:hidden;position:relative;width:100%}.story-art:after{background:linear-gradient(180deg,transparent,rgba(23,33,43,.08));content:"";inset:0;pointer-events:none;position:absolute}.story-art-teal{background:linear-gradient(180deg,#bfe7dc,#e8f6ed 62%,#d5ebc1)}.story-art-coral{background:linear-gradient(180deg,#ffd1bd,#fff0d6 60%,#d7e9bf)}.story-art-gold{background:linear-gradient(180deg,#ffe08a,#fff2c5 58%,#c9e1bb)}.story-art-mint{background:linear-gradient(180deg,#ccefcf,#f3f6d8 60%,#bad9ba)}.story-art-blue{background:linear-gradient(180deg,#c7d8f8,#eef2ff 62%,#d9d2f0)}.story-art-live{background:#eef4f2;min-height:260px}.story-art-live img{object-fit:cover}.moon{background:#fff7c4;border-radius:999px;box-shadow:0 0 34px rgba(255,247,196,.82);height:54px;right:28px;top:28px;width:54px}.hill,.moon{position:absolute}.hill{border-radius:999px 999px 0 0;bottom:-34px;height:120px;width:82%}.hill-one{background:rgba(31,111,104,.18);left:-40px}.hill-two{background:rgba(212,95,74,.14);right:-70px}.spark{background:var(--color-accent);border-radius:999px;box-shadow:0 0 14px rgba(240,181,58,.68);height:8px;position:absolute;width:8px}.spark-one{left:28px;top:40px}.spark-two{right:90px;top:105px}.spark-three{left:76px;top:140px}.hero-avatar{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.hero-avatar-sm{transform:scale(.72)}.hero-avatar-lg{transform:scale(1.22)}.hero-hair{background:#3f2b20;border-radius:42px 42px 18px 18px;height:58px;margin-bottom:-42px;width:76px;z-index:3}.hero-face{background:#b77455;border-radius:999px;height:72px;position:relative;width:72px;z-index:4}.hero-eye{background:var(--color-ink);border-radius:999px;height:7px;position:absolute;top:30px;width:7px}.hero-eye-left{left:22px}.hero-eye-right{right:22px}.hero-smile{border:2px solid transparent;border-bottom:2px solid var(--color-ink);border-radius:999px;bottom:20px;height:12px;left:25px;position:absolute;width:22px}.hero-shirt{background:var(--color-secondary);border-radius:24px 24px 0 0;height:62px;width:112px}.section-heading{color:var(--color-ink);font-size:28px;line-height:1.16;margin:0 0 14px}.section-intro{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.section-intro p{max-width:520px}.card-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.sample-card{display:grid;grid-gap:12px;gap:12px;padding:14px}.plan-card h2,.sample-card h2,.sample-card h3{color:var(--color-ink);margin:0}.sample-card .story-spread{gap:8px}.sample-card .story-page-card{box-shadow:none;min-height:250px;padding:10px}.sample-card .story-art{min-height:170px}.sample-card .story-page-card p{font-size:15px}.sample-card>p:not(.microcopy){line-height:1.5;margin:0}.inline-actions,.pill-row{flex-wrap:wrap;gap:10px}.chip{background:var(--color-surface-strong);border-color:var(--color-border);color:var(--color-text);gap:8px;padding:10px 12px}.chip:hover{border-color:var(--color-border-strong)}.chip-active{background:rgba(31,111,104,.11);border-color:var(--color-primary);color:var(--color-primary);font-weight:800}.account-list,.form-stack,.reader-controls,.stage-list{display:grid;grid-gap:14px;gap:14px}.field{color:var(--color-ink);display:grid;font-weight:700;grid-gap:8px;gap:8px}.checkbox-row{align-items:flex-start;color:var(--color-text);display:grid;grid-gap:10px;gap:10px;grid-template-columns:20px 1fr;line-height:1.45}.checkbox-row input{accent-color:var(--color-primary);height:18px;margin-top:2px;width:18px}.field input{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:50px;padding:10px 12px}.field input:focus{border-color:var(--color-primary);outline:3px solid rgba(31,111,104,.14)}.segmented{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.reader-shell{background:var(--color-background-child);min-height:100vh}.reader-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 320px}.reader-single{margin:0 auto;max-width:620px}.word-button{background:transparent;color:inherit;display:inline;min-height:auto;padding:2px 3px}.word-button:focus-visible,.word-button:hover{background:rgba(240,181,58,.35);outline:2px solid rgba(240,181,58,.5)}.word-popover{align-items:center;display:flex;gap:10px;margin-top:12px;padding:12px}.skeleton-page,.word-popover{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-md)}.skeleton-page{display:grid;grid-gap:12px;gap:12px;padding:18px}.skeleton-image,.skeleton-line{background:#e8dfd2;border-radius:var(--radius-sm)}.skeleton-image{height:180px}.skeleton-line{height:14px}.skeleton-line-short{width:64%}.badge{background:rgba(31,111,104,.1);border:1px solid rgba(31,111,104,.14);border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:13px;font-weight:800;padding:6px 10px;width:-moz-fit-content;width:fit-content}.price{color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1;margin:0}.list-clean{display:grid;grid-gap:8px;gap:8px;list-style:none;margin:0;padding:0}.list-clean li{color:var(--color-text);line-height:1.45}@media (max-width:980px){.home-hero{min-height:auto}.account-grid,.hero-grid,.home-hero-inner,.preview-grid,.pricing-grid,.reader-grid,.two-col{grid-template-columns:1fr}.storybook-showcase{min-height:auto}.hero-copy h1,.hero-title,.page-title{font-size:46px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{flex-wrap:wrap;width:100%}.home-hero,.page-section{padding-left:18px;padding-right:18px}.hero-copy h1,.hero-title,.page-title{font-size:38px}.lead{font-size:17px}.book-spread,.card-grid,.hero-proof,.reader-spread,.story-spread{grid-template-columns:1fr}.book-page{min-height:320px}.book-stage{transform:none}.section-intro{align-items:flex-start;flex-direction:column}.story-art,.story-art-live{min-height:220px}.segmented{grid-template-columns:1fr}}