/* Classie homepage — value / outcome section styles (round 3). */

/* ─── Protected vs Unprotected comparison ─── */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;}
.cmp-col{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;padding:16px;
  display:flex;flex-direction:column;gap:11px;position:relative;overflow:hidden;}
.cmp-col.bad{background:linear-gradient(180deg,rgba(244,63,94,.06),transparent 40%),var(--bg-surface);}
.cmp-col.good{background:linear-gradient(180deg,rgba(107,255,206,.06),transparent 40%),var(--bg-surface);
  border-color:rgba(107,255,206,.28);}
.cmp-head{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;font-weight:600;
  letter-spacing:.12em;padding-bottom:11px;border-bottom:1px solid var(--border-quiet);}
.cmp-head.bad{color:var(--danger);}
.cmp-head.good{color:var(--accent-mint);}
.cmp-dot{width:7px;height:7px;border-radius:50%;flex:none;}
.cmp-dot.bad{background:var(--danger);}
.cmp-dot.good{background:var(--accent-mint);}
.cmp-bubble{font-size:12.5px;line-height:1.45;border-radius:10px;padding:11px 13px;transition:opacity .5s var(--ease-out);}
.cmp-bubble.user{background:var(--bg-raised);border:1px solid var(--border-quiet);color:var(--fg-secondary);align-self:flex-end;max-width:94%;}
.cmp-bubble.ai{max-width:94%;}
.cmp-bubble.ai.bad{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.3);color:var(--fg-secondary);}
.cmp-bubble.ai.bad b{color:var(--danger);}
.cmp-bubble.ai.good{background:rgba(107,255,206,.07);border:1px solid rgba(107,255,206,.28);color:var(--fg-secondary);}
.cmp-inj{color:var(--warning);font-family:var(--f-mono);font-size:11px;}
.cmp-intercept{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;color:var(--fg-tertiary);
  background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);border-radius:8px;padding:8px 11px;transition:opacity .5s var(--ease-out);}
.cmp-intercept b{color:var(--brand-primary-hover);}
.cmp-verdict{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10.5px;margin-top:auto;
  padding-top:8px;transition:opacity .5s var(--ease-out);}
.cmp-verdict.bad{color:var(--danger);}
.cmp-verdict.good{color:var(--accent-mint);}
@media(max-width:520px){.cmp{grid-template-columns:1fr;}}

/* ─── value band ─── */
.lead-cite{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.03em;color:var(--fg-muted);margin-top:14px;}
.value{position:relative;border-top:1px solid var(--border-default);
  background:linear-gradient(180deg,rgba(249,115,22,.04),transparent 45%);}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px;}
.value-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;padding:30px;
  transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);}
.value-card:hover{border-color:var(--border-strong);transform:translateY(-3px);}
.value-ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:var(--bg-raised);border:1px solid var(--border-default);color:var(--fg-secondary);margin-bottom:20px;}
.value-h{font-family:var(--f-display);font-weight:600;font-size:21px;color:var(--fg-primary);letter-spacing:-.01em;margin:0;}
.value-b{font-size:15px;line-height:1.55;color:var(--fg-tertiary);margin:11px 0 0;}
/* colored outcome widgets — amber (risk) · mint (savings) · sky (reputation) */
.value-card:nth-child(1){background:radial-gradient(125% 110% at 0% 0%,rgba(249,115,22,.08),transparent 52%),var(--bg-surface);}
.value-card:nth-child(1) .value-ico{color:#fdba74;background:rgba(249,115,22,.13);border-color:rgba(249,115,22,.34);}
.value-card:nth-child(1):hover{border-color:rgba(249,115,22,.45);}
.value-card:nth-child(2){background:radial-gradient(125% 110% at 0% 0%,rgba(107,255,206,.08),transparent 52%),var(--bg-surface);}
.value-card:nth-child(2) .value-ico{color:var(--accent-mint);background:rgba(107,255,206,.12);border-color:rgba(107,255,206,.32);}
.value-card:nth-child(2):hover{border-color:rgba(107,255,206,.42);}
.value-card:nth-child(3){background:radial-gradient(125% 110% at 0% 0%,rgba(0,173,255,.08),transparent 52%),var(--bg-surface);}
.value-card:nth-child(3) .value-ico{color:var(--accent-sky);background:rgba(0,173,255,.12);border-color:rgba(0,173,255,.32);}
.value-card:nth-child(3):hover{border-color:rgba(0,173,255,.42);}
@media(max-width:760px){.value-grid{grid-template-columns: repeat(2, 1fr);gap: 12px;margin-top: 30px;}
  .value-card{padding: 13px 12px 14px;border-radius: 13px;}
  .value-h{font-size: 13.5px;line-height: 1.18;}
  .value-b{font-size: 11.5px;line-height: 1.4;margin-top: 5px;}
  .value-ico{width: 30px;height: 30px;}
  .value-ico svg{width: 16px;height: 16px;}}

/* ─── risk-alert feed + final CTA pro ─── */
.final-pro{position:relative;overflow:hidden;border-top:1px solid var(--border-default);}
.final-pro::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 50% 70% at 15% 30%,rgba(0,173,255,.10),transparent 60%);}
.final-pro-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
@media(max-width:900px){.final-pro-grid{grid-template-columns:1fr;gap:36px;}}
.raf{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-chrome);overflow:hidden;}
.raf-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-quiet);}
.raf-title{display:flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;color:var(--fg-secondary);font-weight:600;}
.raf-live{display:flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11px;color:var(--accent-mint);}
.raf-row{display:flex;align-items:flex-start;gap:13px;padding:15px 18px;border-bottom:1px solid var(--border-quiet);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);}
.raf-row:last-child{border-bottom:none;}
.raf-ico{width:30px;height:30px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:rgba(249,115,22,.12);color:var(--warning);}
.raf-body{flex:1;min-width:0;}
.raf-row-t{font-size:14px;font-weight:600;color:var(--fg-primary);font-family:var(--f-display);}
.raf-row-d{font-size:12.5px;color:var(--fg-tertiary);line-height:1.45;margin-top:3px;}
.raf-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;}
.raf-sev{font-family:var(--f-mono);font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;letter-spacing:.04em;}
.raf-sev.high{background:rgba(244,63,94,.14);color:var(--danger);}
.raf-sev.med{background:rgba(249,115,22,.14);color:var(--warning);}
.raf-time{font-family:var(--f-mono);font-size:10.5px;color:var(--fg-muted);}

.motion-off .cmp-bubble,.motion-off .cmp-intercept,.motion-off .cmp-verdict,.motion-off .raf-row{opacity:1 !important;transform:none !important;}