@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans','Noto Sans JP',sans-serif;color:#1d2732;background:#f7f5ef;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:20;padding:12px 18px;background:#1d2732;color:#fff}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #e88c64;outline-offset:3px}.site-header{position:sticky;top:0;z-index:10;background:rgba(247,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(30,40,50,.08)}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-weight:800;font-size:15px;letter-spacing:-.04em}.brand-mark{width:31px;height:31px;border-radius:9px;background:#314b81;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:0 3px 0 #d4b0a0}.brand-mark span{height:3px;width:16px;background:#fff8eb;border-radius:4px}.brand-mark span:last-child{width:11px;align-self:flex-start;margin-left:8px}.desktop-nav{display:flex;gap:32px;margin:auto;font-size:13px;font-weight:700;color:#5d6873}.desktop-nav a:hover,.footer-inner>a:last-child:hover{color:#bf5c39}.button{min-height:56px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:100px;font-weight:800;font-size:14px;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:18px;font-weight:500}.button-small{min-height:43px;padding-inline:20px;gap:15px;font-size:12px}.button-dark{background:#24334d;color:white}.button-dark:hover{background:#354c70}.button-primary{background:#e57e59;color:#1d2732;box-shadow:0 9px 0 #ebd0b8}.button-primary:hover{box-shadow:0 12px 0 #ebd0b8}.button-outline{border:1px solid #27364e;background:transparent}.button-outline:hover{background:#fff}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-block:80px 90px}.hero-copy{position:relative;z-index:1}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:9px;color:#b45639;letter-spacing:.06em}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#df8461}.hero h1{font-size:clamp(48px,5.5vw,80px);letter-spacing:-.085em;line-height:1.23;margin:23px 0 27px;font-weight:800}.hero h1 em{font-style:normal;color:#cc6e4d;white-space:nowrap}.hero-lead{max-width:480px;font-size:17px;line-height:1.95;color:#58616b}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:35px}.hero-note{font-size:12px;line-height:1.6;color:#7a817f;margin-top:20px}.hero-visual{height:520px;position:relative;display:grid;place-items:center}.hero-halo{position:absolute;border-radius:50%}.hero-halo-one{height:480px;width:480px;background:#e9dfce;right:0;top:25px}.hero-halo-two{width:300px;height:300px;background:#dce8db;left:2%;bottom:0}.hero-app{position:relative;width:min(440px,90%);background:#f3f5fa;border:1px solid #d9dce5;padding:23px;box-shadow:0 35px 70px rgba(27,42,60,.14);border-radius:19px;transform:rotate(-5deg)}.app-top{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#576274}.app-progress,.demo-progress{height:5px;background:#d9dfeb;border-radius:8px;overflow:hidden;margin:12px 0 17px}.app-progress span{display:block;width:25%;height:100%;background:#5366a9}.app-card{min-height:230px;background:white;border:1px solid #e0e3e8;border-radius:15px;padding:22px}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#69717d}.app-chip{border:1px solid #cfd8eb;border-radius:7px;color:#526ab0;padding:2px 8px}.app-card strong{display:block;font-size:28px;letter-spacing:-.04em;margin:18px 0 28px}.app-divider{height:1px;background:#e8e9ee;margin-bottom:14px}.app-card .muted,.app-card p{color:#8a929d;font-size:12px}.app-card p{margin:10px 0 0}.app-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.app-buttons span,.app-reveal{text-align:center;font-size:12px;font-weight:700;padding:10px;background:#fff;border:1px solid #d8dce6;border-radius:8px}.app-buttons span:last-child{color:white;background:#4a5faf}.app-reveal{margin-top:8px}.floating-note{position:absolute;z-index:1;background:#fffdf9;border:1px solid #e5d7c9;box-shadow:0 14px 30px rgba(27,42,60,.1);border-radius:11px;padding:14px 17px;font-size:12px;font-weight:700;white-space:nowrap}.note-top{top:16px;right:0;transform:rotate(6deg)}.note-bottom{bottom:9px;left:0;transform:rotate(5deg)}.note-icon,.note-check{color:#d76d48;font-size:18px;margin-right:6px}.trust-line{border-top:1px solid #e7e1d8;border-bottom:1px solid #e7e1d8}.trust-inner{min-height:84px;display:flex;justify-content:center;align-items:center;gap:32px;font-size:13px;font-weight:700;color:#63706c}.trust-symbol{color:#d17555}.section{padding-block:115px}.section-heading{margin-bottom:48px}.kicker{color:#b36045;margin-bottom:19px}.section-heading h2,.demo-intro h2,.closing-inner h2{font-size:clamp(37px,4vw,57px);letter-spacing:-.07em;line-height:1.35;margin-bottom:17px}.section-heading>p:last-child,.split-heading>p,.demo-intro>p:not(.kicker){color:#657078;line-height:1.9;font-size:15px}.mobile-break{display:none}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{position:relative;min-height:420px;overflow:hidden;border-radius:25px;padding:34px 30px;display:flex;flex-direction:column}.feature-peach{background:#f3dfd2}.feature-lavender{background:#e5e6f0}.feature-mint{background:#dcebe4}.feature-icon{font-size:35px;color:#344d66;line-height:1}.feature-number{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6d6f73;margin-top:21px}.feature-card h3{font-size:22px;letter-spacing:-.05em;margin:12px 0}.feature-card p{font-size:13px;line-height:1.8;color:#59646c;max-width:280px}.mini-sheet{margin-top:auto;border-radius:13px;overflow:hidden;background:#fffdf9;border:1px solid rgba(60,60,60,.13);font-size:11px;box-shadow:0 15px 30px rgba(70,60,55,.07)}.mini-sheet>div{display:grid;grid-template-columns:1fr 1fr}.mini-sheet span,.mini-sheet b{padding:7px 15px;border-bottom:1px solid #e8e5e0}.mini-sheet b{background:#e5eee6;color:#53645a}.mini-sheet div:last-child span{border-bottom:0}.mini-sheet span:first-child,.mini-sheet b:first-child{border-right:1px solid #e8e5e0}.feature-quote{background:#fff;border-radius:12px;padding:19px;margin-top:auto;font-size:17px;font-weight:800;line-height:1.9;box-shadow:0 15px 30px rgba(70,60,55,.06)}.feature-quote span{font-size:11px;color:#6d71a2}.feature-tags{margin-top:auto;display:flex;gap:9px}.feature-tags span{display:grid;place-items:center;width:45px;height:45px;background:#fff;border-radius:12px;font-size:22px;color:#47675c}.screens-section{background:#eae9e3}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.split-heading>p{max-width:320px;margin-bottom:10px}.screens-grid{display:grid;grid-template-columns:1.45fr .7fr;gap:20px}.screenshot{margin:0;border-radius:23px;background:#f8f8f5;overflow:hidden;padding:24px}.screen-frame{height:410px;overflow:hidden;border-radius:13px;background:#edeff3;border:1px solid #d8dbe1;box-shadow:0 8px 25px rgba(30,40,50,.08)}.screen-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.screenshot-phone{background:#d9e4df}.phone-frame{height:410px;display:flex;justify-content:center;overflow:hidden}.phone-frame img{width:auto;height:100%;border-radius:15px 15px 0 0;box-shadow:0 12px 30px rgba(30,40,50,.16)}figcaption{display:flex;gap:18px;align-items:start;padding-top:22px}figcaption>span{color:#be694c;font-size:12px;font-weight:800}figcaption strong{font-size:16px}figcaption p{margin:6px 0 0;color:#6b7379;font-size:12px}.demo-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.demo-intro>p:not(.kicker){max-width:360px}.demo-disclaimer{max-width:370px;margin-top:36px;display:flex;gap:10px;background:#f0e9dc;border:1px solid #e6dbcc;border-radius:13px;padding:16px;font-size:12px;line-height:1.8;color:#5e686f}.demo-disclaimer>span:first-child{font-size:19px;color:#c36b49}.demo-panel{border-radius:24px;padding:26px;background:#f1f3f8;border:1px solid #dbe0e7;box-shadow:0 22px 60px rgba(32,45,72,.1)}.demo-header{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#66727f}.demo-progress{margin:13px 0 17px}.demo-progress span{display:block;height:100%;width:33.33%;background:#4557a5;transition:width .25s}.demo-card{min-height:260px;border:1px solid #e0e3ea;background:white;border-radius:17px;padding:25px}.demo-question-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.demo-label{font-size:12px;color:#707984;font-weight:700}.demo-tags{display:flex;gap:4px}.demo-tag{border:0;background:transparent;width:36px;height:36px;border-radius:9px;font-size:20px;color:#394962}.demo-tag:hover,.demo-tag[aria-pressed="true"]{background:#e9eef9;color:#354d9c}.demo-question{font-weight:800;font-size:clamp(22px,3vw,33px);letter-spacing:-.04em;margin:24px 0 27px;min-height:42px}.demo-rule{height:1px;background:#e5e8ed;margin-bottom:18px}.demo-answer{font-size:15px;color:#9199a4;margin:12px 0 0;min-height:25px}.demo-answer.is-visible{color:#1d2732;font-weight:700}.demo-controls{display:grid;gap:10px;margin-top:14px}.demo-direction{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-control{min-height:48px;border-radius:10px;border:1px solid #d6dce6;background:white;color:#25324a;font-size:13px;font-weight:800}.demo-control:hover:not(:disabled){background:#e9eefb}.demo-control:disabled{opacity:.5}.demo-control[aria-pressed="true"]{background:#fae9db;border-color:#e5b68f}.demo-flag span{color:#b55b3d}.demo-next{background:#4055a8;color:white;border-color:#4055a8}.demo-next:hover:not(:disabled){background:#33478f}.demo-help{text-align:center;color:#818b96;font-size:11px;margin:14px 0 0}.how-section{background:#e8ede6}.steps{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none}.steps li{padding-top:22px;border-top:2px solid #899d92;display:flex;gap:18px}.step-num{font-size:16px;font-weight:800;color:#557364}.steps h3{font-size:17px;margin:0 0 10px}.steps p{font-size:13px;line-height:1.8;color:#60706a;max-width:250px}.faq-section{max-width:940px}.faq-list{border-top:1px solid #dcd8ce}.faq-list details{border-bottom:1px solid #dcd8ce}.faq-list summary{cursor:pointer;list-style:none;padding:25px 40px 25px 3px;font-size:16px;font-weight:700;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:10px;font-size:23px;font-weight:400;top:19px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#647079;line-height:1.85;font-size:14px;padding:0 35px 20px 3px;max-width:700px}.closing-section{overflow:hidden;background:#293b5c;color:#fff}.closing-inner{position:relative;text-align:center;padding-block:100px 110px}.closing-inner .kicker{color:#f3ac8c;position:relative;z-index:1}.closing-inner h2{font-size:clamp(40px,5vw,68px);position:relative;z-index:1}.closing-inner>p:not(.kicker){color:#d9e0e8;font-size:15px;position:relative;z-index:1}.button-white{background:#fff;color:#253754;margin-top:20px;position:relative;z-index:1}.button-white:hover{background:#f5e7da}.closing-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:450px;height:450px;top:-140px}.orbit-one{left:-180px}.orbit-two{right:-180px;top:100px}.site-footer{background:#f7f5ef}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#7a827e}.footer-inner .brand{color:#1d2732}.footer-inner>a:last-child{font-weight:700}
@media(min-width:901px){.hero h1{font-size:clamp(48px,4.6vw,62px)}}
@media(max-width:900px){.desktop-nav{gap:16px}.hero{gap:20px}.hero-visual{height:440px}.hero-halo-one{width:380px;height:380px}.hero h1{font-size:clamp(44px,6.5vw,62px)}.feature-card{padding:26px 22px}.feature-card h3{font-size:19px}.demo-section{gap:30px}.screen-frame,.phone-frame{height:330px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,520px)}.header-inner{min-height:66px}.brand{font-size:13px}.desktop-nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;gap:25px;padding-block:65px 85px}.hero h1{font-size:clamp(31px,9vw,52px)}.hero-lead{font-size:15px}.hero-visual{height:450px}.hero-halo-one{right:0;left:auto;width:360px;height:360px}.hero-halo-two{width:230px;height:230px}.hero-app{max-width:390px}.note-top{top:3px}.note-bottom{bottom:0}.trust-inner{flex-wrap:wrap;gap:9px 16px;padding-block:18px;text-align:center;font-size:11px}.section{padding-block:78px}.mobile-break{display:initial}.section-heading h2,.demo-intro h2{font-size:39px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:330px}.feature-card p{max-width:100%}.mini-sheet{max-width:260px}.feature-quote{max-width:280px}.screens-grid{grid-template-columns:1fr}.split-heading{display:block}.split-heading>p{max-width:100%}.screenshot{padding:18px}.screen-frame{height:280px}.phone-frame{height:340px}.demo-section{grid-template-columns:1fr;gap:30px}.demo-intro h2 br{display:none}.demo-disclaimer{margin-top:20px}.steps{grid-template-columns:1fr;gap:25px}.steps li{padding-top:16px}.steps p{max-width:100%;margin:0}.closing-inner{padding-block:85px}.footer-inner{padding-block:25px;flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}
@media(max-width:390px){.header-cta{padding-inline:13px;min-height:39px}.brand{font-size:12px;gap:7px}.brand-mark{width:27px;height:27px}.hero-actions{gap:9px}.hero-actions .button{min-height:51px;padding-inline:17px;gap:10px}.hero-visual{height:400px}.hero-app{padding:17px}.hero-halo-one{width:300px;height:300px}.floating-note{font-size:10px;padding:10px}.app-card{min-height:210px}.demo-panel{padding:15px}.demo-card{padding:18px}.demo-tag{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.demo-progress span{transition:none}}