@font-face{font-family:Onest;src:url(fonts/Onest-Variable.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url(fonts/Lora-Variable.woff2) format('woff2');font-weight:400 700;font-display:swap}
:root{--bg:#fff9f4;--surface:#fffdfb;--surface-soft:#fff3ea;--ink:#252221;--muted:#746965;--coral:#ff8a6b;--coral-hover:#ef7658;--coral-soft:#ffe3d9;--lav:#9386e8;--lav-soft:#eeebff;--yellow:#ffd978;--border:#eaded5;--error:#b34231;--shadow:0 8px 30px rgba(79,55,42,.08);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font:400 16px/1.5 Onest,Arial,sans-serif}img{max-width:100%;height:auto}button,input,textarea{font:inherit}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}.app-header{width:min(var(--max),calc(100% - 48px));height:96px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center}.logo img{display:block;width:145px}.header-nav{display:flex;align-items:center;gap:28px}.header-nav>a:not(.btn),.header-back{text-decoration:none;font-weight:500}.header-nav>a:not(.btn):hover,.header-back:hover{text-decoration:underline}.btn{min-height:54px;padding:13px 26px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;text-align:center;font-weight:600;cursor:pointer;transition:transform .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--coral);color:var(--ink)}.btn-primary:hover{background:var(--coral-hover)}.btn-secondary{background:var(--surface);border:1px solid var(--border)}.btn-compact{min-height:44px;padding:9px 20px}.btn-text{display:inline-block;margin-top:20px;color:var(--muted);text-underline-offset:3px}.eyebrow{margin:0 0 12px;color:var(--coral);font-size:13px;font-weight:700;letter-spacing:.07em}.hint,.field small{color:var(--muted);font-size:14px}.landing,.page-shell{width:min(var(--max),calc(100% - 48px));margin:auto}.landing-hero{min-height:650px;padding:60px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px}.hero-copy{min-width:0}.landing-hero h1{margin:0 0 24px;font-size:clamp(44px,5vw,66px);line-height:1.12;letter-spacing:-.025em}.landing-hero em{display:block;color:var(--lav);font:500 .65em/1.25 Lora,serif;letter-spacing:0;margin-top:10px}.lead{max-width:560px;margin:0 0 28px;font-size:20px}.hero-art{width:100%;max-height:560px;object-fit:contain}.landing-section{padding:72px 0}.landing-section>h2,.final-cta h2{max-width:800px;margin:0 0 36px;font-size:clamp(30px,3.2vw,43px);line-height:1.2;letter-spacing:-.015em}.use-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.use-cards article{min-height:220px;padding:30px;background:var(--surface);border:1px solid var(--border);border-top:10px solid var(--coral);border-radius:26px;box-shadow:var(--shadow)}.use-cards article:nth-child(2){border-top-color:var(--lav)}.use-cards article:nth-child(3){border-top-color:var(--yellow)}.use-cards b{font-size:25px}.use-cards p{color:var(--muted)}.how{list-style:none;margin:0;padding:0}.how li{display:grid;grid-template-columns:58px 270px 1fr;align-items:baseline;gap:18px;padding:25px 8px;border-bottom:1px solid var(--border)}.how li>span{color:var(--coral);font-weight:700}.how li>b{font-size:21px}.how li>p{margin:0;color:var(--muted)}.final-cta{margin:70px 0 90px;padding:42px;background:var(--lav);color:#fff;border-radius:34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2{margin:0}.final-cta p{margin-bottom:0}.footer{width:min(var(--max),calc(100% - 48px));margin:auto;padding:36px 0 44px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.footer nav{display:flex;flex-wrap:wrap;gap:18px}.footer a{text-underline-offset:3px}.page-heading{max-width:760px;padding:60px 0 44px}.page-heading h1{margin:0 0 16px;font-size:clamp(38px,5vw,58px);line-height:1.12}.page-heading>p:last-child{font-size:19px;color:var(--muted)}.page-heading.centered{margin:auto;text-align:center;padding-bottom:24px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:80px}.scenario-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:26px;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s ease}.scenario-card:hover{transform:translateY(-4px)}.scenario-art{height:240px;padding:22px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center}.scenario-art img{width:100%;height:100%;object-fit:contain}.scenario-copy{padding:24px}.scenario-copy h2{margin:0 0 7px;font-size:24px}.scenario-copy p{margin:0;color:var(--muted)}.flow-progress{max-width:760px;margin:20px auto 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow-progress span{padding:12px 8px;border-bottom:3px solid var(--border);color:var(--muted);font-size:13px;text-align:center}.flow-progress .active{border-color:var(--coral);color:var(--ink);font-weight:700}.creator-layout{max-width:1080px;margin:0 auto 80px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:32px;align-items:start}.scenario-aside{position:sticky;top:24px;padding:28px;background:var(--surface-soft);border-radius:28px}.scenario-aside img{width:100%;height:250px;object-fit:contain}.scenario-aside h2{margin:0;font-size:30px}.scenario-aside>p:last-child{color:var(--muted)}.form-card{padding:38px;background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.form-card h1{margin:0;font-size:36px}.form-intro{margin:8px 0 30px;color:var(--muted)}.field{display:block;margin-bottom:22px}.field>span,.field legend{display:block;margin-bottom:8px;font-weight:600}.field i{font-style:normal;font-weight:400;color:var(--muted);font-size:13px}.field input,.field textarea{width:100%;min-height:54px;padding:14px 16px;border:1px solid var(--border);border-radius:15px;background:#fff;color:var(--ink);font-size:16px;outline:none}.field textarea{resize:vertical;min-height:112px}.field input:focus,.field textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.tone-field{padding:0;border:0}.tone-pills{display:flex;flex-wrap:wrap;gap:9px}.tone-pill{min-height:44px;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.tone-pill.active{border-color:var(--coral);background:var(--coral-soft);font-weight:600}.checkbox{display:flex;align-items:flex-start;gap:11px;margin:8px 0}.checkbox input{width:20px;height:20px;margin-top:2px;accent-color:var(--coral)}.field-error{display:none!important;color:var(--error)!important}.field-error.visible{display:block!important}.field-invalid{border-color:var(--error)!important}.submit-btn{width:100%;margin-top:20px}.preview-page{max-width:780px;padding-bottom:80px}.preview-device{width:390px;max-width:100%;margin:0 auto 28px;overflow:hidden;background:var(--bg);border:10px solid var(--ink);border-radius:38px;box-shadow:var(--shadow)}.preview-device .recipient-experience{min-height:auto;padding-bottom:25px}.preview-device .message-stack{padding-top:40px}.preview-device .message-card{min-height:300px}.preview-device .answer-button{pointer-events:none}.publish-btn{display:flex;margin:0 auto}.published-page{max-width:820px;padding-bottom:80px}.success-card{text-align:center;padding:20px 48px 52px;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow)}.success-card>img{width:270px;max-height:230px;object-fit:contain}.success-card h1{margin:0 auto 15px;max-width:620px;font:500 clamp(32px,5vw,48px)/1.18 Lora,serif}.success-card>p:not(.eyebrow):not(.copy-toast){max-width:570px;margin:0 auto 28px;color:var(--muted)}.link-box{padding:14px;background:var(--surface-soft);border-radius:20px;display:flex;align-items:center;gap:12px}.link-box>a{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.copy-toast{margin:14px 0;color:#3c7653}.share-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:18px}.recipient-page{min-height:100vh}.recipient-experience{width:min(600px,100%);min-height:100vh;margin:auto;padding:26px 24px 38px}.recipient-top{display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:700}.recipient-top span+span{color:var(--coral);font-size:13px;font-weight:500}.message-stack{position:relative;padding:78px 12px 38px}.message-stack:before{content:"";position:absolute;inset:91px 24px 27px;background:var(--yellow);border-radius:34px;transform:rotate(2deg)}.message-card{position:relative;min-height:360px;padding:58px 28px 32px;background:var(--surface);border:1px solid var(--border);border-radius:34px;box-shadow:var(--shadow);transform:rotate(-1deg)}.message-stamp{position:absolute;top:17px;right:20px;width:50px;height:50px;object-fit:contain}.message-to{margin:0 62px 22px 0;color:var(--coral);font-weight:600}.message-title{margin:0;font:500 clamp(29px,7vw,42px)/1.18 Lora,serif}.message-note{margin:30px 0 0;color:var(--muted);white-space:pre-wrap}.answer-prompt{margin:0 0 18px;font-size:14px}.recipient-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-button{min-height:52px;padding:10px 14px;border:0;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:600;cursor:pointer}.answer-0{grid-column:1/-1;min-height:56px;background:var(--coral);font-size:16px}.answer-1{background:var(--lav);color:#fff}.quest-outcome{width:min(460px,calc(100% - 48px));margin:60px auto;text-align:center}.quest-outcome img{width:280px;max-height:260px;object-fit:contain}.quest-outcome h1{font:500 36px/1.2 Lora,serif}.quest-outcome p{color:var(--muted)}.quest-outcome .btn{width:100%}.legal{max-width:820px;margin:20px auto 70px;padding:42px;background:var(--surface);border:1px solid var(--border);border-radius:26px}.legal h1{font-size:38px}.legal h2{margin-top:35px}.legal p,.legal li{color:#554d49}.legal li+li{margin-top:8px}.theme-toggle,.logo-copy,.bg-mesh,.bg-grain{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media(max-width:900px){.landing-hero{min-height:auto;grid-template-columns:1fr;gap:24px;padding:42px 0 72px}.hero-copy{max-width:720px}.hero-art{max-height:480px}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-layout{grid-template-columns:280px minmax(0,1fr)}.scenario-aside img{height:190px}.share-actions{grid-template-columns:1fr 1fr}.share-actions>a:first-child{grid-column:1/-1}}
@media(max-width:640px){.app-header{height:76px;width:calc(100% - 40px)}.logo img{width:120px}.header-nav>a:not(.btn){display:none}.header-back{font-size:14px}.landing,.page-shell,.footer{width:calc(100% - 40px)}.landing-hero h1{font-size:clamp(38px,11vw,48px)}.landing-hero em{font-size:.72em}.lead{font-size:17px}.use-cards,.scenario-grid{grid-template-columns:1fr}.landing-section{padding:45px 0}.how li{grid-template-columns:46px 1fr;gap:5px 10px}.how li>span{grid-row:1/3}.how li>p{grid-column:2}.final-cta{margin:45px 0 65px;padding:28px;flex-direction:column;align-items:flex-start}.final-cta .btn{width:100%}.footer{padding:28px 0;flex-direction:column}.page-heading{padding:40px 0 28px}.page-heading>p:last-child{font-size:17px}.scenario-grid{gap:16px;padding-bottom:55px}.scenario-art{height:220px}.flow-progress{margin-top:5px}.flow-progress span{font-size:11px;padding-inline:2px}.creator-layout{display:block;margin-bottom:55px}.scenario-aside{position:static;margin-bottom:18px;padding:18px;display:grid;grid-template-columns:92px 1fr;gap:0 16px;align-items:center}.scenario-aside img{grid-row:1/4;width:92px;height:92px}.scenario-aside .eyebrow{margin:0}.scenario-aside h2{font-size:24px}.scenario-aside>p:last-child{margin:0}.form-card{padding:25px 20px;border-radius:22px}.form-card h1{font-size:31px}.success-card{padding:15px 20px 38px}.link-box{align-items:stretch;flex-direction:column}.link-box>a{text-align:center;white-space:normal;word-break:break-all}.share-actions{grid-template-columns:1fr}.share-actions>a:first-child{grid-column:auto}.recipient-experience{padding:24px}.message-stack{padding:58px 5px 30px}.message-stack:before{inset:70px 15px 20px}.message-card{min-height:0;padding:54px 23px 28px}.recipient-options{grid-template-columns:1fr}.answer-0{grid-column:auto}.preview-device{border-width:6px;border-radius:28px}.preview-device .recipient-experience{padding:18px}.legal{margin:10px auto 50px;padding:24px 20px}.legal h1{font-size:32px}}
@media(max-width:370px){.app-header,.landing,.page-shell,.footer{width:calc(100% - 32px)}.btn{padding-inline:20px}.scenario-aside{grid-template-columns:72px 1fr}.scenario-aside img{width:72px;height:72px}.message-title{font-size:28px}.tone-pills{gap:7px}.tone-pill{padding-inline:12px}}
.playful-zone{position:relative;height:72px;margin-top:14px;overflow:hidden}.playful-escape{position:absolute;left:0;top:0;min-height:44px;padding:9px 16px;border:1px dashed var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:transform .16s ease}.playful-escape:disabled{cursor:default;opacity:.72}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.playful-escape{position:static;transform:none!important}.playful-zone{height:auto}}
.management-card{max-width:820px;margin:28px auto;padding:38px;background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.management-card h1,.management-card h2{margin-top:0}.management-warning{margin-top:22px!important;color:var(--ink)!important;font-weight:600}.result-meta{display:grid;grid-template-columns:150px 1fr;gap:10px 18px;padding:20px 0;border-block:1px solid var(--border)}.result-meta dt{color:var(--muted)}.result-meta dd{margin:0;font-weight:600}.answer-list{padding-left:24px}.answer-list li+li{margin-top:14px}.management-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.management-actions .btn-text{margin-top:0;border:1px solid var(--border);padding:9px 20px;border-radius:999px;background:var(--surface)}
.payment-result-page{max-width:720px;padding-bottom:90px}.payment-result-card{padding:40px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow)}.payment-result-card>img{width:230px;max-height:200px;object-fit:contain}.payment-result-card h1{margin:0 0 16px;font:500 clamp(32px,5vw,48px)/1.18 Lora,serif}.payment-result-card>p:not(.eyebrow){max-width:490px;margin:0 auto 28px;color:var(--muted)}@media(max-width:640px){.payment-result-card{padding:28px 20px}}
.activation-page,.checkout-page{max-width:720px;padding-bottom:80px}.activation-card,.checkout-card{padding:48px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow)}.activation-card h1,.checkout-card h1{margin:0 0 16px;font:500 clamp(32px,5vw,48px)/1.18 Lora,serif}.activation-card>p:not(.eyebrow):not(.activation-note),.checkout-card>p{max-width:500px;margin:0 auto 28px;color:var(--muted)}.activation-note{margin:12px 0 0;color:var(--muted);font-size:14px}.checkout-card{text-align:left}.checkout-line{display:flex;justify-content:space-between;gap:20px;margin:28px 0;padding:18px 0;border-block:1px solid var(--border);font-size:18px}.checkout-card small{display:block;color:var(--muted);line-height:1.5}.viral-copy{margin-top:28px!important;color:var(--ink)!important;font-weight:600}@media(max-width:640px){.activation-card,.checkout-card{padding:32px 20px}}