/* DBX ONE public site v0.12.19 — need-first STOCKROOM marketing + visible external proof */

.need-first-hero .marketing-hero-inner{max-width:1180px}
.need-first-hero h1{max-width:1040px}
.need-proofline span{white-space:normal}

.need-evidence-hero{position:relative;overflow:hidden}
.need-evidence-hero .stockroom-proof-v064{padding-top:54px;padding-bottom:54px}
.need-evidence-hero h2{max-width:900px;margin-bottom:26px}
.need-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 24px}
.need-metric-grid article{padding:22px;border:1px solid rgba(92,181,255,.2);border-radius:20px;background:rgba(7,24,39,.72);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.need-metric-grid strong{display:block;color:#f3f9ff;font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.045em}
.need-metric-grid span{display:block;margin-top:9px;color:#a9bdd0;font-size:14px;line-height:1.45;font-weight:650}
.need-source-quote{margin:22px 0 14px;padding:0;border:0;color:#dff2ff;font-size:clamp(21px,2.4vw,31px);font-weight:800;line-height:1.25;letter-spacing:-.02em}
.need-source-scope{margin-top:14px;color:#90a6ba;font-size:13px;line-height:1.55}
.need-source-scope a,.need-proof-card a,.need-proof-visual a{color:#61baff;font-weight:750;text-decoration:none}
.need-source-scope a:hover,.need-proof-card a:hover,.need-proof-visual a:hover{text-decoration:underline}

.need-proof-card{margin-top:22px;padding:18px 19px;border:1px solid rgba(88,179,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(35,118,183,.11),rgba(4,15,26,.38))}
.need-proof-card .need-proof-source,.need-proof-visual .need-proof-source{margin:0 0 9px;color:#62baff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.need-proof-card>strong{display:block;color:#f0f7ff;font-size:clamp(18px,2vw,24px);line-height:1.26;letter-spacing:-.015em}
.need-proof-card>p:not(.need-proof-source){margin:9px 0 10px;color:#a9bacb;line-height:1.55}
.need-proof-card>a,.need-proof-visual>a{display:inline-block;margin-top:2px;font-size:12px}

.need-proof-only{align-items:stretch}
.need-proof-visual{display:flex;flex-direction:column;justify-content:center;min-height:330px;padding:34px;border:1px solid rgba(88,179,255,.18);border-radius:26px;background:radial-gradient(circle at 15% 10%,rgba(51,152,230,.12),transparent 45%),rgba(4,14,24,.75)}
.need-proof-visual blockquote{margin:3px 0 16px;padding:0;border:0;color:#f0f8ff;font-size:clamp(26px,3.25vw,44px);font-weight:850;line-height:1.15;letter-spacing:-.035em}
.need-proof-visual>p:not(.need-proof-source){max-width:510px;margin:0 0 12px;color:#9fb2c4;line-height:1.55}

.stockroom-delivery-phone{max-height:none}
.stockroom-delivery-phone img{object-position:top}
.need-desktop-proof{max-width:720px;margin-inline:auto}
.stockroom-evidence-note{padding:26px 0 0}
.stockroom-evidence-note .v134-wrap{padding:18px 20px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.018)}
.stockroom-evidence-note strong{color:#d9e7f3;font-size:13px}
.stockroom-evidence-note p{margin:5px 0 0;color:#7f94a7;font-size:12px;line-height:1.5}

/* Marketing evidence must remain visually prominent, but source scope must not imply endorsement. */
.product-proof-copy h2{max-width:760px}

@media(max-width:900px){
  .need-metric-grid{grid-template-columns:1fr}
  .need-metric-grid article{display:grid;grid-template-columns:minmax(110px,.36fr) 1fr;gap:16px;align-items:center}
  .need-metric-grid span{margin-top:0}
  .need-proof-visual{min-height:0;padding:25px}
  .need-desktop-proof{max-width:100%}
}

@media(max-width:620px){
  .need-first-hero h1{font-size:clamp(40px,12vw,58px);line-height:.98}
  .need-evidence-hero .stockroom-proof-v064{padding-top:38px;padding-bottom:40px}
  .need-metric-grid article{grid-template-columns:1fr;padding:18px}
  .need-metric-grid strong{font-size:38px}
  .need-metric-grid span{font-size:13px}
  .need-proof-card{padding:16px}
  .need-proof-visual{padding:21px;border-radius:20px}
  .need-proof-visual blockquote{font-size:28px}
  .stockroom-delivery-phone{max-width:350px}
}