@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800;900&display=swap');

:root{
  --cgx-bg:#070707;
  --cgx-surface:#0f0f0f;
  --cgx-surface-2:#151515;
  --cgx-cream:#f3eee6;
  --cgx-cream-2:#e9e1d6;
  --cgx-ink:#f7f2ec;
  --cgx-ink-dark:#17130f;
  --cgx-muted:#aaa39b;
  --cgx-muted-dark:#625a52;
  --cgx-accent:#ff6a16;
  --cgx-accent-soft:#ff9a5d;
  --cgx-gold:var(--cgx-accent-soft);
  --cgx-line:#2b2926;
  --cgx-line-soft:rgba(255,255,255,.09);
  --cgx-radius-card:8px;
  --cgx-radius-control:6px;
  --cgx-radius-pill:999px;
  --cgx-max:1280px;
  --cgx-section-space:88px;
  --cgx-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cgx-font-display:var(--cgx-font-sans);
  --cgx-shadow:0 20px 60px rgba(0,0,0,.28);

  /* Legacy aliases: all marketing CSS consumes the central token authority. */
  --bg:var(--cgx-bg);
  --panel:var(--cgx-surface);
  --panel2:var(--cgx-surface-2);
  --ink:var(--cgx-ink);
  --muted:var(--cgx-muted);
  --line:var(--cgx-line);
  --orange:var(--cgx-accent);
  --orange2:var(--cgx-accent-soft);
  --max:var(--cgx-max);
}

html[data-theme="light"]{
  --cgx-bg:#f3eee6;
  --cgx-surface:#fffaf4;
  --cgx-surface-2:#e8dfd3;
  --cgx-ink:#17130f;
  --cgx-muted:#625a52;
  --cgx-line:#cfc3b5;
  --cgx-line-soft:rgba(38,28,22,.11);
}

body{font-family:var(--cgx-font-sans);background:var(--cgx-bg);color:var(--cgx-ink)}

/* Shared shell */
.site-header{position:sticky;top:14px;z-index:50;width:min(var(--cgx-max),calc(100% - 32px));height:64px;margin:14px auto 0;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:color-mix(in srgb,var(--cgx-surface) 78%,transparent);backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(0,0,0,.12)}
.brand-logo{height:28px;width:auto;max-width:150px;object-fit:contain}
.site-header nav a,.footer a{transition:color .18s ease,opacity .18s ease}
.site-header nav a:hover,.site-header nav a[aria-current="page"],.footer a:hover{color:var(--cgx-accent-soft)}
.theme-toggle{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-control);background:color-mix(in srgb,var(--cgx-surface) 92%,transparent);color:var(--cgx-ink);cursor:pointer}
html[data-theme="dark"] .theme-toggle .light-icon,html[data-theme="light"] .theme-toggle .dark-icon{display:none}
.site-menu-toggle{display:none}
.site-mobile-nav{display:none}

@media(max-width:980px){
  .site-header .site-menu-toggle{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;margin-left:10px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-control);background:var(--cgx-surface);color:var(--cgx-ink);cursor:pointer}
  .site-mobile-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:color-mix(in srgb,var(--cgx-surface) 96%,transparent);box-shadow:var(--cgx-shadow);padding:18px}
  .nav-open .site-mobile-nav{display:grid;gap:16px}
  .site-mobile-nav nav{display:grid!important;gap:0;margin:0}
  .site-mobile-nav nav a{padding:13px 2px;border-bottom:1px solid var(--cgx-line);font-size:16px;font-weight:750}
  .site-mobile-nav nav a[aria-current="page"]{color:var(--cgx-accent-soft)}
  .site-mobile-actions{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}
  .site-mobile-actions>a:not(.button){font-size:12px;color:var(--cgx-muted)}
}

@media(max-width:620px){
  .site-header .header-cta{display:none}
  .site-mobile-actions{grid-template-columns:1fr}
  .site-mobile-actions .button{width:100%}
}

.button,.site-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border-radius:var(--cgx-radius-control);
  padding:12px 18px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  letter-spacing:-.01em;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.button-primary,.site-btn.primary{
  background:var(--cgx-accent);
  color:#120d09;
  box-shadow:0 12px 30px rgba(255,106,22,.20);
}
.button-primary:hover,.site-btn.primary:hover{transform:translateY(-1px);background:#f75f0c}
.button-ghost,.site-btn:not(.primary){border-color:var(--cgx-line);background:color-mix(in srgb,var(--cgx-surface) 94%,transparent)}
.text-link{color:var(--cgx-accent-soft);font-weight:800}

.eyebrow,.site-kicker{color:var(--cgx-gold);font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.section,.site-section{padding-block:var(--cgx-section-space)}
.section-head h2,.page-hero h1,.faq h2,.feature-panel h2,.cta-box h2{font-family:var(--cgx-font-display)}

/* Reusable surfaces extracted from the approved mock language. */
.cgx-section-dark{background:var(--cgx-bg);color:var(--cgx-ink)}
.cgx-section-cream{background:var(--cgx-bg);color:var(--cgx-ink)}
.cgx-section-cream .eyebrow,.cgx-section-cream .site-kicker{color:var(--cgx-accent-soft)}
.cgx-section-cream p,.cgx-section-cream .muted{color:var(--cgx-muted)}
.cgx-card{border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:var(--cgx-surface);overflow:hidden}
.cgx-card-cream{border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:var(--cgx-surface);color:var(--cgx-ink)}
.cgx-media-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.cgx-media-split>img{width:100%;height:100%;min-height:360px;object-fit:cover}
.cgx-media-split>.cgx-copy{padding:clamp(28px,5vw,72px)}
.cgx-divider{height:1px;background:var(--cgx-line-soft)}

/* Forms */
.cgx-form{display:grid;gap:16px}
.cgx-field{display:grid;gap:7px}
.cgx-field label{font-size:13px;font-weight:800}
.cgx-field input,.cgx-field select,.cgx-field textarea{
  width:100%;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-control);background:var(--cgx-surface);color:var(--cgx-ink);padding:13px 14px;outline:none;
}
.cgx-field textarea{min-height:150px;resize:vertical}
.cgx-field input:focus,.cgx-field select:focus,.cgx-field textarea:focus{border-color:var(--cgx-accent);box-shadow:0 0 0 3px rgba(255,106,22,.12)}
.cgx-form-status{min-height:22px;font-size:13px;color:var(--cgx-muted)}

/* Pricing / process / FAQ / contact primitives. */
.price-card,.pricing-value-card,.service-grid article,.proof-cards article,.detail-card,.work-card{border-radius:var(--cgx-radius-card)!important}
.process-grid article>span{border-radius:50%}
.faq-list details{border-color:var(--cgx-line)!important}
.contact-method,.contact-panel,.cta-box,.final-cta{border-radius:var(--cgx-radius-card)!important}

/* Reusable proof / pricing / support patterns extracted from the approved mocks. */
.cgx-notice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:color-mix(in srgb,var(--cgx-surface) 94%,var(--cgx-accent) 6%);padding:16px 18px}
.cgx-notice strong{color:var(--cgx-accent-soft)}
.cgx-check-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cgx-check-list li{position:relative;padding-left:24px;color:var(--cgx-muted)}
.cgx-check-list li:before{content:"✓";position:absolute;left:0;color:var(--cgx-gold);font-weight:900}
.cgx-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--cgx-line);margin-block:24px}
.cgx-stat{padding:18px 20px;border-right:1px solid var(--cgx-line)}
.cgx-stat:last-child{border-right:0}.cgx-stat strong{display:block;font-size:clamp(28px,4vw,48px);letter-spacing:-.045em;color:var(--cgx-accent-soft)}.cgx-stat span{color:var(--cgx-muted);font-size:13px}
.cgx-comparison{width:100%;border-collapse:collapse;border:1px solid var(--cgx-line);background:var(--cgx-surface);border-radius:var(--cgx-radius-card);overflow:hidden}
.cgx-comparison th,.cgx-comparison td{padding:13px 16px;border-bottom:1px solid var(--cgx-line);border-right:1px solid var(--cgx-line);text-align:left}.cgx-comparison th:last-child,.cgx-comparison td:last-child{border-right:0}.cgx-comparison tr:last-child td{border-bottom:0}.cgx-comparison th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cgx-gold)}
.cgx-contact-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cgx-contact-tile{display:flex;align-items:center;gap:14px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);padding:18px;background:var(--cgx-surface);color:var(--cgx-ink);text-decoration:none}.cgx-contact-tile:hover{border-color:color-mix(in srgb,var(--cgx-accent) 55%,var(--cgx-line))}
.cgx-icon-token{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid color-mix(in srgb,var(--cgx-gold) 60%,var(--cgx-line));border-radius:50%;color:var(--cgx-gold)}
.cgx-quote-band{position:relative;padding:clamp(34px,6vw,72px);border-block:1px solid var(--cgx-line);background:linear-gradient(90deg,#17110d,#0d0d0c);overflow:hidden}.cgx-quote-band blockquote{margin:0;max-width:900px;font-family:var(--cgx-font-display);font-size:clamp(30px,4vw,54px);line-height:1.02;color:#fff}.cgx-quote-band:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 50%,rgba(255,106,22,.18),transparent 32%);pointer-events:none}

/* Shared page-width authority for the homepage and supporting public routes. */
.section,.brand-strip,.tech-inner,.final-cta{width:min(var(--cgx-max),calc(100% - 48px))!important}
.work-reference-section .site-container{width:min(var(--cgx-max),calc(100% - 48px))!important}
@media(max-width:700px){.site-container,.section,.brand-strip,.tech-inner,.final-cta,.work-reference-section .site-container{width:calc(100% - 30px)!important}}

/* Source-backed review marquee: one moving track contains two identical groups. */
.proof-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.proof-loop-track{display:flex!important;grid-template-columns:none!important;gap:0!important;width:max-content!important;max-width:none!important;animation:cgx-review-loop 58s linear infinite;will-change:transform}
.proof-loop-group{display:flex;flex:0 0 auto;gap:14px;padding-right:14px}
.proof-loop-track article{width:clamp(300px,28vw,360px)!important;height:300px;min-height:300px!important;flex:0 0 auto;padding:22px!important;opacity:1!important;visibility:visible!important;transform:none!important}
.proof-loop-track .review-person{min-height:72px;flex:0 0 72px;margin-top:auto;padding-top:14px}
.proof-loop-track .review-person img,.proof-loop-track .review-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important}
.proof-loop-track .review-person small{display:block;margin-top:4px;color:var(--cgx-accent-soft);font-size:10px;white-space:nowrap}
@keyframes cgx-review-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.proof-marquee{overflow-x:auto;mask-image:none}.proof-loop-track{animation:none}.proof-loop-group[aria-hidden="true"]{display:none}}

