/* Visual, comprehensible subscription experience shared by pricing and guarantee. */
:root{--cx-gold:#f4cb5b;--cx-green:#79dfa2;--cx-surface:#101216;--cx-muted:#c3c5ca}
.conversion-hero{position:relative;overflow:hidden;margin:12px 0 16px;padding:19px 17px;border:1px solid #71581d;border-radius:20px;background:linear-gradient(100deg,rgba(14,12,8,.97) 35%,rgba(13,11,8,.91) 67%,rgba(13,11,8,.65)),url('tsunagu-login-hands-bg.jpg') right center/cover no-repeat}
.conversion-hero .cx-label,.story-hero .cx-label{display:inline-block;padding:5px 9px;border:1px solid #7e6527;border-radius:999px;color:#f4cf6c;font-size:10px;font-weight:900}
.conversion-hero h1{margin:10px 0 7px;font-size:clamp(23px,6vw,34px);line-height:1.35;letter-spacing:-.035em}
.conversion-hero h1 strong,.story-hero h1 strong{color:var(--cx-gold)}
.conversion-hero p{max-width:380px;margin:0;color:#e0dfdc;font-size:13px;line-height:1.8}
.conversion-hero .trust-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.conversion-hero .trust-points span{padding:5px 8px;border-radius:7px;background:#232017;color:#f0e7cf;font-size:10px}
.conversion-featured{display:grid;grid-template-columns:1fr auto;align-items:center;gap:11px;margin:0 0 15px;padding:14px;border:1px solid #b18b31;border-radius:15px;background:linear-gradient(125deg,#241a09,#121212)}
.conversion-featured .cx-overline{display:block;color:#f0cf70;font-size:10px;font-weight:900}
.conversion-featured h2{margin:4px 0;font-size:19px}.conversion-featured p{margin:0;color:#d2d0c8;font-size:11px;line-height:1.6}
.conversion-featured .cx-price{color:#f1cc68;font-size:24px;font-weight:950;white-space:nowrap}.conversion-featured .cx-price small{font-size:11px}
.conversion-featured .cx-start{grid-column:1/-1;min-height:51px;margin-top:0;border:0;border-radius:12px;background:#f1c858;color:#181306;font-size:15px;font-weight:900}
.proof-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 16px}
.proof-ribbon div{min-height:60px;padding:9px 4px;border:1px solid #3b3933;border-radius:10px;background:#111112;text-align:center}
.proof-ribbon b,.proof-ribbon small{display:block}.proof-ribbon b{color:#f0ca63;font-size:12px}.proof-ribbon small{margin-top:4px;color:#d1d1d3;font-size:10px}
.plan-visual-section{margin:22px 0 12px}.plan-visual-section>h2{margin:0 0 6px;font-size:22px}.plan-visual-section>p{margin:0;color:#c6c7cd;font-size:13px;line-height:1.65}
.plan-mini-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.plan-mini-flow article{position:relative;min-height:139px;padding:9px 7px;border:1px solid #3d3930;border-radius:12px;background:#101114}
.plan-mini-flow article>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#382b10;color:#f1ca58;font-size:14px;font-style:normal;font-weight:900}
.plan-mini-flow article>b{display:block;margin-top:9px;font-size:12px;line-height:1.45}
.plan-mini-flow article>small{display:block;margin-top:5px;color:#c5c6ca;font-size:10px;line-height:1.55}
.mini-spark{height:32px;margin-top:7px;border-radius:7px;background:linear-gradient(115deg,#201704,#131414);display:flex;align-items:center;justify-content:center;color:#f0ca59;font-size:11px;font-weight:900}
.pricing-divider{display:flex;align-items:center;justify-content:space-between;margin:23px 0 1px}.pricing-divider h2{margin:0;font-size:20px}.pricing-divider small{color:#c5c5c9;font-size:11px}
.guarantee-formula-mini{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;margin-top:12px}
.guarantee-formula-mini>div{padding:8px 4px;border-radius:8px;background:#17191d;text-align:center}
.guarantee-formula-mini small,.guarantee-formula-mini b{display:block}.guarantee-formula-mini small{color:#c7c8cb;font-size:9px}.guarantee-formula-mini b{margin-top:4px;font-size:13px;white-space:nowrap}.guarantee-formula-mini .is-refund b{color:#84e4ab}.guarantee-formula-mini>i{color:#f1cb60;font-size:15px;font-style:normal}
.sticky-plan-join{position:fixed;z-index:35;right:0;bottom:calc(87px + env(safe-area-inset-bottom,0px));left:0;padding:8px 13px;background:linear-gradient(transparent,#08090bf5 22%);pointer-events:none}
.sticky-plan-join>button,.sticky-plan-join>a{max-width:640px;width:100%;min-height:54px;margin:0 auto;border:0;border-radius:13px;background:linear-gradient(100deg,#e3b742,#ffdc80);color:#191304;font-size:14px;font-weight:950;text-align:center;display:grid;place-items:center;pointer-events:auto}
body.tsg-conversion-page main{padding-bottom:165px}.sticky-plan-join small{color:#312714;font-size:10px}
.story-header{position:sticky;top:0;z-index:20;padding:13px 15px;background:#08090bf5;border-bottom:1px solid #363019;backdrop-filter:blur(10px)}
.story-header .top{max-width:670px;margin:auto;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;text-align:center}.story-header .back{color:#f0cb63;font-size:29px;text-align:left}.story-header .title{font-size:16px;font-weight:900}
.story-wrap{max-width:670px;margin:auto;padding:16px 13px 123px}
.story-hero{position:relative;overflow:hidden;padding:20px 16px;border:1px solid #765b1b;border-radius:18px;background:linear-gradient(105deg,rgba(15,12,7,.98),rgba(12,10,7,.92) 65%,rgba(12,10,7,.64)),url('tsunagu-login-hands-bg.jpg') right center/cover no-repeat}
.story-hero h1{margin:12px 0 8px;font-size:clamp(25px,7vw,37px);line-height:1.32;letter-spacing:-.05em}.story-hero p{margin:0;color:#deddd9;font-size:13px;line-height:1.8}
.story-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:5px;margin-top:15px}
.story-formula div{padding:10px 5px;border:1px solid #403a2c;border-radius:9px;background:#171411;text-align:center}.story-formula small,.story-formula b{display:block}.story-formula small{color:#d7d4cc;font-size:9px}.story-formula b{margin-top:5px;font-size:12px}.story-formula .refund b{color:#82e7ad}.story-formula>i{color:#f1ca60;font-size:17px;font-style:normal}
.journey-head{margin:27px 2px 12px}.journey-head h2{margin:0 0 5px;font-size:22px}.journey-head p{margin:0;color:#c8c9ce;font-size:12px;line-height:1.7}
.journey-card{position:relative;display:grid;grid-template-columns:112px 1fr;gap:13px;margin-bottom:12px;padding:13px;border:1px solid #33363d;border-radius:17px;background:linear-gradient(155deg,#141519,#0e1013)}
.journey-card:after{content:'↓';position:absolute;right:18px;bottom:-13px;z-index:1;color:#efc75c;font-size:17px;font-weight:900}.journey-card:last-child:after{display:none}
.journey-copy{display:flex;flex-direction:column;justify-content:center}.journey-copy .journey-step{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;color:#f0cb65;font-size:10px;font-weight:900}.journey-copy .journey-step i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#362a10;font-style:normal}.journey-copy h3{margin:8px 0 5px;font-size:17px;line-height:1.4}.journey-copy p{margin:0;color:#d0d1d6;font-size:11px;line-height:1.75}.journey-copy .journey-pill{align-self:flex-start;margin-top:8px;padding:4px 7px;border-radius:7px;background:#222017;color:#f2d177;font-size:9px;font-weight:800}
.mini-device{min-height:154px;padding:8px 7px;border:1px solid #5b5b5f;border-radius:15px;background:#050506;box-shadow:0 0 0 2px #0d0d0f,0 10px 20px #0007}
.mini-device .mini-notch{width:33px;height:5px;margin:0 auto 8px;border-radius:7px;background:#262629}.mini-device .mini-brand{color:#f4c940;font-size:10px;font-weight:950}.mini-device .mini-subtitle{margin-top:5px;color:#d2d2d4;font-size:8px;font-weight:850}.mini-device .mini-highlight{margin-top:7px;padding:7px 5px;border:1px solid #846727;border-radius:7px;background:#1a150b}.mini-device .mini-highlight b,.mini-device .mini-highlight small{display:block}.mini-device .mini-highlight b{color:#f5cf67;font-size:10px}.mini-device .mini-highlight small{margin-top:4px;color:#ddd;font-size:7px}.mini-device .mini-button{margin-top:7px;padding:5px 2px;border-radius:5px;background:#e9c15b;color:#1b1508;text-align:center;font-size:7px;font-weight:900}.mini-device .mini-line{height:5px;margin-top:7px;border-radius:5px;background:#2c2d30}.mini-device .mini-line.short{width:68%}.mini-device .mini-photo{height:47px;margin-top:7px;border:1px solid #615022;border-radius:6px;background:linear-gradient(90deg,#0a0909c9,#0a090950),url('tsunagu-login-hands-bg.jpg') center/cover no-repeat}.mini-device .mini-tags{display:flex;gap:3px;margin-top:6px}.mini-device .mini-tags i{padding:3px 4px;border-radius:4px;background:#252017;color:#e9ca75;font-size:6px;font-style:normal}.mini-device .mini-meter{height:6px;margin-top:8px;border-radius:5px;background:#292a2c}.mini-device .mini-meter b{display:block;width:75%;height:100%;border-radius:5px;background:#eac258}.mini-device .mini-count{margin-top:8px;color:#f2f2f4;font-size:9px;font-weight:900}.mini-device .mini-refund{margin-top:9px;padding:9px 4px;border:1px solid #366d45;border-radius:7px;text-align:center}.mini-device .mini-refund small,.mini-device .mini-refund b{display:block}.mini-device .mini-refund small{color:#d5d7da;font-size:7px}.mini-device .mini-refund b{margin-top:4px;color:#83e5a5;font-size:12px}.mini-device .mini-check{margin-top:8px;color:#80dfa0;text-align:center;font-size:8px;font-weight:900}
.story-panel{margin:17px 0;padding:16px;border:1px solid #343840;border-radius:17px;background:#111318}.story-panel h2{margin:0 0 6px;font-size:20px}.story-panel>p{margin:0;color:#c5c7cd;font-size:12px;line-height:1.7}
.scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.scenario-tabs button{min-height:41px;padding:4px;border:1px solid #44474f;border-radius:9px;background:#15171a;color:#d8d8dc;font-size:10px;font-weight:850}.scenario-tabs button.active{border-color:#c3962b;background:#261d0d;color:#f5d372}
.scenario-screen{margin-top:11px;padding:13px;border:1px solid #373b41;border-radius:12px;background:#0b0d10}.scenario-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;color:#dddfe2;font-size:12px}.scenario-row strong{font-size:15px}.scenario-meter{height:8px;border-radius:6px;background:#303136}.scenario-meter b{display:block;width:100%;height:100%;border-radius:6px;background:#e8bc4e}.scenario-meter.sales b{background:#6dc98b}.scenario-result{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #3d4147}.scenario-result span{font-size:13px}.scenario-result b{color:#84e7aa;font-size:24px}.scenario-note{margin-top:9px;color:#c8c9ce;font-size:11px;line-height:1.6}
.condition-list{display:grid;gap:8px;margin-top:11px}.condition-row{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;padding:10px;border-radius:10px;background:#17191c}.condition-row>i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#183421;color:#83dfa5;font-size:12px;font-style:normal}.condition-row b{display:block;font-size:12px}.condition-row small{display:block;margin-top:4px;color:#c4c6cd;font-size:10px;line-height:1.5}
.excluded-list{margin:8px 0 0;padding-left:19px;color:#ded8d4;font-size:12px;line-height:1.8}.story-note{color:#c4c6cb;font-size:11px;line-height:1.75}
.guarantee-join-bar{position:fixed;z-index:25;right:0;bottom:0;left:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#0b0c0fed;border-top:1px solid #564720;backdrop-filter:blur(10px)}
.guarantee-join-bar .bar-inner{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.guarantee-join-bar .bar-copy b,.guarantee-join-bar .bar-copy small{display:block}.guarantee-join-bar .bar-copy b{color:#f3cf70;font-size:14px}.guarantee-join-bar .bar-copy small{margin-top:3px;color:#dadadd;font-size:10px}.guarantee-join-bar button{min-height:48px;padding:0 14px;border:0;border-radius:10px;background:#f1c95f;color:#171205;font-size:12px;font-weight:950}.story-status{min-height:18px;margin:10px 0;color:#e6c671;font-size:12px;line-height:1.6}
@media(max-width:370px){.journey-card{grid-template-columns:97px 1fr;gap:10px;padding:10px}.mini-device{min-height:145px}.journey-copy h3{font-size:15px}.story-formula div{padding:8px 3px}.story-formula b{font-size:11px}.guarantee-join-bar button{padding:0 8px;font-size:11px}.conversion-featured h2{font-size:16px}.conversion-featured .cx-price{font-size:20px}}
.subscription-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 15px;padding:5px;border:1px solid #574721;border-radius:15px;background:#12110e}
.subscription-role-switch button{min-height:51px;padding:8px 5px;border:0;border-radius:11px;background:transparent;color:#d4d2cd;font:inherit;font-size:12px;font-weight:900;line-height:1.45}
.subscription-role-switch button[aria-pressed="true"]{background:linear-gradient(110deg,#e6bd52,#ffdc83);color:#171206}
.subscription-role-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pricing-card[hidden],.guide-card[hidden],.swipe-dots i[hidden]{display:none!important}