/* V7 visual polish: tighter geometry, clearer mobile type, price-neutral public framing */
:root{--cgx-radius-card:8px;--cgx-radius-control:6px;--cgx-radius-media:6px}
.work-card,.proof-cards article,.service-grid article,.price-card,.pricing-value-card,.detail-card,.contact-panel,.contact-card,.proof-quote,.faq-list details,.final-cta,.tech-device,.tech-phone,.tech-metric,.stack-row span{border-radius:var(--cgx-radius-card)!important}
.work-shot,.work-shot img,.tech-browser-screen,.tech-browser-screen img,.tech-phone-screen,.tech-phone-screen img,.final-cta>img{border-radius:var(--cgx-radius-media)!important}
.button,.theme-toggle,.filter-chip,.price-badge,.timed-offer,.hero-offer-note{border-radius:var(--cgx-radius-control)!important}

.hero-offer-note{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--orange) 42%,var(--line));background:rgba(255,105,22,.08);padding:8px 10px;color:var(--orange);font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;margin:16px 0 4px}.hero-offer-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,105,22,.12)}
.hero-value{margin:14px 0 8px;max-width:560px}.hero-value strong{display:block;font-size:22px;line-height:1.15;color:var(--ink);letter-spacing:-.025em}.hero-value span{display:block;font-size:15px;line-height:1.5;color:var(--muted);margin-top:5px}

.pricing-section .section-head{align-items:end}.pricing-value-strip{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:8px}.pricing-value-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2));padding:26px;border-radius:var(--cgx-radius-card);min-height:230px}.pricing-value-card.primary{border-color:color-mix(in srgb,var(--orange) 42%,var(--line));background:linear-gradient(145deg,rgba(255,105,22,.09),var(--panel))}.pricing-value-card h3{font-size:34px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 12px}.pricing-value-card p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 18px}.pricing-value-card ul{list-style:none;padding:0;margin:0 0 20px}.pricing-value-card li{position:relative;padding:8px 0 8px 20px;color:var(--muted);font-size:15px;line-height:1.45;border-bottom:1px solid var(--line)}.pricing-value-card li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.pricing-compare{font-size:13px;color:var(--muted);line-height:1.45;margin-top:12px}.pricing-compare strong{color:var(--ink)}

/* Mobile reading scale: never use tiny marketing copy. */
@media(max-width:620px){
 body{font-size:17px}
 .eyebrow{font-size:13px!important;line-height:1.3!important}
 .button,.site-header a,.site-header button{font-size:16px!important}
 .section-head h2,.tech-copy h2,.faq>div>h2,.pricing-page h2{font-size:clamp(34px,10vw,40px)!important;line-height:.98!important;letter-spacing:-.045em!important}
 .section-head p,.head-side p,.work-copy p,.proof-cards p,.service-grid p,.tech-copy p,.process-grid p,.faq-answer p,.price-card li,.price-sub,.detail-card p,.pricing-value-card p,.pricing-value-card li{font-size:16px!important;line-height:1.55!important}
 .work-copy h3,.service-grid h3,.detail-card h3{font-size:22px!important;line-height:1.1!important}
 .proof-cards article{padding:22px!important}
 .proof-cards article>p{font-size:17px!important;line-height:1.5!important}
 .proof-metrics strong{font-size:28px!important}.proof-metrics span{font-size:14px!important;line-height:1.4!important}
 .faq-list summary{font-size:17px!important;line-height:1.35!important;padding:18px 2px!important}
 .final-cta .cta-copy h2{font-size:36px!important;line-height:.98!important}.final-cta .cta-action small{font-size:14px!important;line-height:1.45!important}
 .orbit-copy .eyebrow{font-size:13px!important;line-height:1.3!important}.orbit-lead{font-size:16px!important;line-height:1.5!important}.hero-proof strong{font-size:13px!important}.hero-proof small{font-size:13px!important;line-height:1.4!important}.orbit-meta{font-size:13px!important}.orbit-meta strong{min-width:132px!important}.hero-actions .persona-text-link{font-size:15px!important}
 .hero-value strong{font-size:20px}.hero-value span{font-size:16px}.hero-offer-note{font-size:12px}
 .pricing-value-strip{grid-template-columns:1fr}.pricing-value-card{padding:22px;min-height:0}.pricing-value-card h3{font-size:30px}
}

@media(prefers-reduced-motion:reduce){.hero-offer-note:before{box-shadow:none}}

