/* Full-content brand preview — original site copy and functionality preserved. */
:root{--blue:#087bff;--blue2:#0060cf;--lime:#087bff;--navy:#141516;--white:#f5f5f5;--muted:#bec1c5}
body{background:#141516;color:#f5f5f5;font-family:Inter,Arial,sans-serif}
nav{background:rgba(10,10,11,.92)!important;backdrop-filter:blur(16px)}
nav.scrolled{background:rgba(10,10,11,.97)!important}
.nav-links a{font-size:11px;letter-spacing:.1em;color:#d1d3d5}
.nav-logo,.footer-logo{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:.16em}
.nav-cta,.cta-btn,.form-submit{border-radius:999px;clip-path:none;font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:.08em;background:#087bff;color:#fff;padding:17px 25px;line-height:1.3}
.panel{background:#171819}
.panel-img{filter:brightness(1.15) saturate(.68);opacity:1}
.panel-svg,.panel-tint{display:none!important}
.cine-tag,.section-tag{color:#e8e8e8;font-size:10px;letter-spacing:.22em}
.cine-tag::before,.section-tag::before{display:none}
.cine-headline,.about-title,.svc-card-title,.pain-title,.project-title,.artwork-heading,.crm-example h2,.crm-flow h3{font-family:Inter,Arial,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.04em;line-height:1.08;text-shadow:none}
.xl{font-size:clamp(3rem,5.8vw,6.4rem)}
.lg{font-size:clamp(2.6rem,4.8vw,5.3rem)}
.md{font-size:clamp(2.3rem,4vw,4.4rem)}
.sm{font-size:clamp(1.9rem,3vw,3.3rem)}
.cine-sub{font-style:normal;font-weight:400;font-size:clamp(15px,1.2vw,18px);line-height:1.8;color:#d4d5d7;text-shadow:none;max-width:560px}
.ov-left{background:linear-gradient(90deg,rgba(12,13,14,.94),rgba(12,13,14,.74) 38%,rgba(12,13,14,.18) 72%,rgba(12,13,14,.04)),linear-gradient(0deg,rgba(12,13,14,.42),transparent 55%)}
.ov-bottom{background:linear-gradient(0deg,rgba(12,13,14,.92),rgba(12,13,14,.5) 50%,rgba(12,13,14,.08))}
.ov-dark{background:rgba(12,13,14,.67)}
.ov-center{background:linear-gradient(90deg,rgba(12,13,14,.85),rgba(12,13,14,.3),rgba(12,13,14,.55))}
.pain-card,.project-card{border-radius:0;background:#1c1e20!important;border-color:#ffffff24!important;box-shadow:none!important}
.pain-title,.project-title{font-size:22px}
.pain-text,.project-card p{color:#bec1c5;line-height:1.8}
.svc-name{font-size:16px}.svc-n,.ps-num,.stat-num{color:#087bff}
.stat-lbl{font-style:normal;font-size:12px;letter-spacing:.06em;line-height:1.6}
.svc-list{background:transparent}
.split-right:has(.svc-list){background:rgba(18,19,21,.82)!important;border:1px solid #ffffff24!important;box-shadow:none!important;border-radius:0!important}
.crm-example{background:#191b1d}
.crm-flow li{background:#222529;border:1px solid #ffffff25;border-top:3px solid #087bff;border-radius:4px}
.crm-step{color:#7cb7ff}.crm-flow p,.crm-intro,.crm-bottom p{color:#c6c9ce}
.crm-flow h3{font-size:22px}.crm-bottom strong{color:#fff}
.form-panel{background:#191b1d!important}.form-field input,.form-field textarea,.form-field select{background:#232529;border-color:#ffffff30;border-radius:5px;color:#fff}
footer{background:#0b0c0d!important}.footer-tag,.fc a,.footer-socials a{color:#b8bcc2}
.gallery-note{color:#c6c9ce}.artwork-grid img{filter:none}
@media(min-width:901px){.panel-content{padding-top:130px;padding-bottom:75px}.hero-content{height:auto}.hero-stats{gap:30px}.panel{min-height:100svh}}
@media(max-width:900px){nav .nav-links{background:#111!important}.cine-headline{line-height:1.08}.xl,.lg{font-size:clamp(2.6rem,7.5vw,4.4rem)}.split{gap:35px}}
@media(max-width:600px){.panel:has(>.panel-img){background:#171819}.panel:has(>.panel-img)>.panel-overlay{background:linear-gradient(0deg,#171819,transparent 40%)}.panel-content{padding-top:100px}.nav-logo{font-size:.85rem}.nav-cta{font-size:11px}.crm-flow h3{font-size:22px}}
[data-brand-page="index"] #panel-0>.panel-img,[data-brand-page="about"] #panel-0>.panel-img{background-image:url('studio-daylight.webp')!important;filter:saturate(.85)}
[data-brand-page="index"] #panel-0>.ov-left,[data-brand-page="about"] #panel-0>.ov-left{background:linear-gradient(90deg,rgba(12,13,14,.76),rgba(12,13,14,.6) 40%,rgba(12,13,14,.04) 75%)}
[data-brand-page="services"] #panel-0>.panel-img,[data-brand-page="work"] #panel-0>.panel-img,[data-brand-page="index"] #panel-2>.panel-img,[data-brand-page="index"] #panel-5>.panel-img{background-image:url('creative-planning.webp')!important;filter:saturate(.85)}
[data-brand-page="index"] #panel-4>.panel-img,[data-brand-page="index"] #zoho-systems>.panel-img{background-image:url('studio-daylight.webp')!important;filter:saturate(.85)}
@media(min-width:601px){
 [data-brand-page="index"] #panel-0>.ov-left,[data-brand-page="about"] #panel-0>.ov-left{background:linear-gradient(90deg,rgba(12,13,14,.9),rgba(12,13,14,.8) 46%,rgba(12,13,14,.12) 80%)}
}
[data-brand-page="index"] #panel-1 .cine-headline .blue{background:#087bff;color:#fff;padding:3px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(min-width:901px){
 [data-brand-page="index"] #panel-0{background:#0b0c0d;align-items:center}
 [data-brand-page="index"] #panel-0>.panel-img{left:48%;background-position:70% center!important;transform:none!important}
 [data-brand-page="index"] #panel-0>.ov-left{background:linear-gradient(90deg,#0b0c0d 42%,transparent 65%)}
 [data-brand-page="index"] #panel-0>.panel-content{width:60%;padding:155px 5% 65px 6%}
 [data-brand-page="index"] #panel-0 .xl{font-size:clamp(3rem,4.6vw,5.5rem)}
 [data-brand-page="index"] #panel-0 .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
}
[data-brand-page="index"] #panel-1>.panel-img{background-image:url('creative-planning.webp')!important}
[data-brand-page="index"] #panel-3>.panel-img{background-image:url('img/about-desk-neat-soft.webp')!important;background-position:70% center!important}
[data-brand-page="index"] #panel-6>.panel-img{background-image:url('img/services-desk-soft-light.webp')!important}

/* Process typography aligned with refreshed brand. */
.ps-num{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:.08em}
.ps-title{font-family:Inter,Arial,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.025em;line-height:1.25}

@media(min-width:900px){.cine-sub.about-intro-line{max-width:none;white-space:nowrap}}

.why-t{font-family:Inter,Arial,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.025em;line-height:1.25;text-shadow:none}.why-n{font-family:Inter,Arial,sans-serif;font-weight:600}

.strength-title,.wc-name,.ci-note-title,.next-steps h3{font-family:Inter,Arial,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.025em;line-height:1.25}.strength-title{font-size:clamp(20px,1.65vw,27px)}