:root{
  --navy:#082d47;--navy-2:#0d3d59;--blue:#106c8b;--teal:#27a7b7;--teal-2:#47c4d0;
  --orange:#f29b4b;--red:#c84d3d;--ink:#183447;--muted:#647d90;--bg:#f5f8fa;
  --panel:#ffffff;--line:#dbe6ec;--shadow:0 18px 45px rgba(7,44,70,.10);--radius:20px;
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:84px 0}.section-tight{padding:56px 0}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--teal)}h1,h2,h3{line-height:1.12;color:var(--navy);margin:0 0 18px}h1{font-size:clamp(2.65rem,7vw,5.7rem);letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.025em}h3{font-size:1.25rem}.lead{font-size:1.15rem;color:#526d80;max-width:760px}.muted{color:var(--muted)}
.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(205,221,230,.9)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:190px}.nav-links{display:flex;align-items:center;gap:28px;font-size:.93rem;font-weight:700;color:#2f5066}.nav-links a{position:relative;padding:28px 0}.nav-links a:after{content:"";position:absolute;left:0;bottom:20px;width:0;height:2px;background:var(--teal);transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--navy);color:white!important;padding:11px 16px!important;border-radius:12px}.nav-cta:after{display:none}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem;color:var(--navy);cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#06293f 0%,#0a3a56 55%,#125e78 100%);color:white}.hero:after{content:"";position:absolute;inset:auto -140px -180px auto;width:500px;height:500px;border-radius:50%;border:80px solid rgba(68,199,210,.08)}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px;padding:74px 0}.hero h1,.hero h2{color:white}.hero .eyebrow{color:#8ce4ec}.hero .lead{color:#d1e0e8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 20px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:var(--teal);color:#06293f}.btn-primary:hover{transform:translateY(-2px);background:#59d1dc}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.04)}.btn-ghost:hover{background:rgba(255,255,255,.11)}.hero-visual{position:relative}.hero-photo{height:470px;width:100%;object-fit:cover;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15)}.hero-badge{position:absolute;left:-30px;bottom:28px;background:white;color:var(--navy);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow);min-width:230px}.hero-badge strong{display:block;font-size:1.45rem}.hero-badge span{font-size:.82rem;color:var(--muted)}
.stats-row{margin-top:-36px;position:relative;z-index:3}.stats-panel{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.stat{padding:24px 28px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;color:var(--navy);font-size:1.9rem}.stat span{font-size:.82rem;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 30px rgba(8,45,71,.05)}.icon-box{width:48px;height:48px;border-radius:14px;background:#e9f7f8;color:var(--blue);display:grid;place-items:center;font-size:1.35rem;margin-bottom:18px}.card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.image-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:white;border:1px solid var(--line)}.image-card img{width:100%;height:100%;object-fit:cover}.image-caption{padding:14px 18px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.research-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.research-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s;box-shadow:0 12px 35px rgba(8,45,71,.05)}.research-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.research-card img{width:100%;height:245px;object-fit:cover;background:#f3f7f9}.research-body{padding:24px}.case-id{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:var(--red)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tag{font-size:.74rem;border-radius:999px;padding:6px 10px;background:#eef4f7;color:#456277;font-weight:700}.tag.orange{background:#fff3e7;color:#9c581f}.tag.teal{background:#e9f8f9;color:#0b7180}.tag.red{background:#faece9;color:#9c3d32}
.band{background:var(--navy);color:white}.band h2,.band h3{color:white}.band .muted{color:#bfd0db}.band-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px}.band-card strong{color:#8ce4ec}
.dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(8,45,71,.05)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;background:#4bbf7a;box-shadow:0 0 0 5px rgba(75,191,122,.12)}canvas{width:100%;height:250px;display:block}.incident-list{display:grid;gap:12px}.incident{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px 15px;cursor:pointer;transition:.2s}.incident:hover{background:#f7fbfc}.incident-code{font-weight:900;color:var(--navy)}.incident small{display:block;color:var(--muted)}.pill{font-size:.72rem;font-weight:800;border-radius:999px;padding:6px 9px;background:#fff1e5;color:#9a541b}.pill.green{background:#e9f7ee;color:#31724c}.pill.blue{background:#eaf4f8;color:#32647a}
.timeline{position:relative;margin-top:28px}.timeline:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:#d7e4ea}.timeline-item{position:relative;padding-left:48px;margin:0 0 26px}.timeline-item:before{content:"";position:absolute;left:7px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--teal);border:4px solid #e4f5f7}.timeline-item time{font-size:.75rem;font-weight:900;color:var(--teal);letter-spacing:.08em}.timeline-item p{margin:4px 0 0;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.team-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.team-card img{aspect-ratio:1/1;object-fit:cover}.team-body{padding:18px}.team-body p{margin:0;color:var(--muted);font-size:.88rem}
.page-hero{background:linear-gradient(120deg,#06293f,#0e536d);color:white;padding:78px 0}.page-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);color:white}.page-hero p{color:#c6d7e1;max-width:760px}.breadcrumbs{font-size:.78rem;color:#9ec2d2;margin-bottom:16px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:white}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);font-size:.9rem}.data-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#5a7488;background:#f7fafb}.data-table tr:last-child td{border-bottom:0}
.code-card{background:#0a2435;color:#cde7ef;border-radius:18px;padding:20px;overflow:auto;box-shadow:0 10px 30px rgba(8,45,71,.12)}.code-card pre{margin:0;font-family:"SFMono-Regular",Consolas,monospace;font-size:.83rem;line-height:1.7}.code-dim{color:#6f93a5}.code-accent{color:#f3b266}.code-green{color:#77d9b4}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.form{display:grid;gap:15px}.field label{display:block;font-weight:800;font-size:.84rem;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfdde5;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(39,167,183,.12)}.field textarea{min-height:135px;resize:vertical}.notice{padding:14px 16px;border-radius:12px;background:#eaf7f8;border:1px solid #c5eaed;color:#245c68;font-size:.86rem}
.footer{background:#061f31;color:#c0d1dc;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer h3{color:white;font-size:1rem}.footer a{color:#c0d1dc}.footer a:hover{color:white}.footer-brand img{filter:brightness(0) invert(1);width:175px}.footer-note{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;font-size:.78rem;color:#88a5b6;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.modal{position:fixed;inset:0;background:rgba(2,18,29,.72);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:white;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.4);padding:26px}.modal-close{float:right;border:0;background:#eef4f6;color:var(--navy);width:38px;height:38px;border-radius:50%;font-weight:900;cursor:pointer}.modal-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.gallery img{width:100%;height:180px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.gallery img:first-child{height:370px;grid-row:span 2}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:960px){.nav-links{display:none;position:absolute;left:20px;right:20px;top:72px;background:white;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:14px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-links a:after{display:none}.menu-toggle{display:block}.hero-grid,.split,.dashboard,.contact-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:58px 0 90px}.hero-photo{height:360px}.stats-panel{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.research-grid,.grid-4,.team-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:span 2;height:310px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.section{padding:64px 0}.hero h1{font-size:3.1rem}.hero-photo{height:280px}.hero-badge{left:12px;bottom:12px}.stats-panel,.research-grid,.grid-4,.team-grid,.footer-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto;height:230px}.gallery img{height:230px}}