/* NEXORA AGENCY — Premium Graphite V4 | final cross-page color and layout polish
   All colors are neutral graphite, steel, pearl and chrome (no olive/green cast).
   No changes to forms, database, auth or server functions. */
:root{
 --bg:#0b0e13;--surface:#121820;--surface2:#1b222b;--forest:#0b0e13;
 --aqua:#d5dce5;--sage:#c9d1db;--sage-dark:#8792a0;
 --nexora-bg:#0b0e13;--nexora-panel:#151b23;--nexora-panel-raised:#1c242f;
 --nexora-silver:#dce4eb;--nexora-text:#edf2f7;--nexora-muted:#a5afbd;
}
html{color-scheme:dark}
body{background:#0b0e13!important;color:#edf2f7!important}
.site-header,.topbar{background:rgba(9,12,17,.96)!important;border-color:rgba(203,215,226,.13)!important}
.site-footer,.footer{background:#090c11!important;border-color:rgba(199,211,221,.14)!important}
/* Public interior pages: no green or olive tint behind the form or cards */
.page-hero{background:radial-gradient(ellipse 860px 400px at 50% 95%,rgba(142,157,177,.13),transparent 65%),#0d1117!important}
.section,.section-sm,.wizard-shell{background:#0d1117!important;color:#eaf0f6!important}
.section:nth-of-type(even),.section-sm:nth-of-type(even){background:#0f141b!important}
.section-head h2,.page-hero h1,.stack-heading h2,.step h3,.feature h3,.info-card h3{color:#f3f6fa!important}
.section-head>p,.section-head p,.page-hero p,.section p,.section-sm p{color:#aeb9c6!important}
.eyebrow,.step span,.step-number{color:#cdd6df!important}
/* Three steps: proper card padding, consistent vertical rhythm, responsive layout */
.steps{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;gap:18px!important;margin:45px 0 0!important;
 width:100%!important;
}
.steps>.step{
 min-width:0!important;min-height:238px!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 position:relative!important;padding:29px 28px 31px!important;
 margin:0!important;overflow:visible!important;
 border:1px solid rgba(189,204,220,.18)!important;
 border-top:1px solid rgba(205,218,231,.39)!important;
 border-radius:16px!important;
 background:linear-gradient(154deg,rgba(27,35,46,.97) 0%,rgba(16,22,30,.99) 94%)!important;
 box-shadow:0 14px 38px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.035)!important;
 transition:transform .25s ease,border-color .25s ease!important;
}
.steps>.step:hover{transform:translateY(-3px);border-color:rgba(212,224,237,.40)!important}
.steps>.step>span{
 display:block!important;margin:0 0 37px!important;
 font-size:10px!important;font-weight:750!important;line-height:1.5!important;
 letter-spacing:.16em!important;color:#bac7d4!important;
}
.steps>.step>h3{
 font-size:clamp(21px,2vw,27px)!important;font-weight:650!important;
 letter-spacing:-.035em!important;line-height:1.22!important;
 margin:0 0 13px!important;overflow-wrap:normal!important;
}
.steps>.step>p{
 font-size:14px!important;line-height:1.75!important;
 color:#adb9c7!important;margin:0!important;max-width:34ch!important;
}
/* Form and related information tiles: never inherit green surfaces from v7 */
.info-card,.feature,.form-card,.wizard-card,.end-cta,.mini-visual,.step,
.prose-card,.stat-card,.apply-dialog{
 color:#edf2f7!important;border-color:rgba(201,214,228,.21)!important;
}
.info-card,.feature,.form-card,.wizard-card,.mini-visual,.apply-dialog{
 background:linear-gradient(160deg,#19212b 0%,#111820 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.end-cta{background:radial-gradient(ellipse 60% 60% at 50% 35%,rgba(189,206,224,.095),transparent 75%),#141b24!important}
.wizard-shell,.embedded-apply{background:#0d1117!important}
.apply-overlay{background:rgba(2,5,9,.84)!important}
.apply-bar{background:#141b24!important;border-color:rgba(196,209,224,.18)!important}
.wizard-meta,.wizard-help,.small-note,.info-card p,.feature p{color:#aeb9c6!important}
.form-card input,.form-card select,.form-card textarea,.wizard-card input,.wizard-card select,.wizard-card textarea{
 background-color:#10161e;color:#e9eff6;border-color:#667383;
}
.checkline,.ready-banner{background:#171f29!important;border:1px solid rgba(196,208,221,.22)!important;color:#c7d3df!important}
.ready-banner{border-left:3px solid #aab8c7!important}
.option label{background:#17202a!important;color:#dae2eb!important}
.option input:checked+label{background:#333e4d!important;border-color:#d1dae6!important}
.progress-track{background:#252f3b!important}
.progress-fill{background:linear-gradient(90deg,#9cabbc,#ecf0f5)!important}
/* Neutralise legacy colored panels on the landing page, without altering functionality */
.platform-section-v6,.method-section,.platform-section,.platform-shell-v6,.studio-body,
.studio-menu,.platform-panel,.audience-section,.faq-section,.final-section,
.process-block,.fit-card,.method-card,.platform-window{
 border-color:rgba(202,215,230,.18)!important;
}
.platform-shell-v6{box-shadow:12px 14px 0 rgba(188,200,214,.14)!important}
.studio-menu,.studio-body,.platform-panel,.platform-window{background-color:#111820!important}
.studio-menu button{border-color:rgba(196,210,226,.18)!important}
/* Secondary visual safety: prevent oversize text from spilling beyond mobile cards */
@media(max-width:1050px){
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .steps>.step:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:700px){
 .steps{grid-template-columns:minmax(0,1fr)!important;gap:13px!important;margin-top:30px!important}
 .steps>.step,.steps>.step:last-child:nth-child(odd){grid-column:auto!important}
 .steps>.step{min-height:0!important;padding:26px 24px 27px!important}
 .steps>.step>span{margin-bottom:23px!important}
 .steps>.step>h3{font-size:24px!important}
 .section-head{gap:20px!important}
}
@media(prefers-reduced-motion:reduce){.steps>.step{transition:none!important}.steps>.step:hover{transform:none!important}}