@font-face{font-family:Inter;src:url("InterVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.sl-studio{--sl-brand:#556ede;--sl-brand-hover:#4056bb;--sl-ink:#242629;--sl-muted:#60656c;--sl-paper:#fff;--sl-soft:#f5f6f7;--sl-line:#dfe2e7;margin:0;background:var(--sl-paper);color:var(--sl-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.sl-studio *{box-sizing:border-box;letter-spacing:0}.sl-studio :where(h1,h2,h3,p,figure){margin:0}.sl-studio a{color:inherit;text-decoration:none}.sl-studio :where(button,input,textarea,select){font:inherit}.sl-studio img{display:block;max-width:100%}.sl-studio :where(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--sl-brand);outline-offset:5px}.sl-studio :where(h1,h2,h3){color:inherit;font-weight:600;line-height:1.12}.sl-studio h1{font-size:56px}.sl-studio h2{font-size:40px}.sl-studio h3{font-size:22px}.sl-studio p{max-width:65ch}.sl-studio section[id]{scroll-margin-top:105px}
.sl-wrap{max-width:1240px;margin-inline:auto;padding-inline:36px}.sl-section{padding-block:80px}.sl-kicker{font-size:12px;font-weight:650;text-transform:uppercase;margin-bottom:18px;color:var(--sl-muted)}.sl-muted{color:var(--sl-muted)}.sl-section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px}.sl-section-heading h2{max-width:660px}.sl-section-heading p{max-width:350px;color:var(--sl-muted)}
.sl-header{position:sticky;top:0;z-index:50;min-height:80px;padding:16px 36px;display:flex;align-items:center;gap:36px;background:#fffffff5;border-bottom:1px solid #dfe2e780;box-shadow:0 4px 20px #24262905}.sl-studio.admin-bar .sl-header{top:32px}.sl-brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:700;line-height:1;white-space:nowrap}.sl-brand img{width:38px;height:38px;flex-shrink:0}.sl-brand span{color:var(--sl-brand)}.sl-header nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:550}.sl-header a[aria-current=page]:not(.sl-brand){text-decoration:underline;text-underline-offset:6px}.sl-header nav a:hover{color:var(--sl-brand-hover)}
.sl-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:6px;font-weight:600;font-size:14px;line-height:1.4;cursor:pointer;transition:background .18s,box-shadow .18s}.sl-button span{font-size:20px;line-height:1}.sl-studio .sl-button-primary,.sl-studio .sl-button-dark{background:var(--sl-brand);color:#fff;box-shadow:inset 0 1px 0 #ffffff20,0 3px 7px #2426290a}.sl-studio .sl-button-primary:hover,.sl-studio .sl-button-dark:hover{background:var(--sl-brand-hover);box-shadow:0 5px 12px #24262912}.sl-button-outline{border-color:var(--sl-line);background:#fff}.sl-button-outline:hover{background:var(--sl-soft);border-color:#aeb6c2}.sl-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.sl-studio .sl-text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.sl-hero{position:relative;isolation:isolate;min-height:580px;display:flex;align-items:center;overflow:hidden;background:#f7f7f7}.sl-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-2}.sl-hero .sl-wrap{width:100%;padding-block:44px}.sl-hero h1{max-width:410px;font-size:54px}.sl-hero h1 span{display:block;font-size:32px;line-height:1.22;font-weight:500;margin-top:18px;max-width:360px}.sl-hero p{max-width:410px;margin:24px 0 28px;font-size:16px}.sl-hero .sl-kicker{font-size:12px;margin:0 0 18px}
.sl-glass-ribbon{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px max(36px,calc((100% - 1168px) / 2));border-top:1px solid #fff;border-bottom:1px solid var(--sl-line);background:#fafbfc;box-shadow:inset 0 1px 0 #fff;font-size:13px}.sl-glass-ribbon strong{font-size:23px}.sl-glass-ribbon small{font-size:12px;font-weight:500}.sl-glass-ribbon b{font-weight:600}.sl-glass-ribbon a{color:var(--sl-brand-hover);text-decoration:underline;text-underline-offset:5px}
@supports(backdrop-filter:blur(1px)){.sl-header{background:#ffffffdc;backdrop-filter:blur(18px) saturate(1.15)}.sl-glass-ribbon{background:#f5f7fac9;backdrop-filter:blur(16px)}}
.sl-intro{background:#fff;border-bottom:1px solid var(--sl-line)}.sl-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.sl-intro h2{font-size:30px}.sl-intro p{color:var(--sl-muted)}.sl-intro .sl-section{padding-block:48px}
.sl-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sl-offer{padding:28px;border:1px solid var(--sl-line);border-radius:8px;display:flex;flex-direction:column;align-items:start;gap:22px;background:#fff;box-shadow:0 3px 12px #24262904}.sl-offer-featured{border-color:var(--sl-brand);box-shadow:0 0 0 1px var(--sl-brand),0 6px 20px #24262908}.sl-offer .sl-kicker{margin:0}.sl-offer-featured .sl-kicker{color:var(--sl-brand-hover)}.sl-offer p{color:var(--sl-muted);font-size:15px}.sl-offer .sl-price{font-size:38px;line-height:1;font-weight:600;color:var(--sl-ink)}.sl-price small{font-size:13px;font-weight:400}.sl-offer ul{list-style:disc;padding-left:18px;margin:0 0 8px;font-size:14px;line-height:1.8}.sl-offer .sl-button{margin-top:auto;width:100%;justify-content:space-between}.sl-offer-note{font-size:13px;color:var(--sl-muted);margin-top:20px}
.sl-method{background:var(--sl-soft);border-block:1px solid var(--sl-line)}.sl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.sl-step{border-top:1px solid #cdd2da;padding-top:22px}.sl-step>span{color:var(--sl-brand-hover);font-size:13px;font-weight:600}.sl-step h3{margin:30px 0 14px}.sl-step p{color:var(--sl-muted);font-size:15px}.sl-seo{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.sl-seo p{margin:24px 0;color:var(--sl-muted)}.sl-seo-list{border-top:1px solid var(--sl-line)}.sl-seo-list div{padding:20px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--sl-line)}.sl-seo-list strong{font-size:14px;flex-shrink:0}.sl-faq{background:var(--sl-soft)}.sl-faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.sl-studio details{border-bottom:1px solid var(--sl-line);padding:22px 0}.sl-studio details:first-child{border-top:1px solid var(--sl-line)}.sl-studio summary{cursor:pointer;font-weight:550;font-size:16px}.sl-studio details p{padding-top:16px;color:var(--sl-muted);font-size:15px}
.sl-close{background:#fff;border-block:1px solid var(--sl-line)}.sl-close .sl-wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.sl-close h2{max-width:710px}.sl-footer{max-width:1312px;padding:36px;display:flex;align-items:center;gap:30px;margin:auto;font-size:13px}.sl-footer p{margin-right:auto;color:var(--sl-muted)}.sl-footer .sl-brand{font-size:23px}.sl-footer .sl-brand img{width:30px;height:30px}
.sl-page-heading{padding-block:64px 40px}.sl-page-heading h1{max-width:850px;font-size:48px}.sl-page-heading p:last-child{margin-top:22px;color:var(--sl-muted);max-width:580px}.sl-contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:80px;padding-bottom:80px;align-items:start}.sl-contact-aside{border-top:1px solid var(--sl-line);padding-top:24px}.sl-contact-aside h2{font-size:25px}.sl-contact-aside p{margin-top:18px;color:var(--sl-muted)}.sl-contact-aside ol{padding-left:20px}.sl-contact-aside li{padding:10px 0}
.sl-studio .bl-contact-form-shell,.sl-form{background:#fafbfc;padding:30px;border:1px solid var(--sl-line);border-radius:8px;box-shadow:0 4px 16px #24262904}.sl-studio .bl-contact-grid,.sl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sl-studio .bl-contact-field,.sl-form-field{margin-bottom:20px}.sl-studio .bl-contact-field label,.sl-form label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--sl-ink)}.sl-studio .bl-contact-field input,.sl-studio .bl-contact-field textarea,.sl-form input,.sl-form textarea{background:#fff;border:1px solid #afb5bf;border-radius:6px;width:100%;padding:12px;min-height:48px;color:var(--sl-ink);box-shadow:none}.sl-studio .bl-contact-field textarea,.sl-form textarea{min-height:140px;resize:vertical}.sl-form ::placeholder,.sl-studio .bl-contact-field ::placeholder{color:#646a73;opacity:1}.sl-studio .bl-contact-submit{background:var(--sl-brand);color:#fff;border:0;border-radius:6px;padding:14px 22px;min-height:48px;cursor:pointer}.sl-form-note{font-size:12px;margin:12px 0;color:var(--sl-muted)}.sl-form-status{margin-top:16px;font-size:14px}
.sl-team{display:grid;grid-template-columns:1fr 1fr;gap:60px}.sl-team article{padding-top:24px;border-top:1px solid var(--sl-line)}.sl-team h3{font-size:30px;margin-bottom:10px}.sl-team p{margin-top:18px;color:var(--sl-muted)}.sl-about-image{width:100%;aspect-ratio:2.7;object-fit:cover;object-position:center 47%}.sl-skip{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px}.sl-skip:focus{top:12px}
@media(min-width:1800px){.sl-hero{min-height:650px}}
@media(max-width:1100px){.sl-header{gap:20px;padding:16px 24px}.sl-header nav{gap:16px}.sl-header-cta{font-size:13px;gap:12px}.sl-wrap{padding-inline:24px}.sl-hero h1{font-size:48px}.sl-hero h1 span{font-size:28px}.sl-hero p{max-width:355px;font-size:15px}.sl-hero .sl-actions{max-width:355px}.sl-studio h2{font-size:34px}.sl-offer-grid{gap:12px}.sl-offer{padding:20px}.sl-intro-grid,.sl-seo,.sl-faq-grid,.sl-contact-layout{gap:36px}.sl-footer{flex-wrap:wrap}.sl-glass-ribbon{padding-inline:24px}}
@media(max-width:650px){.sl-header{min-height:74px;padding:12px 18px;gap:14px;flex-wrap:wrap}.sl-brand{font-size:22px;gap:5px}.sl-brand img{width:30px;height:30px}.sl-header nav{font-size:12px;gap:12px}.sl-header-cta{min-height:40px;padding:8px 12px;font-size:12px;width:100%;justify-content:space-between}.sl-studio.admin-bar .sl-header{top:46px}.sl-wrap{padding-inline:22px}.sl-section{padding-block:52px}.sl-studio h2{font-size:30px}.sl-hero{min-height:580px;align-items:start;background:#f6f6f6}.sl-hero .sl-wrap{padding-block:26px 260px}.sl-hero h1{font-size:38px}.sl-hero h1 span{font-size:23px;margin-top:12px}.sl-hero p{font-size:14px;margin:16px 0 20px;max-width:100%}.sl-hero-image{inset:auto 0 0;height:255px;object-fit:cover;object-position:right 57%}.sl-hero .sl-kicker{margin-bottom:12px}.sl-actions{gap:16px}.sl-glass-ribbon{padding:18px 22px;gap:18px;font-size:12px}.sl-glass-ribbon>span:nth-of-type(3),.sl-glass-ribbon>a{display:none}.sl-intro-grid,.sl-seo,.sl-faq-grid,.sl-contact-layout,.sl-team{grid-template-columns:1fr;gap:28px}.sl-intro h2{font-size:26px}.sl-section-heading{display:block}.sl-section-heading p{margin-top:18px}.sl-offer-grid,.sl-steps{grid-template-columns:1fr;gap:20px}.sl-offer{padding:26px}.sl-step h3{margin-top:20px}.sl-close .sl-wrap{display:block}.sl-close .sl-button{margin-top:24px}.sl-footer{padding:28px 22px;gap:20px}.sl-footer p{flex-basis:100%;order:2}.sl-page-heading{padding-block:36px 28px}.sl-page-heading h1{font-size:36px}.sl-page-heading p:last-child{font-size:15px;margin-top:14px}.sl-studio .bl-contact-form-shell,.sl-form{padding:20px}.sl-studio .bl-contact-grid,.sl-form-grid{grid-template-columns:1fr;gap:0}.sl-contact-layout{padding-bottom:48px}.sl-about-image{aspect-ratio:1.5;object-position:right center}.sl-team h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.sl-studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.sl-header{background:#fff;backdrop-filter:none}.sl-glass-ribbon{background:#f5f7fa;backdrop-filter:none}}
@media(min-width:651px) and (max-width:1000px){.sl-hero{align-items:start;min-height:0;background:#f6f6f6}.sl-hero .sl-wrap{padding-block:32px 335px}.sl-hero h1,.sl-hero h1 span,.sl-hero p{max-width:620px}.sl-hero .sl-actions{max-width:none}.sl-hero-image{inset:auto 0 0;height:310px;object-position:right 57%}}

/* Editorial pages and post-hero content only. Existing hero rules remain independent. */
.sl-header nav a:is([aria-current=location],[aria-current=page]){color:var(--sl-brand-hover);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.sl-header{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffb3,0 8px 28px #24262910}
@supports(backdrop-filter:blur(1px)){
  .sl-header{background:#ffffffb8;backdrop-filter:blur(24px) saturate(1.55);border-bottom-color:#ffffffa6}
  .sl-glass-ribbon{background:#f5f7faad;backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffb3,0 6px 20px #24262908}
}
@media(prefers-reduced-transparency:reduce){
  .sl-header{background:#fff;backdrop-filter:none}
  .sl-glass-ribbon{background:#f5f7fa;backdrop-filter:none}
}
.slx{--sx-ink:#252b2b;--sx-muted:#596363;--sx-line:#d4dcda;--sx-green:#245447;--sx-mist:#edf2ef;color:var(--sx-ink);overflow-wrap:anywhere}
.slx :where(h1,h2,h3,p,figure,ol,ul,dl,dd){margin:0}
.slx :where(h1,h2,h3){text-wrap:balance}
.slx :where(h1,h2){font-size:42px;line-height:1.14;font-weight:600}
.slx h3{font-size:22px;line-height:1.25}
.slx :where(p,li){text-wrap:pretty}
.slx :where(.slx-split,.slx-heading,.slx-offer-grid,.slx-process-list,.slx-faq-grid,.slx-about-lead,.slx-profiles,.slx-toolkit-grid,.slx-contact-layout)>*{min-width:0}
.slx .slx-section{padding-block:88px}
.slx .slx-eyebrow{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;font-size:11px;line-height:1.6;font-weight:650;text-transform:uppercase;color:var(--sx-muted)}
.slx .slx-eyebrow>span{color:var(--sl-brand-hover)}
.slx .slx-mini-label{font-size:11px;line-height:1.6;font-weight:650;text-transform:uppercase}
.slx .slx-subtle{color:var(--sx-muted)}
.slx .slx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:center}
.slx .slx-copy>p:not(.slx-eyebrow){margin-top:26px;color:var(--sx-muted);max-width:49ch}
.slx .slx-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:44px}
.slx .slx-heading>p{max-width:355px;color:var(--sx-muted);font-size:15px}
.slx .slx-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:24px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#aab4b1}
.slx .slx-link>span{font-size:20px;text-decoration:none;flex-shrink:0}
.slx .slx-link:hover{color:var(--sl-brand-hover);text-decoration-color:currentColor}
.slx .sl-button{max-width:100%;white-space:normal;text-align:left}
.slx .sl-button>span{flex-shrink:0}
.slx :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--sl-brand);outline-offset:5px}
.slx .slx-note{font-size:13px;line-height:1.7;color:var(--sx-muted)}

/* A static interface study, with its caption outside the simulated browser. */
.slx .slx-intro{background:#fff}
.slx .slx-principle{display:flex;gap:18px;align-items:start;border-top:1px solid var(--sx-line);padding-top:22px;margin-top:28px;font-size:14px}
.slx .slx-principle>span{font-size:26px;color:var(--sx-green);line-height:1.2}
.slx .slx-principle strong{font-weight:600}
.slx .slx-workbench{min-width:0;background-color:var(--sx-mist);background-image:linear-gradient(#24544708 1px,transparent 1px),linear-gradient(90deg,#24544708 1px,transparent 1px);background-size:24px 24px;padding:24px;border:1px solid #dce5df;border-radius:4px}
.slx .slx-demo-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:10px;text-transform:uppercase;font-weight:600;color:#4b6057}
.slx .slx-browser{background:white;border:1px solid #fff;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff,0 2px 3px #233c2906,0 18px 32px -16px #233c2938}
.slx .slx-browser-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:36px;padding:8px 14px;background:#f8faf9;border-bottom:1px solid #dce5df;font-size:10px;color:var(--sx-muted)}
.slx .slx-window-dots{display:flex;gap:4px;flex-shrink:0}
.slx .slx-window-dots i{width:5px;height:5px;background:#b4c1ba;border-radius:50%}
.slx .slx-browser-body{padding:22px}
.slx .slx-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px}
.slx .slx-demo-nav strong{font-size:13px}
.slx .slx-demo-nav strong span{color:var(--sl-brand)}
.slx .slx-demo-content{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;padding-block:36px 30px}
.slx .slx-demo-index{display:grid;place-items:center;width:54px;aspect-ratio:1;background:#e0ebe3;color:var(--sx-green);font-size:23px;border-top:3px solid var(--sx-green)}
.slx .slx-demo-content .slx-mini-label{font-size:9px;color:var(--sx-muted)}
.slx .slx-demo-title{font-size:24px;line-height:1.25;font-weight:600;margin:10px 0 20px;max-width:24ch}
.slx .slx-demo-action{display:inline-flex;gap:18px;align-items:center;padding-block:8px;border-bottom:2px solid var(--sx-green);font-size:11px;font-weight:650;color:var(--sx-green)}
.slx .slx-demo-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--sx-line);padding-top:15px;font-size:10px;color:var(--sx-muted)}
.slx .slx-demo-footer b{display:block;color:var(--sx-green);font-size:11px;margin-bottom:4px}
.slx .slx-annotation{display:flex;gap:12px;margin-top:20px;color:#4b6057;font-size:12px}
.slx .slx-annotation>span{font-size:20px;line-height:1.3}

/* Offer drawings use fixed stages so their content cannot shift the card grid. */
.slx .slx-offers{background:#f5f6f7;border-block:1px solid #e3e6e8}
.slx .slx-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.slx .slx-offer{display:flex;flex-direction:column;background:#fff;border:1px solid #d4d9de;border-radius:6px;overflow:hidden;box-shadow:0 2px 3px #252b2b03,0 12px 24px -18px #252b2b24;transition:box-shadow .2s,border-color .2s}
.slx .slx-offer:hover,.slx .slx-offer:focus-within{border-color:#8997ae;box-shadow:0 3px 8px #252b2b08,0 20px 32px -20px #252b2b35}
.slx .slx-offer-featured{border-color:var(--sl-brand);box-shadow:0 0 0 1px var(--sl-brand)}
.slx .slx-offer-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;font-size:11px;color:var(--sx-muted)}
.slx .slx-tag{font-size:10px;font-weight:600;text-transform:uppercase}
.slx .slx-offer-featured .slx-offer-top{color:var(--sl-brand-hover)}
.slx .slx-service-art{height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;position:relative;border-block:1px solid #252b2b0d}
.slx .slx-service-art figcaption{font-size:9px;text-transform:uppercase;color:inherit;opacity:.85}
.slx .slx-art-pages{background:#edf0fc;color:#4056a7}
.slx .slx-page-map{width:100%;max-width:260px;margin:auto}
.slx .slx-map-root{display:flex;justify-content:space-between;width:60%;padding:8px 12px;margin:auto;border:1px solid #9ba9de;background:#fff;font-size:12px;font-weight:600}
.slx .slx-map-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.slx .slx-map-branches:before{content:"";position:absolute;top:-13px;left:15%;right:15%;border-top:1px solid #9ba9de}
.slx .slx-map-root:after{content:"";position:absolute;left:50%;height:13px;margin-top:26px;border-left:1px solid #9ba9de}
.slx .slx-map-branches span{position:relative;border-top:1px solid #9ba9de;text-align:center;padding-top:5px;font-size:10px}
.slx .slx-map-branches span:before{content:"";position:absolute;top:-13px;left:50%;height:12px;border-left:1px solid #9ba9de}
.slx .slx-art-shop{background:#e9f0eb;color:#2f5949}
.slx .slx-shop-flow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:center;margin:auto;width:100%;max-width:260px}
.slx .slx-shop-flow strong{display:block;font-size:18px;line-height:1.2;margin:5px 0 10px}
.slx .slx-shop-flow .slx-mini-label{font-size:9px}
.slx .slx-product-object{display:grid;place-items:center;width:72px;height:92px;background:#d4e2d7;border:1px solid #b7cfbe}
.slx .slx-product-object i{display:block;position:relative;width:37px;height:46px;background:#f9fbf8;border:1px solid #7d9e88;box-shadow:5px 5px 0 #b9cebe}
.slx .slx-product-object i:before{content:"";position:absolute;width:17px;height:15px;left:9px;top:-12px;border:2px solid #7d9e88;border-bottom:0;border-radius:10px 10px 0 0}
.slx .slx-shop-step{display:flex;align-items:center;gap:9px;font-size:10px}
.slx .slx-art-system{background:#303837;color:#e6eeeb}
.slx .slx-system-flow{width:100%;max-width:250px;margin:auto;text-align:center;font-size:11px}
.slx .slx-system-flow>span{display:inline-block;border:1px solid #82998e;padding:7px 18px;background:#ffffff08}
.slx .slx-system-flow>i{display:block;line-height:1.5;font-style:normal;color:#b2c9b9}
.slx .slx-system-flow>div{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center}
.slx .slx-system-flow>div>span{border-block:1px solid #6b8076;padding:8px 4px}
.slx .slx-offer-body{display:flex;flex-direction:column;flex:1;padding:26px 24px 24px}
.slx .slx-offer-body h3{min-height:56px}
.slx .slx-offer-body>p:not(.slx-price){color:var(--sx-muted);font-size:14px;min-height:68px;margin-top:8px}
.slx .slx-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:36px;line-height:1.2;font-weight:600;margin:24px 0}
.slx .slx-price small{font-size:12px;font-weight:500}
.slx .slx-offer-body ul{list-style:none;padding:20px 0 28px;border-top:1px solid var(--sx-line);font-size:13px;line-height:1.7}
.slx .slx-offer-body li{position:relative;padding-left:17px;margin-bottom:9px}
.slx .slx-offer-body li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--sx-green)}
.slx .slx-offer-body .sl-button{margin-top:auto;justify-content:space-between;width:100%}
.slx .slx-offer-foot{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding-top:24px;align-items:baseline;color:var(--sx-muted);font-size:12px}

.slx .slx-process{background:#252d2b;color:#f7faf8}
.slx .slx-process .slx-eyebrow{color:#b7cbbc}
.slx .slx-process .slx-heading>p{color:#c3ceca}
.slx .slx-process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;padding:0}
.slx .slx-process-list>li{display:flex;flex-direction:column;border-top:1px solid #64796b}
.slx .slx-stage{display:flex;gap:18px;align-items:center;padding:24px 0}
.slx .slx-stage>span:first-child{color:#b8d2bf;font-size:12px;font-family:Consolas,monospace}
.slx .slx-stage h3{font-size:25px}
.slx .slx-stage-arrow{margin-left:auto;color:#b8d2bf;font-size:24px}
.slx .slx-process-list>li>p{color:#c3ceca;font-size:14px;padding-bottom:30px}
.slx .slx-deliverable{margin-top:auto;border-left:2px solid #9bbb9e;padding:2px 0 2px 18px}
.slx .slx-deliverable>span{display:block;font-size:10px;text-transform:uppercase;color:#b7cbbc;margin-bottom:8px}
.slx .slx-deliverable strong{display:block;font-weight:550;font-size:15px}
.slx .slx-deliverable p{font-size:12px;color:#b7c4bf;margin-top:8px}
.slx .slx-process-note{display:flex;gap:18px;border-top:1px solid #46554d;padding-top:22px;margin-top:44px;font-size:12px;color:#b7c4bf;max-width:none}
.slx .slx-process-note>span{color:#b8d2bf}

.slx .slx-editorial{background:#fff}
.slx .slx-editorial-flow{margin-top:30px;padding-top:22px;border-top:1px solid var(--sx-line)}
.slx .slx-editorial-flow figcaption{font-size:10px;color:var(--sx-muted);text-transform:uppercase;margin-bottom:14px}
.slx .slx-editorial-flow ol{display:flex;gap:12px 18px;flex-wrap:wrap;list-style:none;padding:0;font-size:11px;color:var(--sx-green)}
.slx .slx-editorial-flow li:not(:last-child):after{content:"→";margin-left:18px}
.slx .slx-subscriptions{border-top:3px solid var(--sx-green)}
.slx .slx-subscriptions>.slx-mini-label{padding:20px 0;color:var(--sx-green)}
.slx .slx-subscription{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:25px 0;border-top:1px solid var(--sx-line);align-items:center}
.slx .slx-subscription h3{font-size:20px}
.slx .slx-subscription div p{font-size:13px;color:var(--sx-muted);margin-top:6px}
.slx .slx-subscription>p{text-align:right}
.slx .slx-subscription strong{font-size:27px;line-height:1.2;font-weight:600}
.slx .slx-subscription small{display:block;font-size:11px;color:var(--sx-muted);margin-top:4px}
.slx .slx-subscriptions>.slx-note{padding-top:20px;border-top:1px solid var(--sx-line)}
.slx .slx-faq{background:#f3f5f4;border-top:1px solid var(--sx-line)}
.slx .slx-faq-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px}
.slx .slx-faq h2{font-size:34px}
.slx .slx-faq details{padding:0;border-color:var(--sx-line)}
.slx .slx-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:22px 0;font-size:15px;line-height:1.5}
.slx .slx-faq summary::-webkit-details-marker{display:none}
.slx .slx-faq summary:after{content:"+";font-size:23px;line-height:1;flex:0 0 20px;text-align:center;color:var(--sx-green)}
.slx .slx-faq details[open] summary:after{content:"−"}
.slx .slx-faq details[open] summary{color:var(--sl-brand-hover)}
.slx .slx-faq details p{padding:0 30px 24px 0;color:var(--sx-muted);font-size:14px}
.slx .slx-close{background:var(--sl-brand);color:#fff}
.slx .slx-close>.sl-wrap{display:flex;align-items:center;justify-content:space-between;gap:48px}
.slx .slx-close h2{font-size:38px;max-width:680px}
.slx .slx-close .slx-eyebrow{color:#fff}
.slx .slx-close p:not(.slx-eyebrow){font-size:14px;margin-bottom:20px}
.slx .slx-close .sl-button-outline{color:#293660;border-color:white;flex-shrink:0}
.slx .slx-close .sl-button-outline:hover{background:#edf0fc}
.slx .slx-close :where(a,button):focus-visible{outline-color:#fff}

@supports(backdrop-filter:blur(1px)){
  .slx{--sx-glass:#ffffff8c}
  .slx .slx-browser{background:#ffffffb8;backdrop-filter:blur(16px) saturate(1.4)}
  .slx .slx-expertise-center strong{background:#ffffff8c;backdrop-filter:blur(20px) saturate(1.5)}
}
@media(prefers-reduced-transparency:reduce){
  .slx{--sx-glass:#fff}
  .slx .slx-browser,.slx .slx-expertise-center strong{background:#fff;backdrop-filter:none}
}

.slx .slx-commitments{background:#f8faf9;border-block:1px solid var(--sx-line)}
.slx .slx-commitment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.slx .slx-commitment-grid article{display:flex;flex-direction:column;min-width:0;border-top:2px solid var(--sl-brand);padding-top:22px}
.slx .slx-commitment-grid article:nth-child(even){border-color:var(--sx-green)}
.slx .slx-commitment-number{font-size:12px;color:var(--sl-brand-hover);margin-bottom:24px}
.slx .slx-commitment-grid h3{font-size:21px;min-height:78px}
.slx .slx-commitment-grid p{font-size:14px;color:var(--sx-muted);margin:16px 0 24px}
.slx .slx-commitment-grid .slx-mini-label{margin-top:auto;font-size:10px;color:var(--sx-green)}
@media(max-width:900px){.slx .slx-commitment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.slx .slx-commitment-grid{grid-template-columns:1fr}.slx .slx-commitment-grid h3{min-height:0}.slx .slx-commitment-number{margin-bottom:12px}}

/* About: an expertise diagram and typographic profiles, without stock portraits. */
.slx .slx-about-opening{padding-bottom:56px;border-bottom:1px solid var(--sx-line)}
.slx .slx-about-lead{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:end}
.slx .slx-about-lead h1{font-size:60px}
.slx .slx-about-lead h1>span{display:block;font-size:32px;line-height:1.25;font-weight:500;margin-top:24px}
.slx .slx-about-lead>div>p{color:var(--sx-muted)}
.slx .slx-expertise-map{margin-top:52px;border-block:1px solid var(--sx-line);background:var(--sx-mist);padding:24px 32px}
.slx .slx-expertise-map figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:600;color:var(--sx-green)}
.slx .slx-expertise-map figcaption>span{font-weight:400}
.slx .slx-expertise-track{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr) minmax(0,1fr);align-items:center;gap:28px;padding:38px 0}
.slx .slx-expertise-end strong{display:block;font-size:24px;line-height:1.25;margin:12px 0}
.slx .slx-expertise-end p{font-size:12px;color:var(--sx-muted)}
.slx .slx-expertise-end:last-child{text-align:right}
.slx .slx-expertise-center{display:flex;align-items:center;justify-content:center;gap:20px}
.slx .slx-expertise-center strong{display:grid;place-content:center;width:126px;aspect-ratio:1;flex-shrink:0;border:1px solid #fff;border-radius:50%;outline:8px solid #e3ebe5;text-align:center;font-size:20px;line-height:1.3;font-weight:600;color:var(--sx-green);background:var(--sx-glass,#f8fbf9);box-shadow:inset 0 -4px 8px #24544709,0 10px 20px #24544714}
.slx .slx-expertise-center>span{font-size:24px;color:#557364}
.slx .slx-expertise-baseline{display:flex;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #c9d7cd;font-size:11px;color:#4b6057}
.slx .slx-expertise-baseline>span:before{content:"";display:inline-block;width:5px;height:5px;background:#557364;margin-right:9px;vertical-align:middle}
.slx .slx-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.slx .slx-profile{border-top:2px solid var(--sl-brand);padding-top:28px;display:flex;flex-direction:column}
.slx .slx-profile-marketing{border-color:var(--sx-green)}
.slx .slx-profile-head{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.slx .slx-monogram{position:relative;display:grid;place-items:center;flex:0 0 96px;aspect-ratio:1;background:#edf0fc;color:var(--sl-brand-hover);font-size:56px;font-weight:500;border:1px solid #dce2f8}
.slx .slx-monogram>span{position:absolute;right:9px;bottom:5px;font-size:15px}
.slx .slx-profile-marketing .slx-monogram{background:#e9f0eb;color:var(--sx-green);border-color:#d3e2d6}
.slx .slx-profile-head .slx-eyebrow{font-size:10px;margin-bottom:8px}
.slx .slx-profile h3{font-size:32px;margin-bottom:6px}
.slx .slx-profile-head p:last-child{font-size:12px;color:var(--sx-muted)}
.slx .slx-profile>p{font-size:15px;color:var(--sx-muted);margin-bottom:28px}
.slx .slx-profile-focus{margin-top:auto;font-size:12px}
.slx .slx-profile-focus>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:20px;border-top:1px solid var(--sx-line);padding:14px 0}
.slx .slx-profile-focus dt{font-weight:600}
.slx .slx-profile-focus dd{color:var(--sx-muted)}
.slx .slx-toolkit{background:#f4f6f5;border-top:1px solid var(--sx-line)}
.slx .slx-toolkit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:80px}
.slx .slx-tool-rows>article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:20px;border-top:1px solid var(--sx-line);padding:25px 0}
.slx .slx-tool-rows>article:first-child{border-top:2px solid var(--sx-green)}
.slx .slx-tool-number{font-size:12px;font-family:Consolas,monospace;color:var(--sx-green);padding-top:3px}
.slx .slx-tool-rows h3{font-size:21px}
.slx .slx-tool-rows p{font-size:14px;color:var(--sx-muted);margin-top:12px}
.slx .slx-tool-caption{display:block;font-size:10px;color:var(--sx-green);margin-top:15px;text-transform:uppercase}

/* Keep the live base-layer form, its labels, validation and field selectors intact. */
.slx .slx-contact-opening{padding-top:64px}
.slx .slx-contact-opening h1{font-size:56px}
.slx .slx-contact-opening h1>span{color:var(--sl-brand)}
.slx .slx-contact-opening .slx-heading{margin-bottom:32px}
.slx .slx-contact-topics{display:flex;flex-wrap:wrap;gap:12px 28px;border-block:1px solid var(--sx-line);padding:16px 0;font-size:11px;color:var(--sx-muted)}
.slx .slx-contact-topics span{display:flex;align-items:center;gap:9px}
.slx .slx-contact-topics span:before{content:"";height:5px;width:5px;background:var(--sl-brand)}
.slx .slx-contact-topics span:nth-child(even):before{background:var(--sx-green)}
.slx .slx-contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:72px;padding-block:48px 64px;align-items:start}
.slx .slx-contact-form-region{min-width:0}
.slx .slx-form-heading{display:flex;gap:18px;align-items:start;margin-bottom:26px}
.slx .slx-form-index{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #d2d9f4;color:var(--sl-brand-hover);font-size:11px;background:#f2f4fd}
.slx .slx-form-heading h2{font-size:25px}
.slx .slx-form-heading p{font-size:13px;color:var(--sx-muted);margin-top:10px}
.sl-studio .slx-contact .bl-contact-form-shell{background:#fff;border:0;border-radius:0;box-shadow:none;padding:0}
.sl-studio .slx-contact .bl-contact-form{max-width:100%;margin:0}
.sl-studio .slx-contact .bl-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sl-studio .slx-contact .bl-contact-field{min-width:0;margin-bottom:22px}
.sl-studio .slx-contact .bl-contact-field :where(input,textarea,select){width:100%;max-width:100%;min-width:0;border:1px solid #aab7b1;border-radius:4px;background:#fafcfb;color:var(--sx-ink);padding:12px;min-height:48px;box-shadow:none}
.sl-studio .slx-contact .bl-contact-field input[type=checkbox],.sl-studio .slx-contact .bl-contact-field input[type=radio]{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--sl-brand)}
.sl-studio .slx-contact .bl-contact-field textarea{min-height:184px;resize:vertical}
.sl-studio .slx-contact .bl-contact-field :where(input,textarea,select):focus-visible{outline:3px solid var(--sl-brand);outline-offset:3px;background:white}
.sl-studio .slx-contact .bl-contact-field [aria-invalid=true]{border-color:#ad3543}
.sl-studio .slx-contact .bl-contact-submit{min-height:50px;max-width:100%;padding:14px 24px;font-weight:600;white-space:normal;overflow-wrap:anywhere}
.sl-studio .slx-contact .bl-contact-submit:hover{background:var(--sl-brand-hover)}
.slx .slx-contact-aside{padding:28px 0 0 32px;border-top:3px solid var(--sx-green);border-left:1px solid var(--sx-line)}
.slx .slx-contact-aside h2{font-size:30px}
.slx .slx-contact-aside .slx-eyebrow{font-size:10px;margin-bottom:16px;color:var(--sx-green)}
.slx .slx-contact-steps{list-style:none;padding:0;margin-top:28px}
.slx .slx-contact-steps li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding-bottom:26px}
.slx .slx-contact-steps li:not(:last-child):before{content:"";position:absolute;left:13px;top:32px;bottom:6px;border-left:1px solid #c2d5c8}
.slx .slx-contact-steps li>span{display:grid;place-items:center;width:28px;height:28px;background:#e9f0eb;color:var(--sx-green);font-size:10px;border-radius:50%}
.slx .slx-contact-steps h3{font-size:17px;margin:2px 0 7px}
.slx .slx-contact-steps p{font-size:13px;color:var(--sx-muted)}
.slx .slx-contact-brief{border-block:1px solid var(--sx-line);padding-block:20px}
.slx .slx-contact-brief .slx-mini-label{color:var(--sx-green);margin-bottom:10px}
.slx .slx-contact-brief p:last-child{font-size:13px;color:var(--sx-muted)}
.slx .slx-contact-aside .slx-link{font-size:13px}
.slx .slx-contact-foot{display:flex;justify-content:space-between;gap:20px;padding-block:24px 40px;border-top:1px solid var(--sx-line);color:var(--sx-muted)}
.slx .slx-contact-foot>p{font-size:12px;max-width:55ch}

@media(max-width:1100px){
  .slx .slx-split,.slx .slx-about-lead,.slx .slx-toolkit-grid,.slx .slx-faq-grid,.slx .slx-contact-layout{gap:36px}
  .slx .slx-heading{gap:32px}
  .slx .slx-heading>p{max-width:300px}
  .slx .slx-offer-grid{gap:14px}
  .slx .slx-offer-body{padding:22px 18px}
  .slx .slx-offer-top,.slx .slx-service-art{padding-inline:18px}
  .slx .slx-offer-body h3{font-size:21px}
  .slx .slx-process-list{gap:26px}
  .slx .slx-workbench{padding:18px}
  .slx .slx-browser-body{padding:18px}
  .slx .slx-demo-content{grid-template-columns:1fr}
  .slx .slx-demo-index{display:none}
  .slx .slx-expertise-track{gap:20px}
  .slx .slx-expertise-end strong{font-size:21px}
  .slx .slx-profiles{gap:36px}
}
@media(max-width:900px){
  .slx .slx-section{padding-block:64px}
  .slx :where(h1,h2){font-size:36px}
  .slx .slx-split,.slx .slx-about-lead,.slx .slx-toolkit-grid{grid-template-columns:1fr}
  .slx .slx-workbench{max-width:640px;width:100%;justify-self:center;padding:24px}
  .slx .slx-demo-content{grid-template-columns:54px minmax(0,1fr)}
  .slx .slx-demo-index{display:grid}
  .slx .slx-heading{align-items:start;flex-direction:column;gap:20px}
  .slx .slx-heading>p{max-width:55ch}
  .slx .slx-offer-grid{grid-template-columns:1fr;gap:24px}
  .slx .slx-offer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr}
  .slx .slx-offer-top{grid-column:1;align-self:start;padding:20px}
  .slx .slx-service-art{grid-column:1;grid-row:2;height:auto;min-height:230px;border-bottom:0;padding:26px 20px}
  .slx .slx-offer-body{grid-column:2;grid-row:1 / 3;padding:26px;border-left:1px solid var(--sx-line)}
  .slx .slx-offer-body h3,.slx .slx-offer-body>p:not(.slx-price){min-height:0}
  .slx .slx-offer-body ul{padding-bottom:18px}
  .slx .slx-faq-grid{grid-template-columns:1fr}
  .slx .slx-close>.sl-wrap{align-items:start;flex-direction:column;gap:28px}
  .slx .slx-close h2{font-size:36px}
  .slx .slx-expertise-map{padding:22px}
  .slx .slx-expertise-track{grid-template-columns:1fr;gap:26px;text-align:center}
  .slx .slx-expertise-end:last-child{text-align:center}
  .slx .slx-expertise-end p{margin-inline:auto}
  .slx .slx-expertise-center>span{display:none}
  .slx .slx-expertise-center{position:relative;padding-block:16px}
  .slx .slx-expertise-center:before,.slx .slx-expertise-center:after{content:"";position:absolute;left:50%;height:24px;border-left:1px solid #a8bbb0}
  .slx .slx-expertise-center:before{top:-17px}
  .slx .slx-expertise-center:after{bottom:-17px}
  .slx .slx-expertise-map figcaption{flex-wrap:wrap}
  .slx .slx-contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}
  .slx .slx-contact-aside{padding-left:20px}
  .sl-studio .slx-contact .bl-contact-grid{grid-template-columns:1fr;gap:0}
}
@media(max-width:650px){
  .slx .slx-section{padding-block:48px}
  .slx :where(h1,h2){font-size:30px}
  .slx .slx-eyebrow{font-size:10px;margin-bottom:18px}
  .slx .slx-heading{margin-bottom:28px}
  .slx .slx-copy>p:not(.slx-eyebrow){font-size:15px;margin-top:20px}
  .slx .slx-split{gap:30px}
  .slx .slx-workbench{padding:16px}
  .slx .slx-demo-label{font-size:9px;flex-wrap:wrap;margin-bottom:16px}
  .slx .slx-browser-body{padding:18px 14px}
  .slx .slx-browser-bar{padding-inline:10px;font-size:9px}
  .slx .slx-demo-nav{align-items:start;gap:10px}
  .slx .slx-demo-nav>span{max-width:62px;text-align:right;font-size:9px}
  .slx .slx-demo-content{grid-template-columns:1fr;padding-block:26px}
  .slx .slx-demo-index{display:none}
  .slx .slx-demo-title{font-size:22px}
  .slx .slx-demo-footer{gap:8px;font-size:9px}
  .slx .slx-offer{display:flex}
  .slx .slx-offer-top{align-self:stretch;padding:16px 22px}
  .slx .slx-service-art{height:180px;min-height:180px;padding:22px}
  .slx .slx-offer-body{border-left:0;padding:24px}
  .slx .slx-offer-body h3{font-size:23px}
  .slx .slx-price{font-size:34px}
  .slx .slx-offer-foot{grid-template-columns:1fr;gap:8px}
  .slx .slx-process-list{grid-template-columns:1fr;gap:34px}
  .slx .slx-stage{padding-block:20px}
  .slx .slx-process-list>li>p{padding-bottom:22px}
  .slx .slx-process-note{margin-top:30px}
  .slx .slx-subscription{gap:12px;padding-block:22px}
  .slx .slx-subscription h3{font-size:17px}
  .slx .slx-subscription strong{font-size:24px}
  .slx .slx-faq h2,.slx .slx-close h2{font-size:30px}
  .slx .slx-faq summary{font-size:14px}
  .slx .slx-about-lead{gap:24px}
  .slx .slx-about-lead h1{font-size:42px}
  .slx .slx-about-lead h1>span{font-size:27px;margin-top:18px}
  .slx .slx-about-lead>div>p{font-size:15px}
  .slx .slx-expertise-map{margin-top:32px;padding:20px 16px}
  .slx .slx-expertise-map figcaption{font-size:10px;gap:6px}
  .slx .slx-expertise-baseline{flex-direction:column;font-size:10px}
  .slx .slx-profiles{grid-template-columns:1fr;gap:38px}
  .slx .slx-profile-head{gap:18px}
  .slx .slx-monogram{flex-basis:76px;font-size:44px}
  .slx .slx-profile h3{font-size:28px}
  .slx .slx-profile-focus>div{grid-template-columns:70px minmax(0,1fr);gap:14px}
  .slx .slx-tool-rows>article{grid-template-columns:24px minmax(0,1fr);gap:14px}
  .slx .slx-tool-rows h3{font-size:20px}
  .slx .slx-contact-opening{padding-top:36px}
  .slx .slx-contact-opening h1{font-size:42px}
  .slx .slx-contact-topics{gap:10px 22px}
  .slx .slx-contact-layout{grid-template-columns:1fr;gap:44px;padding-block:32px 44px}
  .slx .slx-form-heading{gap:14px}
  .slx .slx-form-heading h2{font-size:23px}
  .slx .slx-contact-aside{padding:24px 0 0;border-left:0}
  .slx .slx-contact-aside h2{font-size:28px}
  .slx .slx-contact-foot{flex-direction:column;gap:10px}
}

/* Desktop refresh 0.6.0. Keep every override scoped above the validated mobile. */
@media (min-width: 901px) {
  .sl-studio { --sd-paper: #f6f7fb; --sd-line: #dfe4f0; --sd-muted: #596174; background: var(--sd-paper); }
  .sl-studio .sl-wrap { max-width: 1240px; padding-inline: 40px; }
  .sl-studio section[id] { scroll-margin-top: 126px; }
  .sl-studio :where(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid #4056bb; outline-offset: 5px; }
  .sl-studio .sl-button { min-height: 52px; border-radius: 16px; padding: 14px 22px; font-size: 14px; }
  .sl-studio .sl-button-primary, .sl-studio .sl-button-dark { box-shadow: inset 0 1px 0 #ffffff45, 0 6px 16px #4056bb1c; }
  .sl-studio .sl-button-outline { border-color: #ccd5e9; }
  .sl-studio .sl-button-outline:hover { background: #edf1fc; border-color: #aabbea; }
  .sl-header { top: 16px; width: calc(100% - 56px); max-width: 1260px; min-height: 76px; margin: 16px auto 0; padding: 12px 22px; gap: 24px; border: 1px solid #fff; border-radius: 24px; background: #f9faff; box-shadow: inset 0 1px 1px #fff, inset 0 -1px 2px #d3d9ef70, 0 8px 30px #25345512; backdrop-filter: none; }
  .sl-studio.admin-bar .sl-header { top: 48px; }
  .sl-header .sl-brand { font-size: 25px; gap: 10px; }
  .sl-header .sl-brand img { width: 35px; height: 35px; }
  .sl-header a[aria-current=page]:not(.sl-brand) { text-decoration: none; }
  .sl-header nav { gap: 6px; padding: 4px; border: 1px solid #dfe5f1; border-radius: 17px; background: #eef1f980; }
  .sl-header nav a { display: inline-flex; align-items: center; min-height: 40px; padding: 9px 17px; border: 1px solid transparent; border-radius: 12px; color: #596174; font-size: 13px; }
  .sl-header nav a:is([aria-current=location], [aria-current=page]) { text-decoration: none; color: #4056bb; background: #fff; border-color: #e0e6f8; box-shadow: 0 2px 5px #293e6810; }
  .sl-header nav a:hover { background: #fff; color: #4056bb; }
  .sl-header .sl-header-cta { min-height: 48px; padding: 12px 18px; font-size: 13px; border-radius: 14px; }
  .sl-header .sl-header-cta[aria-current=page] { text-decoration: none; box-shadow: 0 0 0 3px #d8e0fa; }

  /* A proper split composition rather than text laid over the illustration. */
  .sl-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); align-items: stretch; gap: 40px; width: calc(100% - 56px); max-width: 1260px; min-height: 0; padding: 44px; margin: 24px auto 0; border: 1px solid #e1e6f4; border-radius: 32px; background: radial-gradient(ellipse at 0 0, #fff, transparent 65%), #eaf0fb; overflow: hidden; }
  .sl-hero .sl-wrap { grid-column: 1; grid-row: 1; width: 100%; max-width: none; min-width: 0; align-self: center; padding: 8px 0 28px; }
  .sl-hero .sl-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 24px; font-size: 11px; color: #4056bb; }
  .sl-hero .sl-kicker::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #556ede; box-shadow: 0 0 0 5px #556ede10; }
  .sl-hero h1 { max-width: none; font-size: 0; }
  .sl-hero h1 span { max-width: 17ch; margin: 0; font-size: clamp(39px, 3.65vw, 54px); line-height: 1.09; font-weight: 650; letter-spacing: -.045em; text-wrap: balance; }
  .sl-hero p { max-width: 48ch; margin: 26px 0; font-size: 15px; line-height: 1.8; color: #596174; }
  .sl-hero .sl-actions { max-width: none; gap: 12px 22px; }
  .sl-hero .sl-text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
  .sl-hero-image { position: relative; inset: auto; z-index: 0; grid-column: 2; grid-row: 1; width: 100%; height: 100%; min-height: 430px; max-height: 560px; border: 1px solid #fff; border-radius: 24px; object-fit: cover; object-position: 85% 50%; box-shadow: 0 12px 32px #34496c13; }
  .sl-glass-ribbon { z-index: 2; max-width: 1120px; width: calc(100% - 144px); margin: -22px auto 0; padding: 22px 30px; gap: 24px; border: 1px solid #fff; border-radius: 22px; background: #f9faff; box-shadow: inset 0 1px 0 #fff, 0 10px 30px #293e6810; font-size: 11px; }
  .sl-glass-ribbon > span { flex: 1; }
  .sl-glass-ribbon > span + span { padding-left: 24px; border-left: 1px solid #dbe2f1; }
  .sl-glass-ribbon strong { font-size: 30px; letter-spacing: -.035em; }
  .sl-glass-ribbon b { font-size: 13px; }
  .sl-glass-ribbon a { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; font-size: 12px; font-weight: 600; }

  .slx { --sx-muted: #596174; --sx-line: #dfe4eb; }
  .slx .slx-section { padding-block: 96px; }
  .slx :where(h1, h2) { font-size: clamp(36px, 3.2vw, 46px); line-height: 1.13; letter-spacing: -.035em; }
  .slx h3 { letter-spacing: -.02em; }
  .slx .slx-eyebrow { font-size: 10px; margin-bottom: 20px; gap: 10px 20px; }
  .slx .slx-heading { gap: 56px; margin-bottom: 40px; }
  .slx .slx-heading > p { max-width: 370px; font-size: 15px; line-height: 1.8; }
  .slx .slx-split { gap: 64px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
  .slx .slx-copy > p:not(.slx-eyebrow) { margin-top: 24px; font-size: 16px; line-height: 1.8; }
  .slx .slx-link { min-height: 48px; margin-top: 22px; text-decoration-color: #b6c2d8; }
  .slx .slx-intro { background: var(--sd-paper); }
  .slx .slx-principle { gap: 14px; padding-top: 20px; margin-top: 24px; font-size: 14px; }
  .slx .slx-workbench { padding: 28px; border-radius: 28px; background-color: #edf2f3; border-color: #dce6e9; }
  .slx .slx-demo-label { font-size: 9px; margin-bottom: 20px; }
  .slx .slx-browser { border-radius: 17px; }
  .slx .slx-browser-bar { padding: 12px 16px; }
  .slx .slx-browser-body { padding: 24px; }
  .slx .slx-demo-content { grid-template-columns: 1fr; padding-block: 32px; }
  .slx .slx-demo-index { display: none; }
  .slx .slx-demo-title { max-width: 24ch; font-size: 27px; }
  .slx .slx-demo-action { border-radius: 10px; padding: 12px 14px; background: #e4ede7; border-bottom: 0; }
  .slx .slx-annotation { margin-top: 20px; }

  .slx .slx-offers { background: #edf0f8; border-color: #e1e5ef; }
  .slx .slx-offer-grid { gap: 22px; }
  .slx .slx-offer { border: 1px solid #d5ddef; border-radius: 24px; box-shadow: 0 8px 28px #293e6808; transition: box-shadow .2s, border-color .2s; }
  .slx .slx-offer-featured { border-color: #aebff1; box-shadow: 0 0 0 1px #dce4fa, 0 10px 30px #4056bb0c; }
  .slx .slx-offer:hover, .slx .slx-offer:focus-within { border-color: #8da2dc; box-shadow: 0 12px 32px #293e6816; }
  .slx .slx-offer-top { padding: 18px 22px; font-size: 10px; }
  .slx .slx-tag { padding: 5px 8px; border: 1px solid #dfe5f4; border-radius: 20px; font-size: 9px; }
  .slx .slx-service-art { height: 164px; padding: 20px 22px; }
  .slx .slx-map-root { border-radius: 8px; }
  .slx .slx-product-object { border-radius: 13px; }
  .slx .slx-system-flow > span { border-radius: 9px; }
  .slx .slx-offer-body { padding: 26px 24px 24px; }
  .slx .slx-offer-body h3 { min-height: 58px; font-size: 24px; }
  .slx .slx-offer-body > p:not(.slx-price) { min-height: 72px; font-size: 14px; }
  .slx .slx-price { font-size: 39px; margin: 24px 0; letter-spacing: -.035em; }
  .slx .slx-price small { letter-spacing: 0; }
  .slx .slx-offer-body ul { padding: 22px 0 24px; }
  .slx .slx-offer-body li { padding-left: 21px; }
  .slx .slx-offer-body li::before { width: 6px; height: 10px; top: 5px; left: 3px; background: transparent; border-right: 1.5px solid #4056bb; border-bottom: 1.5px solid #4056bb; transform: rotate(40deg); }
  .slx .slx-offer-body .sl-button { gap: 12px; }
  .slx .slx-offer-foot { padding-top: 28px; }

  .slx .slx-process { background: #242d31; border-radius: 32px; margin: 28px; padding-block: 72px; }
  .slx .slx-process-list { gap: 22px; }
  .slx .slx-process-list > li { padding: 26px; border: 1px solid #506460; border-radius: 22px; background: #ffffff04; }
  .slx .slx-stage { padding: 0 0 22px; gap: 14px; }
  .slx .slx-stage > span:first-child { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border: 1px solid #6a8179; border-radius: 11px; background: #374b42; color: #e1ede6; font-size: 11px; }
  .slx .slx-stage h3 { font-size: 23px; }
  .slx .slx-stage-arrow { font-size: 19px; }
  .slx .slx-process-list > li > p { font-size: 14px; padding-bottom: 26px; }
  .slx .slx-deliverable { padding: 16px 0 0; border-left: 0; border-top: 1px solid #5a6e66; }
  .slx .slx-deliverable strong { font-size: 15px; }
  .slx .slx-process-note { margin-top: 30px; padding-top: 24px; }
  .slx .slx-editorial { background: var(--sd-paper); }
  .slx .slx-editorial-flow { margin-top: 28px; padding-top: 22px; }
  .slx .slx-editorial-flow ol { gap: 8px; }
  .slx .slx-editorial-flow li { padding: 7px 10px; border-radius: 8px; background: #eaf1ed; }
  .slx .slx-editorial-flow li:not(:last-child)::after { margin-left: 10px; }
  .slx .slx-subscriptions { padding: 28px 32px; border: 1px solid #d7e2db; border-radius: 28px; background: #f1f6f2; }
  .slx .slx-subscriptions > .slx-mini-label { padding: 0 0 22px; font-size: 10px; }
  .slx .slx-subscription { padding-block: 24px; }
  .slx .slx-subscription strong { font-size: 32px; letter-spacing: -.035em; }
  .slx .slx-subscription h3 { font-size: 20px; }
  .slx .slx-subscriptions > .slx-note { font-size: 12px; }
  .slx .slx-faq { background: #fff; }
  .slx .slx-faq-grid { gap: 72px; }
  .slx .slx-faq h2 { font-size: 38px; }
  .slx .slx-faq details { padding: 0 22px; margin-bottom: 12px; border: 1px solid #dfe4ef; border-radius: 18px; background: #f9faff; }
  .slx .slx-faq details[open] { border-color: #b8c7ef; background: #f4f7ff; }
  .slx .slx-faq summary { min-height: 68px; padding-block: 20px; font-size: 14px; }
  .slx .slx-faq summary::after { color: #4056bb; }
  .slx .slx-faq details p { padding: 0 16px 22px 0; }

  .slx .slx-about-opening { padding-top: 64px; padding-bottom: 64px; background: radial-gradient(ellipse at 100% 0, #e5ecfc, transparent 65%); border-bottom: 0; }
  .slx .slx-about-lead { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 72px; align-items: center; }
  .slx .slx-about-lead h1 { font-size: 0; }
  .slx .slx-about-lead h1 > span { font-size: clamp(40px, 3.8vw, 54px); line-height: 1.1; font-weight: 650; margin: 0; letter-spacing: -.04em; }
  .slx .slx-about-lead > div > p { font-size: 15px; line-height: 1.8; }
  .slx .slx-expertise-map { padding: 28px; margin-top: 44px; border: 1px solid #dce4eb; border-radius: 28px; background: radial-gradient(ellipse at center, #dee7fb, transparent 70%), #edf2f5; }
  .slx .slx-expertise-map figcaption { color: #40566c; font-size: 10px; }
  .slx .slx-expertise-track { grid-template-columns: minmax(0, 1fr) 210px minmax(0, 1fr); gap: 24px; padding: 28px 0; }
  .slx .slx-expertise-end { padding: 24px; border: 1px solid #fff; border-radius: 20px; background: #f9faff; }
  .slx .slx-expertise-end:last-child { text-align: left; background: #f3f8f5; }
  .slx .slx-expertise-end .slx-mini-label { font-size: 10px; color: #4056bb; }
  .slx .slx-expertise-end:last-child .slx-mini-label { color: #245447; }
  .slx .slx-expertise-end strong { font-size: 26px; margin: 12px 0; }
  .slx .slx-expertise-end p { font-size: 11px; }
  .slx .slx-expertise-center { gap: 14px; }
  .slx .slx-expertise-center strong { width: 130px; outline: 0; border-radius: 32px; font-size: 22px; color: #4056bb; background: #fff; box-shadow: inset 0 1px 2px #fff, 0 12px 28px #4056bb14; }
  .slx .slx-expertise-center > span { color: #7f93bd; font-size: 20px; }
  .slx .slx-expertise-baseline { border-color: #d0dce5; }
  .slx .slx-people { padding-top: 48px; background: var(--sd-paper); }
  .slx .slx-profiles { gap: 24px; }
  .slx .slx-profile { padding: 32px; border: 1px solid #dce3f3; border-radius: 28px; background: linear-gradient(135deg, #edf1fd, #fff 65%); }
  .slx .slx-profile-marketing { border-color: #d9e5dc; background: linear-gradient(135deg, #eaf4ed, #fff 65%); }
  .slx .slx-monogram { border-radius: 24px; flex-basis: 88px; font-size: 50px; }
  .slx .slx-profile-head { gap: 22px; }
  .slx .slx-profile h3 { font-size: 34px; }
  .slx .slx-profile > p { font-size: 15px; line-height: 1.8; }
  .slx .slx-profile-focus > div { padding-block: 16px; font-size: 13px; }
  .slx .slx-profile-focus > div:last-child { padding-bottom: 0; }
  .slx .slx-commitments { background: #edf0f8; border-color: #dfe5f0; }
  .slx .slx-commitment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .slx .slx-commitment-grid article { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px 20px; padding: 28px; border: 1px solid #dce3ef; border-radius: 24px; background: #fff; }
  .slx .slx-commitment-grid article:nth-child(even) { border-color: #dce3ef; }
  .slx .slx-commitment-number { display: grid; place-items: center; grid-column: 1; grid-row: 1 / 4; width: 44px; height: 44px; margin: 0; border: 1px solid #d7e0f8; border-radius: 14px; background: #eaf0fc; }
  .slx .slx-commitment-grid article:nth-child(even) .slx-commitment-number { color: #245447; border-color: #d6e4da; background: #eaf2ed; }
  .slx .slx-commitment-grid h3 { min-height: 0; font-size: 23px; }
  .slx .slx-commitment-grid p { grid-column: 2; margin: 0; font-size: 14px; }
  .slx .slx-commitment-grid .slx-mini-label { grid-column: 2; margin: 0; font-size: 9px; }
  .slx .slx-toolkit { background: #fff; border: 0; }
  .slx .slx-toolkit-grid { gap: 72px; }
  .slx .slx-tool-rows > article, .slx .slx-tool-rows > article:first-child { grid-template-columns: 34px minmax(0, 1fr); gap: 20px; padding-block: 26px; border-top: 1px solid #dce3ed; }
  .slx .slx-tool-number { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 10px; background: #edf2ef; font-size: 11px; }
  .slx .slx-tool-rows h3 { font-size: 23px; }

  .slx .slx-contact-opening { padding-top: 64px; }
  .slx .slx-contact-opening h1 { font-size: clamp(48px, 4.8vw, 68px); line-height: 1.06; }
  .slx .slx-contact-opening .slx-heading { align-items: center; margin-bottom: 28px; }
  .slx .slx-contact-opening .slx-heading > p { max-width: 400px; font-size: 16px; }
  .slx .slx-contact-topics { gap: 10px; padding: 0; border: 0; }
  .slx .slx-contact-topics > span { padding: 8px 14px; border: 1px solid #dce3f0; border-radius: 24px; background: #fff; font-size: 11px; }
  .slx .slx-contact-topics span::before { border-radius: 50%; }
  .slx .slx-contact-layout { grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr); gap: 32px; padding-block: 36px 64px; }
  .slx .slx-contact-form-region { padding: 34px; border: 1px solid #dfe5f2; border-radius: 28px; background: #fff; box-shadow: 0 8px 28px #33456407; }
  .slx .slx-form-heading { gap: 16px; margin-bottom: 28px; }
  .slx .slx-form-index { flex-basis: 36px; height: 36px; border-radius: 11px; }
  .slx .slx-form-heading h2 { font-size: 27px; }
  .slx .slx-form-heading p { font-size: 13px; }
  .sl-studio .slx-contact .bl-contact-form-shell { padding: 0; background: transparent; }
  .sl-studio .slx-contact .bl-contact-field :where(input, textarea, select) { min-height: 54px; padding: 14px; font-size: 15px; border: 1px solid #b8c2d9; border-radius: 12px; background: #f9faff; }
  .sl-studio .slx-contact .bl-contact-field textarea { min-height: 172px; }
  .sl-studio .slx-contact .bl-contact-field [aria-invalid=true] { border-color: #ad3543; }
  .sl-studio .slx-contact .bl-contact-field :where(input, textarea, select):focus-visible { outline-color: #4056bb; background: #fff; }
  .sl-studio .slx-contact .bl-contact-submit { width: 100%; min-height: 54px; border-radius: 14px; }
  .slx .slx-contact-aside { position: sticky; top: 126px; padding: 30px; border: 1px solid #dbe5df; border-radius: 28px; background: #eef4f0; }
  .slx .slx-contact-aside h2 { font-size: 34px; }
  .slx .slx-contact-steps { margin-top: 28px; }
  .slx .slx-contact-steps li { grid-template-columns: 32px minmax(0, 1fr); gap: 14px; }
  .slx .slx-contact-steps li > span { width: 32px; height: 32px; border: 1px solid #d0dfd5; border-radius: 10px; background: #f8fcf9; }
  .slx .slx-contact-steps li:not(:last-child)::before { left: 15px; top: 36px; }
  .slx .slx-contact-steps h3 { font-size: 18px; }
  .slx .slx-contact-brief { padding-block: 20px; }
  .slx .slx-contact-foot { padding-block: 24px 36px; }
  .sl-footer { max-width: 1240px; padding: 32px 40px; gap: 24px; border-top: 1px solid #dce3ef; }
  .sl-footer > a { display: inline-flex; align-items: center; min-height: 44px; }
  .sl-footer .sl-brand { font-size: 23px; }
  .sl-footer p { font-size: 12px; }
  .sl-footer > span { font-size: 11px; color: #596174; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .sl-header { width: calc(100% - 40px); gap: 16px; padding-inline: 18px; }
  .sl-header .sl-brand { font-size: 23px; }
  .sl-header nav a { padding-inline: 12px; }
  .sl-hero { width: calc(100% - 40px); gap: 28px; padding: 32px; }
  .sl-hero h1 span { font-size: 39px; }
  .sl-hero-image { min-height: 430px; }
  .sl-hero p { font-size: 14px; }
  .sl-glass-ribbon { width: calc(100% - 96px); padding-inline: 22px; gap: 18px; }
  .sl-glass-ribbon > span + span { padding-left: 18px; }
  .sl-glass-ribbon > span:nth-child(3) { display: none; }
  .slx .slx-split, .slx .slx-about-lead, .slx .slx-faq-grid, .slx .slx-toolkit-grid { gap: 36px; }
  .slx .slx-offer-grid { gap: 16px; }
  .slx .slx-offer-top, .slx .slx-service-art { padding-inline: 16px; }
  .slx .slx-offer-top { flex-wrap: wrap; gap: 6px; }
  .slx .slx-offer-body { padding: 22px 18px; }
  .slx .slx-offer-body h3 { font-size: 21px; min-height: 78px; }
  .slx .slx-offer-body > p:not(.slx-price) { min-height: 92px; }
  .slx .slx-price { font-size: 33px; }
  .slx .slx-offer-body .sl-button { font-size: 12px; padding-inline: 12px; }
  .slx .slx-process { margin: 20px; }
  .slx .slx-process-list { gap: 16px; }
  .slx .slx-process-list > li { padding: 20px; }
  .slx .slx-stage { gap: 10px; flex-wrap: wrap; }
  .slx .slx-stage h3 { font-size: 21px; }
  .slx .slx-stage-arrow { display: none; }
  .slx .slx-expertise-track { grid-template-columns: minmax(0, 1fr) 150px minmax(0, 1fr); gap: 16px; }
  .slx .slx-expertise-end { padding: 20px; }
  .slx .slx-expertise-end strong { font-size: 23px; }
  .slx .slx-expertise-center > span { display: none; }
  .slx .slx-contact-form-region, .slx .slx-contact-aside { padding: 24px; }
  .slx .slx-contact-layout { gap: 24px; }
  .slx .slx-contact-aside h2 { font-size: 29px; }
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (min-width: 901px) {
    .sl-header { background: #f8faffd9; -webkit-backdrop-filter: blur(24px) saturate(1.5); backdrop-filter: blur(24px) saturate(1.5); }
    .sl-glass-ribbon { background: #f9faffd9; -webkit-backdrop-filter: blur(20px) saturate(1.3); backdrop-filter: blur(20px) saturate(1.3); }
    .slx .slx-expertise-center strong { background: #ffffffb8; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  }
}
@media (min-width: 901px) and (prefers-reduced-transparency: reduce) {
  .sl-header, .sl-glass-ribbon, .slx .slx-browser, .slx .slx-expertise-center strong { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (min-width: 901px) and (max-height: 800px) {
  .slx .slx-contact-aside { position: static; }
}
@media (min-width: 901px) and (prefers-reduced-motion: reduce) {
  .sl-studio * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media (min-width: 901px) and (forced-colors: active) {
  .sl-header nav a:is([aria-current=location], [aria-current=page]) { border: 2px solid Highlight; }
}