.storybook-landing{--landing-ink: #422e29;--landing-purple: #674182;--landing-paper: #faf5e9;color:var(--landing-ink);background:var(--landing-paper);font:16px/1.65 Trebuchet MS,sans-serif}.storybook-landing a,.storybook-landing button,.storybook-landing summary{cursor:pointer}.storybook-landing a:focus-visible,.storybook-landing button:focus-visible,.storybook-landing summary:focus-visible{outline:3px solid #406e97;outline-offset:6px}.storybook-landing h1,.storybook-landing h2,.storybook-landing h3,.landing-brand{font-family:Georgia,Times New Roman,serif;font-weight:400}.storybook-landing em{color:var(--landing-purple);font-weight:400}.landing-skip{position:absolute;left:20px;top:-80px;z-index:10;padding:12px;background:#fff}.landing-skip:focus{top:12px}.landing-header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d9cdb9}.landing-brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;white-space:nowrap}.landing-brand img{object-fit:contain}.landing-header nav{display:flex;gap:36px;font-size:14px}.landing-header nav a:hover,.landing-footer a:hover{color:var(--landing-purple);text-decoration:underline}.landing-login{font-size:14px;border:1px solid #b8a7bd;border-radius:6px;padding:8px 22px}.landing-login span{margin-left:16px}.landing-hero{min-height:830px;position:relative;padding:70px 24px 265px;text-align:center;background:#b8e0ec url(/themes/storybook/meadow.webp) center bottom / cover no-repeat}.landing-hero-copy{position:relative;max-width:760px;margin:auto}.landing-eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:700}.landing-hero h1{font-size:clamp(44px,5.1vw,74px);line-height:1.08;letter-spacing:-2.7px;margin:22px 0}.landing-hero-copy>p:not(.landing-eyebrow):not(.landing-hero-note){max-width:490px;margin:auto;font-size:17px;line-height:1.75}.landing-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px}.landing-button{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:var(--landing-purple);color:#fff9ed!important;border:1px solid #543467;border-radius:7px;padding:13px 23px;font-size:14px;font-weight:700;box-shadow:0 3px #452957;transition:transform .15s,background .15s}.landing-button:hover{background:#543467;transform:translateY(-2px)}.landing-text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.landing-text-link span{margin-left:12px}.landing-hero-note{font-size:12px;margin-top:18px}.landing-quest{position:absolute;bottom:57px;left:50%;width:388px;max-width:calc(100% - 40px);transform:translate(-50%) rotate(-3deg);background:linear-gradient(120deg,#fffdf4,#f4e9d6);border:1px solid #d5c4a3;border-radius:9px;padding:20px 23px 15px;text-align:left;box-shadow:0 5px #e4d4b8,0 16px 30px #25392540}.landing-quest-top{display:flex;justify-content:space-between;color:#765777;font-size:10px;font-weight:700;letter-spacing:1.7px}.landing-demo-task{display:flex;gap:12px;align-items:center;text-align:left;width:100%;background:none;color:var(--landing-ink);padding:16px 0;font-family:inherit}.landing-demo-task strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.landing-demo-task small{display:block;margin-top:4px;font-size:11px}.landing-checkbox{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #a79376;border-radius:5px;color:#fff}.is-complete .landing-checkbox{background:#546f45}.is-complete strong{text-decoration:line-through}.landing-quest-bottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #ded0b9;padding-top:10px;font-size:10px}.landing-quest-bottom strong{color:#79521d}.landing-demo-label{display:block;text-align:center;font-size:9px;margin-top:9px;color:#72624c}.landing-ribbon{display:flex;justify-content:center;align-items:center;gap:58px;padding:21px;border-bottom:1px solid #dfd4c2;font:17px Georgia,serif}.landing-ribbon i{color:#947740}.landing-section{max-width:1170px;margin:auto;padding:90px 32px;text-align:center;scroll-margin-top:30px}.storybook-landing h2{font-size:clamp(34px,3.4vw,47px);line-height:1.18;letter-spacing:-1.4px;margin:16px 0}.landing-section-intro{color:#756255;font-size:15px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:50px}.landing-features article img{display:block;object-fit:contain;margin:0 auto 20px}.landing-step{display:block;font-size:10px;letter-spacing:2px;color:#856747}.landing-features h3{font-size:25px;margin:10px 0 12px}.landing-features p{color:#756255;font-size:14px}.landing-world{display:grid;grid-template-columns:1.1fr 1fr;max-width:1130px;margin:10px auto 40px;border:1px solid #d9cab5;border-radius:12px;overflow:hidden;background:#f0e8da}.landing-world-art{min-height:405px;background:#b8e0ec url(/themes/storybook/river.webp) center / cover;display:flex;align-items:end;justify-content:center;padding:28px}.landing-world-art span{background:#fff9ebed;padding:9px 19px;border-radius:4px;font:italic 17px Georgia,serif;text-align:center}.landing-world-copy{padding:58px 44px}.landing-world-copy>p:not(.landing-eyebrow){font-size:14px;color:#756255;margin-bottom:25px}.landing-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;text-align:left}.landing-faq details{border-bottom:1px solid #d9cab5;padding:18px 0}.landing-faq summary{font-size:16px}.landing-faq details p{font-size:14px;color:#756255;padding:12px 0 0}.landing-closing{text-align:center;padding:65px 24px 75px;background:#e9e0ef;border-top:1px solid #d8cae0}.landing-closing>span{font-size:38px;color:#846096}.landing-closing h2{margin-bottom:28px}.landing-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 6%;font-size:12px;color:#756255}.landing-footer .landing-brand{font-size:21px;color:var(--landing-ink)}.landing-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.public-info{min-height:100vh}.public-info-content{max-width:1050px;margin:auto;padding:48px 26px 72px}.public-info-content h1{font-size:clamp(36px,5vw,56px);line-height:1.2}.public-info-content h2{font-size:28px;letter-spacing:0;margin-top:32px}.public-info-content p{max-width:78ch}.public-info-content a:not(.landing-button){text-decoration:underline}.public-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin:32px 0}.public-plan-grid section{padding:26px;border:1px solid #d9cab5;border-radius:12px;background:#fff9ef}.public-plan-grid section h2{margin-top:0}.public-plan-grid ul{list-style:disc;padding-left:22px;margin:22px 0}.public-plan-grid button{background:#f0e8da;color:var(--landing-ink);border:1px solid #b8a7bd;border-radius:6px;padding:8px 16px;font:inherit}.premium-price{font-size:22px}@media(min-width:1700px){.landing-hero{background-size:100% auto}}@media(max-width:760px){.landing-header{padding:0 22px;height:74px}.landing-header nav{display:none}.landing-brand{font-size:23px}.landing-login{padding:6px 14px}.landing-login span{display:none}.landing-hero{min-height:790px;padding-top:55px;background-position:58% bottom}.landing-hero h1{letter-spacing:-1.6px}.landing-hero-copy>p:not(.landing-eyebrow):not(.landing-hero-note){font-size:15px;max-width:420px}.landing-eyebrow{font-size:9px;letter-spacing:1.6px}.landing-actions{flex-direction:column;gap:18px}.landing-ribbon{gap:15px;font-size:12px;padding:19px 12px}.landing-section{padding:60px 26px}.landing-features{grid-template-columns:1fr;gap:35px}.landing-features article{max-width:360px;margin:auto}.landing-world{grid-template-columns:1fr;margin:0 22px}.landing-world-art{min-height:280px}.landing-world-copy{padding:35px 28px}.landing-faq{grid-template-columns:1fr;gap:12px}.landing-footer{flex-direction:column;text-align:center;gap:12px}}@media(prefers-reduced-motion:reduce){.landing-button{transition:none}}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{border:0;font:inherit}
