.marketing-systems-page{--systems-ink:#eef5fb;--systems-muted:#a8bacb;--systems-line:#263a49;--systems-panel:#0c1925;color:var(--systems-ink)}
.systems-home-section{padding-block:clamp(56px,8vw,104px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.systems-home-kicker{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.systems-home-count{color:#7ce6c5;font-size:11px;font-weight:800;letter-spacing:.14em}.systems-home-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,7vw,100px);align-items:center}.systems-home-layout h2{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.055em;margin:0}.systems-home-copy p{max-width:660px;color:var(--systems-muted);line-height:1.85;margin:0 0 22px}.systems-home-copy .playbook-cta{display:inline-flex;margin:0}
.systems-index-hero{padding:clamp(72px,10vw,128px) 0 44px;max-width:1040px}.systems-index-hero h1{max-width:900px;margin:20px 0;font-size:clamp(42px,7vw,88px);line-height:1.04;letter-spacing:-.065em}.systems-index-intro{max-width:800px;color:var(--systems-muted);font-size:clamp(17px,2vw,21px);line-height:1.8}.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 88px}.system-card{position:relative;display:flex;min-height:250px;flex-direction:column;padding:26px;border:1px solid var(--systems-line);border-radius:18px 18px 38px 18px;background:linear-gradient(145deg,#102333,#0b1621 75%);text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}.system-card:hover{border-color:#50dfc0;transform:translateY(-3px);background:linear-gradient(145deg,#123143,#0b1621 78%)}.system-card-meta{display:flex;justify-content:space-between;gap:10px;color:#7ce6c5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.system-card-meta b{color:#91aabd;text-align:end}.system-card h2{margin:26px 36px 10px 0;font-size:22px;line-height:1.25;letter-spacing:-.025em}.system-card p{margin:0 0 22px;color:var(--systems-muted);font-size:15px;line-height:1.7}.system-card-arrow{margin-top:auto;color:#ffd46a;font-size:19px}.systems-footnote{border-top:1px solid var(--systems-line);padding:20px 0 56px;color:var(--systems-muted);font-size:14px}.systems-detail{padding-bottom:80px}.systems-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:26px 0;color:#91aabd;font-size:14px}.systems-breadcrumb a{color:#9bded0}.systems-detail-hero{max-width:980px;padding:70px 0 44px}.systems-detail-hero h1{font-size:clamp(42px,7vw,82px);line-height:1.04;letter-spacing:-.065em;margin:18px 0}.systems-answer{max-width:850px;color:var(--systems-muted);font-size:clamp(18px,2.2vw,23px);line-height:1.75}.systems-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--systems-line);border-left:1px solid var(--systems-line)}.systems-detail-grid section{padding:26px 28px;border-right:1px solid var(--systems-line);border-bottom:1px solid var(--systems-line)}.systems-detail-grid h2{margin:0 0 14px;font-size:17px;color:#7ce6c5}.systems-detail-grid p,.systems-detail-grid li{color:#c0ceda;line-height:1.8}.systems-detail-grid p{margin:0}.systems-detail-grid ol{margin:0;padding-inline-start:22px}.systems-detail-grid li+li{margin-top:8px}.systems-detail-grid .systems-limits{background:#0c1721}.systems-detail-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:26px}.systems-detail-actions .btn{min-height:48px}.systems-detail-actions .btn.secondary{border:1px solid var(--systems-line)}
html[dir=rtl] .system-card h2{margin-right:0;margin-left:36px}html[dir=rtl] .systems-detail-grid ol{padding-inline-start:0;padding-inline-end:22px}
@media(max-width:900px){.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.systems-grid,.systems-detail-grid{grid-template-columns:1fr}.systems-grid{gap:10px}.system-card{min-height:220px;padding:22px}.systems-detail-grid section{padding:22px}.systems-detail-hero{padding-top:42px}.systems-breadcrumb{font-size:12px}}
@media(max-width:760px){.systems-home-layout{grid-template-columns:1fr;gap:22px}.systems-home-kicker{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.system-card{transition:none}.system-card:hover{transform:none}}