/* Brand theme: actual app icon, soft lavender, rounded type and fluffy map art. */
@font-face{font-family:"Zen Maru Gothic";src:url('/assets/zen-maru-bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{--bg:#fbf8ff;--ink:#48375f;--muted:#746486;--line:#e3d7ef;--accent:#9b73d8;--action:#8052b3;--pink:#f9e8f3;--font:"Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--ink)}
body{font-weight:500}.brand,h1,h2,h3,.button,.number{font-family:"Zen Maru Gothic","Yu Gothic",Meiryo,sans-serif;font-weight:700}.header{border-bottom:1px solid var(--line);padding-block:22px}.brand{font-size:29px;gap:12px}.brand-icon{width:48px;height:48px;border-radius:13px;box-shadow:0 3px 10px #a97bc125}.header nav a{color:#66507c;font-weight:650}.header nav a:hover,.header nav a[aria-current]{color:var(--action)}
.hero{border-bottom:0;position:relative;padding-bottom:80px}.hero h1{font-size:clamp(36px,4.3vw,62px);font-weight:700;line-height:1.5;letter-spacing:-.065em;margin-bottom:26px}.hero h1 span{color:#9e6bd8}.hero-description{color:#6a537f;font-size:17px;line-height:1.95;font-weight:500}.hero-art{width:130%;margin-left:-13%}.hero-art img{mask-image:none;mix-blend-mode:normal}.hero-art figcaption{font-size:10px;color:#8a779b;max-width:90%}.hero::after{content:"";position:absolute;width:100vw;height:35px;left:calc(50% - 50vw);bottom:-1px;background:var(--pink);clip-path:ellipse(72% 100% at 50% 100%);pointer-events:none}.button{border-radius:30px;padding-inline:28px;font-size:15px;border-color:var(--action);font-weight:700;box-shadow:none}.primary,.light{background:var(--action);color:#fff}.primary:hover,.light:hover{background:#6d409e}.secondary{color:var(--action);background:#fff8;border-color:#ad85da}.secondary:hover{background:#f0e6fc}.release-status{color:#7f6495}.features{position:relative;isolation:isolate;padding-block:65px 75px}.features::before{content:"";position:absolute;z-index:-1;inset:0;left:calc(50% - 50vw);width:100vw;background:var(--pink)}.features h2,.workflow h2{font-size:36px;letter-spacing:-.045em;line-height:1.6}.section-lead{color:#806d8f}.feature{border-color:#dccce7}.feature>.icon{color:#9c75c6;stroke-width:1.7}.feature h3{font-size:20px}.feature p{color:#776585;font-size:15px}.workflow{background:#e8dcfa;color:var(--ink);padding-block:58px}.steps li{border-color:#c8b6dd}.number{color:#8a64b6;background:#ffffffb0;border-radius:50%;width:62px;height:62px;font-size:29px;line-height:62px;text-align:center;flex-shrink:0}.steps h3{color:#5d4575}.steps p{color:#7d6893}.light{border-color:var(--action)}.light:hover{color:#fff}.page-notes{color:#8a7798}.footer{border-color:var(--line)}.footer .brand{font-size:20px}.footer .brand-icon{width:31px;height:31px;border-radius:9px}.notice{background:#f0e6fa;border-color:#b08bd7;color:#705783;border-radius:0 14px 14px 0}.doc-wrap h1{font-weight:700;color:#5b3e76}.doc-wrap h2{color:#674686}.doc-wrap h3{color:#77568f}.contact{border-top-color:#b48dd7}.contact-email{color:var(--action)}.faq summary{color:#684e80}.faq details{border-color:var(--line)}.faq details[open]{background:#f7effd;border-radius:12px;padding-inline:12px}.skip{background:var(--action);color:#fff}
@media(max-width:1100px){.hero h1{font-size:43px}.hero-art{width:122%;margin-left:-10%}.features h2,.workflow h2{font-size:31px}.steps li{gap:16px}.number{width:50px;height:50px;line-height:50px;font-size:25px}}
@media(max-width:760px){.header{padding-block:19px}.brand{font-size:24px}.brand-icon{width:41px;height:41px;border-radius:11px}.hero{padding-block:42px 46px}.hero h1{font-size:clamp(28px,6.8vw,46px);line-height:1.6;letter-spacing:-.045em;margin-bottom:24px}.hero-description{font-size:15px;line-height:2}.button{font-size:13px;padding:13px 19px;min-height:51px}.hero-art{width:118%;margin:26px 0 0 -9%}.hero-art figcaption{font-size:9px;max-width:100%;margin-top:8px}.hero::after{height:23px}.features{padding-block:42px 40px}.features h2,.workflow h2{font-size:25px;line-height:1.7}.feature h3{font-size:17px}.feature p{font-size:14px}.workflow{padding-block:40px}.steps li,.steps li:first-child{border-color:#cdbbe2;gap:20px;padding-block:20px}.number{width:52px;height:52px;line-height:52px;font-size:24px}.steps h3{font-size:18px}.steps p{font-size:13px}.doc-wrap h1{font-size:29px}}
@media(max-width:400px){.hero h1{font-size:28px}.button{font-size:12px;padding-inline:14px}.hero{padding-top:28px}.feature h3{font-size:16px}.features h2{font-size:23px}}
.feature>.feature-icon{width:76px;height:82px}.workflow{border-radius:34px 34px 0 0}.number{background:#a477d7;color:#fff}.steps li{border-left:0}.hero .button .icon{width:18px;height:18px}.hero-art figcaption{font-size:10px}
html,body{overflow-x:clip}.hero-art{width:120%;margin-left:-16%}
@media(min-width:1101px){.hero h1{font-size:clamp(54px,4.8vw,70px)}.hero-description{font-size:18px;max-width:570px}}
@media(max-width:760px){.feature>.feature-icon{width:53px;height:60px}.workflow{border-radius:26px 26px 0 0}.steps li{border-bottom:1px solid #d4c1e6}.steps li:last-child{border-bottom:0}}
@media(max-width:760px){.hero-art{width:118%;margin:26px 0 0 -9%}}
.phrase{display:inline-block;white-space:nowrap}