/* Vanf Lab — full stylesheet (critical CSS is inlined in index.html) */

.section{padding:5rem 0}
.section-alt{background:linear-gradient(180deg,#071743,#040d26);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.wrap.narrow{max-width:760px}
h2{font-size:clamp(1.9rem,3.5vw,2.7rem);line-height:1.12;letter-spacing:-.015em;color:#fff;margin-bottom:1rem}
.section-lede{font-size:1.12rem;color:var(--mist);max-width:44rem}
.section-lede strong{color:#fff}

/* Media Verdict header */
.mv-head{display:flex;gap:1.4rem;align-items:flex-start;margin-bottom:2.6rem}
.mv-head img{border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.45);flex:none}

/* Feature grid */
.features{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:0 0 3rem}
.features li{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:1.5rem 1.6rem}
.features h3{font-size:1.08rem;color:#fff;margin-bottom:.45rem}
.features h3::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--emerald);margin-right:.6em;vertical-align:baseline}
.features p{color:var(--mist);font-size:.98rem}

/* Screenshots */
.shots{display:grid;gap:2rem;margin-bottom:2.2rem}
.shots figure{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);overflow:hidden}
.shots img{width:100%}
.shots figcaption{padding:1rem 1.4rem;color:var(--mist);font-size:.92rem;border-top:1px solid rgba(255,255,255,.07)}

/* Proof box */
.proof{border-left:4px solid var(--emerald);background:rgba(0,163,92,.09);border-radius:0 12px 12px 0;padding:1.2rem 1.5rem;margin-bottom:2.4rem}
.proof p{color:var(--text)}
.proof strong{color:#fff}

.tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.14);border-radius:999px;padding:.18rem .6rem;margin-left:.35rem}

/* Philosophy */
#philosophy p{color:var(--mist);font-size:1.1rem;margin-bottom:1.1rem}
#philosophy p strong{color:#fff}
.philo-rule{font-size:1.35rem !important;color:#fff !important;border-left:4px solid var(--emerald-bright);padding-left:1.2rem;margin-top:1.8rem !important}

/* Playbook */
#playbook p{color:var(--mist);font-size:1.08rem;margin-bottom:1.6rem}

/* Footer */
.site-footer{background:#03081a;border-top:1px solid rgba(255,255,255,.08);padding:3.2rem 0 1.6rem;margin-top:2rem}
.foot-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;margin-bottom:2rem}
.foot-blurb{color:var(--mist);font-size:.95rem;margin-top:.9rem;max-width:26rem}
.foot-links{list-style:none;display:grid;gap:.55rem;justify-items:end}
.foot-links a{color:var(--mist);text-decoration:none;font-weight:600}
.foot-links a:hover{color:#fff}
.foot-base{border-top:1px solid rgba(255,255,255,.07);padding-top:1.4rem}
.foot-base p{color:#8b93a7;font-size:.85rem}

/* Responsive */
@media (max-width:860px){
  .section{padding:3.4rem 0}
  .features{grid-template-columns:1fr}
  .mv-head{flex-direction:column}
  .foot-grid{grid-template-columns:1fr}
  .foot-links{justify-items:start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn{transition:none}
}