/* SYNTROPIX V6 ASSESSMENT CARDS — clean standalone product skin */
/* Syntropix portfolio card system v12 — premium cards + aligned icon metadata. */
.assessment-catalogue-inline .assessment-card,.enterprise-grid .assessment-card{--card-accent:#9cac9e;--card-bg1:#101612;--card-bg2:#080d09;--card-chip-bg:#243027;--card-chip-ink:#dce8dd;position:relative;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--card-accent) 54%,#263029);border-radius:26px;background:linear-gradient(145deg,var(--card-bg1) 0%,var(--card-bg2) 72%);color:#f7f9f6;box-shadow:0 18px 42px rgba(12,18,13,.14);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;display:flex;flex-direction:column;height:100%}
.assessment-catalogue-inline .assessment-card:before,.enterprise-grid .assessment-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--card-accent);opacity:.92}.assessment-catalogue-inline .assessment-card:after,.enterprise-grid .assessment-card:after{content:"";position:absolute;width:310px;height:310px;right:-155px;top:-150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 19%,transparent) 0%,transparent 68%);z-index:-1;pointer-events:none}.assessment-catalogue-inline .assessment-card:hover,.enterprise-grid .assessment-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 76%,#fff);box-shadow:0 24px 52px rgba(10,15,11,.22)}
.assessment-catalogue-inline .assessment-card .num,.enterprise-grid .assessment-card .num{align-self:flex-start;margin-bottom:12px;padding:7px 12px;border:0;border-radius:999px;background:var(--card-chip-bg);color:var(--card-chip-ink);font-size:10px;line-height:1;letter-spacing:.13em;font-weight:800}.assessment-catalogue-inline .assessment-card h3,.enterprise-grid .assessment-card h3{color:#fff;letter-spacing:-.035em;line-height:1.04}.assessment-catalogue-inline .assessment-card>p,.enterprise-grid .assessment-card>p{color:#aeb8b0}
/* Metadata: one clean rounded container per metric. No nested circles or decorative value outlines. */
.assessment-card .assessment-meta{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:10px;min-height:48px;flex-wrap:nowrap}.assessment-card .assessment-meta .meta-icon{width:auto;min-width:92px;height:42px;padding:0 12px;border:1px solid #39443b;border-radius:12px;background:rgba(255,255,255,.025);color:#e4eae5;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;outline:0;box-shadow:none}.assessment-card .assessment-meta .meta-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.82;flex:0 0 auto}.assessment-card .assessment-meta .meta-value,.assessment-card .assessment-meta .meta-value b,.assessment-card .assessment-meta .meta-value small{position:static;display:inline;width:auto;height:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;transform:none}.assessment-card .assessment-meta .meta-value:before,.assessment-card .assessment-meta .meta-value:after,.assessment-card .assessment-meta .meta-value b:before,.assessment-card .assessment-meta .meta-value b:after{content:none;display:none}.assessment-card .assessment-meta .meta-value{white-space:nowrap;font-size:12px;line-height:1}.assessment-card .assessment-meta .meta-value b{font-size:12px;line-height:1;font-weight:800;letter-spacing:.01em;color:inherit}.assessment-card .assessment-meta .meta-value small{font:700 10px/1 ui-monospace,monospace;color:inherit;opacity:.78}.assessment-card .assessment-meta+.btn,.assessment-card .assessment-meta~.btn{margin-top:18px}.assessment-card .assessment-meta~p{margin-top:18px}
.assessment-grid .assessment-card:nth-child(10n+1){--card-accent:#50C878;--card-bg1:#102219;--card-bg2:#07100b;--card-chip-bg:#1d4b34;--card-chip-ink:#d9f2e3}.assessment-grid .assessment-card:nth-child(10n+2){--card-accent:#9DC183;--card-bg1:#18231a;--card-bg2:#09100a;--card-chip-bg:#31442d;--card-chip-ink:#e1edd9}.assessment-grid .assessment-card:nth-child(10n+3){--card-accent:#50C878;--card-bg1:#10251f;--card-bg2:#08100e;--card-chip-bg:#183b31;--card-chip-ink:#9debd4}.assessment-grid .assessment-card:nth-child(10n+4){--card-accent:#D6B878;--card-bg1:#2b2113;--card-bg2:#100c07;--card-chip-bg:#4a3519;--card-chip-ink:#ffd99c}.assessment-grid .assessment-card:nth-child(10n+5){--card-accent:#9DC183;--card-bg1:#2b1821;--card-bg2:#10090d;--card-chip-bg:#472534;--card-chip-ink:#f7b9d0}.assessment-grid .assessment-card:nth-child(10n+6){--card-accent:#50C878;--card-bg1:#132333;--card-bg2:#080e14;--card-chip-bg:#1d3852;--card-chip-ink:#afd5fb}.assessment-grid .assessment-card:nth-child(10n+7){--card-accent:#9DC183;--card-bg1:#211a2d;--card-bg2:#0d0912;--card-chip-bg:#352847;--card-chip-ink:#d9c4f4}.assessment-grid .assessment-card:nth-child(10n+8){--card-accent:#D6B878;--card-bg1:#2c1915;--card-bg2:#110a08;--card-chip-bg:#49261f;--card-chip-ink:#ffb7a8}.assessment-grid .assessment-card:nth-child(10n+9){--card-accent:#50C878;--card-bg1:#10272a;--card-bg2:#071012;--card-chip-bg:#193d41;--card-chip-ink:#9ce8ee}.assessment-grid .assessment-card:nth-child(10n+10){--card-accent:#9DC183;--card-bg1:#292510;--card-bg2:#100e07;--card-chip-bg:#443c18;--card-chip-ink:#f1df91}.enterprise-grid .assessment-card{min-height:330px;box-shadow:0 14px 34px rgba(12,18,13,.12)}.enterprise-grid .assessment-card:hover{box-shadow:0 22px 46px rgba(10,15,11,.20)}
.flagship-grid{align-items:stretch}.flagship-grid .flagship-card{color:#f7f9f6;border-radius:24px;box-shadow:0 18px 42px rgba(10,15,11,.16);display:flex;flex-direction:column;height:100%}.flagship-grid .manager-flagship{border-color:#86a85d;background:linear-gradient(145deg,#13270d 0%,#071008 72%)}.flagship-grid .executive-flagship{border-color:#555c86;background:linear-gradient(145deg,#1b1e32 0%,#090e10 72%)}.flagship-grid .manager-flagship:before{height:4px;background:#50C878}.flagship-grid .executive-flagship:before{height:4px;background:#9DC183}.flagship-grid .flagship-card h3{color:#fff}.flagship-grid .flagship-card>p{color:#8e9990}.flagship-grid .flagship-promise{color:#eef2ed;border-color:#303a32}.flagship-grid .flagship-card .btn.primary{background:#50C878;color:#0a1008;border-color:#50C878;box-shadow:none}
/* Professionals flagship cards: remove the divider immediately below the question/dimension/time metadata strip. */
.flagship-grid .flagship-card .assessment-meta{border-bottom:0;box-shadow:none}.flagship-grid .flagship-card .assessment-meta:after{content:none;display:none}.flagship-grid .flagship-card .flagship-promise{border-top:0}
/* Professionals pricing: high-contrast commercial information on every assessment card. */
.assessment-catalogue-inline .assessment-commercial,.flagship-grid .assessment-commercial{color:#f3f6f1;border-color:rgba(255,255,255,.32)}.assessment-catalogue-inline .assessment-commercial .assessment-price-line,.flagship-grid .assessment-commercial .assessment-price-line{color:#dce3dc}.assessment-catalogue-inline .assessment-commercial .assessment-price-line>span,.flagship-grid .assessment-commercial .assessment-price-line>span,.assessment-catalogue-inline .assessment-commercial .assessment-saving-line>span,.flagship-grid .assessment-commercial .assessment-saving-line>span{color:#c4cdc5;opacity:1}.assessment-catalogue-inline .assessment-commercial .assessment-price-line>strong,.flagship-grid .assessment-commercial .assessment-price-line>strong{color:#fff4c7;opacity:1;text-shadow:0 0 18px rgba(255,230,153,.12)}.assessment-catalogue-inline .assessment-commercial .assessment-savings,.flagship-grid .assessment-commercial .assessment-savings{color:#dbe2db;opacity:1}.assessment-catalogue-inline .assessment-commercial .assessment-savings span,.flagship-grid .assessment-commercial .assessment-savings span{color:#dbe2db;opacity:1}.assessment-catalogue-inline .assessment-commercial .assessment-savings b,.flagship-grid .assessment-commercial .assessment-savings b{color:#e8eee8;opacity:1}.assessment-catalogue-inline .assessment-commercial .assessment-savings s,.flagship-grid .assessment-commercial .assessment-savings s{color:#aeb8af;opacity:.9}.assessment-catalogue-inline .assessment-commercial .assessment-savings strong,.flagship-grid .assessment-commercial .assessment-savings strong{color:#D6B878;opacity:1}
@media(max-width:900px){.assessment-catalogue-inline .assessment-card,.enterprise-grid .assessment-card{min-height:auto;border-radius:22px}.assessment-card .assessment-meta{flex-wrap:nowrap}.assessment-card .assessment-meta .meta-icon{min-width:0;flex:1 1 0;padding-left:7px;padding-right:7px;gap:5px}.assessment-card .assessment-meta .meta-value{font-size:11px}.assessment-card .assessment-meta .meta-value b{font-size:11px}.assessment-card .assessment-meta .meta-value small{font-size:9px}}@media(prefers-reduced-motion:reduce){.assessment-catalogue-inline .assessment-card,.enterprise-grid .assessment-card{transition:none}}
/* Accessibility: category chips sit on dark assessment cards, so their labels must remain visibly light regardless of global .num overrides. */
.assessment-catalogue-inline .assessment-card .num,.enterprise-grid .assessment-card .num{color:var(--card-chip-ink);opacity:1;text-shadow:none}


/* PREMIUM RESPONSIVE EXPERIENCE v1 — unified Syntropix card language */
.assessment-grid .assessment-card:nth-child(n){--card-bg1:#101612;--card-bg2:#080d09;--card-chip-bg:#243027;--card-chip-ink:#dce8dd}
.assessment-grid .assessment-card:nth-child(3n+1){--card-accent:#50C878}
.assessment-grid .assessment-card:nth-child(3n+2){--card-accent:#9DC183}
.assessment-grid .assessment-card:nth-child(3n+3){--card-accent:#D6B878;--card-chip-bg:#3a3121;--card-chip-ink:#f3dfb0}
.flagship-grid .manager-flagship,.flagship-grid .executive-flagship{background:linear-gradient(145deg,#111914 0%,#080d09 72%);border-color:#455247}
.flagship-grid .executive-flagship:before{background:#D6B878}

@media(min-width:761px) and (max-width:1100px){
 .assessment-catalogue-inline .assessment-grid,.enterprise-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
 .assessment-catalogue-inline .assessment-card,.enterprise-grid .assessment-card{padding:24px;min-height:0}
 .assessment-card .assessment-meta{gap:7px}
 .assessment-card .assessment-meta .meta-icon{min-width:0;flex:1 1 0;padding-inline:8px}
}
@media(max-width:760px){
 .assessment-catalogue-inline .assessment-grid,.enterprise-grid{gap:12px}
 .assessment-catalogue-inline .assessment-card,.enterprise-grid .assessment-card{padding:20px;border-radius:18px;box-shadow:0 10px 28px rgba(10,15,11,.14)}
 .assessment-catalogue-inline .assessment-card:after,.enterprise-grid .assessment-card:after{width:220px;height:220px;right:-125px;top:-115px}
 .assessment-catalogue-inline .assessment-card h3,.enterprise-grid .assessment-card h3{font-size:clamp(23px,7.1vw,30px);margin:10px 0 8px}
 .assessment-catalogue-inline .assessment-card>p,.enterprise-grid .assessment-card>p{font-size:15px;line-height:1.55}
 .assessment-card .assessment-meta{padding-top:16px;gap:6px}
 .assessment-card .assessment-meta .meta-icon{height:40px;min-width:0;flex:1 1 0;padding:0 6px;gap:5px}
 .assessment-card .assessment-meta .meta-icon svg{width:14px;height:14px}
 .assessment-card .assessment-meta .meta-value,.assessment-card .assessment-meta .meta-value b{font-size:10.5px}
 .assessment-card .assessment-meta .meta-value small{font-size:8.5px}
 .assessment-catalogue-inline .assessment-card .num,.enterprise-grid .assessment-card .num{font-size:10px!important;padding:6px 9px}
 .assessment-commercial{padding-top:14px!important}
 .assessment-price-line strong{font-size:24px!important}
}


.sx-portfolio-navigator{margin:24px 0 28px;padding:18px;border:1px solid #d8ddd5;border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 18px 45px rgba(26,35,30,.05)}
.sx-portfolio-search{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,.72fr);gap:14px;align-items:center}
.sx-portfolio-search label{font-size:13px;font-weight:850;color:#273027}
.sx-portfolio-search input{width:100%;min-height:48px;padding:0 15px;border:1px solid #cfd6ce;border-radius:14px;background:#fff;color:#131713;font:inherit;outline:none}
.sx-portfolio-search input:focus{border-color:#50C878;box-shadow:0 0 0 4px rgba(80,200,120,.10)}
.sx-portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sx-portfolio-filters button{min-height:38px;padding:8px 12px;border:1px solid #cfd6ce;border-radius:999px;background:#fff;color:#465047;font:750 12px/1.1 inherit;cursor:pointer}
.sx-portfolio-filters button[aria-pressed="true"]{border-color:#2f6e4d;background:#102219;color:#e9f6ee}
.sx-portfolio-result{margin:11px 0 0;color:#6c746d;font-size:11px}
.assessment-card[hidden]{display:none!important}
@media(max-width:760px){
 .sx-portfolio-navigator{position:relative;margin:18px 0 22px;padding:14px;border-radius:18px}
 .sx-portfolio-search{grid-template-columns:1fr;gap:7px}
 .sx-portfolio-search label{font-size:12px}
 .sx-portfolio-search input{min-height:50px;font-size:16px}
 .sx-portfolio-filters{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;margin-right:-14px;scrollbar-width:none}
 .sx-portfolio-filters::-webkit-scrollbar{display:none}
 .sx-portfolio-filters button{flex:0 0 auto;min-height:42px;scroll-snap-align:start}
}