/* Shared public pricing choice component used on Home and Pricing. */
.pricing-value-strip,[data-pricing-choices]{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.pricing-value-card{display:flex;flex-direction:column;min-height:100%;padding:28px}
.pricing-value-card h3{font-size:clamp(34px,3.3vw,50px)!important;line-height:1!important;margin:10px 0 8px!important}
.pricing-plan-setup{min-height:28px;margin:0 0 18px!important;color:var(--cgx-muted)!important}
.pricing-plan-setup strong{color:var(--cgx-accent-soft)}
.pricing-value-card ul{margin:0 0 24px!important}
.pricing-value-card .button{margin-top:auto;align-self:flex-start}
.pricing-custom-note{margin-top:16px;padding:18px 20px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:var(--cgx-surface);color:var(--cgx-muted)}
.pricing-custom-note strong{color:var(--cgx-ink)}
.pricing-load-state{grid-column:1/-1;display:grid;justify-items:start;gap:10px;padding:24px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:var(--cgx-surface);color:var(--cgx-muted)}
.pricing-load-state strong{color:var(--cgx-ink);font-size:18px}.pricing-load-state .button{margin-top:4px}

/* Async pricing/review content is created after the initial pre-paint motion
   priming pass. It must never inherit an invisible pending state before the
   central motion controller gets a chance to register the new nodes. */
.cgx-motion-pending [data-pricing-choices] .pricing-value-card,
.cgx-motion-pending .proof-loop-track article{opacity:1!important;transform:none!important;visibility:visible!important}

/* The common final CTA uses one visual hierarchy across pages. */
.cgx-final-cta{position:relative;overflow:hidden;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);background:linear-gradient(90deg,#17100d,#0d0c0b);color:#fff}
.cgx-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,rgba(255,106,22,.20),transparent 34%);pointer-events:none}

/* Shared motion states.
   theme.js adds .cgx-motion-pending in the head before first paint. Static reveal
   targets therefore begin in their real animation start state instead of flashing
   their final state and jumping backwards when ScrollTrigger enters the viewport.
   motion-system.js adds .cgx-motion-active when GSAP is healthy; theme.js removes
   the pending class automatically if motion never initializes. */
[data-cgx-reveal]{will-change:transform,opacity}
.cgx-motion-pending .section-head .eyebrow{opacity:0;transform:translateY(12px)}
.cgx-motion-pending .section-head h2{opacity:0;transform:translateY(24px)}
.cgx-motion-pending .section-head .head-side{opacity:0;transform:translateX(20px)}
.cgx-motion-pending .work-card{opacity:0;transform:translateY(30px)}
.cgx-motion-pending .proof-cards article{opacity:0;transform:translateY(24px)}
.cgx-motion-pending .proof-metrics>div{opacity:0;transform:translateY(18px)}
.cgx-motion-pending .service-grid article,
.cgx-motion-pending .site-card,
.cgx-motion-pending .feature-panel,
.cgx-motion-pending .contact-panel{opacity:0;transform:translateY(28px)}
.cgx-motion-pending .step-list .step{opacity:0;transform:translateX(-16px)}
.cgx-motion-pending .price-card,
.cgx-motion-pending .pricing-value-card{opacity:0;transform:translateY(30px) scale(.985)}
.cgx-motion-pending .tech-copy{opacity:0;transform:translateX(-28px)}
.cgx-motion-pending .tech-device{opacity:0;transform:translateX(30px)}
.cgx-motion-pending .tech-phone,
.cgx-motion-pending .tech-metric{opacity:0;transform:translateY(20px)}
.cgx-motion-pending .process-grid article{opacity:.38;transform:translateY(18px)}
.cgx-motion-pending .process-line{transform:scaleX(0);transform-origin:left center}
.cgx-motion-pending .faq-list{opacity:.82;transform:translateY(16px)}
.cgx-motion-pending .brand-strip>*{opacity:0;transform:translateY(10px)}
.cgx-motion-pending .final-cta,
.cgx-motion-pending .cta-box{opacity:.88;transform:translateY(18px)}
.cgx-motion-ready [data-cgx-reveal]{visibility:visible}

@media(max-width:620px){
  .cgx-motion-pending .process-line{transform:scaleY(0);transform-origin:center top}
}

@media(max-width:980px){
  :root{--cgx-section-space:70px}
  .cgx-media-split{grid-template-columns:1fr}
  .cgx-media-split>img{min-height:300px}
  .cgx-404-grid{grid-template-columns:1fr;gap:20px}
  .cgx-404-visual{justify-self:center;max-width:480px;margin-top:-20px}
}

@media(max-width:620px){
  :root{--cgx-section-space:56px}
  body{font-size:17px}
  .button,.site-btn{font-size:16px}
  .brand-logo{height:25px;max-width:134px}
  .cgx-media-split>img{min-height:240px}
  .cgx-stat-strip,.cgx-contact-tiles{grid-template-columns:1fr}
  .cgx-stat{border-right:0;border-bottom:1px solid var(--cgx-line)}
  .cgx-stat:last-child{border-bottom:0}
  .cgx-comparison{display:block;overflow-x:auto;white-space:nowrap}
  .pricing-value-strip,[data-pricing-choices]{grid-template-columns:1fr}
  .proof-loop-track article{width:min(82vw,330px)!important;height:292px;min-height:292px!important}
}

