:root{--navy:#082F49;--navy2:#06415f;--cyan:#0891B2;--cyan2:#06a8cc;--green:#0F9F79;--orange:#FF6500;--orange2:#E95700;--ice:#F4FAFC;--ice2:#EAF6FA;--surface:#fff;--ink:#172937;--muted:#5D7180;--line:#D7E6EC;--line2:#BED5DE;--danger:#B42318;--shadow:0 18px 60px rgba(8,47,73,.10);--radius:20px;--wrap:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:16px}img,svg{max-width:100%;display:block}a{color:var(--navy);text-underline-offset:3px}a:hover{color:var(--cyan)}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.03em;color:var(--navy)}h1{font-size:clamp(40px,5.3vw,72px)}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:clamp(20px,2vw,27px)}p{margin:0}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.section{padding:clamp(64px,8vw,108px) 0}.section.tint{background:linear-gradient(180deg,var(--ice),#fff);border-block:1px solid var(--line)}.section.navy{background:linear-gradient(135deg,var(--navy),#073d59);color:#fff}.section.navy h2,.section.navy h3{color:#fff}.section.navy p{color:#e8f3f6}.section.navy .card{background:#fff;border-color:#c4d9e2}.section.navy .card strong,.section.navy .card h3{color:#062f49}.section.navy .card p{color:#2f4858;font-weight:500}.eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;background:#eaf8fc;border:1px solid #c9eaf3;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lead{font-size:clamp(18px,1.5vw,21px);color:var(--muted);max-width:760px}.head{display:grid;gap:14px;max-width:850px;margin-bottom:40px}.head.center{text-align:center;margin-inline:auto;justify-items:center}.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:10px;border:2px solid transparent;text-decoration:none;font-weight:800;cursor:pointer}.btn.orange{background:var(--orange);color:#fff;box-shadow:0 10px 28px rgba(255,101,0,.2)}.btn.orange:hover{background:var(--orange2);color:#fff}.btn.outline{border-color:var(--cyan);background:#fff;color:var(--navy)}.btn.navy{background:var(--navy);color:#fff}.btn.light{background:#fff;color:var(--navy)}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.bar{min-height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand img{width:220px;height:auto}.nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:750}.nav a{text-decoration:none;white-space:nowrap}.nav .cta{background:var(--orange);color:white;padding:11px 14px;border-radius:9px}.menu-btn{display:none;background:#fff;border:1px solid var(--line2);border-radius:9px;padding:10px;font-weight:800}.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(8,145,178,.11),transparent 29%),linear-gradient(135deg,#fff,#f4fbfd 72%,#eaf7fb);padding:clamp(56px,7vw,90px) 0 clamp(74px,9vw,118px)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(36px,5vw,72px);align-items:center}.hero-copy{display:grid;gap:22px}.hero-copy strong.accent{color:var(--cyan)}.trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px;font-weight:650}.hubmap{position:relative;min-height:520px;border-radius:32px;background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.hub-center{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(8,47,73,.12);z-index:2;text-align:center}.hub-center img{width:140px}.hub-ring{position:absolute;width:350px;height:350px;border-radius:50%;border:1px dashed rgba(8,145,178,.4)}.node{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 8px 24px rgba(8,47,73,.07);font-size:13px;font-weight:800;color:var(--navy)}.n1{top:34px;left:50%;transform:translateX(-50%)}.n2{top:120px;right:20px}.n3{bottom:120px;right:18px}.n4{bottom:32px;left:50%;transform:translateX(-50%)}.n5{bottom:120px;left:22px}.n6{top:120px;left:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;gap:14px}.card.cloud{background:linear-gradient(145deg,#eef9fe,#fff)}.card.integra{background:linear-gradient(145deg,#edf9f5,#fff)}.card p{color:#3f5665;font-weight:500}.icon{width:54px;height:54px;border-radius:14px;background:#e7f7fb;color:#087d9b;display:grid;place-items:center;font-weight:900;font-size:22px;border:1px solid #cfeaf1}.icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.integration-card .icon{background:linear-gradient(145deg,#e7f7fb,#f5fcfe)}.features article{min-height:190px}.integration-card{min-height:250px}.group-tag{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#eef8fb;border:1px solid #d2e9f0;color:#067b99;font-size:12px;font-weight:900}.municipality-card{justify-items:start}.municipality-card strong{font-size:17px}.status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.status.ok{background:#e5f7f0;color:#075b43;border:1px solid #bee7d8}.status.warn{background:#fff3dc;color:#7b4600;border:1px solid #f4d7a4}.status.dev{background:#eaf8fc;color:#086681;border:1px solid #c6eaf3}.status.road{background:#eef4f6;color:#536b78;border:1px solid #d9e5e9}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px}.checklist li{display:flex;gap:10px}.checklist li:before{content:'✓';color:var(--green);font-weight:900}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow .card{text-align:center}.form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,36px);box-shadow:var(--shadow);display:grid;gap:16px}.fields2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field label{font-size:14px;font-weight:800;color:var(--navy)}input,select,textarea{width:100%;border:1px solid var(--line2);border-radius:10px;padding:12px 13px;min-height:48px;font:inherit;background:#fff}textarea{min-height:120px;resize:vertical}.hp{position:absolute!important;left:-9999px!important}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#8a3d00;border-radius:14px;padding:16px}.success{background:#e9f8f3;border:1px solid #bde6d8;color:#075b43;border-radius:14px;padding:16px}.article{max-width:860px}.article h2{font-size:30px;margin:38px 0 14px}.article p,.article li{color:#334955}.article ul{display:grid;gap:8px}.footer{background:#061f35;color:#d5e7ed;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:32px}.footer h3{color:#fff;font-size:18px}.footer a{color:#d5e7ed}.footer ul{list-style:none;padding:0;display:grid;gap:8px}.product-strip{margin-top:48px;padding:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.product-strip img{height:52px;width:auto;background:#fff;border-radius:7px}.copyright{text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8fb0bd}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:60;max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.cookie[hidden]{display:none}.crumb{padding:16px 0;font-size:14px;color:var(--muted)}.crumb a{color:var(--muted)}.pagehero{background:linear-gradient(135deg,#fff,#f3fafc);padding:58px 0 70px;border-bottom:1px solid var(--line)}.pagehero .wrap{display:grid;gap:18px}.disclaimer{font-size:13px;color:var(--muted);padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfc}.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download{border:1px dashed var(--line2);border-radius:14px;padding:20px;color:var(--muted)}@media(max-width:1100px){.nav{display:none}.menu-btn{display:block}.mobile-nav.open{display:grid;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px;gap:12px}.mobile-nav a{text-decoration:none;font-weight:750}.hero-grid{grid-template-columns:1fr}.hubmap{min-height:460px}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.grid3,.grid2,.split,.flow,.footer-grid,.downloads{grid-template-columns:1fr}.fields2{grid-template-columns:1fr}.cookie{grid-template-columns:1fr}.hubmap{min-height:420px}.hub-ring{width:280px;height:280px}.node{font-size:11px;padding:9px}.n2,.n3{right:8px}.n5,.n6{left:8px}}@media(max-width:560px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.brand img{width:180px}.grid4{grid-template-columns:1fr}.hubmap{min-height:390px}.hub-center{width:150px;height:150px}.hub-center img{width:110px}.hub-ring{width:240px;height:240px}.node{max-width:110px}.n1{top:22px}.n4{bottom:22px}.whatsapp{right:14px;bottom:14px}}