/* ---------- QUERO VENDER ---------- */
.qvpage{padding-top:78px}
.qv-hero{position:relative;overflow:hidden;padding:130px 0 70px;background:var(--bg)}
.qv-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(55% 70% at 100% 0%,rgba(0,85,80,.4),transparent 60%),
  radial-gradient(45% 60% at 0% 100%,rgba(203,219,42,.09),transparent 60%)}
.qv-hero .grid-bg{mask-image:radial-gradient(circle at 80% 25%,#000 0%,transparent 60%)}
.qv-wrap{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.qv-hero h1{font-size:clamp(30px,4.4vw,54px);max-width:14ch;margin-top:20px;line-height:1.04}
.qv-hero h1 .lime{color:var(--lime)}
.qv-hero p.lead{margin-top:24px;font-size:clamp(16px,1.5vw,19px);color:#c2d4cc;max-width:52ch;font-weight:300;line-height:1.6}
.qv-benefits{list-style:none;margin-top:34px;display:flex;flex-direction:column;gap:16px}
.qv-benefits li{display:flex;gap:14px;align-items:flex-start;color:#d3e2da;font-size:15.5px;line-height:1.5}
.qv-benefits li svg{width:22px;height:22px;stroke:var(--lime);fill:none;stroke-width:2;flex:0 0 auto;margin-top:1px}
.qv-brands{margin-top:38px;display:flex;flex-wrap:wrap;gap:20px 26px;align-items:center;border-top:1px solid var(--line);padding-top:28px}
.qv-brands img{height:24px;filter:brightness(0) invert(1);opacity:.5}

/* form card */
.qv-card{border:1px solid var(--line);border-radius:22px;padding:clamp(26px,3vw,40px);
  background:radial-gradient(90% 60% at 100% 0%,rgba(0,85,80,.28),transparent 60%),rgba(4,16,14,.62);backdrop-filter:blur(6px)}
.qv-card h2{font-size:26px}
.qv-card .sub{color:var(--muted);font-size:13px;margin-top:8px}
.qv-form{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qv-form .full{grid-column:1/3}
.fld{display:flex;flex-direction:column;gap:7px}
.fld label{font-family:var(--head);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.fld input,.fld select,.fld textarea{background:rgba(4,16,14,.6);border:1px solid var(--line);border-radius:10px;
  padding:13px 15px;color:#fff;font-family:var(--body);font-size:14.5px;outline:none;transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical;min-height:96px}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(203,219,42,.12)}
.fld input::placeholder,.fld textarea::placeholder{color:#5f7871}
.fld select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23CBDB2A' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 15px center}
.fld select option{background:#04100E;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:0;height:0}
.chip span{display:inline-block;font-family:var(--head);font-size:12.5px;font-weight:500;letter-spacing:.02em;
  color:#cfe0d8;border:1px solid var(--line);border-radius:30px;padding:8px 15px;transition:.2s;background:rgba(203,219,42,.03)}
.chip:hover span{border-color:rgba(203,219,42,.5)}
.chip input:checked + span{background:var(--lime);color:#03342F;border-color:var(--lime);font-weight:700}
.qv-privacy{grid-column:1/3;color:#7d938b;font-size:12px;line-height:1.55;margin-top:2px}
.qv-form .btn-submit{grid-column:1/3;width:100%;justify-content:center;border:0;cursor:pointer;font-size:15px;padding:15px}
.qv-ok{display:none;text-align:center;padding:24px 6px 8px}
.qv-ok.show{display:block}
.qv-ok .ok-ic{width:66px;height:66px;border-radius:50%;background:rgba(203,219,42,.14);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.qv-ok .ok-ic svg{width:32px;height:32px;stroke:var(--lime);fill:none;stroke-width:2.4}
.qv-ok h3{font-size:24px}
.qv-ok p{color:#bcd0c7;margin-top:12px;font-size:15px;line-height:1.6;max-width:34ch;margin-left:auto;margin-right:auto;font-weight:300}
.qv-ok .btn{margin-top:24px}
@media(max-width:900px){.qv-wrap{grid-template-columns:1fr;gap:44px}}
@media(max-width:560px){.qv-hero{padding:104px 0 48px}}
@media(max-width:520px){.qv-form{grid-template-columns:1fr}.qv-form .full,.qv-privacy,.qv-form .btn-submit{grid-column:1}}