@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap";:root{--bg-main:#f2f5f8;--bg-panel:#fff;--bg-soft:#e8eff6;--line:#d2dbe6;--ink:#1f2735;--ink-soft:#5d6b81;--head:#173866;--accent:#2340b8;--accent-2:#57c8e8;--shadow-soft:0 22px 48px #26487a24;--shadow-card:0 16px 30px #2340b824}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 12%,#3180dd24,#0000 42%),radial-gradient(circle at 88% 0,#57c8e82e,#0000 45%),linear-gradient(160deg,#eef2f7 0%,#f8fbff 45%,#e9f3ff 100%);margin:0;font-family:Barlow,Segoe UI,sans-serif}a,button,input,textarea{font:inherit}:focus-visible{outline-offset:2px;outline:3px solid #1b6bd1}#app{min-height:100vh;padding:1.2rem}.site-wrapper{max-width:1040px;margin:0 auto}.skip-link{z-index:1000;color:#fff;background:#0f3f7a;border-radius:10px;padding:.55rem .75rem;font-weight:700;text-decoration:none;position:absolute;top:-3rem;left:.8rem}.skip-link:focus-visible{top:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(175deg,#fffffff2,#f5fafff5);border-radius:26px;overflow:hidden}.hero{border-bottom:1px solid var(--line);background:linear-gradient(#e8eff65c,#e8eff600);grid-template-columns:25% 75%;align-items:center;gap:1rem;padding:1.3rem 1.2rem 1.7rem;display:grid}.hero-logo-col{justify-content:center;align-items:center;display:flex}.hero-content-col{text-align:left}.brand-logo{filter:drop-shadow(0 8px 16px #3180dd2e);width:clamp(90px,13vw,130px);height:auto}h1{color:#132a4f;max-width:22ch;margin:0;font-size:clamp(1.65rem,3.2vw,2.9rem);line-height:1.08}.hero-copy{max-width:56ch;color:var(--ink-soft);margin:.62rem 0 0}.btn{border:1px solid #284b7f;border-radius:10px;padding:.45rem .82rem;font-size:.88rem;font-weight:700;text-decoration:none}.btn-primary{color:#fff;background:linear-gradient(125deg, var(--accent), #2d7fd6);border-color:#0000}.btn-secondary{color:#203e6a;background:#f3f8ff;border-color:#9db9de}.section{border-bottom:1px solid var(--line);background:#ffffffad;padding:1rem 1.2rem 1.2rem}h2{text-align:center;margin:0;font-size:clamp(1.35rem,2.4vw,2rem)}.pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.tile{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:.85rem;box-shadow:0 10px 18px #183d7014}.tile:last-child{border-right:1px solid var(--line)}.tile h3{text-align:center;margin:0;font-size:1.08rem}.tile p{text-align:center;margin:.5rem 0 0}.connectivity-image-wrap{background:linear-gradient(#fff,#f4f9ff);border:1px solid #bfd0e6;border-radius:16px;max-width:760px;margin:1rem auto 0;padding:.8rem;box-shadow:0 10px 18px #183d7014}.connectivity-image{width:100%;height:auto;display:block}.connectivity-copy{text-align:center;max-width:70ch;color:var(--ink-soft);margin:.9rem auto 0}.bottom-grid{grid-template-columns:1.2fr 1fr;display:grid}.bottom-grid .section{border-bottom:0}.bottom-grid .section:first-child{border-right:1px solid var(--line)}.differentiator-head{gap:.25rem;display:grid}.kicker{color:#2b5f9e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.differentiator-head h2{text-align:left}.differentiator-panel{background:linear-gradient(145deg,#17325a,#1f4678);border:1px solid #9db9de;border-radius:14px;margin-top:.8rem;padding:.8rem;box-shadow:inset 0 1px #ffffff2e}.panel-display{background:#0f223f;border:1px solid #99bfea73;border-radius:10px;align-items:flex-start;gap:.28rem;height:90px;padding:.5rem;display:flex}.panel-dot{background:linear-gradient(140deg,#6ad2f0,#3f8de0);border-radius:50%;width:10px;height:10px}.panel-lines{gap:.4rem;margin-top:.7rem;display:grid}.panel-lines span{background:linear-gradient(90deg,#e8f3ff,#b7d2f2);border-radius:999px;height:8px}.panel-lines span:first-child{width:92%}.panel-lines span:nth-child(2){width:76%}.panel-lines span:nth-child(3){width:88%}.panel-lines span:nth-child(4){width:62%}.differentiator-grid{gap:.55rem;margin:.9rem 0;display:grid}.diff-item{background:#f7fbff;border:1px solid #bfd2ea;border-radius:12px;padding:.6rem .68rem}.diff-item h3{color:#214b85;margin:0;font-size:1rem}.diff-item p{color:var(--ink-soft);margin:.28rem 0 0}.contact-form{gap:.6rem;margin-top:.7rem;display:grid}.contact-form label{gap:.25rem;font-weight:600;display:grid}.contact-form input{font:inherit;background:#fcfeff;border:1px solid #aac0df;border-radius:9px;padding:.52rem .6rem}.contact-form textarea{font:inherit;resize:vertical;background:#fcfeff;border:1px solid #aac0df;border-radius:9px;min-height:96px;padding:.52rem .6rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#2d7fd6;box-shadow:0 0 0 3px #2d7fd633}.contact-form button{cursor:pointer}.contact-note{background:#f7fbff;border:1px solid #bfd2ea;border-radius:12px;margin-top:.9rem;padding:.75rem .8rem}.contact-note h3{color:#214b85;margin:0;font-size:1rem}.contact-note p{color:var(--ink-soft);margin:.45rem 0 0;line-height:1.45}.section-title-wrap{text-align:center}.section-title-wrap p{color:var(--ink-soft);margin:.45rem 0 0}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.8rem;display:grid}.demo-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.85rem;box-shadow:0 10px 18px #183d7014}.demo-card h3{margin:0}.demo-card p{color:var(--ink-soft);margin:.45rem 0 .75rem}.demo-card a{color:#fff;background:linear-gradient(125deg,#1f49c1,#32a4dc);border:1px solid #0000;border-radius:9px;gap:.35rem;padding:.36rem .65rem;font-weight:700;text-decoration:none;display:inline-flex}.demo-card a:focus-visible,.btn:focus-visible{box-shadow:0 0 0 4px #2d7fd647}.site-footer{text-align:center;color:#2b4c79;border-top:1px solid var(--line);background:#ecf5ffcc;padding:1rem 1.2rem;font-weight:600}@media (width<=840px){#app{padding:.7rem}.page-shell{border-radius:18px}.hero{text-align:center;grid-template-columns:1fr;gap:.75rem}.hero-content-col{text-align:center}h1{margin:.2rem auto 0}.hero-copy{margin-inline:auto}.pillars-grid{grid-template-columns:1fr}.tile{border-right:1px solid var(--line)}.bottom-grid{grid-template-columns:1fr}.bottom-grid .section:first-child{border-right:0;border-bottom:1px solid var(--line)}.differentiator-head h2,.kicker{text-align:center}.demo-grid{grid-template-columns:1fr}}
