:root{--brand-navy:#0b1f3b;--brand-teal:#1fa67a;--brand-gold:#c8a951;--bg-base:#f2f4f7;--bg-paper:#fff;--text-strong:#0b1f3b;--text-muted:#44566f;--border-soft:#d8dfe8;--shadow-soft:0 16px 30px #0b1f3b1a;--container:1140px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top right, #e8f8f3, var(--bg-base) 35%);color:var(--text-muted);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.site-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(var(--container), 92vw);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft);background:#f2f4f7e6;position:sticky;top:0}.nav-wrap{align-items:center;gap:1rem;min-height:78px;display:flex}.brand-logo{width:154px;max-width:100%}.main-nav{flex-wrap:wrap;gap:.8rem;margin-left:auto;display:flex}.nav-link{color:var(--text-muted);border-radius:999px;padding:.4rem .7rem;font-weight:500}.nav-link-active{color:var(--brand-navy);background:#dcefe8}.cta-button{cursor:pointer;color:#fff;background:linear-gradient(120deg, var(--brand-teal), #0f8e67);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-weight:700;transition:transform .18s;display:inline-flex}.cta-button:hover{transform:translateY(-2px)}.cta-button:disabled{opacity:.75;cursor:not-allowed;transform:none}.cta-button-small{margin-left:.8rem}.cta-link{color:var(--brand-navy);border-bottom:2px solid var(--brand-gold);width:fit-content;font-weight:700}.page-section{padding:5rem 0}.page-section-muted{border-block:1px solid var(--border-soft);background:linear-gradient(#eef2f7 0%,#e6ecf4 100%)}.eyebrow{color:var(--brand-teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:700}h1{color:var(--text-strong);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}h2{color:var(--text-strong);margin-bottom:.7rem;font-size:1.35rem}.section-subtitle{max-width:72ch;font-size:1.1rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.6rem;display:flex}.cards-grid,.module-grid,.rollout-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.4rem;display:grid}.info-card{background:var(--bg-paper);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);border-radius:16px;padding:1.1rem}.status-chip{color:#8f6e20;background:#c8a95124;border:1px solid #c8a95199;border-radius:999px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.78rem;font-weight:700;display:inline-block}.rollout-item{background:#ffffffb3;border:1px dashed #0b1f3b40;border-radius:16px;padding:1rem}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.4rem;display:grid}.screenshot-grid-single{grid-template-columns:minmax(0,720px)}.screenshot-card{background:var(--bg-paper);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);border-radius:20px;margin:0;padding:.9rem}.screenshot-card img{background:#f3f5f8;border:1px solid #0b1f3b14;border-radius:14px;width:100%;height:auto;display:block}.screenshot-card figcaption{color:var(--text-body);margin-top:.8rem;line-height:1.55}.bullet-list{margin:1rem 0 0;padding-left:1.2rem}.bullet-list li{margin-bottom:.5rem}.demo-form{gap:.9rem;max-width:700px;margin-top:1.2rem;display:grid}.demo-form label{color:var(--text-strong);gap:.3rem;font-weight:600;display:grid}.demo-form input,.demo-form textarea{border:1px solid var(--border-soft);font:inherit;border-radius:10px;padding:.75rem}.form-success{color:#0c7a5a;margin-top:.8rem;font-weight:600}.form-error{color:#a92228;margin-top:.8rem;font-weight:600}.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}.site-footer{border-top:1px solid var(--border-soft);background:#e9eef4;margin-top:auto;padding:3rem 0}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.brand-lockup{width:min(270px,100%)}.muted{color:var(--text-muted);margin-top:.5rem}.link-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.footer-link{color:var(--brand-navy)}@media (width<=900px){.nav-wrap{flex-direction:column;align-items:flex-start;padding:.8rem 0}.main-nav,.cta-button-small{margin:0}.page-section{padding:3.2rem 0}}
