/* SaaS Assistant — Single Case Study Layout (.ssa-cs)
   Source of truth: unified from the three case-study HTML prototypes.
   Loaded only on single case_study pages via saas_enqueue_section_asset('single-case-study'). */
.ssa-cs{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#0B1220;line-height:1.55;background:#FFFFFF;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;-webkit-font-smoothing:antialiased;--ssa-top:96px}
.ssa-cs *,.ssa-cs *::before,.ssa-cs *::after{box-sizing:border-box}
.ssa-cs h1,.ssa-cs h2,.ssa-cs h3,.ssa-cs p,.ssa-cs ul,.ssa-cs ol,.ssa-cs dl,.ssa-cs figure{max-width:none}
.ssa-cs img,.ssa-cs svg{max-width:100%}
.ssa-cs table{margin:0}
body:has(.ssa-cs){overflow-x:clip}
.ssa-cs .hs-herowrap{background:#0B1220;color:#FFFFFF;position:relative;padding-top:40px;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}
.ssa-cs .hs-toc{top:var(--ssa-top)}.ssa-cs .hs-sec{scroll-margin-top:var(--ssa-top)}
.ssa-cs .rise{animation:none;opacity:1;transform:none}
.ssa-cs .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ssa-cs .md-stack{display:flex;flex-direction:column;gap:44px}
.ssa-cs .md-head{display:flex;flex-direction:column;gap:16px}
.ssa-cs .md-eye{margin:0;font-size:14px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}
.ssa-cs .md-h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(34px,4.8vw,56px);line-height:1.04;letter-spacing:-0.035em;color:#0B1220}
.ssa-cs .md-lead{margin:0;font-size:19px}
.ssa-cs .md-note{margin:0;font-size:16.5px;color:#3C475A;border-left:4px solid #D9F36A;padding:4px 0 4px 14px;max-width:880px}
.ssa-cs .md-note a{font-weight:700}
.ssa-cs .ua-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.ssa-cs .lift{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.ssa-cs .lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,18,32,.12)}
.ssa-cs .md-tick{flex:0 0 20px;height:20px;border-radius:50%;background:#0B1220;position:relative;margin-top:2px}
.ssa-cs .md-tick::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #D9F36A;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ssa-cs .md-plus{flex:0 0 20px;height:20px;border-radius:50%;border:2px solid #0B1220;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;line-height:1;margin-top:2px}
.ssa-cs .md-split{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.ssa-cs .md-split-top{align-items:flex-start}
.ssa-cs .md-split-l{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:24px}
.ssa-cs .md-split-r{flex:1.4 1 520px;min-width:0}
@media (min-width:981px){.ssa-cs .md-sticky{position:sticky;top:110px}}
.ssa-cs .md-hero{max-width:1240px;margin:0 auto;padding:48px 24px 100px;display:flex;flex-direction:column;align-items:center;gap:52px}
.ssa-cs .md-hero-top{max-width:1000px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.ssa-cs .md-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:#FFFFFF;font-size:14px;font-weight:700;padding:7px 18px 7px 8px;border-radius:999px}
.ssa-cs .md-badge span{min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:#D9F36A;display:flex;align-items:center;justify-content:center;color:#0B1220;font-size:10.5px;font-weight:800}
.ssa-cs .md-h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(38px,5.2vw,66px);line-height:1.02;letter-spacing:-0.045em;color:#FFFFFF}
.ssa-cs .md-sub{margin:0;font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:#D5DAE6;max-width:780px}
.ssa-cs .md-ctas{justify-content:center}
.ssa-cs .md-vis{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}
.ssa-cs .md-vis::before{content:"";position:absolute;left:10%;right:10%;top:20%;bottom:0;background:radial-gradient(55% 55% at 50% 50%,rgba(217,243,106,.2),transparent 70%);filter:blur(50px);pointer-events:none}
.ssa-cs .md-track{position:relative;list-style:none;margin:0;padding:5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;width:min(100%,560px)}
.ssa-cs .md-track li{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:999px;font-size:14px;font-weight:700;color:#C5CBDA;transition:background .35s,color .35s}
.ssa-cs .md-track li span{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800}
.ssa-cs .md-vis[data-st="0"] .md-track li[data-s="0"],.ssa-cs .md-vis[data-st="1"] .md-track li[data-s="1"],.ssa-cs .md-vis[data-st="2"] .md-track li[data-s="2"],.ssa-cs .md-vis[data-st="3"] .md-track li[data-s="3"]{background:#D9F36A;color:#0B1220}
.ssa-cs .md-vis[data-st="0"] .md-track li[data-s="0"] span,.ssa-cs .md-vis[data-st="1"] .md-track li[data-s="1"] span,.ssa-cs .md-vis[data-st="2"] .md-track li[data-s="2"] span,.ssa-cs .md-vis[data-st="3"] .md-track li[data-s="3"] span{background:#0B1220;color:#D9F36A}
.ssa-cs .md-panels{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1.25fr) 34px minmax(0,1fr);align-items:stretch}
.ssa-cs .md-pn{background:#141C2E;border:1px solid #2A3347;border-radius:22px;padding:16px;color:#FFFFFF;box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px;transition:border-color .4s,box-shadow .4s}
.ssa-cs .md-vis[data-st="0"] .md-p1,.ssa-cs .md-vis[data-st="1"] .md-p2,.ssa-cs .md-vis[data-st="2"] .md-p2,.ssa-cs .md-vis[data-st="3"] .md-p3{border-color:#D9F36A;box-shadow:0 20px 50px rgba(0,0,0,.35),0 0 0 3px rgba(217,243,106,.25)}
.ssa-cs .md-pnh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:10px;border-bottom:1px solid #2A3347}
.ssa-cs .md-pnh b{font-size:15px}
.ssa-cs .md-pnh span{font-size:12px;color:#C5CBDA}
.ssa-cs .md-p1 ul,.ssa-cs .md-p3 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.ssa-cs a.cta:hover,.ssa-cs a.ddl:hover,.ssa-cs a.nl:hover,.ssa-cs a.mgl:hover{text-decoration:none}
@media (prefers-reduced-motion:reduce){.ssa-cs .cta{transition:none}}
.ssa-cs .cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:13px 28px;border-radius:999px;font-weight:700;font-size:16px;line-height:1.25;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.ssa-cs .cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.ssa-cs .cta:active{transform:none}
.ssa-cs .cta-lg{min-height:58px;padding:15px 34px;font-size:17px}
.ssa-cs a.cta-lime{background:#D9F36A;color:#0B1220}
.ssa-cs a.cta-lime:hover{background:#E6FA8C;color:#0B1220}
.ssa-cs a.cta-dark{background:#0B1220;color:#FFFFFF}
.ssa-cs a.cta-dark:hover{background:#1B2438;color:#FFFFFF}
.ssa-cs a.cta-blue{background:#2B2BF0;color:#FFFFFF}
.ssa-cs a.cta-blue:hover{background:#1F1FD0;color:#FFFFFF}
.ssa-cs a.cta-ghost{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
.ssa-cs a.cta-ghost:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.ssa-cs .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
@media (max-width:600px){.ssa-cs .ctas{flex-direction:column;align-items:stretch;width:100%}
.ssa-cs .ctas .cta{width:100%}}
.ssa-cs .hs-hero{max-width:1240px;margin:0 auto;padding:28px 24px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.ssa-cs .hs-hcopy{display:flex;flex-direction:column;gap:22px;min-width:0}
.ssa-cs .hs-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:#AEB6C6}
.ssa-cs .hs-crumb li+li::before{content:"\203A";margin-right:6px;color:#5B6578}
.ssa-cs .hs-crumb a{color:#C5CBDA;text-decoration:none}
.ssa-cs .hs-crumb a:hover{color:#FFFFFF;text-decoration:underline}
.ssa-cs .hs-crumb [aria-current]{color:#FFFFFF}
.ssa-cs .hs-badge{margin:0;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#FFFFFF;font-size:14px;font-weight:700;padding:7px 16px 7px 8px;border-radius:999px}
.ssa-cs .hs-badge span{min-width:30px;height:28px;padding:0 6px;border-radius:999px;background:#D9F36A;color:#0B1220;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.ssa-cs .hs-h1{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(36px,4.6vw,60px);line-height:1.04;letter-spacing:-0.035em;color:#FFFFFF}
.ssa-cs .hs-sub{margin:0;font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:#D5DAE6;max-width:640px}
.ssa-cs .hs-ctas{margin-top:4px}
.ssa-cs .hs-vis{margin:0;background:#111A2B;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ssa-cs .hs-vis figcaption{font-size:12.5px;color:#8D97AB}
.ssa-cs .hs-shift{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.3fr);gap:12px;align-items:center}
.ssa-cs .hs-old,.ssa-cs .hs-new{border-radius:16px;padding:16px;min-width:0}
.ssa-cs .hs-old{background:#1A2336;border:1px dashed #3A4560}
.ssa-cs .hs-new{background:#F7F8FA;color:#0B1220}
.ssa-cs .hs-tag{margin:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8D97AB}
.ssa-cs .hs-new .hs-tag{color:#5B6578}
.ssa-cs .hs-vt{margin:4px 0 10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;color:#FFFFFF}
.ssa-cs .hs-new .hs-vt{color:#0B1220}
.ssa-cs .hs-old ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ssa-cs .hs-old li{font-size:13px;color:#AEB6C6;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.04);text-decoration:line-through;text-decoration-color:#FFB4B3}
.ssa-cs .hs-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}
.ssa-cs .hs-areas span{font-size:12px;font-weight:800;text-align:center;padding:7px 4px;border-radius:8px;background:#D9F36A;color:#0B1220}
.ssa-cs .hs-areas span:nth-child(even){background:#FFCD51}
.ssa-cs .hs-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.ssa-cs .hs-rows span{font-size:12.5px;font-weight:700;padding:7px 10px;border-radius:8px;background:#FFFFFF;border:1px solid #E3E6EC;display:flex;align-items:center;gap:8px}
.ssa-cs .hs-rows span::before{content:"";width:8px;height:8px;border-radius:50%;background:#0B1220;flex:none}
.ssa-cs .hs-tiers{display:flex;gap:6px}
.ssa-cs .hs-tiers span{flex:1;text-align:center;font-size:12px;font-weight:800;padding:6px;border-radius:999px;background:#0B1220;color:#FFFFFF}
.ssa-cs .hs-tiers span:last-child{background:#FFB4B3;color:#0B1220}
.ssa-cs .hs-heroresults{max-width:1240px;margin:0 auto;padding:0 24px 72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ssa-cs .hs-stat{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 20px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}
.ssa-cs .hs-stat b{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(32px,3.2vw,44px);line-height:1;color:#D9F36A;letter-spacing:-0.03em}
.ssa-cs .hs-stat span{font-size:15px;color:#D5DAE6;font-weight:600}
.ssa-cs .hs-main{background:#FFFFFF}
.ssa-cs .hs-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ssa-cs .hs-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;padding-top:64px;padding-bottom:40px}
.ssa-cs .hs-toc{position:sticky;align-self:start;max-height:calc(100vh - var(--ssa-top) - 24px);overflow:auto}
.ssa-cs .hs-tocd>summary{list-style:none;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5B6578;padding:4px 0 12px;cursor:default}
.ssa-cs .hs-tocd>summary::-webkit-details-marker{display:none}
.ssa-cs .hs-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid #E3E6EC;display:flex;flex-direction:column}
.ssa-cs .hs-toc a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;font-weight:600;color:#3C475A;text-decoration:none;line-height:1.35}
.ssa-cs .hs-toc a:hover{color:#0B1220}
.ssa-cs .hs-toc a.on{border-left-color:#0B1220;color:#0B1220;font-weight:800}
.ssa-cs .hs-toc a:focus-visible{outline:3px solid #0B1220;outline-offset:2px;border-radius:4px}
.ssa-cs .hs-article{min-width:0;max-width:880px}
.ssa-cs .hs-sec{padding:0 0 72px}
.ssa-cs .hs-eye{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#2B2BF0}
.ssa-cs .hs-h2{margin:0 0 18px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(28px,3.3vw,40px);line-height:1.1;letter-spacing:-0.03em;color:#0B1220}
.ssa-cs .hs-h3{margin:28px 0 14px;font-size:20px;color:#0B1220;line-height:1.3}
.ssa-cs .hs-lead{margin:0 0 24px;font-size:18px;line-height:1.65;color:#3C475A}
.ssa-cs .hs-prose p{margin:0 0 16px;font-size:17.5px;line-height:1.7;color:#1C2536}
.ssa-cs .hs-note{margin:24px 0 0;font-size:16px;color:#3C475A;border-left:4px solid #D9F36A;padding:4px 0 4px 14px}
.ssa-cs .hs-article a:not(.cta){color:#0B1220;font-weight:700;text-decoration:underline;text-decoration-color:#D9F36A;text-decoration-thickness:3px;text-underline-offset:3px}
.ssa-cs .hs-article a:not(.cta):hover{text-decoration-color:#0B1220}
.ssa-cs .hs-article a:focus-visible,.ssa-cs .hs-related a:focus-visible{outline:3px solid #0B1220;outline-offset:2px;border-radius:4px}
.ssa-cs .hs-callout{margin-top:22px;background:#0B1220;border-radius:18px;padding:20px 22px;border-left:5px solid #D9F36A}
.ssa-cs .hs-callout p{margin:0;font-size:17px;line-height:1.65;color:#E7EAF0}
.ssa-cs .hs-callout b{color:#D9F36A}
.ssa-cs .hs-glance{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ssa-cs .hs-glance>div{background:#F7F8FA;border:1px solid #E3E6EC;border-radius:16px;padding:16px 18px;min-width:0}
.ssa-cs .hs-glance dt{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5B6578;margin-bottom:6px}
.ssa-cs .hs-glance dd{margin:0;font-size:16px;font-weight:700;color:#0B1220;line-height:1.45}
.ssa-cs .hs-glance .hs-wide{grid-column:1/-1}
.ssa-cs .hs-glance .hs-hl{background:#F4FAD8;border-color:#D9F36A}
.ssa-cs .hs-pills{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ssa-cs .hs-pills li{font-size:14.5px;padding:7px 14px;border-radius:999px;background:#FFFFFF;border:1px solid #E3E6EC}
.ssa-cs .hs-pills a{text-decoration:none!important}
.ssa-cs .hs-chgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ssa-cs .hs-ch{border:1px solid #E3E6EC;border-radius:18px;padding:22px;background:#FFFFFF;display:flex;flex-direction:column;gap:8px}
.ssa-cs .hs-num{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;color:#0B1220;background:#FFB4B3;border-radius:8px;padding:3px 8px;align-self:flex-start}
.ssa-cs .hs-ch h3{margin:4px 0 0;font-size:18px;color:#0B1220}
.ssa-cs .hs-ch p{margin:0;font-size:15.5px;line-height:1.6;color:#3C475A}
.ssa-cs .hs-impact{margin-top:auto!important;padding-top:10px;border-top:1px dashed #E3E6EC;color:#1C2536!important}
.ssa-cs .hs-impact b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5B6578;margin-bottom:2px}
.ssa-cs .hs-tw{overflow-x:auto;border-radius:14px;border:1px solid #E3E6EC;position:relative}
.ssa-cs .hs-t{width:100%;border-collapse:collapse;font-size:15.5px;min-width:520px}
.ssa-cs .hs-t th,.ssa-cs .hs-t td{text-align:left;padding:13px 16px;border-bottom:1px solid #E3E6EC;vertical-align:top;line-height:1.5;color:#1C2536}
.ssa-cs .hs-t tbody tr:last-child th,.ssa-cs .hs-t tbody tr:last-child td{border-bottom:0}
.ssa-cs .hs-t thead th{background:#0B1220;color:#FFFFFF;font-size:13px;letter-spacing:.03em}
.ssa-cs .hs-t tbody th{font-weight:800;color:#0B1220;width:40%}
.ssa-cs .hs-tot th,.ssa-cs .hs-tot td{background:#F4FAD8;font-weight:800}
.ssa-cs .hs-dec tbody th{width:42%}
.ssa-cs .hs-phases{margin:0 0 12px}
.ssa-cs .hs-bar{display:flex;gap:4px;height:22px;border-radius:999px;overflow:hidden;margin-bottom:16px}
.ssa-cs .hs-bar span{display:block;min-width:10px}
.ssa-cs .p0{background:#FFCD51}
.ssa-cs .p1{background:#FFB4B3}
.ssa-cs .p2{background:#D9F36A}
.ssa-cs .p3{background:#0B1220}
.ssa-cs .pon{background:repeating-linear-gradient(45deg,#C5CBDA 0 6px,#E3E6EC 6px 12px);flex:1.4}
.ssa-cs .hs-plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ssa-cs .hs-plist li{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid #E3E6EC;border-radius:14px;background:#F7F8FA}
.ssa-cs .hs-plist i{width:14px;height:14px;border-radius:4px;margin-bottom:4px}
.ssa-cs .hs-plist b{font-size:14.5px;color:#0B1220;line-height:1.3}
.ssa-cs .hs-plist span{font-size:14px;color:#3C475A}
.ssa-cs .hs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.ssa-cs .hs-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ssa-cs .hs-ticks li{position:relative;padding-left:30px;font-size:16px;line-height:1.6;color:#3C475A}
.ssa-cs .hs-ticks li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:6px;background:#D9F36A}
.ssa-cs .hs-ticks li::after{content:"";position:absolute;left:6px;top:7px;width:5px;height:9px;border:solid #0B1220;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ssa-cs .hs-ticks b{color:#0B1220}
.ssa-cs .hs-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;position:relative}
.ssa-cs .hs-steps>li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;position:relative;padding-bottom:28px}
.ssa-cs .hs-steps>li:not(:last-child)::before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:#E3E6EC}
.ssa-cs .hs-sn{width:48px;height:48px;border-radius:14px;background:#0B1220;color:#D9F36A;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center}
.ssa-cs .hs-sb h3{margin:10px 0 8px;font-size:20px;color:#0B1220;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ssa-cs .hs-dur{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#F4FAD8;color:#0B1220;border:1px solid #D9F36A}
.ssa-cs .hs-sb>p{margin:0 0 14px;font-size:16.5px;line-height:1.65;color:#1C2536}
.ssa-cs .hs-sgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ssa-cs .hs-sgrid>div{background:#F7F8FA;border-radius:14px;padding:14px 16px}
.ssa-cs .hs-sgrid p{margin:0;font-size:15px;line-height:1.6;color:#3C475A}
.ssa-cs .hs-sgrid .hs-sl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5B6578;margin-bottom:4px}
.ssa-cs .hs-areasrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ssa-cs .hs-areasrow span{font-weight:800;font-size:14.5px;padding:8px 16px;border-radius:999px;background:#D9F36A;color:#0B1220}
.ssa-cs .hs-areasrow span:nth-child(even){background:#FFCD51}
.ssa-cs .hs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ssa-cs .hs-card{border:1px solid #E3E6EC;border-radius:18px;padding:20px;background:#F7F8FA}
.ssa-cs .hs-card h3{margin:0 0 8px;font-size:17.5px;color:#0B1220}
.ssa-cs .hs-card p{margin:0;font-size:15.5px;line-height:1.6;color:#3C475A}
.ssa-cs .hs-c5{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssa-cs .hs-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ssa-cs .hs-roles>div{border-radius:18px;padding:20px;background:#0B1220;color:#FFFFFF}
.ssa-cs .hs-roles b{display:inline-block;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;background:#D9F36A;color:#0B1220;margin-bottom:10px}
.ssa-cs .hs-roles>div:nth-child(2) b{background:#FFCD51}
.ssa-cs .hs-roles>div:nth-child(3) b{background:#FFB4B3}
.ssa-cs .hs-roles p{margin:0;font-size:15.5px;line-height:1.6;color:#D5DAE6}
.ssa-cs .hs-stack{display:flex;flex-direction:column;gap:12px}
.ssa-cs .hs-layer{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;border:1px solid #E3E6EC;border-radius:18px;padding:16px 18px;background:#FFFFFF}
.ssa-cs .hs-ln{margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0B1220;padding-top:3px}
.ssa-cs .hs-layer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ssa-cs .hs-layer li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#F7F8FA}
.ssa-cs .hs-layer li b{font-size:15.5px;color:#0B1220}
.ssa-cs .hs-layer li span{font-size:14px;line-height:1.5;color:#3C475A}
.ssa-cs .hs-rgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.ssa-cs .hs-rcard{border-radius:18px;padding:20px;background:#0B1220;display:flex;flex-direction:column;gap:4px}
.ssa-cs .hs-rcard b{font-family:'Bricolage Grotesque',sans-serif;font-size:40px;line-height:1;color:#D9F36A;letter-spacing:-0.03em}
.ssa-cs .hs-rcard span{font-size:15px;font-weight:700;color:#FFFFFF}
.ssa-cs .hs-rcard p{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:#AEB6C6}
.ssa-cs .hs-check{background:#F7F8FA;border-radius:18px;padding:4px 22px 22px}
.ssa-cs .hs-olist{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px}
.ssa-cs .hs-olist li{font-size:16px;line-height:1.6;color:#3C475A}
.ssa-cs .hs-olist b{color:#0B1220}
.ssa-cs .hs-quote{margin:0;background:#F4FAD8;border-radius:22px;padding:32px;position:relative}
.ssa-cs .hs-quote blockquote{margin:0}
.ssa-cs .hs-quote blockquote p{margin:0;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(24px,2.6vw,32px);line-height:1.35;color:#0B1220}
.ssa-cs .hs-quote blockquote p::before{content:"\201C"}
.ssa-cs .hs-quote blockquote p::after{content:"\201D"}
.ssa-cs .hs-quote figcaption{margin-top:16px;font-weight:800;color:#0B1220;font-size:15px}
.ssa-cs .hs-faq{display:flex;flex-direction:column;gap:10px}
.ssa-cs .hs-faq details{border:1px solid #E3E6EC;border-radius:16px;background:#FFFFFF}
.ssa-cs .hs-faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 20px;font-weight:800;font-size:17px;color:#0B1220;position:relative}
.ssa-cs .hs-faq summary::-webkit-details-marker{display:none}
.ssa-cs .hs-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#F7F8FA;display:flex;align-items:center;justify-content:center;font-size:18px}
.ssa-cs .hs-faq details[open] summary::after{content:"\2212";background:#D9F36A}
.ssa-cs .hs-faq summary:focus-visible{outline:3px solid #0B1220;outline-offset:2px;border-radius:16px}
.ssa-cs .hs-faq p{margin:0;padding:0 20px 18px;font-size:16px;line-height:1.65;color:#3C475A}
.ssa-cs .hs-cta-wrap{background:#F7F8FA;border-top:1px solid #E3E6EC;padding:64px 0 88px}
.ssa-cs .hs-cta{background:#0B1220;border-radius:28px;padding:40px;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:28px;align-items:center}
.ssa-cs .hs-cta h2{margin:0 0 10px;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(28px,3vw,38px);color:#FFFFFF;letter-spacing:-0.03em;line-height:1.1}
.ssa-cs .hs-cta p{margin:0;font-size:17px;line-height:1.6;color:#D5DAE6}
.ssa-cs .hs-relh{margin:44px 0 16px;font-family:'Bricolage Grotesque',sans-serif;font-size:24px;color:#0B1220}
.ssa-cs .hs-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ssa-cs .hs-related a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px;border-radius:16px;background:#FFFFFF;border:1px solid #E3E6EC;text-decoration:none;transition:border-color .15s}
.ssa-cs .hs-related a:hover{border-color:#0B1220}
.ssa-cs .hs-related b{color:#0B1220;font-size:16px}
.ssa-cs .hs-related span{color:#3C475A;font-size:14.5px;line-height:1.5}
.ssa-cs .hs-related b::after{content:" \2192"}
@media (max-width:1100px){.ssa-cs .hs-shell{grid-template-columns:1fr;gap:24px}
.ssa-cs .hs-toc{position:static;max-height:none}
.ssa-cs .hs-tocd{border:1px solid #E3E6EC;border-radius:16px;padding:6px 16px 14px;background:#F7F8FA}
.ssa-cs .hs-tocd>summary{cursor:pointer;padding:12px 0}
.ssa-cs .hs-toc ol{columns:2;display:block}
.ssa-cs .hs-toc li{break-inside:avoid}
.ssa-cs .hs-hero{grid-template-columns:1fr}
.ssa-cs .hs-heroresults{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssa-cs .hs-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssa-cs .hs-related{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssa-cs .hs-article{max-width:none}
.ssa-cs .hs-plist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ssa-cs .hs-glance,.ssa-cs .hs-chgrid,.ssa-cs .hs-cards,.ssa-cs .hs-c5,.ssa-cs .hs-roles,.ssa-cs .hs-two,.ssa-cs .hs-sgrid,.ssa-cs .hs-layer ul{grid-template-columns:1fr}
.ssa-cs .hs-layer{grid-template-columns:1fr;gap:8px}
.ssa-cs .hs-cta{grid-template-columns:1fr;padding:28px}
.ssa-cs .hs-plist{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssa-cs .hs-toc ol{columns:1}
.ssa-cs .hs-shift{grid-template-columns:1fr}
.ssa-cs .hs-arrow{transform:rotate(90deg);justify-self:center}
.ssa-cs .hs-sec{padding-bottom:56px}
.ssa-cs .hs-steps>li{grid-template-columns:40px minmax(0,1fr);gap:14px}
.ssa-cs .hs-sn{width:40px;height:40px;font-size:17px}
.ssa-cs .hs-steps>li:not(:last-child)::before{left:19px;top:40px}}
@media (max-width:480px){.ssa-cs .hs-heroresults,.ssa-cs .hs-rgrid,.ssa-cs .hs-related{grid-template-columns:1fr}
.ssa-cs .hs-quote{padding:22px}
.ssa-cs .hs-hero{padding-left:16px;padding-right:16px}
.ssa-cs .hs-heroresults{padding-left:16px;padding-right:16px}
.ssa-cs .hs-wrap{padding:0 16px}}
@media (prefers-reduced-motion:reduce){html:has(.ssa-cs){scroll-behavior:auto!important}
.ssa-cs .hs-related a{transition:none}}
@media (prefers-reduced-motion:no-preference){html:has(.ssa-cs){scroll-behavior:smooth}}
@media print{.ssa-cs .hs-herowrap>header,.ssa-cs footer,.ssa-cs .hs-toc,.ssa-cs .hs-cta-wrap{display:none!important}
.ssa-cs .hs-shell{display:block}}
.ssa-cs .hs-sec:focus{outline:none}
@media (max-width:640px){.ssa-cs .hs-t{min-width:0}
.ssa-cs .hs-t thead{display:none}
.ssa-cs .hs-t tbody th,.ssa-cs .hs-t tbody td{display:block;width:auto!important;border-bottom:0}
.ssa-cs .hs-t tbody th{padding:14px 16px 2px}
.ssa-cs .hs-t tbody td{padding:2px 16px 14px}
.ssa-cs .hs-t tbody tr{border-bottom:1px solid #E3E6EC;display:block}
.ssa-cs .hs-t tbody tr:last-child{border-bottom:0}
.ssa-cs .hs-tw{overflow:visible}}
@media (max-width:480px){.ssa-cs .hs-heroresults{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssa-cs .hs-stat{padding:14px}}
@media (max-width:1100px){.ssa-cs .hs-tocd>summary{display:flex;justify-content:space-between;align-items:center}
.ssa-cs .hs-tocd>summary::after{content:"+";font-size:20px;color:#0B1220}
.ssa-cs .hs-tocd[open]>summary::after{content:"\2212"}
.ssa-cs .hs-tocd>summary:focus-visible{outline:3px solid #0B1220;outline-offset:2px;border-radius:8px}}
.ssa-cs .hs-chtop{display:flex;justify-content:space-between;align-items:center}
.ssa-cs .hs-ch .hs-num{background:#F7F8FA;color:#5B6578}
.ssa-cs .hs-card .ua-ic{margin-bottom:12px}
.ssa-cs .hs-ba{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ssa-cs .hs-ba li{display:grid;grid-template-columns:minmax(0,.8fr) 48px minmax(0,1.3fr);align-items:stretch}
.ssa-cs .hs-b,.ssa-cs .hs-a{border-radius:16px;padding:14px 18px}
.ssa-cs .hs-b{background:#FFF1F0;border:1px solid #FFD3D1}
.ssa-cs .hs-a{background:#F4FAD8;border:1px solid #D9F36A}
.ssa-cs .hs-ba p{margin:0;font-size:15.5px;line-height:1.55;color:#1C2536}
.ssa-cs .hs-ba .hs-bl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5B6578;margin-bottom:4px}
.ssa-cs .hs-a .hs-bl{color:#0B1220;letter-spacing:0;text-transform:none;font-size:16px}
.ssa-cs .hs-ar{display:flex;align-items:center;justify-content:center;color:#0B1220}
.ssa-cs .hs-journey{margin:0 0 22px;background:#0B1220;border-radius:22px;padding:22px}
.ssa-cs .hs-jcap{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#D9F36A;margin-bottom:14px}
.ssa-cs .hs-journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:none}
.ssa-cs .hs-journey li{position:relative;background:#16223A;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}
.ssa-cs .hs-journey li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:8px;height:8px;border-top:2px solid #D9F36A;border-right:2px solid #D9F36A;transform:translateY(-50%) rotate(45deg);z-index:1}
.ssa-cs .hs-journey li span{width:28px;height:28px;border-radius:8px;background:#D9F36A;color:#0B1220;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.ssa-cs .hs-journey b{color:#FFFFFF;font-size:15px;line-height:1.3}
.ssa-cs .hs-journey em{font-style:normal;color:#AEB6C6;font-size:13px;line-height:1.45}
.ssa-cs .hs-journey li:nth-child(2) span{background:#FFCD51}
.ssa-cs .hs-journey li:nth-child(4) span{background:#FFB4B3}
.ssa-cs .hs-arch{margin:0 0 20px;background:#F7F8FA;border:1px solid #E3E6EC;border-radius:22px;padding:24px;display:flex;flex-direction:column;align-items:stretch}
.ssa-cs .hs-arow{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ssa-cs .hs-users span{font-size:14px;font-weight:800;padding:8px 16px;border-radius:999px;background:#FFFFFF;border:1px solid #E3E6EC;color:#0B1220}
.ssa-cs .hs-down{width:2px;height:26px;background:#0B1220;margin:6px auto;position:relative}
.ssa-cs .hs-down::after{content:"";position:absolute;left:-4px;bottom:-2px;width:8px;height:8px;border-right:2px solid #0B1220;border-bottom:2px solid #0B1220;transform:rotate(45deg)}
.ssa-cs .hs-node{border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;min-width:200px;text-align:center}
.ssa-cs .hs-node b{font-size:16px}
.ssa-cs .hs-node em{font-style:normal;font-size:13.5px;font-weight:600}
.ssa-cs .hs-fe{background:#D9F36A;color:#0B1220}
.ssa-cs .hs-be{background:#0B1220;color:#FFFFFF}
.ssa-cs .hs-be em{color:#D9F36A}
.ssa-cs .hs-db{background:#FFCD51;color:#0B1220}
.ssa-cs .hs-mail{background:#FFB4B3;color:#0B1220}
.ssa-cs .hs-mid{align-items:center;gap:0}
.ssa-cs .hs-mid .hs-be{position:relative;margin-right:28px}
.ssa-cs .hs-mid .hs-be::after{content:"";position:absolute;right:-28px;top:50%;width:28px;height:2px;background:#0B1220}
.ssa-cs .hs-side{display:flex;flex-direction:column;gap:8px}
.ssa-cs .hs-side .hs-node{min-width:170px;padding:10px 14px}
.ssa-cs .hs-cloud{margin-top:18px;border:2px dashed #C5CBDA;border-radius:16px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.ssa-cs .hs-cloud p{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5B6578}
.ssa-cs .hs-cloud div{display:flex;flex-wrap:wrap;gap:8px}
.ssa-cs .hs-cloud span{font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:#FFFFFF;border:1px solid #E3E6EC;color:#0B1220}
.ssa-cs .hs-idx{display:flex;flex-direction:column;gap:14px;margin-bottom:10px}
.ssa-cs .hs-irow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border:1px solid #E3E6EC;border-radius:16px}
.ssa-cs .hs-il{margin:0;font-weight:800;color:#0B1220;font-size:15.5px;display:flex;flex-direction:column;gap:2px}
.ssa-cs .hs-il span{font-size:13.5px;font-weight:700;color:#3C475A}
.ssa-cs .hs-ibars{display:flex;flex-direction:column;gap:6px}
.ssa-cs .hs-ibars div{display:flex;align-items:center;gap:10px}
.ssa-cs .hs-ibars i{display:block;height:14px;border-radius:5px}
.ssa-cs .hs-ibars i.b{background:#C5CBDA}
.ssa-cs .hs-ibars i.a{background:#0B1220}
.ssa-cs .hs-ibars i.a.up{background:#9BC21E}
.ssa-cs .hs-ibars em{font-style:normal;font-size:12.5px;font-weight:700;color:#3C475A;white-space:nowrap}
.ssa-cs .hs-small{margin:0 0 22px;font-size:14px;color:#5B6578}
@media (max-width:1100px){.ssa-cs .hs-journey ol{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssa-cs .hs-journey li::after{display:none}}
@media (max-width:760px){.ssa-cs .hs-ba li{grid-template-columns:1fr}
.ssa-cs .hs-ar{transform:rotate(90deg);height:34px}
.ssa-cs .hs-journey ol{grid-template-columns:1fr 1fr}
.ssa-cs .hs-irow{grid-template-columns:1fr}
.ssa-cs .hs-mid{flex-direction:column}
.ssa-cs .hs-mid .hs-be{margin:0 0 30px}
.ssa-cs .hs-mid .hs-be::after{right:auto;left:50%;top:auto;bottom:-30px;width:2px;height:30px}
.ssa-cs .hs-side{flex-direction:row;flex-wrap:wrap;justify-content:center}
.ssa-cs .hs-node{min-width:0}}
@media (max-width:420px){.ssa-cs .hs-journey ol{grid-template-columns:1fr}
.ssa-cs .hs-side .hs-node{flex:1 1 140px}}
@media (min-width:761px){.ssa-cs .hs-mid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.ssa-cs .hs-mid::before{content:""}
.ssa-cs .hs-mid .hs-side{justify-self:start}}
@media (min-width:761px){.ssa-cs .hs-mid{column-gap:28px}
.ssa-cs .hs-mid .hs-be{margin-right:0}}
.ssa-cs .hr-vis{gap:12px}
.ssa-cs .hr-search{display:flex;align-items:center;gap:10px;background:#FFFFFF;border-radius:999px;padding:11px 16px;font-size:14.5px;font-weight:600;color:#0B1220}
.ssa-cs .hr-build{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:8px}
.ssa-cs .hr-build li{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 14px;border-radius:14px;color:#0B1220}
.ssa-cs .hr-build span{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#0B1220;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.ssa-cs .hr-build b{font-size:15.5px}
.ssa-cs .hr-build em{font-style:normal;font-size:13px;font-weight:600;opacity:.85}
.ssa-cs .hr-l0{background:#2A3347;color:#FFFFFF!important}
.ssa-cs .hr-l0 span{background:#5B6578}
.ssa-cs .hr-l1{background:#FFB4B3}
.ssa-cs .hr-l2{background:#FFCD51}
.ssa-cs .hr-l3{background:#D9F36A}
.ssa-cs .hr-l1{margin:0 6px}
.ssa-cs .hr-l2{margin:0 3px}
.ssa-cs .hr-ch{display:flex;gap:8px}
.ssa-cs .hr-ch span{flex:1;text-align:center;font-size:13px;font-weight:800;padding:8px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#FFFFFF}
.ssa-cs .hr-out{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;border:1px dashed #D9F36A}
.ssa-cs .hr-out b{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;color:#D9F36A}
.ssa-cs .hr-out span{font-size:14px;color:#D5DAE6;font-weight:600}
.ssa-cs .hr-scatter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:6px 0 4px;padding:18px 20px;border:1px solid #E3E6EC;border-radius:18px;background:#F7F8FA;color:#0B1220}
.ssa-cs .hr-scatter .hr-sl{margin:0;width:100%;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5B6578}
.ssa-cs .hr-scatter div{display:flex;flex-wrap:wrap;gap:8px}
.ssa-cs .hr-scatter div span{font-size:14.5px;font-weight:700;padding:8px 14px;border-radius:10px;background:#FFF1F0;border:1px solid #FFD3D1}
.ssa-cs .hr-scatter div span:nth-child(2){transform:rotate(-2deg)}
.ssa-cs .hr-scatter div span:nth-child(3){transform:rotate(1.5deg)}
.ssa-cs .hr-one{margin:0;font-weight:800;font-size:15px;padding:9px 16px;border-radius:10px;background:#D9F36A}
.ssa-cs .hr-p4{background:#9BC21E}
.ssa-cs .hr-ppar{background:repeating-linear-gradient(90deg,#FFB4B3 0 8px,#FFFFFF 8px 12px);border:1px solid #FFB4B3}
.ssa-cs .hr-plist{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ssa-cs .hr-layers{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:none}
.ssa-cs .hr-layers li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px 18px 18px 18px;border-radius:18px;background:#0B1220;color:#FFFFFF}
.ssa-cs .hr-layers .ua-ic{flex:none}
.ssa-cs .hr-layers h3{margin:0 0 4px;font-size:17px;color:#FFFFFF}
.ssa-cs .hr-layers p{margin:0;font-size:15px;line-height:1.55;color:#C5CBDA}
.ssa-cs .hr-ln{position:absolute;top:12px;right:14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:13px;color:#D9F36A}
.ssa-cs .hr-flow{margin:0 0 22px;background:#F7F8FA;border:1px solid #E3E6EC;border-radius:22px;padding:24px;display:grid;grid-template-columns:minmax(0,1.2fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:8px}
.ssa-cs .hr-fcol{display:flex;flex-direction:column;gap:8px}
.ssa-cs .hr-fn{border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.ssa-cs .hr-fn b{font-size:15.5px}
.ssa-cs .hr-fn em{font-style:normal;font-size:13px;font-weight:600}
.ssa-cs .hr-soc{background:#FFB4B3;color:#0B1220}
.ssa-cs .hr-ads{background:#FFCD51;color:#0B1220}
.ssa-cs .hr-seo{background:#D9F36A;color:#0B1220}
.ssa-cs .hr-site{background:#0B1220;color:#FFFFFF}
.ssa-cs .hr-site em{color:#D9F36A}
.ssa-cs .hr-goal{background:#FFFFFF;border:2px solid #0B1220;color:#0B1220}
.ssa-cs .hr-farrow{height:2px;background:#0B1220;position:relative}
.ssa-cs .hr-farrow::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid #0B1220;border-right:2px solid #0B1220;transform:rotate(45deg)}
.ssa-cs .hr-loop{grid-column:1/-1;margin:8px 0 0;font-size:14.5px;font-weight:700;color:#0B1220;display:flex;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;border:1px dashed #9BC21E;background:#FFFFFF}
.ssa-cs .hr-loop span{font-size:18px}
.ssa-cs .hr-j3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ssa-cs .hr-big{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;margin-bottom:20px}
.ssa-cs .hr-big>div{background:#0B1220;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:6px}
.ssa-cs .hr-big>div b{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(44px,5vw,64px);line-height:1;color:#D9F36A;letter-spacing:-0.03em}
.ssa-cs .hr-big>div span{font-size:17px;font-weight:700;color:#FFFFFF}
.ssa-cs .hr-big>div p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:#AEB6C6}
.ssa-cs .hr-big ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ssa-cs .hr-big li{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid #E3E6EC;border-radius:16px;background:#F7F8FA}
.ssa-cs .hr-big li span{display:flex;flex-direction:column;font-size:14.5px;color:#3C475A;line-height:1.5}
.ssa-cs .hr-big li b{color:#0B1220;font-size:15.5px}
@media (max-width:1100px){.ssa-cs .hr-flow{grid-template-columns:1fr;justify-items:stretch}
.ssa-cs .hr-farrow{width:2px;height:24px;justify-self:center}
.ssa-cs .hr-farrow::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}
.ssa-cs .hr-plist{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){.ssa-cs .hr-layers,.ssa-cs .hr-big,.ssa-cs .hr-j3{grid-template-columns:1fr!important}
.ssa-cs .hr-plist{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ssa-cs .hr-c7{grid-template-columns:repeat(4,minmax(0,1fr))}
.ssa-cs .hr-c7 .hs-card{padding:18px}
@media (max-width:1100px){.ssa-cs .hr-c7{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ssa-cs .hr-c7{grid-template-columns:1fr}}
.ssa-cs .it-vis{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.ssa-cs .it-phone{background:#F7F8FA;border-radius:26px;padding:16px;border:6px solid #2A3347;display:flex;flex-direction:column;gap:12px;color:#0B1220}
.ssa-cs .it-top{display:flex;justify-content:space-between;align-items:center}
.ssa-cs .it-pill{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:#0B1220;color:#FFFFFF}
.ssa-cs .it-streak{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:#FFCD51}
.ssa-cs .it-streak::before{content:"\25B2  ";font-size:9px}
.ssa-cs .it-q{background:#FFFFFF;border:1px solid #E3E6EC;border-radius:16px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ssa-cs .it-q p{margin:0;font-weight:800;font-size:15px}
.ssa-cs .it-ans{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ssa-cs .it-ans span{text-align:center;font-weight:800;font-size:14px;padding:10px;border-radius:12px;background:#FFFFFF;border:1px solid #E3E6EC}
.ssa-cs .it-ans .it-ok{background:#D9F36A;border-color:#9BC21E}
.ssa-cs .it-exp{background:#F4FAD8;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex;flex-direction:column;gap:2px}
.ssa-cs .it-side{display:flex;flex-direction:column;gap:12px;justify-content:space-between}
.ssa-cs .it-sl{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8D97AB}
.ssa-cs .it-bars{display:flex;flex-direction:column;gap:10px}
.ssa-cs .it-bars span{display:flex;flex-direction:column;gap:4px}
.ssa-cs .it-bars em{font-style:normal;font-size:13px;font-weight:700;color:#D5DAE6}
.ssa-cs .it-bars i{display:block;height:10px;border-radius:999px;background:#D9F36A;box-shadow:inset 0 0 0 0 transparent}
.ssa-cs .it-bars span:nth-child(2) i{background:#FFCD51}
.ssa-cs .it-bars span:nth-child(3) i{background:#FFB4B3}
.ssa-cs .it-bars span:nth-child(4) i{background:#C5CBDA}
.ssa-cs .it-chips{display:flex;gap:8px}
.ssa-cs .it-chips span{flex:1;text-align:center;font-size:13px;font-weight:800;padding:8px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#FFFFFF}
.ssa-cs .it-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:8px}
.ssa-cs .it-l{border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:6px}
.ssa-cs .it-c1{background:#0B1220;color:#FFFFFF}
.ssa-cs .it-c2{background:#F4FAD8;border:1px solid #D9F36A}
.ssa-cs .it-c3{background:#FFF7E0;border:1px solid #FFCD51}
.ssa-cs .it-tag{margin:0;align-self:flex-start;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;padding:4px 14px;border-radius:12px;background:#D9F36A;color:#0B1220}
.ssa-cs .it-c2 .it-tag{background:#0B1220;color:#D9F36A}
.ssa-cs .it-c3 .it-tag{background:#FFCD51}
.ssa-cs .it-l h3{margin:8px 0 0;font-size:18px}
.ssa-cs .it-c1 h3{color:#FFFFFF}
.ssa-cs .it-c2 h3,.ssa-cs .it-c3 h3{color:#0B1220}
.ssa-cs .it-goal{margin:0;font-size:15px;font-weight:700}
.ssa-cs .it-c1 .it-goal{color:#D9F36A}
.ssa-cs .it-c2 .it-goal,.ssa-cs .it-c3 .it-goal{color:#3C475A}
.ssa-cs .it-l ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.ssa-cs .it-l li{font-size:14.5px;line-height:1.55}
.ssa-cs .it-c1 li{color:#D5DAE6}
.ssa-cs .it-c2 li,.ssa-cs .it-c3 li{color:#1C2536}
.ssa-cs .it-admin{background:#FFFFFF!important;border:2px solid #0B1220}
@media (max-width:1100px){.ssa-cs .it-tri{grid-template-columns:1fr}}
@media (max-width:560px){.ssa-cs .it-vis{grid-template-columns:1fr!important}}