.flonci-demo{--fd-bg:#0e1117;--fd-bg2:#10141b;--fd-line:#ffffff18;--fd-line-gold:#f7c74461;--fd-text:#f7f4e8;--fd-muted:#a9a392;--fd-dim:#817b6e;--fd-gold:#f7c744;--fd-green:#58e3a3;--fd-softgreen:#58e3a318;color:var(--fd-text);width:min(100%,1080px);margin-inline:auto}.flonci-demo *{box-sizing:border-box}.flonci-demo .decision-card{isolation:isolate;border:1px solid var(--fd-line);background:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--fd-bg);border-radius:22px;padding:clamp(22px,3.3vw,36px);position:relative;overflow:hidden;box-shadow:0 26px 82px #0000006e}.flonci-demo .decision-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#f7c7441f,#0000 35%);position:absolute;inset:0}.flonci-demo .decision-card>*{z-index:1;position:relative}.flonci-demo .fd-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.flonci-demo .fd-brand{align-items:center;gap:11px;min-width:0;display:flex}.flonci-demo .fd-logo{color:#10100c;letter-spacing:-.07em;background:linear-gradient(135deg,#f7c744,#ffe89d);border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:19px;font-weight:950;display:grid}.flonci-demo .fd-brand-name{letter-spacing:.12em;white-space:nowrap;font-size:13px;font-weight:900}.flonci-demo .fd-brand-sub{color:var(--fd-muted);letter-spacing:.035em;white-space:nowrap;margin-top:2px;font-size:10px;display:block}.flonci-demo .fd-demo{letter-spacing:.12em;color:#a9a392;white-space:nowrap;border:1px solid #ffffff21;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.flonci-demo .fd-eyebrow{border:1px solid var(--fd-line-gold);color:var(--fd-gold);letter-spacing:.11em;text-transform:uppercase;background:#f7c7441b;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:900;display:inline-flex}.flonci-demo .fd-eyebrow i{background:var(--fd-gold);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #f7c744a6}.flonci-demo .fd-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;display:flex}.flonci-demo .fd-title{letter-spacing:-.062em;color:var(--fd-text);margin:0;font-size:clamp(30px,4.35vw,51px);font-weight:880;line-height:1.05}.flonci-demo .fd-title strong{color:var(--fd-green)}.flonci-demo .fd-status{color:var(--fd-green);background:var(--fd-softgreen);letter-spacing:.055em;white-space:nowrap;border:1px solid #58e3a354;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:900}.flonci-demo .fd-subject{color:var(--fd-muted);margin:10px 0 0;font-size:12px}.flonci-demo .fd-subject b{color:#e4dfcf;font-weight:750}.flonci-demo .fd-lead{color:#d9d2bf;max-width:800px;margin:13px 0 0;font-size:clamp(14px,1.5vw,17px);line-height:1.55}.flonci-demo .fd-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px;display:grid}.flonci-demo .fd-strip-item{background:#ffffff07;border:1px solid #ffffff16;border-radius:16px;min-width:0;padding:14px 15px}.flonci-demo .fd-strip-item.featured{border-color:var(--fd-line-gold);background:linear-gradient(#f7c74421,#f7c74407)}.flonci-demo .fd-label{color:var(--fd-dim);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:900;display:block}.flonci-demo .fd-strip-item b{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(14px,1.5vw,18px);font-weight:850;line-height:1.25;display:block}.flonci-demo .fd-strip-item.featured b{color:var(--fd-gold)}.flonci-demo .fd-strip-item small{color:var(--fd-muted);margin-top:5px;font-size:11px;line-height:1.43;display:block}.flonci-demo .fd-divider{background:#ffffff13;height:1px;margin:22px 0 17px}.flonci-demo .fd-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.flonci-demo .fd-metric{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.flonci-demo .fd-metric b{font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap;font-size:clamp(18px,2.1vw,25px)}.flonci-demo .fd-metric span{color:var(--fd-muted);font-size:11px;line-height:1.25}.flonci-demo .fd-action{background:#58e3a30e;border:1px solid #58e3a330;border-radius:14px;align-items:flex-start;gap:10px;margin-top:20px;padding:13px 15px;display:flex}.flonci-demo .fd-check{color:var(--fd-green);flex:none;font-size:17px;font-weight:900;line-height:1}.flonci-demo .fd-action div{color:#d9e4dc;font-size:12px;line-height:1.5}.flonci-demo .fd-action b{color:#fff}.flonci-demo .fd-fineprint{color:#8c887c;margin:13px 0 0;font-size:10px;line-height:1.5}.flonci-demo .fd-fineprint strong{color:#bbb4a5}@container flonci-report (width<=690px){.flonci-demo .fd-head{margin-bottom:18px}.flonci-demo .fd-strip{grid-template-columns:1fr;gap:8px}.flonci-demo .fd-strip-item{padding:11px 13px}.flonci-demo .fd-strip-item small{margin-top:3px}.flonci-demo .fd-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.flonci-demo .fd-metric{display:block}.flonci-demo .fd-metric b{font-size:18px;display:block}.flonci-demo .fd-metric span{font-size:10px;display:block}.flonci-demo .fd-brand-sub{white-space:normal}.flonci-demo .fd-status{font-size:10px}.flonci-demo .fd-demo{font-size:9px}}@container flonci-report (width<=360px){.flonci-demo .fd-demo{display:inline-flex}.flonci-demo .fd-metrics{grid-template-columns:1fr 1fr}.flonci-demo .fd-title-row{gap:8px}}@media (prefers-reduced-motion:reduce){.flonci-demo *,.flonci-demo :before,.flonci-demo :after{transition:none!important;animation:none!important}}.flonci-demo{text-align:left;direction:ltr;unicode-bidi:isolate;min-width:0;max-width:100%;font-family:Inter Variable,Arial,sans-serif;container:flonci-report/inline-size}.flonci-demo .decision-card{text-align:left;margin:0;transform:none}.flonci-demo .fd-head{flex-wrap:wrap}.flonci-demo .fd-brand-sub{white-space:normal;overflow-wrap:anywhere}.flonci-demo .fd-brand{flex:240px}.flonci-demo .fd-demo{color:#d0c8b4;letter-spacing:.08em;flex-shrink:0;font-size:10px;display:inline-flex}.flonci-demo .fd-label{color:#aaa28f;font-size:11px}.flonci-demo .fd-subject,.flonci-demo .fd-lead,.flonci-demo .fd-fineprint{text-align:left;max-width:none}.flonci-demo .fd-subject{overflow-wrap:anywhere}.flonci-demo .fd-title{text-wrap:balance;letter-spacing:-.05em;font-size:clamp(28px,4.7cqi,46px)}.flonci-demo .fd-metric b{font-size:clamp(16px,2.3cqi,25px)}.flonci-demo .fd-fineprint{color:#b6af9f;font-size:12px;line-height:1.6}.flonci-demo .fd-strip-item small,.flonci-demo .fd-metric span{font-size:12px}.flonci-demo .fd-action div{font-size:13px}.report-demo-context{color:#d2c3a0;text-align:start;max-width:none;margin-block:0 12px;font-family:Heebo Variable,Arial,sans-serif;font-size:.8rem;line-height:1.6}.workflow-panel.workflow-with-report{grid-template-columns:minmax(0,1fr);gap:24px}.workflow-report-overview{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;display:grid}.product-report-example{padding-block:8px 38px;scroll-margin-block-start:110px}@container flonci-report (width<=690px){.flonci-demo .decision-card{padding:20px}.flonci-demo .fd-brand{flex-basis:100%}.flonci-demo .fd-title-row{gap:12px}.flonci-demo .fd-status{white-space:normal}.flonci-demo .fd-head{gap:12px}.flonci-demo .fd-strip{margin-block-start:18px}.flonci-demo .fd-divider{margin-block:18px 16px}.flonci-demo .fd-action{margin-block-start:18px}}@container flonci-report (width<=360px){.flonci-demo .decision-card{padding:18px}.flonci-demo .fd-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flonci-demo .fd-title{font-size:28px}.flonci-demo .fd-demo{font-size:10px}}@media (width<=900px){.workflow-report-overview{grid-template-columns:minmax(0,1fr)}}