.page-story{--sakura-pale:#c4728a1a;--sakura-mid:#c4728a33}.page-story .breadcrumb{color:var(--ink-light);background:var(--paper-warm);border-bottom:.5px solid var(--paper-mid);align-items:center;gap:6px;padding:12px 20px;font-size:12px;display:flex}.page-story .breadcrumb a{color:var(--ink-light)}.page-story .hero{background:var(--ink);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.page-story .hero-bg{background-image:url(https://content.app-sources.com/s/132438104089919211/thumbnails/640x480/Images/Man_and_grandson_202604271515-7270556.jpeg);background-position:50% 20%;background-size:cover;animation:24s ease-in-out infinite alternate stKb;position:absolute;inset:0}@keyframes stKb{0%{transform:scale(1)}to{transform:scale(1.06)}}.page-story .hero-ov{background:linear-gradient(90deg,#0d0d0beb 0%,#0d0d0b99 55%,#0d0d0b1a 100%);position:absolute;inset:0}.page-story .hero-content{z-index:2;width:100%;max-width:680px;padding:80px 24px;position:relative}.page-story .hero-badge{font-family:var(--cormorant);letter-spacing:.26em;color:var(--sakura);opacity:0;margin-bottom:16px;font-size:13px;animation:.8s .3s forwards stFu;display:block}.page-story .hero-tagline{color:#f5f1e8a6;letter-spacing:.03em;opacity:0;margin-bottom:16px;font-size:12px;font-weight:300;line-height:1.8;animation:.8s .4s forwards stFu}.page-story .hero-h1{font-family:var(--serif);letter-spacing:.03em;color:var(--paper);opacity:0;margin-bottom:18px;font-size:clamp(30px,6.5vw,56px);font-weight:400;line-height:1.5;animation:.9s .5s forwards stFu}.page-story .hero-h1 em{font-style:normal;font-weight:400;display:block}.page-story .hero-sub{color:#f5f1e8e0;opacity:0;margin-bottom:32px;font-size:clamp(14px,3.5vw,16px);font-weight:300;line-height:2.1;animation:.8s .7s forwards stFu}.page-story .hero-btns{opacity:0;flex-direction:column;gap:12px;animation:.8s .85s forwards stFu;display:flex}.page-story .hero-note{color:#f5f1e88c;opacity:0;margin-top:16px;font-size:13px;animation:.8s 1s forwards stFu}.page-story .btn-sakura{background:var(--sakura);color:var(--ink);letter-spacing:.04em;min-height:44px;font-size:17px;font-weight:600;font-family:var(--sans-ui);border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:17px 32px;display:flex;box-shadow:0 4px 20px #c4728a59}.page-story .btn-wh{color:#f5f1e8e0;border:1.5px solid #f5f1e866;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:15px 28px;font-size:16px;font-weight:300;display:flex}@keyframes stFu{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page-story .hero-petals{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-story .petal{background:var(--sakura);opacity:0;width:5px;height:5px;animation:stPf var(--d,14s) linear var(--dl,0s) infinite;border-radius:50%;position:absolute}@keyframes stPf{0%{opacity:0;transform:translateY(-10px)}10%{opacity:.2}90%{opacity:.08}to{opacity:0;transform:translate(var(--dx,10px), 100vh)}}.page-story .stream{z-index:3;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.page-story .stream-inner{background:linear-gradient(to right, transparent, var(--sakura) 25%, var(--gold) 50%, var(--sakura) 75%, transparent);opacity:.5;width:200%;height:100%;animation:8s linear infinite stSa}@keyframes stSa{0%{transform:translate(-50%)}to{transform:translate(0)}}.page-story .s{padding:72px 20px}.page-story .s-dk{background:var(--ink)}.page-story .s-pp{background:var(--paper)}.page-story .s-wm{background:var(--paper-warm)}.page-story .s-sk{background:linear-gradient(135deg, #c4728a0f 0%, var(--paper) 60%)}.page-story .ey{font-family:var(--cormorant);letter-spacing:.26em;text-transform:uppercase;color:var(--sakura);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.page-story .ey:before{content:"";background:var(--sakura);width:16px;height:.5px;display:block}.page-story .ey-dk{color:var(--ink-light)}.page-story .ey-dk:before{background:var(--ink-light)}.page-story .s-h{font-family:var(--serif);letter-spacing:.03em;color:var(--paper);margin-bottom:12px;font-size:clamp(24px,5.5vw,38px);font-weight:400;line-height:1.5}.page-story .s-h-dk{color:var(--ink)}.page-story .s-lead{color:#f5f1e8d1;margin-bottom:36px;font-size:16px;font-weight:300;line-height:2}.page-story .s-lead-dk{color:var(--ink-light)}.page-story .prob-block{background:var(--ink);text-align:center;padding:72px 20px}.page-story .prob-line{font-family:var(--serif);letter-spacing:.04em;color:#f5f1e8e0;opacity:0;margin-bottom:36px;font-size:clamp(18px,4.5vw,26px);font-weight:400;line-height:1.9;transition:opacity .8s,transform .8s;transform:translateY(14px)}.page-story .prob-line.on{opacity:1;transform:translateY(0)}.page-story .prob-line em{color:var(--sakura);font-style:normal}.page-story .prob-div{background:var(--sakura);opacity:.4;width:0;height:.5px;margin:0 auto 36px;transition:width 1.2s}.page-story .prob-div.on{width:48px}.page-story .flow-steps{flex-direction:column;gap:2px;margin-top:36px;display:flex}.page-story .flow-step{background:#f5f1e80a;border-left:2px solid #0000;align-items:flex-start;gap:16px;padding:24px 20px;transition:border-color .4s;display:flex}.page-story .flow-step.on{border-left-color:var(--sakura)}.page-story .flow-icon{border:1.5px solid var(--sakura);width:48px;height:48px;color:var(--sakura);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;display:flex}.page-story .flow-step-num{font-family:var(--cormorant);letter-spacing:.2em;color:var(--sakura);margin-bottom:4px;font-size:12px;display:block}.page-story .flow-name{font-family:var(--serif);color:var(--paper);margin-bottom:6px;font-size:19px;font-weight:400}.page-story .flow-desc{color:#f5f1e8bf;font-size:15px;font-weight:300;line-height:2}.page-story .flow-detail{color:#f5f1e873;margin-top:6px;font-size:13px;font-style:italic}.page-story .questions-wrap{margin-top:36px}.page-story .q-label{color:var(--ink-light);letter-spacing:.04em;margin-bottom:16px;font-size:14px;font-weight:300}.page-story .q-bubbles{flex-direction:column;gap:10px;display:flex}.page-story .q-bubble{border:.5px solid var(--paper-mid);color:var(--ink-mid);background:#fff;border-radius:18px 18px 18px 4px;padding:16px 20px;font-size:15px;font-weight:300;line-height:1.8;position:relative;box-shadow:0 2px 8px #1e1c1a0d}.page-story .q-bubble:before{content:"Q";background:var(--sakura);color:var(--paper);width:22px;height:22px;font-size:11px;font-weight:600;font-family:var(--cormorant);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:-10px}.page-story .q-note{color:var(--ink-light);border-left:2px solid var(--paper-mid);margin-top:14px;padding-left:12px;font-size:13px;font-weight:300}.page-story .plans-wrap{flex-direction:column;gap:3px;margin-top:36px;display:flex}.page-story .plan-card{background:var(--paper-warm);border-left:3px solid #0000;border-radius:4px;padding:28px 20px;position:relative}.page-story .plan-card.featured{border-left-color:var(--sakura);background:#fff;box-shadow:0 4px 20px #c4728a1a}.page-story .plan-ribbon{background:var(--sakura);color:var(--paper);letter-spacing:.1em;border-radius:0 0 8px 8px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:0;right:16px}.page-story .plan-tag{font-family:var(--cormorant);letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.page-story .plan-name{font-family:var(--serif);color:var(--ink);margin-bottom:6px;font-size:21px;font-weight:400;line-height:1.4}.page-story .plan-tagline{color:var(--ink-light);margin-bottom:16px;font-size:14px;font-weight:300;line-height:1.7}.page-story .plan-price{font-family:var(--cormorant);color:var(--ink);font-size:38px;font-weight:300;line-height:1}.page-story .plan-price-sub{color:var(--ink-light);margin-bottom:4px;font-size:13px;font-weight:300}.page-story .plan-monthly{font-family:var(--cormorant);color:var(--sakura);margin-bottom:16px;font-size:20px}.page-story .plan-divider{border:none;border-top:.5px solid var(--paper-mid);margin-bottom:16px}.page-story .plan-features{margin-bottom:20px;list-style:none}.page-story .plan-features li{color:var(--ink-mid);border-bottom:.5px solid #1e1c1a0f;gap:8px;padding:8px 0;font-size:15px;font-weight:300;line-height:1.6;display:flex}.page-story .plan-features li:before{content:"✦";color:var(--sakura);flex-shrink:0;margin-top:6px;font-size:9px}.page-story .plan-btn{text-align:center;letter-spacing:.04em;border-radius:100px;padding:15px;font-size:16px;font-weight:500;transition:all .2s;display:block}.page-story .plan-card.featured .plan-btn{background:var(--sakura);color:var(--paper);box-shadow:0 4px 16px #c4728a4d}.page-story .plan-card:not(.featured) .plan-btn{border:1.5px solid var(--ink-mid);color:var(--ink-mid)}.page-story .gift-wrap{flex-direction:column;gap:28px;margin-top:36px;display:flex}.page-story .gift-card{border:.5px solid #f5f1e81a;border-top:2px solid var(--sakura);background:#f5f1e80a;border-radius:0 0 4px 4px;padding:24px 20px}.page-story .gift-icon{color:var(--sakura);align-items:center;margin-bottom:12px;display:flex}.page-story .gift-title{font-family:var(--serif);color:var(--paper);margin-bottom:8px;font-size:19px;font-weight:400}.page-story .gift-body{color:#f5f1e8c7;font-size:15px;font-weight:300;line-height:2}.page-story .gift-scene{background:var(--sakura-pale);color:var(--sakura);letter-spacing:.06em;border:.5px solid #c4728a33;border-radius:100px;margin-top:12px;padding:4px 12px;font-size:12px;display:inline-block}.page-story .book-preview{flex-direction:column;gap:16px;margin-top:36px;display:flex}.page-story .book-cover{background:linear-gradient(135deg, var(--ink) 0%, #2a1f1a 100%);border-radius:4px;padding:32px 24px;position:relative;overflow:hidden}.page-story .book-cover-deco{background:#c4728a14;border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;right:-20px}.page-story .book-cover-title{font-family:var(--serif);color:#f5f1e8eb;margin-bottom:8px;font-size:22px;font-weight:400;line-height:1.6}.page-story .book-cover-sub{color:#f5f1e873;font-size:13px;font-weight:300;line-height:1.8}.page-story .book-cover-badge{background:var(--sakura);color:var(--paper);letter-spacing:.08em;border-radius:100px;margin-top:14px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.page-story .book-info-grid{background:var(--paper-mid);grid-template-columns:1fr 1fr;gap:2px;display:grid}.page-story .book-info-item{background:var(--paper-warm);padding:16px 14px}.page-story .book-info-label{color:var(--ink-light);letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:300;display:block}.page-story .book-info-val{font-family:var(--serif);color:var(--ink);font-size:16px;font-weight:400}.page-story .upgrade-box{background:linear-gradient(135deg, #c9a84c14 0%, var(--paper) 100%);border:.5px solid #c9a84c40;border-radius:4px;margin-top:28px;padding:24px 20px}.page-story .upgrade-label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:8px;font-size:11px;display:block}.page-story .upgrade-title{font-family:var(--serif);color:var(--ink);margin-bottom:8px;font-size:19px;font-weight:400}.page-story .upgrade-body{color:var(--ink-light);margin-bottom:16px;font-size:15px;font-weight:300;line-height:2}.page-story .upgrade-price{font-family:var(--cormorant);color:var(--gold-dim);font-size:26px;font-weight:300}.page-story .voice-list{flex-direction:column;gap:16px;margin-top:36px;display:flex}.page-story .voice-card{border:.5px solid #f5f1e814;border-left:3px solid var(--sakura);background:#f5f1e80a;border-radius:0 4px 4px 0;padding:24px 20px}.page-story .voice-tag{background:var(--sakura-pale);color:var(--sakura);letter-spacing:.06em;border-radius:100px;margin-bottom:14px;padding:3px 10px;font-size:12px;display:inline-block}.page-story .voice-q{font-family:var(--serif);color:#f5f1e8e6;margin-bottom:16px;padding-top:18px;font-size:16px;font-weight:300;line-height:1.9;position:relative}.page-story .voice-q:before{content:"「";color:var(--sakura);opacity:.55;font-size:24px;font-family:var(--serif);line-height:1;position:absolute;top:0;left:0}.page-story .voice-who strong{color:#f5f1e8c7;margin-bottom:3px;font-size:14px;font-weight:400;display:block}.page-story .voice-who span{color:#f5f1e86b;font-size:12px}.page-story .cta-final{background:var(--ink);text-align:center;padding:80px 20px;position:relative;overflow:hidden}.page-story .cta-petals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-story .cta-petal{background:var(--sakura);opacity:0;width:4px;height:4px;animation:stPf var(--d,14s) linear var(--dl,0s) infinite;border-radius:50%;position:absolute}.page-story .cta-inner{z-index:1;position:relative}.page-story .cta-ey{font-family:var(--cormorant);letter-spacing:.26em;color:var(--sakura);justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.page-story .cta-ey:before,.page-story .cta-ey:after{content:"";background:var(--sakura);width:14px;height:.5px;display:block}.page-story .cta-h{font-family:var(--serif);letter-spacing:.03em;color:var(--paper);margin-bottom:14px;font-size:clamp(28px,6vw,44px);font-weight:400;line-height:1.5}.page-story .cta-sub{color:#f5f1e8d1;margin-bottom:36px;font-size:16px;font-weight:300;line-height:2.2}.page-story .cta-btns{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.page-story .cta-note{color:#f5f1e88c;font-size:13px;line-height:2}.page-story .btn-try{color:var(--sakura);border:1.5px solid var(--sakura);background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:15px 28px;font-size:16px;font-weight:400;display:flex}@media (min-width:768px){.page-story .hero-content{padding:100px 80px}.page-story .hero-btns{flex-direction:row}.page-story .btn-sakura,.page-story .btn-wh{width:auto;padding:17px 40px}.page-story .s,.page-story .prob-block{padding:96px 56px}.page-story .flow-steps{grid-template-columns:1fr 1fr;gap:2px;display:grid}.page-story .plans-wrap{grid-template-columns:1fr 1fr;gap:3px;display:grid}.page-story .gift-wrap{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.page-story .book-preview{grid-template-columns:1fr 2fr;align-items:start;gap:20px;display:grid}.page-story .book-info-grid{grid-template-columns:repeat(4,1fr)}.page-story .voice-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.page-story .cta-btns{flex-direction:row;justify-content:center}}
