/* Classie homepage — round 5 styles: console, detectors, Ask Classie. */

/* ════════ Product intro — two points ════════ */
.prod-points{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:920px;margin:48px auto 0;
  text-align:left;align-items:start;}
.prod-point h3{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.34;letter-spacing:-.015em;
  color:var(--fg-primary);margin:0;}
.prod-point-list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;}
.prod-point-list li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.55;color:var(--fg-secondary);}
.prod-point-list li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;
  background:var(--brand-primary);}
.prod-point.mint .prod-point-list li::before{background:var(--accent-mint);}
@media(min-width:761px){.prod-point h3{min-height:82px;}}
@media(max-width:760px){.prod-points{grid-template-columns:1fr;gap:36px;margin-top:34px;}}

/* ════════ The Console dashboard shot ════════ */
.pc{width:100%;background:var(--bg-base);border:1px solid var(--border-default);border-radius:16px;
  box-shadow:var(--shadow-chrome);overflow:hidden;}
.pc-bar{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--border-default);background:var(--bg-surface);}
.pc-dots{display:flex;gap:6px;}
.pc-dots i{width:9px;height:9px;border-radius:50%;background:var(--bg-raised-2);}
.pc-org{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:13px;color:var(--fg-primary);letter-spacing:-.01em;}
.pc-trial{font-family:var(--f-mono);font-size:9px;font-weight:600;color:var(--warning);background:rgba(249,115,22,.14);padding:2px 6px;border-radius:5px;letter-spacing:.04em;}
.pc-range{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--fg-tertiary);background:var(--bg-raised);border:1px solid var(--border-quiet);border-radius:7px;padding:5px 10px;}
.pc-body{padding:18px;}
.pc-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.pc-kpi{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:11px;padding:14px;
  border-left:2px solid var(--brand-primary);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);}
.pc-kpi-l{font-size:10.5px;color:var(--fg-tertiary);line-height:1.3;}
.pc-kpi-v{font-family:var(--f-display);font-weight:700;font-size:26px;color:var(--fg-primary);letter-spacing:-.02em;margin-top:8px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;}
.pc-kpi-d{font-family:var(--f-mono);font-size:10px;font-weight:500;color:var(--accent-mint);letter-spacing:0;}
.pc-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.pc-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:18px;}
.pc-card-h{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--fg-secondary);font-family:var(--f-display);margin-bottom:12px;}
.pc-tab{font-family:var(--f-mono);font-size:10px;color:var(--brand-primary-hover);background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);border-radius:6px;padding:3px 8px;}
.pc-inv{display:flex;align-items:center;gap:8px;}
.pc-donut{width:150px;height:130px;flex:none;}
.pc-donut-track{fill:none;stroke:var(--bg-raised);stroke-width:11;stroke-linecap:round;}
.pc-donut-val{fill:none;stroke:var(--brand-primary);stroke-width:11;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease-out);}
.pc-donut-num{fill:var(--fg-primary);font-family:var(--f-display);font-weight:700;font-size:30px;text-anchor:middle;}
.pc-donut-lbl{fill:var(--fg-tertiary);font-family:var(--f-mono);font-size:10px;text-anchor:middle;letter-spacing:.1em;}
.pc-inv-legend{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;}
.pc-inv-row{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:20px;color:var(--fg-primary);min-width:0;}
.pc-inv-row em{font-style:normal;font-family:var(--f-satoshi);font-weight:500;font-size:12px;color:var(--fg-tertiary);}
.pc-inv-row b{margin-left:auto;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--accent-mint);}
.pc-sw{width:10px;height:10px;border-radius:3px;flex:none;}
.pc-sw.cy{background:var(--brand-primary);}
.pc-sw.dim{background:var(--bg-raised-2);}
.pc-board{display:flex;flex-direction:column;gap:14px;}
.pc-lead{display:flex;align-items:center;gap:11px;}
.pc-av{width:30px;height:30px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--f-mono);font-weight:600;font-size:11px;color:#dbeeff;background:radial-gradient(circle at 32% 28%,#0e3a72,#081943 70%);border:1px solid var(--brand-primary-16);}
.pc-lead-body{flex:1;min-width:0;}
.pc-lead-top{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--fg-secondary);margin-bottom:5px;}
.pc-lead-top span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.pc-lead-top b{color:var(--fg-primary);font-family:var(--f-mono);flex:none;}
.pc-bar-track{height:6px;background:var(--bg-raised);border-radius:4px;overflow:hidden;}
.pc-bar-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-mint),#3ad6a0);transition:width 1s var(--ease-out);}
@media(max-width:900px){.pc-kpis{grid-template-columns:repeat(2,1fr);}.pc-cols{grid-template-columns:1fr;}}

