/* ADNET — Brief cliente (dark glass nero/verde) */
:root{
  --primary:#00E28A;--secondary:#00C2A8;--bg:#06080c;--text:#eef2f7;--muted:#9aa4b4;
  --line:rgba(255,255,255,.10);--line-soft:rgba(255,255,255,.06);--glass:rgba(255,255,255,.045);
  --glass2:rgba(255,255,255,.075);--radius:16px;--grad:linear-gradient(120deg,var(--primary),var(--secondary));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.6;
  background:radial-gradient(900px 600px at 85% -10%,rgba(0,226,138,.15),transparent 60%),radial-gradient(700px 500px at 0% 10%,rgba(0,194,168,.10),transparent 55%),var(--bg);background-attachment:fixed}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;margin:0 0 .4em}
a{color:var(--primary)}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}

/* header */
.top{padding:34px 0 8px;text-align:center}
.brand{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.8rem}
.brand .mk{width:40px;height:40px;border-radius:11px;background:var(--grad);color:#042015;display:grid;place-items:center;font-weight:800;font-family:'Plus Jakarta Sans'}
.brand img{height:40px}
.brand b{font-family:'Plus Jakarta Sans';font-size:1.4rem}
.top h1{font-size:clamp(1.7rem,4vw,2.4rem)}
.top p{color:var(--muted);max-width:44rem;margin:.4rem auto 0}
.eyebrow{display:inline-block;color:var(--primary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}

/* progress */
.progress{position:sticky;top:0;z-index:20;height:5px;background:transparent;margin:18px 0 0}
.progress-bar{height:5px;width:0;background:var(--grad);border-radius:0 4px 4px 0;transition:width .25s}

/* card / section */
form{padding:22px 0 140px}
.section{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px;margin:18px 0;box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}
.section > h2{font-size:1.3rem;display:flex;align-items:center;gap:.6rem}
.section .desc{color:var(--muted);font-size:.95rem;margin:-.1rem 0 1.2rem}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(0,226,138,.14);color:var(--primary);font-weight:800;font-family:'Plus Jakarta Sans';font-size:.95rem;flex:none}

/* fields */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:16px}
label{font-size:.88rem;font-weight:600;color:#cfd6e2}
.req{color:var(--primary)}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea{
  width:100%;border:1px solid var(--line);border-radius:11px;padding:.75rem .85rem;font-family:inherit;font-size:.96rem;
  background:rgba(255,255,255,.03);color:var(--text);transition:.15s}
input::placeholder,textarea::placeholder{color:#6b7385}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:rgba(0,226,138,.06);box-shadow:0 0 0 3px rgba(0,226,138,.16)}
textarea{resize:vertical;min-height:90px}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%239aa4b4' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}
.hint{color:var(--muted);font-size:.8rem}

/* choice chips (checkbox/radio pills) */
.choices{display:flex;flex-wrap:wrap;gap:10px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}
.choice span{display:inline-block;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:.9rem;cursor:pointer;transition:.15s;color:var(--text)}
.choice input:checked + span{border-color:var(--primary);background:rgba(0,226,138,.16);color:#eafff6;font-weight:600}
.choice input:focus-visible + span{box-shadow:0 0 0 3px rgba(0,226,138,.25)}

/* feature checklist */
.fgroup{border:1px solid var(--line-soft);border-radius:14px;padding:16px 18px;margin-bottom:14px;background:rgba(255,255,255,.02)}
.fgroup h3{font-size:1.02rem;margin-bottom:.7rem;color:#eafff6}
.fitems{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.chk{display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:#d7dde8;cursor:pointer;padding:.25rem 0}
.chk input{width:19px;height:19px;margin-top:1px;accent-color:var(--primary);flex:none}
.fnote{margin-top:12px}
.fnote input{font-size:.9rem}

/* submit bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(8,11,16,.9);backdrop-filter:saturate(160%) blur(14px);
  border-top:1px solid var(--line);padding:14px 0}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.bar .lbl{font-size:.86rem;color:var(--muted)}
.btn{border:none;cursor:pointer;font-weight:800;font-family:'Plus Jakarta Sans';border-radius:999px;padding:.9rem 1.8rem;font-size:1rem;
  background:var(--grad);color:#042015;box-shadow:0 12px 30px -10px rgba(0,226,138,.6);transition:.18s}
.btn:hover{transform:translateY(-2px)}
.btn[disabled]{opacity:.6;cursor:default;transform:none}
.consent{display:flex;gap:.55rem;align-items:flex-start;font-size:.85rem;color:var(--muted)}
.consent input{margin-top:.15rem;accent-color:var(--primary)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.alert{margin:10px 0 0;padding:0;border-radius:11px;font-weight:600;overflow:hidden;max-height:0;transition:.25s}
.alert.show{padding:.8rem 1rem;max-height:240px}
.alert.ok{background:rgba(0,226,138,.16);color:#7bffcb;border:1px solid rgba(0,226,138,.3)}
.alert.err{background:rgba(239,68,68,.16);color:#ff9a9a;border:1px solid rgba(239,68,68,.3)}

/* thank you */
.thanks{max-width:680px;margin:8vh auto;text-align:center;background:var(--glass);border:1px solid var(--line);border-radius:22px;padding:48px 40px}
.thanks .big{font-size:3.4rem}

@media(max-width:700px){
  .grid2,.grid3,.fitems{grid-template-columns:1fr}
  .section{padding:20px 18px}
  .bar .wrap{flex-direction:column;align-items:stretch}
  .bar .btn{width:100%}
}

/* ---------- Wizard (procedura guidata) ---------- */
#briefForm .section{display:none}
#briefForm .section.active{display:block;animation:stepIn .28s ease}
@keyframes stepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.stepper{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:10px 0 -2px}
.stepper .dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:.2s;cursor:pointer}
.stepper .dot.done{background:rgba(0,226,138,.55)}
.stepper .dot.on{background:var(--primary);transform:scale(1.3)}
.barrow{display:flex;align-items:center;justify-content:space-between;gap:14px}
.btn.ghost{background:var(--glass2);color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.ghost[disabled]{opacity:.35;cursor:default}
.invalid{border-color:#ff6b6b !important;box-shadow:0 0 0 3px rgba(239,68,68,.18) !important}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:88px;z-index:40;background:#2a1113;color:#ffb4b4;
  border:1px solid rgba(239,68,68,.45);padding:.7rem 1.1rem;border-radius:12px;font-weight:600;font-size:.9rem;opacity:0;transition:.25s;pointer-events:none;max-width:90%;text-align:center}
.toast.show{opacity:1}
@media(max-width:700px){
  .bar .wrap.barrow{flex-direction:row}
  .bar .wrap.barrow .btn{width:auto;flex:1}
  .bar .wrap.barrow #barlbl{display:none}
}