:root{
  --navy:#0a2352;
  --navy2:#102f68;
  --ink:#13294b;
  --text:#314d75;
  --muted:#6f87a6;
  --line:#dbe7f3;
  --line2:#e8f0f8;
  --paper:#ffffff;
  --soft:#f7fbff;
  --soft2:#eef7ff;
  --blue:#087bff;
  --cyan:#00c7df;
  --violet:#7b2cff;
  --green:#12b886;
  --orange:#ff9f1c;
  --red:#ff3b5c;
  --grad:linear-gradient(100deg,#008cff 0%,#2f76ff 50%,#7b2cff 100%);
  --shadow:0 20px 60px rgba(34,84,143,.12);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(1420px,calc(100% - 64px));margin-inline:auto}
#scroll-progress{position:fixed;left:0;top:0;width:0;height:2px;z-index:500;background:var(--grad)}
.site-header{height:74px;position:sticky;top:0;z-index:200;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #eef3f8}
.nav-shell{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:8px;width:auto;flex:0 0 auto}.brand-mark{width:39px;height:39px;object-fit:cover;border-radius:8px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:24px;letter-spacing:-.035em;color:#0b2354}.brand-copy small{font-size:8px;letter-spacing:.13em;color:#3b5372;margin-top:4px;font-weight:800}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650;color:#15305e}
.main-nav>a:not(.btn){position:relative;padding:26px 0}.main-nav>a:not(.btn):hover,.main-nav>a.active{color:var(--blue)}.main-nav>a.active::after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--grad);border-radius:5px}
.search-link{font-size:20px;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:750;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(24,100,204,.12)}.btn-primary{background:var(--grad);color:#fff}.btn-outline{border-color:#176cff;color:#065fdc;background:#fff}.btn-nav{min-height:42px;padding:0 18px;font-size:13px}
.mobile-toggle{display:none;margin-left:auto;background:transparent;border:0;padding:8px}.mobile-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px;border-radius:2px}

.hero-home{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fcff 0,#f5fbff 70%,#fff 100%);padding:42px 0 28px;border-bottom:1px solid #edf3f9}.hero-bg-lines{position:absolute;inset:0;background-image:radial-gradient(circle at 8% 25%,rgba(29,128,255,.08),transparent 24%),linear-gradient(120deg,transparent 55%,rgba(84,158,255,.06));pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:.8fr 1.45fr;gap:54px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:850;color:#096cdf;text-transform:uppercase;margin-bottom:16px}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-size:clamp(50px,4.15vw,67px);line-height:1.04;letter-spacing:-.05em;color:#0b2158;margin-bottom:20px}.hero-copy h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:17px;color:#35527a;max-width:660px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

.hero-visual{min-height:470px;position:relative}.hero-dashboard{position:absolute;left:0;top:8px;width:76%;height:385px;display:grid;grid-template-columns:122px 1fr;border:1px solid #d8e6f5;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 28px 75px rgba(42,91,151,.17);transform:perspective(1200px) rotateY(-2deg);z-index:4}.dash-sidebar{background:linear-gradient(180deg,#08234a,#0b2d60);color:#9ec1e7;padding:12px 9px;display:flex;flex-direction:column;gap:4px}.dash-brand{display:flex;align-items:center;gap:7px;color:#fff;font-size:12px;margin-bottom:9px}.dash-brand img{width:24px;height:24px;object-fit:cover;border-radius:6px}.dash-sidebar>span{font-size:9px;padding:7px 8px;border-radius:5px}.dash-sidebar>span.sel{background:#0e67de;color:#fff}.dash-main{padding:13px}.dash-search{height:29px;border:1px solid #dfe9f4;border-radius:6px;color:#8298b1;font-size:9px;padding:8px 10px;position:relative}.dash-search i{position:absolute;right:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.kpis>div{border:1px solid #e2ebf5;border-radius:7px;padding:8px 9px;background:#fbfdff}.kpis b,.kpis small,.kpis em{display:block}.kpis b{font-size:15px;color:#0e2c63}.kpis b.red{color:#e83b57}.kpis b.green{color:#0d9c74}.kpis small{font-size:7.5px;color:#58728f}.kpis em{font-style:normal;font-size:6.8px;color:#9babc0;margin-top:2px}.dash-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:8px;margin-top:8px}.topology-card,.insight-card{border:1px solid #e0eaf4;border-radius:8px;background:#fff;padding:8px}.card-title{font-size:9px;font-weight:800;color:#0d2d62;display:flex;justify-content:space-between}.card-title span{font-weight:500;color:#9aacbf}.card-title a{font-weight:650;color:#0a72e8}.mini-topology{width:100%;height:195px}.mini-topology .links path{fill:none;stroke:#c2d5e8;stroke-width:1.2;stroke-dasharray:4 5;animation:dash 9s linear infinite}.mini-topology .node circle{stroke:#fff;stroke-width:2}.mini-topology .node text{font-size:7px;text-anchor:middle;fill:#36526f}.mini-topology .cyan{fill:#23cbe1}.mini-topology .green{fill:#18b985}.mini-topology .red{fill:#ff415c}.mini-topology .blue{fill:#347de5}.legend{display:flex;gap:8px;font-size:6.5px;color:#60768f}.legend span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:3px}.legend .g::before{background:#18b985}.legend .o::before{background:#ff9f1c}.legend .r::before{background:#ff415c}.legend .u::before{background:#7d91a9}
.insight-card h4{font-size:8.5px;margin:9px 0 1px}.insight-card small{font-size:6.3px;color:#8094aa}.sev{color:#ff4058}.insight-card ol{font-size:6.9px;padding-left:16px;color:#3f5874;line-height:1.55;margin:6px 0}.mini-btn{display:inline-flex;background:#087bff;color:white;border-radius:5px;padding:6px 8px;font-size:6.8px;font-weight:700}.changes{border-top:1px solid #eef3f8;margin-top:6px;padding-top:6px;display:grid;gap:3px}.changes b{font-size:6.7px}.changes span{font-size:6.2px;color:#4d6782}.changes em{float:right;font-style:normal;color:#94a7ba}
.ai-head-wrap{position:absolute;right:-4%;top:-36px;width:39%;height:470px;z-index:3}.ai-head-svg{width:100%;height:100%;filter:drop-shadow(0 16px 30px rgba(70,116,225,.13))}.ai-step{position:absolute;right:-7%;width:130px;padding:9px 12px;background:rgba(255,255,255,.9);border:1px solid #ddeaf5;border-radius:10px;box-shadow:0 8px 28px rgba(39,85,145,.08)}.ai-step b,.ai-step span{display:block}.ai-step b{font-size:10px;color:#102f69}.ai-step span{font-size:7px;color:#7890aa}.s1{top:68px}.s2{top:132px}.s3{top:197px}.s4{top:262px}.s5{top:327px}

.benefit-strip{border-bottom:1px solid #e8f0f7;background:#fff}.four-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:16px 0}.four-benefits>div{display:flex;gap:12px;align-items:center;padding:3px 20px;border-right:1px solid #e8eef5}.four-benefits>div:last-child{border-right:0}.four-benefits i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eef6ff;color:#2766f5;font-style:normal;font-size:17px}.four-benefits b,.four-benefits small{display:block}.four-benefits b{font-size:13px;color:#0e2a5c}.four-benefits small{font-size:10px;color:#647d99;margin-top:1px}

.section{padding:82px 0}.soft-section{background:linear-gradient(180deg,#fbfdff,#f5faff);border-block:1px solid #edf3f8}.section-head{max-width:980px;margin-bottom:34px}.section-head.split{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.section-head h2,.section h2{font-size:clamp(34px,3vw,44px);line-height:1.08;letter-spacing:-.04em;color:#0b2355;margin-bottom:9px}.section-head p,.lead{font-size:16px;color:#5b7493}.pill-tabs{display:flex;gap:5px;flex-wrap:wrap}.pill-tabs span{border:1px solid #d8e5f1;border-radius:6px;padding:9px 14px;font-size:11px;color:#496580}.pill-tabs span.active{background:#087bff;color:#fff;border-color:#087bff}
.coverage-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.coverage-grid article{border:1px solid #dfe9f3;border-radius:10px;padding:16px 14px;background:#fff;min-height:155px;transition:.22s}.coverage-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(34,84,143,.08);border-color:#c8ddf0}.coverage-grid i{font-style:normal;font-size:23px;color:#4a45ff}.coverage-grid h3{font-size:12px;margin:11px 0 6px;color:#0f2a5a}.coverage-grid p{font-size:10px;color:#617a97;margin:0;line-height:1.5}

.incident-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:28px;align-items:start}.process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:28px}.process-flow>div{text-align:center}.process-flow>div i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #5d64ff;color:#3a4be8;font-style:normal;font-size:20px;box-shadow:0 0 0 10px rgba(93,100,255,.07);margin:0 auto 9px}.process-flow>div:nth-of-type(5) i{border-color:#1cc8df;color:#15a9bd}.process-flow b,.process-flow small{display:block}.process-flow b{font-size:12px}.process-flow small{font-size:9px;color:#637b98;line-height:1.35}.process-flow>em{font-style:normal;color:#3075ff;font-size:28px}
.incident-card{border:1px solid #dfe9f3;border-radius:11px;background:#fff;padding:16px;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;box-shadow:0 12px 35px rgba(46,91,145,.05)}.incident-left h3{font-size:15px;margin-bottom:12px}.incident-left span{display:grid;grid-template-columns:38px 8px 1fr;align-items:center;gap:8px;padding:5px 0;font-size:9px;color:#46617e}.incident-left span b{font-size:8px;color:#6f86a0;font-weight:600}.incident-left i{width:6px;height:6px;border-radius:50%;background:#268bf1}.incident-left i.bad{background:#ff4059}.incident-left i.ok{background:#16b57e}.chart-title{font-size:9px;font-weight:750}.chart-title small{float:right;color:#9aaabd;font-weight:500}.incident-chart{width:100%;margin-top:8px}.grid-line{stroke:#e6eef6;stroke-width:1}.trend-path{fill:none;stroke:#ff3455;stroke-width:2.2;stroke-dasharray:500;stroke-dashoffset:500;animation:drawline 2.2s ease forwards}.issue-line{stroke:#ff3455;stroke-width:1;stroke-dasharray:3 3}.incident-chart text{font-size:7px;fill:#ff3455}.resolution-status{display:flex;gap:10px;align-items:center;margin-top:4px;background:#eefcf7;border:1px solid #d8f3e7;border-radius:8px;padding:10px}.resolution-status>i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#c7f3df;color:#10a96f;font-style:normal;font-weight:900}.resolution-status small,.resolution-status b,.resolution-status em{display:block}.resolution-status small{font-size:7px;color:#618575}.resolution-status b{font-size:10px;color:#087a54}.resolution-status em{font-style:normal;font-size:6.7px;color:#67a28b}

.architecture-preview{background:#fff}.architecture-flow{display:grid;grid-template-columns:1.15fr .4fr 1.05fr .2fr 1.15fr .85fr;align-items:center;gap:12px;border:1px solid #dfeaf4;border-radius:13px;padding:18px;background:#fbfdff}.arch-col,.deploy-col{display:flex;flex-direction:column;gap:6px}.arch-col strong,.deploy-col strong{font-size:11px;color:#0e2a5b}.arch-col span,.deploy-col span{border:1px solid #e1eaf4;border-radius:6px;padding:7px 8px;background:#fff;font-size:8px;color:#506a86}.arch-arrow{text-align:center;color:#188af7;font-size:22px}.arch-arrow small{display:block;color:#698099;font-size:7px}.arch-core{text-align:center;border:1px solid #7dc1f4;border-radius:10px;padding:16px;background:#fff}.arch-core img{width:54px;height:54px;object-fit:cover;border-radius:12px;margin:0 auto 5px}.arch-core strong,.arch-core span{display:block}.arch-core strong{font-size:18px}.arch-core span{font-size:9px;color:#5f7894}.deploy-col{background:#eef7ff;border-radius:8px;padding:12px}.center-link{text-align:center;margin-top:20px}.center-link a{font-size:13px;font-weight:750;color:#087bff}

.trust-section{background:#f8fbff}.trust-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}.trust-grid>div>p{font-size:16px;color:#5f7896}.trust-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-cards article{border:1px solid #dfe9f3;border-radius:12px;background:white;padding:20px}.trust-cards b{font-size:14px}.trust-cards p{font-size:12px;color:#637d9a}.trust-cards a{font-size:11px;font-weight:800;color:#087bff}
.cta-band{padding:48px 0;background:#fff}.cta-inner{border:1px solid #dce8f3;border-radius:16px;background:linear-gradient(110deg,#f6fbff,#eef8ff,#f5f1ff);padding:34px 38px;display:flex;justify-content:space-between;gap:40px;align-items:center}.cta-inner h2{font-size:34px;margin-bottom:7px}.cta-inner p{color:#617b99;margin:0}

.page-hero{padding:86px 0 74px;background:linear-gradient(135deg,#f8fcff,#eff7ff 62%,#f7f3ff);border-bottom:1px solid #e8f0f7}.page-hero.compact{padding-bottom:60px}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.page-hero h1{font-size:clamp(46px,4.5vw,64px);line-height:1.02;letter-spacing:-.05em;color:#0b2354;margin-bottom:20px}.page-hero p{font-size:17px;color:#4f6b8b}.page-visual{min-height:300px}.platform-visual{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.platform-visual span{padding:14px 18px;border:1px solid #cfe0ee;border-radius:11px;background:white;font-size:13px;font-weight:750;box-shadow:0 10px 25px rgba(48,93,147,.06)}.platform-visual i{font-style:normal;color:#408cff}

.workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workspace-grid article{border:1px solid #dfe9f3;border-radius:12px;padding:20px;background:#fff}.workspace-grid article>b{font-size:10px;color:#1480df}.workspace-grid h3{font-size:15px;margin:15px 0 8px}.workspace-grid p{font-size:12px;color:#607996;margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.checklist{padding:0;list-style:none;margin:24px 0 0}.checklist li{position:relative;padding:8px 0 8px 26px;font-size:15px;color:#496582}.checklist li::before{content:"✓";position:absolute;left:0;color:#0bb3b9;font-weight:900}.process-board{border:1px solid #dce7f2;border-radius:13px;background:#fff;padding:10px}.process-board>div{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:14px 8px;border-bottom:1px solid #edf3f8}.process-board>div:last-child{border-bottom:0}.process-board b{font-size:10px;color:#0d7edb}.process-board span{font-size:13px;font-weight:700}.process-board em{font-style:normal;font-size:9px;color:#6e87a2;border:1px solid #dce6f0;padding:3px 6px;border-radius:999px}.operating-model{display:flex;flex-wrap:wrap;gap:7px;align-items:center;border:1px solid #dfe9f2;border-radius:14px;padding:22px;background:#fbfdff}.operating-model span{padding:10px 12px;background:#fff;border:1px solid #e0eaf3;border-radius:8px;font-size:11px;font-weight:750}.operating-model i{font-style:normal;color:#2a7bf0}

.coverage-wheel{position:relative;width:370px;height:370px;margin:auto;border:1px dashed #bdcfe1;border-radius:50%}.coverage-wheel b{position:absolute;left:50%;top:50%;translate:-50% -50%;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #a8d0ee;color:#0d2d62;box-shadow:0 15px 45px rgba(40,86,143,.09)}.coverage-wheel span{position:absolute;padding:8px 10px;border:1px solid #d8e6f1;border-radius:999px;background:#fff;font-size:10px}.coverage-wheel span:nth-child(1){left:40%;top:-5%}.coverage-wheel span:nth-child(2){right:-6%;top:25%}.coverage-wheel span:nth-child(3){right:1%;bottom:18%}.coverage-wheel span:nth-child(4){left:40%;bottom:-5%}.coverage-wheel span:nth-child(5){left:-6%;bottom:20%}.coverage-wheel span:nth-child(6){left:-8%;top:25%}
.protocol-matrix,.role-cloud,.fit-pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.protocol-matrix span,.role-cloud span,.fit-pills span{padding:10px 13px;border:1px solid #dce7f1;border-radius:999px;background:#fff;font-size:11px;color:#46617d}.stack-visual{display:flex;flex-direction:column;gap:10px}.stack-visual span{padding:17px 20px;border:1px solid #d8e6f1;border-radius:10px;background:white;box-shadow:0 8px 22px rgba(35,82,137,.04);font-size:12px}.four-cards,.three-cards,.six-cards{display:grid;gap:12px}.four-cards{grid-template-columns:repeat(4,1fr)}.three-cards{grid-template-columns:repeat(3,1fr)}.six-cards{grid-template-columns:repeat(3,1fr)}.four-cards article,.three-cards article,.six-cards article{border:1px solid #dfe9f3;border-radius:12px;padding:20px;background:#fff}.four-cards h3,.three-cards h3,.six-cards h3{font-size:15px;margin-bottom:8px}.four-cards p,.three-cards p,.six-cards p{font-size:12px;color:#617b98;margin:0}.four-cards a{display:block;margin-top:10px;font-size:11px;color:#087bff;font-weight:800}.tech-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech-columns>div{border:1px solid #dfe9f3;border-radius:12px;padding:20px;background:#fff}.tech-columns strong,.tech-columns span{display:block}.tech-columns strong{font-size:13px;margin-bottom:11px}.tech-columns span{padding:7px 0;border-top:1px solid #eef3f8;font-size:11px;color:#5c7592}

.ai-hero-small{height:390px}.ai-hero-small .ai-head-svg{height:100%;margin:auto}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.state-grid span{border:1px solid #dfe9f3;border-left:4px solid #2795e8;border-radius:10px;background:white;padding:16px}.state-grid b,.state-grid small{display:block}.state-grid b{font-size:11px}.state-grid small{font-size:10px;color:#607a97;margin-top:4px}.state-grid .up{border-left-color:#17b982}.state-grid .down{border-left-color:#ff405b}.state-grid .unknown{border-left-color:#8557df}.state-grid .stale{border-left-color:#96a6b6}.state-grid .degraded{border-left-color:#f39a22}.state-grid .sla{border-left-color:#328cd5}.copilot-contract{border:1px solid #dce8f2;border-radius:12px;background:white;padding:10px}.copilot-contract>div{display:grid;grid-template-columns:125px 1fr;gap:10px;padding:12px;border-bottom:1px solid #edf3f8}.copilot-contract>div:last-child{border-bottom:0}.copilot-contract b{font-size:11px;color:#0a78df}.copilot-contract span{font-size:11px;color:#5f7894}.trust-ladder{display:grid;gap:7px;margin-top:18px}.trust-ladder span{padding:9px 12px;background:#f8fbff;border:1px solid #e1ebf4;border-radius:8px;font-size:11px;color:#56718f}.trust-ladder b{color:#0a78df}.remediation-flow,.period-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid #dce7f1;border-radius:12px;padding:18px;background:#fff;margin-bottom:14px}.remediation-flow span,.period-flow span{padding:9px 11px;background:#f6faff;border:1px solid #e1eaf3;border-radius:7px;font-size:10px;font-weight:750}.remediation-flow i,.period-flow i{font-style:normal;color:#3183ef}

.enterprise-cloud,.company-principles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enterprise-cloud span,.company-principles span{border:1px solid #dbe7f1;border-radius:10px;padding:17px;background:#fff;font-size:12px;font-weight:750}.role-cloud{justify-content:flex-start}.arch-mini{display:flex;flex-direction:column;gap:8px;align-items:center;border:1px solid #dce8f2;border-radius:14px;background:#fff;padding:28px}.arch-mini span,.arch-mini b{padding:11px 18px;border:1px solid #e0eaf3;border-radius:8px;background:#fafdff;font-size:12px}.arch-mini i{font-style:normal;color:#4a83cc;font-size:10px}.architecture-canvas{border:1px solid #dbe7f2;border-radius:15px;padding:28px;background:#fbfdff;text-align:center}.architecture-canvas>i{display:block;font-style:normal;color:#4d82c1;font-size:10px;padding:10px}.arch-users,.estate-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.arch-users span,.estate-row span{padding:8px 11px;border:1px solid #dfe8f1;border-radius:7px;background:#fff;font-size:10px}.core-box{padding:22px;border:1px solid #9ecdf0;border-radius:12px;background:linear-gradient(135deg,#eef8ff,#f5f2ff);margin:0 auto}.core-box>strong{display:block;font-size:15px;margin-bottom:12px}.core-box>div{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.core-box span{padding:8px 10px;border:1px solid #dce6ef;border-radius:7px;background:#fff;font-size:9px}.sensor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sensor-row>div{border:1px solid #dfe8f1;border-radius:9px;background:white;padding:15px}.sensor-row b,.sensor-row span{display:block}.sensor-row b{font-size:10px}.sensor-row span{font-size:9px;color:#647c97}.ha-visual{display:grid;grid-template-columns:1fr 120px 1fr;gap:10px;align-items:center}.ha-node{padding:26px;border:1px solid #dbe7f2;border-radius:12px;text-align:center;background:white}.ha-node span,.ha-node b{display:block}.ha-node span{font-size:10px;color:#6a819a}.ha-node b{font-size:15px}.ha-node.active{border-color:#64d5dd}.ha-node.active b{color:#12aab4}.ha-sync{text-align:center;font-size:28px;color:#5593dc}.ha-sync small{display:block;font-size:9px}.sensor-bar{grid-column:1/-1;text-align:center;border:1px solid #e1e9f1;border-radius:8px;padding:10px;background:#f9fcff;font-size:9px;color:#607895}

.security-orbit{position:relative;width:360px;height:360px;border:1px dashed #bdd1e4;border-radius:50%;margin:auto}.security-orbit b{position:absolute;left:50%;top:50%;translate:-50% -50%;width:120px;height:120px;border-radius:32% 32% 48% 48%;display:grid;place-items:center;border:1px solid #b6d9f3;background:#fff;color:#0874df}.security-orbit span{position:absolute;padding:8px 11px;border:1px solid #dae6f1;border-radius:999px;background:white;font-size:10px}.security-orbit span:nth-of-type(1){left:42%;top:4%}.security-orbit span:nth-of-type(2){right:2%;top:28%}.security-orbit span:nth-of-type(3){right:8%;bottom:19%}.security-orbit span:nth-of-type(4){left:8%;bottom:19%}.security-orbit span:nth-of-type(5){left:2%;top:28%}.security-orbit span:nth-of-type(6){left:40%;bottom:4%}.identity-flow{display:flex;flex-direction:column;gap:7px}.identity-flow span{padding:13px;border:1px solid #dce7f1;border-radius:8px;background:#fff;text-align:center;font-size:11px}.identity-flow i{text-align:center;font-style:normal;color:#4388da}.ai-firewall{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;align-items:center}.ai-firewall>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.ai-firewall span{padding:8px 10px;border:1px solid #dfe9f3;border-radius:999px;background:white;font-size:10px}.ai-firewall>b{padding:22px;border:1px solid #9bcff0;border-radius:12px;background:linear-gradient(135deg,#edf8ff,#f5f1ff);font-size:12px;text-align:center;color:#0b6db7}.ai-firewall small{display:block;font-weight:500;font-size:9px;color:#5e7894;margin-top:5px}

.tenant-visual{border:1px solid #dce7f1;border-radius:14px;background:white;padding:26px;text-align:center}.tenant-visual>b{display:block;color:#0877d9;font-size:12px;margin-bottom:20px}.tenant-visual>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tenant-visual span{border:1px solid #dfe9f3;border-radius:9px;padding:15px;font-size:11px;font-weight:750}.tenant-visual small{display:block;font-size:9px;color:#788da4;margin-top:4px}.tenant-visual p{font-size:10px;color:#667f9a;margin:16px 0 0}.msp-dashboard{border:1px solid #dce7f1;border-radius:12px;background:white;padding:10px}.msp-dashboard>span{display:grid;grid-template-columns:1fr auto 120px;gap:10px;align-items:center;padding:13px;border-bottom:1px solid #edf3f8}.msp-dashboard>span:last-child{border-bottom:0}.msp-dashboard b{font-size:11px}.msp-dashboard em{font-style:normal;font-size:9px}.msp-dashboard small{font-size:9px;color:#6c839c}.msp-dashboard .ok{color:#12ae7d}.msp-dashboard .warn{color:#ed9a21}.msp-dashboard .critical{color:#f0475c}

.integration-orbit{position:relative;width:360px;height:360px;border:1px dashed #bdd2e5;border-radius:50%;margin:auto}.integration-orbit>b{position:absolute;left:50%;top:50%;translate:-50% -50%;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #acd4f0;color:#0d71d5}.integration-orbit span{position:absolute;padding:8px 10px;border:1px solid #dae7f1;border-radius:999px;background:#fff;font-size:9px}.integration-orbit span:nth-of-type(1){left:42%;top:-3%}.integration-orbit span:nth-of-type(2){right:1%;top:17%}.integration-orbit span:nth-of-type(3){right:-4%;top:48%}.integration-orbit span:nth-of-type(4){right:7%;bottom:9%}.integration-orbit span:nth-of-type(5){left:41%;bottom:-3%}.integration-orbit span:nth-of-type(6){left:5%;bottom:9%}.integration-orbit span:nth-of-type(7){left:-4%;top:48%}.integration-orbit span:nth-of-type(8){left:1%;top:17%}

.resource-stack{display:grid;gap:10px}.resource-stack a{display:flex;justify-content:space-between;border:1px solid #dae7f2;border-radius:10px;background:#fff;padding:17px;font-size:12px;font-weight:750;color:#0e2e63}.company-principles{grid-template-columns:repeat(2,1fr)}.principle-list{display:grid;gap:8px}.principle-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;border-bottom:1px solid #e7eef5;padding:13px 0}.principle-list b{font-size:12px;color:#0879dc}.principle-list span{font-size:12px;color:#58728f}
.direct-contact a{color:#087bff;font-weight:750}.preview-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-steps span{border:1px solid #dbe7f2;border-radius:10px;background:#fff;padding:18px;font-size:12px;font-weight:750}.preview-steps b{color:#087bff;margin-right:8px}.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.fit-pills{justify-content:flex-start;margin-top:22px}.preview-form{border:1px solid #dce7f1;border-radius:14px;background:#fff;padding:28px;box-shadow:0 18px 55px rgba(31,81,139,.07)}.form-title{display:flex;justify-content:space-between;border-bottom:1px solid #e8eef5;padding-bottom:17px;margin-bottom:20px}.form-title strong{font-size:15px}.form-title span{font-size:10px;color:#788da4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-form label{display:block;font-size:11px;font-weight:650;color:#49647f;margin-bottom:13px}.preview-form input,.preview-form select,.preview-form textarea{width:100%;margin-top:6px;border:1px solid #d8e3ee;background:#fbfdff;color:#193552;border-radius:8px;padding:11px 12px;outline:none}.preview-form input:focus,.preview-form select:focus,.preview-form textarea:focus{border-color:#5ba5ee;box-shadow:0 0 0 3px rgba(63,147,232,.08)}.consent{display:flex!important;gap:9px;align-items:flex-start}.consent input{width:auto;margin-top:2px}.full{width:100%}.form-note{display:block;text-align:center;color:#71869d;font-size:9px;margin-top:10px}.form-note a{color:#087bff}.hidden{position:absolute;left:-9999px}.prose{max-width:860px}.prose h2{font-size:25px;margin-top:34px}.prose p{font-size:15px;color:#536e8b}.prose a{color:#087bff;text-decoration:underline}.thanks-page{min-height:65vh;display:grid;align-items:center}

.footer{background:#07172f;color:#dce9f6;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px}.footer-brand img{width:190px}.footer-brand p{font-size:12px;color:#8099b5;max-width:330px;margin:16px 0 8px}.footer-brand a{font-size:12px;color:#5ccfe2}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid strong{font-size:12px;margin-bottom:5px}.footer-grid a{font-size:11px;color:#8198b4}.footer-grid a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:40px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#607a99;font-size:10px}

[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}
@keyframes dash{to{stroke-dashoffset:-100}}@keyframes drawline{to{stroke-dashoffset:0}}

@media(max-width:1220px){
  .main-nav{gap:16px}.main-nav a{font-size:12px}.btn-nav{padding:0 12px}.hero-grid{grid-template-columns:.8fr 1.25fr}.coverage-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:980px){
  .mobile-toggle{display:block}.main-nav{display:none;position:absolute;left:18px;right:18px;top:70px;background:#fff;border:1px solid #dbe7f1;border-radius:12px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:11px 12px}.main-nav>a.active::after{display:none}.main-nav .btn{margin-top:6px}.brand-mark{width:36px;height:36px}.brand-copy strong{font-size:22px}
  .hero-grid,.page-hero-grid,.two-col,.incident-grid,.trust-grid,.form-layout{grid-template-columns:1fr}.hero-visual{min-height:500px}.hero-dashboard{width:78%}.ai-head-wrap{width:43%;right:-3%}
  .section-head.split{display:block}.pill-tabs{margin-top:20px}.workspace-grid{grid-template-columns:repeat(2,1fr)}.four-cards{grid-template-columns:repeat(2,1fr)}.architecture-flow{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}.coverage-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}
}
@media(max-width:700px){
  .container{width:min(100% - 28px,1420px)}.site-header{height:66px}.brand-mark{width:34px;height:34px}.brand-copy strong{font-size:20px}.hero-home{padding-top:44px}.hero-copy h1{font-size:42px}.hero-copy p,.page-hero p{font-size:15px}.hero-visual{min-height:485px}.hero-dashboard{left:0;top:10px;width:92%;height:335px;grid-template-columns:92px 1fr}.dash-sidebar>span{font-size:7px;padding:5px}.dash-brand strong{font-size:9px}.dash-main{padding:8px}.kpis{grid-template-columns:1fr 1fr}.kpis>div:nth-child(n+3){display:none}.dash-grid{grid-template-columns:1fr}.insight-card{display:none}.mini-topology{height:170px}.ai-head-wrap{right:-18%;top:110px;width:56%;height:360px}.ai-step{display:none}
  .four-benefits{grid-template-columns:1fr 1fr}.four-benefits>div{border-right:0;border-bottom:1px solid #edf2f7;padding:10px}.coverage-grid{grid-template-columns:1fr 1fr}.section{padding:64px 0}.section-head h2,.section h2{font-size:34px}.process-flow{grid-template-columns:1fr}.process-flow>em{transform:rotate(90deg)}.incident-card{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.page-hero{padding:64px 0}.page-hero h1{font-size:42px}.workspace-grid,.four-cards,.three-cards,.six-cards,.tech-columns,.state-grid,.enterprise-cloud,.company-principles{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.sensor-row{grid-template-columns:1fr}.ha-visual{grid-template-columns:1fr}.ha-sync{transform:rotate(90deg)}.sensor-bar{grid-column:auto}.ai-firewall{grid-template-columns:1fr}.preview-steps{grid-template-columns:1fr}.tenant-visual>div{grid-template-columns:1fr}.msp-dashboard>span{grid-template-columns:1fr auto}.msp-dashboard small{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}
}
@media(max-width:460px){
  .four-benefits,.coverage-grid,.footer-grid{grid-template-columns:1fr}.hero-dashboard{width:100%;height:320px}.ai-head-wrap{display:none}.hero-visual{min-height:350px}.dash-sidebar{display:none}.hero-dashboard{grid-template-columns:1fr}.main-nav{top:64px}.coverage-wheel,.security-orbit,.integration-orbit{width:290px;height:290px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}


/* =========================================================
   V4.1 — Enterprise density + typography refinement
   Based on final-review feedback and approved C visual plan.
   Goals:
   - Reduce excessive negative space.
   - Increase readable typography across real desktop viewports.
   - Preserve the light enterprise visual system.
   - Keep dense product visuals readable without turning them into posters.
   ========================================================= */

:root{
  --section-y:58px;
  --section-y-compact:48px;
}

/* Wider enterprise canvas; less dead horizontal space on large displays. */
.container{
  width:min(1500px,calc(100% - 48px));
}

/* Header/readability */
.main-nav{
  gap:24px;
  font-size:15px;
}
.btn-nav{
  font-size:14px;
}
.eyebrow{
  font-size:13px;
  letter-spacing:.075em;
  margin-bottom:14px;
}
.brand-copy small{
  font-size:9px;
}

/* Hero: denser, closer to the approved visual plan. */
.hero-home{
  padding:30px 0 22px;
}
.hero-grid{
  grid-template-columns:.78fr 1.48fr;
  gap:38px;
}
.hero-copy h1{
  font-size:clamp(52px,4.15vw,68px);
  line-height:1.025;
  margin-bottom:18px;
}
.hero-copy p{
  font-size:18px;
  line-height:1.55;
  max-width:690px;
}
.hero-visual{
  min-height:450px;
}
.hero-dashboard{
  width:78%;
  height:415px;
  grid-template-columns:136px 1fr;
}
.dash-sidebar{
  padding:13px 10px;
}
.dash-brand{
  font-size:13px;
}
.dash-brand img{
  width:27px;
  height:27px;
}
.dash-sidebar>span{
  font-size:10.5px;
  padding:8px 8px;
}
.dash-main{
  padding:14px;
}
.dash-search{
  height:32px;
  font-size:10.5px;
  padding:8px 11px;
}
.kpis b{
  font-size:17px;
}
.kpis small{
  font-size:9px;
}
.kpis em{
  font-size:8px;
}
.card-title{
  font-size:10.5px;
}
.mini-topology .node text{
  font-size:8px;
}
.legend{
  font-size:8px;
}
.insight-card h4{
  font-size:10.5px;
}
.insight-card small{
  font-size:8px;
}
.insight-card ol{
  font-size:8.6px;
  line-height:1.48;
}
.mini-btn{
  font-size:8.4px;
}
.changes b{
  font-size:8.3px;
}
.changes span{
  font-size:8px;
}
.ai-head-wrap{
  width:40%;
  right:-2%;
}
.ai-step{
  width:144px;
  padding:10px 13px;
}
.ai-step b{
  font-size:12px;
}
.ai-step span{
  font-size:9px;
}

/* Benefit strip */
.four-benefits{
  padding:18px 0;
}
.four-benefits>div{
  padding:5px 22px;
}
.four-benefits b{
  font-size:14px;
}
.four-benefits small{
  font-size:11.5px;
  line-height:1.35;
}

/* Global section rhythm */
.section{
  padding:var(--section-y) 0;
}
.section-head{
  margin-bottom:28px;
}
.section-head.split{
  gap:28px;
}
.section-head h2,.section h2{
  font-size:clamp(36px,2.8vw,46px);
  line-height:1.06;
}
.section-head p,.lead{
  font-size:17px;
  line-height:1.55;
}
.pill-tabs{
  gap:7px;
}
.pill-tabs span{
  padding:10px 15px;
  font-size:13px;
}

/* Home platform coverage: keep 8 columns like the approved plan,
   but make each tile readable. */
.coverage-grid{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:11px;
}
.coverage-grid article{
  min-height:178px;
  padding:18px 15px;
}
.coverage-grid i{
  font-size:28px;
}
.coverage-grid h3{
  font-size:15px;
  line-height:1.25;
  margin:12px 0 7px;
}
.coverage-grid p{
  font-size:12.5px;
  line-height:1.48;
}

/* How AmrudAi Works */
.incident-grid{
  gap:34px;
}
.process-flow{
  margin-top:24px;
  gap:10px;
}
.process-flow>div i{
  width:58px;
  height:58px;
  font-size:22px;
}
.process-flow b{
  font-size:14px;
}
.process-flow small{
  font-size:11.5px;
  line-height:1.38;
}
.incident-card{
  padding:18px;
  gap:18px;
}
.incident-left h3{
  font-size:17px;
}
.incident-left span{
  grid-template-columns:43px 9px 1fr;
  gap:9px;
  padding:6px 0;
  font-size:11.5px;
}
.incident-left span b{
  font-size:10px;
}
.chart-title{
  font-size:11.5px;
}
.incident-chart text{
  font-size:9px;
}
.resolution-status small{
  font-size:9px;
}
.resolution-status b{
  font-size:12px;
}
.resolution-status em{
  font-size:9px;
}

/* Architecture preview */
.architecture-flow{
  gap:14px;
  padding:20px;
}
.arch-col strong,.deploy-col strong{
  font-size:13px;
}
.arch-col span,.deploy-col span{
  padding:8px 9px;
  font-size:11px;
}
.arch-arrow small{
  font-size:9px;
}
.arch-core span{
  font-size:11px;
}
.center-link{
  margin-top:16px;
}
.center-link a{
  font-size:14px;
}

/* Enterprise-control cards */
.trust-grid{
  gap:34px;
}
.trust-grid>div>p{
  font-size:17px;
  line-height:1.55;
}
.trust-cards{
  gap:14px;
}
.trust-cards article{
  padding:22px;
}
.trust-cards b{
  font-size:16px;
}
.trust-cards p{
  font-size:14px;
  line-height:1.5;
}
.trust-cards a{
  font-size:13px;
}

/* CTA */
.cta-band{
  padding:38px 0;
}
.cta-inner{
  padding:30px 34px;
}
.cta-inner h2{
  font-size:34px;
}

/* Internal-page heroes: reduce empty vertical height while improving copy readability. */
.page-hero{
  padding:64px 0 56px;
}
.page-hero.compact{
  padding-bottom:50px;
}
.page-hero-grid{
  gap:52px;
}
.page-hero h1{
  font-size:clamp(48px,4.15vw,62px);
  line-height:1.035;
}
.page-hero p{
  font-size:18px;
  line-height:1.58;
}
.page-visual{
  min-height:260px;
}
.platform-visual span{
  font-size:14px;
}

/* Internal content density */
.workspace-grid{
  gap:14px;
}
.workspace-grid article{
  padding:22px;
}
.workspace-grid article>b{
  font-size:12px;
}
.workspace-grid h3{
  font-size:17px;
  margin:13px 0 8px;
}
.workspace-grid p{
  font-size:14px;
  line-height:1.5;
}
.two-col{
  gap:44px;
  align-items:start;
}
.checklist{
  margin-top:20px;
}
.checklist li{
  font-size:16px;
  line-height:1.48;
  padding:7px 0 7px 28px;
}
.process-board>div{
  padding:15px 10px;
}
.process-board b{
  font-size:12px;
}
.process-board span{
  font-size:15px;
}
.process-board em{
  font-size:11px;
}
.operating-model{
  gap:9px;
  padding:20px;
}
.operating-model span{
  font-size:13px;
}

/* Solutions and capability content */
.protocol-matrix,.role-cloud,.fit-pills{
  gap:10px;
}
.protocol-matrix span,.role-cloud span,.fit-pills span{
  padding:11px 14px;
  font-size:13px;
}
.stack-visual span{
  padding:16px 18px;
  font-size:14px;
}
.four-cards,.three-cards,.six-cards{
  gap:14px;
}
.four-cards article,.three-cards article,.six-cards article{
  padding:22px;
}
.four-cards h3,.three-cards h3,.six-cards h3{
  font-size:17px;
  line-height:1.3;
}
.four-cards p,.three-cards p,.six-cards p{
  font-size:14px;
  line-height:1.5;
}
.four-cards a{
  font-size:13px;
}
.tech-columns{
  gap:14px;
}
.tech-columns>div{
  padding:22px;
}
.tech-columns strong{
  font-size:15px;
}
.tech-columns span{
  font-size:13px;
  line-height:1.45;
}

/* AI / RCA */
.state-grid{
  gap:12px;
}
.state-grid span{
  padding:18px;
}
.state-grid b{
  font-size:13px;
}
.state-grid small{
  font-size:12px;
}
.copilot-contract>div{
  grid-template-columns:140px 1fr;
  padding:13px 14px;
}
.copilot-contract b,.copilot-contract span{
  font-size:13px;
}
.trust-ladder span{
  font-size:13px;
}
.remediation-flow,.period-flow{
  gap:8px;
  padding:18px;
}
.remediation-flow span,.period-flow span{
  font-size:12px;
}

/* Enterprise / architecture */
.enterprise-cloud span,.company-principles span{
  font-size:14px;
}
.arch-mini span,.arch-mini b{
  font-size:14px;
}
.arch-mini i{
  font-size:12px;
}
.architecture-canvas{
  padding:24px;
}
.architecture-canvas>i{
  font-size:12px;
}
.arch-users span,.estate-row span{
  font-size:12px;
}
.core-box span{
  font-size:11.5px;
}
.sensor-row b{
  font-size:12px;
}
.sensor-row span{
  font-size:11.5px;
  line-height:1.45;
}
.ha-node span{
  font-size:12px;
}
.ha-node b{
  font-size:17px;
}
.ha-sync small{
  font-size:11px;
}
.sensor-bar{
  font-size:11px;
}

/* Security / MSP / integrations */
.security-orbit span{
  font-size:12px;
}
.identity-flow span{
  font-size:13px;
}
.ai-firewall span{
  font-size:12px;
}
.ai-firewall>b{
  font-size:14px;
}
.ai-firewall small{
  font-size:11px;
}
.tenant-visual>b{
  font-size:14px;
}
.tenant-visual span{
  font-size:13px;
}
.tenant-visual small,.tenant-visual p{
  font-size:11.5px;
}
.msp-dashboard b{
  font-size:13px;
}
.msp-dashboard em,.msp-dashboard small{
  font-size:11px;
}
.integration-orbit span{
  font-size:11.5px;
}

/* Resources / company / forms */
.resource-stack a{
  font-size:14px;
}
.principle-list b,.principle-list span{
  font-size:14px;
}
.preview-steps span{
  font-size:14px;
}
.form-layout{
  gap:44px;
}
.form-title strong{
  font-size:17px;
}
.form-title span{
  font-size:12px;
}
.preview-form label{
  font-size:13px;
}
.preview-form input,.preview-form select,.preview-form textarea{
  font-size:15px;
}
.form-note{
  font-size:11.5px;
}
.prose{
  max-width:940px;
}
.prose p{
  font-size:16px;
}

/* Footer remains compact but readable. */
.footer{
  padding:48px 0 20px;
}
.footer-grid{
  gap:34px;
}
.footer-brand p,.footer-brand a{
  font-size:13px;
}
.footer-grid strong{
  font-size:13px;
}
.footer-grid a{
  font-size:12.5px;
}
.footer-bottom{
  margin-top:32px;
  font-size:11.5px;
}

/* Large desktop: avoid thin, under-filled content bands. */
@media(min-width:1450px){
  .section{padding:56px 0}
  .coverage-grid article{min-height:184px}
  .page-hero{padding:60px 0 52px}
}

/* Laptop/tablet: keep the readable type without allowing cards to become too narrow. */
@media(max-width:1220px){
  .container{width:min(100% - 40px,1180px)}
  .main-nav{gap:15px}
  .main-nav a{font-size:13px}
  .coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .coverage-grid h3{font-size:15px}
  .coverage-grid p{font-size:13px}
}

@media(max-width:980px){
  .section{padding:50px 0}
  .page-hero{padding:54px 0 46px}
  .hero-copy p,.page-hero p{font-size:17px}
  .workspace-grid{grid-template-columns:repeat(2,1fr)}
  .four-cards{grid-template-columns:repeat(2,1fr)}
  .six-cards{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
  .container{width:min(100% - 28px,700px)}
  .section{padding:44px 0}
  .hero-home{padding:36px 0 18px}
  .hero-copy h1{font-size:42px}
  .hero-copy p,.page-hero p{font-size:16px}
  .section-head h2,.section h2{font-size:34px}
  .coverage-grid{grid-template-columns:1fr 1fr}
  .coverage-grid h3{font-size:15px}
  .coverage-grid p{font-size:13px}
  .four-benefits b{font-size:13.5px}
  .four-benefits small{font-size:11px}
  .checklist li{font-size:15px}
}



/* =========================================================
   V4.2 — Approved Concept Visual Match
   This pass specifically corrects the first-view mismatch:
   oversized headline, over-tall hero, weak content density,
   and unreadable microcopy.
   ========================================================= */

/* Use more of the browser canvas like the approved concept. */
.container{
  width:min(1540px,calc(100% - 36px));
}

/* Header is compact and does not consume visual height. */
.site-header{height:66px}
.nav-shell{gap:24px}
.brand-mark{width:34px;height:34px}
.brand-copy strong{font-size:21px}
.brand-copy small{font-size:8.5px}
.main-nav{font-size:14px;gap:22px}
.main-nav>a:not(.btn){padding:22px 0 20px}
.main-nav>a.active::after{bottom:10px}
.btn-nav{min-height:38px;padding:0 16px;font-size:13px}

/* HERO — match the approved 3-line composition instead of the current 6-line wall. */
.hero-home{
  padding:18px 0 14px;
  min-height:0;
  background:
    radial-gradient(circle at 86% 42%,rgba(43,123,255,.10),transparent 26%),
    radial-gradient(circle at 70% 8%,rgba(122,76,255,.06),transparent 30%),
    linear-gradient(180deg,#f8fcff 0,#f2f9ff 76%,#fff 100%);
}
.hero-bg-lines{
  opacity:.9;
  background-image:
    linear-gradient(115deg,transparent 0 29%,rgba(75,145,230,.055) 29.1% 29.25%,transparent 29.35% 100%),
    linear-gradient(145deg,transparent 0 72%,rgba(75,145,230,.05) 72.1% 72.25%,transparent 72.35% 100%),
    radial-gradient(circle at 14% 35%,rgba(21,139,255,.07),transparent 26%);
}
.hero-grid{
  grid-template-columns:minmax(500px,.82fr) minmax(0,1.48fr);
  gap:26px;
  align-items:start;
}
.hero-copy{
  padding-top:12px;
}
.hero-copy .eyebrow{
  font-size:12px;
  margin-bottom:12px;
}
.hero-copy h1{
  font-size:clamp(42px,2.85vw,48px);
  line-height:1.055;
  letter-spacing:-.045em;
  margin-bottom:14px;
  max-width:570px;
}
.hero-copy p{
  font-size:16px;
  line-height:1.52;
  max-width:565px;
  margin-bottom:0;
}
.actions{
  margin-top:20px;
}
.hero-copy .btn{
  min-height:44px;
  padding:0 19px;
  font-size:13px;
}

/* Right-side product/AI visual: slightly larger and shorter, not floating in dead space. */
.hero-visual{
  min-height:365px;
  height:365px;
}
.hero-dashboard{
  top:2px;
  left:0;
  width:79%;
  height:350px;
  grid-template-columns:118px 1fr;
  border-radius:11px;
  box-shadow:0 20px 58px rgba(42,91,151,.14);
}
.dash-sidebar{padding:10px 8px;gap:2px}
.dash-brand{font-size:11px;margin-bottom:5px}
.dash-brand img{width:23px;height:23px}
.dash-sidebar>span{font-size:8.6px;padding:5px 7px}
.dash-main{padding:10px}
.dash-search{height:27px;font-size:8.8px;padding:7px 9px}
.kpis{gap:6px;margin-top:6px}
.kpis>div{padding:7px 8px}
.kpis b{font-size:15px}
.kpis small{font-size:8px}
.kpis em{font-size:7px}
.dash-grid{gap:6px;margin-top:6px}
.topology-card,.insight-card{padding:7px}
.card-title{font-size:8.8px}
.mini-topology{height:172px}
.mini-topology .node text{font-size:7.5px}
.legend{font-size:7px}
.insight-card h4{font-size:8.8px;margin:7px 0 1px}
.insight-card small{font-size:6.8px}
.insight-card ol{font-size:7.3px;line-height:1.42;margin:4px 0}
.mini-btn{font-size:7px;padding:5px 7px}
.changes{margin-top:4px;padding-top:4px}
.changes b{font-size:7px}
.changes span{font-size:6.8px}

.ai-head-wrap{
  right:-1.5%;
  top:-11px;
  width:38%;
  height:388px;
}
.ai-head-wrap::before{
  content:"";
  position:absolute;
  inset:4% -3% 3% 0;
  z-index:-1;
  opacity:.65;
  background:
    radial-gradient(circle at 64% 20%,rgba(52,160,255,.38) 0 1.5px,transparent 2px),
    radial-gradient(circle at 78% 35%,rgba(77,104,255,.35) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 57% 61%,rgba(30,202,222,.36) 0 1.5px,transparent 2px),
    radial-gradient(circle at 85% 72%,rgba(118,64,255,.30) 0 1.5px,transparent 2px);
  background-size:34px 34px,42px 42px,27px 27px,39px 39px;
  filter:blur(.1px);
}
.ai-head-svg{
  filter:drop-shadow(0 14px 25px rgba(70,116,225,.16));
}
.ai-step{
  right:-4%;
  width:132px;
  padding:8px 10px;
  border-radius:8px;
}
.ai-step b{font-size:10.5px}
.ai-step span{font-size:7.7px}
.s1{top:57px}.s2{top:112px}.s3{top:167px}.s4{top:222px}.s5{top:277px}

/* Compact benefits bar like the approved composition. */
.four-benefits{padding:11px 0}
.four-benefits>div{padding:3px 18px}
.four-benefits i{width:34px;height:34px;font-size:15px}
.four-benefits b{font-size:12.5px}
.four-benefits small{font-size:10px}

/* Homepage-specific density. */
.platform-coverage{
  padding:28px 0 30px;
}
.platform-coverage .section-head{
  margin-bottom:18px;
}
.platform-coverage .section-head h2{
  font-size:31px;
  margin-bottom:4px;
}
.platform-coverage .section-head p{
  font-size:14.5px;
}
.platform-coverage .pill-tabs span{
  padding:8px 12px;
  font-size:11px;
}
.platform-coverage .coverage-grid{
  gap:8px;
}
.platform-coverage .coverage-grid article{
  min-height:128px;
  padding:13px 12px;
}
.platform-coverage .coverage-grid i{font-size:22px}
.platform-coverage .coverage-grid h3{
  font-size:12px;
  margin:8px 0 4px;
}
.platform-coverage .coverage-grid p{
  font-size:10px;
  line-height:1.42;
}

.home-how{
  padding:28px 0 28px;
}
.home-how .incident-grid{
  grid-template-columns:1.2fr .8fr;
  gap:20px;
  align-items:center;
}
.home-how h2{
  font-size:31px;
  margin-bottom:6px;
}
.home-how .lead{
  font-size:14px;
  line-height:1.42;
  margin-bottom:0;
}
.home-how .process-flow{
  margin-top:18px;
}
.home-how .process-flow>div i{
  width:48px;
  height:48px;
  font-size:18px;
  box-shadow:0 0 0 7px rgba(93,100,255,.06);
}
.home-how .process-flow b{font-size:11.5px}
.home-how .process-flow small{font-size:8.8px}
.home-how .process-flow>em{font-size:23px}
.home-how .incident-card{
  padding:13px;
  gap:12px;
}
.home-how .incident-left h3{font-size:13px}
.home-how .incident-left span{
  grid-template-columns:34px 7px 1fr;
  gap:6px;
  padding:4px 0;
  font-size:8px;
}
.home-how .incident-left span b{font-size:7px}
.home-how .chart-title{font-size:8px}
.home-how .resolution-status{padding:7px}
.home-how .resolution-status>i{width:26px;height:26px}
.home-how .resolution-status small{font-size:6.5px}
.home-how .resolution-status b{font-size:8.5px}
.home-how .resolution-status em{font-size:6px}

.home-architecture{
  padding:26px 0 27px;
}
.home-architecture .section-head{
  margin-bottom:17px;
}
.home-architecture .section-head h2{
  font-size:30px;
}
.home-architecture .section-head p{
  font-size:14px;
}
.home-architecture .architecture-flow{
  padding:13px;
  gap:9px;
}
.home-architecture .arch-col strong,
.home-architecture .deploy-col strong{font-size:10px}
.home-architecture .arch-col span,
.home-architecture .deploy-col span{font-size:8px;padding:6px 7px}
.home-architecture .arch-core{padding:12px}
.home-architecture .arch-core img{width:42px;height:42px}
.home-architecture .arch-core strong{font-size:14px}
.home-architecture .arch-core span{font-size:7.5px}
.home-architecture .center-link{margin-top:12px}
.home-architecture .center-link a{font-size:11px}

.home-trust{
  padding:35px 0;
}
.home-trust .trust-grid{
  gap:28px;
}
.home-trust h2{
  font-size:34px;
}
.home-trust .trust-grid>div>p{
  font-size:15px;
}
.home-trust .trust-cards{
  gap:10px;
}
.home-trust .trust-cards article{
  padding:17px;
}
.home-trust .trust-cards b{font-size:14px}
.home-trust .trust-cards p{font-size:11.5px}
.home-trust .trust-cards a{font-size:10.5px}

/* Internal pages: keep V4.1 readability but trim dead vertical space further. */
.page-hero{padding:52px 0 46px}
.page-hero-grid{gap:42px;align-items:center}
.page-hero h1{font-size:clamp(44px,3.45vw,56px)}
.page-hero p{font-size:17px}
.section{padding:50px 0}
.two-col{gap:38px}
.section-head{margin-bottom:24px}

/* Wide desktop: preserve the compact approved composition. */
@media(min-width:1500px){
  .hero-grid{
    grid-template-columns:540px minmax(0,1fr);
  }
  .hero-copy h1{
    font-size:47px;
  }
  .hero-copy p{
    font-size:16.5px;
  }
  .hero-visual{
    height:365px;
  }
}

/* At laptop widths the hero may wrap naturally, but never becomes a giant wall. */
@media(max-width:1220px){
  .container{width:min(100% - 32px,1180px)}
  .hero-grid{
    grid-template-columns:minmax(410px,.82fr) minmax(0,1.35fr);
    gap:18px;
  }
  .hero-copy h1{font-size:42px}
  .hero-copy p{font-size:15.5px}
  .hero-dashboard{width:80%}
  .ai-head-wrap{width:40%;right:-4%}
}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:720px}
  .hero-visual{height:auto;min-height:480px}
  .hero-dashboard{width:78%;height:390px}
  .ai-head-wrap{width:42%;height:430px;right:-2%;top:20px}
  .platform-coverage .coverage-grid{grid-template-columns:repeat(4,1fr)}
  .home-how .incident-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .hero-home{padding:28px 0 12px}
  .hero-copy h1{font-size:39px}
  .hero-copy p{font-size:16px}
  .hero-visual{min-height:430px}
  .hero-dashboard{width:94%;height:330px}
  .ai-head-wrap{display:none}
  .platform-coverage{padding:32px 0}
  .platform-coverage .coverage-grid{grid-template-columns:1fr 1fr}
  .platform-coverage .coverage-grid article{min-height:145px}
  .platform-coverage .coverage-grid h3{font-size:14px}
  .platform-coverage .coverage-grid p{font-size:12px}
  .home-how,.home-architecture,.home-trust{padding:38px 0}
}


/* =========================================================
   V4.3 — web_plan-aligned enterprise composition
   ========================================================= */

:root{--navy:#071f54;--ink:#0b2a62;--text:#3d5e86;--muted:#6f86a1;--line:#d9e6f2;--soft:#f5faff;--blue:#087cff;--violet:#6d2dff;--cyan:#00cbdc}
.container{width:min(1280px,calc(100% - 44px))}
.site-header{height:58px}.nav-shell{gap:20px}.brand-mark{width:32px;height:32px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:8px}.main-nav{font-size:13px;gap:25px}.main-nav>a:not(.btn){padding:19px 0 17px}.main-nav>a.active::after{bottom:8px}.btn-nav{min-height:36px;font-size:12px;padding:0 17px}.search-link{font-size:18px}
.eyebrow{font-size:10px;letter-spacing:.10em;margin-bottom:10px}.section{padding:42px 0}.section-head{margin-bottom:20px}.section-head h2,.section h2{font-size:32px;line-height:1.08}.section-head p,.lead{font-size:14px;line-height:1.5}.page-hero{padding:45px 0 42px}.page-hero-grid{gap:40px}.page-hero h1{font-size:46px;line-height:1.03}.page-hero p{font-size:15px;line-height:1.55}.two-col{gap:34px}.checklist li{font-size:14px;line-height:1.45}.four-cards h3,.three-cards h3,.six-cards h3{font-size:15px}.four-cards p,.three-cards p,.six-cards p{font-size:12.5px}

/* Home plan */
.hero-plan{padding:12px 0 0;background:linear-gradient(110deg,#f8fcff 0%,#eef7ff 58%,#f3f3ff 100%);border-bottom:0;overflow:hidden}.hero-grid-plan{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;min-height:255px}.hero-plan .hero-copy{padding:10px 0 18px}.hero-plan .hero-copy h1{font-size:42px;line-height:1.02;max-width:520px;margin-bottom:11px}.hero-plan .hero-copy p{font-size:14px;line-height:1.48;max-width:515px}.hero-plan .actions{margin-top:16px}.hero-plan .btn{min-height:40px;font-size:12px;padding:0 18px}
.neural-stage{position:relative;height:255px;overflow:visible}.neural-aura{position:absolute;inset:-20% 0 -15% 5%;background:radial-gradient(circle at 62% 48%,rgba(57,90,255,.22),transparent 35%),radial-gradient(circle at 72% 55%,rgba(0,198,224,.15),transparent 48%);filter:blur(8px)}.neural-head{position:absolute;left:5%;top:-32px;width:74%;height:330px}.neural-steps{position:absolute;right:0;top:14px;display:grid;gap:7px;width:145px}.neural-steps span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:7px 9px;background:rgba(255,255,255,.88);border:1px solid #d7e5f1;border-radius:999px;box-shadow:0 5px 15px rgba(38,82,140,.05)}.neural-steps i{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ecf6ff;color:#087cff;font-style:normal;font-size:12px}.neural-steps b{font-size:10px}.neural-steps small{font-size:7px;color:#68819d}.benefit-strip{border-block:1px solid #e7eef5}.four-benefits{padding:8px 0}.four-benefits>div{padding:2px 17px}.four-benefits i{width:32px;height:32px}.four-benefits b{font-size:11px}.four-benefits small{font-size:9px}
.signal-section{padding:24px 0 18px}.signal-copy h2{font-size:25px;margin-bottom:3px}.signal-copy p{font-size:13px;color:#5c7692;margin-bottom:0;max-width:820px}.process-plan{margin-top:15px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr}.process-plan>div i{width:48px;height:48px;font-size:18px;box-shadow:0 0 0 7px rgba(80,107,255,.06)}.process-plan b{font-size:11px}.process-plan small{font-size:8.5px}.process-plan>em{font-size:23px}
.ops-section{padding:12px 0 10px;background:linear-gradient(180deg,#fbfdff,#f5f9ff)}.ops-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:4px}.ops-heading h2{font-size:24px;margin-bottom:2px}.ops-heading p{font-size:12px;color:#637b96;margin:0}.ops-showcase{border:1px solid #dbe7f1;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(34,78,132,.05)}.ops-tabs{display:flex;justify-content:flex-end;gap:5px;padding:6px 9px 3px}.ops-tabs button{border:1px solid #dae5ef;background:#fff;color:#44617f;border-radius:4px;padding:6px 14px;font-size:9px}.ops-tabs button.active{background:#082b68;color:#fff;border-color:#082b68}.ops-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:0}.ops-topology-panel,.ops-ai-panel{padding:9px 11px}.ops-topology-panel{border-right:1px solid #e5edf5}.ops-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;margin-bottom:5px}.ops-title span{font-size:7px;font-weight:500;color:#70869d}.ops-title i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 3px 0 8px}.healthy{background:#10b981}.warning{background:#f59e0b}.critical{background:#ef4444}.analysis-ok{color:#0a996c!important;background:#eafaf4;border-radius:999px;padding:3px 7px}.topology-board{position:relative;height:138px}.topology-board svg{position:absolute;inset:0;width:100%;height:100%}.t-node{position:absolute;width:98px;min-height:34px;padding:5px 6px 5px 30px;border:1px solid #d8e5ef;border-radius:7px;background:#fbfdff;font-size:7px}.t-node i{position:absolute;left:7px;top:7px;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:#e9f7f3;color:#0aa478;font-style:normal}.t-node b,.t-node small{display:block}.t-node b{font-size:7.5px}.t-node small{font-size:6px;color:#7b8ea3}.t-node.warn i{background:#fff4e3;color:#e88d0b}.t-node.crit i{background:#f0ecff;color:#5f3be3}.n1{left:2%;top:4%}.n2{left:2%;top:38%}.n3{left:2%;bottom:2%}.n4{left:39%;top:4%}.n5{left:39%;top:38%}.n6{left:39%;bottom:2%}.n7{right:1%;top:4%}.n8{right:1%;top:38%}.n9{right:1%;bottom:2%}.ai-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:7px}.recent,.rca{border:1px solid #e3ebf3;border-radius:7px;padding:7px;background:#fbfdff}.recent>b,.rca>b{font-size:8px}.recent span{display:grid;grid-template-columns:12px 1fr auto;gap:4px;padding:4px 0;font-size:6.6px;border-bottom:1px solid #eef3f7}.recent span:last-child{border-bottom:0}.recent i{font-style:normal}.recent em{font-style:normal;color:#8598ab}.rca h4{font-size:8px;margin:4px 0}.rca p,.rca ol{font-size:6.5px;line-height:1.35}.rca ol{padding-left:14px;margin:4px 0}.rca a{display:inline-block;background:#087cff;color:#fff;padding:5px 7px;border-radius:4px;font-size:6.5px;font-weight:700}
.complex-section{padding:10px 0 8px;background:#fbfdff}.complex-grid{display:grid;grid-template-columns:.85fr 1.65fr;gap:22px;align-items:center}.complex-copy h2{font-size:22px;margin-bottom:3px}.complex-copy p{font-size:10px;color:#657c96;margin:0}.complex-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.complex-cards a{display:flex;gap:8px;align-items:center;padding:8px 9px;border:1px solid #dce7f1;border-radius:7px;background:#fff}.complex-cards i{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:#ecf6ff;color:#087cff;font-style:normal}.complex-cards b,.complex-cards small{display:block}.complex-cards b{font-size:8.5px}.complex-cards small{font-size:6.5px;color:#71879f}.final-inline-cta{padding:5px 0 8px;background:linear-gradient(180deg,#fbfdff,#f1f7ff)}.final-inline-cta>.container{display:flex;align-items:center;justify-content:center;gap:50px}.final-inline-cta b,.final-inline-cta small{display:block}.final-inline-cta b{font-size:11px}.final-inline-cta small{font-size:7.5px;color:#71849a}.final-inline-cta .actions{margin:0}.final-inline-cta .btn{min-height:34px;font-size:9px;padding:0 13px}

/* Rich internal visuals */
.solution-domain-board{position:relative;height:290px;border:1px solid #dce7f1;border-radius:16px;background:linear-gradient(135deg,#fbfdff,#f2f7ff);overflow:hidden}.solution-domain-board>svg{position:absolute;inset:0;width:100%;height:100%}.solution-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:105px;border:1px solid #96c9ee;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(31,89,148,.07)}.solution-core img{width:40px;height:40px;object-fit:cover;border-radius:10px}.solution-core span{font-size:14px}.solution-core small{font-size:9px;color:#6f849a}.sd{position:absolute;width:130px;padding:8px 9px 8px 36px;border:1px solid #d8e5ef;border-radius:9px;background:#fff}.sd i{position:absolute;left:9px;top:11px;font-style:normal;color:#087cff}.sd b,.sd small{display:block}.sd b{font-size:11px}.sd small{font-size:8px;color:#71869d}.sd.s1{left:5%;top:8%}.sd.s2{left:5%;top:39%}.sd.s3{left:5%;bottom:8%}.sd.s4{right:5%;top:8%}.sd.s5{right:5%;top:39%}.sd.s6{right:5%;bottom:8%}
.ai-page-hero .neural-stage{height:290px}.ai-page-hero .neural-head{top:-50px;height:390px}.ai-page-hero .neural-steps{right:0;top:15px}
.arch-hero-board{border:1px solid #dbe7f1;border-radius:15px;background:#fff;padding:15px;display:flex;flex-direction:column;align-items:center;gap:7px}.arch-hero-board i{font-style:normal;font-size:9px;color:#5284ba}.ah-row{display:flex;gap:7px}.ah-row span,.ah-sensors span{padding:7px 10px;border:1px solid #e0e8f1;border-radius:7px;background:#f9fcff;font-size:9px}.ah-core{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #9ecdf0;border-radius:10px;background:linear-gradient(135deg,#eff8ff,#f6f3ff)}.ah-core img{width:35px;height:35px}.ah-core b,.ah-core small{display:block}.ah-core b{font-size:12px}.ah-core small{font-size:8px;color:#6a8098}.ah-sensors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}.ah-sensors b,.ah-sensors small{display:block}.ah-sensors b{font-size:9px}.ah-sensors small{font-size:7px;color:#758aa0}.architecture-canvas-v2{padding:16px}.ac-band{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}.ac-band>b{font-size:11px;margin-right:7px}.ac-band span,.ac-estate span{padding:6px 8px;border:1px solid #dfe9f1;border-radius:6px;background:#fff;font-size:8px}.ac-arrow{text-align:center;color:#4f82b8;font-size:8px;padding:6px}.ac-core{padding:12px;border:1px solid #9dcef0;border-radius:9px;background:linear-gradient(135deg,#eff8ff,#f6f3ff)}.ac-core-title{display:flex;align-items:center;justify-content:center;gap:8px}.ac-core-title img{width:33px;height:33px}.ac-core-title b,.ac-core-title small{display:block}.ac-core-title b{font-size:12px}.ac-core-title small{font-size:7.5px;color:#6e8297}.ac-modules{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:8px}.ac-modules span{padding:5px 7px;border:1px solid #dbe6ef;border-radius:5px;background:#fff;font-size:7px}.ac-sensors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ac-sensors span{padding:8px;border:1px solid #dfe8f1;border-radius:7px;background:#fff}.ac-sensors b,.ac-sensors small{display:block}.ac-sensors b{font-size:8px}.ac-sensors small{font-size:7px;color:#75899e}.ac-estate{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}
.integration-board{display:grid;grid-template-columns:1fr auto .9fr auto 1fr;gap:10px;align-items:center;border:1px solid #dbe7f2;border-radius:15px;background:#fff;padding:18px}.ib-sources{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ib-sources span,.ib-context span{padding:7px 8px;border:1px solid #e0e9f1;border-radius:7px;background:#fafdff;font-size:9px}.ib-arrow{color:#087cff;font-size:24px}.ib-core{padding:14px;border:1px solid #9dcef0;border-radius:10px;text-align:center;background:linear-gradient(135deg,#eef8ff,#f6f2ff)}.ib-core img{width:40px;height:40px;margin:auto}.ib-core b,.ib-core small{display:block}.ib-core b{font-size:13px}.ib-core small{font-size:7px;color:#70859b}.ib-context{display:grid;gap:6px}.ib-context>b{font-size:11px}
.msp-hero-board{border:1px solid #dce7f1;border-radius:15px;background:#fff;padding:16px}.msp-master{display:flex;align-items:center;gap:10px;justify-content:center;padding:10px;border:1px solid #9bcdf0;border-radius:9px;background:linear-gradient(135deg,#edf8ff,#f5f2ff)}.msp-master img{width:36px;height:36px}.msp-master b,.msp-master small{display:block}.msp-master b{font-size:12px}.msp-master small{font-size:7px;color:#70869b}.msp-lines{height:18px;display:flex;justify-content:space-around;align-items:flex-end}.msp-lines i{width:1px;height:18px;background:#a9c9e4}.msp-customers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.msp-customers span{position:relative;padding:9px;border:1px solid #dfe9f2;border-radius:7px;background:#fbfdff}.msp-customers b,.msp-customers small{display:block}.msp-customers b{font-size:10px}.msp-customers small{font-size:7px;color:#72879d}.msp-customers em{position:absolute;right:7px;top:8px;font-style:normal;font-size:6.5px}.msp-customers .ok{color:#0aa578}.msp-customers .warn{color:#e29112}.msp-customers .critical{color:#eb4358}.msp-hero-board p{font-size:8px;color:#6e8297;text-align:center;margin:10px 0 0}
.security-board{border:1px solid #dbe7f1;border-radius:15px;background:#fff;padding:16px}.sec-core{text-align:center;padding:10px;border-bottom:1px solid #e7eef5}.sec-core i{display:block;margin:auto auto 4px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e9f5ff,#f2edff);color:#087cff;font-style:normal;font-size:20px;line-height:38px}.sec-core b,.sec-core small{display:block}.sec-core b{font-size:13px}.sec-core small{font-size:8px;color:#71869d}.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.sec-grid span{padding:9px;border:1px solid #e0e9f1;border-radius:7px;background:#fbfdff}.sec-grid b,.sec-grid small{display:block}.sec-grid b{font-size:10px}.sec-grid small{font-size:7px;color:#72869b}

/* Footer: no black logo rectangle. */
.footer-clean{padding:34px 0 15px;background:#071b37}.footer-grid{grid-template-columns:1.7fr repeat(4,1fr);gap:28px}.footer-lockup{display:flex;align-items:center;gap:8px}.footer-lockup img{width:36px;height:36px;object-fit:cover;border-radius:9px}.footer-lockup strong,.footer-lockup small{display:block}.footer-lockup strong{font-size:21px;color:#fff;letter-spacing:-.03em}.footer-lockup small{font-size:7px;letter-spacing:.12em;color:#8ea8c4}.footer-brand p{font-size:11px;line-height:1.45;margin:12px 0 5px}.footer-email{font-size:11px}.footer-grid strong{font-size:11px}.footer-grid a{font-size:10px}.footer-bottom{margin-top:22px;padding-top:12px;font-size:9px}

@media(max-width:1050px){.container{width:min(100% - 34px,980px)}.main-nav{gap:14px}.main-nav a{font-size:12px}.hero-grid-plan{grid-template-columns:1fr 1.1fr}.hero-plan .hero-copy h1{font-size:36px}.neural-head{left:-2%;width:78%}.ops-panels{grid-template-columns:1fr}.ops-topology-panel{border-right:0;border-bottom:1px solid #e5edf5}.complex-grid{grid-template-columns:1fr}.complex-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.main-nav{display:none;position:absolute;top:58px;left:14px;right:14px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #dbe7f1;border-radius:12px;padding:10px;box-shadow:0 20px 50px rgba(22,67,120,.14)}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:10px}.mobile-toggle{display:block}.hero-grid-plan{grid-template-columns:1fr}.hero-plan .hero-copy{padding-bottom:0}.neural-stage{height:285px}.signal-section{padding-top:20px}.process-plan{grid-template-columns:1fr}.process-plan>em{transform:rotate(90deg)}.ops-showcase{overflow:visible}.solution-domain-board{height:420px}.sd.s1,.sd.s2,.sd.s3{left:4%}.sd.s4,.sd.s5,.sd.s6{right:4%}.integration-board{grid-template-columns:1fr}.ib-arrow{transform:rotate(90deg);text-align:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.container{width:min(100% - 24px,520px)}.hero-plan .hero-copy h1{font-size:34px}.hero-plan .hero-copy p{font-size:15px}.neural-stage{height:230px}.neural-head{left:0;top:-45px;width:100%;height:320px}.neural-steps{display:none}.four-benefits{grid-template-columns:1fr 1fr}.process-plan>div i{width:46px;height:46px}.ops-panels{display:block}.ops-tabs{overflow:auto;justify-content:flex-start}.topology-board{height:300px}.t-node{width:105px}.n1{left:2%;top:2%}.n2{left:2%;top:34%}.n3{left:2%;bottom:2%}.n4{left:37%;top:2%}.n5{left:37%;top:34%}.n6{left:37%;bottom:2%}.n7{right:0;top:2%}.n8{right:0;top:34%}.n9{right:0;bottom:2%}.ai-split{grid-template-columns:1fr}.complex-cards{grid-template-columns:1fr}.final-inline-cta>.container{flex-direction:column;gap:10px;align-items:flex-start}.solution-domain-board{height:520px}.solution-core{width:130px}.sd{width:115px}.msp-customers,.sec-grid,.ah-sensors,.ac-sensors{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}


/* =========================================================
   V4.4 final-review readability pass
   - approved plan AI visual
   - larger enterprise canvas
   - minimum readable diagram typography
   - no mobile horizontal overflow
   ========================================================= */
.container{width:min(1480px,calc(100% - 48px))}

/* Approved AI visual from web_plan.png */
.plan-ai-visual{position:relative;min-height:285px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.plan-ai-visual>img{width:78%;height:285px;object-fit:cover;object-position:center;border-radius:0;mix-blend-mode:multiply;filter:saturate(1.08) contrast(1.03)}.plan-ai-visual .neural-steps{right:0;top:28px;width:160px;gap:8px}.plan-ai-visual .neural-steps span{grid-template-columns:32px 1fr;padding:8px 10px}.plan-ai-visual .neural-steps i{width:32px;height:32px;font-size:13px}.plan-ai-visual .neural-steps b{font-size:12px}.plan-ai-visual .neural-steps small{font-size:9px}.ai-page-hero .plan-ai-visual{min-height:310px}.ai-page-hero .plan-ai-visual>img{height:310px;width:80%}.ai-page-hero .plan-ai-visual .neural-steps{top:30px}

/* Home readability: still plan-dense, but no microscopic business text. */
.hero-grid-plan{grid-template-columns:.77fr 1.23fr;gap:28px;min-height:305px}.hero-plan .hero-copy h1{font-size:46px;max-width:610px}.hero-plan .hero-copy p{font-size:16px;max-width:590px}.hero-plan .hero-copy .eyebrow{font-size:11px}.hero-plan .btn{font-size:13px;min-height:42px}.four-benefits{padding:10px 0}.four-benefits b{font-size:13px}.four-benefits small{font-size:10.5px}.signal-section{padding:30px 0 24px}.signal-copy h2{font-size:28px}.signal-copy p{font-size:14.5px}.process-plan b{font-size:13px}.process-plan small{font-size:10.5px}.process-plan>div i{width:54px;height:54px;font-size:20px}
.ops-section{padding:18px 0 15px}.ops-heading h2{font-size:27px}.ops-heading p{font-size:13.5px}.ops-tabs button{font-size:10.5px;padding:7px 14px}.ops-topology-panel,.ops-ai-panel{padding:12px 14px}.ops-title{font-size:13px}.ops-title span{font-size:9px}.topology-board{height:172px}.t-node{width:118px;min-height:41px;padding:7px 7px 6px 36px}.t-node i{width:22px;height:22px;top:9px}.t-node b{font-size:10px}.t-node small{font-size:8.5px}.recent>b,.rca>b{font-size:10px}.recent span{font-size:8.5px;padding:5px 0}.rca h4{font-size:10px}.rca p,.rca ol{font-size:8.5px}.rca a{font-size:8.5px}.complex-section{padding:15px 0 12px}.complex-copy h2{font-size:24px}.complex-copy p{font-size:11.5px}.complex-cards a{padding:10px}.complex-cards b{font-size:10.5px}.complex-cards small{font-size:8.5px}.final-inline-cta{padding:9px 0 12px}.final-inline-cta b{font-size:13px}.final-inline-cta small{font-size:9px}.final-inline-cta .btn{font-size:10.5px;min-height:36px}

/* Internal diagrams minimum readable type. */
.solution-domain-board{height:330px}.solution-core{width:170px;height:120px}.solution-core img{width:46px;height:46px}.solution-core span{font-size:16px}.solution-core small{font-size:10px}.sd{width:155px;padding:10px 10px 10px 42px}.sd i{left:11px;top:13px;font-size:16px}.sd b{font-size:13px}.sd small{font-size:10px}
.arch-hero-board{padding:18px;gap:9px}.arch-hero-board i{font-size:10.5px}.ah-row span,.ah-sensors span{font-size:11px;padding:8px 11px}.ah-core{padding:12px 16px}.ah-core img{width:40px;height:40px}.ah-core b{font-size:14px}.ah-core small{font-size:10px}.ah-sensors b{font-size:11px}.ah-sensors small{font-size:9px}.architecture-canvas-v2{padding:20px}.ac-band>b{font-size:13px}.ac-band span,.ac-estate span{font-size:10px;padding:7px 9px}.ac-arrow{font-size:10px;padding:8px}.ac-core{padding:15px}.ac-core-title img{width:39px;height:39px}.ac-core-title b{font-size:14px}.ac-core-title small{font-size:9px}.ac-modules span{font-size:9px;padding:6px 8px}.ac-sensors span{padding:10px}.ac-sensors b{font-size:11px}.ac-sensors small{font-size:9px;line-height:1.35}
.integration-board{padding:20px}.ib-sources span,.ib-context span{font-size:11px;padding:8px 9px}.ib-core img{width:45px;height:45px}.ib-core b{font-size:15px}.ib-core small{font-size:9px}.ib-context>b{font-size:13px}.msp-master b{font-size:14px}.msp-master small{font-size:9px}.msp-customers b{font-size:12px}.msp-customers small{font-size:9px}.msp-customers em{font-size:8.5px}.msp-hero-board p{font-size:10px}.sec-core b{font-size:15px}.sec-core small{font-size:10px}.sec-grid b{font-size:12px}.sec-grid small{font-size:9px}

/* Cards and prose readability across pages */
.workspace-grid h3{font-size:16px}.workspace-grid p{font-size:13px}.four-cards p,.three-cards p,.six-cards p{font-size:13px}.tech-columns strong{font-size:14px}.tech-columns span{font-size:12px}.protocol-matrix span,.role-cloud span,.fit-pills span{font-size:12px}.state-grid b{font-size:12px}.state-grid small{font-size:11px}.copilot-contract b,.copilot-contract span{font-size:12px}.trust-ladder span{font-size:12px}.remediation-flow span,.period-flow span{font-size:11px}.preview-form label{font-size:12px}.footer-grid a{font-size:10.5px}.footer-grid strong{font-size:11.5px}.footer-brand p,.footer-email{font-size:11.5px}

/* Wider desktop fills the page rather than leaving unused side gutters. */
@media(min-width:1500px){.hero-plan .hero-copy h1{font-size:48px}.hero-plan .hero-copy p{font-size:16.5px}.page-hero h1{font-size:50px}.page-hero p{font-size:16px}}

/* Mobile fixes */
@media(max-width:1050px){.container{width:min(100% - 34px,980px)}.plan-ai-visual>img{width:76%;object-fit:contain}.solution-domain-board{height:390px}.sd{width:145px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:820px){.hero-grid-plan{grid-template-columns:1fr}.plan-ai-visual{min-height:270px}.plan-ai-visual>img{height:260px;width:76%}.plan-ai-visual .neural-steps{top:18px}.ops-panels{grid-template-columns:1fr}.topology-board{height:220px}.complex-grid{grid-template-columns:1fr}.complex-cards{grid-template-columns:1fr 1fr}.solution-domain-board{height:460px}}
@media(max-width:560px){.container{width:min(100% - 24px,520px)}.hero-plan .hero-copy h1{font-size:35px}.hero-plan .hero-copy p{font-size:15px}.plan-ai-visual{min-height:215px}.plan-ai-visual>img{width:100%;height:210px;object-fit:cover}.plan-ai-visual .neural-steps{display:none}.four-benefits{grid-template-columns:1fr 1fr}.process-plan{grid-template-columns:1fr}.process-plan>em{transform:rotate(90deg)}.ops-tabs{justify-content:flex-start;overflow-x:auto}.topology-board{height:330px;overflow:hidden}.t-node{width:102px;padding-left:30px}.t-node i{left:6px;width:18px;height:18px}.t-node b{font-size:9px}.t-node small{font-size:7.5px}.n1,.n2,.n3{left:0}.n4,.n5,.n6{left:34%}.n7,.n8,.n9{right:0}.ai-split{grid-template-columns:1fr}.complex-cards{grid-template-columns:1fr}.final-inline-cta>.container{flex-direction:column;gap:10px;align-items:flex-start}.solution-domain-board{height:560px;overflow:hidden}.sd{width:118px;padding-left:34px}.sd b{font-size:10px}.sd small{font-size:8px}.solution-core{width:120px;height:95px}.solution-core span{font-size:13px}.solution-core small{font-size:8px}.integration-board{grid-template-columns:1fr}.ib-arrow{transform:rotate(90deg);text-align:center}.msp-customers,.sec-grid,.ah-sensors,.ac-sensors{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.page-hero h1{font-size:38px}.page-hero p{font-size:15px}}

/* V4.4.1 mobile overflow hardening */
@media(max-width:700px){
  .four-cards,.three-cards,.six-cards,.workspace-grid,.tech-columns{grid-template-columns:1fr!important}
  .four-cards article,.three-cards article,.six-cards article,.workspace-grid article,.tech-columns>div{min-width:0!important;width:auto!important}
  .solution-domain-board,.architecture-canvas,.architecture-canvas-v2,.integration-board{max-width:100%;overflow:hidden}
}