/* AQARI MEDIA — /start intake form */
.narrow{max-width:780px}
.start-home{font-size:.95rem;color:rgba(245,240,231,.85);border-bottom:1px solid var(--line-d);padding-block:4px}
.start-home:hover{color:var(--gold);border-color:var(--gold)}

.intro{background:linear-gradient(170deg,#164538,var(--green) 55%,var(--green-2));padding-block:40px 92px}
.intro h1{font-size:clamp(2.1rem,7vw,3.2rem);line-height:1.25;margin-block:12px}
.intro p{color:var(--muted-d);max-width:52ch;font-size:clamp(1.02rem,2.4vw,1.15rem)}

.card{position:relative;margin-top:-56px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 20px 24px;box-shadow:0 30px 60px -40px rgba(18,59,50,.45)}

.progress{margin-bottom:24px}
.progress-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.progress-title{font-size:1.3rem;font-weight:700;line-height:1.4;outline:none}
.progress-count{font-size:.9rem;color:var(--taupe);white-space:nowrap}
.progress-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.progress-bar span{height:4px;border-radius:4px;background:var(--cream-2);transition:background-color .35s var(--ease)}
.progress-bar span.done{background:var(--green)}
.progress-bar span.active{background:var(--gold)}

.package-pill{display:inline-block;margin-bottom:18px;padding:6px 14px;border-radius:999px;background:rgba(201,169,110,.14);border:1px solid rgba(201,169,110,.5);color:var(--gold-deep);font-size:.9rem;font-weight:600}

fieldset{border:0;margin:0;padding:0;min-width:0}
.step{display:grid;gap:20px}
.step:not([hidden]){animation:fade .3s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.field{display:grid;gap:8px}
.field > label,.chips > legend{font-size:1rem;font-weight:600;line-height:1.5}
.req{color:var(--gold-deep);margin-inline-start:3px}
.hint{font-size:.875rem;color:var(--taupe);font-weight:400}

input[type=text],input[type=tel],input[type=email],input[type=url],textarea{
  width:100%;font-size:1rem;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:13px 16px;min-height:52px;transition:border-color .2s,box-shadow .2s;
}
textarea{min-height:104px;resize:vertical;line-height:1.7}
input::placeholder,textarea::placeholder{color:#A39B90}
input:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,169,110,.22)}
input[dir=ltr]{text-align:right}
[aria-invalid=true]{border-color:var(--danger)!important}
.error{font-size:.9rem;color:var(--danger)}
.error:empty{display:none}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips > legend{width:100%;margin-bottom:10px;float:right}
.chip{position:relative}
.chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.chip > span{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.95rem;font-weight:500;line-height:1.4;transition:background-color .2s,border-color .2s,color .2s}
.chip input:checked + span{background:var(--green);border-color:var(--green);color:var(--cream)}
.chip input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.chips[aria-invalid=true] .chip > span{border-color:var(--danger)}

.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}

.form-nav{display:flex;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.form-nav .btn-green,.form-nav .btn-gold{flex:1}

.alert{margin-top:18px;padding:14px 16px;border-radius:14px;background:#F6E7E1;border:1px solid #E5C3B6;color:#7E3322;font-size:.95rem}
.alert a{font-weight:600;border-bottom:1px solid currentColor}

.success{display:grid;justify-items:center;gap:12px;text-align:center;padding-block:20px 8px}
.success-icon{width:74px;height:74px;border-radius:50%;background:var(--green);color:var(--gold);display:grid;place-items:center;margin-bottom:6px}
.success-icon svg{width:34px;height:34px}
.success h2{font-size:clamp(1.4rem,4.6vw,1.8rem);line-height:1.4;outline:none}
.success p{color:var(--muted);max-width:40ch}
.success .btn{margin-top:14px;min-width:260px}

.start-help{text-align:center;margin-block:22px 8px;color:var(--muted);font-size:.95rem}
.start-help a{color:var(--green);font-weight:600;border-bottom:1px solid var(--gold)}
.start-footer{text-align:center;padding-block:18px 40px;color:var(--taupe);font-size:.9rem}

@media (min-width:700px){
  .intro{padding-block:64px 112px}
  .card{padding:40px 44px 36px;margin-top:-72px}
  .step.two-col{grid-template-columns:1fr 1fr;column-gap:18px}
  .step.two-col .full{grid-column:1/-1}
  .form-nav .btn-green,.form-nav .btn-gold{flex:0 0 auto;min-width:200px;margin-inline-start:auto}
}
@media (prefers-reduced-motion:reduce){.step:not([hidden]){animation:none}}