:root{--blue:#0099FF;--gold:#FFC000;--muted:#5f6b7a;--text:#0B0F14;--shadow:0 8px 30px rgba(0,0,0,.08);}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border-bottom:1px solid #eef2f7;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand img{height:112px}
nav a{margin-left:20px;text-decoration:none;color:#000;font-weight:600}
nav a:hover{color:var(--blue)}
.hero{padding:120px 0;text-align:center;background:radial-gradient(800px 300px at 50% -10%, rgba(0,153,255,.12), transparent)}
.hero h1{font-size:54px;margin:0 0 12px}
.hero .sub{font-size:36px;color:var(--muted)}
.section{padding:84px 0}
.section.alt{background:linear-gradient(180deg,#fff,#fafcff)}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:32px}
@media (max-width:920px){.two-col{grid-template-columns:1fr}.hero h1{font-size:36px}.hero .sub{font-size:24px}.brand img{height:72px}}
.card{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.card.glass{background:rgba(255,255,255,.45);backdrop-filter:blur(10px)}
h2{font-size:28px;margin:0 0 18px}h3{font-size:20px;margin:0 0 12px}p{margin:0 0 14px}
.checklist{margin:0;padding-left:18px}.checklist li{margin:8px 0}
.bullet{margin:12px 0 0;padding-left:18px}.bullet li{margin:8px 0}
.feature{width:100%;height:auto;border-radius:16px;border:1px solid #eef2f7;margin:10px 0 14px;display:block}
.contact-list{list-style:none;padding:0;margin:0}.contact-list li{margin:6px 0}
.site-footer{border-top:1px solid #eef2f7;padding:24px 0;color:var(--muted);text-align:center}

.vision-figure{display:flex;align-items:center;justify-content:center}
.feature.half{width:100%;max-width:840px}
.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.article-grid .media{display:flex;justify-content:center}
@media (max-width:920px){
  .article-grid{grid-template-columns:1fr}
  .feature.half{width:100%;max-width:1040px}
}