:root{--navy:#061733;--blue:#087be6;--cyan:#18c8dc;--ink:#152238;--muted:#66738a;--paper:#f5f8fc;--line:#dce4ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font:700 20px Georgia,serif}.brand strong,.brand small{display:block}.brand strong{font-size:20px}.brand small{margin-top:2px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-cta{padding:12px 18px;border:1px solid var(--blue);color:var(--blue);border-radius:4px}
.hero{height:calc(100vh - 82px);min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero-image{position:absolute;inset:0;background:url("/ergindex-globe.png") center/cover no-repeat;transform:scale(1.015)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,43,.94) 0%,rgba(4,28,64,.82) 42%,rgba(4,24,55,.12) 76%),linear-gradient(0deg,rgba(2,12,28,.35),transparent 45%)}.hero-content{position:relative;z-index:1;width:min(760px,80%);margin-left:clamp(24px,8vw,130px);color:#fff}.eyebrow,.section-kicker{margin:0 0 18px;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700;color:var(--blue)}.eyebrow{color:#6adbe8}.hero h1{margin:0;font:500 clamp(45px,5.5vw,78px)/1.04 Georgia,serif;letter-spacing:-.03em}.hero-lead{margin:26px 0 0;max-width:630px;color:#d9e8f5;font-size:19px;line-height:1.6}.actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:4px;font-size:14px;font-weight:700;transition:.2s ease}.primary{background:linear-gradient(135deg,var(--blue),#11a6d7);color:#fff}.secondary{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(5,21,48,.28)}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.scroll-cue{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);color:#dceeff;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.scroll-cue span{font-size:17px;margin-left:8px}
.section{padding:110px clamp(24px,8vw,130px)}.intro{text-align:center}.intro h2,.split-heading h2,.impact h2,.applications h2,.about h2,.contact h2{font:500 clamp(35px,4vw,56px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0}.intro h2{max-width:900px;margin:auto}.large-copy{max-width:840px;margin:30px auto 0;font-size:20px;line-height:1.75;color:var(--muted)}
.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px;text-align:left;border:1px solid var(--line)}.three-steps article{background:#fff;padding:38px}.three-steps span,.dimension-grid span,.application-grid span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.16em}.three-steps h3,.dimension-grid h3,.impact-grid h3,.application-grid h3{font:500 26px Georgia,serif;margin:20px 0 12px}.three-steps p,.dimension-grid p,.impact-grid p,.application-grid p{color:var(--muted);line-height:1.7;margin:0}
.impact{background:linear-gradient(135deg,#071933,#0b3465);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.light{color:#66d8e6}.impact-grid{display:grid;gap:34px}.impact-grid article{padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.16)}.impact-grid h3{margin-top:0}.impact-grid p{color:#c8d6e7}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.split-heading>p{margin:0;color:var(--muted);font-size:18px;line-height:1.75}.dimension-grid{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.dimension-grid article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:225px}.dimension-grid h3{font-size:21px}.dimension-grid p{font-size:14px}.validation-note{margin:25px 0 0;padding:18px 22px;background:#eef6ff;color:#3c5877;font-size:13px;line-height:1.6;border-left:3px solid var(--blue)}
.applications{background:#0b1c38;color:#fff}.applications>h2{max-width:780px}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}.application-grid article{padding:30px 26px;background:#10284c;border-top:2px solid #159bd7}.application-grid p{color:#c8d6e7}.application-grid h3{font-size:22px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--paper)}.about ul{list-style:none;padding:0;margin:35px 0 0}.about li{padding:16px 0;border-bottom:1px solid var(--line);color:#43516a}.about li:before{content:"✓";color:var(--blue);margin-right:12px;font-weight:bold}.not-card{background:#fff;padding:45px;border:1px solid var(--line)}.not-card h2{font-size:38px}.not-card p{color:var(--muted);line-height:1.7}
.demo-callout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:linear-gradient(135deg,#071933,#0b3465);color:#fff}.demo-callout h2{font:500 clamp(35px,4vw,56px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0}.demo-callout>div>p:not(.section-kicker){color:#c8d6e7;line-height:1.75;font-size:18px}.demo-panel{padding:38px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.demo-panel h3{font:500 28px Georgia,serif;margin:0 0 15px}.demo-panel p,.demo-panel li{color:#d8e5f1;line-height:1.65}.demo-panel ul{padding-left:20px}.demo-panel .light-button{margin-bottom:0}
.contact{text-align:center;background:linear-gradient(135deg,#096ebf,#0b9bc7);color:#fff}.contact h2{max-width:800px;margin:auto}.contact>p:not(.section-kicker){max-width:720px;margin:25px auto;color:#e5f5fb;line-height:1.75}.light-button{background:#fff;color:#0874c9;margin:15px 0 20px}.contact small{display:block;color:#d5edf6}footer{padding:50px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;background:#050e1d;color:#b7c3d4;font-size:13px}.footer-brand strong{color:#fff}.legal{grid-column:1/-1;padding-top:25px;border-top:1px solid #1c2b42;line-height:1.6;color:#8391a7}
@media(max-width:900px){nav a:not(.nav-cta){display:none}.dimension-grid,.application-grid{grid-template-columns:repeat(2,1fr)}.split-heading,.impact,.about,.demo-callout{grid-template-columns:1fr;gap:45px}.three-steps{grid-template-columns:1fr}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,17,43,.94),rgba(4,28,64,.65))}.section{padding-top:80px;padding-bottom:80px}footer{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{height:72px}.nav-cta{padding:10px 12px;font-size:11px}.brand small{display:none}.hero{height:calc(100svh - 72px);min-height:620px}.hero-content{width:auto;margin:0 24px}.hero h1{font-size:43px}.hero-lead{font-size:17px}.hero-image{background-position:70% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,17,43,.96),rgba(4,28,64,.72))}.dimension-grid,.application-grid{grid-template-columns:1fr}.split-heading{gap:25px}.not-card{padding:28px}.actions .button{width:100%}}