:root {
  --bg: #071014;
  --bg-soft: #0b171c;
  --surface: rgba(14, 29, 35, .82);
  --surface-solid: #102128;
  --surface-2: #132a32;
  --border: rgba(164, 220, 222, .16);
  --text: #edf8f7;
  --muted: #9db5b5;
  --cyan: #60e4dc;
  --cyan-2: #1cb7b0;
  --amber: #ffb441;
  --amber-2: #ff7d29;
  --green: #7cdc8b;
  --red: #ff6b6b;
  --shadow: 0 30px 80px rgba(0, 0, 0, .28);
  --header: rgba(7, 16, 20, .78);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html[data-theme="light"] {
  --bg: #eef4f3;
  --bg-soft: #f7faf9;
  --surface: rgba(255, 255, 255, .82);
  --surface-solid: #ffffff;
  --surface-2: #e5efed;
  --border: rgba(20, 75, 79, .14);
  --text: #10252a;
  --muted: #60787a;
  --shadow: 0 28px 70px rgba(31, 75, 78, .12);
  --header: rgba(246, 250, 249, .84);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); overflow-x: hidden; transition: background .35s ease, color .35s ease; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; background: radial-gradient(circle at 16% 8%, rgba(96, 228, 220, .09), transparent 32%), radial-gradient(circle at 88% 18%, rgba(255, 180, 65, .08), transparent 30%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: auto, auto, 44px 44px, 44px 44px; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { max-width: 100%; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 112px 0; position: relative; }
.page-progress { position: fixed; z-index: 2000; height: 3px; left: 0; right: 0; top: 0; background: transparent; }
.page-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--cyan), var(--amber)); box-shadow: 0 0 18px var(--cyan); }
.site-header { height: 78px; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 max(28px, calc((100vw - 1180px)/2)); background: var(--header); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); }
.brand { display: flex; align-items: center; min-width: 275px; gap: 14px; }
.brand img { width: 115px; height: 44px; object-fit: contain; object-position: left center; }
.brand-divider { width: 1px; height: 26px; background: var(--border); }
.product-mark { font-size: 12px; letter-spacing: .18em; font-weight: 750; color: var(--muted); white-space: nowrap; }
.product-mark b { color: var(--cyan); }
.desktop-nav { display: flex; align-items: center; gap: 28px; }
.desktop-nav a { color: var(--muted); font-size: 13px; font-weight: 650; transition: .25s; position: relative; }
.desktop-nav a:hover { color: var(--text); }
.desktop-nav a::after { content:""; position:absolute; height:2px; left:0; right:100%; bottom:-12px; background:var(--cyan); transition:.25s; }
.desktop-nav a:hover::after { right:0; }
.header-actions { min-width: 275px; display: flex; justify-content: flex-end; gap: 8px; }
.icon-btn, .menu-btn { width: 42px; height: 42px; border-radius: 13px; border: 1px solid var(--border); background: var(--surface); color: var(--text); cursor: pointer; display: grid; place-items: center; transition: .25s; }
.icon-btn:hover { border-color: var(--cyan); transform: translateY(-2px); }
.icon-btn svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sun-icon { display:none; } html[data-theme="light"] .sun-icon { display:block; } html[data-theme="light"] .moon-icon { display:none; }
.menu-btn { display:none; padding: 10px; }
.menu-btn span { width: 18px; height: 2px; background: currentColor; display:block; margin:2px; }
.mobile-menu { display:none; position:fixed; top:78px; left:14px; right:14px; z-index:999; padding:18px; border:1px solid var(--border); background:var(--surface-solid); border-radius:18px; box-shadow:var(--shadow); }
.mobile-menu.open { display:grid; }
.mobile-menu a { padding:12px; border-bottom:1px solid var(--border); }
.hero { padding-top: 158px; min-height: 930px; overflow: hidden; }
.hero::after { content:""; position:absolute; width:680px; height:680px; border:1px solid rgba(96,228,220,.12); border-radius:50%; right:-240px; top:70px; box-shadow: 0 0 0 80px rgba(96,228,220,.025), 0 0 0 160px rgba(255,180,65,.018); }
.hero-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:72px; align-items:center; position:relative; z-index:2; }
.eyebrow, .section-kicker, .mini-label { display:inline-flex; align-items:center; gap:9px; color:var(--cyan); font-size:11px; letter-spacing:.17em; font-weight:800; text-transform:uppercase; }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 0 rgba(96,228,220,.6); animation:pulse 2s infinite; }
@keyframes pulse { 70% { box-shadow:0 0 0 12px rgba(96,228,220,0); } }
h1 { font-size: clamp(52px, 6vw, 82px); line-height:.98; letter-spacing:-.055em; margin:24px 0; max-width:760px; }
h1 span { color:transparent; -webkit-text-stroke:1px rgba(96,228,220,.75); text-shadow:0 0 30px rgba(96,228,220,.14); }
.hero-lead { max-width:650px; font-size:18px; line-height:1.75; color:var(--muted); }
.hero-actions { display:flex; gap:12px; margin:32px 0 22px; flex-wrap:wrap; }
.btn { min-height:52px; border-radius:14px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:18px; font-weight:800; font-size:13px; transition:.28s; border:1px solid transparent; }
.btn-primary { background:linear-gradient(120deg,var(--cyan-2),var(--cyan)); color:#031314; box-shadow:0 18px 45px rgba(28,183,176,.2); }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 22px 54px rgba(28,183,176,.3); }
.btn-secondary { border-color:var(--border); background:var(--surface); }
.btn-secondary:hover { border-color:var(--amber); color:var(--amber); }
.powered-badge { display:inline-flex; padding:10px 14px; border:1px solid var(--border); border-radius:12px; color:var(--muted); background:var(--surface); font-size:12px; }
.powered-badge strong { color:var(--text); margin-left:5px; }
.powered-badge span { margin:0 4px; }
.hero-stats { margin-top:35px; padding-top:26px; border-top:1px solid var(--border); display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.hero-stats div { display:flex; flex-direction:column; gap:6px; }
.hero-stats strong { font-size:25px; color:var(--text); }
.hero-stats span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.hero-console { background:linear-gradient(160deg,rgba(16,33,40,.98),rgba(7,16,20,.96)); border:1px solid rgba(96,228,220,.26); border-radius:30px; box-shadow:var(--shadow), inset 0 1px rgba(255,255,255,.06); padding:20px; position:relative; }
html[data-theme="light"] .hero-console { background:linear-gradient(160deg,#f8fbfa,#e4eeec); }
.console-topbar, .console-controls, .prediction-panel, .cam-toolbar, .cam-footer, .dataset-head { display:flex; align-items:center; justify-content:space-between; }
.console-topbar { font-size:10px; letter-spacing:.14em; color:var(--muted); padding:3px 4px 16px; }
.console-title { display:flex; gap:8px; align-items:center; }
.console-title span { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.console-status { color:var(--cyan); }
.xray-stage { position:relative; min-height:440px; display:grid; place-items:center; overflow:hidden; border-radius:22px; background:radial-gradient(circle,rgba(96,228,220,.13),transparent 56%),#03090c; }
.xray-orbit { position:absolute; border:1px solid rgba(96,228,220,.18); border-radius:50%; animation:spin 16s linear infinite; }
.orbit-a { width:380px; height:380px; border-style:dashed; }
.orbit-b { width:300px; height:300px; animation-direction:reverse; animation-duration:11s; border-color:rgba(255,180,65,.18); }
@keyframes spin { to { transform:rotate(360deg); } }
.xray-frame { width:75%; height:390px; position:relative; border:1px solid rgba(96,228,220,.2); border-radius:20px; overflow:hidden; background:#000; box-shadow:0 0 50px rgba(96,228,220,.08); }
.xray-frame img { width:100%; height:100%; object-fit:contain; display:block; transition:opacity .35s ease, transform .7s ease; }
.scan-line,.vertical-scan,.dataset-sweep,.cam-scan { position:absolute; pointer-events:none; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 22px var(--cyan); opacity:.72; }
.scan-line { height:2px; left:0; right:0; top:0; animation:scanDown 3.5s ease-in-out infinite; }
@keyframes scanDown { 0%,100%{top:6%;opacity:.2} 50%{top:92%;opacity:.9} }
.joint-target { position:absolute; width:42px; height:42px; border:1px solid var(--amber); border-radius:50%; top:51%; opacity:.55; animation:target 2s ease-in-out infinite; }
.target-left { left:28%; } .target-right { right:28%; animation-delay:.4s; }
@keyframes target { 50% { transform:scale(1.18); box-shadow:0 0 22px rgba(255,180,65,.55); } }
.media-expand { position:absolute; right:12px; top:12px; width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.18); background:rgba(0,0,0,.52); color:white; cursor:pointer; z-index:5; }
.prediction-panel { padding:18px 6px; gap:25px; }
.prediction-panel > div:first-child { display:flex; align-items:end; gap:14px; }
.label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; display:block; margin-bottom:5px; }
.prediction-panel strong { font-size:48px; color:var(--amber); line-height:1; }
.confidence-wrap { flex:1; }
.confidence-row { display:flex; align-items:center; gap:10px; }
.confidence-track { flex:1; height:8px; border-radius:10px; background:rgba(255,255,255,.08); overflow:hidden; }
.confidence-track span { display:block; height:100%; width:91%; background:linear-gradient(90deg,var(--cyan-2),var(--cyan)); transition:width .4s ease; }
.confidence-row b { font-size:12px; color:var(--cyan); }
.probability-bars { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; height:90px; align-items:end; padding:0 4px 15px; }
.probability-item { height:100%; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:5px; }
.probability-item i { width:100%; max-width:32px; min-height:4px; border-radius:7px 7px 2px 2px; background:var(--surface-2); position:relative; overflow:hidden; }
.probability-item i::after { content:""; position:absolute; inset:0; background:linear-gradient(var(--cyan),var(--cyan-2)); }
.probability-item.active i::after { background:linear-gradient(var(--amber),var(--amber-2)); }
.probability-item span { color:var(--muted); font-size:9px; }
.console-controls { border-top:1px solid var(--border); padding-top:15px; }
.console-controls button { border:1px solid var(--border); color:var(--text); background:var(--surface); min-height:38px; border-radius:10px; padding:0 15px; cursor:pointer; }
.console-controls .play-btn { min-width:150px; color:var(--cyan); }
.hero-strip { position:absolute; bottom:0; left:0; right:0; height:58px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); display:flex; align-items:center; gap:80px; white-space:nowrap; overflow:hidden; color:var(--muted); font-size:10px; letter-spacing:.15em; }
.hero-strip span { animation:marquee 18s linear infinite; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-280px)} }
.section-heading { max-width:760px; margin-bottom:50px; }
.section-heading h2, .closing-card h2, .instrument-copy h2 { font-size:clamp(36px,4.5vw,60px); letter-spacing:-.045em; line-height:1.05; margin:14px 0 18px; }
.section-heading p, .instrument-copy p { color:var(--muted); font-size:16px; line-height:1.75; }
.split-heading { max-width:none; display:grid; grid-template-columns:1fr .8fr; gap:80px; align-items:end; }
.split-heading p { margin-bottom:5px; }
.grade-section { background:linear-gradient(180deg,transparent,rgba(96,228,220,.035),transparent); }
.grade-lab { border:1px solid var(--border); background:var(--surface); border-radius:30px; padding:24px; box-shadow:var(--shadow); }
.grade-selector { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-bottom:24px; }
.grade-tab { display:flex; align-items:center; gap:12px; background:transparent; border:1px solid var(--border); border-radius:14px; padding:12px; color:var(--muted); cursor:pointer; transition:.25s; text-align:left; }
.grade-tab span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--surface-2); font-weight:900; }
.grade-tab b { font-size:11px; }
.grade-tab:hover,.grade-tab.active { color:var(--text); border-color:var(--cyan); background:rgba(96,228,220,.07); }
.grade-tab.active span { background:var(--cyan); color:#051416; }
.grade-inspector { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.grade-image-panel { min-height:460px; position:relative; background:#020607; border-radius:22px; overflow:hidden; display:grid; place-items:center; border:1px solid rgba(96,228,220,.16); }
.grade-image-panel img { width:100%; height:100%; object-fit:contain; position:absolute; inset:0; transition:opacity .25s, transform .5s; }
.image-label { position:absolute; left:16px; top:16px; color:var(--cyan); z-index:3; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.vertical-scan { width:2px; height:100%; top:0; left:0; background:linear-gradient(transparent,var(--cyan),transparent); animation:scanAcross 4s ease-in-out infinite; }
@keyframes scanAcross { 0%,100%{left:12%;opacity:.25} 50%{left:88%;opacity:.85} }
.anatomy-marker { position:absolute; z-index:3; width:18px; height:18px; border:1px solid var(--amber); border-radius:50%; box-shadow:0 0 0 6px rgba(255,180,65,.1); }
.anatomy-marker::after { content:""; width:45px; height:1px; background:var(--amber); position:absolute; left:17px; top:8px; }
.anatomy-marker span { position:absolute; left:64px; top:-5px; white-space:nowrap; font-size:9px; color:var(--amber); background:rgba(0,0,0,.68); padding:4px 7px; border-radius:6px; }
.marker-a { left:36%; top:50%; } .marker-b { right:36%; top:57%; transform:rotate(180deg); } .marker-b span { transform:rotate(180deg); }
.grade-detail { border-radius:22px; padding:36px; background:var(--surface-solid); border:1px solid var(--border); }
.grade-number { display:flex; justify-content:space-between; align-items:center; }
.grade-number small { color:var(--cyan); letter-spacing:.16em; font-weight:800; }
.grade-number strong { font-size:82px; color:var(--amber); line-height:1; }
.grade-detail h3 { font-size:30px; margin:10px 0; }
.grade-detail > p { color:var(--muted); line-height:1.7; min-height:55px; }
.feature-readout { display:grid; gap:20px; margin:28px 0; }
.feature-readout > div { display:grid; grid-template-columns:1fr auto; gap:8px; }
.feature-readout span,.feature-readout b { font-size:11px; }
.feature-readout span { color:var(--muted); }.feature-readout b { color:var(--text); }
.feature-readout i { grid-column:1/-1; height:6px; background:var(--surface-2); border-radius:10px; overflow:hidden; }
.feature-readout em { display:block; height:100%; background:linear-gradient(90deg,var(--cyan),var(--amber)); transition:width .45s ease; }
.clinical-note { border-left:2px solid var(--amber); background:rgba(255,180,65,.07); padding:14px; color:var(--muted); font-size:11px; line-height:1.6; }
.clinical-note span { display:block; color:var(--amber); font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.dataset-theatre { margin-top:24px; border:1px solid var(--border); border-radius:22px; background:var(--surface-solid); padding:20px; }
.dataset-head { margin-bottom:14px; }.dataset-head span { color:var(--cyan); font-size:9px; letter-spacing:.14em; }.dataset-head h3 { margin:3px 0 0; }
.dataset-state { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; }.dataset-state i { width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber); }
.dataset-frame { position:relative; border-radius:16px; overflow:hidden; background:white; min-height:310px; }
.dataset-frame img { width:100%; height:100%; min-height:310px; object-fit:contain; display:block; }
.dataset-shade { position:absolute; top:0; bottom:0; background:rgba(2,8,10,.62); backdrop-filter:grayscale(1); transition:width .45s ease; pointer-events:none; }
.dataset-shade.left { left:0;width:0; }.dataset-shade.right { right:0;width:80%; }
.dataset-window { position:absolute; top:0; bottom:0; left:0; width:20%; border:2px solid var(--cyan); box-shadow:inset 0 0 25px rgba(96,228,220,.2),0 0 25px rgba(96,228,220,.18); transition:left .45s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.dataset-window span { position:absolute; left:50%; bottom:10px; width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan); }
.dataset-sweep { width:2px; top:0; bottom:0; left:0; animation:datasetScan 5s linear infinite; }
@keyframes datasetScan { to { left:100%; } }
.workflow-section { background:var(--bg-soft); }
.workflow-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.workflow-card { min-height:250px; border:1px solid var(--border); border-radius:20px; background:var(--surface); padding:20px; cursor:pointer; transition:.3s; position:relative; overflow:hidden; }
.workflow-card::after { content:""; position:absolute; height:3px; left:20px; right:100%; bottom:0; background:var(--cyan); transition:.3s; }
.workflow-card:hover,.workflow-card.active { border-color:rgba(96,228,220,.55); transform:translateY(-5px); }
.workflow-card.active::after { right:20px; }
.step-index { color:var(--muted); font-size:10px; letter-spacing:.13em; }.step-icon { width:52px;height:52px;margin:20px 0;display:grid;place-items:center;border-radius:15px;background:rgba(96,228,220,.1);color:var(--cyan);font-weight:900; }
.workflow-card h3 { font-size:16px; }.workflow-card p { color:var(--muted);font-size:12px;line-height:1.6; }
.architecture-stage { margin-top:24px; display:grid; grid-template-columns:.7fr 1.3fr; gap:30px; border:1px solid var(--border); border-radius:28px; background:var(--surface); padding:28px; }
.architecture-copy { padding:15px; }.architecture-copy h3 { font-size:32px;margin:12px 0; }.architecture-copy p { color:var(--muted);line-height:1.7; }
.model-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }.model-tags span { padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:9px;color:var(--muted); }
.architecture-media { min-height:400px; position:relative; border-radius:19px; background:white; overflow:hidden; display:grid;place-items:center; }
.architecture-media img { width:100%;height:100%;object-fit:contain; }
.architecture-pulse { position:absolute;width:18px;height:18px;border:2px solid var(--amber);border-radius:50%;animation:archPulse 2.4s ease-out infinite; }
.pulse-1{left:17%;top:45%}.pulse-2{left:48%;top:45%;animation-delay:.7s}.pulse-3{right:10%;top:45%;animation-delay:1.4s}
@keyframes archPulse { 0%{transform:scale(.4);opacity:1}100%{transform:scale(2.8);opacity:0} }
.cam-workbench { display:grid; grid-template-columns:250px 1fr; gap:18px; }
.cam-controls { display:flex;flex-direction:column;gap:9px; }
.cam-mode { text-align:left;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--muted);cursor:pointer;display:flex;gap:12px;align-items:center;transition:.25s; }
.cam-mode span { color:var(--cyan);font-size:10px; }.cam-mode.active,.cam-mode:hover { border-color:var(--cyan);color:var(--text);transform:translateX(4px); }
.cam-viewer { border:1px solid var(--border);border-radius:22px;background:var(--surface);overflow:hidden; }
.cam-toolbar,.cam-footer { padding:14px 18px;font-size:9px;letter-spacing:.11em;color:var(--muted); }.cam-toolbar { border-bottom:1px solid var(--border); }.cam-toolbar span { color:var(--cyan); }
.cam-image-wrap { min-height:360px;background:#060a0d;position:relative;overflow:hidden;display:grid;place-items:center; }
.cam-image-wrap img { width:100%;height:100%;object-fit:contain;transition:opacity .25s; }
.heatmap-lens { position:absolute;width:130px;height:130px;border-radius:50%;border:1px solid rgba(255,180,65,.75);box-shadow:0 0 0 9999px rgba(0,0,0,.16),0 0 35px rgba(255,180,65,.35);pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%); }
.cam-scan { height:2px;left:0;right:0;top:50%;animation:scanDown 4s infinite; }.cam-footer { border-top:1px solid var(--border); }.cam-footer i { display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px; }.cyan-dot{background:var(--cyan)}.amber-dot{background:var(--amber)}
.explain-cards { margin-top:18px; display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.explain-cards article { border:1px solid var(--border);border-radius:18px;padding:20px;background:var(--surface); }.explain-cards span { color:var(--amber);font-size:10px; }.explain-cards h3 { font-size:15px; }.explain-cards p { color:var(--muted);font-size:11px;line-height:1.65; }
.performance-section { background:linear-gradient(180deg,transparent,rgba(255,180,65,.035),transparent); }
.performance-grid { display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px; }.metric-card { border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:24px;min-height:230px; }.metric-card > span { color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em; }.metric-card strong { display:block;font-size:38px;margin:25px 0;color:var(--text); }.metric-card small { font-size:18px; }.metric-card p { color:var(--muted);font-size:12px;line-height:1.65; }
.primary-metric { position:relative;overflow:hidden; }.primary-metric > strong { font-size:58px;color:var(--cyan); }.radial-score { position:absolute;right:10px;bottom:10px;width:130px;height:130px;display:grid;place-items:center; }.radial-score svg { position:absolute;inset:0;transform:rotate(-90deg); }.radial-score circle { fill:none;stroke:var(--surface-2);stroke-width:8; }.radial-score .score-ring { stroke:var(--amber);stroke-dasharray:301.6;stroke-dashoffset:69.6;stroke-linecap:round; }.radial-score b { font-size:10px;color:var(--muted); }
.validation-board { margin-top:16px;border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center; }.validation-copy h3 { font-size:30px;margin:10px 0; }.validation-copy p { color:var(--muted);line-height:1.7; }.fold-legend { display:flex;gap:20px;margin-top:20px;color:var(--muted);font-size:10px; }.fold-legend i { display:inline-block;width:12px;height:8px;margin-right:6px;border-radius:2px; }.train-key{background:var(--cyan-2)}.valid-key{background:var(--amber)}
.fold-animation { display:grid;gap:9px; }.fold-row { display:grid;grid-template-columns:65px repeat(5,1fr);gap:7px;align-items:center; }.fold-row b { color:var(--muted);font-size:9px; }.fold-row i { height:35px;background:linear-gradient(135deg,var(--cyan-2),var(--cyan));border-radius:7px;opacity:.8; }.fold-row i.valid { background:linear-gradient(135deg,var(--amber-2),var(--amber));animation:foldGlow 2.5s infinite; }
@keyframes foldGlow { 50%{box-shadow:0 0 18px rgba(255,180,65,.5);transform:scaleY(1.08)} }
.instrument-story { margin-top:72px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }.instrument-visual { min-height:420px;border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 70% 40%,rgba(96,228,220,.15),transparent 35%),var(--surface);position:relative;overflow:hidden; }.xray-machine span { position:absolute;display:block;background:linear-gradient(145deg,#b9c9cb,#465b60);box-shadow:inset 0 1px rgba(255,255,255,.6); }.machine-head { width:140px;height:120px;border-radius:25px;left:80px;top:70px; }.machine-arm { width:45px;height:210px;left:128px;top:170px; }.machine-table { width:250px;height:28px;border-radius:8px;left:40px;bottom:50px; }.data-beam { position:absolute;height:2px;width:180px;background:linear-gradient(90deg,var(--cyan),transparent);left:220px;top:190px;box-shadow:0 0 20px var(--cyan);animation:beam 2s infinite; }.ai-terminal { position:absolute;right:45px;top:100px;width:160px;height:210px;border:1px solid var(--cyan);border-radius:20px;background:#071116;display:flex;flex-direction:column;align-items:center;padding:25px; }.ai-terminal span { font-size:45px;font-weight:900;color:var(--cyan); }.ai-terminal i { display:block;width:100%;height:7px;background:var(--surface-2);margin-top:18px;border-radius:8px;position:relative;overflow:hidden; }.ai-terminal i::after { content:"";position:absolute;inset:0;width:70%;background:var(--amber);animation:terminal 2s infinite alternate; }
@keyframes beam { 50%{opacity:.2;transform:translateX(20px)} }@keyframes terminal{to{width:35%}}
.instrument-points { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px; }.instrument-points span { padding:12px;border:1px solid var(--border);border-radius:11px;color:var(--muted);font-size:11px; }
.safety-note { margin-top:45px;border:1px solid rgba(255,180,65,.35);border-radius:18px;padding:20px;background:rgba(255,180,65,.055);display:flex;gap:20px;align-items:flex-start; }.safety-note strong { color:var(--amber);white-space:nowrap;text-transform:uppercase;font-size:11px;letter-spacing:.1em; }.safety-note p { margin:0;color:var(--muted);font-size:12px;line-height:1.65; }
.closing-section { padding-top:20px; }.closing-card { min-height:410px;border:1px solid rgba(96,228,220,.27);border-radius:34px;background:linear-gradient(135deg,rgba(96,228,220,.1),var(--surface),rgba(255,180,65,.08));padding:56px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center; }.closing-card::after { content:"";width:380px;height:380px;border-radius:50%;border:1px dashed rgba(96,228,220,.25);position:absolute;right:-70px;top:15px;animation:spin 20s linear infinite; }.closing-card h2 { max-width:830px; }.closing-card p { color:var(--muted);max-width:650px;line-height:1.7; }.closing-card .btn { margin-top:22px; }.closing-logo { position:absolute;right:55px;bottom:35px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;z-index:2; }.closing-logo img { width:100px;height:50px;object-fit:contain; }
footer { border-top:1px solid var(--border);padding:55px 0; }.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px; }.footer-brand img { width:130px;height:60px;object-fit:contain;object-position:left; }.footer-brand p { color:var(--muted);max-width:350px;font-size:12px;line-height:1.7; }.footer-grid > div:not(.footer-brand):not(.footer-signoff) { display:flex;flex-direction:column;gap:10px; }.footer-grid strong { font-size:11px;text-transform:uppercase;letter-spacing:.12em; }.footer-grid a { color:var(--muted);font-size:11px; }.footer-signoff { display:flex;flex-direction:column;align-items:flex-end;color:var(--muted); }.footer-signoff b { color:var(--text);margin:5px 0 18px; }.footer-signoff small { text-align:right; }
.media-modal { position:fixed;inset:0;z-index:3000;background:rgba(0,5,7,.94);display:none;place-items:center;padding:45px;backdrop-filter:blur(12px); }.media-modal.open { display:grid; }.media-modal > button { position:absolute;right:24px;top:20px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:white;font-size:28px;cursor:pointer; }.modal-content { width:min(1300px,100%);height:min(850px,85vh);display:flex;flex-direction:column;gap:10px; }.modal-content span { color:white;font-size:12px;letter-spacing:.12em;text-transform:uppercase; }.modal-content img { width:100%;height:100%;object-fit:contain;background:#05090b;border:1px solid rgba(255,255,255,.18);border-radius:18px; }
.reveal { opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease; }.reveal.visible { opacity:1;transform:none; }.delay-1 { transition-delay:.12s; }
@media (max-width:1050px){.desktop-nav{display:none}.menu-btn{display:grid}.brand,.header-actions{min-width:0}.hero-grid{grid-template-columns:1fr;}.hero{padding-top:130px}.hero-console{max-width:680px;width:100%;margin:auto}.split-heading{grid-template-columns:1fr;gap:10px}.workflow-steps{grid-template-columns:repeat(2,1fr)}.workflow-card:last-child{grid-column:1/-1}.architecture-stage,.grade-inspector,.validation-board,.instrument-story{grid-template-columns:1fr}.performance-grid{grid-template-columns:1fr 1fr}.explain-cards{grid-template-columns:1fr 1fr}.cam-workbench{grid-template-columns:1fr}.cam-controls{display:grid;grid-template-columns:repeat(3,1fr)}.cam-mode{font-size:10px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-signoff{grid-column:1/-1;align-items:flex-start}.closing-logo{position:relative;right:auto;bottom:auto;margin-top:30px}}
@media (max-width:700px){.container{width:min(100% - 24px,1180px)}.site-header{padding:0 12px}.brand img{width:90px}.brand-divider,.product-mark{display:none}.section{padding:78px 0}.hero{padding-top:116px}.hero-grid{gap:35px}h1{font-size:48px}.hero-lead{font-size:15px}.hero-stats{grid-template-columns:1fr 1fr}.xray-stage{min-height:360px}.xray-frame{height:325px;width:90%}.hero-strip{display:none}.grade-selector{grid-template-columns:repeat(5,1fr)}.grade-tab{padding:7px;justify-content:center}.grade-tab b{display:none}.grade-tab span{width:34px;height:34px}.grade-lab{padding:12px}.grade-image-panel{min-height:360px}.grade-detail{padding:22px}.dataset-frame,.dataset-frame img{min-height:190px}.workflow-steps{grid-template-columns:1fr}.workflow-card:last-child{grid-column:auto}.architecture-stage{padding:14px}.architecture-media{min-height:270px}.cam-controls{grid-template-columns:1fr}.cam-image-wrap{min-height:240px}.cam-footer{flex-wrap:wrap;gap:9px}.explain-cards,.performance-grid{grid-template-columns:1fr}.primary-metric{min-height:260px}.fold-row{grid-template-columns:45px repeat(5,1fr);gap:4px}.fold-row i{height:26px}.instrument-visual{min-height:340px}.machine-head{left:32px}.machine-arm{left:80px}.machine-table{left:15px;width:180px}.ai-terminal{right:18px;width:125px}.instrument-points{grid-template-columns:1fr}.safety-note{flex-direction:column}.closing-card{padding:30px;min-height:480px}.closing-logo{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-signoff{align-items:flex-start}.media-modal{padding:18px}.anatomy-marker span{display:none}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}