@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--purple:#7424ed;--ink:#231335;--pink:#ff4094;--lime:#dfff69}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Noto Sans JP','Yu Gothic','Meiryo',sans-serif;line-height:1.85;font-size:16px;background:white}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ff4094;outline-offset:5px}a,summary{touch-action:manipulation}::selection{background:#dcff65;color:#291347}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:15px 4%;background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee5f7}.brand{line-height:1;display:inline-block}.brand strong{font-family:Arial,sans-serif;font-size:33px;font-weight:900;letter-spacing:-1.5px;color:#6423da;display:flex;align-items:baseline;gap:9px}.brand strong span{font-size:17px;letter-spacing:-.4px}.brand small{font-size:12px;display:block;margin-top:8px;color:#5e476e}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:800}nav .active{color:var(--purple)}.nav-button{border-radius:99px;padding:12px 25px;color:white;background:var(--purple);display:flex;gap:22px;align-items:center}.nav-button span{font-size:21px}.hero{position:relative;min-height:730px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 65% 45%,#c544ec 0,transparent 55%),linear-gradient(110deg,#6312e7 0,#8a23e8 58%,#b533d8 100%);color:white}.hero-content{position:relative;z-index:3;width:min(1200px,calc(100% - 96px));margin:auto;padding:62px 0 75px;pointer-events:none}.hero-content a{pointer-events:auto}.hero-kicker{margin:0 0 25px;font-size:14px;font-weight:700;display:flex;gap:17px;align-items:center;letter-spacing:.04em}.hero-kicker>span{background:white;color:#6e22d5;border-radius:3px;padding:3px 10px;font-size:12px}.hero h1{font-size:clamp(62px,6.7vw,96px);font-weight:900;letter-spacing:-.075em;line-height:1.18;margin:0 0 27px;text-shadow:0 2px 30px #5f0bc525}.hero h1>span{color:var(--lime)}.hero-sub{font-size:25px;font-weight:800;line-height:1.65;margin:0 0 18px;letter-spacing:.01em}.hero-description{font-size:16px;line-height:2;color:#f2e6ff;margin:0 0 26px}.hero-photo{position:absolute;right:0;top:0;width:55%;height:100%;z-index:0;mask-image:linear-gradient(to right,transparent 0,#000 22%)}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 38%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#8620d86b,transparent 40%)}.hero-backword{position:absolute;bottom:-58px;left:25%;white-space:nowrap;font-family:Arial,sans-serif;font-weight:900;font-size:185px;letter-spacing:-10px;color:#ffffff13;z-index:2;pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 29px;font-weight:800;font-size:15px;line-height:1.5;border-radius:100px;box-shadow:0 6px 0 #27004e24;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 0 #27004e24}.button>span{font-size:24px;line-height:1}.lime{background:var(--lime);color:#2a1644}.purple{background:var(--purple);color:white}.hero-sticker{position:absolute;z-index:4;right:3.5%;top:32px;background:var(--lime);color:#4b1885;width:136px;height:136px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);box-shadow:5px 6px 0 #5a14794d}.hero-sticker span{font-family:Arial,sans-serif;font-size:12px;font-weight:bold;letter-spacing:.02em}.hero-sticker b{font-size:21px;line-height:1.45;text-align:center;margin-top:5px}.message{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;background:white;color:#4d2179;padding:12px 20px;border-radius:16px;box-shadow:0 12px 40px #33026325}.message-one{top:47%;right:2.8%;transform:rotate(5deg)}.message-one small{display:block;font-size:12px;color:#806892}.message-one strong{font-size:15px}.mini-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffdaf0;border-radius:50%;color:var(--pink);font-size:26px}.message-two{right:19%;bottom:90px;transform:rotate(-7deg);background:#ff4d9d;color:white}.message-two>span{font-size:24px;color:#fff682}.message-two strong{font-size:17px}.hero-caption{position:absolute;bottom:25px;right:28px;font-size:12px;color:#fff;z-index:4}.scroll-hint{position:absolute;bottom:24px;left:4%;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;letter-spacing:.12em;z-index:6}.scroll-hint span{margin-left:22px;font-size:17px}.ribbon{display:flex;justify-content:center;align-items:center;gap:38px;background:var(--lime);overflow:hidden;white-space:nowrap;padding:15px 0;font-family:Arial,sans-serif;font-size:20px;font-weight:900;letter-spacing:.03em;color:#421874}.ribbon b{font-size:24px}.section-label{font-family:Arial,'Noto Sans JP',sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;color:var(--purple);margin:0 0 24px}.intro{padding-top:95px;padding-bottom:95px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.6;font-weight:900;margin:0}h3{font-size:23px;line-height:1.6;margin:0;letter-spacing:-.035em}.pink-text{color:#ec3185}.purple-text{color:var(--purple)}.intro-grid p{font-size:16px;color:#706079;margin:0 0 20px}.intro-grid .large-copy{color:var(--ink);font-size:22px;font-weight:700;line-height:1.75}.text-link{font-size:14px;font-weight:bold;border-bottom:2px solid var(--pink);display:inline-flex;gap:30px;padding-bottom:6px}.enjoy{background:#f5efff;padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading>p{font-size:14px;color:#7b6687;margin:0 0 7px}.section-heading .section-label{margin-bottom:12px}.fun-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fun-card{border-radius:20px;overflow:hidden;background:white;box-shadow:0 7px 0 #d9c8ed45}.fun-art{height:280px;position:relative;overflow:hidden}.watch .fun-art img{width:100%;height:100%;object-fit:cover;object-position:40% 45%}.watch .fun-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#390a768c,transparent 65%)}.art-label{position:absolute;z-index:2;top:12px;left:20px;font-family:Arial,sans-serif;font-size:47px;font-weight:900;letter-spacing:-3px;color:white}.art-caption{position:absolute;z-index:2;left:20px;bottom:20px;font-size:12px;color:white;font-weight:bold}.fun-copy{padding:25px 26px 30px}.index{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.05em}.fun-copy h3{margin:8px 0 14px;font-size:21px}.fun-copy p{font-size:16px;color:#776580;margin:0;line-height:1.9}.talk .fun-art{background:#cbb6ff}.talk .art-label{color:#7342bc70}.chat-example{position:absolute;top:90px;left:20px;right:20px;display:flex;flex-direction:column;gap:12px}.chat{font-size:14px;font-weight:700;padding:10px 17px;line-height:1.5;box-shadow:0 4px 10px #56217b0d;max-width:95%}.chat.left{background:white;align-self:flex-start;border-radius:14px 14px 14px 3px}.chat.right{background:#7432df;color:white;align-self:flex-end;border-radius:14px 14px 3px 14px}.chat-example small{font-size:12px;color:#664485;align-self:flex-end}.cheer .fun-art{background:#ff72b8}.cheer .art-label{color:#ffffff70}.cheer-type{position:absolute;inset:78px 20px 15px;display:flex;justify-content:center;align-items:center;gap:15px;transform:rotate(-7deg)}.cheer-type>span{font-family:Arial,sans-serif;font-size:110px;font-weight:900;color:#dfff69;line-height:1;text-shadow:4px 5px 0 #c9297d}.cheer-type>strong{font-size:27px;color:#fff;line-height:1.5}.small-note{font-size:12px;color:#796385;margin:24px 0 0}.roles{padding-top:95px;padding-bottom:95px}.roles>.section-label{margin-bottom:15px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:38px}.role-grid article{position:relative;padding:38px 42px;overflow:hidden;border-radius:20px;isolation:isolate}.viewer{background:#f3edff}.streamer{background:#7626ed;color:white}.role-en{position:absolute;z-index:-1;bottom:94px;left:24px;font-size:80px;font-family:Arial,sans-serif;letter-spacing:-5px;font-weight:900;white-space:nowrap;color:#d8c5f16e;transform:rotate(-6deg)}.streamer .role-en{color:#ffffff18;font-size:100px}.pill{display:inline-block;font-size:14px;font-weight:800;border:1px solid #b397d0;border-radius:30px;padding:3px 14px;margin-bottom:19px}.streamer .pill{border-color:#ffffff60}.role-grid h3{font-size:34px;font-weight:900;line-height:1.5;margin-bottom:24px}.role-grid p{font-size:16px;line-height:1.95;max-width:400px}.viewer p{color:#6e537e}.streamer p{color:#f1e4ff}.role-grid a{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:800;border-top:1px solid #cdb5e5;margin-top:28px;padding-top:18px}.streamer a{border-color:#ffffff40}.role-grid a>span{font-size:23px}.japan{background:#27103f;color:white;overflow:hidden;position:relative}.japan-grid{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.japan .section-label{color:#dcff65}.japan h2{font-size:35px}.japan h2 span{color:#ddff64}.japan p{font-size:16px;color:#e3d0f1}.japan .button{margin-top:15px}.bonus{border:1px solid #8253a4;border-radius:18px;padding:30px;background:linear-gradient(135deg,#5b2678,#351247);transform:rotate(3deg);position:relative;box-shadow:9px 9px 0 #ffffff0d}.bonus-label{background:#ff489c;color:white;font-size:14px;font-weight:bold;padding:6px 15px;border-radius:30px}.bonus>p{font-size:19px;color:white;font-weight:bold;margin:15px 0 0}.bonus>p>span{font-family:Arial,sans-serif;font-size:38px;padding:0 4px}.bonus-amount{display:flex;gap:15px;align-items:center}.bonus-amount>span{font-weight:bold;line-height:1.5;font-size:20px}.bonus-amount strong{font-family:Arial,sans-serif;letter-spacing:-5px;font-size:74px;line-height:1.25;color:var(--lime)}.bonus small{display:block;font-size:12px;color:#e9d1f9;margin-top:15px;line-height:1.8}.start{padding-top:95px;padding-bottom:90px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;gap:45px}.steps li{border-top:2px solid #eadcfb;padding-top:20px;position:relative}.steps b{font-family:Arial,sans-serif;font-size:48px;line-height:1;font-weight:900;letter-spacing:-3px;color:#ad78ef}.steps h3{font-size:20px;margin:15px 0 12px}.steps p{font-size:16px;color:#7b6488;max-width:300px}.faq-section{background:#f7f3fc}.faq{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1.45fr;gap:80px}.faq-word{font-family:Arial,sans-serif;font-weight:900;font-size:95px;letter-spacing:-7px;color:#e5d7f5;line-height:1.3}.questions details{border-bottom:1px solid #d9c7eb;padding:23px 0}.questions details:first-child{border-top:1px solid #d9c7eb}.questions summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-size:16px;font-weight:800}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-family:Arial,sans-serif;font-size:22px;color:var(--purple);margin-right:10px}.questions summary:after{content:'+';position:absolute;right:0;font-size:25px;line-height:1.6;color:var(--purple)}details[open] summary:after{content:'−'}.questions p{font-size:16px;color:#776283;padding-left:36px;margin:15px 0 0}footer{padding:45px 0 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid #ede4f5}.back-top{font-size:12px;font-family:Arial,sans-serif;font-weight:bold;letter-spacing:.06em}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-top:20px;font-size:12px;color:#796486}.footer-bottom p{margin:0;line-height:1.9}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.footer-bottom>span{font-family:Arial,sans-serif;white-space:nowrap}.skip{position:fixed;z-index:99;top:-100px;left:10px;background:white;padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){.hero-content{padding-top:85px;padding-bottom:95px}.hero{min-height:790px}.hero-photo{right:4%;width:53%}.hero h1{font-size:102px}.message-one{right:8%}.hero-sticker{right:7%}}
@media(max-width:1100px){nav{gap:20px}.wrap,.hero-content{width:calc(100% - 64px)}.hero h1{font-size:76px}.hero-photo{width:59%;right:-5%}.hero-sticker{width:110px;height:110px;right:3%}.hero-sticker b{font-size:18px}.message-one{right:2%;top:55%;padding:10px 12px}.message-one strong{font-size:14px}.message-two{right:7%;bottom:90px}.fun-grid{gap:15px}.fun-copy{padding:23px 20px}.fun-copy h3{font-size:19px}.cheer-type{gap:5px}.cheer-type>span{font-size:85px}.cheer-type>strong{font-size:24px}.japan-grid{gap:40px}.bonus-amount strong{font-size:61px}.section-heading{align-items:flex-start}.section-heading>.button{font-size:14px;padding:16px 20px;flex-shrink:0}.intro-grid{gap:40px}}
@media(max-width:800px){header{height:76px;padding:13px 22px}.brand strong{font-size:28px}.brand strong span{font-size:14px}nav>a:not(.nav-button){display:none}.nav-button{font-size:14px;padding:10px 17px;gap:10px}.hero{min-height:710px}.hero-content{padding-top:40px}.hero h1{font-size:68px}.hero-kicker{font-size:12px;gap:10px}.hero-sub{font-size:22px}.hero-description{font-size:14px;max-width:340px}.hero-photo{width:75%;right:-17%;opacity:.85}.hero-photo:after{background:linear-gradient(90deg,#7318db4d,transparent)}.hero-content{text-shadow:0 2px 20px #6215aa30}.hero-sticker{top:auto;bottom:30px;right:32px;width:110px;height:110px}.hero-sticker b{font-size:18px}.message-one{top:61%;right:3%}.message-two{bottom:150px;right:5%;padding:10px 15px}.message-two strong{font-size:14px}.hero-caption{bottom:9px;font-size:12px}.hero-backword{font-size:120px;left:7%;bottom:-26px}.intro-grid{grid-template-columns:1fr;gap:30px}.fun-grid{grid-template-columns:1fr}.fun-card{display:grid;grid-template-columns:42% 1fr}.fun-art{height:290px}.fun-copy{display:flex;flex-direction:column;justify-content:center;padding:25px}.fun-copy h3{font-size:24px}.chat-example{left:12px;right:12px}.chat{font-size:14px;padding:10px}.art-label{font-size:40px;left:15px}.art-caption{font-size:12px;left:15px}.cheer-type{flex-direction:column;gap:0;inset:63px 10px 15px}.cheer-type>span{font-size:75px}.cheer-type>strong{font-size:23px;text-align:center}.role-grid article{padding:28px}.role-grid h3{font-size:29px}.japan-grid{grid-template-columns:1fr 1fr;gap:25px}.japan h2{font-size:28px}.bonus{padding:22px}.bonus-label{font-size:12px;padding:6px 10px}.bonus-amount strong{font-size:47px;letter-spacing:-3px}.bonus-amount>span{font-size:16px}.bonus>p{font-size:16px}.bonus>p>span{font-size:30px}.faq{gap:30px}.steps{gap:25px}}
@media(max-width:560px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}header{padding:12px 16px;height:76px}.brand strong{font-size:26px;gap:6px}.brand strong span{font-size:12px}.brand small{font-size:10px}.nav-button{font-size:12px;padding:10px 13px;gap:7px}.nav-button span{font-size:16px}.hero{min-height:950px}.hero-content{width:calc(100% - 40px);padding-top:27px;padding-bottom:0}.hero-kicker{margin-bottom:20px;font-size:12px}.hero h1{font-size:clamp(57px,15vw,78px);line-height:1.19;letter-spacing:-.065em;margin-bottom:18px}.hero-sub{font-size:20px;line-height:1.55;margin-bottom:16px}.hero-sub br{display:none}.hero-description{font-size:14px;line-height:1.85;margin-bottom:20px;max-width:100%}.hero-description br{display:none}.hero .button{font-size:14px;padding:15px 23px;gap:25px}.hero-photo{top:auto;bottom:0;right:0;width:100%;height:50%;mask-image:linear-gradient(to bottom,transparent 0,#000 18%);opacity:1}.hero-photo img{object-fit:cover;object-position:50% 36%}.hero-photo:after{background:linear-gradient(0deg,#7820d33b,transparent)}.hero-sticker{top:480px;bottom:auto;right:21px;width:105px;height:105px}.message-one{top:auto;bottom:220px;right:14px;padding:8px 12px;gap:7px;max-width:275px}.message-one strong{font-size:14px}.message-one small{font-size:12px}.mini-avatar{width:28px;height:28px;font-size:22px}.message-two{bottom:75px;right:auto;left:20px;transform:rotate(-5deg);padding:8px 13px}.message-two strong{font-size:14px}.hero-backword{font-size:90px;bottom:10px;left:-8%;letter-spacing:-5px}.hero-caption{bottom:8px;right:15px;font-size:10px}.scroll-hint{bottom:30px;left:20px;font-size:10px}.scroll-hint>span{margin-left:10px;font-size:13px}.ribbon{font-size:14px;gap:20px;padding:10px 0}.ribbon b{font-size:17px}.intro,.roles,.start{padding-top:60px;padding-bottom:60px}.section-label{font-size:12px;margin-bottom:20px}.intro-grid{gap:24px}h2{font-size:29px;line-height:1.6}.intro-grid .large-copy{font-size:19px}.intro-grid p br{display:none}.intro-grid .large-copy br{display:block}.enjoy{padding:55px 0}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:15px;font-size:14px}.section-heading>p br{display:none}.section-heading h2>span{display:block}.fun-grid{gap:22px}.fun-card{display:block;border-radius:17px}.fun-art{height:260px}.art-label{font-size:48px;left:22px;top:8px}.art-caption{font-size:12px;left:22px}.watch .fun-art img{object-position:50% 42%}.fun-copy{padding:23px 25px 28px}.fun-copy h3{font-size:24px;margin-top:6px}.chat-example{left:25px;right:25px;top:71px;gap:10px}.chat{font-size:14px;padding:9px 16px}.cheer-type{flex-direction:row;gap:23px;inset:72px 20px 25px}.cheer-type>span{font-size:110px}.cheer-type>strong{font-size:30px;text-align:left}.small-note{font-size:12px;margin-top:18px}.role-grid{grid-template-columns:1fr;margin-top:25px;gap:18px}.role-grid article{padding:30px}.role-grid h3{font-size:32px}.role-en{font-size:79px;bottom:93px}.japan-grid{grid-template-columns:1fr;padding-top:52px;padding-bottom:55px;gap:38px}.japan h2{font-size:29px}.japan p{font-size:16px}.japan .button{font-size:14px;padding:16px 25px}.bonus{max-width:370px;width:calc(100% - 12px);margin:auto;padding:27px;transform:rotate(2deg)}.bonus-label{font-size:12px;padding:6px 14px}.bonus>p{font-size:19px}.bonus>p>span{font-size:36px}.bonus-amount{gap:15px}.bonus-amount>span{font-size:20px}.bonus-amount strong{font-size:70px;letter-spacing:-4px}.bonus small{font-size:12px}.start .section-heading>.button{margin-top:24px;font-size:14px}.steps{grid-template-columns:1fr;gap:22px}.steps li{padding:17px 0 0 61px}.steps b{position:absolute;top:23px;left:0;font-size:37px;letter-spacing:-2px}.steps h3{margin:0 0 8px;font-size:20px}.steps p{margin:0;max-width:none}.faq{grid-template-columns:1fr;padding-top:50px;padding-bottom:50px;gap:25px}.faq h2 br{display:none}.faq-word{display:none}.questions details{padding:20px 0}.questions summary{font-size:16px}.questions summary>span{font-size:20px;margin-right:8px}.questions p{padding-left:0}footer{padding:35px 0 25px}.footer-top{gap:15px;align-items:center}.back-top{font-size:10px}.footer-bottom{display:block;font-size:12px}.footer-bottom>span{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:560px){.hero-sub br{display:block}.hero-sticker{left:20px;right:auto;top:540px}.hero h1{font-size:clamp(48px,15vw,78px)}.bonus-amount strong{font-size:clamp(46px,16vw,70px)}.bonus{padding:25px}.hero-description{font-size:16px}.hero{min-height:1010px}.hero-photo{height:49%}}
@media(max-width:360px){.brand strong{font-size:24px}.brand strong span{font-size:11px}.brand small{font-size:10px}.nav-button{padding:10px;font-size:12px}.hero-sticker{top:570px}.hero{min-height:1060px}.bonus-label{font-size:12px;padding:5px 8px}.bonus-amount{gap:10px}.bonus-amount>span{font-size:18px}}
/* Detailed POPPO guide */
.hero h1{font-size:clamp(45px,5vw,72px);line-height:1.3}.hero h1>span{font-size:.8em}.guide-nav{padding:45px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-bottom:1px solid #e8d8f7}.guide-nav h2{font-size:23px;line-height:1.6;margin-top:10px}.guide-nav p{font-size:14px;color:#776283}.guide-nav ol{margin:0;padding:0;list-style:none;counter-reset:contents;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.guide-nav li{counter-increment:contents;border-bottom:1px solid #e8d8f7}.guide-nav a{display:block;padding:10px 0;font-size:14px;font-weight:700}.guide-nav a:before{content:counter(contents,decimal-leading-zero);font-family:Arial,sans-serif;color:#8b30e8;margin-right:13px;font-size:12px}.guide-nav a:hover{color:#7424ed}.guide-section{padding-top:75px;padding-bottom:75px}.guide-lead{max-width:760px;color:#6d547b;font-size:17px;line-height:2;margin:20px 0 40px}.feature-detail{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;align-items:center;padding:50px 0;border-top:1px solid #e7d8f6}.feature-detail h3{font-size:28px;margin:6px 0 18px}.feature-detail h4{font-size:16px;margin:22px 0 6px;color:#6825be}.feature-detail p{font-size:16px;line-height:2;color:#634e6f;margin:8px 0 15px}.feature-detail figure{margin:0;background:linear-gradient(135deg,#d3b7fc,#fee0ef);border-radius:24px;padding:24px;text-align:center}.feature-detail img{display:block;margin:auto;max-width:100%;height:auto;border-radius:12px;box-shadow:0 14px 30px #3c137338}.feature-detail figcaption{font-size:12px;color:#56316e;margin-top:18px;line-height:1.6}.feature-detail .example-copy{border-left:3px solid #fa5dab;padding-left:18px;color:#755987;font-size:14px}.reverse>div{grid-column:2;grid-row:1}.reverse>figure{grid-column:1;grid-row:1}.feature-detail.reverse{grid-template-columns:260px minmax(0,1fr)}.compact-features{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:20px}.compact-features article{padding:30px;background:#f5edff;border-radius:18px}.compact-features h3{font-size:23px}.compact-features p{font-size:16px;color:#70577e}.source-line{font-size:12px;line-height:1.9;color:#776382;margin:25px 0 0}.source-line a{text-decoration:underline;text-underline-offset:3px}.topic-section{background:#f8f1ff}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.topic-grid article{padding-top:22px;border-top:2px solid #d5b8f8}.topic-grid b{font-family:Arial,sans-serif;font-size:36px;color:#a25bea}.topic-grid h3{font-size:21px;margin-top:10px}.topic-grid p{font-size:16px;color:#735880;line-height:1.95}.callout{padding:28px 32px;margin-top:35px;background:#f4edff;border-left:4px solid #8d39ed;border-radius:0 15px 15px 0}.topic-section .callout{background:white}.callout h3{font-size:21px}.callout p,.callout li{font-size:16px;color:#6c507d;line-height:1.95}.callout p:last-child{margin-bottom:0}.money-list{margin:30px 0 0}.money-list>div{display:grid;grid-template-columns:190px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid #e6d5f5}.money-list dt{font-size:20px;font-weight:800;color:#7924d4}.money-list dd{font-size:16px;line-height:2;margin:0;color:#654b74}.safety-section{background:#f5f1fa}.glossary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 35px;margin-top:35px}.glossary dl>div{border-top:2px solid #e6d5f5;padding-top:20px}.glossary dt{font-weight:bold;font-size:18px;color:#7424ed}.glossary dd{margin:8px 0 0;font-size:16px;color:#6d547b}.guide-section h2{max-width:100%;overflow-wrap:anywhere}
@media(max-width:800px){.guide-nav{grid-template-columns:1fr;gap:20px}.feature-detail,.feature-detail.reverse{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.reverse>div{grid-column:1}.reverse>figure{grid-column:2}.feature-detail figure{padding:18px}.feature-detail h3{font-size:24px}.topic-grid{gap:20px}.topic-grid h3{font-size:18px}.money-list>div{grid-template-columns:140px 1fr}.glossary dl{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero h1{font-size:44px}.hero h1>span{font-size:32px}.hero-sub{font-size:19px}.hero{min-height:970px}.hero-photo{height:51%}.hero-sticker{top:490px}.guide-nav{padding:32px 0}.guide-nav h2{font-size:23px}.guide-nav ol{gap:4px 15px;grid-template-columns:1fr}.guide-nav a{font-size:15px;padding:11px 0}.guide-section{padding-top:50px;padding-bottom:50px}.guide-lead{font-size:16px;margin-bottom:25px}.feature-detail,.feature-detail.reverse{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:30px 0}.feature-detail figure{padding:24px;display:flex;flex-direction:column;align-items:center}.feature-detail h3{font-size:25px}.compact-features,.topic-grid,.glossary dl{grid-template-columns:1fr;gap:20px}.compact-features article{padding:25px}.callout{padding:23px;margin-top:25px}.callout ul{padding-left:20px}.money-list>div{grid-template-columns:1fr;gap:8px;padding:22px 0}.money-list dt{font-size:21px}.topic-grid h3{font-size:22px}.glossary h2{font-size:26px}}