/* NXT Quarry — iOS-dark pass (homepage only, loaded after the other sheets).
   Keeps the black theme + terrain; swaps hard-edged bands for rounded card
   surfaces, hairline borders, soft elevation, frosted nav. */
:root{--ios-card:#141418;--ios-card2:#17171c;--ios-line:rgba(255,255,255,.09);--ios-r:22px;--ios-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 44px rgba(0,0,0,.42)}
body{background:#0b0b0d}

/* frosted nav */
.nav{background:rgba(11,11,13,.68);backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px);border-bottom:1px solid var(--ios-line)}

/* hook band → floating card */
.hookband{max-width:var(--maxw);margin:clamp(20px,3vh,34px) auto 0;border-radius:var(--ios-r);border:1px solid var(--ios-line);background:#141418;box-shadow:var(--ios-shadow)}

/* network band */
.ops{background:transparent;border-bottom:0}
.ops-stats{gap:12px;background:transparent;border:0}
.ops-stat{border-radius:var(--ios-r);border:1px solid var(--ios-line);background:#141418;box-shadow:var(--ios-shadow)}
.ops-map-wrap{border-radius:var(--ios-r);overflow:hidden;border:1px solid var(--ios-line);box-shadow:var(--ios-shadow)}
.ops-cap{border-radius:9px;background:rgba(11,11,13,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ops-spot{border-radius:var(--ios-r);border:1px solid var(--ios-line);background:#141418;box-shadow:var(--ios-shadow);transition:transform .3s var(--ease),border-color .3s}
.ops-spot:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16)}

/* service cards */
.svc-card{border-radius:var(--ios-r);border:1px solid var(--ios-line);background:#141418;box-shadow:var(--ios-shadow)}
.svc-card:hover{border-color:rgba(255,255,255,.16)}

/* range band */
.range-band{border-radius:var(--ios-r);border:1px solid var(--ios-line);max-width:var(--maxw);margin-left:auto;margin-right:auto;background:#141418;box-shadow:var(--ios-shadow)}
.range-chips a{border-radius:100px;border:1px solid var(--ios-line);background:rgba(255,255,255,.03)}
.range-chips a:hover{background:rgba(255,255,255,.07)}

/* process steps */
.step{border-radius:var(--ios-r);border:1px solid var(--ios-line);background:#141418;box-shadow:var(--ios-shadow)}

/* compare columns */
.ccol{border-radius:var(--ios-r);box-shadow:var(--ios-shadow)}
.ccol.old{border:1px solid var(--ios-line);background:#121215}
.ccol.nxt{border:1px solid rgba(255,255,255,.16)}

/* cinematic band → rounded, inset like an Apple hero card */
.cine{max-width:calc(var(--maxw) + 40px);margin:0 auto;border-radius:calc(var(--ios-r) + 4px);overflow:hidden;border:1px solid var(--ios-line)}

/* problem picture + pillars */
.ppic{border-radius:var(--ios-r);overflow:hidden}
.pcard{border-radius:var(--ios-r);border:1px solid var(--ios-line);background:#141418;box-shadow:var(--ios-shadow)}

/* control teaser phone mock + feat rows */
.control-teaser .feat-row{border-radius:16px;padding:16px;border:1px solid transparent;transition:.3s}
.control-teaser .feat-row:hover{background:rgba(255,255,255,.03);border-color:var(--ios-line)}

/* big cta + footer */
.cta-inner{border-radius:calc(var(--ios-r) + 4px)}
.footer{border-top:1px solid var(--ios-line)}

/* soften the full-width hairlines between sections */
.process{border-top:0 !important}
.rule{opacity:.5}

/* ---- sitewide rollout: same card language on every page ---- */
.pcard2,.cert-card,.estimate,.sa-check,.region,.login-card,.ccol,.quick-answer,.uc,.sf,.pcard,.visit-toast,.f-card,.faq-card,.g-card,.proj-card,.article-card{border-radius:var(--ios-r)}
.pcard2,.region,.login-card,.uc,.sf,.g-card,.proj-card,.article-card{border-color:var(--ios-line)}
#sa-map,.ops-map-wrap{border-radius:var(--ios-r);overflow:hidden}
.sa-row input,.f-field input,.f-field textarea,.f-field select{border-radius:12px}
.pd-faq details:first-of-type summary{border-radius:12px 12px 0 0}
.cat-nav{background:rgba(11,11,13,.68);backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px)}
.spec-table th,.spec-table td{border-color:var(--ios-line)}

/* network band: colour accents per stat */
.ops-stat{position:relative;overflow:hidden}
.ops-stat::before{content:"";position:absolute;left:22px;right:auto;top:0;width:44px;height:3px;border-radius:0 0 4px 4px;background:var(--sa,#3a8ee6)}
.ops-stat:nth-child(2){--sa:#C9B48A}
.ops-stat:nth-child(3){--sa:#3fb27f}
.ops-stat:nth-child(4){--sa:#e0a458}
.ops-stat:nth-child(1){--sa:#3a8ee6}
.ops-stat:nth-child(1) .ov{color:#7db4ee}
.ops-stat:nth-child(2) .ov{color:#d9c9a4}
.ops-stat:nth-child(3) .ov{color:#6fcfa4}
.ops-stat:nth-child(4) .ov{color:#eab97e}
.ops-spot{border-color:var(--ios-line);background:#141418}
.ops-spot:hover{border-color:rgba(255,255,255,.2)}

/* kill the typewriter/mono look: brand sans for all small labels */
.ops-stat .ok,.ops-cap,.hero-peek .hp-line,.st-time,.cine-tag,.plabel,.msig,.mapupd,.mapattr,.maplabel,.clients-foot,.footer-base,.sn,.pnum,.range-num .rl{font-family:'Zalando Sans Expanded',-apple-system,sans-serif !important;letter-spacing:.06em;font-weight:600}
.hero-peek .hp-line{font-size:12.5px}
.ops-stat .ok{font-size:11px;letter-spacing:.09em}