.flagship-features-page{--ff-ink:#101828;--ff-muted:#68768b;--ff-border:#dfe7f1;max-width:1480px;margin:0 auto;padding:27px 28px 58px;color:var(--ff-ink)}
.ff-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.ff-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#7d899c;font-size:.79rem}.ff-breadcrumb a{color:#3262c8;text-decoration:none}.ff-breadcrumb i{font-size:.55rem;color:#a5b0c0}.ff-breadcrumb strong{color:#344054}.ff-page-header h1{margin:0 0 6px;font-size:clamp(1.9rem,2.8vw,2.55rem);font-weight:800;letter-spacing:-.045em}.ff-page-header>div>p{margin:0;color:#69778b;font-size:.9rem}.ff-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 16px;border:1px solid transparent;border-radius:11px;font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:.18s}.ff-button:hover{transform:translateY(-1px)}.ff-button--primary{background:linear-gradient(135deg,#316cf2,#1757de);box-shadow:0 8px 18px rgba(37,99,235,.2);color:#fff}.ff-button--quiet{border-color:#d6dfeb;background:#fff;color:#4d5b70}
.ff-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:205px;padding:31px 37px;overflow:hidden;border:1px solid #1e3163;border-radius:20px;background:radial-gradient(circle at 78% 30%,rgba(80,127,255,.27),transparent 28%),linear-gradient(130deg,#0c1838,#112a59 60%,#173d7e);box-shadow:0 20px 45px rgba(30,50,90,.14);color:#fff}.ff-hero:before{content:"";position:absolute;left:-90px;bottom:-190px;width:310px;height:310px;border-radius:50%;background:#2965ee;filter:blur(55px);opacity:.2}.ff-hero__copy{position:relative;z-index:1;max-width:760px}.ff-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#8eb2fb;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ff-hero h2{margin:0 0 7px;font-size:clamp(1.45rem,2.4vw,2.05rem);font-weight:800;letter-spacing:-.035em}.ff-hero__copy>p{max-width:680px;margin:0;color:#bbc9e3;font-size:.83rem;line-height:1.65}.ff-hero__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ff-hero__links a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#d5e1f8;font-size:.65rem;font-weight:700;text-decoration:none}.ff-hero__links a:hover{background:rgba(255,255,255,.1)}.ff-hero__visual{position:relative;width:220px;height:150px;flex:0 0 auto}.ff-capability-core{position:absolute;z-index:3;left:69px;top:34px;display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(255,255,255,.2);border-radius:25px;background:linear-gradient(145deg,#3e7bff,#1e55cc);box-shadow:0 17px 35px rgba(4,12,36,.4),inset 0 1px rgba(255,255,255,.25)}.ff-capability-core i{position:absolute;top:14px;color:#c9dbff;font-size:.75rem}.ff-capability-core strong{margin-top:12px;font-size:1.45rem}.ff-capability-core small{margin-top:-17px;color:#bcd0f8;font-size:.53rem;text-transform:uppercase}.ff-orbit{position:absolute;border:1px solid rgba(140,174,244,.2);border-radius:50%}.ff-orbit--one{inset:5px 33px}.ff-orbit--two{inset:-15px 13px}.ff-node{position:absolute;z-index:4;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#172e5c;box-shadow:0 7px 16px rgba(0,0,0,.3);font-size:.7rem}.ff-node--finance{left:20px;top:57px;color:#5ee0af}.ff-node--people{right:17px;top:27px;color:#c1a7ff}.ff-node--ops{right:38px;bottom:4px;color:#75c8ff}
.ff-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.ff-metric{display:flex;align-items:center;gap:12px;min-height:94px;padding:15px 16px;border:1px solid var(--ff-border);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(35,54,88,.05)}.ff-metric>span{display:grid;place-items:center;width:41px;height:41px;flex:0 0 auto;border-radius:12px}.ff-metric small{display:block;color:#7e8b9f;font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ff-metric strong{display:block;margin-top:1px;font-size:1.22rem}.ff-metric p{margin:2px 0 0;color:#8a96a8;font-size:.62rem}.ff-metric--blue>span{background:#eaf2ff;color:#2863e4}.ff-metric--green>span{background:#e8f9f2;color:#13865f}.ff-metric--violet>span{background:#f1edff;color:#7654d9}.ff-metric--teal>span{background:#e9f8fa;color:#10849a}
.ff-library{overflow:hidden;border:1px solid var(--ff-border);border-radius:18px;background:#fff;box-shadow:0 11px 30px rgba(35,54,88,.06)}.ff-library__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 16px}.ff-library__header>div:first-child>span{color:#3164cd;font-size:.59rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.ff-library__header h2{margin:2px 0;font-size:1.05rem}.ff-library__header p{margin:0;color:#8491a4;font-size:.68rem}.ff-result-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbe5f3;border-radius:11px;background:#f8faff;color:#63748f;font-size:.67rem}.ff-result-pill i{color:#3267d7}.ff-result-pill strong{color:#1e3d75}.ff-toolbar{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(200px,.7fr) auto 42px;align-items:end;gap:10px;margin:0 22px;padding:14px;border:1px solid #dfe7f2;border-radius:13px;background:#f7f9fc}.ff-search>span,.ff-sort>span{display:block;margin:0 0 6px;color:#66758b;font-size:.59rem;font-weight:800;text-transform:uppercase}.ff-search>div{position:relative}.ff-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#93a0b3;font-size:.74rem}.ff-search input,.ff-sort select{width:100%;height:41px;border:1px solid #d7e1ee;border-radius:10px;outline:none;background:#fff;color:#26364e;font-size:.73rem}.ff-search input{padding:0 63px 0 36px}.ff-search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:3px 6px;border:1px solid #d9e2ee;border-radius:5px;background:#f7f9fc;box-shadow:none;color:#9aa6b6;font-family:inherit;font-size:.51rem}.ff-sort select{padding:0 11px}.ff-icon-button{display:grid;place-items:center;width:42px;height:41px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;color:#65738a;text-decoration:none}.ff-category-strip{display:flex;align-items:center;gap:16px;margin:13px 22px 0;padding:11px 0;border-top:1px solid #edf1f6}.ff-category-strip>span{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#7b889a;font-size:.6rem;font-weight:800;text-transform:uppercase}.ff-category-strip>div{display:flex;flex-wrap:wrap;gap:6px}.ff-category{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid;border-radius:999px;font-size:.59rem;font-weight:800;text-decoration:none;white-space:nowrap}.ff-category--green{border-color:#ccebdd;background:#eefaf5;color:#14805d}.ff-category--violet{border-color:#e0d7fa;background:#f7f4ff;color:#6b4bc0}.ff-category--blue{border-color:#cee0ff;background:#f1f6ff;color:#2861c5}.ff-category--amber{border-color:#f3dfb2;background:#fff9e9;color:#a7660d}.ff-category--teal{border-color:#cce9ed;background:#f0fafb;color:#147a8a}.ff-category--slate{border-color:#dce3eb;background:#f7f9fb;color:#5b6b80}
.ff-table-wrap{margin-top:4px;overflow-x:auto}.ff-table{width:100%;border-collapse:collapse}.ff-table th{padding:11px 13px;border-top:1px solid #e8edf4;border-bottom:1px solid #dfe6ef;background:#f5f7fa;color:#4b5b72;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.ff-table th:first-child,.ff-table td:first-child{padding-left:22px}.ff-table th:last-child,.ff-table td:last-child{padding-right:22px;text-align:right}.ff-table td{padding:11px 13px;border-bottom:1px solid #e9eef4;color:#26364d;font-size:.7rem;vertical-align:middle}.ff-table tbody tr{transition:.15s}.ff-table tbody tr:hover{background:#fafcff}.ff-feature-identity{display:flex;align-items:center;gap:11px;min-width:195px}.ff-feature-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;border-radius:11px;font-size:.76rem}.ff-feature-icon--green{background:#e7f8f1;color:#178460}.ff-feature-icon--violet{background:#f0ebff;color:#7553d3}.ff-feature-icon--blue{background:#e9f2ff;color:#2866e5}.ff-feature-icon--amber{background:#fff5dd;color:#c57c12}.ff-feature-icon--teal{background:#e7f7f9;color:#12869a}.ff-feature-icon--slate{background:#eef2f6;color:#627188}.ff-feature-identity strong,.ff-feature-identity code{display:block}.ff-feature-identity strong{font-size:.75rem}.ff-feature-identity code{margin-top:3px;color:#8b97a9;font-size:.59rem}.ff-product{display:flex;align-items:center;gap:8px;min-width:145px}.ff-product>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#edf3ff;color:#2b61cc;font-size:.54rem;font-weight:900}.ff-product strong,.ff-product small{display:block}.ff-product strong{font-size:.68rem}.ff-product small{margin-top:2px;color:#929dad;font-size:.54rem}.ff-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.58rem;font-weight:800}.ff-status i{width:6px;height:6px;border-radius:50%}.ff-status.is-active{background:#eaf9f2;color:#13815c}.ff-status.is-active i{background:#19ad78;box-shadow:0 0 0 3px rgba(25,173,120,.11)}.ff-status.is-inactive{background:#f0f2f5;color:#687588}.ff-status.is-inactive i{background:#929dad}.ff-updated strong,.ff-updated small{display:block;white-space:nowrap}.ff-updated strong{font-size:.66rem}.ff-updated small{margin-top:3px;color:#939eae;font-size:.55rem}.ff-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:120px}.ff-actions>a,.ff-actions button{display:inline-flex;align-items:center;justify-content:center;height:31px;border:1px solid #d8e1ed;border-radius:9px;background:#fff;color:#627189;font-size:.61rem;text-decoration:none}.ff-actions>a{width:32px}.ff-actions .ff-actions__edit{width:auto;padding:0 9px;color:#2862d1}.ff-actions__edit span{margin-left:5px;font-weight:800}.ff-actions form{display:inline-flex}.ff-actions button{width:32px}.ff-actions button.is-danger{border-color:#f0d2d0;color:#d34238}.ff-actions button.is-success{border-color:#cbe8dc;color:#14815d}
.ff-empty{display:flex;flex-direction:column;align-items:center;padding:55px 25px;text-align:center}.ff-empty>span{display:grid;place-items:center;width:69px;height:69px;margin-bottom:15px;border:1px solid #d7e4f5;border-radius:20px;background:linear-gradient(145deg,#f5f9ff,#e8f1ff);color:#3469da;font-size:1.4rem}.ff-empty h3{margin:0 0 6px;font-size:1rem}.ff-empty p{max-width:460px;margin:0 0 17px;color:#7f8c9f;font-size:.72rem;line-height:1.55}.ff-empty>div{display:flex;gap:8px}.ff-library__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 22px;background:#fafbfd}.ff-library__footer>div:first-child{display:flex;align-items:center;gap:10px;color:#7b889b;font-size:.64rem}.ff-library__footer>div:first-child strong{color:#33435d}.ff-library__footer em{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:#edf3ff;color:#3262c7;font-size:.55rem;font-style:normal;font-weight:800}.ff-pagination nav{margin:0!important}.ff-pagination .pagination{gap:4px}.ff-pagination .page-link{display:grid;place-items:center;min-width:33px;height:33px;padding:0 9px;border:1px solid #d8e1ed!important;border-radius:9px!important;background:#fff;color:#5c6b81;font-size:.63rem}.ff-pagination .page-item.active .page-link{border-color:#2864e8!important;background:#2864e8;color:#fff}.ff-pagination .page-item.disabled .page-link{opacity:.5}
@media(max-width:1100px){.ff-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-toolbar{grid-template-columns:1fr 1fr auto 42px}.ff-hero__visual{margin-right:10px;transform:scale(.88)}}
@media(max-width:800px){.flagship-features-page{padding:20px 15px 48px}.ff-page-header{align-items:flex-start;flex-direction:column}.ff-hero{align-items:flex-start;flex-direction:column}.ff-hero__visual{align-self:center;margin-top:18px}.ff-toolbar{grid-template-columns:1fr 42px}.ff-search,.ff-sort{grid-column:1/-1}.ff-category-strip{align-items:flex-start;flex-direction:column}.ff-library__footer{align-items:flex-start;flex-direction:column}.ff-table{min-width:880px}}
@media(max-width:520px){.ff-metrics{grid-template-columns:1fr}.ff-hero{padding:26px 21px}.ff-library__header{align-items:flex-start;flex-direction:column}.ff-result-pill{align-self:flex-start}.ff-empty>div{align-items:stretch;flex-direction:column;width:100%}}