:root{--ss-azure:#1488E8;--ss-deep:#033ECF;--ss-bg:#F5F9FF;--ss-card:#FFF;--ss-tint:#E8F3FD;--ss-heading:#000;--ss-body:#3D4556;--ss-meta:#5A6275;--ss-line:#DCE6F3;--ss-link:#033ECF;--ss-hero-a:#033ECF;--ss-hero-b:#1488E8;--ss-dark:#040A1F;--ss-dark-2:#0A1636;--ss-header:#F5F9FF;--ss-ld:block;--ss-ln:none;--ss-hdr:72px;--ss-step:100vh;--ss-card-h:75svh;--ss-gut:max(24px,env(safe-area-inset-left,0px));--ss-gur:max(24px,env(safe-area-inset-right,0px));--ss-display:'Plus Jakarta Sans',system-ui,sans-serif;--ss-text:Inter,system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ss-bg:#060A16;--ss-card:#0E1830;--ss-tint:#0F2346;--ss-heading:#FFF;--ss-body:#B6C0D4;--ss-meta:#8E99B0;--ss-line:#1C2A4A;--ss-link:#6FB6F5;--ss-hero-a:#021A5C;--ss-hero-b:#0B5FB3;--ss-dark:#02050F;--ss-dark-2:#071233;--ss-header:#060A16;--ss-ld:none;--ss-ln:block;color-scheme:dark}}
:root[data-theme="dark"]{--ss-bg:#060A16;--ss-card:#0E1830;--ss-tint:#0F2346;--ss-heading:#FFF;--ss-body:#B6C0D4;--ss-meta:#8E99B0;--ss-line:#1C2A4A;--ss-link:#6FB6F5;--ss-hero-a:#021A5C;--ss-hero-b:#0B5FB3;--ss-dark:#02050F;--ss-dark-2:#071233;--ss-header:#060A16;--ss-ld:none;--ss-ln:block;color-scheme:dark}
@media (max-width:767px){
:root{--ss-hdr:60px;--ss-step:70svh;--ss-card-h:78svh;--ss-gut:max(16px,env(safe-area-inset-left,0px));--ss-gur:max(16px,env(safe-area-inset-right,0px))}
}
.ssw .hd{line-height:1.1;font-family:var(--ss-display);color:var(--ss-heading);margin:0;text-wrap:balance}
.ssw a{color:inherit}
.ssw img{display:block}
.ssw :focus-visible{outline:3px solid var(--ss-azure);outline-offset:2px}
.ssw .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--ss-deep);color:#FFF;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform .25s ease;border:0}
.ssw .btn:hover{transform:translateY(-2px)}
.ssw .btn.alt{background:transparent;color:var(--ss-heading);border:1.5px solid var(--ss-line)}
.ssw .btn.wh{background:#FFF;color:#033ECF}
.ssw .btn.ol{background:transparent;color:#FFF;border:1.5px solid rgba(255,255,255,.6)}
.ssw .track{position:relative}
.ssw .pin{position:relative;overflow:hidden}
.ssp-motion .ssw .track{height:calc(100svh + var(--ss-n,4)*var(--ss-step))}
.ssp-motion .ssw .pin{position:sticky;top:0;height:100svh}
.ssw .bg{position:absolute;inset:0}
.ssw .bg0{background:radial-gradient(70% 60% at 82% 30%,color-mix(in srgb,var(--ss-azure) 24%,transparent),transparent 70%),var(--ss-bg)}
.ssw .bgs{opacity:0}
.ssw .b1{background:linear-gradient(135deg,#1488E8,#0B6BD6)}
.ssw .b2{background:linear-gradient(135deg,#0B6BD6,#033ECF)}
.ssw .b3{background:linear-gradient(135deg,#033ECF,#04247F)}
.ssw .b4{background:linear-gradient(135deg,#04247F,#040A1F)}
.ssw .hero{min-height:100svh;box-sizing:border-box;padding:calc(var(--ss-hdr) + 24px) var(--ss-gur) 32px var(--ss-gut);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:center;position:relative;max-width:1360px;margin:auto}
.ssp-motion .ssw .hero{position:absolute;inset:0;margin:auto}
.ssw .copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;position:relative;z-index:2}
.ssw .eye{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-link)}
.ssw .hl{font-size:clamp(38px,5.2vw,76px);line-height:1.06;font-weight:800;letter-spacing:-.02em}
.ssw .hl .w{display:inline-block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;vertical-align:top}
.ssw .hl .w i{display:inline-block;font-style:normal}
.ssw .hl em{font-style:normal;color:var(--ss-azure)}
.ssw .lead{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.6;max-width:52ch}
.ssw .row{display:flex;flex-wrap:wrap;gap:10px}
.ssw .mk{width:120px;overflow:hidden}
.ssw .mk>div{overflow:hidden}
.ssw .mk svg{display:block;width:120px;height:auto}
.ssw .stagehero{position:relative;height:min(70svh,620px);perspective:1400px}
.ssw .tilt{position:absolute;inset:0;transform-style:preserve-3d}
.ssw .f{position:absolute}
.ssw .fi{animation:ssp-fl 7s ease-in-out infinite;animation-delay:var(--ss-d,0s)}
@keyframes ssp-fl{50%{transform:translateY(-12px)}}
.ssw .br{background:#FFF;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px rgba(3,30,110,.28);border:1px solid rgba(3,62,207,.12)}
.ssw .br>span{display:flex;gap:5px;align-items:center;height:22px;padding:0 10px;background:#EEF3FB}
.ssw .br>span i{width:7px;height:7px;border-radius:50%;background:#C3CFE2}
.ssw .shot{position:relative;overflow:hidden}
.ssw .shot img{width:100%;height:auto}
.ssw .f1{left:12%;top:4%;width:74%}
.ssw .f1 .shot{height:min(46svh,400px)}
.ssw .f2{left:0;bottom:6%;width:52%}
.ssw .f2 .shot{height:min(24svh,210px)}
.ssw .f3{right:0;bottom:0;width:48%}
.ssw .f3 .shot{height:min(26svh,230px)}
.ssw .strip{position:absolute;left:0;right:0;top:var(--ss-hdr);height:calc(100svh - var(--ss-card-h) - var(--ss-hdr));display:flex;align-items:center;gap:24px;padding-left:var(--ss-gut);padding-right:var(--ss-gur);color:#FFF;visibility:hidden;box-sizing:border-box}
.ssw .strip .strip-t{font:700 clamp(15px,1.5vw,20px) var(--ss-display);flex:none}
.ssw .rail{position:relative;flex:1;height:2px;background:rgba(255,255,255,.3);margin:0 12px;min-width:60px}
.ssw .rf{position:absolute;inset:0;background:#FFF;transform-origin:left;transform:scaleX(0)}
.ssw .rm{position:absolute;left:0;margin-left:-13px;top:-8px;width:26px;height:18px}
.ssw .rl{display:flex;position:absolute;left:0;right:0;top:12px;justify-content:space-between;font-size:12px;font-weight:600}
.ssw .skip{font-size:13px;font-weight:600;color:#FFF;flex:none;padding:12px 0}
.ssw .slide,.ssw .box{position:relative;background:var(--ss-card);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px 24px 0 0;margin:16px auto;width:min(94vw,1280px)}
.ssp-motion .ssw .slide,.ssp-motion .ssw .box{position:absolute;left:0;right:0;bottom:0;margin:0 auto;height:var(--ss-card-h);transform-origin:top center;will-change:transform;box-shadow:0 -24px 60px rgba(2,10,40,.3)}
.ssp-motion .ssw .box{height:calc(var(--ss-card-h) - var(--ss-i)*12px)}
.ssw .vis{position:relative;overflow:hidden;min-width:0;min-height:0;background:linear-gradient(150deg,var(--ss-tint),color-mix(in srgb,var(--ss-azure) 22%,var(--ss-tint)))}
.ssw .txt{padding:clamp(18px,3vw,44px);display:flex;flex-direction:column;gap:clamp(8px,1.4svh,14px);justify-content:center;min-width:0;min-height:0}
.ssw .txt .ttl{font-size:clamp(22px,3vw,40px);line-height:1.14;font-weight:800;letter-spacing:-.01em}
.ssw .txt p{margin:0;font-size:clamp(14px,1.15vw,17px);line-height:1.55}
.ssw .txt .btn{margin-top:2px}
.ssw .proof{font-size:13px;font-weight:600;color:var(--ss-link);padding:7px 12px;border-radius:999px;background:var(--ss-tint);align-self:flex-start}
.ssw .txt ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:clamp(13px,1.05vw,15px);color:var(--ss-heading)}
.ssw .txt li{display:flex;gap:8px}
.ssw .txt li::before{content:"";flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ss-azure)}
.ssw .txt .btn{align-self:flex-start}
.ssw .chip{position:absolute;padding:8px 12px;background:#FFF;color:#033ECF;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 10px 24px rgba(3,30,110,.2);white-space:nowrap}
.ssw .vw .f1w{position:absolute;left:7%;top:8%;width:72%}
.ssw .vw .shot{height:calc(var(--ss-card-h)*.72)}
.ssw .ph{position:absolute;right:6%;bottom:6%;width:27%;aspect-ratio:9/18.5;border-radius:20px;border:5px solid #0B1420;background:#FFF;overflow:hidden;box-shadow:0 24px 50px rgba(3,30,110,.35)}
.ssw .ph img{width:100%;height:auto}
.ssw .fan{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ssw .fan img{position:absolute;width:40%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 20px 44px rgba(3,30,110,.3)}
.ssw .vseo{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(14px,3vw,36px)}
.ssw .sb{background:#FFF;color:#0B1420;border-radius:999px;padding:12px 18px;font-size:14px;position:relative;overflow:hidden;white-space:nowrap;box-shadow:0 10px 24px rgba(3,30,110,.14)}
.ssw .sbc{position:absolute;inset:0 0 0 38px;background:#FFF;transform-origin:right}
.ssw .res{background:#FFF;border:2px solid #1488E8;border-radius:14px;padding:12px 16px;display:grid;gap:3px}
.ssw .res small{font-size:11px;color:#5A6275}
.ssw .res b{color:#033ECF;font-size:15px}
.ssw .res span{font-size:12px;color:#3D4556}
.ssw .bars{display:flex;align-items:flex-end;gap:7px;height:clamp(60px,14svh,120px)}
.ssw .bars i{flex:1;border-radius:4px 4px 0 0;background:#1488E8;transform-origin:bottom}
.ssw .cap{font-size:11px;color:var(--ss-meta)}
.ssw .vp .ad{position:absolute;left:7%;top:0;bottom:0;margin:auto 0;width:50%;height:auto;border-radius:14px;box-shadow:0 22px 48px rgba(3,30,110,.32)}
.ssw .vp .ph{right:7%;bottom:auto;top:12%;width:30%;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;box-sizing:border-box;background:#F5F9FF}
.ssw .call{background:#FFF;border-radius:10px;padding:8px;font-size:11px;color:#0B1420;box-shadow:0 6px 14px rgba(3,30,110,.14);display:grid;gap:2px}
.ssw .call b{color:#12A150}
.ssw .sv{position:relative}
.ssw .sv .bg{background:var(--ss-bg)}
.ssw .shead{text-align:center;padding:32px var(--ss-gur) 16px var(--ss-gut)}
.ssp-motion .ssw .shead{position:absolute;left:0;right:0;top:50%;padding-block:0;transform-origin:center}
.ssw .shead .sh-t{font-size:clamp(32px,5vw,68px);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.ssw .shead .ssub{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2svh,18px);margin-top:clamp(8px,1.6svh,14px)}
.ssw .shead .sh-s{font-size:clamp(17px,2vw,26px);line-height:1.25;font-weight:700;color:var(--ss-link);max-width:30em}
.ssw .shead p{margin:0;max-width:62ch;font-size:clamp(14px,1.2vw,17px);line-height:1.55}
.ssw .pil{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,1000px);text-align:left}
.ssw .pil>div{display:flex;flex-direction:column;gap:5px;padding:clamp(12px,2svh,20px);border-radius:14px;background:var(--ss-card);border:1px solid var(--ss-line)}
.ssw .pil .pil-t{font:700 clamp(15px,1.3vw,18px) var(--ss-display);color:var(--ss-heading)}
.ssw .pil span{font-size:clamp(13px,1vw,15px);line-height:1.45}
.ssw .flowr{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;font-size:13px;font-weight:600;color:var(--ss-heading)}
.ssw .flowr li{display:flex;align-items:center;gap:8px}
.ssw .flowr li+li::before{content:"→";color:var(--ss-azure)}
.ssw .vb{display:flex;flex-direction:column;gap:12px;padding:clamp(14px,2.4vw,28px) 0;justify-content:center}
.ssw .vb .eye{padding:0 clamp(14px,2.4vw,28px);font-size:11px}
.ssw .bw{flex:1;min-height:0;overflow:hidden}
.ssw .belt{display:flex;gap:12px;height:100%;width:max-content;animation:ssp-bl var(--ss-dur,36s) linear infinite}
.ssw .belt:hover{animation-play-state:paused}
@keyframes ssp-bl{to{transform:translateX(calc(-50% - var(--ss-g,6px)))}}
.ssw .belt>*{flex:none;height:100%;aspect-ratio:4/5;border-radius:12px;object-fit:cover;object-position:top;background:#FFF;box-sizing:border-box}
.ssw .belt>img{width:auto;max-width:none;aspect-ratio:auto;object-fit:contain;background:none}
.ssw .ui{display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:#0B1420;font-size:13px;font-weight:600}
.ssw .ui big{font:800 34px var(--ss-display);color:#033ECF}
.ssw .ui small{font-size:11px;font-weight:500;color:#5A6275}
/* SEO stat tiles: compact cards centred in the strip, not full-height boxes */
.ssw .belt>.ui{height:auto;min-height:clamp(130px,16vh,170px);aspect-ratio:auto;width:clamp(170px,17vw,230px);align-self:center;gap:12px}
.ssw .sec{padding:clamp(56px,9vw,110px) var(--ss-gur) clamp(56px,9vw,110px) var(--ss-gut);display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.ssw .sec .sec-t{font-size:clamp(28px,3.6vw,48px);font-weight:800}
.ssw .lw{width:100%;overflow:hidden}
.ssw .lb{--ss-g:7px;display:flex;gap:14px;width:max-content;animation:ssp-bl 44s linear infinite}
.ssw .lb span{flex:none;width:150px;height:92px;border-radius:14px;background:#FFF;border:1px solid #DCE6F3;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
.ssw .lb img{max-width:100%;max-height:100%;object-fit:contain}
.ssw .end{background:linear-gradient(140deg,var(--ss-dark-2),var(--ss-dark) 60%);color:#D8E2F4}
.ssw .end .sec-t{color:#FFF;font-size:clamp(34px,5.4vw,72px)}
.ssw .end .mk{width:clamp(140px,18vw,220px)}
.ssw .end .mk svg{width:clamp(140px,18vw,220px)}
.ssw .end p{margin:0;font-size:15px}
.ssw .end .row{justify-content:center}
@media (max-width:767px){
.ssw .hero{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;padding-bottom:0;align-items:start}
.ssw .copy{gap:12px}
.ssw .lead{font-size:15px}
.ssw .mk{display:none}
.ssw.band .mk{display:block}
.ssw .btn{min-height:46px}
.ssw .stagehero{height:auto;min-height:150px;perspective:none}
.ssw .f1{left:6%;top:0;width:88%}
.ssw .f1 .shot{height:100%;min-height:130px}
.ssw .f2,.ssw .f3{display:none}
.ssw .slide,.ssw .box{grid-template-columns:1fr;grid-template-rows:38% minmax(0,1fr);width:calc(100vw - 16px);border-radius:18px 18px 0 0}
.ssw .txt{padding:14px 16px 16px;justify-content:flex-start}
.ssw .txt .ttl{font-size:21px}
.ssw .txt p{font-size:13.5px}
.ssw .txt li{font-size:13px}
.ssw .proof{font-size:12px;padding:5px 10px}
.ssw .vw .f1w{left:6%;width:66%;top:8%}
.ssw .vw .shot{height:calc(var(--ss-card-h)*.34)}
.ssw .ph{width:24%;border-width:4px;border-radius:14px}
.ssw .fan img{width:36%}
.ssw .vseo{gap:6px;padding:12px}
.ssw .sb{padding:8px 14px;font-size:12px}
.ssw .res{padding:7px 10px}
.ssw .res span{display:none}
.ssw .bars{height:34px}
.ssw .vseo .cap{font-size:10px}
.ssw .vp .ph{top:8%}
.ssw .call{font-size:10px;padding:5px}
.ssw .strip{gap:10px}
.ssw .strip .strip-t{display:none}
.ssw .rl{font-size:11px}
.ssw .rail{margin:0 8px}
.ssw .belt{animation:none;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px;-webkit-overflow-scrolling:touch}
.ssw .belt>*{scroll-snap-align:center}
.ssw .belt:not(.run)>[data-dup]{display:none}
.ssw .belt.run{scroll-snap-type:none;scrollbar-width:none}
.ssw .belt.run::-webkit-scrollbar{display:none}
.ssw .vb{gap:8px;padding:12px }
.ssw .pc:nth-child(even) .pc-f .belt{--ss-rev:1}
.ssw .pc-f .belt{padding:0 12px}
}

@media (max-width:767px){
.ssw .vb{gap:8px;padding:12px 0}
.ssw .shead .sh-t{font-size:30px}
.ssw .pil{grid-template-columns:1fr;gap:6px}
.ssw .pil>div{padding:8px 12px}
.ssw .pil span{font-size:12.5px}
.ssw .shead .sh-s{font-size:16px}
.ssw .shead p{font-size:13.5px;line-height:1.45}
.ssw .flowr{font-size:12px}
.ssw .end{padding-bottom:110px}
}
@media (prefers-reduced-motion:reduce){
.ssw .fi,.ssw .belt,.ssw .lb{animation:none}
.ssw .btn{transition:none}
.ssw .belt,.ssw .lw{overflow-x:auto}
}

/* Plugin additions: every widget is full-bleed whatever container it sits in. */
[class*="elementor-widget-ssp_"]{width:100%;max-width:none;margin-block:0}
body:has(.ssw){overflow-x:clip}
.ssw{position:relative;box-sizing:border-box;width:100vw;margin-left:calc(50% - 50vw);background:var(--ss-bg);color:var(--ss-body);font-family:var(--ss-text);-webkit-font-smoothing:antialiased;text-align:left}
.ssw img{height:auto;max-width:100%;border:0;box-shadow:none}
.ssw .fan img{box-shadow:0 20px 44px rgba(3,30,110,.3);border-radius:14px}
.ssw .ad{box-shadow:0 22px 48px rgba(3,30,110,.32)!important;border-radius:14px!important}
.ssw a.btn,.ssw a.btn:hover{color:#FFF}.ssw a.btn.alt,.ssw a.btn.alt:hover{color:var(--ss-heading)}.ssw a.btn.wh,.ssw a.btn.wh:hover{color:#033ECF}
/* WhatsApp green, with dark text so it stays readable */
.ssw .btn.wa{gap:8px;background:#25D366}.ssw a.btn.wa,.ssw a.btn.wa:hover{color:#062A17}
.ssw .btn.wa::before{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ss-wa) center/contain no-repeat;mask:var(--ss-wa) center/contain no-repeat;--ss-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 1.8a8.2 8.2 0 1 1-4.3 15.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 0 1 12 3.8zM8.6 7c-.2 0-.6.1-.9.4-.3.3-1.1 1.1-1.1 2.7s1.2 3.1 1.3 3.3c.2.2 2.3 3.6 5.6 4.9 2.8 1.1 3.3.9 4 .8.6-.1 2-.8 2.2-1.6.3-.8.3-1.5.2-1.6l-.6-.4-2.2-1c-.3-.1-.5-.2-.7.1l-1 1.2c-.2.2-.4.2-.7.1-.3-.2-1.4-.5-2.6-1.6-1-.9-1.6-1.9-1.8-2.2-.2-.3 0-.5.1-.7l.5-.6.3-.5v-.5l-1-2.4c-.3-.6-.5-.5-.7-.5h-.9z'/%3E%3C/svg%3E")}
.ssw .sec a{text-decoration:none}.ssw .ct a:hover{text-decoration:underline}
.ssw .note{padding:14px;border:1.5px dashed var(--ss-azure);border-radius:12px;font-size:14px}
/* Labels keep their look in whichever tag is chosen */
.ssw .eye{margin:0;font-family:var(--ss-text)}
.ssw .txt p.eye,.ssw .shead p.eye{font-size:13px;line-height:normal;max-width:none}
.ssw .hd.strip-t,.ssw .hd.pil-t{line-height:1.25}
.ssw .shead .sh-t,.ssw .shead .pil-t{max-width:none}
/* Static layout (no JS, reduced motion, Elementor editor): nothing hidden, nothing stacked on top. */
html:not(.ssp-motion) .ssw .sbc{display:none}
html:not(.ssp-motion) .ssw .fan img:nth-child(1){transform:rotate(-14deg) translateX(-58%)}
html:not(.ssp-motion) .ssw .fan img:nth-child(2){transform:rotate(14deg) translateX(58%)}
html:not(.ssp-motion) .ssw .slide,html:not(.ssp-motion) .ssw .box{min-height:60svh}
/* Bottom bar lives outside .ssw, in the footer */
.ssp-fab{--ss-gut:max(16px,env(safe-area-inset-left,0px));--ss-gur:max(16px,env(safe-area-inset-right,0px));position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:10px;padding:10px var(--ss-gur) calc(10px + env(safe-area-inset-bottom,0px)) var(--ss-gut);background:var(--ss-card);border-top:1px solid var(--ss-line);transform:translateY(110%);transition:transform .28s ease;font-family:var(--ss-text)}
.ssp-fab.show{transform:none}
.ssp-fab a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;background:var(--ss-deep);color:#FFF;font-weight:600;font-size:15px;text-decoration:none}
@media (max-width:767px){.ssp-fab{display:flex}}
@media (prefers-reduced-motion:reduce){.ssp-fab{transition:none}}
/* Style 2: night */
.ssw--s2 .hero{--ss-heading:#FFF;--ss-body:#D8E2F4;--ss-link:#6FB6F5;--ss-line:rgba(255,255,255,.35)}
.ssw--s2 .bg0{background:radial-gradient(70% 60% at 82% 30%,rgba(20,136,232,.35),transparent 70%),linear-gradient(140deg,var(--ss-dark-2),var(--ss-dark) 60%)}
.ssw--s2.sv .bg,.ssw--s2 .sv .bg{background:linear-gradient(140deg,var(--ss-dark-2),var(--ss-dark) 60%)}
.ssw--s2 .shead{--ss-heading:#FFF;--ss-body:#D8E2F4;--ss-link:#6FB6F5}
.ssw--s2.logos{background:linear-gradient(140deg,var(--ss-dark-2),var(--ss-dark) 60%)}.ssw--s2.logos .sec-t{color:#FFF}
.ssw--s2.band .end{background:linear-gradient(135deg,#1488E8,#033ECF);color:#FFF}
.ssw--s2 .hero,.ssw--s2 .shead,.ssw--s3 .hero{color:var(--ss-body)}
.ssw--s2 .pil{--ss-card:rgba(255,255,255,.07);--ss-line:rgba(255,255,255,.18)}
/* Style 3: brand gradient and tint */
.ssw--s3 .hero{--ss-heading:#FFF;--ss-body:#EAF4FF;--ss-link:#FFF;--ss-azure:#BFE0FB;--ss-line:rgba(255,255,255,.5)}
.ssw--s3 .bg0{background:linear-gradient(135deg,#1488E8,#033ECF)}
.ssw--s3.sv .bg,.ssw--s3 .sv .bg{background:var(--ss-tint)}
.ssw--s3.logos{background:var(--ss-tint)}
.ssw--s3.band .end{background:var(--ss-tint);color:var(--ss-body)}.ssw--s3.band .end .sec-t{color:var(--ss-heading)}
.ssw--s3.band .btn.wh{background:var(--ss-deep)}.ssw--s3.band a.btn.wh,.ssw--s3.band a.btn.wh:hover{color:#FFF}.ssw--s3.band a.btn.ol,.ssw--s3.band a.btn.ol:hover{color:var(--ss-heading);border-color:var(--ss-line)}
/* Logos, Style 2 is a still grid instead of a moving belt */
.ssw .lb.still{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.ssw .lb.still [data-dup]{display:none}

/* Inner pages: shared section frame. Tokens are overridden on the widget root, so tags and styles stay independent. */
.ssw .sx{padding:clamp(56px,8vw,104px) var(--ss-gur) clamp(56px,8vw,104px) var(--ss-gut)}
.ssw .sx-in{max-width:1200px;margin:auto}
.ssw .sx-nw{max-width:780px}
.ssw.lg .sx-nw{max-width:1100px}
.ssw .sx-h{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(24px,4vw,44px)}
.ssw .sx-t{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.01em}
.ssw--s2.sxw,.ssw--s2.phero,.ssw--s2.scene{--ss-bg:var(--ss-dark);--ss-heading:#FFF;--ss-body:#D8E2F4;--ss-meta:#A9B6CE;--ss-card:rgba(255,255,255,.06);--ss-line:rgba(255,255,255,.16);--ss-link:#6FB6F5;--ss-tint:#0F2346}
.ssw--s3.sxw{--ss-bg:var(--ss-tint)}
.ssw--s3.phero,.ssw--s3.scene{--ss-bg:#033ECF;--ss-heading:#FFF;--ss-body:#EAF4FF;--ss-link:#FFF;--ss-azure:#BFE0FB;--ss-line:rgba(255,255,255,.5);background:linear-gradient(135deg,#1488E8,#033ECF)}
.ssw--s3.scene .pin{background:linear-gradient(135deg,#1488E8,#033ECF)}
.ssw--s3.scene .btn:not(.alt){background:#FFF}.ssw--s3.scene a.btn:not(.alt),.ssw--s3.scene a.btn:not(.alt):hover{color:#033ECF}
.ssw .sp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}
.ssw .sp>div:first-child{display:flex;flex-direction:column;gap:12px}
.ssw .sp>div:not(.sp-b){display:flex;flex-direction:column;gap:12px}
.ssw .sp-b p{margin:0 0 16px;font-size:clamp(16px,1.3vw,19px);line-height:1.65}
.ssw .sp-b p:last-child{margin:0}
.ssw .cg{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ssw .cg--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssw .cg--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ssw .cd{background:var(--ss-card);border:1px solid var(--ss-line);border-radius:18px;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:10px;min-width:0;box-sizing:border-box}
.ssw .cd p{margin:0;line-height:1.55;font-size:15px}
.ssw .cd-n{font:800 15px var(--ss-display);color:var(--ss-azure)}
.ssw .hd.cd-t{font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.25}
.ssw .pr,.ssw .tk{list-style:none;margin:8px 0 0;padding:0;display:grid}
.ssw .pr li,.ssw .tk li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--ss-line);font-size:16px;color:var(--ss-heading)}
.ssw .pr span{font:800 14px var(--ss-display);color:var(--ss-azure)}
.ssw .tk li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--ss-azure);transform:translateY(-1px)}
.ssw .pc{background:var(--ss-card);border:1px solid var(--ss-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.ssw .pc-i{aspect-ratio:16/10;overflow:hidden;background:var(--ss-tint)}
.ssw .pc-i img{width:100%;height:100%;object-fit:cover;object-position:top}
.ssw .pc-f{height:clamp(140px,14vw,190px);padding-top:12px;overflow:hidden}
.ssw .pc-f .belt{gap:8px;--ss-g:4px}
.ssw .pc-f .belt>img{height:100%;width:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--ss-tint)}
/* Checkerboard on two columns: each strip runs against its neighbours, side by side and above and below */
@media (min-width:768px){.ssw .cg--2>.pc:nth-child(4n+2) .belt,.ssw .cg--2>.pc:nth-child(4n+3) .belt,.ssw .cg--3>.pc:nth-child(even) .belt{animation-direction:reverse}}
.ssw .pc-b{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.ssw .pc-b p{margin:0;font-size:14.5px;line-height:1.5}
.ssw .pc-b .eye{font-size:11px}
.ssw .pc-c{font-size:12.5px;color:var(--ss-meta)}
.ssw .pc-l{color:var(--ss-link);font-weight:600;font-size:14px;text-decoration:none;margin-top:auto}
.ssw .pc-m{margin-top:24px}
.ssw .ly{display:grid;gap:8px}
.ssw .ly-r{width:var(--ss-w);display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:12px;background:var(--ss-tint);border:1px solid var(--ss-line);box-sizing:border-box}
.ssw .ly-r span{font-size:14.5px;line-height:1.45}
.ssw .sx>.sx-in>.cap{display:block;margin:14px 0 0}
.ssw .fq{margin-top:20px;border-top:1px solid var(--ss-line)}
.ssw .fq details{border-bottom:1px solid var(--ss-line)}
.ssw .fq summary{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:12px 0;cursor:pointer;list-style:none}
.ssw .fq summary::-webkit-details-marker{display:none}
.ssw .fq summary::after{content:"+";font:700 22px var(--ss-text);color:var(--ss-azure)}
.ssw .fq details[open] summary::after{content:"–"}
.ssw .hd.fq-q{font:600 17px/1.35 var(--ss-text)}
.ssw .fq p{margin:0 0 16px;line-height:1.6}
/* Statement */
.ssw.stmt{background:linear-gradient(140deg,var(--ss-dark-2),var(--ss-dark) 60%);--ss-link:#6FB6F5}
.ssw.stmt .sx-in{max-width:1040px;display:flex;flex-direction:column;gap:18px}
.ssw .hd.stmt-t{color:#FFF;font-size:clamp(26px,4vw,52px);font-weight:700;line-height:1.22;letter-spacing:-.01em;text-wrap:pretty}
.ssw--s2.stmt{background:linear-gradient(135deg,#1488E8,#033ECF);--ss-link:#FFF}
.ssw--s3.stmt{background:var(--ss-tint);--ss-link:var(--ss-deep)}.ssw--s3 .hd.stmt-t{color:var(--ss-heading)}
/* Page hero */
.ssw .ph-s{padding-top:calc(var(--ss-hdr) + clamp(32px,6vw,80px));padding-bottom:clamp(40px,5vw,64px)}
.ssw.phero .copy .hl{max-width:18em}
.ssw.phero .mk,.ssw.cform .mk{display:block;width:clamp(84px,9vw,120px)}
.ssw.phero .mk svg{width:100%}
.ssw.phero{background:radial-gradient(60% 80% at 85% 0,color-mix(in srgb,var(--ss-azure) 20%,transparent),transparent 70%),var(--ss-bg)}
/* Team */
.ssw .tm{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,420px));gap:16px}
.ssw .tm-c{flex-direction:row;align-items:center;gap:18px}
.ssw .tm-p{flex:none;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--ss-tint);display:flex;align-items:center;justify-content:center}
.ssw .tm-p svg{width:60px}
.ssw .tm-p img{width:100%;height:100%;object-fit:cover}
.ssw .tm-r{font-size:14px;color:var(--ss-meta);margin-top:2px}
/* Legal */
.ssw .lg-u{margin:10px 0 0;color:var(--ss-meta);font-size:14px}
.ssw .lg-b{margin-top:clamp(20px,3vw,32px);font-size:16px;line-height:1.7}
.ssw .lg-b h2{font:700 clamp(19px,2vw,23px)/1.3 var(--ss-display);color:var(--ss-heading);margin:32px 0 8px}
.ssw .lg-b p{margin:0 0 12px}.ssw .lg-b ul{margin:0 0 12px;padding-left:20px}
.ssw .lg-b a{color:var(--ss-link)}
/* Contact */
.ssw .cf{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.ssw .hl.cf-h{font-size:clamp(34px,4.2vw,60px)}
.ssw .cf-d{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px;font-size:15px;color:var(--ss-heading)}
.ssw .cf-d small{display:block;font-size:12px;color:var(--ss-meta);margin-bottom:2px}
.ssw .cf-d a{color:var(--ss-link);text-decoration:none}.ssw .cf-d a:hover{text-decoration:underline}
.ssw .cf-c{gap:0}
.ssw .cf-form{display:flex;flex-direction:column;gap:16px}.ssw .cf-form[hidden],.ssw .cf-ok[hidden]{display:none}
.ssw .cf-ok{display:flex;flex-direction:column;gap:14px;align-items:flex-start;outline:0}
.ssw .cf-pr{height:4px;border-radius:4px;background:var(--ss-line);overflow:hidden}
.ssw .cf-pr i{display:block;height:100%;background:var(--ss-azure);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.ssw .cf-hp{position:absolute;left:-9999px;margin:0}
.ssw .cf-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ssw .cf-f{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}
.ssw .cf-f label,.ssw .cf-f legend{font-size:14px;font-weight:600;color:var(--ss-heading);padding:0}
.ssw .cf-f legend{margin-bottom:6px}.ssw .cf-f legend small{font-weight:400;color:var(--ss-meta)}
.ssw .cf-f input:not([type=checkbox]):not([type=radio]),.ssw .cf-f select,.ssw .cf-f textarea{width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--ss-line);background:var(--ss-bg);color:var(--ss-heading);font:16px var(--ss-text)}
.ssw .cf-f ::placeholder{color:var(--ss-meta)}
.ssw .cf-ch{display:flex;flex-wrap:wrap;gap:8px}
.ssw .cf-ch label{font-weight:500;cursor:pointer}
.ssw .cf-ch input{position:absolute;opacity:0;width:1px;height:1px}
.ssw .cf-ch span{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ss-line);color:var(--ss-heading)}
.ssw .cf-ch input:checked+span{background:var(--ss-deep);border-color:var(--ss-deep);color:#FFF}
.ssw .cf-ch input:focus-visible+span{outline:3px solid var(--ss-azure);outline-offset:2px}
/* "Not sure yet" stands out from the service choices */
.ssw .cf-ns span{gap:6px;border-style:dashed;border-color:var(--ss-azure);background:color-mix(in srgb,var(--ss-azure) 12%,transparent);color:var(--ss-deep);font-weight:600}
.ssw .cf-ns span::before{content:"?";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ss-azure);color:#FFF;font-size:12px;font-weight:700}
.ssw .cf-ns input:checked+span{background:linear-gradient(135deg,#1488E8,#033ECF);border:1.5px solid transparent;color:#FFF}
.ssw .cf-ns input:checked+span::before{background:#FFF;color:#033ECF}
/* Contact method: radio pills with a visible dot; the chosen one gets a tinted fill and a ring */
.ssw .cf-rd span{gap:10px;padding:0 18px 0 14px;min-height:44px;background:var(--ss-card);font-weight:500}
.ssw .cf-rd span::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--ss-meta);background:var(--ss-bg)}
.ssw .cf-rd input:checked+span{background:color-mix(in srgb,var(--ss-deep) 8%,var(--ss-bg));border-color:var(--ss-deep);color:var(--ss-deep);font-weight:600;box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-deep) 30%,transparent)}
.ssw .cf-rd input:checked+span::before{border:5px solid var(--ss-deep);background:#FFF}
:root[data-theme="dark"] .ssw .cf-rd input:checked+span{color:#FFF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ssw .cf-rd input:checked+span{color:#FFF}}
.ssw .cf-e{margin:0;font-size:13px;color:#D92D20;min-height:0}.ssw .cf-e:empty{display:none}
:root[data-theme="dark"] .ssw .cf-e{color:#FF8A80}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ssw .cf-e{color:#FF8A80}}
.ssw .cf-s{cursor:pointer;font-family:var(--ss-text);width:100%}.ssw .cf-s[disabled]{opacity:.65}
.ssw .cf-n{margin:0;font-size:13px;color:var(--ss-meta)}
/* Service scene */
.ssw .sc-in{padding:calc(var(--ss-hdr) + 32px) var(--ss-gur) 32px var(--ss-gut);max-width:1248px;margin:auto;display:flex;flex-direction:column;gap:40px}
.ssw .sc-intro,.ssw .sc-tx{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}
.ssw .hd.sc-h{font-size:clamp(32px,min(4.2vw,7.4svh),60px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.ssw .hd.sc-t{font-size:clamp(24px,min(3.2vw,6svh),44px);line-height:1.12;font-weight:800;letter-spacing:-.01em}
.ssw .sc-tx p{margin:0;font-size:clamp(15px,1.3vw,19px);line-height:1.55;max-width:48ch}
.ssw .sc-beats{display:grid;gap:40px}
.ssw .sc-beat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:center}
.ssw .sc-vis{position:relative;overflow:hidden;border-radius:22px;height:min(62svh,520px);min-height:220px;container-type:size;background:linear-gradient(150deg,var(--ss-tint),color-mix(in srgb,var(--ss-azure) 24%,var(--ss-tint)));display:flex;align-items:center;justify-content:center}
.ssw .sc-rail{display:none}
.ssp-motion .ssw .sc-in{position:absolute;inset:var(--ss-hdr) 0 56px;margin:auto;padding:0 var(--ss-gur) 0 var(--ss-gut);display:block;width:100%;box-sizing:border-box}
.ssp-motion .ssw .sc-intro{position:absolute;left:var(--ss-gut);width:calc(47.6% - var(--ss-gut));top:0;bottom:0;justify-content:center;z-index:2}
.ssp-motion .ssw .sc-beats{position:absolute;inset:0 var(--ss-gur) 0 var(--ss-gut);display:block}
.ssp-motion .ssw .sc-beat{position:absolute;inset:0}
.ssp-motion .ssw .sc-rail{display:block;position:absolute;left:var(--ss-gut);right:var(--ss-gur);bottom:12px;max-width:1200px;margin:auto}
.ssw .sc-bar{height:3px;background:var(--ss-line);border-radius:3px;overflow:hidden}
.ssw .sc-bar i{display:block;height:100%;background:var(--ss-azure);transform-origin:left;transform:scaleX(0)}
.ssw .sc-lb{display:flex;justify-content:space-between;font-size:11px;color:var(--ss-meta);margin-top:6px}
.ssw--s3 .sc-lb{color:#EAF4FF}
.ssw .v-web{position:relative;width:88%;height:82%}
.ssw .v-web .br{width:80%}
.ssw .v-web .shot{height:calc(min(62svh,520px)*.7)}
.ssw .v-web .shot img{width:100%}
.ssw .v-web .ph{right:0;bottom:0;width:27%}
.ssw .v-tree{display:flex;flex-direction:column;align-items:center;gap:34px;width:88%;position:relative}
.ssw .v-tree b{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border-radius:10px;background:#FFF;color:#033ECF;font-size:clamp(11px,1vw,14px);box-shadow:0 10px 24px rgba(3,30,110,.14)}
.ssw .v-tree .top{background:#033ECF;color:#FFF;padding:0 28px;position:relative}
.ssw .v-tree .top::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:34px;background:color-mix(in srgb,#033ECF 40%,transparent)}
.ssw .v-tree>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;border-top:2px solid color-mix(in srgb,#033ECF 40%,transparent);padding-top:14px;margin-top:-16px}
.ssw .v-wire{background:#FFF;height:100%;box-sizing:border-box;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:14% 38% 1fr;gap:10px}
.ssw .v-wire i{background:#E3EAF5;border-radius:6px}
.ssw .v-wire i:nth-child(1),.ssw .v-wire i:nth-child(2){grid-column:1/-1}
/* Wireframe blocks carry a sketch of their content: menu, hero with button, three cards */
.ssw .v-wire i{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 12px;box-sizing:border-box;min-width:0;overflow:hidden}
.ssw .v-wire b{display:block;flex:none;height:6px;border-radius:3px;background:#C3CFE2}
.ssw .v-wire small{font:700 9px/1 var(--ss-text);letter-spacing:.1em;text-transform:uppercase;color:#7A8AA6}
.ssw .v-wire em{align-self:flex-start;font:600 9px/1 var(--ss-text);font-style:normal;color:#FFF;background:#033ECF;border-radius:999px;padding:5px 10px;white-space:nowrap}
.ssw .v-wire .wn{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.ssw .v-wire .wn .lg{width:16%;height:9px;background:#1488E8;opacity:.55}
.ssw .v-wire .wn span{display:flex;gap:8px;flex:1;justify-content:center}.ssw .v-wire .wn span b{width:14%}
.ssw .v-wire .wh{align-items:flex-start;gap:7px;padding-left:16px}
.ssw .v-wire .wh .t1{width:62%;height:11px;background:#9FB3D1}.ssw .v-wire .wh .t2{width:44%;height:11px;background:#9FB3D1}.ssw .v-wire .wh .t3{width:52%}
.ssw .v-wire .wc{justify-content:flex-start;padding-top:12px}
.ssw .v-wire .wc .ic{flex:none;width:18px;height:18px;border-radius:50%;background:#BFE0FB}
.ssw .v-wire .wc b{width:88%}.ssw .v-wire .wc b.s{width:60%}
.ssw .v-card{position:relative;overflow:hidden;width:82%;box-sizing:border-box;background:#FFF;color:#0B1420;border-radius:16px;padding:clamp(14px,2vw,26px);display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 50px rgba(3,30,110,.18)}
.ssw .v-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #E3EAF5;font-size:clamp(13px,1.1vw,15px);font-weight:600}
.ssw .v-row b{font-size:12px;color:#5A6275;font-weight:600}.ssw .v-row b.ok{color:#12A150}
.ssw .v-ct{font:700 clamp(15px,1.4vw,19px) var(--ss-display);color:#033ECF}
.ssw .v-scan{position:absolute;left:0;right:0;top:0;height:10%;background:linear-gradient(180deg,transparent,rgba(20,136,232,.28));pointer-events:none}
.ssw .v-card .cap{color:#5A6275}
.ssw .v-card .bars{height:clamp(90px,24svh,200px)}
.ssw .v-card .sb{box-shadow:none;border:1px solid #DCE6F3;white-space:normal;font-size:clamp(12px,1vw,14px)}
.ssw .v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(88cqw,88cqh);aspect-ratio:1}
.ssw .v-grid>div{border-radius:10px;border:1.5px dashed color-mix(in srgb,var(--ss-deep) 35%,transparent);overflow:hidden;min-width:0;min-height:0}
.ssw .v-grid>.on{border:0}
.ssw .v-grid img{width:100%;height:100%;object-fit:cover}
.ssw .v-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(8px,1.4vw,18px);width:70%}
.ssw .v-dots i{aspect-ratio:1;border-radius:50%;background:var(--ss-azure)}
.ssw .v-dots.nar i{opacity:.16}.ssw .v-dots.nar i.on{opacity:1;background:var(--ss-deep)}
.ssw .v-pd{position:relative;width:88%;height:84%;display:flex;align-items:center}
.ssw img.v-ad{max-height:100%;width:auto;max-width:62%;border-radius:14px;box-shadow:0 22px 48px rgba(3,30,110,.32)}
.ssw .v-pd .v-ph{right:0;bottom:auto;top:6%;width:32%;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;box-sizing:border-box;background:#F5F9FF}
html:not(.ssp-motion) .ssw .sc-vis [data-in],html:not(.ssp-motion) .ssw .sc-vis [data-bar]{opacity:1}
/* Site header and footer sit outside .ssw */
body.elementor-template-canvas{margin:0}
.ssp-head{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:50;height:var(--ss-head-h,72px);box-sizing:border-box;display:flex;align-items:center;gap:20px;padding:0 var(--ss-gur) 0 var(--ss-gut);background:var(--ss-header);color:var(--ss-heading);font-family:var(--ss-text);border-bottom:1px solid transparent;transition:border-color .25s ease}
.ssp-head.moved{border-color:var(--ss-line)}
/* On phones the WordPress admin bar scrolls away, so the header must not keep its space */
@media (max-width:600px){.ssp-head{top:0}}
.ssp-logo{display:flex;flex:none}.ssp-head .ssp-logo img{height:30px;width:auto;max-width:none}
.ssp-head .ssp-logo .ld{display:var(--ss-ld)}.ssp-head .ssp-logo .ln{display:var(--ss-ln)}
.ssp-nav{margin-left:auto}
.ssp-menu,.ssp-menu ul,.ssp-fl,.ssp-soc{list-style:none;margin:0;padding:0}
.ssp-menu{display:flex;gap:4px}
.ssp-menu>li{position:relative}
.ssp-menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;color:inherit;font-size:15px;font-weight:500;text-decoration:none}
.ssp-menu a:hover{color:var(--ss-link)}
.ssp-menu .sub-menu{position:absolute;left:0;top:100%;min-width:260px;padding:8px;background:var(--ss-card);border:1px solid var(--ss-line);border-radius:14px;box-shadow:0 24px 50px rgba(3,30,110,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}
.ssp-menu li:hover>.sub-menu,.ssp-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.ssp-act{display:flex;align-items:center;gap:8px;flex:none}
.ssp-ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.ssp-ic:hover{background:var(--ss-tint)}
.ssp-head :focus-visible{outline:3px solid var(--ss-azure);outline-offset:2px}
.ssp-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--ss-deep);color:#FFF;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.ssp-bg{display:none}
.ssp-foot{background:var(--ss-dark);color:#C9D3E6;font:15px/1.55 var(--ss-text);padding:clamp(40px,6vw,72px) var(--ss-gur) 24px var(--ss-gut)}
.ssp-fg{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.3fr;gap:28px;max-width:1200px;margin:auto}
.ssp-foot img.fl{height:30px;width:auto;max-width:none;margin-bottom:12px}
.ssp-foot p{margin:0}
.ssp-ft{font-weight:600;color:#FFF;margin-bottom:10px!important}
.ssp-fl{display:grid;gap:8px}
.ssp-foot a{color:inherit;text-decoration:none}.ssp-foot a:hover{color:#FFF;text-decoration:underline}
.ssp-soc{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.ssp-fb{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:1200px;margin:32px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px}
@media (prefers-reduced-motion:reduce){.ssp-menu .sub-menu,.ssp-head,.ssw .cf-pr i{transition:none}}
@media (max-width:1023px){
.ssp-bg{display:flex}
.ssp-nav{position:fixed;left:0;right:0;top:calc(var(--wp-admin--admin-bar--height,0px) + var(--ss-head-h,72px));bottom:0;margin:0;padding:12px var(--ss-gur) 24px var(--ss-gut);background:var(--ss-header);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
.ssp-head.open .ssp-nav{opacity:1;visibility:visible;transform:none}
.ssp-menu{flex-direction:column}
.ssp-menu a{font-size:18px;min-height:48px;padding:0}
.ssp-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 0 14px;min-width:0}
.ssp-menu .sub-menu a{font-size:16px;color:var(--ss-body)}
.ssp-act{margin-left:auto}
.ssw .cg--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ssp-fg{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
:root{--ss-head-h:60px}
.ssp-cta{display:none}
.ssp-head .ssp-logo img{height:26px}
.ssp-fg{grid-template-columns:1fr}
.ssp-foot{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.ssw .sp,.ssw .cf,.ssw .cf-2,.ssw .cg,.ssw .cg--2,.ssw .cg--4{grid-template-columns:minmax(0,1fr)}
.ssw .ly-r{width:100%}
.ssw .tm{grid-template-columns:minmax(0,1fr)}
.ssw .sc-beat{grid-template-columns:minmax(0,1fr)}
.ssw .sc-vis{height:min(38svh,300px)}
.ssp-motion .ssw .sc-in{bottom:44px}
.ssp-motion .ssw .sc-intro{right:var(--ss-gur);width:auto;top:10px;bottom:auto;gap:8px}
.ssp-motion .ssw .sc-beat{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.ssp-motion .ssw .sc-beat .sc-tx{padding-top:10px;gap:6px}
.ssp-motion .ssw .sc-vis{flex:1 1 auto;height:auto;max-height:min(56svh,460px);min-height:0}
.ssw .hd.sc-h{font-size:min(30px,4.6svh)}
.ssw .hd.sc-t{font-size:min(26px,4svh)}
.ssw .sc-tx p{font-size:min(15px,2.3svh);line-height:1.45}
.ssw .sc-tx .btn{min-height:44px;padding:0 16px;font-size:14px}
.ssw .sc-lb{font-size:9.5px}
.ssw .v-web .shot{height:calc(min(40svh,320px)*.68)}
.ssw .v-row{padding:6px 0}
.ssw .v-card{gap:6px;width:88%;padding:12px}
.ssw .v-card .bars{height:clamp(60px,16svh,120px)}
.ssw .v-tree{gap:24px}
.ssw .v-tree .top::after{height:24px}
.ssw .v-tree>div{gap:5px}
.ssw .v-tree b{font-size:10.5px;padding:0 4px;min-height:36px}
.ssw .v-grid{gap:5px;width:min(92cqw,92cqh)}
.ssw .v-wire{padding:8px;gap:6px}.ssw .v-wire i{padding:6px 8px;gap:4px}.ssw .v-wire .wh small,.ssw .v-wire .wh .t3,.ssw .v-wire .wc b.s{display:none}.ssw .v-wire em{padding:4px 8px;font-size:8px}.ssw .v-wire .wc{padding-top:8px}
.ssw .v-dots{gap:8px;width:62%}
.ssw .call{font-size:9.5px;padding:4px}
}
/* Work */
.ssw .fb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ssw .fbb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ss-line);background:transparent;color:var(--ss-heading);font:600 14px var(--ss-text);cursor:pointer}
.ssw .fbb span{font-weight:500;color:var(--ss-meta);font-size:12.5px}
.ssw .fbb[aria-pressed="true"],.ssw .fbb[aria-current]{background:var(--ss-deep);border-color:var(--ss-deep);color:#FFF}
.ssw a.fbb{text-decoration:none}
.ssw .fbb[aria-pressed="true"] span{color:#D8E2F4}
.ssw .pc[hidden]{display:none}
.ssw .pc-i img{height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}
.ssw .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ssw .pc:hover .pc-i img{transform:translateY(var(--ss-pan,0));transition:transform 3.5s linear}}
/* Testimonials */
.ssw .cg--1{grid-template-columns:minmax(0,760px)}
.ssw .tq{margin:0;justify-content:space-between;gap:18px}
.ssw .tq blockquote{margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--ss-heading)}
.ssw .tq figcaption{display:flex;align-items:center;gap:12px}
.ssw .tq figcaption b,.ssw .tq figcaption small{display:block}
.ssw .tq figcaption small{color:var(--ss-meta);font-size:13px}
.ssw .tq-p img{width:44px;height:44px;border-radius:50%;object-fit:cover}
/* Project page */
.ssw .pj-cr{font-size:13.5px;color:var(--ss-meta);margin-bottom:24px}
.ssw .pj-cr a{color:var(--ss-link);text-decoration:none}.ssw .pj-cr a:hover{text-decoration:underline}
.ssw .pj-h{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,72px);align-items:end}
.ssw .hl.pj-t{font-size:clamp(36px,5vw,72px)}
.ssw .pj-d{margin:0;display:grid;gap:0;border-top:1px solid var(--ss-line)}
.ssw .pj-d>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--ss-line);font-size:14.5px}
.ssw .pj-d dt{color:var(--ss-meta);flex:none}.ssw .pj-d dd{margin:0;text-align:right;color:var(--ss-heading)}
.ssw .pj-ms{padding-top:0}
.ssw .pj-f{position:relative}
.ssw .pj-shot{height:min(70svh,640px)}
.ssw .pj-shot img{width:100%}
.ssw .pj-f .ph{right:4%;bottom:-24px;width:min(20%,200px)}
.ssw .pj-ad img{width:min(100%,640px);margin:auto;border-radius:16px;box-shadow:0 24px 50px rgba(3,30,110,.18)}
.ssw .hd.pj-l{font:600 13px var(--ss-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ss-link);line-height:normal}
.ssw .pj-p{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.65}
.ssw .pj-b{font:800 clamp(30px,3.6vw,48px)/1.1 var(--ss-display);color:var(--ss-deep);letter-spacing:-.01em;overflow-wrap:anywhere}
:root[data-theme="dark"] .ssw .pj-b{color:#6FB6F5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ssw .pj-b{color:#6FB6F5}}
/* Result figures stay on one line, sized to their card */
.ssw .pj-r{container-type:inline-size}
.ssw .pj-r .pj-b{white-space:nowrap;overflow-wrap:normal;font-size:clamp(20px,13cqi,44px)}
/* Two text sections in a row read as one block */
.ssw.pj-pr+.ssw.pj-pr .sx{padding-top:0}
.ssw .pj-n{display:block;margin-top:14px;font-size:13px}
.ssw .pj-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.ssw .pj-g img{width:100%;max-height:min(80svh,720px);object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--ss-line)}
.ssw .pj-g--sq{grid-template-columns:repeat(3,minmax(0,1fr))}
.ssw .pj-g--sq img{aspect-ratio:1;object-fit:cover}
.ssw .pj-nx{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.ssw .pj-nt{font:800 clamp(26px,4vw,52px)/1.1 var(--ss-display);color:var(--ss-heading)}
.ssw .pr li>div{min-width:0;line-height:1.5}
@media (max-width:767px){
.ssw .pj-h,.ssw .cg--1{grid-template-columns:minmax(0,1fr)}
.ssw .pj-shot{height:min(46svh,360px)}
.ssw .pj-f .ph{width:26%;bottom:-16px;right:6%}
.ssw .pj-g--sq{gap:8px}
.ssw .pj-g{gap:8px}
}
/* Blog */
.ssw .bpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ssw .bp{display:flex;flex-direction:column;min-width:0;background:var(--ss-card);border:1px solid var(--ss-line);border-radius:18px;overflow:hidden}
.ssw .bp-i{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(150deg,var(--ss-tint),color-mix(in srgb,var(--ss-azure) 24%,var(--ss-tint)))}
.ssw .bp-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ssw .bp-ph{display:grid;place-items:center;height:100%}.ssw .bp-ph svg{width:30%;opacity:.55}
.ssw .bp-b{display:flex;flex-direction:column;gap:10px;padding:clamp(16px,1.8vw,22px);flex:1}
.ssw .bp-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--ss-meta)}
.ssw .bp-m .eye{font-size:11px}
.ssw .hd.bp-t{font-size:clamp(18px,1.5vw,21px);line-height:1.3}
.ssw .bp-t a{color:inherit;text-decoration:none}.ssw .bp-t a:hover{color:var(--ss-link)}
.ssw .bp-b p{margin:0;font-size:14.5px;line-height:1.55}
.ssw .bp--f{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.ssw .bp--f .bp-i{aspect-ratio:auto;min-height:100%}
.ssw .bp--f .bp-b{justify-content:center;padding:clamp(22px,3.4vw,48px);gap:14px}
.ssw .bp--f .hd.bp-t{font-size:clamp(24px,2.6vw,36px);line-height:1.15}
.ssw .bp--f .bp-b p{font-size:16px}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ssw .bp:hover .bp-i img{transform:scale(1.04)}}
.ssw .bp-e{margin:0;padding:40px 0;font-size:16px;color:var(--ss-meta);text-align:center}
.ssw .bpg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(28px,4vw,48px)}
.ssw .bpg>*{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;box-sizing:border-box;border-radius:999px;border:1.5px solid var(--ss-line);color:var(--ss-heading);font-size:14px;font-weight:600;text-decoration:none}
.ssw .bpg .current{background:var(--ss-deep);border-color:var(--ss-deep);color:#FFF}.ssw .bpg .dots{border-color:transparent}
.ssw .bpg a:hover{border-color:var(--ss-deep)}
.ssw .po-h{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ssw .hd.po-t{font-size:clamp(32px,4.4vw,56px);max-width:none}
.ssw .bp-meta{margin:0;font-size:14px;color:var(--ss-meta)}
.ssw .po-fs{padding:0 var(--ss-gur) 0 var(--ss-gut)}
.ssw .po-f{margin:0 auto;max-width:1100px;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px rgba(3,30,110,.18)}
.ssw .po-f img{display:block;width:100%;height:auto}
.ssw .po-s{padding-top:clamp(8px,2vw,24px)}
.ssw:has(.po-fs)+.ssw .po-s{padding-top:clamp(32px,4vw,56px)}
.ssw .po-a .cd-t{font:700 18px var(--ss-display);color:var(--ss-heading)}
.ssw .po-b{margin-top:0;font-size:17px;line-height:1.75}
.ssw .po-b h3{font:700 clamp(17px,1.6vw,20px)/1.35 var(--ss-display);color:var(--ss-heading);margin:24px 0 6px}
.ssw .po-b ol{margin:0 0 12px;padding-left:22px}.ssw .po-b li{margin-bottom:4px}
.ssw .po-b img,.ssw .po-b figure{max-width:100%;height:auto;border-radius:14px;margin:20px 0}
.ssw .po-b blockquote{margin:24px 0;padding:6px 0 6px 20px;border-left:3px solid var(--ss-azure);font-size:19px;color:var(--ss-heading)}
.ssw .po-b table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.ssw .po-b th,.ssw .po-b td{border:1px solid var(--ss-line);padding:8px 10px;text-align:left}
.ssw .po-tg{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0}
.ssw .po-tg a{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;border-radius:999px;background:var(--ss-tint);color:var(--ss-link);font-size:13.5px;text-decoration:none}
.ssw .po-sh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--ss-line);font-size:14px}
.ssw .po-sh span{font-weight:600;color:var(--ss-heading);margin-right:4px}
.ssw .po-sh a{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border-radius:999px;border:1.5px solid var(--ss-line);color:var(--ss-heading);text-decoration:none}.ssw .po-sh a:hover{border-color:var(--ss-deep)}
.ssw .po-a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;margin-top:32px}
.ssw .po-a .tm-p{width:72px;height:72px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;padding:12px;box-sizing:border-box}
.ssw .po-a p{margin:6px 0 0;font-size:14.5px}
@media (max-width:1023px){.ssw .bpl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.ssw .bpl,.ssw .bp--f{grid-template-columns:minmax(0,1fr)}
.ssw .bp--f .bp-i{aspect-ratio:16/10}
.ssw .bp--f .bp-b{padding:18px}
.ssw .po-b{font-size:16px}
.ssw .po-a{grid-template-columns:56px minmax(0,1fr)}.ssw .po-a .tm-p{width:56px;height:56px}
}

.ssw .cf-cs label{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;line-height:1.5;color:var(--ss-body);cursor:pointer}
.ssw .cf-cs input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--ss-deep)}
.ssw .cf-cs a{color:var(--ss-link)}
.ssw .cf-cap{min-height:78px;overflow:hidden}
.ssp-ck{position:fixed;left:16px;right:16px;bottom:16px;max-width:600px;z-index:60;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;padding:16px 18px;background:var(--ss-card);color:var(--ss-body);border:1px solid var(--ss-line);border-radius:16px;box-shadow:0 12px 40px rgba(4,10,31,.25);font:14px/1.5 var(--ss-text)}
.ssp-ck[hidden]{display:none}
.ssp-ck p{margin:0;flex:1 1 260px}
.ssp-ck a{color:var(--ss-link)}
.ssp-ck-b{min-height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ss-line);background:transparent;color:var(--ss-heading);font:600 14px var(--ss-text);cursor:pointer}
.ssp-ck-y{background:var(--ss-deep);border-color:var(--ss-deep);color:#FFF}
.ssp-ck-b:focus-visible{outline:3px solid var(--ss-azure);outline-offset:2px}
.ssp-fbl button{background:none;border:0;padding:0;margin-right:16px;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:767px){.ssp-ck{left:10px;right:10px;bottom:10px}}