/* USIG San Diego — lead paths, quick-intent chips, inquiry form */

/* Five-path strip (hub) */
.paths{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:8px}
.path{display:flex; flex-direction:column; background:linear-gradient(180deg,var(--panel),var(--navy3)); border:1px solid var(--line-soft); border-top:3px solid var(--gold); border-radius:var(--radius); padding:18px 16px; color:var(--text); transition:border-color .2s ease, transform .15s ease}
.path:hover{border-color:var(--gold); transform:translateY(-2px); text-decoration:none}
.path h3{font-size:1.06rem; margin:0 0 6px; color:var(--white)}
.path p{font-size:.92rem; color:var(--muted); margin:0 0 14px; line-height:1.5; flex:1}
.path .go2{font-weight:700; font-size:.9rem; color:var(--gold-soft)}
.path .go2::after{content:" \2192"}
@media(max-width:1020px){.paths{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.paths{grid-template-columns:1fr 1fr; gap:10px} .path{padding:14px 12px} .path p{display:none} .path h3{font-size:1rem} .path:last-child{grid-column:1 / -1}}
/* mobile call bar: number on its own line (hub page uses inline styles) */
.callbar a small{display:block; font-weight:600; font-size:.74rem; opacity:.85; margin-top:1px}

/* Quick-intent chips (CTA bands) */
.intents{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:18px auto 0; max-width:760px}
.intents .lbl{width:100%; text-align:center; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:2px}
.intents a{display:inline-block; padding:7px 14px; border:1px solid var(--line); border-radius:999px; font-size:.92rem; font-weight:600; color:var(--text); background:rgba(1,14,30,.35)}
.intents a:hover{border-color:var(--gold); color:var(--white); text-decoration:none}

/* Inquiry page */
.inq{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:28px; align-items:start}
@media(max-width:880px){.inq{grid-template-columns:1fr}}
.inq-card{background:linear-gradient(180deg,var(--panel),var(--navy3)); border:1px solid var(--line-soft); border-radius:var(--radius); padding:26px 24px}
.inq-card h2{font-size:1.4rem; margin:0 0 4px}
.inq-card .sub{color:var(--muted); margin:0 0 18px}
.fld{margin:0 0 16px}
.fld > label, .fld > .q{display:block; font-weight:600; color:var(--white); margin:0 0 6px; font-size:.98rem}
.fld .opt{font-weight:400; color:var(--muted); font-size:.88rem}
.fld input[type=text], .fld input[type=email], .fld input[type=tel], .fld select, .fld textarea{width:100%; padding:11px 12px; font:inherit; font-size:1rem; color:var(--white); background:#061a33; border:1px solid rgba(255,255,255,.18); border-radius:6px}
.fld textarea{min-height:96px; resize:vertical}
.fld input:focus, .fld select:focus, .fld textarea:focus{outline:2px solid var(--gold); outline-offset:1px; border-color:var(--gold)}
.row2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.seg{display:flex; flex-wrap:wrap; gap:8px; border:0; padding:0; margin:0}
.seg legend{font-weight:600; color:var(--white); margin:0 0 6px; padding:0; font-size:.98rem}
.seg label{position:relative; cursor:pointer}
.seg input{position:absolute; opacity:0; width:1px; height:1px}
.seg span{display:inline-block; padding:9px 14px; border:1px solid rgba(255,255,255,.22); border-radius:999px; font-weight:600; font-size:.95rem; color:var(--text); background:#061a33}
.seg input:checked + span{background:var(--gold); color:#13233b; border-color:var(--gold)}
.seg input:focus-visible + span{outline:2px solid var(--gold); outline-offset:2px}
.cond[hidden]{display:none}
.consent{font-size:.86rem; color:var(--muted); margin:6px 0 16px; line-height:1.55}
.consent a{text-decoration:underline}
.err{color:#ffb4a8; font-size:.9rem; margin:6px 0 0; min-height:0}
.hp{position:absolute; left:-5000px; width:1px; height:1px; overflow:hidden}
.inq-done{text-align:center; padding:12px 4px}
.inq-done h2{margin:0 0 8px}
.inq-side .expert{margin-top:0}
.inq-side ul{margin:12px 0 0; padding-left:18px; color:var(--muted)}
.inq-side li{margin:4px 0}
button.btn[disabled]{opacity:.65; cursor:wait}
