/* SPR-UAS-HOME-AB-1 — owner-approved UpAndSelling homepage pair, 28 Oct 2026. */
:root{
  --bg:#07111d;--ink:#f7f5ef;--ink2:#d7d8d3;--muted:#9ea5aa;--faint:#6f7881;
  --gold:#f0b84b;--gold2:#ffd27a;--line:rgba(240,184,75,.22);--card:rgba(8,17,29,.78);
  --sans:Inter,"Helvetica Neue",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif
}
*{box-sizing:border-box}html,body{margin:0}html{overflow-x:hidden}
body.xh.us{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:16px/1.45 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}ul,ol{list-style:none;margin:0;padding:0}h1,p{margin:0}
.xh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xh-skip{position:absolute;left:16px;top:-80px;z-index:60;padding:10px 14px;background:var(--ink);color:var(--bg)}.xh-skip:focus{top:10px}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}

.us-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:
 radial-gradient(900px 560px at 89% 42%,rgba(247,183,86,.32),transparent 55%),
 radial-gradient(900px 500px at 48% 36%,rgba(72,90,115,.18),transparent 72%),
 linear-gradient(110deg,#06111d 0%,#0b1521 54%,#30251f 100%)}
.us-stars{display:none}.us-land{position:absolute;left:0;right:0;bottom:0;width:100%;height:55vh;min-height:300px;filter:sepia(.7) saturate(.8)}
.us-river{stroke:#f1ba4c!important;stroke-dasharray:180 40;animation:usflow 9s linear infinite}.us-river-glow{stroke:#e8a83a!important}
@keyframes usflow{to{stroke-dashoffset:-240}}.us-haze{position:absolute;inset:auto 0 0;height:26vh;background:linear-gradient(transparent,rgba(4,10,17,.92))}

.us-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 4.5vw;border-bottom:1px solid rgba(255,255,255,.1)}
.us-brand{display:flex;align-items:center;gap:18px;min-width:0}.xh-word{font:750 27px/1 var(--sans);letter-spacing:-.035em}.xh-word b{color:var(--gold2)}
.us-brand>span{padding-left:18px;border-left:1px solid rgba(255,255,255,.18);font-size:14px;color:var(--muted);white-space:nowrap}
.us-market{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:#d8d3c9;white-space:nowrap}
.us-market>span:first-child{font-size:20px;letter-spacing:0}.us-market i{width:1px;height:20px;background:rgba(255,255,255,.2)}.us-market b{color:var(--ink)}.us-market>span:last-child{color:var(--muted)}

.us-main{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0 4.5vw;overflow-x:clip}
.us-hero{position:relative;max-width:980px;width:100%;margin:0 auto;padding:clamp(34px,6vh,72px) 0 0;text-align:center}
.us-eyebrow{font-size:11px;font-weight:600;letter-spacing:.38em;text-transform:uppercase;color:#d9c79f;margin-bottom:20px}
.us-hero h1{font:750 clamp(44px,min(5vw,7vh),76px)/1.02 var(--sans);letter-spacing:-.045em;color:var(--ink)}
.us-hero h1 em{font-style:normal;color:var(--gold2)}
.us-lead{max-width:700px;margin:18px auto 0;font-size:clamp(16px,1.5vw,20px);color:var(--ink2)}
.us-price{max-width:640px;margin:8px auto 0;font-size:12.5px;color:var(--muted)}
.xh-flow{position:relative;width:100%;max-width:760px;margin:28px auto 0}.xh-flow>svg{display:none}
.us-ask{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:8px;border-radius:18px;background:rgba(5,13,24,.82);border:1px solid rgba(240,184,75,.55);box-shadow:0 16px 55px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.us-ask:focus-within{border-color:var(--gold2)}.us-ask-i{flex:none;width:21px;height:21px;margin-left:13px;fill:none;stroke:#cbd0d2;stroke-width:2;stroke-linecap:round}
.us-ask input[type=text]{flex:1;min-width:0;padding:15px 7px;border:0;background:transparent;color:var(--ink);font:17px var(--sans)}
.us-ask input::placeholder{color:#899098}.us-ask input:focus-visible{outline:none}
.us-cta{flex:none;display:inline-flex;align-items:center;gap:12px;padding:16px 31px;border:0;border-radius:13px;cursor:pointer;background:linear-gradient(180deg,#ffd372,#efb13f);color:#111;font:700 16px var(--sans);box-shadow:0 8px 24px rgba(235,169,50,.24);transition:filter .2s,transform .2s}
.us-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}
.us-chips{display:flex;justify-content:center;gap:0;margin:20px auto 0;max-width:760px}
.us-chips li{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:3px 18px;color:#d9d8d2;font-size:13px;border-right:1px solid rgba(255,255,255,.14);white-space:nowrap}.us-chips li:last-child{border-right:0}
.us-chips svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.us-photo-toggle{max-width:720px;margin:13px auto 0;color:var(--muted);font-size:12px}.us-photo-toggle summary{cursor:pointer;list-style:none}.us-photo-toggle summary::-webkit-details-marker{display:none}
.us-photo-toggle summary::before{content:"+ ";color:var(--gold)}.us-photo-toggle[open] summary::before{content:"− "}
.us-photos{margin-top:9px;text-align:left}.us-photos-label{display:none}.us-photos-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;background:rgba(4,12,22,.5);color:var(--muted);font-size:13px;cursor:pointer}
.us-photos-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.us-photos-hint{margin:7px 0 0;font-size:11px;color:var(--faint)}.us-photos-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.us-photos-list li{display:flex;align-items:center;gap:8px}.us-photos-list img{width:36px;height:36px;object-fit:cover;border-radius:6px}.us-photos-list button{border:0;background:none;color:inherit}.us-photos-status{font-size:12px}

.us-niches{position:relative;display:flex;align-items:center;gap:26px;max-width:1180px;width:100%;margin:clamp(38px,7vh,76px) auto 0;padding:20px 0 12px;border-top:1px solid rgba(255,255,255,.12)}
.us-niches-h{flex:none;width:118px;font-size:10px;font-weight:650;letter-spacing:.25em;line-height:1.65;text-transform:uppercase;color:#c8c4bb;text-align:left}
.us-niches ul{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:0}.us-niches li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 6px;color:#ddd9cf;font-size:12.5px;text-align:center;border-left:1px solid rgba(255,255,255,.12)}
.us-niches svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.us-foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px 26px;max-width:1600px;width:100%;margin:18px auto 0;padding:17px 4.5vw 22px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8f969b}.us-foot a:hover{color:var(--ink)}


@media (prefers-reduced-motion:reduce){.us-river{animation:none!important}}
@media (max-width:980px){.us-brand>span{display:none}.us-market{letter-spacing:.12em}.us-niches{align-items:flex-start}.us-niches ul{grid-template-columns:repeat(4,1fr);row-gap:18px}.us-niches li:nth-child(5){border-left:1px solid rgba(255,255,255,.12)}}
@media (max-width:700px){
 .us-nav{padding:14px 18px}.xh-word{font-size:22px}.us-market{font-size:0;gap:9px}.us-market>span:first-child{font-size:18px}.us-market b,.us-market>span:last-child{font-size:10px}.us-market i{height:17px}
 .us-main{padding:0 18px}.us-hero{padding-top:30px}.us-eyebrow{font-size:9px;letter-spacing:.3em;margin-bottom:14px}
 .us-hero h1{font-size:clamp(38px,12vw,55px)}.us-lead{font-size:16px;margin-top:15px}.us-price{font-size:11px}
 .us-ask{flex-wrap:wrap;padding:7px}.us-ask-i{display:none}.us-ask input[type=text]{flex-basis:100%;min-height:48px;padding:12px 10px;font-size:16px}.us-cta{width:100%;justify-content:center;min-height:48px}
 .us-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.us-chips li{justify-content:flex-start;padding:5px 8px;border-right:0;white-space:normal;font-size:12px}
 .us-niches{flex-direction:column;gap:14px;margin-top:34px}.us-niches-h{width:auto}.us-niches ul{width:100%;grid-template-columns:repeat(2,1fr)}.us-niches li{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:10px 3px}
 .us-foot{justify-content:center;text-align:center;padding-left:18px;padding-right:18px;flex-wrap:wrap}
}