:root{
    --ink:#12262e; --muted:#5a6b70; --line:#e2e6e5;
    --bg:#ffffff; --panel:#f5f7f6; --brand:#0b3b52; --brand-2:#12708a;
    --maxw:1080px;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0; color:var(--ink); background:var(--bg);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.6; font-size:17px;
  }
  a{color:var(--brand-2); text-decoration:none}
  a:hover{text-decoration:underline}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
  header{border-bottom:1px solid var(--line); background:#fff}
  .bar{display:flex; align-items:center; justify-content:space-between; height:72px}
  .logo{display:flex; align-items:center; gap:11px; font-weight:600; color:var(--ink); font-size:18px}
  .logo svg{display:block}
  nav ul{display:flex; gap:26px; list-style:none; margin:0; padding:0; font-size:15px}
  nav a{color:var(--muted)}
  nav a:hover{color:var(--ink); text-decoration:none}
  .nav-cta{border:1px solid var(--line); border-radius:6px; padding:8px 15px; color:var(--ink)}
  .menu-btn{display:none}
  .hero{padding:88px 0 72px; border-bottom:1px solid var(--line)}
  .hero .wrap{max-width:840px}
  .kicker{color:var(--brand-2); font-size:14px; font-weight:600; letter-spacing:.04em; margin:0 0 18px}
  h1{font-size:44px; line-height:1.15; margin:0 0 20px; font-weight:600; letter-spacing:-.01em}
  .lead{font-size:20px; color:var(--muted); margin:0 0 30px; max-width:660px}
  .btns{display:flex; gap:14px; flex-wrap:wrap}
  .btn{display:inline-block; border-radius:6px; padding:13px 22px; font-weight:600; font-size:15px}
  .btn-primary{background:var(--brand); color:#fff}
  .btn-primary:hover{background:#0d4a66; text-decoration:none}
  .btn-ghost{border:1px solid var(--line); color:var(--ink)}
  .btn-ghost:hover{border-color:#c8d0cf; text-decoration:none}
  section{padding:72px 0}
  .sect-head{max-width:640px; margin:0 0 44px}
  h2{font-size:30px; margin:0 0 14px; font-weight:600; letter-spacing:-.01em}
  .sect-head p{margin:0; color:var(--muted); font-size:18px}
  .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}
  .card{border:1px solid var(--line); border-radius:10px; padding:26px; background:#fff}
  .card h3{margin:0 0 9px; font-size:18px}
  .card p{margin:0; color:var(--muted); font-size:15px}
  .ico{width:38px; height:38px; border-radius:8px; background:var(--panel); display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(--brand)}
  .stats{background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
  .stats .grid{grid-template-columns:repeat(4,1fr); gap:20px}
  .stat .n{font-size:38px; font-weight:600; letter-spacing:-.02em}
  .stat .l{color:var(--muted); font-size:14px; margin-top:4px}
  .split{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center}
  .split ul{margin:18px 0 0; padding:0; list-style:none}
  .split li{padding:12px 0; border-top:1px solid var(--line); display:flex; gap:12px; font-size:16px}
  .split li:first-child{border-top:none}
  .check{color:var(--brand-2); flex:none; margin-top:3px}
  .facility{border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--panel)}
  .facility .band{height:220px; background:
    linear-gradient(135deg,#0b3b52 0%,#12708a 100%);
    position:relative}
  .facility .band::after{content:""; position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 44px),
      repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 2px,transparent 2px 40px);
  }
  .facility .cap{padding:16px 20px; font-size:14px; color:var(--muted)}
  footer{border-top:1px solid var(--line); background:#fff; padding:48px 0 40px; font-size:14px; color:var(--muted)}
  .foot-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:32px; margin-bottom:34px}
  .foot-grid h4{font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink); margin:0 0 14px}
  .foot-grid ul{list-style:none; margin:0; padding:0}
  .foot-grid li{margin-bottom:9px}
  .foot-grid a{color:var(--muted)}
  .foot-bot{border-top:1px solid var(--line); padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px}
  @media (max-width:820px){
    nav ul{display:none} .menu-btn{display:block; background:none; border:1px solid var(--line); border-radius:6px; padding:8px 12px; font-size:14px}
    h1{font-size:34px} .lead{font-size:18px}
    .grid,.stats .grid{grid-template-columns:1fr 1fr}
    .split{grid-template-columns:1fr; gap:32px}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:520px){
    .grid,.stats .grid,.foot-grid{grid-template-columns:1fr}
    section{padding:52px 0}
  }