/* Shared 404 composition. */
.cgx-404{min-height:calc(100svh - 76px);display:grid;align-items:center;padding:86px 0;overflow:hidden}
.cgx-404-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:48px;align-items:center}
.cgx-404 h1{font-family:var(--cgx-font-display);font-size:clamp(62px,7vw,108px);line-height:.86;letter-spacing:-.055em;margin:0;max-width:650px}
.cgx-404 h1 em{color:var(--cgx-accent);font-style:italic}
.cgx-404 .lead{max-width:520px;color:var(--cgx-muted);font-size:17px;margin:24px 0 28px}
.cgx-404-visual{position:relative;aspect-ratio:1;max-width:600px;justify-self:end;width:100%;display:grid;place-items:center}
.cgx-404-number{font-size:clamp(110px,16vw,220px);font-weight:900;letter-spacing:-.08em;color:var(--cgx-accent);text-shadow:0 0 80px rgba(255,106,22,.28);z-index:3}
.cgx-404-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--cgx-accent) 45%,transparent);border-radius:50%}
.cgx-404-orbit.orbit-one{inset:11%;transform:rotate(18deg)}
.cgx-404-orbit.orbit-two{inset:26%;border-color:rgba(255,255,255,.18)}
.cgx-404-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cgx-accent);box-shadow:0 0 24px rgba(255,106,22,.55)}
.cgx-404-dot.dot-one{right:13%;top:32%}.cgx-404-dot.dot-two{left:22%;bottom:18%;width:9px;height:9px;background:var(--cgx-gold)}

/* Homepage hero: desktop keeps the orbit; mobile uses the owner-selected portrait-focus composition. */
.mobile-portrait-focus{display:none}

@media(max-width:980px){
  .orbit-hero{height:100svh!important;min-height:780px!important;max-height:none!important;overflow:hidden!important}
  .orbit-backgrounds,.orbit-bg{height:100%!important;inset:0!important;bottom:auto!important;-webkit-mask-image:none!important;mask-image:none!important}
  .orbit-shell{width:calc(100% - 32px)!important;height:100%!important;padding-top:68px!important;display:block!important}
  .orbit-copy{position:absolute!important;left:0!important;top:86px!important;width:100%!important;max-width:520px!important;transform:none!important;z-index:8!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .orbit-copy>.eyebrow,.orbit-lead-wrap,.hero-value,.orbit-meta{display:none!important}
  .hero-proof{order:4!important;display:flex!important;height:auto!important;min-height:46px!important;margin:12px 0 0!important;padding:8px 10px!important;max-width:340px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:var(--cgx-radius-card)!important;background:rgba(7,7,7,.42)!important;backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.18)}
  .hero-proof strong{font-size:11px!important}.hero-proof small{font-size:10px!important;line-height:1.35!important}.hero-proof-avatars img{width:32px!important;height:32px!important}
  .hero-offer-note{order:0!important;margin:0 0 16px!important}
  .orbit-copy h1{order:1!important;height:1.9em!important;max-height:none!important;overflow:visible!important;line-height:.92!important;margin:0!important}
  .orbit-copy h1>span,.orbit-copy h1>em{display:block!important}
  .orbit-copy h1>em{min-height:.92em!important;white-space:nowrap!important}
  .hero-actions{order:2!important;margin-top:18px!important;height:auto!important}
  .hero-actions .persona-text-link{display:none!important}
  .orbit-controls{order:3!important;margin-top:14px!important}
  .orbit-copy h1>span{color:#fff!important;text-shadow:0 2px 24px rgba(0,0,0,.34)!important}
  html[data-theme="light"] .orbit-hero:after{background:linear-gradient(180deg,rgba(5,5,5,.74) 0%,rgba(5,5,5,.48) 34%,rgba(5,5,5,.16) 70%,rgba(5,5,5,.28) 100%)!important}
  html[data-theme="light"] .orbit-arrow{background:rgba(14,12,10,.58)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important}
  html[data-theme="light"] .orbit-timer{background:rgba(255,255,255,.28)!important}
  .orbit-stage{position:absolute!important;left:auto!important;right:-16px!important;bottom:0!important;width:min(540px,76vw)!important;height:48%!important;transform:none!important;display:block!important;z-index:4!important;pointer-events:none}
  .orbit-ring-wrap,.orbit-progress{display:none!important}
  .mobile-portrait-focus{display:block!important;position:absolute;inset:0;overflow:visible;pointer-events:none}
  .mobile-portrait-focus:before{content:"";position:absolute;inset:8% -8% -8% 20%;background:radial-gradient(circle at 68% 52%,rgba(255,106,22,.19),transparent 50%);filter:blur(20px)}
  .mobile-portrait-focus img{position:absolute;right:-2%;bottom:-2%;width:78%;height:100%;max-width:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 24px 40px rgba(0,0,0,.38));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 88%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 88%)}
  .orbit-bg{object-position:var(--mobile-bg-pos,74% center)!important}
  .orbit-hero:after{background:linear-gradient(180deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.72) 42%,rgba(5,5,5,.30) 68%,rgba(5,5,5,.40) 100%)!important}
  .orbit-controls{pointer-events:auto}
}

@media(max-width:620px){
  .orbit-hero{min-height:780px!important}
  .orbit-shell{width:calc(100% - 28px)!important;padding-top:64px!important}
  .orbit-copy{top:76px!important;max-width:none!important}
  .orbit-copy .eyebrow{margin-bottom:9px!important}
  .orbit-copy h1{font-size:clamp(40px,11vw,48px)!important;letter-spacing:-.055em!important;max-width:350px!important}
  .orbit-copy h1>span{white-space:normal!important}
  .orbit-copy h1>em{white-space:nowrap!important}
  .orbit-lead-wrap{height:54px!important;margin-top:8px!important;max-width:330px!important}
  .orbit-lead{font-size:16px!important;line-height:1.45!important}
  .hero-offer-note{margin-top:4px!important}
  .hero-value{max-width:350px!important}
  .hero-actions{margin-top:10px!important}
  .hero-proof{max-width:350px!important}
  .orbit-meta{max-width:340px!important}
  .orbit-stage{right:-38px!important;bottom:-6px!important;width:360px!important;height:360px!important}
  .mobile-portrait-focus img{right:0!important;width:76%!important;height:100%!important}
}

@media(max-width:370px){
  .orbit-copy h1{font-size:39px!important;max-width:332px!important}
  .orbit-stage{right:-48px!important;width:340px!important;height:340px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-cgx-reveal]{opacity:1!important;transform:none!important;visibility:visible!important}
}

/* Drive-approved page compositions — one shared visual language for Pricing, Process, FAQ, About and 404. */
.cgx-reference-page .site-main:after{display:none}

.ref-hero{position:relative;min-height:520px;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.72) 42%,rgba(5,5,5,.22) 72%,rgba(5,5,5,.26) 100%),var(--ref-hero);background-size:cover;background-position:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.ref-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.25));pointer-events:none}
.ref-hero-inner{position:relative;z-index:1;min-height:520px;display:flex;align-items:center;justify-content:space-between;gap:48px;padding-block:72px}
.ref-hero-copy{max-width:690px;display:flex;flex-direction:column;align-items:flex-start}
.ref-hero h1,.ref-404-content h1{font-family:var(--cgx-font-display);font-weight:850;letter-spacing:-.045em}
.ref-section h2,.ref-story h2,.ref-stage-copy h2,.ref-results-band h2,.ref-about-dark h2,.ref-about-mission h2,.ref-about-cta h2,.ref-contact-head h2,.ref-404-links h2{font-family:var(--cgx-font-display);font-weight:800;letter-spacing:-.04em}
.ref-hero h1{margin:0;font-size:clamp(56px,6vw,90px);line-height:.93}
.ref-hero h1 em{font-style:normal;color:var(--cgx-accent-soft)}
.ref-hero .lead{max-width:620px;margin:22px 0 0;color:#e0d9d0;font-size:16px;line-height:1.62}
.ref-hero .site-btn{margin-top:26px}
.ref-hero-rail{display:grid;gap:18px;min-width:145px;padding:16px 0 16px 26px;border-left:1px solid rgba(255,154,93,.65);font-family:var(--cgx-font-display);font-size:19px;letter-spacing:.14em;text-transform:uppercase;color:#ddd3c8}
.ref-hero-rail .active{color:var(--cgx-accent-soft)}

.ref-section{padding:82px 0;border-bottom:1px solid var(--cgx-line-soft)}
.ref-section-cream{background:var(--cgx-bg);color:var(--cgx-ink)}
.ref-section-dark{background:var(--cgx-bg);color:var(--cgx-ink)}
.ref-section-cream .site-kicker{color:var(--cgx-accent-soft)}
.ref-section-cream p{color:var(--cgx-muted)}
.ref-section-dark p{color:var(--cgx-muted)}
.ref-section h2{margin:0;font-size:clamp(38px,4.6vw,62px);line-height:.98}
.ref-head-split{grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);align-items:end}
.ref-centered-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:38px}
.ref-centered-head>div,.ref-centered-head>p{max-width:720px}
.ref-centered-head p:last-child{margin-top:10px}

