/* Desing Studio — sales-first landing. Scoped to dsx to coexist with existing theme. */
.dsx-section,.dsx-section *,.dsx-process,.dsx-process *{box-sizing:border-box}
.dsx-section{padding:72px 0 78px;background:linear-gradient(180deg,#f4f7ff 0%,#fff 100%);position:relative;isolation:isolate}
.dsx-section:before{content:"";position:absolute;inset:0 0 auto;height:310px;background:radial-gradient(ellipse at 75% 0,rgba(93,111,255,.13),transparent 60%);z-index:-1}
.dsx-container{max-width:1200px}
.dsx-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:0 0 30px}
.dsx-section-head>div{max-width:720px}
.dsx-eyebrow{font:800 11px/1.5 Manrope,sans-serif;letter-spacing:.13em;color:#4356a9;display:inline-flex;align-items:center;gap:9px}
.dsx-dot{width:8px;height:8px;background:#5971ff;border-radius:50%;box-shadow:0 0 0 5px #5c74ff20}
.dsx-section h2,.dsx-process h2{font:800 clamp(27px,3.25vw,44px)/1.12 Manrope,sans-serif!important;letter-spacing:-.055em;color:#17234b;margin:14px 0 12px!important}
.dsx-section h2 em{font-style:normal;color:#5b64f0}
.dsx-section-head p,.dsx-process-intro p{color:#65708c;font:500 15px/1.65 'DM Sans',sans-serif;margin:0;max-width:650px}
.dsx-text-link{font:800 12px/1.5 Manrope,sans-serif;color:#344bd6!important;text-decoration:none;flex-shrink:0;padding-bottom:7px}
.dsx-text-link:hover{text-decoration:underline}
.dsx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dsx-card{display:flex;flex-direction:column;min-width:0;padding:29px 28px 25px;background:#fff;color:#1c294d;border:1px solid #e3e9f7;border-radius:24px;box-shadow:0 9px 36px rgba(32,55,112,.055);transition:transform .2s,box-shadow .2s}
.dsx-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #233e8820}
.dsx-featured{background:#182852;color:#f8fbff;border-color:#263f7b;box-shadow:0 15px 45px #0b1e5333}
.dsx-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;color:#4c61b1;font:800 10px/1.4 Manrope,sans-serif;letter-spacing:.09em}
.dsx-featured .dsx-card-top{color:#a4b9ff}
.dsx-number{font-size:12px;color:#9ca8c2}
.dsx-card-icon{display:grid;place-items:center;width:54px;height:54px;margin:28px 0 17px;border-radius:16px;background:#eef1ff;color:#4c60e9}
.dsx-card-icon svg{width:25px;height:25px}
.dsx-featured .dsx-card-icon{background:#324a83;color:#b4caff}
.dsx-card h3{font:800 23px/1.22 Manrope,sans-serif!important;letter-spacing:-.035em;margin:0 0 11px!important;color:inherit!important}
.dsx-lead{font:500 13px/1.7 'DM Sans',sans-serif;color:#65728e;margin:0!important;min-height:66px}
.dsx-featured .dsx-lead{color:#bdc9e4}
.dsx-price{display:flex;align-items:baseline;gap:8px;margin:24px 0 18px;border-top:1px solid #e8ecf6;padding-top:16px}
.dsx-featured .dsx-price{border-color:#3c4e78}
.dsx-price span{font-size:13px;color:#7a859e}
.dsx-price strong{font:800 38px/1 Manrope,sans-serif;letter-spacing:-.06em;color:#18244c}
.dsx-featured .dsx-price strong{color:#fff}
.dsx-price small{font-size:11px;color:#8c97ae}
.dsx-card ul{margin:0 0 14px!important;padding:0!important;list-style:none!important;display:grid;gap:13px;flex:1}
.dsx-card li{display:flex;align-items:flex-start;gap:10px;color:#3c4b6c;font:600 12px/1.45 'DM Sans',sans-serif}
.dsx-card li .ds-icon{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:#4c66e8}
.dsx-featured li{color:#e5ebf8}.dsx-featured li .ds-icon{color:#92baff}
.dsx-best{font:600 11px/1.5 'DM Sans',sans-serif;color:#7b87a3;margin:12px 0 16px!important}
.dsx-featured .dsx-best{color:#aebfe0}
.dsx-card-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;color:#fff!important;background:#4f63e7;border-radius:12px;text-decoration:none;font:800 13px/1.3 Manrope,sans-serif;min-height:48px}
.dsx-card-cta:hover{background:#354fd3;color:#fff!important}
.dsx-featured .dsx-card-cta{background:#fff;color:#192b5b!important}
.dsx-featured .dsx-card-cta:hover{background:#e9efff;color:#192b5b!important}
.dsx-legal-note{margin:22px 3px 0;display:flex;align-items:flex-start;gap:10px;color:#71809f}
.dsx-legal-note p{font:500 11px/1.6 'DM Sans',sans-serif!important;margin:0}
.dsx-process{padding:58px 0 70px;max-width:1200px}
.dsx-process-intro{margin-bottom:28px;max-width:610px}
.dsx-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dsx-process-grid article{border:1px solid #e1e8f6;background:#fff;border-radius:19px;padding:25px}
.dsx-process-grid article>span{display:inline-block;font:800 13px Manrope,sans-serif;background:#eef1ff;color:#435add;border-radius:8px;padding:8px 10px;margin-bottom:22px}
.dsx-process-grid h3{font:800 18px/1.3 Manrope,sans-serif!important;color:#192752;margin:0 0 8px!important}
.dsx-process-grid p{font:500 13px/1.65 'DM Sans',sans-serif;color:#64718f;margin:0}
.dsx-process-bottom{margin-top:22px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:17px;background:#edf2ff}
.dsx-process-bottom strong,.dsx-process-bottom span{display:block}
.dsx-process-bottom strong{font:800 17px Manrope,sans-serif;color:#1b2b54}
.dsx-process-bottom span{font-size:13px;color:#677794;margin-top:6px}
.dsx-process-bottom a{white-space:nowrap;background:#152856;color:#fff;padding:14px 19px;border-radius:11px;text-decoration:none;font:700 12px Manrope,sans-serif}
.dsx-process-bottom a:hover{color:#fff;background:#3353a4}
.dsx-on-pricing{padding-top:45px;padding-bottom:55px}
.dsx-on-pricing .dsx-section-head h2{font-size:33px!important}
@media(max-width:1000px){.dsx-section-head{display:block}.dsx-text-link{display:inline-block;margin-top:15px}.dsx-card{padding:23px 19px}.dsx-card h3{font-size:20px!important}}
@media(max-width:760px){.dsx-section{padding:42px 0 43px}.dsx-section-head{margin-bottom:22px}.dsx-section h2,.dsx-process h2{font-size:30px!important}.dsx-section-head p{font-size:13px}.dsx-cards{grid-template-columns:1fr;gap:14px}.dsx-card{border-radius:17px;padding:22px 21px}.dsx-card-icon{margin:14px 0 13px;width:45px;height:45px}.dsx-lead{min-height:0}.dsx-price{margin:18px 0 17px}.dsx-price strong{font-size:34px}.dsx-card li{font-size:13px}.dsx-process{padding:38px 0 50px}.dsx-process-grid{grid-template-columns:1fr;gap:12px}.dsx-process-grid article{padding:22px}.dsx-process-grid article>span{margin-bottom:10px}.dsx-process-bottom{align-items:stretch;flex-direction:column;padding:22px}.dsx-process-bottom a{text-align:center;white-space:normal}.dsx-on-pricing .dsx-section-head h2{font-size:29px!important}}
@media(prefers-reduced-motion:reduce){.dsx-card{transition:none}.dsx-card:hover{transform:none}}
/* Verified in-house development examples, never represented as external customer results. */
.dsx-portfolio,.dsx-portfolio *{box-sizing:border-box}
.dsx-portfolio{background:#f6f8fd;padding:70px 0 78px;color:#18274c}
.dsx-portfolio-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:0 0 29px}
.dsx-portfolio-head>div{max-width:710px}
.dsx-portfolio-head h2{font:800 clamp(27px,3.1vw,40px)/1.16 Manrope,sans-serif!important;letter-spacing:-.052em;margin:12px 0!important;color:#192852!important}
.dsx-portfolio-head h2 em{font-style:normal;color:#5363ea}
.dsx-portfolio-head p{color:#667493;font:500 13px/1.7 'DM Sans',sans-serif;margin:0}
.dsx-portfolio-head>a{font:800 12px Manrope,sans-serif;color:#334bca;text-decoration:none;white-space:nowrap}
.dsx-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.dsx-work-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e3eafa;border-radius:22px;overflow:hidden;text-decoration:none!important;box-shadow:0 6px 30px #233a6c0c;transition:transform .2s,box-shadow .2s}
.dsx-work-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px #243c8a19}
.dsx-work-tag{font:800 9px Manrope,sans-serif;letter-spacing:.08em;color:#6475a5;padding:18px 19px 12px}
.dsx-work-art{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;aspect-ratio:1.7;background:#1e2e56;margin:0 15px;border-radius:14px;color:#fff}
.dsx-work-art:before{content:"";position:absolute;width:210px;height:210px;border-radius:100%;right:-80px;top:-75px;border:35px solid #ffffff13}
.dsx-work-oz{background:linear-gradient(145deg,#0b234e,#2363b9)}
.dsx-work-vh{background:linear-gradient(145deg,#25184e,#7559dc)}
.dsx-work-bm{background:linear-gradient(145deg,#131f36,#ba3049)}
.dsx-work-art-brand{font:900 clamp(27px,3vw,37px)/1 Manrope,sans-serif;letter-spacing:-.08em;position:relative;z-index:1}
.dsx-work-art-brand span{color:#b1d4ff}
.dsx-work-vh .dsx-work-art-brand span{color:#d7c4ff}
.dsx-work-bm .dsx-work-art-brand span{color:#ffb4c1}
.dsx-work-art-label{font:600 11px 'DM Sans',sans-serif;color:#d8e2f9;margin-top:13px;position:relative;z-index:1}
.dsx-work-art-grid{position:absolute;bottom:14px;display:flex;gap:7px}
.dsx-work-art-grid i{display:block;width:24px;height:5px;border-radius:8px;background:#ffffff55}
.dsx-work-body{display:flex;flex-direction:column;gap:9px;padding:20px 19px 23px;flex:1}
.dsx-work-body strong{font:800 18px Manrope,sans-serif;color:#1a2a53}
.dsx-work-body small{font:500 12px/1.65 'DM Sans',sans-serif;color:#6b7894;flex:1}
.dsx-work-body b{font:800 12px Manrope,sans-serif;color:#4b62dc;margin-top:7px}
@media(max-width:760px){.dsx-portfolio{padding:46px 0 52px}.dsx-portfolio-head{display:block}.dsx-portfolio-head>a{display:inline-block;margin-top:15px}.dsx-work-grid{grid-template-columns:1fr}.dsx-work-art{aspect-ratio:2.2}.dsx-portfolio-head h2{font-size:29px!important}}
@media(prefers-reduced-motion:reduce){.dsx-work-card{transition:none}.dsx-work-card:hover{transform:none}}
/* Mobile typography: avoid tightly tracked legacy headings and improve wrapping. */
@media(max-width:760px){
 .ds-ref-home .ds-ref-services-heading h2,
 .ds-ref-home .ds-ref-themes-heading h2,
 .ds-ref-home .ds-ref-agent-intro h2,
 .ds-ref-home .ds-ref-hero-text h1 {
   letter-spacing:-.025em!important;
   word-spacing:.07em!important;
   line-height:1.22!important;
   overflow-wrap:normal;
   text-wrap:balance;
 }
 .dsx-portfolio-head h2,.dsx-section-head h2{
   letter-spacing:-.026em!important;
   word-spacing:.04em!important;
   line-height:1.22!important;
   text-wrap:balance;
 }
 .dsx-work-card{display:flex!important;flex-direction:column!important}
 .dsx-work-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .dsx-work-card .dsx-work-art{display:flex!important;min-height:165px}
 .dsx-work-card .dsx-work-body{display:flex!important;flex-direction:column!important;gap:9px!important}
 .dsx-work-body small{display:block!important;font-size:13px!important;line-height:1.55!important}
}