:root{--green:#075c4d;--green-dark:#063f36;--green-deep:#032d27;--green-bright:#0b7862;--gold:#dfb55f;--gold-light:#f0d79a;--ink:#17221f;--muted:#62706b;--line:#dce5e1;--paper:#f4f7f5;--white:#fff;--shadow:0 24px 70px rgba(3,45,39,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:84px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--gold);color:var(--green);font:800 21px/1 Inter,sans-serif}.brand strong{display:block;font:700 18px/1.05 Inter,sans-serif;letter-spacing:.02em}.brand small{display:block;margin-top:7px;font-size:10px;line-height:1;letter-spacing:.08em;opacity:.74}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:36px}.site-header nav a,.login-link{font-size:14px;font-weight:600}.site-header nav a{opacity:.8;transition:.2s}.site-header nav a:hover{opacity:1}.header-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-small{padding:13px 20px;color:var(--green-deep);background:var(--gold)}
.hero{min-height:820px;padding:150px clamp(24px,5vw,84px) 88px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(112deg,var(--green-deep),var(--green) 56%,#0d6c59);display:grid;grid-template-columns:minmax(390px,.83fr) minmax(520px,1.17fr);gap:clamp(38px,5vw,86px);align-items:center}.hero:after{content:"";position:absolute;width:520px;height:520px;left:-260px;bottom:-310px;border:1px solid rgba(223,181,95,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(223,181,95,.03),0 0 0 160px rgba(223,181,95,.025)}.hero-glow{position:absolute;right:-5%;top:-35%;width:800px;height:800px;background:radial-gradient(circle,rgba(223,181,95,.13),transparent 65%);pointer-events:none}.hero-copy,.product-window{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.08em;color:#d7e3df}.eyebrow span{padding:6px 10px;border:1px solid rgba(223,181,95,.5);border-radius:99px;color:var(--gold-light);font:600 11px/1 Inter,sans-serif;letter-spacing:.14em}.hero h1{margin:25px 0 22px;font-size:clamp(52px,5.7vw,86px);line-height:1.12;letter-spacing:-.055em;font-weight:700}.hero h1 em{color:var(--gold);font-style:normal}.hero-lead{margin:0;color:#d9e5e1;font-size:17px;line-height:2}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button-primary{padding:19px 28px;background:#fff;color:var(--green-deep);box-shadow:0 12px 30px rgba(0,0,0,.12)}.button-primary span,.button-gold span{font-size:20px}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.35)}.terms{display:flex;gap:0;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.terms span{padding:0 21px;border-left:1px solid rgba(255,255,255,.16);font-size:12px;color:#bdd0ca}.terms span:first-child{padding-left:0;border-left:0}.terms b{display:block;color:#fff;font-size:16px}.product-window{background:#f7faf8;color:var(--ink);border:1px solid rgba(255,255,255,.5);border-radius:18px;box-shadow:0 35px 90px rgba(0,30,25,.34);overflow:hidden;transform:perspective(1800px) rotateY(-2deg)}.window-bar{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6ece9}.mini-brand{font:700 13px/1 Inter,sans-serif;color:var(--green)}.mini-brand span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:8px;background:var(--gold);color:var(--green)}.window-user{font:600 9px/1 Inter,sans-serif;letter-spacing:.12em;color:#80908a}.window-user i{display:inline-block;width:22px;height:22px;margin-left:8px;border-radius:50%;background:var(--green);vertical-align:middle}.window-body{display:grid;grid-template-columns:140px 1fr;min-height:485px}.mock-sidebar{padding:26px 14px;background:#073f36;color:#abc6be;display:flex;flex-direction:column;gap:8px}.mock-sidebar span{padding:9px 10px;border-radius:6px;font-size:10px}.mock-sidebar .side-active{background:rgba(255,255,255,.11);color:#fff}.mock-main{padding:25px 24px}.mock-heading{display:flex;align-items:center;justify-content:space-between}.mock-heading small,.chart-title small{display:block;color:var(--green);font:600 8px/1 Inter,sans-serif;letter-spacing:.12em}.mock-heading strong,.chart-title strong{display:block;margin-top:6px;font-size:17px}.mock-heading button{border:0;border-radius:6px;background:var(--green);color:#fff;padding:8px 12px;font-size:9px}.metric-grid{display:grid;grid-template-columns:1.05fr 1.05fr .8fr;gap:9px;margin-top:18px}.metric-grid article{padding:13px;background:#fff;border:1px solid #e2e9e6;border-radius:8px}.metric-grid small{display:block;color:#73817d;font-size:8px}.metric-grid strong{display:block;margin:6px 0 4px;font:700 15px/1 Inter,sans-serif}.metric-grid sup{font-size:8px}.metric-grid span{display:block;font-size:8px;color:#8a9692}.metric-grid .positive{color:var(--green-bright)}.metric-grid .score{background:#eff6f3}.chart-card{margin-top:10px;padding:15px;background:#fff;border:1px solid #e2e9e6;border-radius:8px}.chart-title{display:flex;justify-content:space-between}.chart-title>span{font-size:8px;color:#7a8984}.chart{height:160px;position:relative;margin-top:5px}.chart-grid{position:absolute;inset:10px 0 22px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #e2eae7}.chart svg{position:absolute;inset:8px 0 20px;width:100%;height:125px;overflow:visible}.chart .area{fill:url(#area)}.chart .line{fill:none;stroke:var(--green-bright);stroke-width:3}.chart .dots circle{fill:#fff;stroke:var(--green-bright);stroke-width:3}.years{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#88958f;font-size:8px}.insight{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:8px;background:#e9f3ef}.insight>span{font:700 7px/1 Inter,sans-serif;color:var(--green);letter-spacing:.1em}.insight p{margin:0;font-size:8px}.insight button{border:0;background:transparent;color:var(--green)}.scroll-note{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:600 8px/1 Inter,sans-serif;letter-spacing:.18em;color:#8db0a7}.scroll-note span{display:block;width:1px;height:22px;margin:10px auto 0;background:var(--gold)}
.section-pad{padding:120px clamp(24px,7vw,112px)}.section-kicker{margin-bottom:32px;color:var(--green);font:700 11px/1 Inter,sans-serif;letter-spacing:.2em}.section-kicker:before{content:"";display:inline-block;width:28px;height:1px;margin-right:12px;background:var(--gold);vertical-align:middle}.section-kicker.light{color:var(--gold-light)}.problem{background:#fff}.problem-head{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:end}.problem h2,.features h2,.faq h2,.price-copy h2,.solution h2,.final-cta h2{margin:0;font-size:clamp(38px,4.5vw,64px);line-height:1.3;letter-spacing:-.045em}.problem-head p,.section-heading-row>p{margin:0;color:var(--muted);font-size:17px;line-height:2}.problem-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:78px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-list article{padding:36px;background:#fff}.problem-list span{color:var(--gold);font:600 12px/1 Inter,sans-serif}.problem-list h3{margin:22px 0 10px;font-size:23px}.problem-list p{margin:0;color:var(--muted);font-size:14px}
.solution{padding:120px clamp(24px,7vw,112px);color:#fff;background:var(--green-deep);text-align:center}.solution h2{font-size:clamp(42px,5vw,70px)}.solution-intro{color:#bdd0ca}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:28px;margin-top:64px;text-align:left}.flow>div{min-height:220px;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04)}.flow>div b{color:var(--gold);font:600 12px/1 Inter,sans-serif}.flow>div span{display:block;margin-top:28px;color:#81a9a0;font:600 10px/1 Inter,sans-serif;letter-spacing:.16em}.flow>div strong{display:block;margin-top:8px;font-size:20px}.flow>div p{margin:10px 0 0;color:#aec5bf;font-size:14px}.flow>i{color:var(--gold);font-style:normal}
.features{background:var(--paper)}.section-heading-row{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:70px}.feature-card{min-height:420px;padding:38px;border:1px solid #d9e4df;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.feature-main{grid-column:1/-1;min-height:420px;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center}.feature-copy>span{color:var(--green);font:700 10px/1 Inter,sans-serif;letter-spacing:.16em}.feature-copy h3{margin:14px 0;font-size:30px;line-height:1.4}.feature-copy p{margin:0;color:var(--muted);font-size:15px}.feature-ui{padding:28px;border-radius:12px;background:#f5f8f6;border:1px solid var(--line)}.diagnosis-ui>div{display:flex;justify-content:space-between;align-items:end}.diagnosis-ui small{color:var(--muted)}.diagnosis-ui b{font:700 32px/1 Inter,sans-serif;color:var(--green)}.progress{display:block;height:7px;margin:12px 0 20px;border-radius:99px;background:#dde8e3}.progress i{display:block;width:92%;height:100%;border-radius:99px;background:var(--green-bright)}.diagnosis-ui ul{list-style:none;margin:0;padding:0}.diagnosis-ui li{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.diagnosis-ui li i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#dbe6e2;color:var(--green);font-style:normal}.diagnosis-ui li i.ok{background:var(--green);color:#fff}.diagnosis-ui li b{margin-left:auto;font:600 11px/1 "Noto Sans JP",sans-serif}.ledger-ui{height:150px;margin:30px 0 -38px;padding:22px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:#f7faf8;display:flex;flex-direction:column;gap:12px}.ledger-ui i{height:12px;border-radius:4px;background:linear-gradient(90deg,#dce7e3 18%,transparent 18% 22%,#e8efec 22% 58%,transparent 58% 62%,#e8efec 62%)}.report-ui{position:relative;width:72%;height:180px;margin:30px auto -38px;padding:22px;border:1px solid var(--line);border-radius:5px 5px 0 0;background:#fbfcfb;box-shadow:0 15px 28px rgba(3,45,39,.09)}.report-ui div b{display:block;color:var(--green);font:700 12px Inter}.report-ui div small{font:500 6px Inter;letter-spacing:.1em}.report-ui>span{display:block;width:70%;height:8px;margin-top:14px;background:#e0e9e5}.report-ui>span:nth-of-type(2){width:90%}.report-ui>span:nth-of-type(3){width:55%}.report-ui em{position:absolute;right:16px;bottom:14px;padding:5px 8px;border-radius:4px;background:var(--green);color:#fff;font:700 8px Inter}.feature-wide{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.security-items{display:flex;flex-wrap:wrap;gap:10px}.security-items span{padding:11px 16px;border:1px solid #c9d9d3;border-radius:99px;color:var(--green);font-size:13px;font-weight:600}.security-items span:before{content:"✓";margin-right:7px;color:var(--gold)}
.price-section{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:center;color:#fff;background:linear-gradient(120deg,#04372f,#075c4d)}.price-copy p{max-width:440px;color:#bfd0cb}.price-card{position:relative;padding:48px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.trial-ribbon{position:absolute;top:0;right:28px;padding:10px 14px;border-radius:0 0 8px 8px;background:var(--gold);color:var(--green-deep);font:700 9px/1 Inter;letter-spacing:.13em}.plan-name{color:var(--green);font:700 11px/1 Inter;letter-spacing:.15em}.price{display:flex;align-items:flex-end;margin-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.price small{margin:0 10px 9px 0}.price strong{font:700 clamp(50px,5vw,70px)/.9 Inter;color:var(--green-deep);letter-spacing:-.055em}.price em{margin:0 0 7px 7px;font-style:normal;font-weight:600}.price-card>p{color:var(--muted);font-size:14px}.price-card ul{list-style:none;padding:18px 0 22px;margin:0}.price-card li{padding:8px 0;font-size:14px}.price-card li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;margin-right:11px;border-radius:50%;background:#e9f3ef;color:var(--green);font-size:11px}.button-gold{width:100%;padding:19px 22px;background:var(--gold);color:var(--green-deep)}.price-note{display:block;margin-top:12px;text-align:center;color:#7a8883;font-size:11px}
.faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:25px 0;cursor:pointer;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--green);font-size:22px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-5px 40px 26px 0;color:var(--muted);font-size:14px}.final-cta{padding:100px clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr .75fr;gap:10vw;align-items:end;color:#fff;background:var(--green-deep);border-top:1px solid rgba(255,255,255,.1)}.final-action p{margin:0 0 22px}.final-action p b{display:block;font-size:22px}.final-action p span{color:#aac3bc;font-size:13px}footer{padding:45px clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr auto auto;gap:60px;align-items:center;color:#aec4be;background:#02241f;border-top:1px solid rgba(255,255,255,.08)}.footer-brand{color:#fff}footer>div{display:flex;gap:25px;font-size:12px}footer p{margin:0;text-align:right;font-size:10px;line-height:2}.mobile-cta{display:none}
@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{max-width:680px}.product-window{width:min(100%,760px);justify-self:center;transform:none}.scroll-note{display:none}.problem-head,.section-heading-row{gap:6vw}.flow{gap:12px}.feature-main{gap:35px}.final-cta{gap:5vw}}
@media(max-width:760px){body{padding-bottom:74px}.site-header{height:72px;padding:0 18px}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:18px}.brand strong{font-size:15px}.brand small{display:none}.login-link,.header-actions .button{display:none}.hero{min-height:auto;padding:115px 20px 70px;display:block}.eyebrow{font-size:11px;gap:8px;flex-wrap:wrap}.hero h1{font-size:53px;margin-top:20px}.hero-lead{font-size:15px}.hero-lead br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.button-primary{width:100%}.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px}.terms span{padding:0 8px;text-align:center}.terms b{font-size:13px}.product-window{margin-top:54px;border-radius:12px}.window-body{grid-template-columns:1fr;min-height:0}.mock-sidebar{display:none}.mock-main{padding:18px 14px}.window-bar{height:48px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid .score{display:none}.chart{height:145px}.insight{grid-template-columns:auto 1fr}.insight button{display:none}.section-pad,.solution{padding:82px 20px}.problem-head,.section-heading-row,.price-section,.faq-layout,.final-cta{grid-template-columns:1fr;gap:32px}.problem h2,.features h2,.faq h2,.price-copy h2,.solution h2,.final-cta h2{font-size:38px}.problem-head p,.section-heading-row>p{font-size:15px}.problem-list{grid-template-columns:1fr;margin-top:48px}.problem-list article{padding:28px 12px}.flow{grid-template-columns:1fr;gap:12px}.flow>i{transform:rotate(90deg);text-align:center}.flow>div{min-height:auto}.feature-grid{grid-template-columns:1fr;margin-top:48px}.feature-card,.feature-main,.feature-wide{grid-column:auto;grid-template-columns:1fr;min-height:auto;padding:27px}.feature-main{gap:28px}.feature-copy h3{font-size:25px}.diagnosis-ui{padding:20px}.feature-wide{gap:25px}.report-ui{margin-bottom:-27px}.price-section{padding-top:82px;padding-bottom:82px}.price-card{padding:40px 26px}.price strong{font-size:49px}.faq-layout{gap:25px}.final-cta{padding:74px 20px}.final-action .button{display:none}footer{grid-template-columns:1fr;padding:44px 20px;gap:28px}footer>div{flex-wrap:wrap}footer p{text-align:left}.mobile-cta{position:fixed;z-index:20;bottom:0;left:0;right:0;height:74px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--green-deep);box-shadow:0 -8px 28px rgba(3,45,39,.15)}.mobile-cta span b,.mobile-cta span small{display:block}.mobile-cta span b{font-size:13px}.mobile-cta span small{color:var(--muted);font-size:10px}.mobile-cta>strong{padding:13px 17px;border-radius:8px;background:var(--gold);font-size:13px}}
@media(max-width:390px){.hero h1{font-size:45px}.terms b{font-size:12px}.mock-heading strong{font-size:15px}.metric-grid strong{font-size:12px}.feature-card{padding:22px}.price-card{padding:38px 20px}.price strong{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
