
:root{--navy:#14384a;--ink:#19394b;--soft:#f5f9fa;--mint:#e5f5ef;--teal:#087e79;--accent:#0da499;--line:#dce7e9;--muted:#576c79}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;line-height:1.82}a{color:inherit;text-decoration:none}a:hover{opacity:.87}.wrap{max-width:1100px;width:calc(100% - 36px);margin:auto}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:71px;gap:18px}.brand{display:flex;align-items:center;gap:9px;color:#133f50;font-size:17px;font-weight:850;white-space:nowrap}.mark{background:linear-gradient(120deg,#0e6980,#13a698);width:35px;height:35px;border-radius:10px;color:white;display:grid;place-items:center;font-size:23px}.navlinks{display:flex;align-items:center;gap:22px;color:#456271;font-weight:650;font-size:13px}.navcta{background:#0e7182;color:#fff;padding:10px 17px;border-radius:9px}.hero{background:radial-gradient(circle at 80% 15%,#caefeb,transparent 45%),linear-gradient(130deg,#f0faf8,#ecf5f9)}.heroin{padding:72px 0 78px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:46px}.kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#08857e}.hero h1{font-size:clamp(32px,4.7vw,51px);line-height:1.36;letter-spacing:-.045em;margin:15px 0}.hero h1 em{font-style:normal;color:#0a8d89}.hero p{color:#526c7a;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#0b7281;color:#fff;padding:12px 26px;border-radius:10px;font-weight:780;min-height:47px}.btn.light{background:#fff;color:#087681;border:1px solid #b7d7da}.actions{display:flex;flex-wrap:wrap;gap:11px;margin:26px 0}.small{font-size:12px;color:#728391}.preview{border-radius:20px;background:#fff;padding:18px;box-shadow:0 22px 60px #14516724;border:1px solid #d5e7e9}.preview .bar{display:flex;gap:7px;margin-bottom:14px}.preview .bar i{display:block;width:9px;height:9px;border-radius:50%;background:#badad6}.preview .pane{background:linear-gradient(120deg,#125273,#16a492);border-radius:11px;padding:26px;color:#fff}.preview .pane b{display:block;font-size:24px;line-height:1.5}.preview .pane p{color:#d5f1ee;font-size:12px}.preview .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview .thumb{background:#e9f5f3;border-radius:8px;height:77px;display:grid;place-items:center;color:#2f938d;font-size:25px}.section{padding:75px 0}.white{background:#fff}.center{text-align:center}.eyebrow{font-size:12px;color:#087e79;font-weight:800;letter-spacing:.12em}.heading{font-size:clamp(24px,3.2vw,34px);line-height:1.42;letter-spacing:-.035em;margin:7px 0 13px}.lede{max-width:760px;margin:0 auto 29px;color:#667c89;font-size:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile,.pricecard,.step,.contentcard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.tile b{display:block;margin:12px 0 6px;font-size:18px}.tile p{margin:0;color:#627988;font-size:14px}.ico{width:43px;height:43px;border-radius:12px;background:var(--mint);color:#078c81;display:grid;place-items:center;font-size:22px}.pricecard{display:flex;flex-direction:column}.pricecard.featured{border:2px solid #0e9e91}.pill{display:inline-flex;width:max-content;padding:3px 12px;background:#e5f5ee;color:#00766b;border-radius:20px;font-size:12px;font-weight:750}.pricecard h3{margin:12px 0 4px}.pricecard .price{font-size:34px;font-weight:850;letter-spacing:-.05em;color:#123d4b}.pricecard .price small{font-size:15px}.pricecard ul{padding:12px 0 8px;list-style:none;flex:1;color:#5e7886;font-size:14px}.pricecard li{padding:5px 0}.pricecard li:before{content:"✓";color:#0b8e82;font-weight:850;margin-right:8px}.pricecard .btn{width:100%}.box{padding:24px;background:#e8f5f2;border:1px solid #cbe5df;border-radius:15px;margin-top:20px}.box p{color:#587681;margin:6px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step span{color:#0b9687;font-size:28px;font-weight:800}.step b{display:block;margin:10px 0}.step p{font-size:13px;color:#667f8c;margin:0}.faq{max-width:850px;margin:15px auto}.faq details{padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:11px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{margin-bottom:0;color:#637c8a;font-size:14px}.dark{background:linear-gradient(135deg,#154354,#096977);color:#fff}.dark .lede{color:#d7e6e9}.dark h2{color:#fff}.warning{border:1px solid #dfd8a7;background:#fff9e3;color:#7f641d;border-radius:9px;padding:9px 15px;display:inline-block;font-size:13px;font-weight:700}.dark .warning{background:#fff8d4;color:#705f1a}.dark .box{background:#ffffff13;border:1px solid #ffffff38}.dark .box p{color:#dbe9e8}.footer{background:#0e2939;color:#d8e7ec;padding:38px 0;font-size:13px}.footer-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.crumb{font-size:12px;color:#627b88;margin:25px 0}.crumb a{color:#0a767b}.subhero{background:linear-gradient(115deg,#e6f5f0,#f6fafb);padding:52px 0}.subhero h1{font-size:clamp(27px,3.7vw,43px);line-height:1.4;margin:12px 0}.subhero p{color:#567280;max-width:790px}.article{max-width:870px}.article section{margin:35px 0}.article h2{font-size:24px;line-height:1.45;border-left:4px solid #10a392;padding-left:14px;margin:36px 0 17px}.article h3{font-size:18px;margin:23px 0 9px}.article p,.article li{color:#4e6878;font-size:15px}.article ul,.article ol{padding-left:24px}.article .contentcard{margin:16px 0}.related{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.related a{padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:9px;color:#0b7778;font-weight:650}.sectionlinks{display:flex;flex-wrap:wrap;gap:13px}.sectionlinks a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-weight:700;color:#0a7375}
@media(max-width:890px){.navlinks{display:none}.heroin{grid-template-columns:1fr}.preview{max-width:520px}.grid3{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.section{padding:53px 0}.heroin{padding:48px 0;gap:26px}.hero h1{font-size:34px}.hero p{font-size:14px}.grid3,.steps{grid-template-columns:1fr}.actions .btn{flex:1}.pricecard{padding:22px}.brand{font-size:15px}.subhero{padding:35px 0}.navcta{font-size:12px;padding:7px 12px}.preview .pane b{font-size:20px}}

.design-tile{padding:14px 14px 24px}.design-tile>b,.design-tile>p{margin-left:10px;margin-right:10px}
.design-photo{border-radius:12px;min-height:166px;padding:22px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.design-photo small{font-size:10px;letter-spacing:.1em;font-weight:850}
.design-photo strong{font-size:22px;line-height:1.42}
.design-photo span{font-size:11px;opacity:.8}
.demo-clinic{background:linear-gradient(135deg,#daeef4,#afdae0);color:#134654}
.demo-nursing{background:linear-gradient(135deg,#faeddd,#e5c6b5);color:#63503a}
.demo-child{background:linear-gradient(135deg,#f8f1ce,#d5e6ae);color:#486547}
.portfolio{display:grid;gap:26px;margin-top:35px}
.portfolio-card{display:grid;grid-template-columns:1.12fr .88fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;scroll-margin-top:94px}
.portfolio-visual{padding:34px;min-height:330px;display:grid;place-items:center}
.portfolio-body{padding:38px}.portfolio-body h3{font-size:23px}.portfolio-body p{color:#5c7481;font-size:14px}
.mini-window{max-width:390px;width:100%;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 15px 38px #193a4c24;transform:rotate(-1deg)}
.mini-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 17px;font-size:10px;font-weight:800}
.mini-nav span:last-child{font-size:8px}
.mini-main{min-height:160px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:23px}
.mini-main strong{font-size:23px;line-height:1.4}.mini-main small{font-size:10px}.mini-cta{display:inline-block;border:1px solid currentColor;border-radius:25px;padding:4px 13px;font-size:10px}
.mini-features{display:flex;gap:8px;padding:13px}.mini-features i{flex:1;height:23px;background:#eef3f4;border-radius:5px}
.demo-clinic .mini-main{background:#e2f4f6}.demo-nursing .mini-main{background:#fceee1}.demo-child .mini-main{background:#f0f5dc}
.inline-link{color:#087a7a;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.dark .small{color:#dbe9ec}
@media(max-width:830px){.portfolio-card{grid-template-columns:1fr}.portfolio-visual{min-height:255px}.portfolio-body{padding:26px}}
@media(max-width:580px){.design-photo strong{font-size:19px}.portfolio-visual{padding:24px}.mini-main strong{font-size:18px}.mini-nav span:last-child{display:none}}

/* 2026-11-03: Free diagnosis conversion improvements */
.quick-audit{background:#e5f5ef;border-top:1px solid #cae7dd;border-bottom:1px solid #cae7dd;padding:28px 0}
.quick-audit-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}
.quick-audit strong{display:block;font-size:clamp(19px,2.2vw,27px);line-height:1.45;color:#114553}
.quick-audit p{margin:7px 0;color:#345868;line-height:1.7}
.quick-audit .btn{white-space:nowrap;flex-shrink:0}
.audit-detail{font-size:14px;font-weight:700;color:#087e78;text-decoration:underline}
.audit-form-intro{background:#eaf8f4;border:1px solid #b9e2d6;border-radius:12px;padding:16px 18px;margin:18px 0 22px;color:#174c50}
.audit-form-intro strong{font-size:17px}
.audit-form-intro p{margin:5px 0 0;font-size:14px;line-height:1.7}
@media(max-width:720px){.quick-audit{padding:22px 0}.quick-audit-inner{flex-direction:column;align-items:stretch;gap:16px}.quick-audit .btn{text-align:center;white-space:normal}}
