:root{--purple:#7357d8;--ink:#262430;--muted:#777280;--paper:#fcfbf8;--line:#e8e3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.nav{height:100px;max-width:1320px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:30px;font-weight:850;letter-spacing:-1.4px;line-height:1.1}.logo span{color:var(--purple)}.logo small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:9px}.nav nav{display:flex;align-items:center;gap:32px;font-size:13px}.button{display:inline-flex;align-items:center;gap:45px;background:var(--purple);color:#fff;padding:17px 29px;border-radius:9px;font-size:15px;font-weight:650;box-shadow:0 6px 18px #7357d81a;transition:transform .2s}.button:hover{transform:translateY(-2px);background:#6244c7}.button.small{padding:11px 19px;gap:18px;font-size:13px}.hero{max-width:1320px;min-height:680px;padding:70px 56px 90px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--purple);font-weight:700;margin:0 0 25px}h1{font-size:clamp(36px,4.3vw,60px);line-height:1.55;letter-spacing:-2px;margin:0 0 25px}h1 em{font-style:normal;color:var(--purple);position:relative}h1 em:after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:7px;background:#d7c9ff70;border-radius:50%;transform:rotate(-2deg)}.intro{color:#6a6474;font-size:16px;line-height:2.1;margin:0 0 32px}.fine{font-size:11px;line-height:1.85;color:var(--muted);margin-top:18px}.hero-art{position:relative;min-height:485px;display:flex;justify-content:center;align-items:center}.hero-art:before{content:'';position:absolute;width:490px;height:490px;max-width:110%;border-radius:50%;background:radial-gradient(ellipse,#e8dcff 0,#f1eafa 55%,transparent 72%)}.orbit{position:absolute;top:-25px;right:15px;letter-spacing:3px;color:#a998c0;font-size:10px;transform:rotate(6deg)}.manga-page{width:340px;padding:14px;background:#fff;box-shadow:8px 20px 55px #44316b22;border:1px solid #e1dbe6;transform:rotate(6deg);display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative}.panel{border:2px solid #282632;overflow:hidden;position:relative}.p1{grid-column:span 2;height:180px;background:radial-gradient(#b0adb7 .7px,transparent .9px) 0 0/4px 4px}.p1 svg{position:absolute;bottom:0;width:100%}.caption{position:absolute;left:12px;top:10px;background:white;border:1px solid #282632;padding:3px 8px;font-size:10px;z-index:2}.p2,.p3{height:230px}.p2{background:#eee}.p2 svg{position:absolute;bottom:0;left:-12px;width:155px}.bubble{position:absolute;right:4px;top:12px;padding:14px 9px;border:1.5px solid #282632;border-radius:50%;background:#fff;z-index:2;font-size:11px;line-height:1.65}.p3{background:radial-gradient(#cbc9d0 .6px,transparent .9px) 0 0/4px 4px}.letter{position:absolute;right:20px;top:18px;font-family:serif;writing-mode:vertical-rl;letter-spacing:4px;font-size:15px}.p3 svg{position:absolute;bottom:10px;width:100%;transform:rotate(-15deg)}.manga-page>small{grid-column:span 2;text-align:right;font-size:7px;letter-spacing:2px}.chat-note{position:absolute;left:-15px;bottom:27px;background:white;border:1px solid #e5ddef;box-shadow:0 15px 40px #4f277422;display:flex;gap:12px;padding:15px 23px;border-radius:15px;transform:rotate(-3deg);font-size:12px}.chat-note b{font-size:10px;color:var(--purple)}.chat-note p{margin:3px 0;line-height:1.7}.avatar{background:#efe8fe;color:var(--purple);border-radius:50%;width:30px;height:30px;text-align:center;font-weight:bold}.art-note{position:absolute;bottom:-45px;font-size:9px;color:#918699}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px;display:flex;justify-content:center;gap:90px;font-size:11px;letter-spacing:4px;color:#b3a8c1}.section{max-width:1200px;margin:auto;padding:110px 56px}h2{font-size:36px;line-height:1.65;letter-spacing:-1px;margin:0 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.number{font-size:42px;color:#d1c4ef;font-weight:300}h3{font-size:18px;margin:15px 0}.steps p{font-size:14px;color:var(--muted)}.mini-chat{border:1px solid #e6ddef;border-radius:10px;padding:13px;font-size:11px;color:#806ba7;background:#f5f0fd;margin-top:25px}.manifesto{text-align:center;background:#efE8f7;padding:85px 24px}.manifesto p:not(.eyebrow){font-size:15px;color:#75667d;line-height:2.3}.sub{color:var(--muted);font-size:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.plan{background:white;border:1px solid var(--line);padding:28px;border-radius:16px}.plan.featured{border:1px solid var(--purple);background:#faf7ff;position:relative}.plan .tag{font-size:10px;color:var(--purple);letter-spacing:1px}.plan h3{font-size:23px}.price{font-size:36px;letter-spacing:-1px;margin:15px 0}.price small{font-size:11px;color:var(--muted);letter-spacing:0}.plan ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid var(--line);font-size:13px;line-height:2.5}.plan li:before{content:'✓';color:var(--purple);margin-right:10px}.plan .button{width:100%;justify-content:center;font-size:13px;padding:12px}.faq{padding-top:15px;max-width:930px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:550;font-size:15px}details p{font-size:14px;color:var(--muted)}.last{text-align:center;padding:80px 24px 100px;background:radial-gradient(ellipse at bottom,#e9dffa,transparent 65%)}.last h2{font-size:44px}footer{border-top:1px solid var(--line);padding:40px 56px;display:flex;gap:30px;align-items:center;justify-content:space-between}footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted)}footer small{font-size:10px;color:var(--muted)}.legal{max-width:800px;padding:65px 24px;margin:auto}.legal h1{font-size:32px}.legal h2{font-size:20px;margin-top:35px}.legal p,.legal li{font-size:14px;color:#6a6474}@media(max-width:900px){.nav{padding:0 25px}.hero{padding:50px 28px 80px;gap:20px}.hero h1{font-size:37px}.manga-page{width:280px}.chat-note{left:-10px}.steps{gap:20px}.section{padding:70px 28px}.plans{gap:12px}.plan{padding:20px}.ribbon{gap:35px}footer{flex-wrap:wrap;padding:30px}}@media(max-width:650px){.nav{height:85px;padding:0 22px}.nav nav>a:not(.button){display:none}.logo{font-size:26px}.hero{grid-template-columns:1fr;padding:42px 24px 70px;gap:40px}.hero h1{font-size:39px}.hero-art{min-height:440px}.manga-page{width:300px}.chat-note{left:0}.orbit{top:-5px}.ribbon{gap:17px;letter-spacing:1px;font-size:8px;padding:18px 8px}.steps,.plans{grid-template-columns:1fr}.steps{gap:30px}.steps article{border-bottom:1px solid var(--line);padding-bottom:20px}h2{font-size:29px}.section{padding:65px 24px}.last h2{font-size:36px}.plan{padding:25px}.hero-art:before{width:100%;height:420px}footer{gap:25px}.intro{font-size:15px}}
.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:10;background:white;border-top:1px solid var(--line);padding:18px 28px;box-shadow:0 -5px 25px #33224411;display:flex;align-items:center;gap:15px;font-size:12px}.consent-banner p{margin:0;flex:1}.consent-banner button{border:1px solid var(--line);background:#eee6fa;border-radius:8px;padding:10px;color:var(--ink);cursor:pointer}.consent-banner a{text-decoration:underline}@media(max-width:650px){.consent-banner{flex-wrap:wrap}.consent-banner p{flex-basis:100%}}
