.cw-mobile-app-development-company-california-design { background: #cfc4f6; color: #141210; font-family: 'Inter', system-ui, sans-serif; padding: clamp(56px, 6.5vw, 92px) clamp(20px, 4vw, 40px); box-sizing: border-box; }
.cw-mobile-app-development-company-california-design__inner { max-width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px; }
.cw-mobile-app-development-company-california-design__intro { display: flex; flex-direction: column; gap: 14px; max-width: 900px; }
.cw-mobile-app-development-company-california-design__eyebrow { margin: 0; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.16em; }
.cw-mobile-app-development-company-california-design__title { margin: 0; font-family: 'Inter Tight', 'Inter', sans-serif; font-weight: 800; font-size: clamp(34px, 4.4vw, 58px); line-height: 0.98; letter-spacing: -0.04em; }
.cw-mobile-app-development-company-california-design__title span { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 500; }
.cw-mobile-app-development-company-california-design__intro p { margin: 0; font-size: 16px; line-height: 1.75; color: #2e2a24; }
.cw-mobile-app-development-company-california-design__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 12px; }
.cw-mobile-app-development-company-california-design__ux, .cw-mobile-app-development-company-california-design__enterprise { border-radius: 28px; padding: clamp(22px, 2.6vw, 32px); display: flex; flex-direction: column; gap: 16px; }
.cw-mobile-app-development-company-california-design__ux { background: #f3efe7; }
.cw-mobile-app-development-company-california-design__enterprise { background: #141210; color: #f3efe7; }
.cw-mobile-app-development-company-california-design h3 { margin: 0; font-family: 'Inter Tight', 'Inter', sans-serif; font-weight: 800; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.1; letter-spacing: -0.02em; }
.cw-mobile-app-development-company-california-design__modes, .cw-mobile-app-development-company-california-design__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-mobile-app-development-company-california-design__modes button, .cw-mobile-app-development-company-california-design__access-head button { cursor: pointer; border: 0; font-family: inherit; }
.cw-mobile-app-development-company-california-design__modes button { padding: 9px 14px; border-radius: 999px; background: #fff; color: #141210; font-size: 13.5px; font-weight: 600; }
.cw-mobile-app-development-company-california-design__modes button.is-on { background: #141210; color: #f3efe7; }
.cw-mobile-app-development-company-california-design__modes button:focus-visible, .cw-mobile-app-development-company-california-design__access-head button:focus-visible { outline: 2px solid #d4f53c; outline-offset: 3px; }
.cw-mobile-app-development-company-california-design__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cw-mobile-app-development-company-california-design__pane { border-radius: 20px; padding: 14px; display: flex; flex-direction: column; gap: 8px; min-height: 220px; }
.cw-mobile-app-development-company-california-design__pane--light { background: #fff; }
.cw-mobile-app-development-company-california-design__pane--dark { background: #141210; color: #cfc9be; }
.cw-mobile-app-development-company-california-design__pane > span { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; letter-spacing: 0.12em; color: #8e877c; }
.cw-mobile-app-development-company-california-design__pane--dark > span { color: #cfc9be; }
.cw-mobile-app-development-company-california-design__pane div { display: flex; flex-wrap: wrap; gap: 5px; align-content: flex-start; }
.cw-mobile-app-development-company-california-design__block { color: #141210; font-size: 10.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.cw-mobile-app-development-company-california-design__pane p, .cw-mobile-app-development-company-california-design__foot { margin: 0; font-size: 12.5px; }
.cw-mobile-app-development-company-california-design__pane p { margin-top: auto; }
.cw-mobile-app-development-company-california-design__foot { font-size: 15.5px; line-height: 1.7; color: #4a453e; }
.cw-mobile-app-development-company-california-design__enterprise p { margin: 0; font-size: 15.5px; line-height: 1.7; color: #cfc9be; }
.cw-mobile-app-development-company-california-design__ent-label { color: #a39c90; font-size: 14px; }
.cw-mobile-app-development-company-california-design__chips span { padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(243, 239, 231, 0.16); font-size: 13px; }
.cw-mobile-app-development-company-california-design__access { border-radius: 20px; background: #1c1a17; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.cw-mobile-app-development-company-california-design__access-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.cw-mobile-app-development-company-california-design__access-head > span { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; letter-spacing: 0.12em; color: #8e877c; }
.cw-mobile-app-development-company-california-design__access-head div { display: flex; gap: 3px; padding: 3px; border-radius: 999px; background: #141210; }
.cw-mobile-app-development-company-california-design__access-head button { padding: 6px 11px; border-radius: 999px; background: transparent; color: #cfc9be; font-size: 12px; font-weight: 600; }
.cw-mobile-app-development-company-california-design__access-head button.is-on { background: #f3efe7; color: #141210; }
.cw-mobile-app-development-company-california-design__module { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; border-radius: 12px; background: #141210; font-size: 13.5px; }
.cw-mobile-app-development-company-california-design__module.is-locked { opacity: 0.45; }
.cw-mobile-app-development-company-california-design__module [data-cw-california-access] { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 10.5px; color: #d4f53c; }
.cw-mobile-app-development-company-california-design__module.is-locked [data-cw-california-access] { color: #ff7a50; }
.cw-mobile-app-development-company-california-design__scale { color: #f3efe7; }
@media (max-width: 640px) { .cw-mobile-app-development-company-california-design__pair { grid-template-columns: 1fr; } }