:root{--ink:#182945;--navy:#233455;--muted:#4c6073;--line:#d7e2e8;--pale:#eff6f8;--mint:#c0dae2}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.65;word-break:keep-all}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #14779a;outline-offset:5px}
.skip{position:absolute;top:-10rem;background:white;padding:12px;z-index:2}.skip:focus{top:0}
.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.top,.brand,nav,.actions,.foot,.foot div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.top,.foot{justify-content:space-between;padding-block:20px}
.brand{gap:9px;font-weight:850}.brand span{font-size:.82rem;font-weight:650;color:var(--muted);border-left:1px solid var(--line);padding-left:9px}
nav,.foot div{font-size:.92rem;font-weight:700}
nav a:hover,.foot a:hover{text-decoration:underline}
.hero{background:radial-gradient(ellipse at 90% 0%,#cfe6eb,transparent 65%),var(--pale);border-block:1px solid var(--line)}
.hero-grid{padding-block:clamp(56px,9vw,120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);align-items:center;gap:clamp(30px,6vw,84px)}
.eyebrow{font-size:.76rem;letter-spacing:.13em;font-weight:800;color:#31566a;margin:0 0 12px}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.23;letter-spacing:-.04em}
h1{font-size:clamp(2.15rem,4.6vw,4rem)}
h1 em{font-style:normal;color:#24586c}
h2{font-size:clamp(1.8rem,3.5vw,3rem)}
h3{font-size:1.35rem}
.intro,.lead{max-width:58ch;margin-top:19px;color:var(--muted);font-size:1.06rem}
.actions{margin-top:28px;gap:12px}
.button,.outline{display:inline-flex;align-items:center;gap:14px;border-radius:9px;padding:11px 17px;min-height:48px;font-weight:750;border:1px solid var(--navy)}
.button{background:var(--navy);color:white}.button:hover{background:#314970}.outline:hover{background:white}
.hero-index{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}
.hero-index a{min-height:52px;display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);font-weight:800}
.hero-index a:hover{color:#26728e}.hero-index span{color:#426779;font-size:.8rem}.hero-index b{margin-left:auto}
.block{padding-block:clamp(54px,8vw,94px)}
.cards,.steps{display:grid;gap:16px;margin-top:27px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards article{border:1px solid var(--line);border-top:4px solid #557a8e;border-radius:13px;padding:23px;display:flex;flex-direction:column}
.cards h3+p{margin-top:12px}.cards ul{padding-left:19px;margin:14px 0 20px}.cards li+li{margin-top:5px}
.outcome{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--muted)}.outcome strong{display:block;color:var(--ink)}
.text-link{display:inline-block;margin-top:18px;font-weight:750;color:#24586c;text-decoration:underline;text-underline-offset:4px}
.tint{background:var(--pale)}.steps{list-style:none;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.steps li{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--muted)}
.steps span,.steps strong{display:block}.steps span{color:#31566a;font-weight:800;font-size:.85rem}.steps strong{color:var(--ink);margin:4px 0 5px}
.assessment,.case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:start;border:1px solid var(--line);padding:clamp(20px,4vw,38px);border-radius:15px;margin-top:26px;background:white}
.note{color:var(--muted);font-size:.9rem;margin-top:9px}.case p{margin-top:10px}
.figure{display:grid;gap:4px}.figure strong{font-size:3.7rem;line-height:1}.figure small{font-size:1.3rem;margin-left:5px}.figure span{font-size:.92rem;color:var(--muted)}
.contact{background:var(--navy);color:white}.contact .eyebrow{color:var(--mint)}.contact p:not(.eyebrow){margin-top:13px}.contact .button{background:var(--mint);color:var(--ink);margin-top:19px}.contact .button:hover{background:white}.contact a:focus-visible{outline-color:white}
.foot{color:var(--muted)}.foot strong{color:var(--ink)}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-index{max-width:480px}.hero h1 br{display:none}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.top{gap:8px;padding-block:13px}nav{gap:17px;width:100%}nav a{padding-block:5px}.assessment,.case{grid-template-columns:1fr}.actions{align-items:stretch}.steps{gap:8px}.steps li{padding:12px}}