:root{--fog:#f4f1ea;--mist:#e7e1d6;--slate:#6d7684;--ink:#161a22;--graphite:#0e1218;--mineral:#88b04b;--amber:#e6a52a;--teal:#169c9a;--blue:#5d7bff;--line:#d8d0c2;--surface:#fbf9f4;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--shadow:0 18px 50px rgba(11, 17, 24, 0.09);--shadow-soft:0 10px 28px rgba(11, 17, 24, 0.06);--max:1240px;--primary:#0798f2;--primary-dark:#0680cf;--primary-soft:#eaf1f6;--navy:#1c3659;--accent:#ff9400;--accent-soft:#ffe9cf}.page-hero{padding:50px 0;position:relative;overflow:clip}.page-hero .hero-grid div h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.98;margin:16px 0 14px}.hero-grid,.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start}.play-card{position:relative;overflow:hidden;border:0!important}.play-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#fff}.overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,101,177,.2)0,rgba(8,12,24,.85) 100%);z-index:1}.badge{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--primary-soft);color:var(--navy);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.lead{font-size:19px;max-width:62ch;margin-top:18px}section{padding:50px 0}.section-head h2{margin:14px 0}.hide{display:none!important}.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;font-weight:700;letter-spacing:-.01em}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px rgba(7,152,242,.28)}.btn.primary:hover,.btn.primary:focus-visible{transform:translateY(-1px);background:var(--primary-dark);box-shadow:0 14px 28px rgba(7,152,242,.36)}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.secondary:hover,.btn.secondary:focus-visible{background:#fff;border-color:var(--primary);color:var(--primary)!important;transform:translateY(-1px)}.btn-ghost{background:0 0;border-color:rgba(255,255,255,.32);color:#fff}.btn.ghost:hover,.btn.ghost:focus-visible{background:#fff;border-color:var(--primary);color:var(--primary)!important;transform:translateY(-1px)}.btn.tertiary{background:linear-gradient(135deg,var(--graphite),#253040);color:#fff;box-shadow:var(--shadow-md)}.nav-demo-btn{font-size:.9rem;padding:10px 16px;min-height:42px}.card{position:relative;overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(216,208,194,.85);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-soft)}.card.dark{background:linear-gradient(180deg,#111824,#1b2432);border-color:rgba(255,255,255,.08)}.card.dark h2,.card.dark h3,.card.dark h4,.card.dark strong,.card.dark .kpi-value,.card.dark .caption-strong{color:#fff}.card.dark p,.card.dark .meta,.card.dark .small{color:rgba(255,255,255,.72)}.play-card{position:relative;min-height:280px;display:flex;align-items:end}.play-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,24,.05),rgba(14,18,24,.7))}.play-card .play{position:absolute;top:22px;right:22px;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:var(--shadow-soft);z-index:2}.play-card .play::before{content:"";margin-left:4px;border-left:12px solid var(--ink);border-top:8px solid transparent;border-bottom:8px solid transparent}.card.play-card h2{margin-bottom:0;line-height:1;font-size:1.7rem}.hero-badges,.pill-row,.trust-row{display:flex;flex-wrap:wrap;gap:10px}.pill-row{width:fit-content}.hero-chip,.pill,.trust-pill,.chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;background:var(--primary-soft);color:var(--navy);font-weight:600;font-size:14px;border:1px solid transparent}.chip{cursor:pointer;transition:all .2s ease;border-color:var(--navy)}.chip:hover,.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resources_filter-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:40px}.resource-card{display:block;display:flex;flex-direction:column;align-items:start;justify-content:space-between;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(22,156,154,.26)}.resources_thumb__play{position:absolute;top:5%;right:5%;width:44px;height:44px;background:rgba(7,152,242,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.resource-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;color:var(--slate);font-size:13px}.accordion{display:grid;gap:12px}.accordion details{border:1px solid rgba(216,208,194,.86);border-radius:18px;background:rgba(255,255,255,.84);padding:18px 20px}.accordion summary{cursor:pointer;list-style:none;font-weight:700}.accordion summary::-webkit-details-marker{display:none}.accordion details[open]{box-shadow:var(--shadow-soft)}.showMoreBtn{display:flex;justify-content:center;align-items:center}.bg-primary-soft{background:var(--primary-soft)!important}.tone-soft{background:linear-gradient(180deg,#f7fbfe 0,#eef6fc 100%)!important}.resources_Search-Container{position:relative;display:flex;align-items:end;justify-content:end;width:fit-content}.resources_search-input{height:38px;min-width:200px;border-radius:10px;padding-left:10px;border:1.5px solid var(--navy)}.resources_search-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--navy)}.no-results-message{text-align:center;font-weight:700;font-size:large}@media (max-width:768px){.hero-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.resources_Search-Container{width:100%}}@media (max-width:540px){.resource-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.resources_search-input{width:100%}}.gap-20px{gap:20px!important}