:root{--ink:#17233c;--muted:#657087;--cream:#fffaf2;--cream-2:#fff2dc;--orange:#ff6a2a;--orange-dark:#e64f13;--blue:#2f6cf6;--green:#23ae83;--line:#e8e2d8;--white:#fff;--shadow:0 24px 70px rgba(38,32,22,.1);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans JP",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.section-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;z-index:50;top:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(23,35,60,.08);background:rgba(255,250,242,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:var(--ink);color:#fff;font-family:"DM Sans";font-size:17px;font-weight:800;letter-spacing:-.04em;box-shadow:inset -4px -4px 0 rgba(255,106,42,.35)}.brand strong{display:block;font-size:17px;line-height:1.2;letter-spacing:-.03em}.brand small{display:block;margin-top:2px;color:#8990a0;font-family:"DM Sans";font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:13px;font-weight:700}.header-cta{padding:11px 18px;border-radius:99px;background:var(--ink);color:#fff;font-size:13px;font-weight:800}.header-cta span{margin-left:6px;color:#ffb07d}.hero{min-height:730px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:40px;padding-block:76px 88px}.eyebrow,.section-kicker{margin:0 0 18px;color:var(--orange-dark);font-family:"DM Sans","Noto Sans JP";font-size:12px;font-weight:800;letter-spacing:.14em}.eyebrow{display:flex;align-items:center;letter-spacing:.08em}.eyebrow span{width:28px;height:2px;margin-right:10px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:27px;font-size:clamp(42px,5vw,70px);font-weight:900;line-height:1.23;letter-spacing:-.055em}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-lead{margin-bottom:34px;color:var(--muted);font-size:16px;font-weight:500;line-height:2}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;border:0;border-radius:15px;padding:0 25px;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}.button-primary{background:var(--orange);color:#fff;box-shadow:0 13px 28px rgba(255,106,42,.26)}.button-primary:hover{transform:translateY(-2px);background:var(--orange-dark);box-shadow:0 17px 35px rgba(255,106,42,.3)}.button span{margin-left:28px;font-size:20px}.text-link{padding-block:10px;border-bottom:1px solid #bbc0ca;font-size:13px;font-weight:700}.text-link span{margin-left:9px}.trust-list{display:flex;gap:22px;margin:32px 0 0;padding:0;list-style:none;color:#777f8e;font-size:11px;font-weight:600}.trust-list span{display:inline-grid;width:17px;height:17px;margin-right:5px;place-items:center;border-radius:50%;background:#e8f8f2;color:var(--green);font-size:10px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.sun-orbit{position:absolute;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff 0 6%,#ffe5c2 7% 41%,#ffd9a7 42% 56%,transparent 57%);opacity:.75}.dashboard-card{position:relative;z-index:2;width:530px;overflow:hidden;border:1px solid rgba(23,35,60,.08);border-radius:22px;background:#fff;box-shadow:0 35px 90px rgba(73,49,17,.19);transform:rotate(-2deg)}.dash-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #edf0f3}.mini-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800}.mini-brand b{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:var(--ink);color:#fff;font-size:9px}.avatar{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff0e4;color:var(--orange);font-size:8px;font-weight:900}.dash-body{display:grid;grid-template-columns:52px 1fr;min-height:310px}.dash-body aside{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:28px;border-right:1px solid #edf0f3;background:#fbfcfe}.dash-body aside i{width:15px;height:4px;border-radius:4px;background:#cbd2de}.dash-body aside i:first-child{height:15px;background:var(--orange)}.dash-main{padding:28px 25px}.dash-heading,.chart-label{display:flex;align-items:center;justify-content:space-between}.dash-heading span,.chart-label span{font-size:12px;font-weight:900}.dash-heading small,.chart-label small{color:#9da5b4;font-size:8px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric-row div{position:relative;padding:15px;border-radius:11px;background:#f7f8fa}.metric-row small{display:block;color:#8d96a8;font-size:7px}.metric-row strong{font-family:"DM Sans";font-size:25px}.metric-row em{position:absolute;right:10px;bottom:12px;color:var(--green);font-size:7px;font-style:normal;font-weight:800}.chart-panel{padding:15px;border:1px solid #edf0f3;border-radius:11px}.bars{height:105px;display:flex;align-items:flex-end;gap:11px;padding:13px 8px 0;border-bottom:1px solid #e5e8ee}.bars b{flex:1;height:42%;border-radius:4px 4px 0 0;background:#dfe6f4}.bars b:nth-child(2){height:62%}.bars b:nth-child(3){height:48%;background:#ffbf99}.bars b:nth-child(4){height:78%;background:var(--orange)}.bars b:nth-child(5){height:68%;background:#ff9f6a}.bars b:nth-child(6){height:89%;background:var(--orange)}.bars b:nth-child(7){height:72%;background:#ffb48c}.float-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:190px;padding:12px 14px;border:1px solid rgba(23,35,60,.07);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(55,42,21,.14)}.float-note>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#e9f8f2;color:var(--green);font-size:12px;font-weight:900}.float-note small,.float-note b{display:block;font-size:8px}.float-note small{color:#929bab}.float-note b{margin-top:2px}.note-a{left:0;bottom:73px}.note-b{right:-10px;top:57px}.note-b>span{background:#edf2ff;color:var(--blue)}.spark{position:absolute;color:var(--orange);font-size:26px}.spark-one{top:13px;left:80px}.spark-two{right:42px;bottom:30px;color:#ffb64c;font-size:16px}.problem{padding-block:110px}.section-kicker{text-align:center}.problem h2,.flow h2,.faq h2{margin-bottom:52px;text-align:center;font-size:clamp(32px,4vw,48px);line-height:1.35;letter-spacing:-.045em}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.problem-card{position:relative;min-height:310px;padding:32px 26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 30px rgba(62,48,28,.04);transition:.25s}.problem-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-number{position:absolute;top:25px;right:25px;color:#d2d5db;font-family:"DM Sans";font-size:11px;font-weight:800}.line-icon{width:58px;height:58px;display:grid;margin-bottom:27px;place-items:center;border-radius:17px;background:#fff3e9;color:var(--orange);font-family:"DM Sans";font-size:26px}.problem-card:nth-child(2) .line-icon{background:#edf2ff;color:var(--blue)}.problem-card:nth-child(3) .line-icon{background:#eaf8f3;color:var(--green)}.problem-card:nth-child(4) .line-icon{background:#fff8df;color:#e2a211}.problem-card h3{font-size:18px;line-height:1.6;letter-spacing:-.02em}.problem-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.answer-band{width:min(820px,90%);display:flex;align-items:center;justify-content:center;gap:10px;margin:55px auto 0;padding:20px 28px;border-radius:99px;background:var(--ink);color:#fff;font-size:15px}.answer-band strong{color:#ff9b62;font-size:18px}.answer-band i{margin-left:20px;color:#ff9b62;font-style:normal}.features{padding-block:110px;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:58px}.section-heading .section-kicker{text-align:left}.section-heading h2,.fit-section h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.38;letter-spacing:-.05em}.section-heading>p{max-width:400px;margin:0 0 8px;color:var(--muted);font-size:13px}.feature-list{border-top:1px solid #e9ebef}.feature-row{display:grid;grid-template-columns:45px 68px 1.5fr 1fr;align-items:center;gap:25px;padding:32px 10px;border-bottom:1px solid #e9ebef}.feature-index{color:#b3b9c4;font-family:"DM Sans";font-size:11px;font-weight:800}.feature-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:17px;font-size:22px;font-weight:900}.feature-icon.orange{background:#fff1e7;color:var(--orange)}.feature-icon.blue{background:#edf2ff;color:var(--blue)}.feature-icon.green{background:#eaf8f3;color:var(--green)}.feature-icon.yellow{background:#fff7dc;color:#e4a500}.feature-row h3{margin-bottom:7px;font-size:18px}.feature-row p{margin:0;color:var(--muted);font-size:12px}.feature-row ul{margin:0;padding:0;list-style:none;color:#59647a;font-size:11px;font-weight:600}.feature-row li{margin:6px 0}.feature-row li::before{content:"•";margin-right:8px;color:var(--orange)}.flow{padding-block:110px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}.flow-grid::before{content:"";position:absolute;top:51px;left:12.5%;width:75%;border-top:1px dashed #cfcbc2}.flow-grid article{position:relative;text-align:center}.flow-grid article>span{position:absolute;top:3px;left:calc(50% + 33px);z-index:2;color:var(--orange);font-family:"DM Sans";font-size:10px;font-weight:900}.flow-grid article>div{position:relative;z-index:1;width:102px;height:102px;display:grid;margin:0 auto 22px;place-items:center;border:1px solid #e3ddd2;border-radius:50%;background:#fff;color:var(--orange);font-size:28px;box-shadow:0 10px 35px rgba(57,43,21,.06)}.flow-grid h3{margin-bottom:10px;font-size:17px}.flow-grid p{margin:0 auto;color:var(--muted);font-size:11px;max-width:210px}.fit-section{padding-block:105px;background:var(--ink);color:#fff}.fit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center}.fit-section .section-kicker{text-align:left;color:#ff9b62}.fit-copy{max-width:390px;margin:27px 0 0;color:#aeb7c9;font-size:13px}.fit-list{margin:0;padding:0;list-style:none}.fit-list li{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.fit-list li:last-child{border:0}.fit-list li>span{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:rgba(255,106,42,.15);color:#ff9b62}.fit-list strong,.fit-list small{display:block}.fit-list strong{font-size:15px}.fit-list small{margin-top:4px;color:#aeb7c9;font-size:11px}.faq{padding-block:110px}.faq h2{margin-bottom:45px}.faq-list{width:min(840px,100%);margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;padding:24px 4px;cursor:pointer;list-style:none;font-size:14px;font-weight:700}summary::-webkit-details-marker{display:none}summary>span{margin-right:20px;color:var(--orange);font-family:"DM Sans";font-size:17px;font-weight:900}summary i{margin-left:auto;font-style:normal;font-size:20px;font-weight:400;transition:.2s}details[open] summary i{transform:rotate(45deg)}details p{padding:0 46px 22px;color:var(--muted);font-size:12px}.contact-section{padding-block:105px;background:#fff}.contact-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}.contact-copy .section-kicker{text-align:left}.contact-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.4;letter-spacing:-.05em}.contact-copy h2 span{color:var(--orange)}.contact-copy>p:not(.section-kicker){color:var(--muted);font-size:13px}.contact-copy ul{margin:25px 0 0;padding:0;list-style:none;color:#6d7584;font-size:12px}.contact-copy li{margin:8px 0}.contact-copy li::first-letter{color:var(--green)}.contact-form{padding:34px;border:1px solid #ebe7df;border-radius:22px;background:var(--cream);box-shadow:0 16px 50px rgba(62,48,28,.07)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;margin-bottom:17px;font-size:11px;font-weight:800}.contact-form label>span{margin-left:8px;color:var(--orange);font-size:9px}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;margin-top:7px;border:1px solid #e2ddd4;border-radius:10px;background:#fff;padding:13px 14px;outline:none;font-size:13px;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,42,.1)}.contact-form textarea{resize:vertical}.consent{display:flex!important;align-items:start;gap:6px;color:var(--muted);font-weight:500!important}.consent input{margin-top:5px;accent-color:var(--orange)}.consent span{margin:0!important;color:inherit!important;font-size:10px!important}.form-submit{width:100%}.form-note{margin:10px 0 0;text-align:center;color:#9299a7;font-size:9px}footer{padding-top:60px;background:#111a2e;color:#fff}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:start;padding-bottom:45px}.brand-footer .brand-mark{background:var(--orange);box-shadow:none}.footer-main>div p{margin-bottom:6px;color:#aeb7c9;font-size:12px}.footer-main>div a{color:#fff;font-size:12px}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;font-size:11px;color:#b5bdcc}.footer-bottom{display:flex;justify-content:space-between;padding-block:18px;border-top:1px solid rgba(255,255,255,.1);color:#7f899c;font-family:"DM Sans";font-size:9px}.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-list{justify-content:center}.hero-visual{min-height:470px}.problem-grid{grid-template-columns:1fr 1fr}.feature-row{grid-template-columns:40px 62px 1fr}.feature-row ul{display:none}.flow-grid{grid-template-columns:1fr 1fr;gap:48px 20px}.flow-grid::before{display:none}.fit-grid,.contact-inner{grid-template-columns:1fr;gap:55px}.footer-main{grid-template-columns:1fr 1fr}.footer-main nav{display:none}}
@media(max-width:600px){html{scroll-padding-top:68px}.section-shell{width:min(100% - 32px,1180px)}.site-header{height:66px;padding:0 16px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand strong{font-size:15px}.header-cta{padding:9px 13px;font-size:11px}.header-cta span{display:none}.hero{min-height:0;padding-block:54px 65px}.eyebrow{font-size:10px}h1{font-size:40px;line-height:1.32}.hero-lead{font-size:14px}.desktop-only{display:none}.hero-actions{flex-direction:column;gap:13px}.hero-actions .button{width:100%}.trust-list{gap:10px;font-size:9px}.hero-visual{min-height:340px;margin-top:16px}.sun-orbit{width:330px;height:330px}.dashboard-card{width:92%;border-radius:15px}.dash-top{height:42px}.dash-body{grid-template-columns:37px 1fr;min-height:215px}.dash-body aside{gap:12px;padding-top:20px}.dash-main{padding:17px 13px}.metric-row div{padding:9px 8px}.metric-row strong{font-size:18px}.chart-panel{padding:9px}.bars{height:65px;gap:6px}.float-note{min-width:145px;padding:8px 9px}.note-a{left:-2px;bottom:35px}.note-b{right:-5px;top:32px}.problem,.features,.flow,.faq,.contact-section,.fit-section{padding-block:75px}.problem h2,.flow h2,.faq h2{margin-bottom:35px;font-size:31px}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:auto}.answer-band{width:100%;font-size:11px}.answer-band strong{font-size:14px}.section-heading{display:block}.section-heading>p{margin-top:22px}.section-heading h2,.fit-section h2{font-size:33px}.feature-row{grid-template-columns:30px 48px 1fr;gap:12px;padding:24px 0}.feature-icon{width:44px;height:44px;border-radius:13px}.feature-row h3{font-size:14px}.feature-row p{font-size:10px}.flow-grid{grid-template-columns:1fr;gap:38px}.fit-list li{align-items:flex-start}.contact-inner{gap:42px}.contact-form{padding:24px 18px}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:25px}.footer-bottom{margin-bottom:60px}.mobile-cta{position:fixed;z-index:60;right:12px;bottom:12px;left:12px;display:flex;min-height:50px;align-items:center;justify-content:center;border-radius:13px;background:var(--orange);color:#fff;box-shadow:0 12px 35px rgba(255,106,42,.38);font-size:13px;font-weight:900}.mobile-cta span{margin-left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
