:root{--navy:#092734;--ink:#12323c;--teal:#087f7d;--mint:#8cecd7;--muted:#576f76;--line:#dbe6e5;--paper:#f3f8f7;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;font-size:16px;line-height:1.85;overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #0ea6a0;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:white;padding:10px 24px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:#ffffffef;backdrop-filter:blur(18px);border-bottom:1px solid #e5eeec}.nav-wrap{width:min(1320px,calc(100% - 64px));height:82px;margin:auto;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:720;letter-spacing:.3px}.brand img{border-radius:11px}.site-header nav{margin-left:auto;display:flex;gap:32px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 28px;border-radius:9px;font-weight:700;font-size:16px;line-height:1.5;transition:transform .18s,background .18s}.button:hover{text-decoration:none;transform:translateY(-2px)}.nav-cta{background:var(--navy);color:white;font-size:14px;padding:13px 23px}.hero{background:#082631;color:white;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;z-index:-1;right:-160px;top:0;width:1250px;height:920px;object-fit:cover;opacity:.67;mask-image:linear-gradient(90deg,transparent,#000 40%);pointer-events:none}.hero-grid{min-height:790px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding-top:58px;padding-bottom:55px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.7px;margin:0 0 26px;color:var(--mint)}.teal{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.3vw,62px);font-weight:750;line-height:1.48;letter-spacing:-2.5px;margin-bottom:28px}em{font-style:normal;color:var(--mint)}.hero-lead{color:#d4e3e6;font-size:19px;line-height:2.1;margin-bottom:32px}.hero-actions{display:flex;gap:25px;align-items:center}.primary{background:var(--mint);color:#093b3d}.primary:hover{background:#b2ffe9}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:13px;align-items:center}.hero-facts{font-size:14px;color:#d1e4e6;margin:24px 0 6px}.hero-facts span{padding:0 8px;color:#849da3}.micro{font-size:12px;line-height:1.8;color:#b4c9cf;margin-bottom:0}.hero-visual{height:650px;position:relative}.screen{border:5px solid #4f686e;border-radius:31px;overflow:hidden;background:#0f2e3c;box-shadow:0 30px 60px #00181d35}.hero-screen{position:absolute;left:9%;top:0;width:277px;transform:rotate(-5deg)}.task-screen{position:absolute;right:-3%;top:130px;width:230px;transform:rotate(6deg);border-color:#dae8e8;box-shadow:0 30px 60px #00171d70}.floating-note{position:absolute;left:0;bottom:32px;display:flex;align-items:center;gap:16px;color:var(--ink);background:#eefff9;padding:17px 22px;border-radius:14px;box-shadow:0 15px 40px #00181d50}.check{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#c9f4e7;color:#0e7b73}.floating-note strong{display:block;font-size:15px}.floating-note div>span{display:block;font-size:12px;color:#587770}.hero-bottom{border-top:1px solid #ffffff20;padding-block:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b9d3d6;letter-spacing:1.5px}.intro{padding-block:110px 100px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{font-size:clamp(29px,3.15vw,44px);font-weight:730;line-height:1.6;letter-spacing:-1.5px;margin-bottom:27px}.intro-grid p{color:var(--muted);margin-bottom:19px}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:55px;border-top:1px solid var(--line);padding-top:32px}.benefit-strip>div{position:relative;padding-left:48px}.benefit-strip span{position:absolute;left:0;top:0;color:var(--teal);font-size:13px;font-family:monospace}.benefit-strip strong{font-size:20px;font-weight:650}.benefit-strip p{font-size:14px;color:var(--muted);margin:8px 0 0}.features{background:var(--paper);padding:95px 0 55px}.section-top{margin-bottom:60px}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:105px;margin-bottom:78px}.feature-row.reverse .feature-media{order:2}.feature-row.reverse .feature-copy{order:1}.feature-media{height:575px;overflow:hidden;border-radius:var(--radius);position:relative;padding:33px 36px}.pale{background:#e0eee8}.navy{background:#103845;color:#fff}.mint{background:#bcecdc}.media-caption span{display:block;font-size:12px;letter-spacing:2px;margin-bottom:8px;opacity:.7}.media-caption strong{font-size:21px;font-weight:650}.feature-screen{width:270px;margin:28px auto 0;border-color:#fff;box-shadow:0 30px 50px #133e4025}.feature-number{color:var(--teal);font-size:13px;font-weight:650;letter-spacing:1px;margin-bottom:21px}.feature-copy h3{font-size:36px;line-height:1.6;letter-spacing:-1px;margin-bottom:24px}.feature-copy>p:not(.feature-number){color:var(--muted);font-size:16px}.check-list{list-style:none;padding:0;margin:27px 0 0}.check-list li{position:relative;padding-left:26px;margin:12px 0;font-size:14px}.check-list li:before{content:'✓';color:var(--teal);position:absolute;left:0;font-weight:750}.screenshot-note{font-size:12px;color:var(--muted)}.workflow{padding-block:105px;display:grid;grid-template-columns:1fr 1fr;gap:110px}.workflow p{color:var(--muted)}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:25px;padding:20px 0 26px;border-bottom:1px solid var(--line)}.workflow li:first-child{padding-top:0}.workflow li>span{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e4f4ee;color:#137f77;font-size:16px;font-weight:700}.workflow h3{font-size:20px;margin:0 0 8px}.workflow li p{font-size:14px;margin:0}.pricing{background:var(--navy);color:white;padding-block:100px}.pricing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.pricing-grid>div>p:not(.eyebrow){color:#b7cdd3}.price-panel{border:1px solid #48626a;border-radius:20px;padding:35px 40px;background:#ffffff05}.price{display:flex;flex-direction:column;align-items:flex-start;line-height:1.5}.price>span{font-size:14px;color:#b9d3d7}.price strong{font-size:87px;letter-spacing:-5px;line-height:1.2;color:var(--mint);margin:10px 0}.price-panel ul{padding:0;list-style:none;margin:25px 0 16px}.price-panel li{font-size:15px;padding-block:6px}.price-panel li:before{content:'✓';margin-right:14px;color:var(--mint)}.price-panel>p{font-size:12px;color:#afc6cb}.light-button{background:var(--mint);color:var(--navy);width:100%;margin-top:8px}.facts{padding-block:105px;display:grid;grid-template-columns:1fr 1.08fr;gap:90px}.facts>div>p:not(.eyebrow){color:var(--muted);font-size:15px}.facts dl{margin:0}.facts dl>div{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.facts dl>div:first-child{padding-top:0}.facts dt{font-size:14px;font-weight:700}.facts dd{margin:0;color:var(--muted);font-size:14px}.faq{padding:30px 0 110px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{font-size:16px;font-weight:600;cursor:pointer;position:relative;padding:25px 40px 25px 0;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'＋';position:absolute;right:5px;top:24px;color:var(--teal);font-size:20px}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);padding:0 30px 25px 0;margin:0}.download{padding:90px 0 95px;background:#d6f4e8;text-align:center}.download img{border-radius:21px;margin:0 auto 26px}.download .eyebrow{color:var(--teal);margin-bottom:18px}.download h2{font-size:48px;line-height:1.45;letter-spacing:-2px;margin-bottom:24px}.download em{color:var(--teal)}.download p{color:#476a6c}.store-links{display:flex;justify-content:center;gap:16px;margin:30px 0 19px}.store-pending{display:flex;flex-direction:column;background:#14313a;color:#fff;border-radius:10px;padding:12px 35px;min-width:195px}.store-pending strong{font-size:20px;font-weight:550}.store-pending>span{font-size:12px;color:#bdccd0}.download .micro{color:#476a6c}footer{background:#f9fbfa;padding:48px 0 23px}.footer-top{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.footer-top>p{font-size:13px;color:var(--muted);margin:0}.footer-top nav{width:100%;display:flex;gap:28px;font-size:13px;color:var(--muted);margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:32px;padding-top:22px;font-size:12px;color:var(--muted)}
@media(min-width:1600px){.hero-art{right:0}.hero-grid{min-height:840px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-wrap{gap:25px}.hero-grid{grid-template-columns:1fr 1fr;min-height:720px;gap:0}.hero-visual{transform:scale(.86);transform-origin:center right;height:620px}.hero-copy h1{font-size:46px}.hero-actions{gap:16px}.hero-screen{left:0}.task-screen{right:-25px}.feature-row{gap:55px}.feature-copy h3{font-size:31px}.pricing-grid,.workflow,.facts{gap:50px}.faq{gap:40px}.hero-lead{font-size:17px}}
@media(max-width:760px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 40px)}.nav-wrap{width:calc(100% - 32px);height:70px;gap:16px}.brand{font-size:22px;gap:9px}.brand img{width:32px;height:32px}.site-header nav{display:none}.nav-cta{margin-left:auto;padding:11px 16px;font-size:13px;gap:15px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:0}.hero-copy h1{font-size:clamp(32px,8.5vw,48px);letter-spacing:-1.4px;line-height:1.5;margin-bottom:23px}.eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:20px}.hero-lead{font-size:16px;line-height:1.95;margin-bottom:25px}.button{padding:15px 22px}.hero-actions{gap:22px}.text-link{font-size:13px}.hero-facts{margin-top:20px;font-size:12px}.hero .micro{font-size:12px;max-width:310px}.hero-visual{width:330px;max-width:100%;height:526px;transform:none;margin:45px auto 0}.hero-screen{width:207px;left:2%;top:0;border-width:4px;border-radius:25px}.task-screen{width:168px;top:100px;right:1%;border-width:4px;border-radius:23px}.floating-note{left:-2px;bottom:37px;padding:12px 14px;gap:10px}.floating-note strong{font-size:12px}.floating-note div>span{font-size:12px}.hero-art{width:900px;height:900px;right:-300px;top:220px;max-width:none;opacity:.58}.hero-bottom{padding-block:17px;display:block;font-size:12px}.hero-bottom span:last-child{display:none}.intro{padding-block:65px}.intro-grid,.benefit-strip,.feature-row,.workflow,.pricing-grid,.facts,.faq{grid-template-columns:1fr;gap:25px}h2{font-size:29px;letter-spacing:-.8px;line-height:1.6;margin-bottom:22px}.intro-grid p{font-size:15px}.intro-grid{gap:0}.desktop{display:none}.benefit-strip{margin-top:28px;gap:25px}.benefit-strip>div{padding-left:42px}.benefit-strip strong{font-size:18px}.features{padding-top:62px;padding-bottom:30px}.section-top{margin-bottom:35px}.feature-row{margin-bottom:58px;gap:27px}.feature-media{height:465px;padding:26px 28px;border-radius:20px}.feature-screen{width:239px;margin-top:22px}.media-caption strong{font-size:19px}.feature-row.reverse .feature-media{order:0}.feature-row.reverse .feature-copy{order:0}.feature-number{font-size:12px;margin-bottom:13px}.feature-copy h3{font-size:29px;margin-bottom:17px}.feature-copy>p:not(.feature-number){font-size:15px}.check-list{margin-top:20px}.check-list li{font-size:14px}.workflow{padding-block:65px;gap:30px}.workflow>div>p{font-size:15px}.pricing{padding-block:65px}.pricing-grid{gap:27px}.pricing-grid>div>p{font-size:15px}.price-panel{padding:28px}.price strong{font-size:76px}.facts{padding-block:65px;gap:20px}.facts dl>div{grid-template-columns:1fr;gap:8px;padding-block:20px}.facts dd{font-size:14px}.faq{padding-top:0;padding-bottom:65px;gap:12px}summary{font-size:15px;padding-block:23px}details p{font-size:14px}.download{padding-block:60px}.download h2{font-size:36px}.download>.wrap>p:not(.eyebrow){font-size:15px}.store-links{gap:10px}.store-pending{padding:12px 15px;min-width:0;flex:1;max-width:195px}.store-pending strong{font-size:18px}.footer-top{gap:16px}.footer-top>p{width:100%}.footer-top nav{flex-direction:column;gap:12px}.footer-bottom{font-size:12px;gap:12px}.footer-bottom span{max-width:150px}.screenshot-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Language navigation stays available on every screen size. */
.nav-wrap{gap:24px}
.language-menu{position:relative;flex:none;border:0;margin:0}
.language-menu summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:1.4;white-space:nowrap}
.language-menu summary:after,.language-menu[open] summary:after{content:none}
.language-short{display:none}
.language-chevron{font-size:15px;color:var(--teal)}
.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:152px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 35px #09273422;z-index:40}
.language-options a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 12px;border-radius:7px;color:var(--ink);font-size:14px;line-height:1.5}
.language-options a:hover{background:#edf6f2;text-decoration:none}
.language-options a[aria-current="page"]{background:#e0f5ed;font-weight:700}
@media(max-width:760px){
 .nav-wrap{gap:8px}
 .language-menu{margin-left:auto}
 .language-menu summary{padding:8px;gap:4px;min-width:47px;justify-content:center;font-size:13px}
 .language-full{display:none}
 .language-short{display:inline}
 .nav-cta{margin-left:0;padding:11px 12px;gap:8px;white-space:nowrap}
}
@media(max-width:380px){
 .nav-wrap .brand{font-size:18px;gap:6px}
 .nav-wrap .brand img{width:28px;height:28px}
 .nav-cta{font-size:12px;padding:10px 8px;gap:4px}
 .language-menu summary{min-width:43px;padding-inline:6px}
}