@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--blue:#2855de;--ink:#172339;--muted:#697284;--line:#e7eaf0;--soft:#f4f7fc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #7a9cff;outline-offset:5px}::selection{background:#dbe5ff}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.12;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.7vw,3.1rem)}h3{font-size:clamp(1.8rem,3vw,2.65rem)}.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}.blue{color:var(--blue)}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.13em;line-height:1.7;color:var(--blue)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}
.site-header{position:sticky;top:20px;z-index:30;height:70px;margin-top:20px}.navbar{width:min(1120px,calc(100% - 40px));height:68px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 25px;border:1px solid rgba(222,228,239,.85);border-radius:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 6px 30px #18356706;position:relative}.brand{display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:650;line-height:1;letter-spacing:-1.2px}.brand img{width:43px;height:26px;object-fit:contain;mix-blend-mode:multiply}.nav-links{display:flex;gap:32px;margin-left:70px;font-size:14px;color:#525f71}.nav-links a,.footer-main nav a{transition:color .2s}.nav-links a:hover,.footer-main nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:25px}.language{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.language a{color:#737e90;padding:6px 0}.language [aria-current]{color:var(--ink);font-weight:750}.language span{color:#a0a8b5}.nav-download{color:#fff;background:var(--blue);font-size:13px;font-weight:600;padding:11px 23px;border-radius:10px;transition:background .2s,transform .2s}.nav-download:hover{background:#1644c9;transform:translateY(-1px)}.menu-toggle{display:none;border:0;background:none;width:40px;height:44px;padding:8px;cursor:pointer}.menu-toggle span{height:1.5px;display:block;background:var(--ink);margin:6px 0;transition:transform .25s}.mobile-menu{position:absolute;top:78px;left:0;right:0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #1723390a}.mobile-menu a{display:block;padding:13px}
.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center;padding-top:53px;padding-bottom:68px;min-height:735px}.hero-copy{padding-bottom:15px}.hero h1{font-size:clamp(3.4rem,5.5vw,4.8rem);margin-top:24px;line-height:1.09;letter-spacing:-.065em}.marked{position:relative;color:var(--blue);white-space:nowrap}.marked svg{position:absolute;left:0;bottom:-14px;width:100%;height:18px;overflow:visible;fill:none;stroke:#7295f3;stroke-width:2.2;stroke-linecap:round}.marked path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.2s .6s ease forwards}.hero-intro{color:var(--muted);max-width:415px;margin-top:35px;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}.play-badge{display:inline-flex;align-items:center;gap:12px;background:#172339;color:#fff;border:1px solid #172339;border-radius:11px;padding:10px 19px;min-height:58px;transition:transform .25s,box-shadow .25s;flex-shrink:0}.play-badge:hover{transform:translateY(-3px);box-shadow:0 9px 20px #17233920}.play-badge svg{width:25px;height:28px}.play-badge span{display:block;line-height:1.2}.play-badge small{display:block;font-size:12px;font-weight:400;letter-spacing:.015em;margin-bottom:2px}.play-badge strong{display:block;font-size:20px;font-weight:550;letter-spacing:-.5px}.discover{display:inline-flex;align-items:center;justify-content:center;min-height:62px;padding:12px 22px;border:1px solid #dbe2ed;border-radius:11px;background:#fff;color:var(--ink);font-size:14px;font-weight:550;line-height:1.4;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.discover:hover{color:var(--blue);background:#f5f8ff;border-color:#b6c8ef;transform:translateY(-2px)}.android-note{display:flex;align-items:center;gap:6px;color:#788293;font-size:12px;margin-top:16px}.android-note svg{width:14px;height:14px}
.hero-paper{position:relative;background:#f0f4fb;border-radius:150px 150px 28px 28px;height:595px;display:flex;align-items:center;justify-content:center;padding-bottom:23px}.phone{position:relative;width:235px;background:#fff;border:5px solid #293547;border-radius:32px;padding:3px;box-shadow:0 2px 0 2px #bcc4d0,10px 22px 42px #24395816;transform:rotate(-4deg);flex:none}.phone img{width:100%;border-radius:23px;height:auto}.phone-hero{width:258px;transform:rotate(-7deg);box-shadow:0 2px 0 2px #bbc3cf,20px 35px 48px #24395821}.phone:after{content:"";position:absolute;right:-8px;top:95px;width:3px;height:39px;border-radius:2px;background:#748094}.vertical-jp{position:absolute;right:22px;top:123px;writing-mode:vertical-rl;color:#8798b3;letter-spacing:.35em;font-size:12px}.kana{position:absolute;left:30px;top:54px;font-family:serif;font-size:55px;color:var(--blue);transform:rotate(-13deg);font-weight:400}.doodle{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--blue)}.sparkle{position:absolute;right:43px;top:48px;width:36px;height:36px;transform:rotate(8deg)}.doodle path{stroke-dasharray:1;stroke-dashoffset:1}.hero-visual .doodle path{animation:draw 1.2s .8s ease forwards}.hand-note{position:absolute;bottom:37px;right:-15px;transform:rotate(-7deg);font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.4;color:#5973a4}.hand-note .arrow{position:absolute;right:34px;bottom:47px;width:78px;height:59px;transform:rotate(145deg)}.paper-label{position:absolute;bottom:21px;left:25px;font-size:10px;letter-spacing:.12em;color:#7083a1}
.feature-rail{padding:26px 0 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.feature-rail>p{font-size:11px;letter-spacing:.08em;color:#778295;max-width:180px;line-height:1.8}.rail-items{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:28px}.rail-items a{display:flex;flex-direction:column;align-items:flex-start}.rail-items span{font-size:18px;font-weight:550;letter-spacing:-.04em}.rail-items small{font-size:12px;color:#778295;margin-top:4px}.rail-items a:hover span{color:var(--blue)}
.features{padding-top:108px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:66px}.section-intro h2{margin-top:19px}.section-intro>p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:4px}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-bottom:83px;scroll-margin-top:110px}.feature.reverse .feature-copy{order:2}.feature.reverse .feature-visual{order:1}.feature-copy{padding:20px 10px 20px 0}.feature-label{display:flex;align-items:center;gap:17px;margin-bottom:26px}.feature-label>span{font-size:12px;color:#7d91b2;font-family:monospace;border-bottom:1px solid #bac8e0;padding-bottom:4px}.feature-label p{font-size:14px;color:var(--blue);font-weight:600}.feature-label p span{margin-left:14px;color:#7489ad;font-size:12px;font-weight:400}.feature-body{color:var(--muted);font-size:16px;line-height:1.85;margin-top:22px;max-width:410px}.feature ul{list-style:none;padding:0;margin:27px 0 0}.feature li{font-size:14px;margin:11px 0;display:flex;gap:10px;align-items:flex-start}.feature li span{color:var(--blue);font-size:12px}.feature-visual{min-height:578px;border-radius:24px;background:var(--soft);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px 20px 56px}.feature-visual .phone{width:218px;z-index:1;box-shadow:0 2px 0 2px #bcc4d0,8px 16px 30px #24395813}.feature.reverse .phone{transform:rotate(4deg)}.feature:nth-of-type(3) .feature-visual{background:#f1f5fc}.feature-glyph{position:absolute;left:35px;top:30px;font-size:55px;color:#a1b8e6;font-family:serif;line-height:1}.feature-visual .sparkle{top:auto;bottom:55px;right:29px;width:25px;height:25px}.visual-caption{position:absolute;bottom:17px;font-size:12px;color:#70819f;letter-spacing:.015em;left:16px;right:16px;text-align:center}
.about{margin-top:5px;background:#f8faff;border-block:1px solid #eef2f8;padding:81px 0}.about-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:95px}.about-symbol{position:relative;margin:auto;text-align:center;width:270px;padding:26px 0}.about-symbol img{margin:auto;mix-blend-mode:multiply;width:130px;height:auto}.about-symbol .orbit{position:absolute;inset:0;width:100%;height:100%;color:#a8bde9}.about-copy h2{margin:20px 0}.about-copy>p:last-child{color:var(--muted);font-size:16px;line-height:1.85;max-width:535px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:113px}.faq-heading h2{margin:20px 0;font-size:38px}.faq-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.8}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-question{background:none;border:0;display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px;padding:24px 0;text-align:left;font-size:15px;line-height:1.6;font-weight:550;letter-spacing:-.02em;color:var(--ink);cursor:pointer}.plus{flex:0 0 16px;height:16px;position:relative}.plus:before,.plus:after{content:"";background:#7b8ba4;width:12px;height:1px;position:absolute;top:7px;left:2px;transition:transform .3s}.plus:after{transform:rotate(90deg)}[aria-expanded=true] .plus:after{transform:rotate(0)}[aria-expanded=true]{color:var(--blue)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease,opacity .3s;opacity:0}.faq-answer>div{overflow:hidden}.faq-answer p{font-size:15px;color:var(--muted);line-height:1.85;padding-bottom:23px;padding-right:30px}.faq-item.open .faq-answer{grid-template-rows:1fr;opacity:1}
.final-cta{background:var(--blue);border-radius:26px;display:grid;grid-template-columns:1.15fr .85fr;color:white;position:relative;overflow:hidden;min-height:440px;margin-bottom:78px;padding:58px 64px 55px}.cta-copy{position:relative;z-index:2}.cta-copy .eyebrow{color:#c9d7ff;font-size:11px}.cta-copy h2{font-size:clamp(2rem,3.8vw,3.25rem);margin-top:22px;line-height:1.13}.cta-copy>p:not(.eyebrow){font-size:15px;color:#d5dfff;line-height:1.8;margin:23px 0}.final-cta .play-badge{background:white;border-color:white;color:var(--ink)}.cta-visual{position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:28px}.cta-visual .phone{width:225px;transform:rotate(11deg);position:absolute;top:21px;box-shadow:0 2px 0 2px #abc0f1,15px 25px 40px #00257840}.cta-visual .sparkle{color:#bbceff;left:-7px;right:auto;top:35px;width:35px}.cta-jp{writing-mode:vertical-rl;position:absolute;right:-25px;top:82px;letter-spacing:.3em;color:#b7cdff;font-size:14px}
footer{padding-bottom:25px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.footer-main .brand{font-size:25px}.footer-main>div>p{font-size:13px;color:#798497;margin-top:16px}.footer-main nav{display:flex;gap:30px;font-size:14px;color:#687386}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#7d8797}
.hero-enter{animation:enter .8s both}.hero-copy .hero-enter:nth-child(2){animation-delay:.1s}.hero-copy .hero-enter:nth-child(3){animation-delay:.2s}.hero-copy .hero-enter:nth-child(4){animation-delay:.3s}.hero-copy .hero-enter:nth-child(5){animation-delay:.4s}.hero-visual{animation-delay:.2s}.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}.reveal.pending{opacity:0;transform:translateY(22px)}.reveal.visible .doodle path{animation:draw 1.4s .25s ease forwards}.feature-visual.reveal{transition-delay:.1s}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes draw{to{stroke-dashoffset:0}}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:90px}.hero-paper{height:625px}.phone-hero{width:273px}}
@media(max-width:1000px){.container{width:calc(100% - 56px)}.hero{gap:24px;min-height:650px}.hero h1{font-size:clamp(3rem,5.8vw,4.3rem)}.hero-paper{height:535px;border-radius:120px 120px 25px 25px}.phone-hero{width:223px}.kana{left:15px;top:45px;font-size:45px}.hero-paper>.sparkle{right:24px;top:35px}.hero-actions{gap:20px}.hand-note{right:-5px;font-size:14px}.nav-links{margin-left:0;gap:24px}.feature{gap:58px}.feature-visual{min-height:550px}.section-intro>p{max-width:300px}.about-inner{gap:45px}.faq{gap:40px}.final-cta{padding:48px 44px}.cta-visual .phone{width:210px}.cta-jp{right:-20px}.feature-rail{gap:30px}.rail-items{gap:15px}.rail-items small{font-size:11px}.feature-rail>p{max-width:145px}}
@media(max-width:760px){html{scroll-padding-top:100px}.container{width:calc(100% - 40px)}.site-header{top:12px;margin-top:12px;height:60px}.navbar{height:58px;border-radius:17px;padding:0 12px 0 15px;width:calc(100% - 28px)}.brand{font-size:24px}.brand img{width:36px;height:23px}.nav-links,.nav-download{display:none}.nav-actions{gap:15px}.menu-toggle{display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.hero{display:flex;flex-direction:column;gap:39px;padding-top:52px;padding-bottom:42px;min-height:0}.hero-copy{width:100%;text-align:center;padding-bottom:0}.eyebrow{font-size:11px;letter-spacing:.09em}.hero h1{font-size:clamp(2.65rem,9.5vw,4.25rem);margin-top:22px;line-height:1.11;letter-spacing:-.058em}.hero-intro{max-width:360px;margin:32px auto 0;font-size:16px;line-height:1.8}.hero-actions{justify-content:center;gap:24px;margin-top:25px}.android-note{justify-content:center;margin-top:13px;font-size:12px}.play-badge{padding:9px 16px;min-height:55px}.play-badge strong{font-size:19px}.discover{font-size:13px}.hero-visual{width:min(100%,440px);padding-inline:8px}.hero-paper{height:490px;border-radius:120px 120px 24px 24px;padding-bottom:19px}.phone-hero{width:206px;border-radius:29px}.phone-hero img{border-radius:20px}.kana{top:39px;left:25px;font-size:44px}.vertical-jp{right:18px;top:117px;font-size:12px}.hero-paper>.sparkle{right:28px;top:39px;width:29px}.hand-note{bottom:30px;right:1px;font-size:13px}.hand-note .arrow{width:57px;height:43px;right:24px;bottom:37px}.paper-label{font-size:10px;left:17px;bottom:16px}.feature-rail{display:block;padding-block:23px}.feature-rail>p{max-width:none;text-align:center;font-size:10px;margin-bottom:20px}.rail-items{gap:10px;grid-template-columns:repeat(4,1fr)}.rail-items a{align-items:center}.rail-items span{font-size:14px}.rail-items small{font-size:11px;text-align:center}.features{padding-top:65px}.section-intro{display:block;text-align:center;margin-bottom:45px}.section-intro h2{margin-top:17px;font-size:30px}.section-intro>p{max-width:none;margin-top:19px;font-size:14px}.feature,.feature.reverse{display:flex;flex-direction:column;gap:25px;padding-bottom:64px}.feature .feature-copy,.feature.reverse .feature-copy{order:0;padding:0;width:100%}.feature .feature-visual,.feature.reverse .feature-visual{order:1;width:100%;max-width:440px}.feature-label{margin-bottom:15px;gap:13px}.feature-label>span{font-size:12px}.feature-label p{font-size:14px}.feature h3{font-size:31px;line-height:1.17;letter-spacing:-.045em}.feature-body{font-size:16px;margin-top:16px;max-width:none}.feature ul{margin-top:18px}.feature li{font-size:14px;margin:8px 0}.feature-visual{min-height:522px;padding-top:28px;padding-bottom:45px;border-radius:19px}.feature-visual .phone{width:210px}.feature-glyph{left:25px;top:28px;font-size:43px}.about{padding-block:48px;margin-top:5px}.about-inner{display:flex;flex-direction:column-reverse;gap:35px}.about-copy{text-align:center}.about-copy h2{font-size:30px;margin:17px 0}.about-copy>p:last-child{font-size:16px}.about-symbol{width:220px;padding:24px 0}.about-symbol img{width:105px}.faq{display:block;padding-block:65px}.faq-heading{margin-bottom:29px}.faq-heading h2{font-size:30px;margin-block:15px}.faq-heading>p:last-child{font-size:14px}.faq-heading br{display:none}.faq-question{font-size:14px;padding:20px 0;gap:20px}.faq-answer p{font-size:14px;padding-right:20px}.final-cta{grid-template-columns:1fr;min-height:805px;border-radius:20px;padding:35px 28px 0;margin-bottom:50px}.cta-copy .eyebrow{font-size:10px}.cta-copy h2{font-size:34px;margin-top:21px}.cta-copy>p:not(.eyebrow){font-size:14px;margin:20px 0}.cta-visual{height:350px;margin-top:25px}.cta-visual .phone{width:205px;top:8px;transform:rotate(9deg)}.cta-visual .sparkle{left:8px;top:38px;width:28px}.cta-jp{right:-6px;top:70px;font-size:12px}.footer-main{align-items:flex-start;gap:20px;padding-bottom:25px}.footer-main .brand{font-size:22px}.footer-main>div>p{font-size:12px;max-width:170px;line-height:1.7;margin-top:12px}.footer-main nav{gap:15px;font-size:12px;padding-top:8px}.footer-bottom{font-size:11px;gap:15px;padding-top:20px}footer{padding-bottom:22px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:2.5rem}.hero-actions{gap:18px}.hero-paper{height:460px}.phone-hero{width:193px}.hero .eyebrow{font-size:10px}.feature-visual .phone{width:196px}.feature-visual{min-height:493px}.final-cta{padding-inline:22px}.cta-copy h2{font-size:30px}.footer-main nav{gap:11px}.brand{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-enter,.reveal.pending{opacity:1;transform:none}.doodle path,.marked path{stroke-dashoffset:0}}
.hero-paper .hand-note{bottom:-26px;right:-10px}.hero-paper .hand-note .arrow{bottom:45px}@media(max-width:760px){.hero-paper .hand-note{bottom:-23px;right:0}}

.hero-actions{gap:12px;align-items:stretch;flex-wrap:wrap}.hero-actions .play-badge{min-height:62px}@media(max-width:760px){.hero-actions{gap:12px}.discover{padding-inline:20px;min-height:60px}.hero-actions .play-badge{min-height:60px}}@media(max-width:380px){.hero-actions{flex-direction:column;align-items:center}.hero-actions .play-badge,.hero-actions .discover{width:220px;justify-content:center}}