/* Quadz Inc theme C: Product Showcase
   Theme B's fonts with an Apple product page layout: oversized centered headlines,
   alternating white / light grey / black bands, borderless rounded tiles, blue links and pill buttons. */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap');
:root{
  --q-accent:#0071E3; --q-accent-hover:#0077ED; --q-accent-soft:#E8F2FD;
  --q-ink:#1D1D1F; --q-bg:#FFFFFF; --q-bg-alt:#F5F5F7;
  --q-glow:transparent;
  --q-font-head:'Inter Tight',sans-serif; --q-font-body:'Inter',sans-serif;
  --q-radius-btn:999px; --radius-lg:28px;
  --border:#E8E8ED;
}
html{background-image:none}
body,p{color:#1D1D1F}
.pub-nav{background:rgba(251,251,253,0.8)!important;backdrop-filter:saturate(180%) blur(20px)}
.pub-nav-links a{font-size:0.8rem;color:#1D1D1F}
/* Typography */
h1{font-size:clamp(2.8rem,7vw,5.6rem);font-weight:600;letter-spacing:-0.045em;line-height:1.02}
h2{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:600;letter-spacing:-0.035em;line-height:1.06}
h1 em,h2 em,.hero h1 span,.hero h1 .brand-red{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-0.01em}
.hero h1 span,.hero h1 .brand-red{background:linear-gradient(90deg,#0071E3,#7D5BFF 60%,#C24BD8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding:8rem 2rem 6rem}
.hero::before{display:none}
.hero-sub{font-size:1.3rem;color:#6E6E73;max-width:700px}
.hero-badge{background:transparent;border:none;color:#BF4800;font-size:1rem;text-transform:none;letter-spacing:0}
.hero-badge span{display:none}
/* Centered section headers, eyebrow labels */
.section{padding:7rem 2rem}
.section-header{text-align:center;margin:0 auto 4rem;max-width:820px}
.section-header p{margin:0 auto;font-size:1.15rem;color:#6E6E73}
.section-label{text-transform:none;letter-spacing:0;font-size:1.05rem;font-weight:600;color:#BF4800}
.value-title{text-align:center!important;text-transform:none!important;letter-spacing:0!important;font-size:1.05rem!important;color:#BF4800!important}
.sub-head{text-align:center;font-size:1.6rem;margin-top:4rem}
.chip-row{justify-content:center}
#identity .reveal[style*="margin-top:2rem"]{text-align:center}
/* Bands: white, light grey, black */
#about,#why,#process,#contact,.pub-footer{background:#F5F5F7}
#services,#technology,#careers{background:#FFFFFF}
/* Borderless rounded tiles */
.svc,.value-card,.iam-item,.why,.ind,.step,.about-panel,.career-cta,.hq,.contact-form{border:none!important;border-radius:28px;box-shadow:none}
#services .svc,#technology .tech-item,#careers .career-cta{background:#F5F5F7}
#about .about-panel,#about .hq,#why .why,#process .step,#contact .contact-form{background:#FFFFFF}
.svc{padding:2rem}
.svc:hover,.ind:hover{transform:scale(1.015);box-shadow:0 12px 40px rgba(0,0,0,0.08)}
.svc svg{background:#FFFFFF}
.tech-item{border:none;border-radius:22px;padding:1.5rem;margin-bottom:1rem}
.tech-cols{gap:0 1rem}
.step-num{background:#1D1D1F}
.why-num{color:#BF4800}
.btn-primary{background:#0071E3}
.btn-secondary{border-color:#0071E3;color:#0071E3}
.inline-link{color:#0066CC}
/* Black bands */
#identity,#industries{background:#000000}
#identity h2,#identity h3,#identity h4,#industries h2,#industries h4,#identity .value-card h3,#identity .iam-item h4,#industries .ind h4{color:#F5F5F7}
#identity p,#industries p,#identity .section-header p,#industries .section-header p{color:#A1A1A6}
#identity .value-card li{color:#D2D2D7}
#identity .value-card,#identity .iam-item,#industries .ind{background:#1D1D1F}
#identity .platform-chip{background:#1D1D1F;border-color:#333336;color:#D2D2D7}
#identity .section-label,#industries .section-label,#identity .value-title{color:#2997FF!important}
#identity .btn-secondary{color:#2997FF;border-color:#2997FF}
#identity .btn-secondary:hover{background:#111}