:root{color-scheme:light;--ink:#152137;--muted:#5e6d83;--line:#e1e7ee;--accent:#00b6ae;--navy:#10192e;--bg:#f6f8fb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{text-decoration-thickness:2px} .wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff20}.nav{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:23px;letter-spacing:-.05em}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#0b2631;font-size:19px;background:#89f3dc;transform:rotate(-7deg)}.nav nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.nav nav a{text-decoration:none}.nav-cta{border:1px solid #ffffff55;border-radius:30px;padding:9px 17px}
.hero{background:linear-gradient(145deg,#121d36 4%,#1d2c46 78%,#0d2e35);color:#fff;padding:95px 0 95px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:44px}.eyebrow{letter-spacing:.24em;color:#96dfdf;font-weight:800;font-size:12px;margin:0 0 25px}.spark{font-size:20px;vertical-align:middle}.hero h1{font-size:clamp(38px,4.25vw,62px);line-height:1.35;letter-spacing:-.075em;margin:0 0 28px;font-weight:850}.hero h1 em{font-style:normal;color:#8df0da}.hero-lead{font-size:16px;max-width:560px;color:#cdd7e5;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 15px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:50px;padding:10px 26px;border-radius:9px;font-size:14px;font-weight:800;text-decoration:none}.button.primary{color:#08242f;background:#91f7de;box-shadow:0 10px 32px #00bc9633}.button.ghost{border:1px solid #8896ae;color:#f2f9fc}.hero-note{font-size:12px;color:#a4bbcd;margin-top:19px;max-width:500px}.mockup{transform:rotate(2deg);border:1px solid #9dc1dd66;background:#fff;border-radius:22px;box-shadow:0 40px 70px #0006;overflow:hidden;color:#26354c}.mock-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#eff6f9;font-size:10px;letter-spacing:.1em;font-weight:800}.dots{color:#a7b4c3;letter-spacing:.12em}.mock-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:290px;padding:25px;gap:14px}.mock-left{padding:16px 0}.mock-pill{display:inline-flex;background:#e8faf2;color:#087e75;font-size:9px;font-weight:900;letter-spacing:.13em;padding:5px 10px;border-radius:100px}.mock-heading{font-size:25px;line-height:1.5;font-weight:850;letter-spacing:-.06em;margin-top:20px}.mock-lines{background:linear-gradient(90deg,#dce6ed 80%,transparent 80%),linear-gradient(90deg,#dce6ed 57%,transparent 57%);background-size:100% 5px;background-position:0 0,0 15px;background-repeat:no-repeat;height:40px;margin-top:17px}.mock-button{width:110px;height:26px;border-radius:20px;background:#12beb2}.mock-right{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#b3f8e9,#7bc4d7);position:relative}.mock-shape{width:120px;height:145px;display:grid;place-items:center;transform:rotate(12deg);border-radius:35% 65% 60% 40%;background:linear-gradient(145deg,#fefcf0,#98e1d5);box-shadow:15px 15px 0 #0d807536}.mock-shape span{font-size:75px;color:#36a7a0}.mock-capsule{position:absolute;bottom:12px;background:#ffffffc4;border-radius:30px;padding:3px 10px;font-size:9px;font-weight:800}.mock-footer{display:flex;justify-content:space-around;gap:8px;border-top:1px solid #e2eaf1;padding:12px 7px;font-size:8px;font-weight:800;color:#73909b;letter-spacing:.06em}
.trust-band{background:#f0f9f8;border-bottom:1px solid #dcecea}.trust-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:18px 0;font-size:13px;color:#2c6a69}.trust-inner strong{color:#006964}.section{padding:100px 0}.section-kicker{color:#11978e;font-size:12px;letter-spacing:.2em;font-weight:850;margin:0 0 12px}.section h2,.google-section h2,.last-cta h2{font-size:clamp(27px,3vw,39px);line-height:1.45;letter-spacing:-.055em;margin:0}.section-lead{color:var(--muted);margin-top:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.feature{position:relative;border:1px solid var(--line);border-radius:17px;padding:32px;min-height:255px;background:#fff;box-shadow:0 10px 20px #1a3e5f05}.feature-no{font-size:12px;color:#a1b1bd;position:absolute;right:27px;top:21px;font-weight:800}.feature-symbol{font-size:35px;color:#00a99e}.feature h3{font-size:19px;margin:22px 0 10px}.feature p{color:var(--muted);font-size:14px;margin:0}
.google-section{background:#f3f7fa;padding:90px 0}.google-grid{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center}.google-grid p:not(.section-kicker){color:#556578}.google-grid .muted{font-size:13px}.google-visual{border:1px solid #d8e3e9;border-radius:20px;padding:27px;background:#fff;display:grid;gap:14px;box-shadow:0 18px 46px #1f54691a}.link-row{display:flex;align-items:center;gap:17px;border:1px solid #e0e9ed;border-radius:12px;padding:14px;font-size:13px;font-weight:700}.link-row>span:last-child{margin-left:auto;color:#159d94}.link-icon{display:grid;place-items:center;width:30px;height:30px;background:#f4e9d1;border-radius:9px;font-size:19px}.link-icon.green{background:#d9f7e8;color:#148f69}.link-icon.blue{background:#e2effe;color:#357fba}.last-cta{margin:90px auto;display:flex;gap:40px;align-items:center;justify-content:space-between;background:#12263c;color:#fff;border-radius:24px;padding:48px}.last-cta p{color:#c4d5e2;font-size:14px}.site-footer{background:#0f1729;color:#fff;padding:50px 0 20px}.footer-row{display:flex;align-items:start;justify-content:space-between;gap:32px}.footer-brand{font-weight:850;font-size:25px}.footer-row p{font-size:13px;color:#94a9bd}.footer-row nav{display:flex;flex-wrap:wrap;gap:25px;font-size:12px}.footer-row nav a{text-decoration:none;color:#d2dfeb}.copyright{border-top:1px solid #ffffff22;padding-top:14px;margin-top:50px;font-size:11px;color:#8497ac}
.legal-main{max-width:820px;padding:65px 0 95px}.legal-main h1{font-size:clamp(29px,4vw,42px);line-height:1.5;margin:10px 0}.legal-main h2{font-size:21px;line-height:1.5;margin:45px 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}.legal-main h3{font-size:16px}.legal-main p,.legal-main li{color:#455368;font-size:15px}.legal-main li{margin:6px 0}.legal-main .date{font-size:13px;color:#6b7b91}.legal-main a{color:#087e83}.legal-main ul{padding-left:23px}
@media(max-width:850px){.hero-grid,.google-grid{grid-template-columns:1fr}.hero{padding:62px 0 74px}.mockup{width:min(550px,100%);justify-self:center;transform:none}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.google-grid{gap:35px}.section{padding:70px 0}.last-cta{margin:60px auto;padding:35px;display:block}.last-cta .button{margin-top:13px}}
@media(max-width:560px){.wrap{width:min(100% - 32px,1120px)}.nav{min-height:66px}.nav nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:8px 11px}.hero h1{font-size:37px}.mock-body{padding:14px;min-height:220px}.mock-heading{font-size:18px}.mock-shape{width:72px;height:100px}.mock-shape span{font-size:49px}.mock-footer{font-size:6px}.trust-inner{justify-content:flex-start}.footer-row{display:block}.footer-row nav{margin-top:25px;gap:12px 20px}.legal-main{padding:45px 0 65px}.legal-main p,.legal-main li{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}