:root{
--black:#111111;--text:#344054;--muted:#667085;--line:#D9E4E8;
--turquoise:#1AA6BE;--turquoise-dark:#178FA3;--blue:#3F7C9E;
--magenta:#B2145B;--green:#7DBB2D;--bg:#fff;--bg-soft:#F5FBFC;--bg-soft-2:#F8FAFC;
--radius:22px;--shadow:0 10px 30px rgba(17,17,17,.06);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);width:100%}
.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:4px;padding-bottom:4px}
.brand{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.brand img{height:42px;width:auto}.brand-title{font-size:1.1rem;font-weight:700;color:var(--black)}.brand-subtitle{font-size:.78rem;color:var(--muted)}
.nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.nav a{font-size:.95rem;color:var(--text)}.nav a:hover{color:var(--turquoise)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:600;font-size:.95rem;transition:.2s ease;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--turquoise);color:#fff}.btn-primary:hover{background:var(--turquoise-dark)}
.btn-secondary{border-color:rgba(26,166,190,.25);color:var(--turquoise);background:#fff}.btn-secondary:hover{border-color:var(--turquoise);background:rgba(26,166,190,.04)}
.btn-outline{border-color:rgba(26,166,190,.35);color:var(--turquoise);background:#fff}.btn-outline:hover{border-color:var(--magenta);color:var(--magenta)}
.hero{padding:72px 0 56px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:start}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--turquoise);border:1px solid rgba(26,166,190,.28);background:rgba(26,166,190,.05)}
h1,h2,h3{margin:0;color:var(--black);line-height:1.12}h1{font-size:clamp(2.3rem,4vw,4.3rem);margin-top:18px}h2{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:16px}h3{font-size:1.2rem;margin-bottom:12px}
.lead{font-size:1.12rem;color:var(--text);max-width:850px}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-soft{background:var(--bg-soft)}.card-body{padding:28px}
.section{padding:74px 0;border-bottom:1px solid var(--line)}.section-soft{background:var(--bg-soft-2)}.eyebrow{margin-bottom:12px;color:var(--turquoise);font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.section-intro{max-width:860px;margin-bottom:34px}
.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr);gap:18px}
.stat-value{color:var(--magenta);font-size:2rem;font-weight:800;line-height:1}.stat-label{margin-top:10px;font-size:.95rem}
.highlight-panel{background:linear-gradient(135deg,var(--blue),var(--turquoise));color:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.highlight-panel h2,.highlight-panel p{color:#fff}
.inline-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:10px 14px;font-size:.88rem}
.cta-band{background:linear-gradient(135deg,var(--magenta),#8d2c7b 45%,var(--blue));color:#fff;border-radius:30px;padding:32px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.cta-band h2,.cta-band p{color:#fff}
.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.tab-card{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff}
.note{background:#fff8fb;border:1px solid rgba(178,20,91,.15);border-radius:20px;padding:18px 20px}.note strong{color:var(--turquoise)}
.site-footer{background:#1e3a4f;color:rgba(255,255,255,.85);padding:30px 0 36px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-panel{border-radius:28px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);padding:24px}.form-grid{display:grid;gap:12px}
.input,.textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;padding:14px 16px;font:inherit}.input::placeholder,.textarea::placeholder{color:rgba(255,255,255,.66)}.textarea{min-height:140px;resize:vertical}
.page-hero{padding:54px 0 40px;background:linear-gradient(180deg,var(--bg-soft) 0%,white 100%);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2rem,3.3vw,3.5rem)}
.list-clean{margin:0;padding-left:18px}.list-clean li{margin:8px 0}
@media (max-width:980px){.hero-grid,.cta-band,.footer-grid,.contact-box{grid-template-columns:1fr}.grid-5,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}
@media (max-width:620px){.grid-5,.grid-4{grid-template-columns:1fr}.hero{padding-top:44px}.header-inner{min-height:72px}}


.figure-card{
  background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden
}
.figure-card img{width:100%;height:auto;display:block}
.figure-card .caption{padding:16px 20px;color:var(--muted);font-size:.95rem}
.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.media-item{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.media-item img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.media-item-body{padding:20px}
@media (max-width:980px){.media-grid{grid-template-columns:1fr}}


.hero-grid{align-items:center}
.hero-visual{
  position: relative;
  min-height: 420px;
  border-radius: 32px;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background:
    radial-gradient(circle at 22% 22%, rgba(26,166,190,.22), transparent 22%),
    radial-gradient(circle at 76% 30%, rgba(63,124,158,.22), transparent 18%),
    radial-gradient(circle at 72% 76%, rgba(125,187,45,.16), transparent 18%),
    linear-gradient(135deg, #f7fbfd 0%, #eef6fa 55%, #f9fbfc 100%);
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:34px 40px auto 40px;
  height: 120px;
  border-radius: 28px;
  background: linear-gradient(90deg, rgba(26,166,190,.12), rgba(63,124,158,.10));
  border:1px solid rgba(26,166,190,.12);
}
.hero-orbit{
  position:absolute;border-radius:999px;filter:blur(1px);opacity:.92
}
.hero-orbit.a{width:220px;height:220px;left:42px;top:84px;background:radial-gradient(circle at 30% 30%, rgba(26,166,190,.85), rgba(26,166,190,.12) 70%, transparent 72%)}
.hero-orbit.b{width:260px;height:260px;right:56px;top:96px;background:radial-gradient(circle at 50% 50%, rgba(63,124,158,.72), rgba(63,124,158,.12) 68%, transparent 70%)}
.hero-orbit.c{width:180px;height:180px;right:128px;bottom:68px;background:radial-gradient(circle at 50% 50%, rgba(125,187,45,.55), rgba(125,187,45,.10) 66%, transparent 68%)}
.hero-track{
  position:absolute;left:94px;right:96px;top:206px;height:12px;border-radius:999px;
  background: linear-gradient(90deg, rgba(26,166,190,.32), rgba(63,124,158,.34));
}
.hero-node{
  position:absolute;width:72px;height:72px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);
  display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:700;font-size:.95rem;text-align:center;padding:8px;
}
.hero-node.one{left:74px;top:176px}.hero-node.two{left:calc(50% - 36px);top:176px}.hero-node.three{right:74px;top:176px}
.hero-pulse{
  position:absolute; width:14px;height:14px;border-radius:999px;background:var(--turquoise); top:205px; left:182px;
  box-shadow: 190px 0 0 var(--blue), 380px 0 0 var(--green);
}
.figure-card{background:transparent;border:none;box-shadow:none;border-radius:0}
.figure-card .caption{display:none}
.figure-card img{border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);background:white}
.partner-strip{
  display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;
  background:linear-gradient(135deg, #f8fbfd 0%, #f2f8fb 100%);
  border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)
}
.partner-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.partner-logo{
  background:white;border:1px solid var(--line);border-radius:22px;padding:22px 18px;min-height:92px;
  display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;color:var(--black);letter-spacing:.02em
}
.partner-logo small{display:block;font-weight:600;color:var(--muted);letter-spacing:0;font-size:.82rem;margin-top:4px}
.section-art{
  background:
    radial-gradient(circle at 12% 20%, rgba(26,166,190,.06), transparent 18%),
    radial-gradient(circle at 88% 10%, rgba(178,20,91,.05), transparent 16%),
    radial-gradient(circle at 82% 82%, rgba(125,187,45,.05), transparent 16%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.media-item{transition:transform .18s ease, box-shadow .18s ease}
.media-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(17,17,17,.10)}
.media-item img{background:#111}
@media (max-width:980px){
  .partner-strip{grid-template-columns:1fr}
  .partner-logos{grid-template-columns:1fr}
  .hero-visual{min-height:360px}
  .hero-node{width:62px;height:62px;border-radius:20px;font-size:.85rem}
}


.brand{display:flex;align-items:center}
.brand img{height:58px;width:auto;display:block}
.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--black);cursor:pointer}
.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;position:relative;width:18px;height:2px;background:var(--black);content:""}
.menu-toggle span:before{position:absolute;top:-6px;content:""}
.menu-toggle span:after{position:absolute;top:6px;content:""}
.video-shell{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.video-shell video{display:block;width:100%;height:auto;background:#111}
.link-list{display:flex;gap:12px;flex-wrap:wrap}
.social-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);transition:background .2s}
.social-icon:hover{background:rgba(255,255,255,.2)}
.footer-meta{display:flex;flex-direction:column;gap:6px}
.footer-bottom{margin-top:14px;color:rgba(255,255,255,.72);font-size:.9rem}
.card a{color:var(--turquoise);font-weight:600}
.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.article-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-card .body{padding:20px}
.inline-logo-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.inline-logo-pill{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--black);font-weight:700}
@media (max-width:980px){
  .menu-toggle{display:flex}
  .nav{display:none;position:absolute;left:16px;right:16px;top:100%;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:flex-start;gap:10px;z-index:200}
  .nav.open{display:flex}
  .header-inner{position:relative}
  .hero-grid{grid-template-columns:1fr}
  .article-list{grid-template-columns:1fr}
}


.footer-grid{align-items:start}
.footer-meta .brand{justify-content:flex-start}
.footer-meta .brand img{margin:0}
.article-hero-media{margin-top:28px}
.article-hero-media img,.article-hero-media video{width:100%;height:auto;display:block;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);background:#111}


.section-nav{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:24px
}
.section-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border:1px solid var(--line);border-radius:999px;
  background:white;color:var(--black);font-weight:600
}
.section-nav a:hover{border-color:var(--turquoise);color:var(--turquoise)}
.anchor-offset{scroll-margin-top:110px}

.card-icon{display:block;margin:-28px -28px 16px -28px;border-radius:22px 22px 0 0;overflow:hidden}
.card-icon img{width:100%;height:auto;display:block;border-radius:22px 22px 0 0}
.card-icon-lg{max-width:600px;margin-left:auto;margin-right:auto;margin-top:0;border-radius:22px;overflow:hidden}
.card-icon-lg img{border-radius:22px}
.card-icon-sm{margin:0;border-radius:16px;overflow:hidden}
.card-icon-sm img{border-radius:16px;max-height:120px;object-fit:cover}
.stat-icon{display:block;margin:-28px -28px 14px -28px;border-radius:22px 22px 0 0;overflow:hidden}
.stat-icon img{width:100%;height:auto;display:block;border-radius:22px 22px 0 0}
.hero-illustration{border-radius:28px;overflow:hidden}
.hero-illustration img{width:100%;height:auto;display:block}
.page-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.page-hero-illustration{border-radius:28px;overflow:hidden}
.page-hero-illustration img{width:100%;height:auto;display:block}
@media (max-width:980px){
  .page-hero-grid{grid-template-columns:1fr}
  .page-hero-illustration{max-width:480px}
  .card-icon-sm img{max-height:90px}
}