.ref-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ref-plan-card{display:flex;flex-direction:column;min-height:510px;padding:28px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);box-shadow:var(--cgx-shadow);background:var(--cgx-surface);color:var(--cgx-ink)}
.ref-plan-card.dark{background:var(--cgx-surface);color:var(--cgx-ink);border-color:var(--cgx-line)}
.ref-plan-card.cream{background:var(--cgx-surface-2);color:var(--cgx-ink);border-color:var(--cgx-line)}
.ref-plan-card .ref-plan-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;border:1px solid currentColor;color:var(--cgx-gold);font-size:23px}
.ref-plan-card h3{margin:2px 0 4px;font-family:var(--cgx-font-display);font-size:clamp(34px,3vw,46px);font-weight:750;line-height:1}
.ref-plan-card .ref-plan-sub{min-height:42px;margin:7px 0 22px;font-size:13px}
.ref-plan-card.dark .ref-plan-sub,.ref-plan-card.dark .cgx-check-list li{color:var(--cgx-muted)}
.ref-plan-card.cream .ref-plan-sub,.ref-plan-card.cream .cgx-check-list li{color:var(--cgx-muted)}
.ref-plan-card .cgx-check-list{margin-bottom:26px}
.ref-plan-card .site-btn{margin-top:auto;width:100%}
.ref-price-note{max-width:1000px;margin:22px auto 0;background:var(--cgx-surface);border-color:var(--cgx-line);color:var(--cgx-ink)}
.ref-price-note p{margin:4px 0 0!important;font-size:12px!important;color:var(--cgx-muted)!important}
.ref-price-note strong{color:var(--cgx-ink)}

.ref-table-wrap{overflow-x:auto;border:1px solid var(--cgx-line)}
.ref-table-wrap .cgx-comparison{min-width:760px;border:0;border-radius:0;background:var(--cgx-surface);color:var(--cgx-ink)}
.ref-table-wrap .cgx-comparison th{background:var(--cgx-surface-2);color:var(--cgx-accent-soft);text-align:center}
.ref-table-wrap .cgx-comparison th:first-child{text-align:left}
.ref-table-wrap .cgx-comparison td{color:var(--cgx-muted);text-align:center}
.ref-table-wrap .cgx-comparison td:first-child{text-align:left;color:var(--cgx-ink)}

.ref-story{padding:0}
.ref-story-grid{display:grid;grid-template-columns:1fr 1fr;min-height:370px;align-items:stretch}
.ref-story-grid>img{width:100%;height:100%;min-height:370px;object-fit:cover}
.ref-story-copy{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(28px,5vw,72px)}
.ref-story-copy h2{margin:0 0 16px;font-size:clamp(38px,4vw,56px);line-height:.98}
.ref-story-copy p{max-width:580px;margin:0 0 22px;line-height:1.65}
.ref-story-copy .site-btn{align-self:flex-start}
.ref-story.ref-section-dark .ref-story-copy{background:var(--cgx-surface);color:var(--cgx-ink)}
.ref-story.ref-section-cream .ref-story-copy{background:var(--cgx-bg);color:var(--cgx-ink)}

.cgx-reference-page .faq-list{display:grid;gap:0}
.cgx-reference-page .faq-list details{border:0!important;border-bottom:1px solid currentColor!important;border-bottom-color:rgba(95,87,78,.22)!important;background:transparent!important;border-radius:0!important}
.ref-section-dark .faq-list details{border-bottom-color:rgba(255,255,255,.14)!important}
.cgx-reference-page .faq-list summary{list-style:none;cursor:pointer;padding:17px 2px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cgx-reference-page .faq-list summary::-webkit-details-marker{display:none}
.cgx-reference-page .faq-list summary:after{content:"+";color:var(--cgx-gold);font-size:18px;font-weight:600}
.cgx-reference-page .faq-list details[open] summary:after{content:"−"}
.cgx-reference-page .faq-list details p{margin:0;padding:0 2px 18px;font-size:13px;line-height:1.65}
.ref-faq-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px!important}

.ref-final-cta{position:relative;min-height:360px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.54) 58%,rgba(5,5,5,.28)),var(--ref-cta);background-size:cover;background-position:center;color:#fff;padding:70px 0}
.ref-final-cta h2{margin:0 0 12px;font-family:var(--cgx-font-display);font-size:clamp(48px,5vw,72px);font-weight:850;letter-spacing:-.045em}
.ref-final-cta p{max-width:560px;margin:0 0 24px;color:#ddd3c8;line-height:1.6}

.ref-process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:38px}
.ref-process-track .process-line{position:absolute;left:7%;right:7%;top:29px;height:1px;background:var(--cgx-line);transform-origin:left center}
.ref-process-track article{position:relative;text-align:center;padding:0 10px}
.ref-process-track article>span{position:relative;z-index:2;width:58px;height:58px;margin:0 auto 20px;display:grid;place-items:center;background:var(--cgx-surface-2);color:var(--cgx-accent-soft);border:2px solid var(--cgx-accent);font-family:var(--cgx-font-display);font-size:18px}
.ref-process-track h3{margin:0 0 8px;font-family:var(--cgx-font-display);font-size:24px;font-weight:750;color:var(--cgx-ink)}
.ref-process-track p{margin:0;font-size:13px;line-height:1.55;color:var(--cgx-muted)}

.ref-stage-detail{padding:0}
.ref-stage-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:590px}
.ref-stage-media{margin-left:calc((100vw - min(var(--cgx-max),calc(100vw - 48px)))/-2);overflow:hidden}
.ref-stage-media img{width:100%;height:100%;min-height:590px;object-fit:cover}
.ref-stage-copy{padding:62px 0 62px clamp(32px,6vw,86px)}
.ref-stage-copy h2{margin:0 0 30px;font-size:clamp(42px,4.4vw,62px);line-height:.98}
.ref-stage-list{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.ref-stage-list li{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start}
.ref-stage-list li>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--cgx-line);border-radius:50%;color:var(--cgx-accent-soft);font-family:var(--cgx-font-display);font-weight:800}
.ref-stage-list h3{margin:1px 0 5px;font-family:var(--cgx-font-display);font-size:23px;font-weight:750}
.ref-stage-list p{margin:0;font-size:13px;line-height:1.6}
.ref-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.ref-role-grid article{padding:16px 52px 16px 0}
.ref-role-grid article+article{border-left:1px solid var(--cgx-line);padding-left:52px;padding-right:0}
.ref-role-grid h2{margin:0 0 24px;font-size:clamp(38px,4vw,54px)}
.ref-role-grid .cgx-check-list li{font-size:14px;color:var(--cgx-muted)}