/* Secondary-page owner-reference refinement, 2026-10-08. Scoped to avoid homepage/legal drift. */
.cgx-reference-v2{--ref-gold:#d8aa59;--ref-gold-bright:#edc77c;--ref-cream:#f3eee6;--ref-ink:#17130f;--ref-muted:#675f57}
.cgx-reference-v2 .site-main{background:#090a0a}/* neutralized v7 ref header */.cgx-reference-v2 .site-kicker{color:var(--ref-gold);letter-spacing:.17em}.cgx-reference-v2 .site-kicker:before{display:none!important}.cgx-reference-v2 .site-btn.primary{background:linear-gradient(135deg,#e8bd72,#d4a152)!important;color:#17110a!important;border-color:#e9c47d!important;box-shadow:0 14px 34px rgba(206,155,70,.18)!important}.cgx-reference-v2 .site-btn:not(.primary){border-color:rgba(218,172,91,.32);background:rgba(8,9,9,.72);color:#fff}.cgx-reference-v2 .ref-hero{min-height:520px;background-image:linear-gradient(90deg,rgba(5,6,6,.91),rgba(5,6,6,.74) 40%,rgba(5,6,6,.22) 73%),var(--ref-hero)}.cgx-reference-v2 .ref-hero-inner{min-height:520px;padding-block:78px}.cgx-reference-v2 .ref-hero h1{font-size:clamp(58px,6.4vw,94px);line-height:.93;max-width:780px}.cgx-reference-v2 .ref-hero h1 em{color:var(--ref-gold-bright)}.cgx-reference-v2 .ref-hero .lead{color:#ddd6cd;max-width:630px}
.work-reference-section{padding-top:32px!important;background:var(--ref-cream)!important;color:var(--ref-ink)!important}.work-reference-section .site-container{width:min(1320px,calc(100% - 48px))}.work-reference-section .section-head h2{font-family:var(--cgx-font-display);font-size:clamp(42px,4.4vw,62px);font-weight:400;line-height:.98;letter-spacing:-.04em}.work-reference-section .section-head p{color:var(--ref-muted)}.work-filters{display:flex;gap:9px;overflow-x:auto;padding:4px 0 24px;scrollbar-width:none}.work-filters::-webkit-scrollbar{display:none}.work-filter{appearance:none;white-space:nowrap;border:1px solid #d9d1c8;background:#faf7f2;color:#3e3832;border-radius:999px;padding:10px 17px;font:700 11px/1 var(--cgx-font-sans);cursor:pointer}.work-filter.is-active{background:#111;color:#fff;border-color:#111}.work-reference-section .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}.work-reference-section .work-card{display:block;overflow:hidden;border:1px solid #ded7ce!important;border-radius:0!important;background:#faf8f4!important;color:var(--ref-ink)!important;box-shadow:0 12px 32px rgba(45,36,27,.05);transition:transform .24s ease,box-shadow .24s ease}.work-reference-section .work-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(45,36,27,.10)}.work-reference-section .work-shot{aspect-ratio:16/9;background:#171717;border:0}.work-reference-section .work-shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.work-reference-section .work-card:hover .work-shot img{transform:scale(1.025)}.work-reference-section .work-copy{padding:19px 24px 23px;min-height:170px}.work-reference-section .work-top{margin:0 0 7px}.work-reference-section .work-top .type{color:#726a61;font-size:11px;font-weight:500}.work-reference-section .work-copy h3{margin:0 0 8px;font-size:21px}.work-reference-section .work-copy p{margin:0;color:#746c64;font-size:12px;line-height:1.62}.work-reference-section .work-link{display:block;margin-top:18px;color:#16120e;font-size:11px;font-weight:850}.work-empty{padding:30px 0;color:#746c64}.work-approach-band{background:#090a09;color:#fff;border-block:1px solid rgba(218,172,91,.24)}.work-approach-inner{min-height:360px;display:grid;grid-template-columns:1fr .8fr}.work-approach-copy{display:flex;flex-direction:column;justify-content:center;padding:56px 56px 56px 0}.work-approach-copy h2{margin:0;font:400 clamp(44px,5vw,68px)/.96 var(--cgx-font-display);letter-spacing:-.04em}.work-approach-copy p{max-width:600px;color:#b8b0a7;line-height:1.65}.work-approach-media{min-height:360px;background:linear-gradient(90deg,#090a09 0%,transparent 24%),url('/assets/production/marketing/cta-approved-man.jpg') center/cover no-repeat}
.contact-reference-main{background:var(--ref-cream)!important;color:var(--ref-ink)!important}.contact-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}.contact-reference-copy h2{margin:0;font:400 clamp(46px,5vw,66px)/.96 var(--cgx-font-display);letter-spacing:-.04em}.contact-reference-copy>.lead{max-width:760px;color:var(--ref-muted);font-size:15px;line-height:1.7}.ref-project-form.contact-card-form{margin-top:38px;gap:36px}.form-section{display:grid;gap:14px}.form-section-head{display:grid;gap:5px}.form-section-head h3{margin:0;font-size:18px}.form-section-head p{margin:0;color:#756d65;font-size:12px}.product-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-choice{position:relative;display:grid;gap:7px;min-height:132px;padding:18px;border:1px solid #d9d0c6;background:#faf8f4;cursor:pointer}.product-choice input{position:absolute;opacity:0;pointer-events:none}.product-choice .choice-icon{font-size:25px}.product-choice strong{font-size:14px}.product-choice small{color:#776f66;line-height:1.45}.product-choice:has(input:checked){border-color:#c99b4a;background:linear-gradient(135deg,#fffaf0,#f1e3ca)}.product-choice:has(input:checked):after{content:'✓';position:absolute;right:13px;top:13px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#9e6f23;color:#fff;font-size:11px}.product-choice.full{grid-column:1/-1;min-height:104px}.contact-reference-main .cgx-field label{color:#302a24}.contact-reference-main .cgx-field input,.contact-reference-main .cgx-field textarea{border-color:#d8d0c7;background:#fffdfa;color:#17130f}.contact-reference-main .cgx-field textarea{min-height:180px}.contact-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.contact-reference-main .ref-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-reference-main .ref-form-actions span{max-width:440px;color:#776f66;font-size:11px;line-height:1.5}.contact-sidebar{display:grid;gap:18px;position:sticky;top:96px}.contact-side-image{min-height:200px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.35)),url('/assets/production/about/about-workspace.webp') center/cover no-repeat;display:flex;align-items:flex-end;padding:20px;color:#fff}.contact-side-image span{font-family:var(--cgx-font-display);font-size:24px}.contact-next{background:#ebe6df;padding:24px}.contact-next h3,.contact-direct h3{margin:0 0 18px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.contact-step{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:0 0 22px;position:relative}.contact-step:last-child{padding-bottom:0}.contact-step:not(:last-child):before{content:'';position:absolute;left:16px;top:34px;bottom:0;width:1px;background:#cbc2b8}.contact-step b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:11px;z-index:1}.contact-step strong{display:block;font-size:12px;margin:3px 0 5px}.contact-step p{margin:0;color:#736b63;font-size:11px;line-height:1.5}.contact-direct{padding:24px;background:#f8f5f0;border:1px solid #ddd5cb}.contact-direct a{display:block;padding:10px 0;color:#17130f;font-size:12px;font-weight:750;border-bottom:1px solid #e0d8cf}.contact-proof{overflow:hidden;background:#111;color:#fff}.contact-proof img{width:100%;aspect-ratio:4/3;object-fit:cover}.contact-proof blockquote{margin:0;padding:22px 24px 8px;font:400 22px/1.18 var(--cgx-font-display)}.contact-proof cite{display:block;padding:8px 24px 24px;color:#b7afa7;font-size:11px;font-style:normal}.contact-security-note{display:flex;gap:10px;margin-top:18px;padding:14px 16px;border-top:1px solid #d9d0c6;color:#786f67;font-size:10px;line-height:1.55}
@media(max-width:980px){.work-approach-inner{grid-template-columns:1fr}.work-approach-copy{padding:50px 0 34px}.work-approach-media{min-height:310px;margin-inline:-24px}.contact-reference-layout{grid-template-columns:1fr}.contact-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cgx-reference-v2 .ref-hero{min-height:520px;background-position:66% center}.cgx-reference-v2 .ref-hero-inner{min-height:520px;padding-block:54px;align-items:flex-end}.cgx-reference-v2 .ref-hero h1{font-size:clamp(46px,13vw,62px)}.work-reference-section .site-container{width:min(100% - 30px,1320px)}.work-reference-section .section-head{display:block}.work-reference-section .work-grid{grid-template-columns:1fr;gap:18px}.work-reference-section .work-copy{min-height:0}.work-filter{padding:10px 14px}.work-approach-copy h2{font-size:44px}.work-approach-media{margin-inline:-15px}.contact-reference-layout{gap:34px}.product-choice-grid,.contact-field-grid{grid-template-columns:1fr}.product-choice.full{grid-column:auto}.contact-sidebar{grid-template-columns:1fr}.contact-reference-copy h2{font-size:44px}.contact-reference-main .ref-form-actions .site-btn{width:100%}}
