:root{--paper:#f5f8f8;--white:#fff;--ink:#17323b;--teal:#176a63;--muted:#546870;--line:#cddbdd;--soft:#e7efee;--font:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-underline-offset:4px}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}a:hover{text-decoration-thickness:2px}a:active{color:var(--ink)}img{display:block;width:100%;height:auto}figure{margin:0}p{margin:0 0 1em}h1,h2,h3{margin:0;font-weight:700;line-height:1.4}h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.045em;max-width:850px;text-wrap:balance}h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.025em}h3{font-size:20px;letter-spacing:-.01em}ul,ol{padding-left:1.4em}li+li{margin-top:.55em}::selection{background:var(--teal);color:white}
[data-lang="en"]{display:none}html[data-locale="en"] [data-lang="ja"]{display:none}html[data-locale="en"] [data-lang="en"]{display:block}html[data-locale="en"] .inline-lang[data-lang="en"]{display:inline}html[data-locale="ja"] .inline-lang[data-lang="ja"]{display:inline}
.wrap{width:min(1184px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:9}.skip:focus{top:12px}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:90px}.wordmark{font-family:"Segoe UI",var(--font);font-weight:750;font-size:24px;letter-spacing:-.8px;color:var(--ink);text-decoration:none;white-space:nowrap}.wordmark::before{content:"";display:inline-block;width:8px;height:24px;margin-right:10px;background:var(--teal);vertical-align:-4px}.header-right{display:flex;align-items:center;gap:28px}.header-nav a{font-size:14px;text-decoration:none}.language-switch{display:flex;gap:2px;border:1px solid var(--line);padding:3px;border-radius:5px}.language-switch button{border:0;background:none;color:var(--muted);padding:7px 12px;border-radius:2px;cursor:pointer;min-height:42px;font-size:13px}.language-switch button[aria-pressed="true"]{background:var(--teal);color:white}.language-switch button:hover{box-shadow:inset 0 0 0 1px var(--teal)}.language-switch button:active{transform:translateY(1px)}
.hero{padding:64px 0 44px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--teal);margin-bottom:20px}.hero-copy{display:grid;grid-template-columns:1.7fr 1fr;gap:54px;align-items:end;margin-bottom:38px}.hero-intro{color:var(--muted);max-width:34em;margin:0}.hero-intro p:last-child{margin-bottom:0}.text-link{display:inline-block;font-weight:700;margin-top:12px}.screen-frame{padding:10px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #17323b0b}.screen-frame img{border-radius:3px}.screen-caption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:12px}.annotation{display:flex;align-items:center;gap:14px;font-size:13px;margin-bottom:14px}.annotation span{padding-bottom:4px;border-bottom:2px solid var(--teal)}.annotation b{font-size:16px;font-weight:400;color:var(--muted)}
.section{padding:64px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:48px;margin-bottom:36px}.section-heading p{max-width:430px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;margin:0;padding:0;counter-reset:step}.steps li{margin:0;padding-top:20px;border-top:2px solid var(--teal);counter-increment:step}.steps li::before{content:counter(step,decimal-leading-zero);color:var(--teal);font-family:"Segoe UI",sans-serif;font-size:14px;font-weight:700;display:block;margin-bottom:16px}.steps p{font-size:15px;color:var(--muted);margin:12px 0 0}.platform-note{margin-top:24px;font-size:13px;color:var(--muted);max-width:950px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-row p{color:var(--muted);margin-top:18px;max-width:34em}.dialog-frame{padding:26px;background:var(--soft);border-radius:6px}.dialog-frame img{max-width:520px;margin:auto;border:1px solid var(--line);border-radius:5px}.dialog-frame figcaption{font-size:12px;color:var(--muted);margin-top:12px}.quiet-list{padding:0;list-style:none;margin:26px 0 0}.quiet-list li{padding:12px 0;border-top:1px solid var(--line);font-size:15px}.quiet-list strong{font-weight:700}
.compat{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.compat dl{margin:0}.compat dl div{display:grid;grid-template-columns:165px 1fr;padding:17px 0;border-bottom:1px solid var(--line);gap:18px}.compat dl div:first-child{padding-top:0}.compat dt{font-weight:700}.compat dd{margin:0;color:var(--muted)}.compat p{font-size:14px;color:var(--muted);margin-top:18px}.purchase{background:var(--white);border-top:1px solid var(--line);padding:64px 0}.purchase-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.draft-label{display:inline-block;color:var(--teal);border-left:3px solid var(--teal);padding-left:10px;font-size:13px;font-weight:700;margin-bottom:18px}.price{font-family:"Segoe UI",var(--font);font-size:54px;line-height:1.1;letter-spacing:-2px;font-weight:700;margin:22px 0 12px;font-variant-numeric:tabular-nums}.price small{font-size:14px;letter-spacing:0;margin-left:12px;font-weight:400}.purchase p{color:var(--muted)}.disabled-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.disabled-actions button{background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:14px 18px;font-weight:700;cursor:not-allowed;min-height:52px;flex:1;min-width:190px}.fine{font-size:13px}.purchase-terms{border-left:1px solid var(--line);padding-left:36px}.purchase-terms ul{margin:0 0 22px}.purchase-terms li{font-size:15px}.faq{margin-top:32px}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer;min-height:32px;padding-right:20px}details p{color:var(--muted);max-width:850px;margin:18px 0 0;font-size:15px}.site-footer{padding:36px 0;background:var(--paper);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.footer-nav{display:flex;flex-wrap:wrap;gap:14px 24px}.footer-meta{font-size:12px;line-height:1.7;margin:20px 0 0}.policy{padding:58px 0 80px}.policy-inner{max-width:830px}.policy h1{font-size:clamp(32px,4vw,48px)}.policy-lead{font-size:18px;color:var(--muted);margin-top:24px}.policy section{padding-top:34px;margin-top:34px;border-top:1px solid var(--line)}.policy h2{font-size:23px;margin-bottom:18px}.policy p,.policy li{color:var(--muted)}.policy .notice{padding:20px 24px;border-left:3px solid var(--teal);background:var(--white);margin-top:24px}.policy .notice p:last-child{margin-bottom:0}.policy .email{font-size:20px;overflow-wrap:anywhere}.policy dl div{padding:15px 0;border-bottom:1px solid var(--line)}.policy dt{font-weight:700;margin-bottom:6px}.policy dd{margin:0;color:var(--muted)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:12px}.header-right{gap:12px}.header-nav{display:none}.hero{padding:40px 0 30px}.hero-copy{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.hero-intro{max-width:600px}.section{padding:42px 0}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:18px;max-width:600px}.steps{gap:22px}.feature-row,.compat,.purchase-inner{grid-template-columns:1fr;gap:30px}.feature-row .dialog-frame{grid-row:2}.compat dl div{grid-template-columns:145px 1fr}.purchase{padding:42px 0}.purchase-terms{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.screen-frame{padding:5px}.footer-top{align-items:start}.policy{padding:38px 0 58px}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.wordmark{font-size:21px}.language-switch button{padding:6px 9px}.hero{padding-top:32px}.eyebrow{font-size:10px;letter-spacing:.08em}.hero h1{font-size:35px}.steps{grid-template-columns:1fr;gap:28px}.steps li{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding-top:16px}.steps li::before{grid-row:1/3;margin-top:2px}.steps h3{font-size:19px}.steps p{margin-top:8px}.screen-caption{gap:5px}.feature-row{gap:24px}.dialog-frame{padding:15px}.compat dl div{grid-template-columns:1fr;gap:6px}.disabled-actions{display:block}.disabled-actions button{width:100%;margin-bottom:10px}.footer-top{display:block}.footer-top .wordmark{display:block;margin-bottom:16px}.price{font-size:48px}.policy-lead{font-size:16px}.policy .notice{padding:18px}.annotation{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}