/* Vizir Analytical — final styles.css */

:root{
  --bg:#061526;
  --panel:#0c1f35;
  --panel-deep:#07192c;
  --text:#f6f9ff;
  --muted:#aab8ca;
  --line:rgba(172,205,235,.16);
  --cyan:#5ed5ff;
  --mint:#7ee8c3;
  --shadow:0 24px 80px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1000px 520px at 83% 12%,rgba(26,98,170,.22),transparent 62%),radial-gradient(800px 540px at 10% 74%,rgba(32,148,178,.10),transparent 60%),var(--bg);color:var(--text);font-family:"IBM Plex Sans",Arial,sans-serif;line-height:1.58}
.wrap{width:min(1280px,calc(100% - 72px));margin:0 auto}
h1,h2,h3{margin:0;font-family:Archivo,Arial,sans-serif;line-height:1.05}
h1{max-width:670px;margin:30px 0;font-size:clamp(62px,6vw,91px);line-height:1.02;letter-spacing:-.055em}
h2{font-size:clamp(31px,3.7vw,50px);letter-spacing:-.035em}
h3{font-size:24px;letter-spacing:-.022em}
p{margin:0;color:var(--muted)}
a{color:inherit}
.eyebrow,.tag{color:#2dcdf6;font-family:"IBM Plex Mono",monospace;font-size:15px;letter-spacing:.14em;text-transform:uppercase}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,18,32,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}
.brand-mark-wrap{width:82px;height:82px;display:grid;place-items:center;flex:0 0 82px;border:none;border-radius:0;background:transparent;box-shadow:none}
.brand-mark{width:78px;height:78px;display:block;object-fit:contain;filter:drop-shadow(0 8px 17px rgba(32,112,255,.28))}
.brand-type{display:grid;gap:0;line-height:1}
.brand-word{color:#fff;font-family:Archivo,Arial,sans-serif;font-size:34px;font-weight:800;line-height:.92;letter-spacing:.105em}
.brand-sub{display:block;margin-top:7px;color:#74daf5;font:700 12px "IBM Plex Mono",monospace;letter-spacing:.12em}
.brand-logo,.mark{display:none}
.nav-links{display:flex;align-items:center;gap:46px;padding:0;margin:0;list-style:none}
.nav-links a{color:#c6d1df;font-size:19px;text-decoration:none}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}
.nav-links a[aria-current="page"]{position:relative}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;right:0;bottom:-14px;left:0;height:3px;border-radius:10px;background:#4dd5fb}
.nav-links .cta{padding:17px 29px;border-radius:15px;color:#06111b;background:linear-gradient(135deg,#1bc4f6,#86ddf7);box-shadow:0 12px 24px rgba(37,192,244,.18);font-size:18px;font-weight:700}

/* Hero */
.hero{position:relative;display:flex;align-items:center;min-height:730px;padding:82px 0 46px;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -15% -80px 32%;height:250px;background:radial-gradient(circle,rgba(123,140,255,.18),transparent 68%);filter:blur(18px);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.18fr;align-items:center;gap:90px}
.hero h1 .accent{color:#24bff3}
.hero p{max-width:625px;color:#b7c5d5;font-size:22px;line-height:1.62}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:37px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 26px;border-radius:14px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#06111b;background:linear-gradient(135deg,var(--cyan),#b3efff);box-shadow:0 14px 28px rgba(53,210,255,.25)}
.btn-ghost{color:#e4f0fc;border:1px solid #4bc6ec;background:rgba(9,28,49,.5)}

/* Chart */
.chart-card{position:relative;padding:26px 26px 18px;border:1px solid rgba(95,195,247,.36);border-radius:28px;background:linear-gradient(155deg,rgba(19,56,91,.82),rgba(4,21,38,.96));box-shadow:0 34px 80px rgba(0,0,0,.44),inset 0 1px rgba(200,243,255,.14)}
.chart-card:before{content:""}
.chart-card:after{content:"Human-in-the-loop";position:absolute;top:27px;right:27px;padding:8px 15px;border:1px solid rgba(167,191,255,.15);border-radius:999px;background:rgba(33,55,93,.75);color:#f2f7ff;font:14px "IBM Plex Sans",sans-serif}
.quality-viz{display:block;width:100%;min-height:430px;height:auto}
.chart-caption{display:flex;justify-content:space-between;gap:18px;margin:11px 5px 0;color:#8ba1b9;font:12px "IBM Plex Mono",monospace;letter-spacing:.09em}
.chart-caption span:first-child{color:#63d7ff}.chart-caption span:last-child{color:#a0adc2}

/* General sections */
section{padding:98px 0;border-top:1px solid var(--line)}
.lede{max-width:785px;margin-top:16px;font-size:19px}
.cards{display:grid;gap:18px;margin-top:38px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}
.card{min-height:235px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,36,60,.74),rgba(10,24,42,.66));box-shadow:0 12px 35px rgba(0,0,0,.1)}
.card h3{margin-top:18px}.card p{margin-top:14px}.card a{color:var(--cyan);font-weight:600;text-decoration:none}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.badge{padding:8px 11px;border:1px solid rgba(155,219,255,.22);border-radius:999px;background:rgba(121,193,255,.06);color:#c7dbeb;font:12px "IBM Plex Mono",monospace}
.notice{margin-top:24px;padding:15px 18px;border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;background:rgba(94,213,255,.08);color:#d4e7f6}.notice strong{color:#fff}
.spec-list{display:grid;gap:12px;margin:27px 0 0;padding:0;list-style:none}.spec-list li{position:relative;padding:17px 18px 17px 45px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022);color:var(--muted)}.spec-list li:before{content:"✓";position:absolute;top:16px;left:17px;color:var(--mint);font-weight:800}.spec-list strong{color:#eff8ff}

/* Trust */
.trust-strip{padding:33px 0 38px;border-top:1px solid rgba(130,207,255,.15);border-bottom:1px solid rgba(130,207,255,.15);background:rgba(11,35,61,.72)}
.trust-title{margin:0 0 30px;color:#95a5c2;text-align:center;font:16px "IBM Plex Mono",monospace;letter-spacing:.18em}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-item{display:flex;align-items:center;gap:19px;padding:6px 34px}.trust-item:not(:first-child){border-left:1px solid rgba(165,212,255,.22)}
.trust-icon{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border:2px solid rgba(117,199,255,.75);border-radius:14px;color:#75c7ff;font-size:26px;line-height:1}.trust-item:nth-child(2) .trust-icon{width:52px;border:0;background:transparent;font-size:13px;letter-spacing:-4px}.trust-item h3{font-family:"IBM Plex Sans",sans-serif;font-size:19px;letter-spacing:0;line-height:1.1}.trust-item p{margin-top:6px;color:#a2b3ca;font-size:15px;line-height:1.45}

/* Workflow */
.workflow-strip{padding:34px 0;border-top:0;border-bottom:1px solid rgba(111,209,255,.16);background:#06172b}.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr)}.workflow-grid article{padding:9px 28px;text-align:center}.workflow-grid article:not(:first-child){border-left:1px solid rgba(165,212,255,.2)}.flow-icon{display:grid;width:44px;height:44px;place-items:center;margin:0 auto 13px;color:#8fd6ff;font-size:42px;line-height:1}.workflow-grid h3{font-size:21px;letter-spacing:0;line-height:1.05}.workflow-grid p{margin-top:7px;color:#95a9c2;font-size:15px;line-height:1.4}

/* CTA + Footer */
.cta-band{border-top:1px solid rgba(149,221,255,.26);background:linear-gradient(135deg,rgba(79,211,255,.14),rgba(123,140,255,.16))}.cta-band p{max-width:700px;margin:18px 0 25px;font-size:18px}
.site-footer{padding:42px 0 20px;border-top:1px solid var(--line);background:#050d17}.footer-grid{display:flex;justify-content:space-between;gap:28px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{display:none}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px 24px;margin:0;padding:0;list-style:none}.footer-links a{color:var(--muted);font-size:14px;text-decoration:none}.provenance{display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:17px;border-top:1px solid var(--line);color:#738398;font:10px "IBM Plex Mono",monospace;letter-spacing:.035em}

/* Legal */
.legal{max-width:900px}.legal h1{margin-bottom:16px;font-size:clamp(42px,5vw,66px)}.legal h2{margin:46px 0 14px;font-size:clamp(24px,3vw,34px)}.legal p{max-width:820px;margin:0 0 16px}.legal ul{margin:0 0 18px;padding-left:22px;color:var(--muted)}.legal li{margin:7px 0}.meta{color:#9bb0c4;font-family:"IBM Plex Mono",monospace;font-size:13px}.placeholder{padding:1px 4px;border-radius:4px;background:rgba(255,208,138,.10);color:#ffd08a}.caps{text-transform:none}

@media(max-width:1000px){.wrap{width:min(100% - 40px,1280px)}.nav{min-height:94px}.brand-mark-wrap{width:64px;height:64px;flex-basis:64px}.brand-mark{width:62px;height:62px}.brand-word{font-size:27px}.brand-sub{font-size:10px}.nav-links{gap:22px}.nav-links a{font-size:15px}.nav-links .cta{padding:13px 19px;font-size:15px}.hero{min-height:auto}.hero-grid{gap:50px}h1{font-size:clamp(50px,6vw,72px)}.hero p{font-size:19px}.chart-card:after{font-size:12px}.quality-viz{min-height:0}}
@media(max-width:760px){.wrap{width:min(100% - 28px,1280px)}.nav{min-height:84px}.brand{gap:10px}.brand-mark-wrap{width:54px;height:54px;flex-basis:54px}.brand-mark{width:52px;height:52px}.brand-word{font-size:20px}.brand-sub{margin-top:5px;font-size:8px}.nav-links li:not(:last-child){display:none}.nav-links .cta{padding:11px 14px;font-size:13px}.hero{padding:54px 0 32px}.hero-grid{grid-template-columns:1fr;gap:34px}h1{font-size:52px}.hero p{font-size:17px}.hero-actions .btn{width:100%}.chart-card{padding:14px}.chart-card:after{display:none}.chart-caption{display:grid;gap:4px;font-size:8px}.trust-grid,.workflow-grid{grid-template-columns:1fr 1fr}.trust-item:not(:first-child),.workflow-grid article:not(:first-child){border-left:0}.trust-item{padding:14px 5px;border-bottom:1px solid rgba(165,212,255,.16)}.trust-item:nth-last-child(-n+2){border-bottom:0}.trust-item h3{font-size:15px}.trust-item p{font-size:12px}.workflow-grid article{padding:18px 10px;border-bottom:1px solid rgba(165,212,255,.16)}.workflow-grid article:nth-child(odd){border-right:1px solid rgba(165,212,255,.16)}.workflow-grid article:last-child{grid-column:1/-1;border-bottom:0}.workflow-grid h3{font-size:17px}.workflow-grid p{font-size:12px}.cards.three,.cards.two{grid-template-columns:1fr}.card{min-height:auto;padding:22px}section{padding:67px 0}.footer-grid,.provenance{display:grid}.footer-links{grid-template-columns:1fr}.provenance{font-size:9px}}