#compare[data-capabilities-enhanced] .cap-heading{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.035em;opacity:1;transform:none;max-width:760px}
#compare[data-capabilities-enhanced] .cap-head-accent{display:block;color:#aaa2ff;margin-top:8px}
#compare[data-capabilities-enhanced] .fx-section-head--split{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:end;gap:56px;margin-bottom:44px}
#compare .cap-summary{font-size:18px;line-height:1.5;color:#aaa9c1;margin:0 0 16px}
#compare .cap-roadmap-jump{font-size:14px;color:#bdb6ff;text-decoration:none}
#compare[data-capabilities-enhanced] .fx-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:18px;list-style:none;padding:0}
#compare .cap-group-header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0 0 4px;padding:22px 0;border-top:1px solid #84eab126}
#compare .cap-group-title{display:flex;align-items:center;gap:14px;flex-shrink:0}
#compare .cap-group-title h3{font-size:24px;line-height:1.2;font-weight:600;margin:0}
#compare .cap-count{display:grid;place-items:center;width:40px;height:40px;border:1px solid #83e9b349;border-radius:12px;background:#58d99b12;color:#8aebbd;font:600 22px/1 inherit}
#compare .cap-group-header>p{max-width:530px;font-size:14px;line-height:1.5;color:#aaa9c1;margin:0}
#compare .cap-group-header--planned{margin-top:40px;border-color:#ada3ff40;scroll-margin-top:100px}
#compare .cap-group-header--planned .cap-count{color:#c0b6ff;border-color:#a896ff50;background:#8f7ce818}
#compare[data-capabilities-enhanced] .cap-cell{grid-column:span 4;grid-row:auto;min-height:0}
#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(7),#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(8){grid-column:span 6}
#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="roadmap"]{grid-column:span 6}
#compare[data-capabilities-enhanced] .fx-bento-card{min-height:100%;height:100%;padding:24px;display:flex;flex-direction:column;gap:0}
#compare[data-capabilities-enhanced] .fx-bento-card[data-status="released"]{border-color:#8de5b724;background:radial-gradient(ellipse at 30% 0,#41407324,transparent 65%),#0d0e18}
#compare[data-capabilities-enhanced] .fx-bento-card[data-status="roadmap"]{border:1px dashed #a092df65;background:linear-gradient(160deg,#161326,#0b0c16)}
#compare .cap-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:18px;min-height:24px}
#compare .cap-status{display:inline-flex;align-items:center;font-size:11px;line-height:1.4;font-weight:600;border-radius:20px;padding:5px 9px}
#compare .cap-status--ready{background:#57dba214;color:#8be8b7;border:1px solid #81dfad33}
#compare .cap-status--planned{background:#a08af919;color:#c6b7ff;border:1px solid #b29cff40}
#compare .cap-target{font-size:11px;line-height:1.4;color:#aaa1c6}
#compare .cap-figure{margin:0 0 22px;padding:0;display:flex;flex-direction:column}
#compare[data-capabilities-enhanced] .fx-bento-visual{height:166px;min-height:166px;flex:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
#compare .cap-caption{font-size:11px;line-height:1.5;color:#aaa9c4;border-top:1px solid #ffffff0d;padding-top:12px;margin-top:12px;min-height:30px;text-align:left}
#compare .cap-card-title{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px;font-weight:600;color:#f0effb}
#compare[data-capabilities-enhanced] .fx-bento-card>p{font-size:14px;line-height:1.55;margin:0;color:#aaa9c1}
#compare .cap-roadmap-link{display:block;margin-top:auto;padding-top:20px;font-size:12px;line-height:1.4;color:#c3b6ff;text-decoration:none}
#compare[data-capabilities-enhanced] .fx-v-command{transform:scale(.82);transform-origin:center}
#compare[data-capabilities-enhanced] .fx-v-chat{width:100%;max-width:300px;gap:12px;justify-content:center}
#compare[data-capabilities-enhanced] .fx-v-bubble{font-size:12px;line-height:1.5}
#compare .cap-steps{display:flex;flex-direction:column;gap:8px;width:100%;max-width:310px}
#compare .cap-step{display:flex;align-items:center;gap:12px;min-height:43px;padding:9px 12px;background:#ffffff04;border:1px solid #ffffff14;border-radius:9px;font-size:12px;line-height:1.3;color:#dddbf2}
#compare .cap-step-number{font-size:10px;color:#9c91da}
#compare .cap-step:last-child{background:#67d6b008;border-color:#67d6b038}
#compare [data-status="roadmap"] .cap-step:last-child{background:#a090f512;border-color:#a090f538}
#compare .cap-browser{width:100%;display:flex;flex-direction:column;gap:12px;min-width:0}
#compare .cap-address{border:1px solid #ffffff25;border-radius:9px;background:#ffffff05;padding:12px 8px;font-family:monospace;font-size:11px;overflow-wrap:anywhere;color:#e7d6ee}
#compare .cap-domain-warning{padding:9px;border-radius:7px;background:#ff657b12;color:#ff9bad;font-size:12px}
#compare .cap-domain-reference{font-family:monospace;font-size:10px;color:#a8a1b9;overflow-wrap:anywhere}
#compare .cap-calendar{width:100%;display:flex;flex-direction:column;gap:10px}
#compare .cap-calendar-event{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #ac9bec35;background:#8772cc0e;border-radius:9px}
#compare .cap-calendar-event span{font-size:10px;color:#bfb1f0;font-family:monospace}
#compare .cap-calendar-event strong{font-weight:500;font-size:12px;color:#e5dff8}
#compare[data-capabilities-enhanced] .fx-exclusive-foot{gap:30px;margin-top:24px}
#compare[data-capabilities-enhanced] .fx-footnote{max-width:840px;line-height:1.6}
@media(max-width:1100px){#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="roadmap"]{grid-column:span 6}#compare[data-capabilities-enhanced] .fx-section-head--split{grid-template-columns:1fr;gap:24px}#compare .cap-summary{max-width:600px}}
@media(max-width:700px){#compare[data-capabilities-enhanced] .fx-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#compare[data-capabilities-enhanced] .cap-cell,#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(7),#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(8),#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="roadmap"]{grid-column:span 1}#compare .cap-group-header{display:block}#compare .cap-group-header>p{margin-top:14px}#compare[data-capabilities-enhanced] .fx-bento-card{padding:20px}#compare .cap-card-title{font-size:21px}#compare .cap-status-row{min-height:48px;align-content:flex-start}#compare .cap-group-header--planned{margin-top:28px}}
@media(max-width:480px){#compare[data-capabilities-enhanced] .fx-bento{grid-template-columns:1fr}#compare[data-capabilities-enhanced] .cap-heading{font-size:34px}#compare .cap-group-title h3{font-size:22px}#compare .cap-status-row{min-height:24px}#compare[data-capabilities-enhanced] .fx-bento-card{padding:24px}#compare .cap-figure{margin-bottom:18px}}
/* Keep the complete status comparison visible without scroll-triggered reveals. */
#compare[data-capabilities-enhanced] .cap-cell{opacity:1!important;transform:none!important;filter:none!important}
#compare .cap-count{font-size:22px;font-weight:600;line-height:1}
#compare[data-capabilities-enhanced] .fx-v-leak{width:100%;max-width:310px}

/* Seven released cards: three above four; two roadmap cards form a separate row. */
#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(n+5):nth-of-type(-n+8){grid-column:span 3}
@media(max-width:1100px){#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(n+5):nth-of-type(-n+8){grid-column:span 6}}
@media(max-width:700px){#compare[data-capabilities-enhanced] .cap-cell[data-cap-status="released"]:nth-of-type(n+5):nth-of-type(-n+8){grid-column:span 1}}
