/* MLS9 Version: 6 - anysellerfinance_assets.css
   Styling for the AnySellerFinance flow (/anysellerfinance). Light theme only. */

:root {
    --asf-primary:#006AFF; --asf-primary-d:#0050d6;
    --asf-ink:#0b1b34; --asf-muted:#5b6b85; --asf-line:#e6ebf3;
    --asf-bg:#f4f7fc; --asf-card:#ffffff;
    --asf-radius:16px; --asf-radius-sm:12px;
    --asf-shadow-sm:0 1px 2px rgba(11,27,52,.05), 0 1px 3px rgba(11,27,52,.04);
    --asf-shadow-md:0 6px 18px rgba(11,27,52,.07), 0 2px 6px rgba(11,27,52,.05);
    --asf-shadow-lg:0 24px 60px -18px rgba(11,27,52,.28), 0 8px 24px -12px rgba(11,27,52,.16);
    --asf-ring:0 0 0 4px rgba(0,106,255,.14);
}

/* Soft page canvas so white cards lift off the background. */
body { display:flex; flex-direction:column; min-height:100vh; background:var(--asf-bg); }
body > .site-footer { margin-top:auto; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.asf-btn{
    display:inline-flex; align-items:center; gap:9px; justify-content:center;
    background:linear-gradient(180deg,#1a78ff 0%, var(--asf-primary) 60%, var(--asf-primary-d) 100%);
    color:#fff; border:none; border-radius:12px;
    padding:14px 26px; font-size:1rem; font-weight:700; cursor:pointer;
    text-decoration:none; line-height:1; letter-spacing:.01em;
    box-shadow:0 8px 20px -6px rgba(0,106,255,.5), inset 0 1px 0 rgba(255,255,255,.25);
    transition:transform .12s ease, box-shadow .2s ease, filter .15s ease;
}
.asf-btn:hover{ filter:brightness(1.04); box-shadow:0 14px 28px -8px rgba(0,106,255,.55), inset 0 1px 0 rgba(255,255,255,.3); transform:translateY(-1px); }
.asf-btn:active{ transform:translateY(0); box-shadow:0 6px 14px -6px rgba(0,106,255,.5); }
.asf-btn i{ font-size:.92em; transition:transform .2s ease; }
.asf-btn:hover i.fa-arrow-right{ transform:translateX(3px); }
.asf-btn.lg{ padding:17px 34px; font-size:1.08rem; border-radius:13px; }
.asf-btn.ghost{ background:#fff; color:var(--asf-ink); border:1px solid var(--asf-line); box-shadow:var(--asf-shadow-sm); }
.asf-btn.ghost:hover{ background:#f8fafc; filter:none; border-color:#cfd8e6; }

/* ── Step indicator ──────────────────────────────────────────────────────── */
.asf-steps{
    list-style:none; display:flex; gap:0; padding:0; margin:0 0 30px;
    counter-reset:asf; flex-wrap:wrap;
}
.asf-steps li{
    display:flex; align-items:center; gap:9px; flex:1; min-width:140px;
    color:var(--asf-muted); font-size:.84rem; font-weight:600; position:relative;
}
.asf-steps li:not(:last-child)::after{
    content:""; flex:1; height:2px; background:var(--asf-line); margin:0 10px; border-radius:2px;
}
.asf-step-dot{
    width:30px; height:30px; flex-shrink:0; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    background:#fff; border:2px solid var(--asf-line); color:var(--asf-muted);
    font-size:.85rem; font-weight:800; transition:.2s; box-shadow:var(--asf-shadow-sm);
}
.asf-steps li.active{ color:var(--asf-ink); }
.asf-steps li.active .asf-step-dot{ border-color:var(--asf-primary); color:var(--asf-primary); box-shadow:var(--asf-ring); }
.asf-steps li.done{ color:var(--asf-ink); }
.asf-steps li.done .asf-step-dot{ background:var(--asf-primary); border-color:var(--asf-primary); color:#fff; }
.asf-steps li.done:not(:last-child)::after{ background:var(--asf-primary); }
@media (max-width:640px){ .asf-step-label{ display:none; } .asf-steps li{ min-width:0; } }

/* ── Info / hero ─────────────────────────────────────────────────────────── */
.asf-hero{
    position:relative; overflow:hidden; isolation:isolate;
    background:
        radial-gradient(1100px 520px at 78% -8%, rgba(0,106,255,.55) 0%, rgba(0,106,255,0) 60%),
        radial-gradient(800px 420px at 8% 110%, rgba(126,182,255,.28) 0%, rgba(126,182,255,0) 55%),
        linear-gradient(165deg,#08182f 0%, #0a2452 55%, #0b2f6b 100%);
    color:#fff; padding:84px 0 76px; text-align:center;
}
.asf-hero::after{
    content:""; position:absolute; inset:0; z-index:-1; opacity:.5;
    background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
    background-size:22px 22px;
}
.asf-eyebrow{
    display:inline-flex; align-items:center; gap:8px; text-transform:uppercase; letter-spacing:.14em;
    font-size:.74rem; font-weight:800; color:#bcd6ff; margin-bottom:18px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
    padding:7px 14px; border-radius:999px; backdrop-filter:blur(4px);
}
.asf-hero h1{ font-size:3rem; line-height:1.06; margin:0 0 18px; font-weight:850; letter-spacing:-.02em; }
.asf-hero h1 em{ color:#8ec0ff; font-style:normal; }
.asf-lede{ font-size:1.2rem; max-width:640px; margin:0 auto 32px; color:#d3e1f7; line-height:1.55; }
.asf-hero-fine{
    margin-top:18px; font-size:.82rem; color:#a9c6f0; display:inline-flex; gap:8px; align-items:center;
}
.asf-hero-fine::before{ content:"\f3c5"; font-family:"Font Awesome 6 Free"; font-weight:900; color:#7eb6ff; }
@media (max-width:640px){ .asf-hero{ padding:60px 0 54px; } .asf-hero h1{ font-size:2.05rem; } .asf-lede{ font-size:1.02rem; } }

.asf-section{ padding:64px 0; }
.asf-h2{ font-size:1.85rem; font-weight:850; color:var(--asf-ink); margin:0 0 8px; text-align:center; letter-spacing:-.01em; }
.asf-h2 + .asf-sub{ text-align:center; color:var(--asf-muted); margin:0 auto 34px; max-width:560px; font-size:1.02rem; }

/* How it works */
.asf-how{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.asf-how-card{
    background:var(--asf-card); border:1px solid var(--asf-line); border-radius:var(--asf-radius);
    padding:28px 24px; text-align:left; box-shadow:var(--asf-shadow-sm);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.asf-how-card:hover{ transform:translateY(-4px); box-shadow:var(--asf-shadow-md); border-color:#d4e0f2; }
.asf-how-num{
    width:44px; height:44px; border-radius:13px;
    background:linear-gradient(160deg,#1a78ff,#0050d6); color:#fff;
    display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.15rem; margin-bottom:16px;
    box-shadow:0 8px 18px -6px rgba(0,106,255,.55);
}
.asf-how-card h3{ margin:0 0 7px; font-size:1.1rem; color:var(--asf-ink); font-weight:750; }
.asf-how-card p{ margin:0; color:var(--asf-muted); font-size:.92rem; line-height:1.55; }
@media (max-width:900px){ .asf-how{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .asf-how{ grid-template-columns:1fr; } }

/* Program terms */
.asf-terms-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.asf-term{
    display:flex; gap:15px; align-items:flex-start;
    background:var(--asf-card); border:1px solid var(--asf-line); border-radius:var(--asf-radius-sm); padding:22px;
    box-shadow:var(--asf-shadow-sm); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.asf-term:hover{ transform:translateY(-3px); box-shadow:var(--asf-shadow-md); border-color:#d4e0f2; }
.asf-term i{
    color:var(--asf-primary); font-size:1.1rem; flex-shrink:0;
    width:42px; height:42px; border-radius:11px; background:#eaf2ff;
    display:inline-flex; align-items:center; justify-content:center; margin-top:2px;
}
.asf-term h4{ margin:0 0 5px; font-size:1.02rem; color:var(--asf-ink); font-weight:750; }
.asf-term p{ margin:0; color:var(--asf-muted); font-size:.88rem; line-height:1.5; }
@media (max-width:900px){ .asf-terms-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .asf-terms-grid{ grid-template-columns:1fr; } }

/* Final CTA */
.asf-finalcta{
    text-align:center; background:linear-gradient(180deg,#fff, #f0f5fd);
    border:1px solid var(--asf-line); border-radius:24px; padding:54px 32px;
    margin-top:16px; box-shadow:var(--asf-shadow-md);
}
.asf-finalcta h2{ font-size:1.95rem; color:var(--asf-ink); margin:0 0 12px; font-weight:850; letter-spacing:-.01em; }
.asf-finalcta p{ color:var(--asf-muted); font-size:1.06rem; max-width:560px; margin:0 auto 26px; line-height:1.55; }
.asf-disclaimer{ margin-top:32px !important; font-size:.76rem !important; color:#94a3b8 !important; max-width:720px; line-height:1.55; margin-left:auto; margin-right:auto; }

/* ── Address step ────────────────────────────────────────────────────────── */
.asf-addr-card{
    background:var(--asf-card); border:1px solid var(--asf-line); border-radius:22px;
    box-shadow:var(--asf-shadow-lg); padding:44px 40px 36px; text-align:center; position:relative;
}
.asf-addr-badge{
    width:64px; height:64px; border-radius:18px; margin:0 auto 20px;
    background:linear-gradient(160deg,#1a78ff,#0050d6); color:#fff; font-size:1.55rem;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 14px 30px -10px rgba(0,106,255,.6);
}
.asf-addr-hero{ text-align:center; margin-bottom:24px; }
.asf-addr-card h1, .asf-addr-hero h1{ font-size:1.95rem; color:var(--asf-ink); margin:0 0 10px; font-weight:850; letter-spacing:-.01em; }
.asf-addr-sub{ color:var(--asf-muted); font-size:1.04rem; line-height:1.55; margin:0 auto 26px; max-width:480px; }
.asf-addr-form{ display:flex; gap:12px; margin:0 auto; max-width:560px; }
.asf-input-wrap{ position:relative; flex:1; display:flex; align-items:center; }
.asf-input-wrap > i{ position:absolute; left:16px; color:#9aa7bd; font-size:1rem; pointer-events:none; }
.asf-input{
    flex:1; width:100%; padding:16px 18px; border:1.5px solid var(--asf-line); border-radius:12px;
    font-size:1.04rem; outline:none; color:var(--asf-ink); background:#fff; transition:border-color .15s, box-shadow .15s;
}
.asf-input-wrap .asf-input{ padding-left:44px; }
.asf-input::placeholder{ color:#9aa7bd; }
.asf-input:focus{ border-color:var(--asf-primary); box-shadow:var(--asf-ring); }
.asf-addr-badges{
    display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:22px 0 6px;
}
.asf-addr-badges span{
    display:inline-flex; align-items:center; gap:7px; font-size:.82rem; font-weight:600; color:#3f5273;
    background:#f1f6fe; border:1px solid #e0eafa; border-radius:999px; padding:7px 13px;
}
.asf-addr-badges span i{ color:#16a34a; font-size:.82rem; }
.asf-addr-note{ text-align:center; color:#94a3b8; font-size:.82rem; margin-top:14px; line-height:1.5; }
@media (max-width:560px){ .asf-addr-form{ flex-direction:column; } .asf-addr-card{ padding:34px 22px 30px; } }

/* Bigger, more prominent search on the property-search step. */
.asf-addr-card--big{ padding:56px 52px 42px; }
.asf-addr-card--big .asf-addr-badge{ width:74px; height:74px; border-radius:21px; font-size:1.8rem; margin-bottom:22px; }
.asf-addr-card--big h1{ font-size:2.4rem; }
.asf-addr-card--big .asf-addr-sub{ font-size:1.12rem; max-width:560px; margin-bottom:32px; }
.asf-addr-card--big .asf-addr-form{ max-width:none; gap:14px; }
.asf-addr-card--big .asf-input{ padding:21px 20px; font-size:1.2rem; border-radius:15px; border-width:2px; }
.asf-addr-card--big .asf-input-wrap > i{ left:20px; font-size:1.2rem; }
.asf-addr-card--big .asf-input-wrap .asf-input{ padding-left:54px; }
.asf-addr-card--big .asf-btn{ padding:21px 32px; font-size:1.12rem; border-radius:15px; white-space:nowrap; }
@media (max-width:560px){
    .asf-addr-card--big{ padding:38px 22px 32px; }
    .asf-addr-card--big h1{ font-size:1.95rem; }
    .asf-addr-card--big .asf-input{ font-size:1.08rem; padding:17px 16px; }
}

/* ── Unified wizard frame (shared by address / review / verify) ──────────────
   One consistent shell so every step reads as the same multi-step funnel:
   a progress band (brand + stepper) over a centered content column. */
.asf-flowbar{ background:#fff; border-bottom:1px solid var(--asf-line); box-shadow:var(--asf-shadow-sm); }
.asf-flowbar-inner{ max-width:760px; margin:0 auto; padding:18px 22px 16px; }
.asf-flowbar-top{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.asf-flow-brand{ display:inline-flex; align-items:center; gap:9px; font-weight:800; color:var(--asf-ink); font-size:1rem; letter-spacing:-.01em; }
.asf-flow-brand i{ color:var(--asf-primary); }
.asf-flow-exit{ color:var(--asf-muted); text-decoration:none; font-size:.84rem; font-weight:600; display:inline-flex; gap:6px; align-items:center; transition:color .15s; }
.asf-flow-exit:hover{ color:var(--asf-ink); }
.asf-flowbar .asf-steps{ margin-bottom:0; }

.asf-flow{ max-width:560px; margin:0 auto; padding:38px 22px 64px; }
.asf-flow--wide{ max-width:760px; }
.asf-flow-head{ text-align:center; margin-bottom:24px; }
.asf-flow-head h1{ font-size:1.85rem; color:var(--asf-ink); margin:0 0 8px; font-weight:850; letter-spacing:-.01em; }
.asf-flow-head p{ color:var(--asf-muted); font-size:1.04rem; line-height:1.55; margin:0 auto; max-width:480px; }
.asf-flow-actions{ display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:26px; }
.asf-flow-actions .asf-btn{ flex:1; min-width:200px; }
@media (max-width:560px){
    .asf-flow-actions{ flex-direction:column-reverse; }
    .asf-flow-actions .asf-btn{ width:100%; flex:none; min-width:0; }
}

/* Compact property confirmation card (replaces the full details page on review) */
.asf-propcard{ background:#fff; border:1px solid var(--asf-line); border-radius:20px; overflow:hidden; box-shadow:var(--asf-shadow-lg); }
.asf-propcard-img{ width:100%; height:240px; object-fit:cover; display:block; background:#e7eef8; }
.asf-propcard-imgph{
    width:100%; height:160px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#0a2452,#0b2f6b); color:rgba(255,255,255,.5); font-size:2.6rem;
}
.asf-propcard-body{ padding:24px 26px 26px; }
.asf-propcard-addr{ font-size:1.32rem; font-weight:850; color:var(--asf-ink); margin:0 0 3px; letter-spacing:-.01em; line-height:1.25; }
.asf-propcard-sub{ color:var(--asf-muted); font-size:.92rem; margin:0 0 18px; }
.asf-propfacts{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; }
.asf-fact{ display:inline-flex; align-items:center; gap:8px; background:#f4f7fc; border:1px solid var(--asf-line); border-radius:10px; padding:9px 13px; font-size:.85rem; font-weight:650; color:var(--asf-ink); }
.asf-fact i{ color:var(--asf-primary); font-size:.85rem; }
.asf-valuebox{ display:flex; justify-content:space-between; align-items:center; gap:12px; background:linear-gradient(135deg,#eef5ff,#e3eefe); border:1px solid #d7e6fc; border-radius:13px; padding:16px 20px; }
.asf-valuebox .lbl{ color:#3f5273; font-size:.85rem; font-weight:650; }
.asf-valuebox .lbl small{ display:block; color:var(--asf-muted); font-weight:500; font-size:.76rem; margin-top:2px; }
.asf-valuebox .val{ color:var(--asf-primary); font-size:1.55rem; font-weight:850; letter-spacing:-.01em; white-space:nowrap; }

/* ── Review (confirm) step ───────────────────────────────────────────────── */
.asf-reviewbar{ background:var(--asf-card); border-bottom:1px solid var(--asf-line); padding:26px 0 8px; }
.asf-confirm-head h2{ font-size:1.5rem; color:var(--asf-ink); margin:0 0 6px; font-weight:800; }
.asf-confirm-head p{ color:var(--asf-muted); margin:0 0 6px; font-size:1rem; }
.asf-confirm-bar{
    position:sticky; bottom:0; z-index:900; background:#fff;
    border-top:1px solid var(--asf-line); box-shadow:0 -6px 20px rgba(15,23,42,.06);
    padding:14px 0;
}
.asf-confirm-actions{ display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
@media (max-width:560px){
    .asf-confirm-actions{ flex-direction:column-reverse; }
    .asf-confirm-actions .asf-btn, .asf-confirm-actions form{ width:100%; }
    .asf-confirm-actions .asf-btn{ width:100%; }
}

/* ── Verify / result step ────────────────────────────────────────────────── */
.asf-prop-line{
    display:flex; align-items:center; gap:10px; background:var(--asf-card); border:1px solid var(--asf-line);
    border-radius:12px; padding:15px 18px; margin-bottom:22px; color:var(--asf-ink); font-weight:600; box-shadow:var(--asf-shadow-sm);
}
.asf-prop-line i{ color:var(--asf-primary); }
.asf-result{ text-align:center; padding:18px 0 6px; }
.asf-result-icon{ font-size:3.4rem; line-height:1; margin-bottom:12px; }
.asf-result.ok .asf-result-icon{ color:#16a34a; }
.asf-result.err .asf-result-icon{ color:#ef4444; }
.asf-result h2{ font-size:1.8rem; color:var(--asf-ink); margin:0 0 6px; font-weight:850; letter-spacing:-.01em; }
.asf-result p{ color:var(--asf-muted); margin:0; font-size:1.04rem; }

.asf-checklist{ list-style:none; padding:0; margin:24px 0; display:flex; flex-direction:column; gap:12px; }
.asf-checklist li{
    display:flex; gap:12px; align-items:flex-start; background:var(--asf-card); border:1px solid var(--asf-line);
    border-radius:12px; padding:15px 17px; color:var(--asf-ink); font-size:.95rem; line-height:1.5; box-shadow:var(--asf-shadow-sm);
}
.asf-checklist li i{ margin-top:3px; flex-shrink:0; }
.asf-checklist li.ok{ border-left:4px solid #16a34a; }
.asf-checklist li.ok i{ color:#16a34a; }
.asf-checklist li.bad{ border-left:4px solid #ef4444; background:#fef2f2; }
.asf-checklist li.bad i{ color:#ef4444; }

.asf-price-card{ background:var(--asf-card); border:1px solid var(--asf-line); border-radius:var(--asf-radius); padding:8px 22px; margin:24px 0; box-shadow:var(--asf-shadow-md); }
.asf-price-row{ display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px dashed var(--asf-line); color:var(--asf-muted); }
.asf-price-row b{ color:var(--asf-ink); }
.asf-price-row.total{ border-bottom:none; font-size:1.1rem; }
.asf-price-row.total b{ color:var(--asf-primary); font-size:1.35rem; }

.asf-terms-recap{ background:#f6f9fe; border:1px solid var(--asf-line); border-radius:var(--asf-radius); padding:22px 26px; margin:24px 0; }
.asf-terms-recap h3{ margin:0 0 12px; font-size:1.05rem; color:var(--asf-ink); font-weight:750; }
.asf-terms-recap ul{ margin:0; padding-left:20px; color:var(--asf-muted); }
.asf-terms-recap li{ margin:7px 0; line-height:1.5; }

.asf-cta-row{ text-align:center; margin-top:28px; }

.asf-alert{ padding:14px 18px; border-radius:12px; font-size:.96rem; display:flex; gap:10px; align-items:center; }
.asf-alert.err{ background:#fef2f2; border:1px solid #fca5a5; color:#991b1b; }

/* ════════════════════════════════════════════════════════════════════════════
   Visual polish pass (v8) — info/landing page. Layout & content unchanged;
   this only deepens hierarchy, rhythm, and depth.
   ════════════════════════════════════════════════════════════════════════════ */

/* Hero: trust strip under the CTA + a hair more depth */
.asf-hero{ box-shadow:inset 0 -1px 0 rgba(255,255,255,.06); }
.asf-hero-trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px 12px; margin:26px 0 0; }
.asf-hero-trust span{
    display:inline-flex; align-items:center; gap:8px; font-size:.82rem; font-weight:650; color:#dce8fb;
    background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.18); border-radius:999px;
    padding:8px 15px; backdrop-filter:blur(4px);
}
.asf-hero-trust span i{ color:#8ec0ff; }

/* Full-bleed section bands → alternating rhythm (dark hero → white → tinted → dark CTA) */
.asf-band{ width:100%; }
.asf-band--white{ background:#fff; border-top:1px solid var(--asf-line); border-bottom:1px solid var(--asf-line); }

/* Dashed connector running through the numbered "how it works" steps (desktop only) */
.asf-how{ position:relative; }
.asf-how::before{
    content:""; position:absolute; top:52px; left:12.5%; right:12.5%; height:2px; z-index:0;
    background:repeating-linear-gradient(90deg,#c9dbf4 0 7px, transparent 7px 14px);
}
.asf-how-card{ position:relative; z-index:1; }
@media (max-width:900px){ .asf-how::before{ display:none; } }

/* More premium cards + richer icon chips */
.asf-how-card, .asf-term{ box-shadow:var(--asf-shadow-md); }
.asf-how-card:hover{ box-shadow:var(--asf-shadow-lg); }
.asf-term i{ background:linear-gradient(160deg,#eaf2ff,#dbe9ff); box-shadow:inset 0 0 0 1px rgba(0,106,255,.08); }

/* Final CTA — bold navy panel that bookends the hero */
.asf-finalcta{
    background:
        radial-gradient(900px 380px at 82% -30%, rgba(0,106,255,.55) 0%, rgba(0,106,255,0) 60%),
        linear-gradient(165deg,#08182f 0%, #0a2452 55%, #0b2f6b 100%);
    border:none; color:#fff; box-shadow:var(--asf-shadow-lg); position:relative; overflow:hidden;
}
.asf-finalcta::after{
    content:""; position:absolute; inset:0; z-index:0; opacity:.5; pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size:22px 22px;
}
.asf-finalcta > *{ position:relative; z-index:1; }
.asf-finalcta h2{ color:#fff; }
.asf-finalcta p{ color:#cfe0fb; }
.asf-finalcta .asf-btn{ background:#fff; color:var(--asf-primary-d); box-shadow:0 14px 30px -10px rgba(0,0,0,.45); }
.asf-finalcta .asf-btn:hover{ background:#eef5ff; filter:none; box-shadow:0 18px 36px -10px rgba(0,0,0,.5); }
.asf-finalcta .asf-disclaimer{ color:rgba(255,255,255,.55) !important; }

/* Hero search bar — the property lookup lives right on the landing page */
.asf-hero-search{
    display:flex; gap:10px; max-width:780px; margin:4px auto 0;
    background:#fff; padding:10px; border-radius:18px;
    box-shadow:0 30px 70px -22px rgba(0,0,0,.55), 0 10px 26px -12px rgba(0,0,0,.32);
}
.asf-hero-search .asf-input-wrap{ flex:1; min-width:0; }
.asf-hero-search .asf-input{
    width:100%; border:1.5px solid transparent; background:#f4f7fc; color:var(--asf-ink);
    font-size:1rem; padding:18px 16px 18px 48px; border-radius:12px; text-overflow:ellipsis;
}
.asf-hero-search .asf-input-wrap > i{ left:18px; font-size:1.02rem; color:#7e8ba3; }
.asf-hero-search .asf-input:focus{ background:#fff; border-color:var(--asf-primary); box-shadow:var(--asf-ring); }
.asf-hero-search .asf-btn{ white-space:nowrap; flex:0 0 auto; padding:18px 24px; }
@media (max-width:560px){ .asf-hero-search{ flex-direction:column; padding:12px; } .asf-hero-search .asf-btn{ width:100%; } }

/* Inline account step — basic signup / login inside the funnel */
.asf-acct-card{
    background:var(--asf-card); border:1px solid var(--asf-line); border-radius:22px;
    box-shadow:var(--asf-shadow-lg); padding:40px 38px 32px; max-width:480px; margin:0 auto; text-align:center;
}
.asf-acct-card .asf-addr-badge{ margin:0 auto 18px; }
.asf-acct-card h1{ font-size:1.7rem; color:var(--asf-ink); margin:0 0 8px; font-weight:850; letter-spacing:-.01em; }
.asf-acct-sub{ color:var(--asf-muted); font-size:1rem; line-height:1.55; margin:0 auto 22px; max-width:400px; }
.asf-acct-form{ display:flex; flex-direction:column; gap:12px; text-align:left; }
.asf-acct-form .asf-btn{ width:100%; margin-top:4px; }
.asf-acct-row2{ display:flex; gap:12px; } .asf-acct-row2 > .asf-input-wrap{ flex:1; }
.asf-acct-form .asf-acct-alt{ margin:0 0 2px; }
.asf-acct-alt{ margin-top:16px; font-size:.88rem; color:var(--asf-muted); display:flex; align-items:center; justify-content:center; gap:7px; }
.asf-acct-alt i{ color:#16a34a; }
@media (max-width:520px){ .asf-acct-row2{ flex-direction:column; } .asf-acct-card{ padding:32px 22px 28px; } }