:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--grad1:#14b8a6;--grad2:#2563eb}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:linear-gradient(#fff,#f8fafc)}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.site-header{backdrop-filter:saturate(1.2) blur(6px);position:sticky;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.75);z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.main-nav a{margin-right:14px;color:#334155}
.brand{display:flex;gap:10px;align-items:center;font-weight:600}
.logo{width:32px;height:32px;border-radius:10px}
.logo.sm{width:28px;height:28px;border-radius:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid transparent;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}
.btn.ghost{background:#eef2ff;color:#1e293b;border-color:#c7d2fe}
.hero{padding:72px 0}
.hero-grid{display:grid;gap:24px}
.hero-copy h1{font-size:2.25rem;margin:0}
@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr}.hero-copy h1{font-size:3rem}}
.grad{background:linear-gradient(90deg,var(--grad1),var(--grad2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.125rem;color:var(--muted)}
.meta{margin-top:10px;font-size:.8rem;color:var(--muted)}
.row{display:flex;gap:12px;align-items:center}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 20px rgba(2,8,23,.04);padding:16px}
.card.pad{padding:24px}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi{border:1px solid var(--line);border-radius:12px;padding:12px}
.kpi.span3{grid-column:1/-1}
.kpi-label{font-size:.9rem;margin:0 0 6px}
.kpi-value{font-size:1.5rem;font-weight:700;margin:0}
.kpi-small{color:var(--muted);font-size:.75rem;margin:0 0 6px}
.kpi-num{font-size:1.25rem;font-weight:700;margin:0}
.chip{padding:4px 8px;border-radius:999px;background:#e0f2fe}
.tiny{font-size:.72rem}
.pad-top{padding-top:56px}
.center{text-align:center}
.grid3{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}
.grid4{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:900px){.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:2fr 1fr 1fr 1fr}}
.tall{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.site-footer{border-top:1px solid var(--line);padding:40px 0;margin-top:56px}
.foot-h{font-weight:600;margin:0 0 8px}
.foot-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
/* Form grid */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-width:700px;margin:0 auto;padding-top:16px}
form .span2{grid-column:1/-1}
input,button{font:inherit}
input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
form .btn{grid-column:1/-1;justify-self:center;margin-top:10px;padding:12px 28px}
.hidden{display:none}
.maxw{max-width:680px;margin:8px auto 0}

/* WHO section */
#who{text-align:center;max-width:880px;margin:0 auto;padding:80px 0 40px}
#who h2{font-size:2rem;margin-bottom:10px}
#who p{font-size:1.1rem;color:var(--muted);line-height:1.7}

/* WHY section */
#why{text-align:center;padding:80px 0}
#why h2{font-size:2rem;margin-bottom:12px}
#why p.maxw{max-width:760px;margin:0 auto 40px;line-height:1.7}
#why .why-cards{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
#why .card{flex:1 1 300px;max-width:340px;text-align:left;padding:28px;border-radius:20px;box-shadow:0 8px 20px rgba(2,8,23,.05);border:1px solid var(--line);background:#fff;transition:transform .2s ease,box-shadow .2s ease}
#why .card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(2,8,23,.08)}
@media(max-width:900px){#why .why-cards{flex-direction:column;align-items:center}}

/* Video section */
.video-shell{position:relative;max-width:900px;margin:16px auto 0;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(2,8,23,.08)}
.video{display:block;width:100%;height:auto;background:#000}
.fs-btn{position:absolute;right:10px;top:10px;background:rgba(15,23,42,.65);color:#fff;border:none;border-radius:10px;padding:6px 10px;font-size:18px;cursor:pointer}
.fs-btn:hover{background:rgba(15,23,42,.8)}