.ref-results-band{position:relative;padding:72px 0;background-image:linear-gradient(90deg,rgba(4,4,4,.91),rgba(4,4,4,.68) 48%,rgba(4,4,4,.30)),var(--ref-results);background-size:cover;background-position:center;color:#fff}
.ref-results-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);gap:50px;align-items:end}
.ref-results-band h2{margin:0 0 16px;font-size:clamp(44px,5vw,70px);line-height:.94}
.ref-results-band p{max-width:560px;color:#ded7ce;line-height:1.6}
.ref-results-band .cgx-stat-strip{max-width:700px;border-color:rgba(255,255,255,.20)}
.ref-results-band .cgx-stat{padding-left:0;border-color:rgba(255,255,255,.20)}
.ref-results-band .cgx-stat strong{font-size:24px;color:var(--cgx-accent-soft)}
.ref-results-band .cgx-stat span{color:#ddd3ca}
.ref-results-cta{padding:22px;background:var(--cgx-surface);color:var(--cgx-ink);border:1px solid var(--cgx-line);box-shadow:var(--cgx-shadow)}
.ref-results-cta strong,.ref-results-cta span{display:block}
.ref-results-cta strong{font-size:15px}.ref-results-cta span{margin:5px 0 15px;color:var(--cgx-muted);font-size:12px;line-height:1.45}

.ref-faq-intro{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}
.ref-faq-intro h2,.ref-faq-media-grid h2,.ref-faq-dual h2,.ref-seo-row h2{margin:0 0 16px;font-family:var(--cgx-font-display);font-size:clamp(38px,4vw,56px);font-weight:800;line-height:.98;letter-spacing:-.04em}
.ref-faq-intro>div:first-child>p:last-child,.ref-faq-media-grid>div>p,.ref-faq-dual article>p,.ref-seo-row>div>p{line-height:1.65}
.ref-faq-media-grid{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);gap:50px;align-items:center}
.ref-faq-media-grid>img{width:100%;height:100%;min-height:430px;object-fit:cover;border:1px solid rgba(255,255,255,.10)}
.ref-faq-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.ref-faq-dual article{padding-right:50px}
.ref-faq-dual article+article{padding-left:50px;padding-right:0;border-left:1px solid var(--cgx-line)}
.ref-quote-image{background-image:linear-gradient(90deg,rgba(12,10,8,.92),rgba(12,10,8,.58)),var(--quote-image);background-size:cover;background-position:center}
.ref-quote-image blockquote{max-width:820px;font-style:italic}
.ref-seo-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:64px;align-items:center}
.ref-seo-card{display:flex;gap:20px;align-items:flex-start;padding:28px;background:var(--cgx-surface);border:1px solid var(--cgx-line);color:var(--cgx-ink)}
.ref-seo-card .ref-plan-icon{flex:0 0 42px;font-size:32px;color:var(--cgx-accent-soft)}
.ref-seo-card strong{display:block;margin-bottom:6px;font-size:18px}
.ref-seo-card p{margin:0!important;color:var(--cgx-muted)!important;font-size:13px;line-height:1.55}
.ref-contact-band{padding:66px 0;background:linear-gradient(90deg,var(--cgx-bg),var(--cgx-surface));color:var(--cgx-ink)}
.ref-contact-head{text-align:center;margin-bottom:30px}
.ref-contact-head h2{margin:0;font-size:clamp(40px,4.8vw,62px)}
.ref-contact-band .cgx-contact-tile{background:var(--cgx-surface);color:var(--cgx-ink);border-color:var(--cgx-line)}
.ref-contact-band .cgx-contact-tile span:last-child{display:grid;gap:4px}
.ref-contact-band .cgx-contact-tile small{color:var(--cgx-muted);line-height:1.35}

.ref-about-dark{padding:88px 0;background:linear-gradient(145deg,var(--cgx-bg),var(--cgx-surface) 42%,var(--cgx-bg));color:var(--cgx-ink)}
.ref-about-copy{max-width:880px}
.ref-about-copy h2{margin:0 0 20px;font-size:clamp(44px,5.3vw,72px);line-height:.98}
.ref-about-copy>p:last-child{max-width:780px;color:var(--cgx-muted);line-height:1.7}
.ref-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:58px;padding-top:40px;border-top:1px solid var(--cgx-line)}
.ref-principles h3{margin:15px 0 8px;font-family:var(--cgx-font-display);font-size:27px;font-weight:750}
.ref-principles p{margin:0;color:var(--cgx-muted);font-size:13px;line-height:1.6}
.ref-about-mission{padding:0;background:var(--cgx-surface);color:var(--cgx-ink)}
.ref-about-mission-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:stretch}
.ref-about-mission img{width:calc(100% + ((100vw - min(var(--cgx-max),calc(100vw - 48px)))/2));margin-left:calc((100vw - min(var(--cgx-max),calc(100vw - 48px)))/-2);height:100%;min-height:520px;object-fit:cover}
.ref-about-mission-grid>div{display:flex;flex-direction:column;justify-content:center;padding:62px 0 62px clamp(38px,6vw,88px)}
.ref-about-mission h2{margin:0 0 18px;font-size:clamp(42px,4.8vw,66px);line-height:.98}
.ref-about-mission p{color:var(--cgx-muted);line-height:1.65}
.ref-about-proof{padding:76px 0}
.ref-about-proof .proof-quote{display:grid;grid-template-columns:280px minmax(0,1fr);gap:46px;align-items:center;padding:0;border:0;background:transparent}
.ref-about-proof .proof-score{display:flex;align-items:center;gap:15px;color:var(--cgx-muted);font-size:12px;line-height:1.5}
.ref-about-proof .proof-score img{width:86px;height:86px;border-radius:50%;object-fit:cover;border:2px solid var(--cgx-accent)}
.ref-about-proof blockquote{margin:0;font-family:var(--cgx-font-display);font-size:clamp(30px,3.7vw,50px);line-height:1.05;color:var(--cgx-ink)}
.ref-about-proof cite{display:block;margin-top:14px;color:var(--cgx-muted);font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.12em}
.ref-about-cta{padding:88px 0;background:var(--cgx-surface-2);color:var(--cgx-ink);text-align:center}
.ref-about-cta .site-container{max-width:860px}
.ref-about-cta h2{margin:0 0 14px;font-size:clamp(48px,5vw,70px);line-height:.96}
.ref-about-cta p{max-width:650px;margin:0 auto 26px;color:var(--cgx-muted);line-height:1.65}

