:root{--navy:#071d38;--blue:#1465ec;--cyan:#78d4ff;--ink:#142b46;--muted:#64748a;--line:#dce4ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(1200px,88%);margin:auto}.header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0f4}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:800;letter-spacing:.025em}.brand small{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:2px}.brand-icon{background:var(--blue);border-radius:12px;width:42px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:29px}.brand-icon span{font-size:15px;align-self:flex-start;margin-top:4px}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}nav>a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border-radius:5px;background:var(--blue);color:#fff!important;padding:20px 26px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#004dc9;transform:translateY(-2px)}.button.small{padding:13px 21px;gap:25px}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;padding:72px 0 0}.hero-glow{position:absolute;width:800px;height:800px;background:radial-gradient(ellipse,#124c8655,transparent 65%);top:-200px;right:-80px;pointer-events:none}.hero-content{position:relative}.eyebrow,.section-label{font-size:11px;letter-spacing:.19em;font-weight:700}.eyebrow{color:#8bdcff;display:flex;align-items:center;gap:12px}.eyebrow>span{width:23px;height:1px;background:var(--cyan)}.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:50px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.45;letter-spacing:.035em;margin:24px 0 38px}.hero h1 em{font-style:normal;color:#9cdfff}.hero-copy p{font-size:15px;line-height:2.05;color:#c1d0e1;margin:0 0 22px}.hero-copy .button{padding:16px 24px}.beta{font-size:10px;color:#91aac3;margin-top:12px}.hero-visual{margin:12px 0 0;border:1px solid #395271;border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;background:#0b2748;box-shadow:0 0 80px #0003}.hero-visual img{width:100%}.hero-visual figcaption{font-size:10px;color:#a7bdd4;padding:11px 17px;text-align:right}.value-strip{border-bottom:1px solid var(--line)}.value-strip>.wrap{display:flex;justify-content:center;gap:65px;align-items:center;height:87px;font-size:14px;font-weight:700}.value-strip b{color:#87a4c7;font-weight:400}.section{padding-top:105px;padding-bottom:105px}.section-label{color:var(--blue);margin-bottom:22px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.intro .section-label{margin-top:18px}h2{font-size:clamp(28px,3vw,40px);line-height:1.6;letter-spacing:.025em;margin:0 0 25px}p{line-height:2;color:var(--muted);font-size:15px}.intro p{margin-bottom:0}.feature-section{background:#f3f7fb}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:65px}.section-top h2{margin:0}.section-top>p{margin-bottom:5px}.showcase{display:grid;grid-template-columns:1fr 1.3fr;gap:85px;align-items:center;margin:0 0 95px}.feature-number{display:block;color:var(--blue);font-size:25px;font-weight:500}.feature-number i{font-style:normal;font-size:10px;letter-spacing:.15em;vertical-align:middle;margin-left:15px}.feature-copy h3{font-size:30px;line-height:1.6;margin:22px 0}.feature-copy p{font-size:14px}.feature-copy ul{padding:0;margin:25px 0;list-style:none;font-size:13px}.feature-copy li{margin:14px 0}.feature-copy li:before{content:'✓';color:var(--blue);margin-right:12px}.caption{font-size:10px;color:#718398;line-height:1.8}.plan-visual{background:#fff;border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 55px #142b460b;position:relative;overflow:hidden}.mini-toolbar{height:47px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0 18px;color:#65788d}.dots{letter-spacing:3px;font-size:7px;color:#b9c6d5}.plan-visual img{width:76%;margin:18px auto 28px}.visual-tag{background:#e9f2ff;padding:15px;text-align:center;color:#2159a1;font-size:12px;font-weight:700}.showcase.reverse{grid-template-columns:1.35fr 1fr;gap:70px}.reverse .feature-copy{order:2}.reverse .screen-visual{order:1}.screen-visual{min-width:0}.screen-visual img{border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px #172e4710}.screen-visual .caption{display:block;margin-top:14px}.text-button{background:none;border:0;padding:12px 0;color:var(--blue);cursor:pointer;font-size:12px;font-weight:700}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #d4dfeb;padding-top:45px}.feature-grid h3{font-size:22px;margin:22px 0 12px}.feature-grid p{font-size:14px;max-width:460px}.status-demo,.output-demo{display:flex;gap:12px;margin-top:22px}.status-demo span,.output-demo span{font-size:11px;background:#fff;padding:9px 14px;border-radius:4px;color:#627893;border:1px solid #dce4ee}.status-demo span:nth-child(2){color:#2467be;background:#e8f2ff;border-color:#c6ddfa}.status-demo span:nth-child(3){color:#19704e;background:#eaf7ef;border-color:#c7e8d5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid #b8cadd;padding-top:25px}.steps article>div{color:var(--blue);font-size:11px;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.steps b{font-size:30px;font-weight:400}.steps h3{font-size:20px;margin:22px 0 13px}.steps p{font-size:14px}.faq-section{background:#f7f9fc}.faq-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:70px}details{border-bottom:1px solid var(--line);padding:25px 0}details:first-child{padding-top:4px}summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';color:var(--blue);font-size:20px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;margin:18px 25px 0 0}.cta{background:var(--navy);text-align:center;padding:85px 0 90px;color:#fff;background-image:radial-gradient(ellipse at 50% 120%,#0759a955,transparent 70%)}.cta .eyebrow{justify-content:center}.cta h2{font-size:43px;margin:23px 0 14px;line-height:1.5}.cta p{color:#abc2dc}.light{background:#fff;color:var(--navy)!important;margin-top:15px}.light:hover{background:#d9efff}footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}footer .brand{font-size:18px}footer .brand small{font-size:9px;margin:0}dialog{width:min(1250px,94vw);max-height:94vh;padding:35px 20px 15px;border:0;border-radius:12px;overflow:auto;color:var(--muted)}dialog::backdrop{background:#031329cc}dialog img{width:100%}dialog p{font-size:11px;margin:10px 0 0}.close{position:absolute;right:10px;top:5px;background:white;border:0;font-size:27px;cursor:pointer;line-height:1}.skip{position:absolute;top:-80px;left:20px;z-index:50;background:white;padding:15px}.skip:focus{top:5px}:focus-visible{outline:3px solid #47b6ff;outline-offset:5px}
@media(min-width:1500px){.hero{padding-top:90px}.hero h1{font-size:72px}}
@media(max-width:900px){nav{gap:17px;font-size:11px}.hero-heading{gap:25px}.hero-copy p{font-size:13px}.showcase,.showcase.reverse{gap:35px}.feature-copy h3{font-size:25px}.value-strip>.wrap{gap:25px;font-size:12px}.faq-layout{gap:35px}.intro{grid-template-columns:1fr 2fr;gap:25px}.section-top>p{font-size:13px}}
@media(max-width:650px){html{scroll-padding-top:80px}.wrap{width:88%}.header{height:73px}.brand{font-size:17px;gap:8px}.brand-icon{width:33px;height:35px;border-radius:9px;font-size:24px}.brand-icon span{font-size:12px}nav>a:not(.button){display:none}.button.small{padding:12px 14px;gap:12px;font-size:11px}.hero{padding-top:40px}.eyebrow,.section-label{font-size:9px}.hero-heading{display:block}.hero h1{font-size:40px;line-height:1.5;margin:22px 0}.hero-copy p{font-size:13px}.hero-copy .button{padding:15px 20px;font-size:12px}.beta{font-size:9px}.hero-visual{margin-top:32px;border-radius:7px 7px 0 0}.hero-visual figcaption{font-size:8px;padding:8px 10px}.value-strip>.wrap{height:70px;gap:10px;font-size:10px;justify-content:space-between}.section{padding-top:63px;padding-bottom:63px}.intro,.faq-layout{display:block}.intro .section-label{margin-top:0}h2{font-size:28px;margin-bottom:20px}.intro p{font-size:13px}.section-top{display:block;margin-bottom:40px}.section-top>p{margin:20px 0 0}.showcase,.showcase.reverse{grid-template-columns:1fr;gap:27px;margin-bottom:55px}.feature-copy h3{font-size:27px;margin:16px 0}.feature-copy p{font-size:13px}.feature-copy ul{margin:20px 0}.reverse .feature-copy,.reverse .screen-visual{order:initial}.plan-visual img{width:70%}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-grid article+article{border-top:1px solid var(--line);padding-top:30px}.feature-grid h3{font-size:21px}.steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.steps article{padding-top:16px}.steps h3{margin-top:12px}.steps p{margin-bottom:0}.faq-layout h2{margin-bottom:35px}summary{font-size:13px}details{padding:22px 0}.cta{padding:60px 0}.cta h2{font-size:33px}.cta p{font-size:13px}.cta .button{font-size:12px;padding:18px 22px}footer{padding-top:28px;padding-bottom:28px;gap:20px;flex-wrap:wrap}footer .brand{width:100%}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}