/* VAYQUO homepage: calm authority for high-value home decisions. */
.vq-start-copy{min-width:0}
.vq-project-grid{transform:none;min-width:0}
.vq-decision-proof{min-width:0}
.vq-top-note{font-weight:650;color:#b9c2cf}

.vq-trustbar{
  border-top:1px solid rgba(255,255,255,.08);
}
.vq-trustbar span{padding:0;border:0;background:transparent;color:#aeb8c7}

.vq-project-grid:before{content:"DEIN PROJEKT";color:#718096}
.vq-project-featured:after{display:none}

.vq-decision-proof{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(18,25,37,.94),rgba(10,15,23,.96));
  box-shadow:0 24px 65px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.vq-proof-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.vq-proof-head>span{font-weight:850;letter-spacing:.16em;color:#91a7ff}
.vq-proof-head a{color:#aeb9ca;text-decoration:none;border-bottom:1px solid rgba(174,185,202,.28);padding-bottom:2px}
.vq-proof-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.vq-proof-intro small{display:block;letter-spacing:.13em;text-transform:uppercase;color:#7f8da2}
.vq-proof-intro b{display:block;letter-spacing:-.045em;color:#f8faff}
.vq-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.vq-proof-item{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.028);display:flex;flex-direction:column;justify-content:center}
.vq-proof-item small{font-weight:850;letter-spacing:.14em;color:#718099}
.vq-proof-item b{letter-spacing:-.03em;color:#fff}
.vq-proof-item span{color:#9ba8ba}
.vq-proof-foot{color:#7f8c9d}
.vq-proof-foot strong{color:#c7d0dd;font-weight:700}

/* Desktop: one strong story, then four equal choices. No oversized split-screen hero. */
@media(min-width:861px){
  html,body{height:auto;min-height:100%;overflow:auto}
  .vq-app{height:auto;min-height:100svh;overflow:visible;grid-template-rows:74px auto}
  .vq-topbar{
    padding-left:max(32px,calc((100vw - 1380px)/2 + 24px));
    padding-right:max(32px,calc((100vw - 1380px)/2 + 24px));
  }
  .vq-start{
    width:min(1380px,100%);
    margin:0 auto;
    display:block;
    padding:54px 34px 30px;
    min-height:0;
  }
  .vq-start-copy{
    max-width:980px;
    margin:0 auto;
    text-align:center;
  }
  .vq-eyebrow{
    display:inline-flex;
    font-size:8.5px;
    letter-spacing:.14em;
  }
  .vq-start-copy h1{
    max-width:930px;
    margin:18px auto 16px;
    font-size:clamp(56px,4.8vw,72px);
    line-height:.95;
    letter-spacing:-.058em;
  }
  .vq-start-copy p{
    max-width:800px;
    margin:0 auto;
    font-size:clamp(16px,1.12vw,18px);
    line-height:1.52;
  }
  .vq-trustbar{
    justify-content:center;
    gap:10px 24px;
    margin:20px auto 0;
    padding-top:14px;
    max-width:820px;
    font-size:9.5px;
  }
  .vq-trustbar b{width:15px;height:15px;flex:0 0 15px}

  .vq-project-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    width:100%;
    margin:50px auto 0;
  }
  .vq-project-grid:before{
    position:absolute;
    top:-24px;
    left:4px;
    font-size:8px;
    font-weight:850;
    letter-spacing:.19em;
  }
  .vq-project-card{
    min-height:232px;
    border-radius:26px;
  }
  .vq-project-copy{left:19px;right:52px;bottom:19px}
  .vq-project-card b{font-size:25px;line-height:1.02}
  .vq-project-card>i{right:16px;bottom:16px;width:35px;height:35px;font-size:17px}

  .vq-decision-proof{
    width:100%;
    margin:34px auto 0;
    padding:24px 26px;
  }
  .vq-proof-head{margin-bottom:16px}
  .vq-proof-head>span{font-size:8px}
  .vq-proof-head a{font-size:9px}
  .vq-proof-intro{margin-bottom:16px}
  .vq-proof-intro small{font-size:8px;margin-bottom:5px}
  .vq-proof-intro b{font-size:clamp(24px,2.1vw,32px);line-height:1.03;max-width:720px}
  .vq-proof-grid{gap:10px}
  .vq-proof-item{min-height:100px;border-radius:18px;padding:14px 15px}
  .vq-proof-item small{font-size:7px;margin-bottom:6px}
  .vq-proof-item b{font-size:18px;line-height:1.08}
  .vq-proof-item span{font-size:9.5px;line-height:1.35;margin-top:5px}
  .vq-proof-foot{margin:13px 1px 0;font-size:9px;line-height:1.45}
  .vq-start-foot{margin-top:18px}
}

/* Tablet/mobile: strict normal document flow to prevent any overlap. */
@media(max-width:860px){
  .vq-start{
    display:block!important;
    padding:18px 18px 18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    min-height:0!important;
  }
  .vq-start-copy,.vq-project-grid,.vq-decision-proof,.vq-start-foot{position:relative!important;inset:auto!important;transform:none!important;z-index:auto!important;width:100%!important}
  .vq-start-copy{margin:0 0 28px}
  .vq-project-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;margin:22px 0 0!important}
  .vq-decision-proof{margin:28px 0 0!important;padding:22px 24px}
  .vq-start-foot{margin-top:18px!important}
  .vq-proof-head{margin-bottom:16px}
  .vq-proof-intro{margin-bottom:16px}
  .vq-proof-grid{gap:9px}
  .vq-proof-item{min-height:96px;border-radius:17px;padding:13px 14px}
  .vq-proof-foot{margin:13px 1px 0}
}

@media(max-width:600px){
  .vq-top-note{display:none}
  .vq-start{padding:13px 16px 22px!important}
  .vq-eyebrow{font-size:6.7px;padding:6px 8px;letter-spacing:.10em;white-space:normal;line-height:1.25}
  .vq-start-copy h1{font-size:clamp(35px,9.45vw,41px);line-height:.98;letter-spacing:-.052em;margin:11px 0 10px;max-width:100%}
  .vq-start-copy h1 br{display:block}
  .vq-start-copy p{font-size:12.8px;line-height:1.43;max-width:99%}
  .vq-trustbar{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:11px;padding-top:9px;border-bottom:0}
  .vq-trustbar span{font-size:7.9px;min-height:auto;padding:0;gap:4px}
  .vq-trustbar b{width:12px;height:12px;flex:0 0 12px;font-size:6px}

  .vq-start-copy{margin-bottom:25px}
  .vq-project-grid{gap:9px!important;margin-top:19px!important}
  .vq-project-grid:before{top:-14px;font-size:6.8px;letter-spacing:.16em}
  .vq-project-card{min-height:139px;border-radius:20px}
  .vq-project-copy{left:12px;right:39px;bottom:12px}
  .vq-project-card b{font-size:17px;line-height:1.03}
  .vq-project-card small{font-size:6.6px}
  .vq-project-card>i{width:28px;height:28px;right:9px;bottom:9px;font-size:13px}

  .vq-decision-proof{border-radius:21px;padding:15px!important;margin-top:25px!important}
  .vq-proof-head{margin-bottom:12px;gap:9px}
  .vq-proof-head>span{font-size:6.3px;line-height:1.3}
  .vq-proof-head a{font-size:7px;white-space:nowrap}
  .vq-proof-intro{display:block;margin-bottom:11px}
  .vq-proof-intro small{font-size:6.7px;margin-bottom:4px}
  .vq-proof-intro b{font-size:20px;line-height:1.06;max-width:96%}
  .vq-proof-grid{grid-template-columns:1fr;gap:6px}
  .vq-proof-item{min-height:auto;border-radius:13px;padding:10px 11px}
  .vq-proof-item small{font-size:5.9px;margin-bottom:4px}
  .vq-proof-item b{font-size:14.5px}
  .vq-proof-item span{font-size:7.6px;margin-top:2px}
  .vq-proof-foot{font-size:7.4px;margin-top:8px}
}

@media(max-width:390px){
  .vq-start-copy h1{font-size:34px}
  .vq-project-card{min-height:132px}
}