/* ════════ Sensitive Data Detectors ════════ */
.sdd{width:100%;}
.sdd-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;}
.sdd-sum{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:18px 20px;}
.sdd-sum-l{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--fg-tertiary);text-transform:uppercase;}
.sdd-sum-v{font-family:var(--f-display);font-weight:700;font-size:32px;color:var(--fg-primary);margin-top:8px;letter-spacing:-.02em;}
.sdd-sum.rose .sdd-sum-v{color:var(--danger);}
.sdd-sum.amber .sdd-sum-v{color:var(--warning);}
.sdd-sum.ok .sdd-sum-v{color:var(--accent-mint);}
.sdd-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.sdd-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:14px;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out),border-color .18s;}
.sdd-card:hover{border-color:var(--border-strong);}
.sdd-card.off{opacity:.55;}
.sdd-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.sdd-sev{font-family:var(--f-mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:5px;}
.sdd-sev.critical{background:rgba(244,63,94,.14);color:var(--danger);}
.sdd-sev.high{background:rgba(249,115,22,.14);color:var(--warning);}
.sdd-sev.medium{background:rgba(101,166,55,.16);color:#9bce6b;}
.sdd-toggle{width:32px;height:18px;border-radius:11px;background:var(--bg-raised-2);position:relative;flex:none;transition:background .2s;}
.sdd-toggle i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--fg-tertiary);transition:transform .2s var(--ease-out),background .2s;}
.sdd-toggle.on{background:var(--brand-primary);}
.sdd-toggle.on i{transform:translateX(14px);background:#fff;}
.sdd-name{font-size:13px;font-weight:600;color:var(--fg-primary);font-family:var(--f-display);line-height:1.25;}
.sdd-desc{font-size:11px;color:var(--fg-tertiary);line-height:1.4;margin-top:6px;}
@media(max-width:1080px){.sdd-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:900px){.sdd-summary{grid-template-columns:repeat(2,1fr);}.sdd-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:520px){.sdd-grid{grid-template-columns:repeat(2,1fr);}}

/* ════════ Ask Classie ════════ */
.ask{width:100%;background:var(--bg-base);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-chrome);overflow:hidden;}
.ask-head{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid var(--border-quiet);font-family:var(--f-display);font-weight:600;font-size:14px;color:var(--fg-primary);}
.ask-spark{display:flex;}
.ask-ea{font-family:var(--f-mono);font-size:9px;font-weight:600;letter-spacing:.06em;color:var(--accent-mint);background:rgba(107,255,206,.12);padding:2px 7px;border-radius:5px;margin-left:auto;white-space:nowrap;}
.ask-center{text-align:center;padding:28px 18px 18px;}
.ask-orb{width:54px;height:54px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,var(--brand-primary-16),var(--bg-surface));border:1px solid var(--brand-primary-16);}
.ask-q{font-family:var(--f-display);font-weight:600;font-size:19px;color:var(--fg-primary);letter-spacing:-.01em;}
.ask-sub{font-size:13px;color:var(--fg-tertiary);margin-top:8px;max-width:360px;margin-inline:auto;line-height:1.45;}
.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 20px;}
.ask-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:11px;padding:13px 14px;transition:border-color .18s var(--ease-out),transform .18s var(--ease-out);cursor:default;}
.ask-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);}
.ask-cat{display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-primary-hover);}
.ask-prompt{font-size:13px;color:var(--fg-secondary);line-height:1.4;margin-top:7px;}
@media(max-width:520px){.ask-grid{grid-template-columns:repeat(2, 1fr);}
.sdd-grid .sdd-card:nth-child(7),.sdd-grid .sdd-card:nth-child(8),.sdd-grid .sdd-card:nth-child(9),.sdd-grid .sdd-card:nth-child(10),.sdd-grid .sdd-card:nth-child(11),.sdd-grid .sdd-card:nth-child(12){display: none;}}

.motion-off .pc-kpi,.motion-off .sdd-card,.motion-off .pc-bar-fill,.motion-off .pc-donut-val{opacity:1 !important;transform:none !important;}