.cgx-404-page .site-main{background:var(--cgx-bg);color:var(--cgx-ink)}
.ref-404-hero{position:relative;min-height:850px;overflow:hidden;display:grid;place-items:center;padding:76px 0 52px;text-align:center;background:linear-gradient(var(--cgx-bg),var(--cgx-surface) 60%,var(--cgx-bg))}
.ref-404-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ref-404-eclipse{position:absolute;left:50%;top:42%;width:min(70vw,760px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 45% 44%,#060708 0 54%,#0b0d0e 55% 59%,rgba(0,0,0,0) 60%),radial-gradient(circle at 58% 58%,rgba(255,142,52,.95),rgba(255,91,12,.55) 3%,rgba(255,87,0,.15) 8%,transparent 18%);filter:drop-shadow(16px 20px 50px rgba(255,101,18,.36))}
.ref-404-eclipse:after{content:"";position:absolute;inset:-2%;border-radius:50%;border:2px solid rgba(255,173,75,.62);box-shadow:22px 18px 34px rgba(255,94,8,.32),inset -12px -8px 24px rgba(255,114,15,.18)}
.ref-404-horizon{position:absolute;left:-10%;right:-10%;bottom:-4%;height:38%;background:radial-gradient(ellipse at 50% 0%,rgba(255,116,29,.40),transparent 30%),linear-gradient(160deg,transparent 0 37%,#100d0b 38% 52%,transparent 53%),linear-gradient(20deg,transparent 0 38%,#0a0b0b 39% 56%,transparent 57%),linear-gradient(var(--cgx-surface-2),var(--cgx-bg));clip-path:polygon(0 46%,10% 35%,20% 49%,33% 24%,46% 50%,56% 38%,67% 55%,80% 31%,100% 48%,100% 100%,0 100%)}
.ref-404-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.ref-404-number{font-family:var(--cgx-font-sans);font-size:clamp(118px,20vw,260px);font-weight:200;line-height:.78;letter-spacing:.03em;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.08)}
.ref-404-content h1{max-width:720px;margin:150px 0 14px;font-size:clamp(42px,5vw,70px);line-height:.98}
.ref-404-content>p:not(.site-kicker){max-width:640px;margin:0;color:#bdc0c2;font-size:16px;line-height:1.62}
.ref-404-actions{display:grid;gap:12px;width:min(360px,100%);margin-top:28px}
.ref-404-links{padding:70px 0 88px;background:var(--cgx-bg);border-top:1px solid var(--cgx-line)}
.ref-404-links h2{text-align:center;margin:0 0 38px;font-size:32px}
.ref-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 50px;max-width:820px;margin:auto}
.ref-link-grid>a{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.ref-link-grid>a>span:last-child{display:grid;gap:4px}.ref-link-grid strong{font-size:15px}.ref-link-grid small{color:#81888c;font-size:12px}

@media(max-width:980px){
  .ref-hero{min-height:470px}.ref-hero-inner{min-height:470px;padding-block:58px}.ref-hero-rail{display:none}
  .ref-plan-grid{grid-template-columns:1fr;max-width:680px;margin:auto}.ref-plan-card{min-height:0}
  .ref-head-split,.ref-stage-grid,.ref-results-inner,.ref-faq-media-grid,.ref-seo-row,.ref-about-mission-grid{grid-template-columns:1fr}
  .ref-story-grid{grid-template-columns:1fr}.ref-story-grid.copy-first .ref-story-copy{order:1}.ref-story-grid.copy-first img{order:2}.ref-story-grid>img{min-height:320px;max-height:460px}
  .ref-stage-media{margin:0}.ref-stage-media img{min-height:420px}.ref-stage-copy{padding:54px 0}
  .ref-role-grid{grid-template-columns:1fr}.ref-role-grid article{padding:20px 0}.ref-role-grid article+article{border-left:0;border-top:1px solid var(--cgx-line);padding:38px 0 0;margin-top:18px}
  .ref-results-cta{max-width:520px}
  .ref-faq-intro{grid-template-columns:1fr;gap:36px}.ref-faq-media-grid>img{min-height:320px;max-height:420px}.ref-faq-dual{grid-template-columns:1fr}.ref-faq-dual article{padding:0}.ref-faq-dual article+article{border-left:0;border-top:1px solid var(--cgx-line);padding:44px 0 0;margin-top:42px}
  .ref-about-mission img{width:100%;margin:0;min-height:400px}.ref-about-mission-grid>div{padding:54px 0}.ref-about-proof .proof-quote{grid-template-columns:1fr;gap:28px}
}

@media(max-width:700px){
  .ref-hero{min-height:380px;max-height:500px;background-position:center center}.ref-hero-inner{min-height:380px;padding-block:36px 32px;align-items:flex-end}.ref-hero h1{font-size:clamp(36px,9.5vw,46px);line-height:1.05;max-width:100%}.ref-hero .lead{font-size:14px;line-height:1.5;max-width:100%;margin:14px 0 0}
  .ref-section{padding:58px 0}.ref-section h2{font-size:clamp(36px,10vw,48px)}.ref-centered-head{align-items:flex-start;text-align:left}
  .ref-plan-card{padding:24px}.ref-price-note{align-items:flex-start}
  .ref-story-copy{padding:42px 0}.ref-story-grid{width:min(var(--cgx-max),calc(100% - 30px));margin:auto}.ref-story-grid>img{border-radius:var(--cgx-radius-card);min-height:250px}
  .ref-faq-columns{grid-template-columns:1fr;gap:0!important}
  .ref-process-track{grid-template-columns:1fr;gap:24px;margin-left:18px}.ref-process-track .process-line{left:29px;right:auto;top:18px;bottom:18px;width:1px;height:auto;transform-origin:center top}.ref-process-track article{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:18px;row-gap:6px;padding:0}.ref-process-track article>span{grid-column:1;grid-row:1/3;margin:0}.ref-process-track h3{grid-column:2;grid-row:1;margin:3px 0 0}.ref-process-track p{grid-column:2;grid-row:2;margin:0}
  .ref-stage-media img{min-height:300px}.ref-stage-copy{padding:42px 0}.ref-stage-list li{grid-template-columns:44px 1fr;gap:14px}.ref-stage-list li>span{width:40px;height:40px}
  .ref-results-band{padding:58px 0;background-position:68% center}.ref-results-band .cgx-stat-strip{grid-template-columns:1fr}.ref-results-band .cgx-stat{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .ref-faq-media-grid>img{min-height:250px}.ref-seo-card{padding:22px}.ref-contact-band .cgx-contact-tiles{grid-template-columns:1fr}
  .ref-principles{grid-template-columns:1fr;gap:28px}.ref-about-dark{padding:62px 0}.ref-about-mission img{min-height:300px}.ref-about-proof{padding:58px 0}.ref-about-proof blockquote{font-size:34px}.ref-about-cta{padding:66px 0}
  .ref-404-hero{min-height:760px;padding-top:60px}.ref-404-eclipse{top:35%;width:110vw}.ref-404-content h1{margin-top:170px;font-size:46px}.ref-404-number{font-size:36vw}.ref-link-grid{grid-template-columns:1fr;gap:0}.ref-404-links{padding:56px 0 70px}
}

/* Remaining public routes use the same saved-design shell and component grammar. */
.ref-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cgx-line)}
.ref-service-list article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:28px 30px 28px 0;border-bottom:1px solid var(--cgx-line)}
.ref-service-list article:nth-child(even){padding-left:30px;border-left:1px solid var(--cgx-line)}
.ref-service-list article>span{font-family:var(--cgx-font-display);font-size:22px;color:var(--cgx-accent-soft)}
.ref-service-list h3,.ref-growth-grid h3{margin:0 0 8px;font-family:var(--cgx-font-display);font-size:28px;font-weight:750;line-height:1}
.ref-service-list p,.ref-growth-grid p{margin:0;font-size:13px;line-height:1.6}
.ref-growth-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--cgx-line)}
.ref-growth-grid article{padding:28px 22px;border-right:1px solid var(--cgx-line)}
.ref-growth-grid article:last-child{border-right:0}
.ref-growth-grid article>span{display:block;margin-bottom:20px;color:var(--cgx-accent-soft);font-size:9px;font-weight:850;letter-spacing:.14em}
.ref-growth-grid h3{color:var(--cgx-ink);font-size:24px}.ref-growth-grid p{color:var(--cgx-muted)}
.ref-section-cream .tag{background:var(--cgx-surface);border-color:var(--cgx-line);color:var(--cgx-muted)}

.work-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.work-filter{border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-pill);background:transparent;color:var(--cgx-muted);padding:9px 13px;font:750 11px/1 var(--cgx-font-sans);cursor:pointer;transition:.18s}
.work-filter:hover,.work-filter.is-active{background:var(--cgx-accent);color:#120d09;border-color:var(--cgx-accent)}
.ref-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ref-work-grid .work-card{background:var(--cgx-surface);border-color:var(--cgx-line);color:var(--cgx-ink);box-shadow:var(--cgx-shadow)}
.ref-work-grid .work-shot{background:var(--cgx-surface-2);aspect-ratio:16/9}
.ref-work-grid .work-copy{padding:22px 22px 24px}
.ref-work-grid .work-copy .type{display:inline-flex;margin-bottom:8px;color:var(--cgx-accent-soft);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ref-work-grid .work-copy h3{margin:4px 0 8px;font-family:var(--cgx-font-display);font-size:28px;font-weight:750}
.ref-work-grid .work-copy p{color:var(--cgx-muted);font-size:13px;line-height:1.58}
.ref-work-grid .work-link{display:inline-block;margin-top:18px;color:var(--cgx-accent-soft);font-size:11px;font-weight:800}
.work-empty{padding:26px;border:1px dashed var(--cgx-line);color:var(--cgx-muted);text-align:center}

.ref-contact-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}
.ref-contact-intro h2{margin:0 0 16px;font-family:var(--cgx-font-display);font-size:clamp(40px,4.5vw,60px);font-weight:800;line-height:.98;letter-spacing:-.04em}
.ref-contact-intro>p{line-height:1.65}.ref-contact-stack{grid-template-columns:1fr;margin-top:28px}
.ref-contact-stack .cgx-contact-tile{background:var(--cgx-surface);border-color:var(--cgx-line);color:var(--cgx-ink)}
.ref-contact-stack .cgx-contact-tile span:last-child{display:grid;gap:4px}.ref-contact-stack small{color:var(--cgx-muted)}
.ref-project-form{padding:30px;background:var(--cgx-surface);border:1px solid var(--cgx-line);box-shadow:var(--cgx-shadow);color:var(--cgx-ink)}
.ref-project-form .cgx-field input,.ref-project-form .cgx-field select,.ref-project-form .cgx-field textarea{background:var(--cgx-surface-2);color:var(--cgx-ink);border-color:var(--cgx-line)}
.ref-project-form .cgx-field label{color:var(--cgx-ink)}.field-optional{font-weight:500;color:var(--cgx-muted)}
.ref-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ref-contact-fields .cgx-field:last-child{grid-column:1/-1}
.ref-form-actions{display:flex;align-items:center;gap:16px;margin-top:2px}.ref-form-actions span{max-width:360px;color:var(--cgx-muted);font-size:11px;line-height:1.45}
.ref-contact-security{display:flex;align-items:flex-start;gap:14px;grid-column:1/-1;margin-top:0;padding-top:24px;border-top:1px solid var(--cgx-line)}.ref-contact-security p{margin:5px 0 0;color:var(--cgx-muted);font-size:12px;line-height:1.55}

@media(max-width:1100px){.ref-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-growth-grid article{border-bottom:1px solid var(--cgx-line)}.ref-growth-grid article:nth-child(even){border-right:0}.ref-growth-grid article:last-child{grid-column:1/-1;border-bottom:0}}
@media(max-width:980px){.ref-contact-layout{grid-template-columns:1fr;gap:34px}.ref-contact-intro{max-width:720px}}
@media(max-width:700px){
  .ref-service-list{grid-template-columns:1fr}.ref-service-list article,.ref-service-list article:nth-child(even){padding:24px 0;border-left:0}.ref-service-list article{grid-template-columns:44px 1fr;gap:12px}.ref-service-list h3{font-size:25px}
  .ref-growth-grid{grid-template-columns:1fr}.ref-growth-grid article,.ref-growth-grid article:nth-child(even){border-right:0}.ref-growth-grid article:last-child{grid-column:auto}
  .ref-work-grid{grid-template-columns:1fr}.work-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.work-filter{white-space:nowrap}
  .ref-project-form{padding:22px}.ref-contact-fields{grid-template-columns:1fr}.ref-contact-fields .cgx-field:last-child{grid-column:auto}.ref-form-actions{align-items:stretch;flex-direction:column}.ref-form-actions .site-btn{width:100%}
}

/* ==========================================================================
   Bilingual & RTL Logical Layout Primitives
   ========================================================================== */

/* Language Switcher Styling */
.header-tools{display:flex;align-items:center;gap:10px}
.lang-switch-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 12px;border:1px solid var(--cgx-line);
  border-radius:var(--cgx-radius-control);font-size:12px;font-weight:750;
  color:var(--cgx-ink);background:color-mix(in srgb,var(--cgx-surface) 92%,transparent);
  transition:border-color .18s,color .18s;text-decoration:none;
}
.lang-switch-btn:hover{border-color:var(--cgx-accent);color:var(--cgx-accent-soft)}
.footer-lang{display:flex;align-items:center;gap:10px}
.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:14px;border-top:1px solid var(--cgx-line-soft)}
.mobile-lang-row{padding-top:8px;border-top:1px solid var(--cgx-line);display:flex;justify-content:center}

