:root{--ink:#142033;--muted:#617085;--accent:#0d766a;--bg:#f4f7f8;--line:#dce5e8}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:var(--ink);line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:auto;padding:0 22px}header{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--line)}header .container{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.logo{font-size:23px;font-weight:900;letter-spacing:-1px}.logo b{color:var(--accent)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:14px;font-weight:700}.button{display:inline-block;background:var(--accent);color:white;padding:12px 20px;border-radius:10px;font-weight:800}.button.secondary{background:white;color:var(--accent);border:1px solid #b7d8d2}.hero{background:linear-gradient(120deg,#0e273a,#11594f);color:white;padding:90px 0 85px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:1px;color:#a9eadb}.hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-2px;line-height:1.23;margin:15px 0 20px}.hero p{max-width:700px;font-size:18px;color:#e1f0ef}.hero .button{background:#fff;color:#135f55}.hero .button.secondary{background:transparent;border:1px solid #a4c7c4;color:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}section{padding:65px 0}section.alt{background:var(--bg)}h2{font-size:29px;letter-spacing:-1px;margin:0 0 10px}h3{font-size:20px;line-height:1.4;margin:0 0 10px}.lead{color:var(--muted);margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{display:block;border:1px solid var(--line);border-radius:16px;padding:25px;background:white;transition:.15s}.card:hover{transform:translateY(-2px);border-color:#8abeb4}.card p{color:var(--muted);font-size:14px;margin-bottom:0}.tag{display:inline-block;background:#e5f5f0;color:#0b7365;border-radius:50px;padding:5px 11px;font-size:12px;font-weight:800;margin-bottom:15px}.link{color:var(--accent);font-weight:800;font-size:14px;margin-top:15px;display:inline-block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:20px;background:white;border:1px solid var(--line);border-radius:14px}.num{font-size:27px;font-weight:900;color:var(--accent)}.notice{padding:17px 20px;background:#fff6e7;border:1px solid #f1d9ad;border-radius:12px;font-size:14px}.crumb{font-size:14px;color:var(--muted);padding:20px 0}.article{max-width:780px}.article h1{font-size:clamp(30px,4vw,43px);line-height:1.3;letter-spacing:-1.5px}.article p{font-size:17px}.article h2{font-size:24px;margin-top:36px}.photo{border:2px dashed #c8d5db;border-radius:14px;padding:55px 15px;text-align:center;color:#768797;background:#f6f9fa;margin:25px 0}.cta{background:#123d3b;color:white;padding:42px;border-radius:20px;margin:35px 0}.cta p{color:#d9efea}.cta .button{background:#fff;color:#155e53}footer{background:#12202c;color:#d5e2e9;padding:35px 0;font-size:13px}.small{font-size:13px;color:var(--muted)}@media(max-width:750px){header .container{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:13px;gap:6px}nav{gap:12px}nav a{font-size:12px}.hero{padding:60px 0}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}section{padding:45px 0}.cta{padding:26px}}

/* Mobile-first improvements: accessible controls and persistent contact */
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{overflow-wrap:break-word}
a:focus-visible{outline:3px solid #f5b942;outline-offset:3px}
.mobile-contact{display:none}
@media(max-width:750px){
  body{padding-bottom:83px;font-size:16px}
  .container{padding-left:17px;padding-right:17px}
  header .container{min-height:0;padding-top:12px;padding-bottom:12px;gap:10px}
  .logo{font-size:21px}
  nav{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;width:100%;padding-bottom:3px;scrollbar-width:thin}
  nav a{flex:none;font-size:13px;padding:8px 10px;border-radius:9px;background:#f1f6f5;min-height:40px}
  .hero{padding:49px 0 54px}
  .hero h1{font-size:clamp(31px,8vw,40px);letter-spacing:-1.3px}
  .hero p{font-size:16px;line-height:1.75}
  .eyebrow{font-size:11px;letter-spacing:.5px}
  .actions{gap:9px}
  .actions .button{flex:1;text-align:center;padding:14px 10px;min-width:140px}
  section{padding:39px 0}
  h2{font-size:25px}
  .grid{grid-template-columns:1fr;gap:12px}
  .card{padding:20px;min-height:120px}
  .steps{grid-template-columns:1fr 1fr;gap:10px}
  .step{padding:14px}
  .step h3{font-size:16px}
  .step p{font-size:14px}
  .article h1{font-size:30px}
  .article p{font-size:16px;line-height:1.85}
  .photo{padding:38px 12px}
  .cta{padding:22px;border-radius:15px}
  .mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#fff;box-shadow:0 -4px 22px #0e26351f;border-top:1px solid var(--line)}
  .mobile-contact a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:49px;border-radius:12px;background:var(--accent);color:#fff;font-size:16px;font-weight:800}
  .mobile-contact a:last-child{background:#142f42}
  footer{padding-bottom:28px}
}
@media(max-width:380px){.steps{grid-template-columns:1fr}.actions .button{min-width:100%}}