@charset "UTF-8";
:root{color-scheme:light;--ink:#26233d;--muted:#656174;--pink:#b53d6d;--light:#fff1f5;--line:#e6dfe8;--purple:#5f43aa;--paper:#fffdfd;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.9}a{color:var(--purple);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a{touch-action:manipulation}button{font:inherit}img,video{max-width:100%;display:block}img.pixel{image-rendering:pixelated}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5;letter-spacing:.01em}h1{font-size:clamp(2.35rem,5.2vw,4.5rem);font-weight:800;letter-spacing:-.04em}h2{font-size:clamp(1.65rem,3vw,2.6rem)}h3{font-size:1.25rem}p{margin-bottom:1.1rem}small,.small{font-size:.875rem;color:var(--muted)}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:10px;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--purple);outline-offset:5px}header{position:sticky;top:0;background:#fffdfdf2;border-bottom:1px solid var(--line);z-index:10;backdrop-filter:blur(14px)}.nav{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:9px;font-size:1.6rem;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}.logo img{width:44px;height:44px}.navlinks{display:flex;gap:25px;align-items:center;font-size:.9rem}.navlinks a{text-decoration:none;color:var(--ink)}.navlinks .navcta{background:var(--ink);color:white;padding:9px 19px;border-radius:9px}.hero{padding:75px 0 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:.875rem;font-weight:700;color:var(--pink);letter-spacing:.08em}.hero h1 .hero-name{color:var(--pink)}.lead{font-size:1.15rem;font-weight:700}.hero .body{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;min-height:50px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid var(--line);background:white;color:var(--ink)}.btn.primary{background:var(--pink);color:white;border-color:var(--pink)}.btn:hover{filter:brightness(.95)}.heroart{background:#f5e9f0;border-radius:36px;padding:27px 24px 22px;position:relative;box-shadow:12px 15px 0 #f9f2f7}.artheading{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted)}.bubble{background:white;border-radius:17px;padding:15px 20px;box-shadow:0 5px 20px #40233a08;margin:18px 0;font-size:1rem}.bubble b{display:block;font-size:.8rem;color:var(--purple)}.bubble.reply{margin-left:32px;border-left:4px solid var(--pink)}.mascot{display:flex;align-items:center;justify-content:center;gap:8px}.mascot img{width:175px;height:auto;aspect-ratio:1 / 1;object-fit:contain;flex-shrink:0}.mascot p{font-weight:700;color:var(--pink);font-size:1.05rem}.label{border:1px solid #d4bacd;border-radius:30px;padding:3px 10px;font-size:.75rem}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:24px;justify-content:center;color:var(--muted);font-size:.9rem}.section{padding:75px 0}.section.tint{background:#f8f5fa}.sectionhead{max-width:700px;margin-bottom:30px}.sectionhead p{color:var(--muted)}.demo-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center}video{width:100%;border-radius:16px;background:#201c32}.credits{font-size:.8rem;color:var(--muted);margin-top:16px}.credits summary{cursor:pointer}.credits p{margin-top:12px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.feature{border-top:2px solid #dbcddc;padding:25px 20px 12px 0}.num{color:var(--pink);font-weight:700;font-size:.8rem}.feature p{color:var(--muted)}.flow{display:grid;grid-template-columns:1fr 1fr;gap:25px}.flowcard{background:white;border:1px solid var(--line);border-radius:18px;padding:30px}.flowcard strong{display:block;color:var(--pink);font-size:.875rem;margin-bottom:15px}.flowcard blockquote{font-size:1.35rem;font-weight:700;margin:10px 0}.flowcard.final{background:var(--ink);color:white}.flowcard.final strong{color:#f3a4c7}.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.note{background:var(--light);border-left:3px solid var(--pink);padding:17px 20px;border-radius:0 8px 8px 0}.download{background:white;border:1px solid var(--line);border-radius:18px;padding:32px}.download h3{font-size:1.65rem}.unavailable{display:block;text-align:center;padding:12px 18px;background:#eeeaf0;color:#61596b;border-radius:9px;font-weight:700}.faq{max-width:860px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:700;list-style-position:outside;margin-left:20px;padding-left:8px}.faq details p{margin:15px 0 0 28px;color:var(--muted)}footer{padding:32px 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.guidehead{padding:58px 0 35px}.guidehead h1{font-size:clamp(2rem,4vw,3.2rem)}.guidelayout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;padding-bottom:70px}.toc{position:sticky;top:115px;align-self:start;font-size:.875rem}.toc a{display:block;padding:8px 0;text-decoration:none}.step{padding:15px 0 35px;margin-bottom:25px;border-bottom:1px solid var(--line)}.step h2{font-size:1.7rem;margin:8px 0 20px}.step ol,.step ul{padding-left:24px}.step li{margin-bottom:10px}code{background:#efeaf2;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.success{background:#edf6f0;border:1px solid #9ebdac;padding:27px;border-radius:14px}.success h2{color:#285f40}.optional{display:grid;grid-template-columns:1fr 1fr;gap:20px}.optional article{padding:20px;border:1px solid var(--line);border-radius:12px}.legal{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem}.missing{min-height:55vh;padding:65px 0}table{border-collapse:collapse;width:100%}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left}button.copy{border:1px solid var(--line);background:white;padding:8px 16px;border-radius:8px;cursor:pointer}.video-caption{font-size:.875rem;color:var(--muted);margin-top:12px}@media(max-width:800px){.wrap{width:min(100% - 32px,620px)}.nav{min-height:72px;gap:8px}.logo{font-size:1.3rem}.logo img{width:34px;height:34px}.navlinks{gap:14px;font-size:.8rem}.navlinks .navcta{padding:8px 12px}.navlinks .desktopnav{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:28px}.heroart{margin:0 10px 0 0}.hero h1{font-size:clamp(2.15rem,8vw,3.5rem)}.hero .lead{font-size:1.05rem}.heroart .mascot img{width:135px}.strip{flex-wrap:wrap;gap:6px 20px;font-size:.8rem}.section{padding:50px 0}.demo-grid,.two,.flow,.guidelayout{grid-template-columns:1fr}.features{gap:15px}.feature{padding-right:0}.guidelayout{gap:22px}.toc{position:static;display:flex;flex-wrap:wrap;gap:0 15px;border-bottom:1px solid var(--line);padding-bottom:18px}.optional{grid-template-columns:1fr}.download{padding:25px}.guidehead{padding-top:35px}}@media(max-width:440px){.features{grid-template-columns:1fr}.navlinks{gap:10px}.navlinks .navcta{display:none}.actions .btn{width:100%}.heroart{padding:20px 15px}.bubble.reply{margin-left:15px}.flowcard{padding:22px}h3{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-icon{object-fit:contain;aspect-ratio:1 / 1;border-radius:10px}.ai-notices{min-width:0}.ai-notice{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-width:0}.ai-notice p{color:var(--muted)}.ai-notice strong{color:var(--ink)}.cost-notice{margin:24px 0 0;padding:20px 24px;background:#f4f1f5;border-radius:12px;font-size:.875rem;color:#595363}.contact-disabled,.contact-disabled:disabled{background:#e8e6eb;border-color:#d9d5df;color:#716b7b;cursor:not-allowed;box-shadow:none}.contact-disabled:hover{filter:none}.contact-disabled-label{color:#797481}.guidelayout .ai-notices .two{grid-template-columns:1fr}.guidelayout .ai-notices h2{font-size:1.7rem}@media(max-width:800px){.ai-notice{padding:22px}}

/* Japanese typesetting and shared spacing across all routes. */
body{line-height:1.85;line-break:strict;word-break:normal;overflow-wrap:break-word}
h1,h2,h3{margin-bottom:1.25rem;line-height:1.5;letter-spacing:0;text-wrap:balance;font-feature-settings:"palt" 0}
p,li{line-height:1.9;text-wrap:pretty}p:last-child{margin-bottom:0}
.phrase{display:inline-block;max-width:100%;vertical-align:baseline;white-space:nowrap}
.hero h1{font-size:clamp(2rem,4.65vw,4rem);line-height:1.35;letter-spacing:-.025em;margin-bottom:1.7rem}
.hero-line{display:block}.lead-line{display:block}.hero .lead{font-size:1.125rem;line-height:1.85;margin-bottom:1.35rem}
.hero .body{max-width:32em;line-height:2}.hero{gap:clamp(24px,3vw,44px);padding:64px 0}
.hero>*,.demo-grid>*,.two>*,.flow>*,.features>*{min-width:0}
h2{font-size:clamp(1.5rem,2.5vw,2.2rem)}h3{font-size:1.2rem;line-height:1.65}
.eyebrow{letter-spacing:.035em;margin-bottom:12px;line-height:1.8}
.sectionhead{margin-bottom:32px}.sectionhead h2{margin-bottom:16px}
.sectionhead p:last-child{margin-bottom:0}.section{padding:64px 0}
.demo-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}
.demo-grid h2{font-size:clamp(1.5rem,2.25vw,2rem)}
.features{column-gap:40px;row-gap:20px}.feature{padding:24px 0 12px}.feature h3{margin:8px 0 12px}
.flowcard blockquote{font-size:1.25rem;line-height:1.8;text-wrap:balance}.flowcard strong{line-height:1.8}
.artheading{align-items:flex-start;gap:12px;line-height:1.7}.artheading .label{flex-shrink:0;white-space:nowrap}
.mascot p{margin-bottom:0;line-height:1.8}.mascot .phrase{display:block}
.bubble{line-height:1.8}.bubble b{margin-bottom:4px}.strip{padding:16px 24px}.strip>span{white-space:nowrap}
.actions{align-items:center;gap:12px 20px;margin-top:24px}.btn{line-height:1.6;text-wrap:balance}
.release-caption{display:flex;flex-wrap:wrap;gap:2px 14px;line-height:1.8}.release-caption>span{display:inline-block}
.download h3{margin-bottom:8px}.download .small{overflow-wrap:anywhere;margin:14px 0;line-height:1.8}
.ai-notice{padding:28px}.ai-notice h3{margin:10px 0 18px}.ai-notice p{margin-bottom:18px}.ai-notice p:last-child{margin-bottom:0}
.cost-notice{line-height:1.95}.cost-notice>strong{display:inline-block;margin-bottom:6px}
.faq summary{line-height:1.8;text-wrap:pretty}.faq details p{line-height:1.95}
.guidehead{max-width:1120px;padding:48px 0 32px}.guidehead h1{font-size:clamp(1.75rem,3.5vw,2.8rem)}.guidehead>p:last-child{max-width:42em}
.guidelayout{grid-template-columns:210px minmax(0,1fr);gap:48px}.step h2,.guidelayout .ai-notices h2{font-size:clamp(1.45rem,2.3vw,1.75rem)}
.step{padding:12px 0 32px;margin-bottom:24px}.step li{margin-bottom:14px}.step details{margin:18px 0}.step summary{line-height:1.8}
.optional{grid-template-columns:1fr}.optional article p{margin-bottom:0}.legal{line-height:2;max-width:78ch}
footer .wrap>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
@media(min-width:1000px){.hero .lead{max-width:30em}}
@media(max-width:960px){.demo-grid{grid-template-columns:1fr}.demo-grid>div:last-child{max-width:42em}.guidelayout{grid-template-columns:180px minmax(0,1fr);gap:32px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:40px 0 48px;gap:32px}.hero h1{font-size:clamp(2rem,7vw,3.1rem)}.hero .lead{font-size:1.0625rem}.section{padding:48px 0}.guidelayout{grid-template-columns:1fr;gap:24px}.guidehead{padding:36px 0 24px}.ai-notice{padding:24px}.features{grid-template-columns:1fr;gap:12px}.two,.flow{gap:20px}.toc{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.toc a{line-height:1.7}.sectionhead{margin-bottom:24px}}
@media(max-width:440px){.hero h1{font-size:clamp(1.9rem,7.8vw,2.2rem)}.hero .lead{font-size:1rem}.hero .body{line-height:1.95}.heroart{padding:20px 16px;border-radius:24px}.artheading{font-size:.8rem}.artheading>span:first-child{max-width:12em}.heroart .mascot img{width:116px}.mascot p{font-size:.95rem}.download,.flowcard,.ai-notice{padding:22px 20px}.flowcard blockquote{font-size:1.125rem}.ai-notice h3{font-size:1.1rem}.strip{gap:8px 20px;padding:16px}.sectionhead h2,h2{font-size:1.5rem}.cost-notice{padding:20px;line-height:1.95}.toc{grid-template-columns:1fr}.navlinks{font-size:.875rem}.faq details p{margin-left:16px}.guidehead h1{font-size:1.75rem}.actions{gap:12px}.btn{padding:13px 16px}.unavailable{line-height:1.7}}
@media(max-width:360px){.phrase{white-space:normal}.hero h1{font-size:1.9rem}.heroart .mascot img{width:100px}.artheading{flex-wrap:wrap}}

/* Portrait demo: preserve the complete 9:16 frame. */
.demo-portrait{grid-template-columns:minmax(240px,360px) minmax(0,1fr);max-width:980px;gap:clamp(32px,6vw,80px);align-items:center}.demo-portrait video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:contain;background:#201d30}.demo-media{width:100%;max-width:360px;margin-inline:auto}.demo-portrait .video-caption{line-height:1.8}.download-pending{background:#f2f1f4;color:#77717e;border-color:#dedbe2}.download-pending h3,.download-pending p{color:inherit}.download-pending .btn{width:100%}@media(max-width:900px){.demo-portrait{grid-template-columns:1fr;gap:28px}.demo-media{max-width:320px}.demo-portrait>div:last-child{max-width:38em;margin-inline:auto}}

/* Actual app screenshots and concise step-by-step captions. */
.guide-screen{margin:28px 0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.guide-screen .screen-link{display:block;cursor:zoom-in;background:#fbf4f8}.guide-screen img{display:block;width:100%;height:auto}.guide-screen figcaption{padding:18px 22px 0;line-height:1.7}.screen-zoom{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.guide-screen .screen-points{margin:14px 22px 22px;padding-left:1.5em}.guide-screen .screen-points li{margin-bottom:10px}.guide-route{padding:20px 24px;border-left:4px solid #b43a73;background:#fbf1f6;border-radius:0 12px 12px 0;margin-bottom:24px}.guide-route ol{margin:12px 0 0;padding-left:1.5em}.screen-details>summary{font-weight:700;color:#82466b;cursor:pointer}.screen-link:focus-visible{outline:3px solid #b43a73;outline-offset:-3px}@media(max-width:600px){.guide-screen figcaption{padding:16px 16px 0}.guide-screen .screen-points{margin:12px 16px 18px}.guide-screen{margin:22px 0;border-radius:12px}.guide-route{padding:18px}}

.guide-fields{padding:20px 24px;background:#f7f5f9;border-radius:12px;margin:24px 0}.guide-fields dl{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:12px 20px;margin:18px 0}.guide-fields dt{font-weight:700}.guide-fields dd{margin:0;overflow-wrap:anywhere}@media(max-width:540px){.guide-fields dl{grid-template-columns:1fr;gap:4px}.guide-fields dd{margin-bottom:12px}.guide-fields{padding:18px}}

/* Legal pages and the shared support footer. */
.legal-page{max-width:880px}.legal-page p,.legal-page li{line-height:1.95;overflow-wrap:anywhere}.legal-page section,.legal-document{margin-top:48px}.legal-page h1{font-size:clamp(1.8rem,4vw,2.8rem)}.legal-page h2{font-size:1.4rem;margin-top:32px}.legal-page li{margin-bottom:12px}.legal-page code{overflow-wrap:anywhere;white-space:normal}.legal-summary{padding:24px;background:#f7f5f9;border-radius:16px}.legal-summary h2{margin-top:0}.legal-toc{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.table-scroll{overflow-x:auto}.legal-page table{width:100%;border-collapse:collapse}.legal-page th,.legal-page td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.8}.legal-page th{background:#f7f5f9}.legal-page td:first-child{width:26%;min-width:7em;font-weight:700}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px}.footer-links a{text-decoration:underline;text-underline-offset:4px}footer>.wrap{gap:24px;align-items:flex-start}@media(max-width:600px){.legal-summary{padding:20px}.legal-page th,.legal-page td{padding:12px 8px}.footer-links{flex-direction:column;gap:16px}footer>.wrap{flex-direction:column}.legal-page section,.legal-document{margin-top:36px}}

.guide-block{padding:28px;background:#f9eaf2;border-left:5px solid #b53d6d;border-radius:0 16px 16px 0;margin:36px 0 28px}.guide-block h2{margin-bottom:12px}.guide-block p:last-child{margin-bottom:0}.guide-supplement{padding:24px;background:#f7f5f9;border:1px solid var(--line);border-radius:16px}.guide-supplement summary{font-weight:700;cursor:pointer}.guide-supplement .ai-notices{margin-top:24px}.guide-supplement .two{grid-template-columns:1fr}.toc>strong{display:block;margin-top:16px;color:var(--ink)}.guide-screen figcaption p{margin:10px 0}.step h3{margin-top:30px}@media(max-width:600px){.guide-block,.guide-supplement{padding:20px}.toc{display:flex;flex-direction:column}}

.defaults-table{width:100%;border-collapse:collapse;margin:20px 0}.defaults-table th,.defaults-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.defaults-table th:first-child{text-align:left;white-space:normal;min-width:10em}.defaults-table thead{background:#f7f5f9}.defaults-table td strong{color:#91416b}