/* FlipForge Decision Intelligence v3 — checkpoint-first information hierarchy.
   Compact, canonical, 00–12 public intelligence names; no new product claims. */
.ff-v5-decision-page .ff-dic-hero{background:
 radial-gradient(ellipse 55% 65% at 76% 10%,rgba(198,151,66,.12),transparent 76%),
 linear-gradient(180deg,#05090d,#030609 87%);
 padding-bottom:58px}

.ff-di-first-frame{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(20px,3vw,48px);align-items:center;margin:0 auto 22px;max-width:1240px}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-heading{margin:0;text-align:left;max-width:none;align-self:center}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-heading .kicker{font-size:11px;letter-spacing:.17em;font-weight:850;color:#dfc57b}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-heading h1{font-size:clamp(36px,3.6vw,48px);line-height:1.04;max-width:13ch;margin:16px 0 21px;letter-spacing:-.053em;font-weight:920}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-heading .lead{color:#d3d9df;font-size:clamp(15px,1.4vw,18px);line-height:1.57;max-width:52ch;margin:0}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-hero-actions{justify-content:flex-start;margin-top:25px;gap:10px}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-brand-line{color:#e6c87f!important;font-size:12px!important;margin-top:17px!important}
.ff-v5-decision-page .ff-di-first-frame .ff-dic-heading::after{margin:21px 0 0;width:180px;background:linear-gradient(90deg,#cba44b,transparent)}
.ff-di-check-index{width:min(1080px,100%);margin:24px auto 0;padding:16px;border:1px solid rgba(224,192,116,.54);border-top:2px solid #e6c780;border-radius:14px;background:radial-gradient(ellipse at top right,rgba(206,161,66,.14),transparent 61%),linear-gradient(165deg,#10171d,#080e12 70%);box-shadow:0 22px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.065);min-width:0}
.ff-di-check-index-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px 13px;border-bottom:1px solid rgba(242,224,180,.2)}
.ff-di-overline{display:block;color:#e5cf95;font-size:9px;line-height:1.4;font-weight:920;letter-spacing:.14em;margin-bottom:5px}
.ff-di-check-index-top h2{margin:0!important;color:#fff;font-size:clamp(19px,2.1vw,29px)!important;font-weight:900;letter-spacing:-.04em;line-height:1.16;text-wrap:balance}
.ff-di-check-index-top h2 strong{color:#f2d990;font-size:clamp(37px,3.4vw,52px);line-height:1;letter-spacing:-.075em;margin-right:6px;vertical-align:-4px}
.ff-di-index-label{text-align:right;color:#a5b0b6;font-size:9px;line-height:1.5;font-weight:850;letter-spacing:.08em;flex:0 0 auto}
.ff-di-check-families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px 0 0}
.ff-di-check-family{position:relative;min-width:0;min-height:248px;display:flex;flex-direction:column;border:1px solid rgba(225,225,225,.12);border-radius:8px;padding:11px 10px 9px;background:linear-gradient(155deg,rgba(35,44,51,.61),rgba(8,13,16,.7));overflow:hidden}
.ff-di-check-family::before{content:"";position:absolute;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#d7b66b,rgba(215,182,107,.04));opacity:.8}
.ff-di-check-family[data-ff-di-family="D"]::before{background:linear-gradient(90deg,#afbdc1,transparent)}
.ff-di-check-family-head{display:flex;gap:8px;align-items:center;min-height:31px;margin-bottom:8px}
.ff-di-check-letter{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(215,182,107,.58);border-radius:6px;color:#f4d689;font-size:12px;font-weight:920;background:rgba(215,182,107,.10)}
.ff-di-check-category{display:block;font-size:8px;color:#dfc57f;letter-spacing:.09em;font-weight:920;line-height:1.35}
.ff-di-check-family h3{font-size:12px;line-height:1.2;letter-spacing:-.012em;color:#fff;margin:2px 0 0;font-weight:800}
.ff-di-check-list{padding:0!important;margin:0!important;list-style:none!important;display:grid;gap:2px}
.ff-di-check-list li{display:grid;grid-template-columns:21px minmax(0,1fr);align-items:start;gap:5px;min-width:0;margin:0;padding:5px 2px;color:#e2e6e8;font-size:11px;line-height:1.25;font-weight:630;overflow-wrap:anywhere;border-bottom:1px solid rgba(255,255,255,.055)}
.ff-di-check-list li:last-child{border-bottom:0}
.ff-di-check-number{font-variant-numeric:tabular-nums;color:#e5c478;font-size:10px;font-weight:930;letter-spacing:.015em}
.ff-di-check-stage{display:block;align-self:flex-start;margin-top:auto;padding:8px 2px 0;color:#8899a1;font-size:8px;line-height:1.3;letter-spacing:.105em;font-weight:850}
.ff-di-index-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 4px 0}
.ff-di-index-bottom p{color:#b9c4c7;font-size:10px;line-height:1.5;max-width:420px;margin:0}
.ff-di-index-bottom a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:#f0d084;font-size:10px;font-weight:900;letter-spacing:.05em;text-decoration:underline;text-underline-offset:3px}
.ff-di-index-bottom a:hover{color:#fff}
.ff-di-index-bottom a:focus-visible{outline:2px solid #f5d890;outline-offset:4px}
.ff-v5-decision-page .ff-dic-category{margin-top:38px}
.ff-v5-decision-page .ff-dic-category:before{content:"WHERE FLIPFORGE FITS";grid-column:1/-1;color:#e5c67e;font-size:11px;font-weight:900;letter-spacing:.15em}
.ff-v5-decision-page .ff-dic-inline-value{margin-top:49px}
.ff-v5-decision-page .ff-dic-demo-heading{margin-top:54px}
.ff-v5-decision-page .ff-dic-hero .ff-dic-note{margin-top:18px}
.ff-v5-decision-page .ff-phase2-cdi-theater{scroll-margin-top:88px;margin-top:52px}
.ff-v5-decision-page .ff-dic-simple{scroll-margin-top:88px}
@media(max-width:1020px){
 .ff-di-check-families{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ff-di-first-frame{grid-template-columns:1fr;gap:24px}
 .ff-v5-decision-page .ff-di-first-frame .ff-dic-heading{max-width:850px}
 .ff-v5-decision-page .ff-di-first-frame .ff-dic-heading h1{max-width:17ch}
 .ff-di-check-index{max-width:850px;width:100%;margin:auto}
 .ff-di-check-families{gap:12px}
 .ff-di-check-family{min-height:0;padding:14px}
 .ff-di-check-list li{font-size:12px}
}
@media(max-width:620px){
 .ff-v5-decision-page .ff-dic-hero{padding-left:14px;padding-right:14px}
 .ff-di-first-frame{gap:22px}
 .ff-v5-decision-page .ff-di-first-frame .ff-dic-heading h1{font-size:clamp(36px,8.7vw,43px);max-width:18ch}
 .ff-v5-decision-page .ff-di-first-frame .ff-dic-heading .lead{font-size:15px;line-height:1.55}
 .ff-di-check-index{padding:11px;border-radius:11px}
 .ff-di-check-index-top{align-items:start}
 .ff-di-check-index-top h2{font-size:20px!important}
 .ff-di-check-index-top h2 strong{font-size:38px}
 .ff-di-index-label{font-size:7px;white-space:nowrap}
 .ff-di-check-families{gap:6px}
 .ff-di-check-family{min-height:0;padding:9px 7px 8px}
 .ff-di-check-family-head{gap:6px;align-items:flex-start;min-height:39px}
 .ff-di-check-letter{flex-basis:23px;width:23px;height:23px}
 .ff-di-check-category{font-size:7px}
 .ff-di-check-family h3{font-size:10px}
 .ff-di-check-list li{grid-template-columns:19px minmax(0,1fr);gap:3px;font-size:10px;padding:5px 0;line-height:1.3}
 .ff-di-check-number{font-size:9px}
 .ff-di-check-stage{font-size:7px;padding-top:7px}
 .ff-di-index-bottom{align-items:flex-start;flex-direction:column;gap:8px}
 .ff-di-index-bottom p{font-size:10px}
 .ff-v5-decision-page .ff-dic-category{margin-top:33px}
 .ff-v5-decision-page .ff-dic-demo-heading{margin-top:44px}
}
@media(max-width:345px){.ff-di-check-families{grid-template-columns:1fr}.ff-di-check-family-head{min-height:auto}.ff-di-check-index-top{display:block}.ff-di-index-label{text-align:left;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ff-di-check-index *{animation:none!important;transition:none!important}}