/* RTL Typography & Direction System */
html[dir="rtl"]{direction:rtl;text-align:right}
html[dir="rtl"] body{font-family:'Noto Sans Arabic','Segoe UI',Tahoma,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .ref-hero h1,html[dir="rtl"] .ref-story-copy h2,html[dir="rtl"] .ref-final-cta h2,html[dir="rtl"] .ref-404-number,html[dir="rtl"] .page-hero h1,html[dir="rtl"] .section-head h2,html[dir="rtl"] .feature-panel h2,html[dir="rtl"] .contact-panel h2,html[dir="rtl"] .legal-copy h2,html[dir="rtl"] .cta-box h2,html[dir="rtl"] .not-found h1{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0}
html[dir="rtl"] h1,html[dir="rtl"] .ref-hero h1,html[dir="rtl"] .ref-final-cta h2,html[dir="rtl"] .page-hero h1,html[dir="rtl"] .not-found h1{font-weight:850}
html[dir="rtl"] h2,html[dir="rtl"] .section-head h2,html[dir="rtl"] .feature-panel h2,html[dir="rtl"] .contact-panel h2,html[dir="rtl"] .legal-copy h2,html[dir="rtl"] .cta-box h2{font-weight:800}
html[dir="rtl"] h3,html[dir="rtl"] .ref-plan-card h3,html[dir="rtl"] .ref-process-track h3,html[dir="rtl"] .ref-stage-list h3,html[dir="rtl"] .ref-principles h3,html[dir="rtl"] .ref-service-list h3,html[dir="rtl"] .ref-work-grid .work-copy h3{font-weight:750}
html[dir="rtl"] .orbit-copy h1{font-family:'Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;letter-spacing:0}
html[dir="rtl"] [dir="ltr"]{direction:ltr;unicode-bidi:isolate;text-align:left}

/* Header & Navigation in RTL */
html[dir="rtl"] .site-links{margin-left:0;margin-right:auto}
html[dir="rtl"] .site-nav>.site-btn{margin-left:0;margin-right:4px}
html[dir="rtl"] .site-kicker:before{content:'—';margin-right:0;margin-left:8px;font-family:sans-serif}

/* Cards & Check lists in RTL */
html[dir="rtl"] .cgx-check-list li{padding-left:0;padding-right:24px}
html[dir="rtl"] .cgx-check-list li:before{left:auto;right:0}
html[dir="rtl"] .hero-side{border-left:0;border-right:1px solid var(--cgx-line);padding-left:0;padding-right:26px}
html[dir="rtl"] .legal-copy ul{padding-left:0;padding-right:20px}
html[dir="rtl"] .cgx-comparison th,html[dir="rtl"] .cgx-comparison td{text-align:right;border-right:0;border-left:1px solid var(--cgx-line)}
html[dir="rtl"] .cgx-comparison th:last-child,html[dir="rtl"] .cgx-comparison td:last-child{border-left:0}

/* Stats in RTL */
html[dir="rtl"] .cgx-stat{border-right:0;border-left:1px solid var(--cgx-line)}
html[dir="rtl"] .cgx-stat:last-child{border-left:0}

/* Services and Growth in RTL */
html[dir="rtl"] .ref-service-list article{padding:28px 0 28px 30px}
html[dir="rtl"] .ref-service-list article:nth-child(even){padding-left:0;padding-right:30px;border-left:0;border-right:1px solid var(--cgx-line)}
html[dir="rtl"] .ref-growth-grid article{border-right:0;border-left:1px solid var(--cgx-line)}
html[dir="rtl"] .ref-growth-grid article:last-child{border-left:0}

/* Process in RTL */
html[dir="rtl"] .ref-stage-list li{grid-template-columns:44px 1fr}

/* Homepage Orbit in RTL:
   Maintain scene composition and focal visual logic without reversing circular orbital mechanics */
html[dir="rtl"] .orbit-copy{text-align:right}
html[dir="rtl"] .orbit-copy h1{text-align:right}
html[dir="rtl"] .orbit-lead{text-align:right}
html[dir="rtl"] .hero-proof-avatars{padding-left:0;padding-right:8px}
html[dir="rtl"] .hero-proof-avatars img{margin-left:0;margin-right:-8px}
html[dir="rtl"] .hero-proof strong span{margin-left:0;margin-right:6px}
html[dir="rtl"] .orbit-timer{margin-left:0;margin-right:7px}
html[dir="rtl"] .orbit-timer span{transform-origin:right center}
html[dir="rtl"] .orbit-progress{right:auto;left:8px}
html[dir="rtl"] .orbit-hero:after{
  background:linear-gradient(270deg,rgba(5,5,5,.84) 0%,rgba(5,5,5,.66) 30%,rgba(5,5,5,.30) 52%,rgba(5,5,5,.12) 72%,rgba(5,5,5,.28) 100%),linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.18));
}
html[data-theme=light][dir="rtl"] .orbit-hero:after{
  background:linear-gradient(270deg,rgba(247,243,237,.78) 0%,rgba(247,243,237,.56) 31%,rgba(247,243,237,.18) 55%,rgba(247,243,237,.03) 76%,rgba(247,243,237,.16) 100%),linear-gradient(180deg,rgba(247,243,237,.04),rgba(247,243,237,.08));
}

@media(max-width:980px){
  html[dir="rtl"] .site-header .site-menu-toggle{margin-left:0;margin-right:10px}

  html[dir="rtl"] .hero-side{border-right:0;border-top:1px solid var(--cgx-line);padding:20px 0 0}
  html[dir="rtl"] .ref-process-track{margin-left:0;margin-right:18px}
  html[dir="rtl"] .ref-process-track .process-line{left:auto;right:29px}
  html[dir="rtl"] .ref-process-track article{text-align:right}
  html[dir="rtl"] .ref-growth-grid article:nth-child(even){border-left:0}
}

/* Ensure full-bleed background pseudo elements do not induce horizontal scroll on RTL documents */
html[dir="rtl"] body.concept-selected{overflow-x:clip}
html[dir="rtl"] .concept-selected .proof-section{overflow-x:clip}
html[dir="rtl"] .concept-selected .proof-section:before{inset:0 0;width:100vw;left:50%;right:auto;transform:translateX(-50%)}

