/* Sales components adapt the existing royal-blue / silver brand tokens. */ .sales-section,.sales-footer{
    --sales-bg:var(--bg-primary-light);
    --sales-alt:var(--bg-secondary-light);
    --sales-ink:var(--text-primary-light);
    --sales-muted:var(--text-secondary-light);
    --sales-border:var(--border-light);
    --sales-accent:var(--primary-blue);
    background:var(--sales-bg);
    color:var(--sales-ink)
}
body.dark-mode .sales-section,body.dark-mode .sales-footer{
    --sales-bg:var(--bg-secondary-dark);
    --sales-alt:var(--bg-primary-dark);
    --sales-ink:var(--text-primary-dark);
    --sales-muted:var(--text-secondary-dark);
    --sales-border:var(--border-dark);
    --sales-accent:var(--primary-blue-light)
}
.sales-section{
    padding:96px 0;
    scroll-margin-top:80px;
    overflow:clip
}
.sales-section-alt{
    background:var(--sales-alt)
}
.sales-container{
    width:min(1280px,100% - 48px);
    margin-inline:auto
}
.sales-heading{
    max-width:760px;
    margin-bottom:44px
}
.sales-eyebrow{
    font-size:11px!important;
    line-height:1.5;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--sales-accent)!important;
    margin-bottom:16px!important
}
.sales-section h2{
    font-family:Poppins,Inter,sans-serif;
    font-size:clamp(30px,3.3vw,46px);
    font-weight:500;
    line-height:1.2;
    letter-spacing:-.04em;
    text-wrap:balance;
    margin:0 0 20px
}
.sales-heading>p:last-child,.sales-offer-intro>p,.sales-experience{
    font-size:16px;
    line-height:1.85;
    color:var(--sales-muted);
    max-width:660px
}
.sales-use-cases{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
.sales-use-cases .service-card{
    display:flex;
    flex-direction:column;
    padding:30px;
    min-width:0;
    opacity:1;
    transform:none
}
.sales-use-cases .service-icon-wrapper{
    font-size:24px;
    display:flex;
    align-items:center;
    justify-content:center
}
.sales-use-cases .service-icon-wrapper i{
    position:relative;
    z-index:1
}
.sales-use-cases .service-title{
    font-size:21px;
    line-height:1.4
}
.sales-use-cases .service-description{
    font-size:14px;
    line-height:1.8
}
.sales-use-cases .service-cta{
    margin-top:auto;
    padding-top:24px;
    font-size:13px;
    gap:12px
}
.sales-use-cases .service-cta svg,.sales-button svg,.sales-proof a svg,.sales-email svg,.sales-brief button svg{
    width:20px;
    height:20px;
    flex-shrink:0
}
.sales-outcome{
    color:var(--sales-ink);
    font-size:14px;
    font-weight:600;
    margin:12px 0 18px
}
.sales-checks{
    list-style:none;
    display:grid;
    gap:12px;
    padding:0;
    margin:0 0 8px;
    color:var(--sales-muted);
    font-size:14px;
    line-height:1.65
}
.sales-checks li{
    padding-left:22px;
    position:relative
}
.sales-checks li:before{
    content:'✓';
    color:var(--sales-accent);
    position:absolute;
    left:0;
    font-weight:700
}
.sales-footnote{
    font-size:13px;
    line-height:1.8;
    color:var(--sales-muted);
    max-width:800px;
    margin:32px 0 0
}
.sales-offer{
    display:grid;
    grid-template-columns:1fr 1.12fr;
    border:1px solid var(--sales-border);
    border-radius:24px;
    overflow:hidden;
    background:var(--sales-bg);
    box-shadow:0 24px 64px -48px var(--sales-ink)
}
.sales-offer-intro,.sales-deliverables{
    padding:48px
}
.sales-offer-intro{
    border-right:1px solid var(--sales-border)
}
.sales-price{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:28px 0;
    color:var(--sales-ink)
}
.sales-price strong{
    font-family:Poppins,Inter,sans-serif;
    font-size:clamp(42px,5vw,64px);
    font-weight:500;
    letter-spacing:-.06em;
    line-height:1.2
}
.sales-price span{
    font-size:12px;
    color:var(--sales-muted)
}
.sales-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-height:50px;
    padding:14px 22px;
    border-radius:10px;
    background:var(--primary-blue);
    color:white;
    font-weight:600;
    font-size:13px;
    text-decoration:none;
    cursor:pointer;
    transition:background .2s,transform .2s,box-shadow .2s
}
.sales-button:hover{
    background:var(--primary-blue-dark);
    transform:translateY(-2px);
    box-shadow:0 8px 20px -12px var(--primary-blue)
}
.sales-button:active{
    transform:translateY(0)
}
.sales-fine,.sales-offer-intro>.sales-fine{
    font-size:12px;
    line-height:1.8;
    color:var(--sales-muted);
    margin-top:20px
}
.sales-deliverables h3,.sales-contact-next h3{
    font-size:18px;
    font-weight:600;
    margin:0 0 22px
}
.sales-delivery-list{
    list-style:none;
    margin:0;
    padding:0
}
.sales-delivery-list li{
    padding:18px 0;
    border-bottom:1px solid var(--sales-border)
}
.sales-delivery-list li:first-child{
    padding-top:0
}
.sales-delivery-list strong{
    font-size:14px;
    font-weight:600;
    display:block;
    margin-bottom:6px
}
.sales-delivery-list span,.sales-terms p{
    font-size:13px;
    line-height:1.8;
    color:var(--sales-muted)
}
.sales-terms{
    margin-top:24px;
    padding-left:16px;
    border-left:2px solid var(--sales-accent)
}
.sales-terms strong{
    font-size:12px
}
.sales-terms p{
    margin-top:6px
}
.sales-timeline{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px
}
.sales-step-marker{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 22px;
    border-bottom:1px solid var(--sales-border);
    padding-bottom:18px
}
.sales-step-marker span{
    font-size:24px;
    letter-spacing:-.04em;
    font-weight:500;
    color:var(--sales-accent)
}
.sales-step-marker p{
    font-size:12px;
    font-weight:600;
    color:var(--sales-muted)
}
.sales-timeline .process-step-card{
    height:calc(100% - 69px);
    text-align:left;
    padding:24px;
    margin:0
}
.sales-timeline h3{
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    margin:0 0 14px
}
.sales-timeline article>p{
    font-size:14px;
    line-height:1.8;
    color:var(--sales-muted)
}
.sales-timeline small{
    display:block;
    border-top:1px solid var(--sales-border);
    margin-top:22px;
    padding-top:16px;
    font-size:11px;
    line-height:1.7;
    color:var(--sales-accent)
}
.sales-engineering{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    align-items:center
}
.sales-engineering .sales-heading{
    margin-bottom:20px
}
.sales-experience{
    margin-bottom:28px
}
.sales-principles{
    display:grid;
    gap:30px
}
.sales-principles article{
    display:flex;
    gap:20px;
    padding-bottom:28px;
    border-bottom:1px solid var(--sales-border)
}
.sales-letter{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:1px solid var(--sales-border);
    border-radius:10px;
    flex-shrink:0;
    color:var(--sales-accent);
    font-size:14px
}
.sales-principles h3{
    font-size:18px;
    font-weight:600;
    margin-bottom:10px
}
.sales-principles p{
    font-size:14px;
    line-height:1.8;
    color:var(--sales-muted)
}
.sales-working-agreement{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    align-items:start
}
.sales-working-agreement ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:22px;
    color:var(--sales-muted);
    font-size:14px;
    line-height:1.85
}
.sales-working-agreement strong{
    display:block;
    color:var(--sales-ink)
}
.sales-proof-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
.sales-proof{
    padding:30px;
    border:1px solid var(--sales-border);
    border-radius:18px;
    background:var(--sales-bg);
    display:flex;
    flex-direction:column
}
.sales-proof-person{
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom:24px
}
.sales-avatar{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    background:var(--sales-alt);
    border:1px solid var(--sales-border);
    border-radius:50%;
    color:var(--sales-accent);
    font-size:12px;
    font-weight:700;
    flex-shrink:0
}
.sales-proof h3{
    font-size:16px;
    font-weight:600
}
.sales-proof-person p{
    font-size:11px;
    color:var(--sales-muted);
    margin-top:4px
}
.sales-proof>p{
    color:var(--sales-muted);
    font-size:14px;
    line-height:1.8
}
.sales-proof .sales-proof-takeaway{
    font-weight:600;
    color:var(--sales-ink);
    margin:18px 0 24px
}
.sales-proof a{
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:13px;
    color:var(--sales-accent);
    margin-top:auto;
    font-weight:600
}
.sales-faq{
    max-width:900px
}
.sales-faq details{
    border-top:1px solid var(--sales-border)
}
.sales-faq details:last-child{
    border-bottom:1px solid var(--sales-border)
}
.sales-faq summary{
    display:flex;
    justify-content:space-between;
    gap:24px;
    list-style:none;
    cursor:pointer;
    min-height:70px;
    align-items:center;
    font-size:16px;
    font-weight:600;
    padding:20px 4px
}
.sales-faq summary::-webkit-details-marker{
    display:none
}
.sales-faq summary span{
    color:var(--sales-accent);
    font-size:24px;
    font-weight:400
}
.sales-faq details[open] summary span{
    transform:rotate(45deg)
}
.sales-faq details p{
    color:var(--sales-muted);
    font-size:14px;
    line-height:1.85;
    max-width:780px;
    padding:0 32px 24px 4px
}
.sales-faq summary:hover{
    color:var(--sales-accent)
}
.sales-contact-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    align-items:start
}
.sales-contact-layout .sales-heading{
    margin-bottom:28px
}
.sales-email{
    font-size:clamp(14px,1.8vw,20px);
    font-weight:600;
    color:var(--sales-accent);
    display:inline-flex;
    align-items:center;
    gap:12px;
    overflow-wrap:anywhere
}
.sales-contact-next{
    margin-top:36px
}
.sales-contact-layout .contact-form-card{
    background:var(--sales-bg);
    border-color:var(--sales-border)
}
.sales-brief{
    margin-top:24px
}
.sales-brief .form-label{
    display:block;
    font-size:13px
}
.sales-brief .form-label span{
    font-weight:400;
    color:var(--sales-muted);
    font-size:11px
}
.sales-brief textarea{
    resize:none
}
.sales-brief button{
    cursor:pointer;
    min-height:52px
}
.sales-error{
    display:block;
    font-size:12px;
    line-height:1.6;
    color:#b91c1c;
    min-height:0;
    margin-top:5px
}
body.dark-mode .sales-error{
    color:#fca5a5
}
.sales-brief [aria-invalid=true]{
    border-color:#b91c1c
}
body.dark-mode .sales-brief [aria-invalid=true]{
    border-color:#fca5a5
}
.sales-draft-status,.sales-draft-fallback{
    font-size:13px;
    line-height:1.7;
    color:var(--sales-muted);
    margin-top:18px
}
.sales-draft-fallback[hidden]{
    display:none
}
.sales-draft-fallback textarea{
    display:block;
    width:100%;
    background:var(--sales-alt);
    color:var(--sales-ink);
    border:1px solid var(--sales-border);
    border-radius:10px;
    padding:14px;
    font:inherit;
    margin-top:12px;
    resize:none
}
.sales-draft-fallback label{
    display:block;
    margin-top:12px;
    font-weight:600
}
.sales-section :is(a,button,summary,input,textarea):focus-visible,.sales-footer a:focus-visible{
    outline:3px solid var(--sales-accent);
    outline-offset:5px
}
.sales-section :is(a,button,summary){
    touch-action:manipulation
}
.ssd-hero__foundation small{
    display:block;
    font-size:11px;
    line-height:1.8;
    color:var(--ssd-muted);
    margin-top:10px;
    max-width:400px
}
.sales-footer{
    border-top:1px solid var(--sales-border);
    padding:64px 0 24px
}
.sales-footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:40px;
    padding-bottom:48px
}
.sales-footer-brand{
    font-family:Poppins,Inter,sans-serif;
    font-size:22px;
    font-weight:600;
    letter-spacing:-.03em
}
.sales-footer p{
    color:var(--sales-muted);
    font-size:12px;
    line-height:1.8;
    margin-top:14px
}
.sales-footer h2{
    font-size:13px;
    font-weight:600;
    margin-bottom:18px
}
.sales-footer-top>div>a:not(.sales-footer-brand){
    display:block;
    font-size:13px;
    color:var(--sales-muted);
    margin-top:14px;
    overflow-wrap:anywhere
}
.sales-footer a:hover{
    color:var(--sales-accent)
}
.sales-footer-bottom{
    border-top:1px solid var(--sales-border);
    padding-top:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    font-size:12px
}
.sales-footer-bottom p{
    margin:0
}
.sales-footer-bottom a{
    color:var(--sales-muted)
}
@media(max-width:1100px){
    .sales-timeline{
        grid-template-columns:repeat(2,minmax(0,1fr));
        row-gap:32px
    }
    .sales-use-cases{
        gap:16px
    }
    .sales-use-cases .service-card{
        padding:24px
    }
    .sales-engineering,.sales-working-agreement,.sales-contact-layout{
        gap:36px
    }
    .sales-offer-intro,.sales-deliverables{
        padding:32px
    }
}
@media(max-width:767px){
    .sales-section{
        padding:64px 0
    }
    .sales-container{
        width:calc(100% - 40px)
    }
    .sales-use-cases,.sales-proof-grid,.sales-offer,.sales-engineering,.sales-working-agreement,.sales-contact-layout{
        grid-template-columns:1fr
    }
    .sales-heading{
        margin-bottom:30px
    }
    .sales-offer-intro{
        border-right:0;
        border-bottom:1px solid var(--sales-border)
    }
    .sales-offer-intro,.sales-deliverables{
        padding:28px
    }
    .sales-proof{
        padding:26px
    }
    .sales-footer-top{
        grid-template-columns:1fr 1fr;
        gap:32px
    }
    .sales-footer-top>div:first-child{
        grid-column:1/-1
    }
    .sales-footer-bottom{
        align-items:start;
        flex-direction:column
    }
    .sales-contact-layout .contact-form-card{
        padding:24px
    }
    .sales-faq summary{
        font-size:14px
    }
    .sales-faq details p{
        padding-right:8px
    }
}
@media(max-width:420px){
    .sales-timeline{
        grid-template-columns:1fr
    }
    .sales-step-marker{
        margin-bottom:14px
    }
    .sales-timeline .process-step-card{
        height:auto
    }
    .sales-footer-top{
        grid-template-columns:1fr
    }
    .sales-offer-intro,.sales-deliverables{
        padding:24px
    }
    .sales-section h2{
        font-size:30px
    }
}
@media(prefers-reduced-motion:reduce){
    .sales-section *,.sales-footer *{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important
    }
    .sales-button:hover{
        transform:none
    }
}
@media(forced-colors:active){
    .sales-offer,.sales-proof,.sales-letter,.sales-avatar,.sales-brief input,.sales-brief textarea{
        border:1px solid CanvasText
    }
    .sales-button{
        border:1px solid ButtonText
    }
}
.sales-use-cases .service-card:hover{
    transform:translateY(-6px)
}
.sales-use-cases .service-card:hover .service-icon-wrapper i{
    color:white
}
.sales-use-cases .service-cta{
    padding:12px 16px;
    margin-top:24px
}
.sales-brief .form-input:invalid:not(:placeholder-shown),.sales-brief .form-input:valid:not(:placeholder-shown),.sales-brief .form-textarea:valid:not(:placeholder-shown){
    border-color:var(--sales-border)
}
.sales-brief .form-input[aria-invalid=true],.sales-brief .form-textarea[aria-invalid=true]{
    border-color:#b91c1c
}
body.dark-mode .sales-brief [aria-invalid=true]{
    border-color:#fca5a5
}
.sales-brief .form-input:focus,.sales-brief .form-textarea:focus{
    border-color:var(--sales-accent)
}
.sales-brief .form-textarea::placeholder{
    color:var(--sales-muted)
}
.mobile-menu .themeToggle{
    width:100%;
    text-align:left;
    cursor:pointer
}
.mobile-menu:not(.active){max-height:0;overflow:hidden;visibility:hidden}
.mobile-menu.active{max-height:calc(100svh - 80px);overflow-y:auto;visibility:visible}
@media(prefers-reduced-motion:reduce){
    }
.ssd-hero__foundation{
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
    gap:8px;
    margin-top:30px
}
.ssd-hero__foundation>span{
    max-width:none
}
.ssd-hero__foundation p{
    flex-wrap:wrap;
    gap:12px;
    line-height:1.6
}
.ssd-hero__foundation small{
    margin-top:0;
    max-width:440px
}
.sales-brief .form-submit-btn{
    margin-top:20px
}
.sales-brief .form-submit-btn:disabled{
    opacity:.5;
    cursor:not-allowed
}
.sales-brief [readonly]{
    overflow-y:auto
}

.sales-avatar{color:var(--sales-ink)}
@media(min-width:1024px) and (max-width:1199px){
    .modern-navbar .nav-link-modern{padding:10px 12px;font-size:13px;white-space:nowrap}
    .modern-navbar .cta-modern-btn{padding:12px 18px;font-size:12px;white-space:nowrap}
}