/* Shared extension of the approved cinematic world. Product screenshots keep their original colours. */
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/SpaceGrotesk-variable.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/assets/fonts/DMSans-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root:has(.brand-refresh){--ink:#f2f3f5;--ink-soft:#c4ccda;--ink-2:#c4ccda;--ink-deep:#101621;--bg:#090c12;--paper:#101621;--white:#141c29;--card:#141c29;--muted:#b1b9c9;--reading-muted:#b1b9c9;--line:#34415a;--line-strong:#52617c;--field:#6f7e98;--accent:#a7bcff;--coral:#a7bcff;--coral-dark:#a7bcff;--lime:#a7bcff;--delivered:#9fd6bc;--display:'Space Grotesk',sans-serif;--font-display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--font-body:'DM Sans',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
body.brand-refresh{background:#090c12;color:#f2f3f5;font-family:'DM Sans',sans-serif;color-scheme:dark;--reading-muted:#b1b9c9;scrollbar-color:#52617c #101621}
.brand-refresh ::selection{background:#a7bcff;color:#090c12}
.brand-refresh :focus-visible{outline:2px solid #a7bcff;outline-offset:5px}
.brand-refresh :where(input,textarea,select){caret-color:#a7bcff;accent-color:#a7bcff}
.brand-refresh :where(h1,h2,h3){letter-spacing:-.035em;font-weight:400;text-wrap:balance}
.brand-refresh :where(a){text-underline-offset:.22em}
.brand-refresh :where(main,section){min-width:0}
.brand-refresh :where(.hero,.portfolio-intro,.shopify-service-hero) h1{font-weight:400;letter-spacing:-.04em;line-height:1.08}
.brand-refresh .hero h1 em,.brand-refresh .section-title em{font-family:inherit;font-style:normal;color:#a7bcff;letter-spacing:inherit}
.brand-refresh :where(.section-alt,.product-next,.closing,.service-close,.index-close){background:#101621;border-radius:0}
.brand-refresh :where(.section-alt,.product-next,.closing,.service-close){border-block:1px solid #263247}
.brand-refresh :where(.closing,.noon-card,.contact-box,.cta-box,.stage,.sim,.sync){background:#101621;color:#f2f3f5;box-shadow:none}
.brand-refresh :where(.closing p,.noon-card p,.contact-box p,.cta-box p,.stage-label,.stage-bottom,.stage th,.stage .small,.event small,.event time){color:#b1b9c9}
.brand-refresh .contact-box h2{color:#f2f3f5}
.brand-refresh :where(.release-note,.review-disclosure,.article-cta,.resource-download,.shopify-guide-start,.shopify-service-note,.callout){background:#142035;color:#f2f3f5;border:1px solid #34415a;border-radius:12px;box-shadow:none}
.brand-refresh :where(.release-note p,.review-disclosure p,.resource-download .download-note){color:#c4ccda}
.brand-refresh :where(.article-body a,.legal a){color:#b7c8ff}
.brand-refresh :where(.article-body a,.legal a):hover{color:#fff}
.brand-refresh :where(.article-body code,.doc code,code){background:#182234;color:#dbe4f8}
.brand-refresh .article-body th{background:#182234;color:#f2f3f5}
.brand-refresh .article-body tr:nth-child(even) td{background:#101621}
.brand-refresh :where(.article-toc,.table-scroll,.diagram-stage){scrollbar-color:#52617c #101621}
.brand-refresh :where(.guide-filters button,.toc-chip){border-color:#52617c;color:#c4ccda;min-height:44px}
.brand-refresh .guide-filters button:hover{background:#182234}
.brand-refresh .guide-filters button[aria-pressed=true]{background:#a7bcff;color:#121722;border-color:#a7bcff}
.brand-refresh :where(.button,.btn,.submit){border-radius:6px;min-height:48px;font-family:'DM Sans',sans-serif;letter-spacing:0;transition:background .2s,color .2s,border-color .2s}
.brand-refresh :where(.button,.button-coral,.btn-primary,.btn-light,.submit){background:#e9ebef;color:#121722;box-shadow:none;border:1px solid transparent}
.brand-refresh :where(.button,.button-coral,.btn-primary,.btn-light,.submit):hover{background:#fff;color:#121722;box-shadow:none;transform:none}
.brand-refresh :where(.button-ghost,.btn-ghost){background:transparent;color:#f2f3f5;border:1px solid #52617c}
.brand-refresh :where(.button-ghost,.btn-ghost):hover{background:#182234;color:#fff}
.brand-refresh .download-actions .button{color:#121722}
.brand-refresh :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){background-color:#0b111c;color:#f2f3f5;border-color:#6f7e98}
.brand-refresh input::placeholder,.brand-refresh textarea::placeholder{color:#a8b3c8;opacity:1}
.brand-refresh select{background-image:none;appearance:auto;-webkit-appearance:auto;padding-right:14px}
.brand-refresh :where(.card,.feat,.wl-card,.price,.shot-card,.toc,.summary,.table-wrap,.more a,.post-card,.faqt details,.faq details){background:#101621;border-color:#34415a;box-shadow:none}
.brand-refresh :where(.price ul,.blk p,.blk li,.tag,.store-note){color:#c4ccda}
.brand-refresh :where(.status,.pill,.product-subnav span){background:#182b28;color:#b2e1ce}
.brand-refresh :where(.status-review,.pill.soon,.app-card-status.soon,.product-subnav span.in-review){background:#252536;color:#d0c6ef}
.brand-refresh .pill.link{background:#1b2b4c;color:#b7c8ff}
.brand-refresh .status{font-size:12px}
.brand-refresh .contact .status{background:transparent;color:#b7c8ff;white-space:normal;padding:0}
.brand-refresh .form-error{background:#382125;color:#ffc2c5;border-color:#8c5259}
.brand-refresh .form-success{color:#b2e1ce;background:#182b28}
.brand-refresh .rv{opacity:1;transform:none}
.brand-refresh .rule-row:hover,.brand-refresh .product-next a:hover{background:#182234}
.brand-refresh .brand-stage{background:#101621!important;border:1px solid #263247;border-radius:12px;box-shadow:none}
.brand-refresh .brand-stage p{color:#b1b9c9}
.brand-refresh .app-showcase{gap:28px}
.brand-refresh .app-card{background:transparent;color:#f2f3f5;border:0;border-bottom:1px solid #34415a;border-radius:0;box-shadow:none}
.brand-refresh .app-card:hover{transform:none;border-color:#a7bcff;box-shadow:none}
.brand-refresh .app-card.featured{grid-column:auto}
.brand-refresh .app-art,.brand-refresh .app-card.featured .app-art{height:190px;background:#101621!important;border:0;border-radius:10px}
.brand-refresh .app-art::after{display:none}
.brand-refresh .app-card-copy{padding:22px 0}
.brand-refresh .app-card h3{font-size:28px;letter-spacing:-.035em}
.brand-refresh .app-card p,.brand-refresh .app-card-top,.brand-refresh .app-group-head p,.brand-refresh .app-extension small{color:#b1b9c9}
.brand-refresh .app-card-status{color:#b2e1ce}
.brand-refresh .app-card-status.soon{background:none}
.brand-refresh .app-extension{background:#101621;color:#f2f3f5;border-color:#34415a}
.brand-refresh .app-extension:hover{border-color:#a7bcff}
.brand-refresh .app-art-logo img{width:88px!important;height:88px!important;object-fit:contain;border-radius:16px}
.brand-refresh .product-tile{background:#101621;border-radius:12px;box-shadow:none}
.brand-refresh .product-tile.dark{background:#182234}
.brand-refresh .product-tile:hover{transform:none;box-shadow:none}
.brand-refresh .product-tile p,.brand-refresh .product-tile.dark p{color:#b1b9c9}
.brand-refresh :where(.hero,.portfolio-intro) .eyebrow,.brand-refresh main>.eyebrow{display:none}
.brand-refresh .article-shell,.brand-refresh .guides-index{padding-top:64px}
.brand-refresh .article-body{color:#d1d7e3}
.brand-refresh .article-body h2,.brand-refresh .article-body h3,.brand-refresh .article-body strong{color:#f2f3f5}
.brand-refresh .article-heading{max-width:1050px}
.brand-refresh .feature-strip{border-color:#34415a}
.brand-refresh .feature-strip p{font-size:14px}
.brand-refresh :where(.shot-img,.shot-phone .shot-img){background:#182234}
.brand-refresh .product-subnav{padding-bottom:22px}
.brand-refresh :where(main p,main li){color:#c4ccda}
.brand-refresh :where(.works,.final-card,.trust){background:#101621;color:#f2f3f5}
.brand-refresh :where(.steps li::before,.how .n,.price .pop){background:#a7bcff;color:#121722}
.brand-refresh :where(.sim-title,.sim-live,.order-meta,.c-rank,.c-status,.sync-title,.sync-live,.sync-desc,.works-eyebrow){color:#b1b9c9}
.brand-refresh .shopify-services p,.brand-refresh .service-start span,.brand-refresh .service-delivery li,.brand-refresh .shopify-guide-start p{color:#b1b9c9}
.brand-refresh .service-start,.brand-refresh .service-proof{background:#101621}
.brand-refresh .service-start>a,.brand-refresh .service-guide,.brand-refresh .service-delivery strong{color:#f2f3f5;border-color:#34415a}
.brand-refresh .service-scope-list a,.brand-refresh .service-proof a,.brand-refresh .shopify-guide-start a{color:#b7c8ff}
.brand-refresh .shopify-service-section{border-color:#34415a}
.brand-refresh .shopify-guide-start{padding:28px}
.brand-refresh .shopify-service-hero .button{background:#e9ebef;color:#121722}
.brand-refresh .shopify-service-hero .kicker{display:none}
.brand-refresh #analytics-choice{background:#182234;border:1px solid #52617c;color:#f2f3f5;font-family:'DM Sans',sans-serif}
.brand-refresh #analytics-choice p{color:#f2f3f5}
.brand-refresh #analytics-choice a{color:#b7c8ff}
.brand-refresh #analytics-choice [data-choice=granted]{background:#e9ebef;color:#121722;border-color:#e9ebef}
.brand-refresh .wc-header,.brand-refresh .wc-subnav,.brand-refresh .wc-footer,.brand-refresh .wc-skip{--wc-ink:#f2f3f5;--wc-ink-soft:#c4ccda;--wc-paper:#090c12;--wc-white:#101621;--wc-muted:#b1b9c9;--wc-line:#34415a;--wc-coral:#a7bcff;--wc-coral-dark:#a7bcff}
.brand-refresh .wc-header{background:#090c12f2;border-color:#263247;backdrop-filter:blur(16px)}
.brand-refresh .wc-wordmark{align-items:center;letter-spacing:0}
.brand-refresh .wc-wordmark img{display:block;width:120px;height:auto}
.brand-refresh .wc-cta{background:transparent;border:1px solid #52617c;color:#f2f3f5!important;border-radius:6px;min-height:44px}
.brand-refresh .wc-cta:hover{background:#182234;transform:none}
.brand-refresh .wc-menu-panel{background:#101621;box-shadow:0 24px 48px #0005;border-color:#34415a}
.brand-refresh .wc-nav>a:hover,.brand-refresh .wc-menu-btn:hover,.brand-refresh .wc-menu-btn[aria-expanded=true]{background:#182234}
.brand-refresh .wc-menu-panel a:hover{background:#182234}
.brand-refresh .wc-pill{background:#182b28;color:#b2e1ce}
.brand-refresh .wc-pill-soon,.brand-refresh .wc-pill-beta{background:#252536;color:#d0c6ef}
.brand-refresh .wc-mobile,.brand-refresh .wc-subnav{background:#101621;border-color:#34415a}
.brand-refresh .wc-footer{background:#090c12;color:#f2f3f5;border-radius:0;border-top:1px solid #34415a}
.brand-refresh .wc-footer-start{background:none;color:#f2f3f5}
.brand-refresh .wc-footer-bottom{border-color:#34415a}
.brand-refresh .wc-subnav-in a:hover{color:#fff}
.brand-refresh :where(.wc-menu-btn,.wc-nav>a){height:44px}
.brand-refresh .wc-mobile{max-height:calc(100dvh - 68px);overflow:auto;overscroll-behavior:contain}
.brand-refresh .wc-skip{background:#e9ebef;color:#121722}
.brand-refresh .checkout-logo{display:block;width:125px;height:auto;margin-bottom:28px}
.ctrlz-page .hero h1{font-size:clamp(46px,5.3vw,78px)}
.ctrlz-identity{display:flex;align-items:center;gap:20px;margin-bottom:32px}
.ctrlz-identity img{width:72px;height:72px;border-radius:16px}
.ctrlz-identity strong{font:400 26px/1.2 'Space Grotesk',sans-serif}
.ctrlz-identity small{display:block;color:#b1b9c9;font-size:14px;margin-top:7px}
.ctrlz-proof{margin:0;border:1px solid #34415a;background:#101621;border-radius:12px;overflow:hidden}
.ctrlz-proof img{width:100%;height:auto;display:block}
.ctrlz-proof figcaption{padding:18px 22px;color:#b1b9c9;font-size:13px}
.ctrlz-page .content-step p{font-size:15px;max-width:65ch}
/* Resolve higher-specificity styles retained by the original page templates. */
.brand-refresh .wc-header .wc-nav{position:static;background:none;backdrop-filter:none;border:0}
.brand-refresh .wc-subnav-cta{background:#e9ebef;color:#121722!important;min-height:44px}
.brand-refresh .wc-subnav-cta:hover{background:#fff}
.brand-refresh .wc-subnav-links a{min-height:44px;display:flex;align-items:center}
body.brand-refresh.product-page .hero h1{font-size:clamp(42px,4.5vw,66px);font-weight:400;letter-spacing:-.035em;line-height:1.08}
body.brand-refresh.product-page .hero h1 .fade{font-weight:400;color:#a7bcff}
body.brand-refresh.product-page .btn-primary{background:#e9ebef;color:#121722;box-shadow:none}
body.brand-refresh.product-page .btn-primary:hover{background:#fff;color:#121722;box-shadow:none;transform:none}
body.brand-refresh.product-page .btn-ghost{background:transparent;color:#f2f3f5;border-color:#52617c}
.brand-refresh .guides-intro h1 em,.brand-refresh .guides-intro .serif-word{font-family:inherit;font-style:normal;color:#a7bcff;letter-spacing:inherit}
.brand-refresh.overview .card{border:1px solid #34415a}
.brand-refresh .contact h1,.brand-refresh .legal h1{font-weight:400;letter-spacing:-.035em}
.brand-refresh .eyebrow,.brand-refresh .portfolio-intro>.status{display:none}
.brand-refresh .official-store{background:#e9ebef;color:#121722!important;border-radius:6px;font-size:15px}
.brand-refresh .official-store:hover{background:#fff;color:#121722!important}
.brand-refresh.ctrlz-page .hero{padding:56px 0 70px}
.brand-refresh.ctrlz-page .hero h1{font-size:clamp(40px,4.2vw,60px);max-width:13ch}
.brand-refresh.ctrlz-page .ctrlz-identity{margin-bottom:20px}
.brand-refresh.ctrlz-page .ctrlz-identity img{width:56px;height:56px;border-radius:12px}
.brand-refresh.ctrlz-page .hero-note{font-size:13px}
.brand-refresh.product-directory .hero{padding-bottom:44px}
.brand-refresh.product-directory .portfolio-intro{margin-bottom:0}
.brand-refresh.product-directory .hero+.section{padding-top:44px}
@media(max-width:650px){body.brand-refresh.product-page .hero h1{font-size:clamp(34px,9.5vw,46px)}.brand-refresh.ctrlz-page .hero h1{font-size:40px;max-width:16ch}.brand-refresh.ctrlz-page .hero{padding-top:32px}.brand-refresh.product-directory .hero{padding-bottom:28px}.brand-refresh.product-directory .hero+.section{padding-top:28px}}
@media(max-width:900px){.brand-refresh .wc-header-in{gap:10px}.brand-refresh .wc-wordmark img{width:100px}.brand-refresh .wc-cta{font-size:12px;padding:0 12px}.brand-refresh .app-showcase{gap:20px}}
@media(max-width:650px){.brand-refresh .hero h1,.brand-refresh .portfolio-intro h1{font-size:clamp(38px,10vw,54px)}.brand-refresh .app-card h3{font-size:25px}.brand-refresh .article-shell,.brand-refresh .guides-index{padding-top:36px}.brand-refresh .price-grid{grid-template-columns:1fr}.brand-refresh .feature-strip p{font-size:14px}.brand-refresh .wc-footer-col{min-width:0}.brand-refresh .wc-footer-col a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.brand-refresh *, .brand-refresh *::before,.brand-refresh *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body.brand-refresh{background:white;color:#111;color-scheme:light}.brand-refresh .wc-header,.brand-refresh .wc-footer,.brand-refresh .wc-subnav{display:none}.brand-refresh .article-body,.brand-refresh .article-body h2,.brand-refresh .article-body h3,.brand-refresh .article-body strong{color:#111}.brand-refresh .article-body a{color:#183d7c}}