:root{
  --teal:#007c78;
  --teal-dark:#005f5b;
  --green:#5fae60;
  --green-dark:#387a42;
  --gold:#d8a94f;
  --ink:#173434;
  --muted:#647777;
  --mist:#eef8f6;
  --line:#d8eeee;
  --paper:#ffffff;
  --night:#0e2d33;
  --shadow:0 18px 50px rgba(0,58,62,.14);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#f7fcfb 0%,#ffffff 42%,#eef8f6 100%);
}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
.site-shell{min-height:100vh;display:flex;flex-direction:column}
.header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(0,124,120,.13);
}
.nav{
  max-width:1180px;margin:0 auto;padding:16px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em;color:var(--teal-dark)}
.brand-mark{width:42px;height:42px;border-radius:14px;background:radial-gradient(circle at 35% 25%,#fff9d7 0 14%,var(--gold) 15% 30%,var(--teal) 31% 70%,var(--night) 71% 100%);box-shadow:0 8px 22px rgba(0,96,92,.24)}
.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;color:#285252;font-weight:650}
.nav-links a{padding:8px 4px;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{border-bottom-color:var(--gold);color:var(--teal-dark)}
.cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(0,124,120,.24)}
.cta.secondary{background:#fff;color:var(--teal-dark);border:1px solid var(--line);box-shadow:none}
main{flex:1}.section{padding:72px 22px}.section.tight{padding-top:38px}.wrap{max-width:1180px;margin:0 auto}
.hero{padding:88px 22px 64px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(216,169,79,.18),transparent 30%),radial-gradient(circle at 10% 25%,rgba(0,124,120,.16),transparent 28%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{display:inline-block;color:var(--green-dark);font-size:13px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
h1{font-size:clamp(40px,6vw,72px);line-height:.96;margin:0 0 20px;color:var(--night);letter-spacing:-.055em}h1 span{color:var(--teal)}
.lede{font-size:clamp(18px,2.3vw,23px);line-height:1.45;color:#315f5f;max-width:730px;margin:0 0 26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.meta-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-weight:650;font-size:14px}.meta-pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fff}
.visual-card{background:linear-gradient(180deg,#ffffff,#eef8f6);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.visual-top{padding:22px 22px 0}.visual-title{font-weight:900;color:var(--teal-dark);letter-spacing:-.02em}.visual-sub{font-size:13px;color:var(--muted);margin-top:4px}.bridge-visual{padding:0 12px 14px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 35px rgba(0,74,72,.08)}.card h3{margin:0 0 10px;color:var(--teal-dark);font-size:21px}.card p{margin:0;color:#4f6b6b;line-height:1.55}.card .num{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--mist);color:var(--teal-dark);font-weight:900;margin-bottom:18px}
.section-title{font-size:clamp(30px,4.2vw,48px);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px;color:var(--night)}.section-intro{max-width:800px;color:#4f6b6b;font-size:18px;line-height:1.55;margin:0 0 32px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{border-radius:28px;padding:28px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 38px rgba(0,74,72,.07)}.panel.dark{background:linear-gradient(145deg,#173434,#081f25);color:#fff;border-color:rgba(255,255,255,.12)}.panel.dark h3,.panel.dark .list strong{color:#fff}.panel.gold{background:linear-gradient(145deg,#fffaf0,#ffffff);border-color:#f1dfb7}.list{display:grid;gap:14px;margin:18px 0 0}.list-item{display:flex;gap:12px;line-height:1.45;color:#4f6b6b}.dark .list-item{color:#dceeed}.check,.xmark{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:900}.check{background:#e6f5e8;color:var(--green-dark)}.xmark{background:rgba(255,255,255,.1);color:#ffcf8d}
.timeline{display:grid;gap:16px}.step{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}.step-badge{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950}.step h3{margin:0 0 6px;color:var(--teal-dark)}.step p{margin:0;color:#526f6f;line-height:1.55}
.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.data-card{padding:22px;border-radius:22px;border:1px solid var(--line);background:#fff}.data-card h3{margin:0 0 12px;color:var(--teal-dark)}.field-list{display:grid;gap:8px}.field{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed #d9eeee;padding-bottom:7px}.field span:first-child{font-weight:800;color:#244f4f}.field span:last-child{color:#607777;text-align:right}
.banner{border-radius:32px;padding:38px;background:linear-gradient(135deg,var(--night),var(--teal-dark));color:#fff;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;box-shadow:var(--shadow)}.banner h2{margin:0 0 8px;font-size:32px;letter-spacing:-.03em}.banner p{margin:0;color:#d7eeee;line-height:1.5;max-width:760px}
.footer{background:#08282d;color:#d7eeee;padding:36px 22px;margin-top:40px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer small{color:#a9c7c7}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 12px;color:var(--teal-dark);font-weight:800;font-size:13px}.gold-star{width:22px;height:22px;border-radius:50%;background:var(--gold);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
@media(max-width:900px){.hero-grid,.split,.tech-grid,.banner{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-links{justify-content:flex-start}.section{padding:48px 18px}.hero{padding-top:58px}.banner{padding:28px}.step{grid-template-columns:1fr}.step-badge{margin-bottom:4px}}