/* Disease Intelligence — Network Operating System */
:root{--din-cyan:#36e7ed;--din-teal:#23d8c0;--din-blue:#318cff;--din-violet:#7f7cff;--din-ink:#05121c;--din-panel:#081e2b;--din-panel2:#0b2634;--din-line:rgba(101,222,238,.2);--din-muted:#9eb9c7;--din-good:#50e2bd;--din-warn:#ffcb6a;--din-danger:#ff7f8b}
.din-shell{min-height:100vh;background:radial-gradient(circle at 78% 3%,rgba(49,140,255,.16),transparent 29%),radial-gradient(circle at 10% 18%,rgba(35,216,192,.1),transparent 26%),#05131e;color:#f7fdff}
.din-wrap{width:min(1240px,calc(100% - 36px));margin-inline:auto}
.din-hero{padding:clamp(70px,8vw,120px) 0 54px;border-bottom:1px solid var(--din-line);position:relative;overflow:hidden}
.din-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 92%);pointer-events:none}
.din-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:clamp(34px,5vw,70px);align-items:center;position:relative}
.din-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--din-cyan);font-weight:900}
.din-hero h1{font-size:clamp(3rem,6vw,6.15rem);letter-spacing:-.06em;line-height:.94;color:#fff;margin:.65rem 0 1.25rem}.din-hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#65f0e2 50%,#68b5ff);-webkit-background-clip:text;color:transparent}
.din-hero p{font-size:clamp(1.04rem,1.4vw,1.28rem);line-height:1.72;color:#b0cad7;max-width:760px}
.din-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.din-btn{min-height:48px;padding:0 18px;border-radius:13px;border:1px solid rgba(101,222,238,.27);background:#092332;color:#fff;text-decoration:none;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.din-btn.primary{color:#03131b;border:0;background:linear-gradient(135deg,var(--din-teal),var(--din-blue));box-shadow:0 14px 32px rgba(30,184,222,.2)}.din-btn:hover{transform:translateY(-1px)}
.din-command-card,.din-panel{border:1px solid var(--din-line);background:linear-gradient(180deg,rgba(12,40,55,.94),rgba(6,24,35,.96));border-radius:25px;box-shadow:0 25px 70px rgba(0,0,0,.22)}
.din-command-card{padding:20px;position:relative;overflow:hidden}.din-command-card:after{content:'';position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(54,231,237,.12);filter:blur(42px)}
.din-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--din-line);position:relative;z-index:2}.din-status{display:flex;align-items:center;gap:8px;color:#8debdc;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:850}.din-status:before{content:'';width:8px;height:8px;border-radius:50%;background:#4be0bd;box-shadow:0 0 0 6px rgba(75,224,189,.08)}
.din-query{display:flex;gap:8px;margin-top:15px;padding:9px;background:#04141e;border:1px solid rgba(102,222,238,.22);border-radius:15px;position:relative;z-index:2}.din-query input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:inherit;outline:0;padding:8px}.din-query button{border:0;border-radius:10px;background:var(--din-teal);color:#05202a;font-weight:900;padding:9px 13px;cursor:pointer}
.din-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;position:relative;z-index:2}.din-chip{border:1px solid rgba(107,222,239,.19);background:#092130;color:#bcd4df;padding:7px 10px;border-radius:999px;font-size:.75rem;cursor:pointer}.din-chip:hover,.din-chip.active{border-color:#45e5d7;color:#fff;background:rgba(33,198,194,.1)}
.din-result-stack{display:grid;gap:9px;margin-top:14px;position:relative;z-index:2}.din-result{padding:12px;border:1px solid rgba(94,214,234,.13);background:rgba(2,15,24,.52);border-radius:14px;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center}.din-result i{width:32px;height:32px;border-radius:10px;background:rgba(38,215,204,.1);color:#62eee0;display:grid;place-items:center;font-style:normal;font-weight:900}.din-result b{display:block;font-size:.88rem}.din-result span{font-size:.75rem;color:#83a9ba}.din-result strong{font-size:.68rem;color:#86efdf;text-transform:uppercase;letter-spacing:.08em}
.din-section{padding:76px 0;border-bottom:1px solid rgba(101,222,238,.1)}.din-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,.45fr);gap:30px;align-items:end;margin-bottom:26px}.din-heading h2{font-size:clamp(2.15rem,4vw,4.1rem);line-height:1;letter-spacing:-.045em;color:#fff;margin:.5rem 0 0}.din-heading p{color:#9cb9c7;line-height:1.7;margin:0}
.din-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.din-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.din-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.din-panel{padding:21px}.din-panel h3{margin:0 0 7px;color:#fff;font-size:1.05rem}.din-panel p,.din-panel li{color:#97b4c2;line-height:1.6;font-size:.9rem}.din-panel ul{padding-left:1.1rem}.din-metric{font-size:2.1rem;line-height:1;font-weight:900;color:#fff;letter-spacing:-.04em}.din-micro{font-size:.7rem;color:#7e9ead;text-transform:uppercase;letter-spacing:.1em}
.din-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.din-tab{border:1px solid rgba(100,220,238,.2);background:#071c29;color:#a5c2d0;padding:9px 12px;border-radius:11px;font-weight:800;cursor:pointer}.din-tab.active{border-color:#3fe2d3;background:rgba(36,200,196,.11);color:#fff}
.din-watch-row{display:grid;grid-template-columns:42px minmax(160px,.7fr) minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(97,218,236,.11)}.din-watch-row:last-child{border-bottom:0}.din-watch-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#061722;border:1px solid rgba(95,219,237,.15);color:#56e9da}.din-watch-row b{color:#fff}.din-watch-row p{margin:2px 0 0;font-size:.78rem}.din-badge{font-size:.68rem;padding:6px 8px;border-radius:999px;border:1px solid rgba(105,220,238,.2);color:#a8cad5;white-space:nowrap}.din-badge.good{color:#7ef2d5;border-color:rgba(80,226,189,.3)}.din-badge.warn{color:#ffd98d;border-color:rgba(255,203,106,.3)}
.din-pathway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.din-path{padding:18px;border-radius:20px;border:1px solid rgba(104,220,238,.16);background:#071a27}.din-path.selected{border-color:#44e2d5;box-shadow:0 0 0 1px rgba(68,226,213,.12),0 22px 50px rgba(0,0,0,.16)}.din-path h3{margin:.4rem 0;color:#fff}.din-score{display:grid;grid-template-columns:112px 1fr 34px;gap:8px;align-items:center;margin:10px 0;font-size:.75rem;color:#93afbd}.din-scorebar{height:7px;border-radius:999px;background:#04141e;overflow:hidden}.din-scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--din-teal),var(--din-blue));border-radius:inherit}
.din-map{position:relative;min-height:420px;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(49,140,255,.13),transparent 45%),#051722;border:1px solid rgba(94,218,236,.17);overflow:hidden}.din-map:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(81,219,236,.22) 1px,transparent 1.4px);background-size:24px 24px;opacity:.3}.din-region{position:absolute;width:110px;padding:10px;border-radius:14px;background:rgba(8,36,50,.94);border:1px solid rgba(95,221,238,.25);text-align:center;cursor:pointer;color:#fff}.din-region b{display:block;font-size:.84rem}.din-region small{color:#8fb0bf}.din-region.r1{left:12%;top:16%}.din-region.r2{left:42%;top:8%}.din-region.r3{right:12%;top:20%}.din-region.r4{left:20%;bottom:16%}.din-region.r5{right:20%;bottom:12%}.din-region.active{border-color:#4be5d8;box-shadow:0 0 40px rgba(45,213,219,.18)}
.din-twin{display:grid;grid-template-columns:270px 1fr;gap:14px}.din-twin-nav{padding:16px;border:1px solid var(--din-line);border-radius:20px;background:#071b28}.din-twin-nav button{width:100%;text-align:left;padding:11px;border:0;border-radius:11px;background:transparent;color:#a7c2cf;font-weight:750;cursor:pointer}.din-twin-nav button.active{background:rgba(42,201,205,.11);color:#fff}.din-twin-main{display:grid;gap:14px}.din-twin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.din-kpi{padding:14px;border-radius:15px;background:#061722;border:1px solid rgba(96,218,237,.12)}.din-kpi b{display:block;color:#fff;font-size:1.55rem}.din-kpi span{font-size:.72rem;color:#83a6b6}
.din-network-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.din-network-stage{min-height:110px;padding:15px;border-radius:16px;background:#061722;border:1px solid rgba(100,219,238,.13);position:relative}.din-network-stage:not(:last-child):after{content:'→';position:absolute;right:-17px;top:42%;color:#47e5d7;font-weight:900}.din-network-stage b{display:block;color:#fff;margin-bottom:6px}.din-network-stage span{font-size:.78rem;color:#89aab9}
.din-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.din-check{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid rgba(98,219,237,.13);background:#061722;border-radius:13px;color:#bfd4dc;font-size:.84rem}.din-check input{accent-color:#2dd6c6;margin-top:3px}.din-pilot-summary{display:grid;gap:9px}.din-summary-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(100,219,237,.11);color:#9db8c5}.din-summary-row b{color:#fff}
.din-home-system{padding:72px 0;background:linear-gradient(180deg,#061620,#071b27);border-top:1px solid rgba(90,220,238,.1);border-bottom:1px solid rgba(90,220,238,.12)}.din-home-system-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(390px,.55fr);gap:24px;align-items:center}.din-home-system h2{font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.045em;line-height:1;color:#fff;margin:.6rem 0 1rem}.din-home-system p{color:#9fbdca;line-height:1.7}.din-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.din-feature{padding:16px;border-radius:16px;background:#081f2d;border:1px solid rgba(90,219,238,.14)}.din-feature b{display:block;color:#fff;margin-bottom:3px}.din-feature span{font-size:.78rem;color:#8dacba}
@media(max-width:960px){.din-hero-grid,.din-heading,.din-home-system-grid,.din-twin{grid-template-columns:1fr}.din-grid-4{grid-template-columns:repeat(2,1fr)}.din-pathway-grid,.din-grid-3{grid-template-columns:1fr}.din-twin-kpis{grid-template-columns:repeat(2,1fr)}.din-network-flow{grid-template-columns:repeat(2,1fr)}.din-network-stage:nth-child(2):after{display:none}}
@media(max-width:620px){.din-wrap{width:min(100% - 24px,1240px)}.din-hero{padding-top:54px}.din-hero h1{font-size:clamp(2.55rem,13vw,4.2rem)}.din-grid-2,.din-grid-4,.din-checks,.din-feature-grid,.din-twin-kpis,.din-network-flow{grid-template-columns:1fr}.din-watch-row{grid-template-columns:38px 1fr auto}.din-watch-row>div:nth-child(3){grid-column:2/-1}.din-query{flex-direction:column}.din-query button{min-height:42px}.din-map{min-height:480px}.din-region{width:96px}.din-region.r1{left:4%}.din-region.r3{right:4%}.din-region.r4{left:8%}.din-region.r5{right:8%}}