/* Skip link: in RTL, left: -999px causes horizontal overflow of 2424px. Use clip-rect instead */
html[dir="rtl"] .skip{
  left:auto;
  right:auto;
  top:auto;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
html[dir="rtl"] .skip:focus{
  position:fixed;
  top:16px;
  right:16px;
  left:auto;
  width:auto;
  height:auto;
  clip:auto;
  overflow:visible;
  z-index:99;
}



/* Centrally owned shared shell layout & visual primitives (Header, Brand, Nav, Footer) */
.site-brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:17px;letter-spacing:-.04em}
.site-mark{position:relative;width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(255,103,24,.32))}
.site-mark:before,.site-mark:after,.site-mark span{content:'';position:absolute;width:12px;height:12px;background:linear-gradient(135deg,var(--cgx-accent-soft),var(--cgx-accent));transform:skew(-28deg)}
.site-mark:before{left:6px;top:0}
.site-mark:after{left:0;top:10px}
.site-mark span{left:12px;top:10px}
.site-brand b{color:var(--cgx-accent)}
.site-links{display:flex;align-items:center;gap:21px;margin-left:auto}
.site-links a{font-size:12px;font-weight:700;color:var(--cgx-ink);transition:color .2s ease}
.site-links a:hover,.site-links a.active,.site-links a[aria-current="page"]{color:var(--cgx-accent-soft)}

.site-footer{border-top:1px solid var(--cgx-line-soft);background:var(--cgx-bg);color:var(--cgx-ink)}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.65fr);gap:36px;padding:52px 0 36px}
.footer-intro p{max-width:360px;color:var(--cgx-muted);font-size:11px;line-height:1.6}
.footer-col strong{display:block;margin-bottom:12px;color:var(--cgx-ink);font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.footer-col a{display:block;padding:6px 0;color:var(--cgx-muted);font-size:10px;transition:color .18s ease}
.footer-col a:hover{color:var(--cgx-accent-soft)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0 26px;border-top:1px solid var(--cgx-line-soft);color:var(--cgx-muted);font-size:9px}

.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:8px 10px;border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-pill);color:var(--cgx-muted);background:var(--cgx-surface);font-size:10px;font-weight:700;transition:border-color .18s ease,color .18s ease}
.tag:hover{border-color:var(--cgx-accent-soft);color:var(--cgx-ink)}

@media(max-width:980px){
  .site-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 18px;background:var(--cgx-bg);border-bottom:1px solid var(--cgx-line)}
  body.nav-open .site-links{display:flex}
  .site-links a{padding:12px 0;border-bottom:1px solid var(--cgx-line-soft)}
  .site-menu-toggle{display:block;margin-left:auto}
  .site-nav>.site-btn{display:none}
  .footer-grid{grid-template-columns:1.2fr repeat(3,.8fr)}
}
@media(max-width:700px){
  .site-header{height:58px}
  .site-links{top:58px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .footer-intro{grid-column:1/-1}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}


/* Secondary-page owner-reference refinement, 2026-10-08. Scoped to avoid homepage/legal drift. */
.cgx-reference-v2{--ref-gold:var(--cgx-accent-soft);--ref-gold-bright:var(--cgx-accent-soft);--ref-cream:var(--cgx-surface);--ref-ink:var(--cgx-ink);--ref-muted:var(--cgx-muted)}
.cgx-reference-v2 .site-main{background:var(--cgx-bg)}.cgx-reference-v2 .site-kicker{color:var(--ref-gold);letter-spacing:.17em}.cgx-reference-v2 .site-kicker:before{display:none!important}.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(--cgx-bg)!important;color:var(--cgx-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:800;line-height:.98;letter-spacing:-.04em}.work-reference-section .section-head p{color:var(--cgx-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 var(--cgx-line);background:var(--cgx-surface);color:var(--cgx-muted);border-radius:999px;padding:10px 17px;font:700 11px/1 var(--cgx-font-sans);cursor:pointer}.work-filter.is-active{background:var(--cgx-accent);color:#120d09;border-color:var(--cgx-accent)}.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 var(--cgx-line)!important;border-radius:var(--cgx-radius-card)!important;background:var(--cgx-surface)!important;color:var(--cgx-ink)!important;box-shadow:var(--cgx-shadow);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:var(--cgx-accent-soft);font-size:11px;font-weight:700}.work-reference-section .work-copy h3{margin:0 0 8px;font-size:21px}.work-reference-section .work-copy p{margin:0;color:var(--cgx-muted);font-size:12px;line-height:1.62}.work-reference-section .work-link{display:block;margin-top:18px;color:var(--cgx-accent-soft);font-size:11px;font-weight:850}.work-empty{padding:30px 0;color:#746c64}.work-approach-band{background:var(--cgx-bg);color:#fff;border-block:1px solid var(--cgx-line)}.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:800 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(--cgx-bg)!important;color:var(--cgx-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:800 clamp(46px,5vw,66px)/.96 var(--cgx-font-display);letter-spacing:-.04em}.contact-reference-copy>.lead{max-width:760px;color:var(--cgx-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 var(--cgx-line);background:var(--cgx-surface);color:var(--cgx-ink);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:var(--cgx-muted);line-height:1.45}.product-choice:has(input:checked){border-color:var(--cgx-accent);background:color-mix(in srgb,var(--cgx-surface-2) 90%,transparent)}.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:var(--cgx-accent);color:#120d09;font-size:11px}.product-choice.full{grid-column:1/-1;min-height:104px}.contact-reference-main .cgx-field label{color:var(--cgx-ink)}.contact-reference-main .cgx-field input,.contact-reference-main .cgx-field textarea{border-color:var(--cgx-line);background:var(--cgx-surface-2);color:var(--cgx-ink)}.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:var(--cgx-muted);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:var(--cgx-surface);border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card);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:var(--cgx-muted);font-size:11px;line-height:1.5}.contact-direct{padding:24px;background:var(--cgx-surface);border:1px solid var(--cgx-line);border-radius:var(--cgx-radius-card)}.contact-direct a{display:block;padding:10px 0;color:var(--cgx-ink);font-size:12px;font-weight:750;border-bottom:1px solid var(--cgx-line-soft)}.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:700 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 var(--cgx-line);color:var(--cgx-muted);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:1180px) and (min-width:701px){.cgx-reference-v2 .ref-hero-inner{padding-block:58px}}
@media(max-width:700px){.cgx-reference-v2 .ref-hero{min-height:380px;max-height:500px;background-position:center center}.cgx-reference-v2 .ref-hero-inner{min-height:380px;padding-block:36px 32px;align-items:flex-end}.cgx-reference-v2 .ref-hero h1{font-size:clamp(36px,9.5vw,46px);line-height:1.05}.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%}}


html[data-theme="light"] .cgx-section-cream{background:var(--cgx-bg);color:var(--cgx-ink)}
html[data-theme="light"] .cgx-section-cream .eyebrow,html[data-theme="light"] .cgx-section-cream .site-kicker{color:var(--cgx-accent-soft)}
html[data-theme="light"] .cgx-section-cream p,html[data-theme="light"] .cgx-section-cream .muted{color:var(--cgx-muted)}
html[data-theme="light"] .cgx-card-cream{background:var(--cgx-surface);border-color:var(--cgx-line);color:var(--cgx-ink)}

html[data-theme="light"] .ref-section-cream{background:var(--cgx-bg);color:var(--cgx-ink)}
html[data-theme="light"] .ref-plan-card.cream{background:var(--cgx-surface);color:var(--cgx-ink);border-color:var(--cgx-line)}
html[data-theme="light"] .ref-plan-card.dark{background:var(--cgx-surface-2);color:var(--cgx-ink);border-color:var(--cgx-line)}
html[data-theme="light"] .work-reference-section{background:var(--cgx-bg)!important;color:var(--cgx-ink)!important}
html[data-theme="light"] .contact-reference-main{background:var(--cgx-bg)!important;color:var(--cgx-ink)!important}

@media(max-width:700px){
  html[dir="rtl"] .ref-hero h1{font-size:clamp(34px,8.5vw,42px);line-height:1.15}
  html[dir="rtl"] .ref-hero .lead{font-size:13.5px;line-height:1.55}
}