:root{--ink:#0d0d0f;--purple:#0d0d0f;--deep:#000;--paper:#fff;--soft:#f4f4f4;--muted:#63606a;--line:#d8d8d8;--shadow:0 24px 70px rgba(13,13,15,.14)}
body{background:#fff;color:var(--ink)}
header{background:rgba(255,255,255,.94);border-bottom:1px solid #dedde2;box-shadow:0 7px 28px rgba(13,13,15,.06)}
.mark{border:0;box-shadow:none;transform:none;border-radius:8px;background:var(--purple)}
.button{border:0;box-shadow:none;background:var(--purple);transition:.2s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(109,40,217,.25);background:var(--deep)}
.button.alt{background:#fff;color:var(--ink);border:1px solid var(--line)}

/* Main split CREATE + GROW banner */
.split-hero{height:600px;min-height:560px;padding:0;display:grid;grid-template-columns:1fr 1fr;background:#000;border:0;overflow:hidden;position:relative}
.split-hero:before,.split-hero:after{display:none}
.hero-half{position:relative;display:block;overflow:hidden;min-width:0}
.hero-half img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease}
.hero-half:hover img{transform:scale(1.045)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.78))}
.hero-grow .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.9))}
.hero-half-copy{position:absolute;left:clamp(28px,5vw,80px);right:clamp(28px,5vw,80px);bottom:clamp(48px,8vh,90px);z-index:2;color:#fff;display:flex;flex-direction:column;align-items:flex-start;max-width:620px}
.hero-half-copy small{font-weight:800;letter-spacing:.18em;font-size:.75rem;margin-bottom:10px}
.hero-half-copy strong{font:800 clamp(4.5rem,8vw,8.7rem)/.88 Manrope,sans-serif;letter-spacing:-.075em}
.hero-half-copy em{font-style:normal;font-weight:600;font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.5;margin-top:24px;text-wrap:balance}
.hero-half-copy b{margin-top:22px;border-bottom:0;padding-bottom:4px;font-size:.9rem}
.hero-create .hero-half-copy b{border-color:#fff}
.hero-center{display:none}
.hero-center>span{font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#c7a8ff}
.hero-center h1{font-size:clamp(2.25rem,4.6vw,4.5rem);line-height:.98;text-transform:none;margin:14px 0}
.hero-center p{color:#d8d6dc;margin:0 auto 23px;font-size:1rem}
.hero-center .button{display:inline-flex}

.kicker:before{height:3px;width:30px;background:var(--purple)}
.intro h2{color:var(--ink)}
.paths{gap:24px}
.path{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);transform:none!important}
.path.create-box{background:#fff}
.path.grow-box{background:var(--ink)}
.path-label{display:inline-block;background:transparent;border:0;border-left:4px solid var(--purple);padding:2px 0 2px 12px;color:var(--purple);box-shadow:none}
.grow-box .path-label{background:transparent;color:#fff}
.path>p{color:var(--muted)}.grow-box>p{color:#c6c2cc}
.service-link{border:1px solid var(--line);border-radius:8px;box-shadow:none;transition:.2s}
.grow-box .service-link{border-color:#37333c;background:#1a181d}
.service-link:hover{background:var(--purple);color:#fff;transform:translateY(-2px);box-shadow:none;border-color:var(--purple)}
.path img{border:0;border-radius:10px;filter:saturate(.9);box-shadow:none}
.bridge{background:#0d0d0f;border:0;color:#fff}
.bridge .intro h2{color:#000}.bridge .intro p{color:#d1cdd6}
.bridge .flow-card{background:#fff;color:var(--ink);border:0}
.flow-card{border:1px solid var(--line);border-radius:14px;box-shadow:none}
.flow-card:nth-child(2){transform:none;background:#fff}
.flow-card span{border:0;background:var(--purple);color:#fff}
.flow-card:not(:last-child):after{border:0;background:#7138cc;color:#fff}
.plan{border:1px solid var(--line);border-radius:16px;box-shadow:none}
.plan.primary{background:var(--purple);color:#fff;border:0;box-shadow:0 22px 55px rgba(0,0,0,.24)}
.plan .badge,.primary .badge{border:0}
.primary .badge{background:#fff;color:var(--purple)}
.plan>p,.primary>p,.primary .price small{color:inherit}
.plan ul,.primary ul{border-color:rgba(99,96,106,.3)}
.options span{border:1px solid var(--line);background:#fff;box-shadow:none}
.work{background:var(--ink);border:0;color:#fff}
.work .kicker{color:#000}.work .intro p{color:#c9c9c9}
.case{border:0;border-radius:14px;box-shadow:none;transform:none!important;background:#fff;color:var(--ink)}
.case img{filter:saturate(.88);border:0}
.case h3 a{transition:color .2s ease}.case h3 a:hover,.case h3 a:focus-visible{color:#7138cc}
details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}
.contact{background:#000;border-top:0;color:#fff}
.contact-box{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.field input,.field select,.field textarea{border:1px solid #cfcdd4;border-radius:8px;background:#fff}
.contact .kicker{color:#fff}.contact .kicker:before{background:#fff}.contact-box{background:#fff;color:var(--ink)}footer{border:0}

/* Keep every small section title in the brand purple. */
.kicker,.work .kicker,.contact .kicker{color:#7138cc}
.kicker:before,.contact .kicker:before{background:#7138cc}
.eyebrow,.service-hero .eyebrow{color:#7138cc!important}
.eyebrow:before,.service-hero .eyebrow:before{background:#7138cc!important}

/* Stronger section-to-section contrast and rhythm. */
#create-grow{background:#fff;border-top:1px solid #dedde2;border-bottom:1px solid #dedde2}
#plans{background:#0d0d0f;border:0;color:#fff}
#plans .intro h2,#plans .intro p{color:#fff}
#plans .plan{background:#fff;color:var(--ink);border:0}
#plans .plan.primary{background:#242424;color:#fff}
#plans .plan.primary .badge{background:#7138cc;color:#fff}
#plans .plan.primary h3{align-self:flex-start;padding:0;border-radius:0;background:transparent;color:#7138cc}
#plans .plan.primary>p{color:#fff}
#plans .plan.primary .button{background:#7138cc;color:#fff}
#plans .options span{background:#fff;color:var(--ink);border:0}
.faq{background:#fff;border-top:1px solid #d9d7de;border-bottom:1px solid #d9d7de}
#create-grow>.wrap,#plans>.wrap,.bridge>.wrap,.faq>.wrap,.contact>.wrap{position:relative}
.service-hero{background:#0d0d0f!important;border:0!important;color:#fff}
.service-hero h1 span{color:#fff!important}.service-hero p{color:#eee!important}
.service-hero+section{background:#fff;border-bottom:1px solid #d9d7de}
.service-hero+section.soft,.soft{background:#0d0d0f!important;border:0!important;color:#fff}
.soft h2,.soft h3{color:#fff}.soft p{color:#d1cdd6}.soft .tile,.soft .list-card{background:#fff;color:var(--ink);border:0}
.banner{background:#0d0d0f!important;border-top:5px solid #fff!important}

@media(max-width:950px){.split-hero{height:640px;min-height:600px}.hero-half-copy{left:26px;right:26px;bottom:35px}.hero-half-copy strong{font-size:4.2rem}.hero-half-copy em{max-width:420px}.flow-card:nth-child(2){transform:none}}
@media(max-width:620px){.split-hero{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:700px;height:720px}.hero-half-copy{left:20px;right:20px;bottom:24px}.hero-half-copy strong{font-size:3.3rem}.hero-half-copy em{font-size:.95rem;line-height:1.4;margin-top:12px}.hero-half-copy b{margin-top:12px}.hero-half-copy small{font-size:.66rem}.path{box-shadow:none}.contact-box{box-shadow:none}}

/* Ensure the homepage CREATE/GROW banner wins over legacy hero rules. */
section.hero.split-hero{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;padding:0!important;visibility:visible!important;opacity:1!important}
section.hero.split-hero>.hero-half{display:block!important;position:relative!important;min-height:inherit!important;visibility:visible!important}
section.hero.split-hero>.hero-half>.hero-half-copy{display:flex!important;visibility:visible!important;opacity:1!important}
@media(max-width:620px){section.hero.split-hero{grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}}

/* Vertically center the CREATE and GROW copy inside both banner panels. */
.split-hero .hero-half-copy{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
@media(max-width:620px){.split-hero .hero-half-copy{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Use consistent square crops for in-page service and portfolio imagery. */
.path img,.case img{aspect-ratio:16/10!important;height:auto!important;max-height:320px!important;object-fit:cover!important}

/* Separate CREATE from the dark GROW panel with a light image treatment. */
.split-hero .hero-create .hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.9))!important}
.split-hero .hero-create .hero-half-copy{color:var(--ink)!important}
.split-hero .hero-create .hero-half-copy b{border-color:#000!important;color:#000!important}

/* Uploaded MultiCreations identity. */
.brand{min-width:0}
.brand .brand-logo{display:block;width:clamp(175px,19vw,255px);height:auto;max-height:58px;object-fit:contain;object-position:left center;filter:grayscale(1) contrast(1.12)}
footer .brand{background:#fff;padding:8px 12px;border-radius:8px}
footer .brand .brand-logo{width:220px;max-height:46px}
.footer-address{font-style:normal;color:#d2d2d2;text-align:center;line-height:1.5;font-size:.9rem}.footer-address a{color:#fff}
@media(max-width:620px){.brand .brand-logo{width:175px;max-height:48px}footer .brand .brand-logo{width:190px}}

/* Full-width CREATE and GROW page sections. */
#create-grow{overflow:hidden}
#create-grow .paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100vw;margin-left:calc(50% - 50vw)}
#create-grow .path{display:grid;grid-template-columns:1fr;align-content:start;min-height:650px;padding:clamp(48px,5vw,78px);border:0;border-radius:0;box-shadow:none}
#create-grow .path-label,#create-grow .path h3,#create-grow .path>p,#create-grow .service-list{grid-column:1}
#create-grow .path img{grid-column:1;grid-row:auto;width:100%;height:260px!important;aspect-ratio:auto!important;max-height:none!important;min-height:0;margin:28px 0 0;object-fit:cover}
#create-grow .path.create-box{background:#f7f7f8}
#create-grow .path.grow-box{background:#0d0d0f}
@media(max-width:900px){#create-grow .paths{grid-template-columns:1fr}#create-grow .path{min-height:0;padding:64px max(28px,calc((100vw - 720px)/2))}#create-grow .path img{height:280px!important}}

/* Prevent the split-banner copy from clipping on phones. */
@media(max-width:620px){
  section.hero.split-hero{height:auto!important;min-height:0!important;grid-template-rows:none!important}
  section.hero.split-hero>.hero-half{min-height:460px!important}
  .split-hero .hero-half-copy{left:24px!important;right:24px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;max-width:calc(100% - 48px)}
  .split-hero .hero-half-copy strong{font-size:clamp(2.75rem,14vw,3.5rem);line-height:.95;letter-spacing:-.055em}
  .split-hero .hero-half-copy em{font-size:1rem;line-height:1.45;margin-top:18px}
  .split-hero .hero-half-copy b{font-size:.84rem;margin-top:18px}
}

/* Brand-purple navigation and rollover states. */
.menu{color:#7138cc}
.navlinks a:hover,.navlinks a:focus-visible,.navlinks a[aria-current="page"],.mobile a:hover,.mobile a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible{color:#7138cc}
.button:hover,.button:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.service-link:hover,.service-link:focus-visible{background:#7138cc;color:#fff!important;border-color:#7138cc}
a:not(.button):hover,a:not(.button):focus-visible{color:#7138cc}
.seo-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}