/* WholesaleMentary Driving For Dollars — premium installation gateway */
:root{--bg:#071018;--fg:#f7f8f6;--muted:#bec9c9;--gold:#e7b974;--line:rgba(232,185,116,.21)}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%}
body{margin:0;min-height:100vh;min-width:320px;color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:#07131d url('/assets/gateway-neighborhood-background.webp') center center/cover fixed no-repeat;isolation:isolate}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(3,10,17,.88) 0%,rgba(5,14,23,.78) 43%,rgba(5,12,19,.55) 100%),linear-gradient(0deg,rgba(3,10,16,.56),transparent 45%)}
.shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(12px,3vw,62px);width:min(1260px,100%);padding:30px clamp(22px,4vw,55px);margin:auto}
.content{position:relative;z-index:2;max-width:600px;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.brand{display:flex;gap:13px;align-items:center;font-weight:900;letter-spacing:.12em;font-size:clamp(.9rem,1.35vw,1.12rem)}
.brand img{border-radius:10px;flex-shrink:0}
.brand small{display:block;color:var(--gold);font-weight:750;font-size:.59rem;letter-spacing:.22em;padding-top:5px}
.eyebrow{margin-top:clamp(32px,5vw,74px);color:var(--gold);letter-spacing:.2em;font-weight:800;font-size:.73rem}
.dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(231,185,116,.55)}
h1{font-size:clamp(3rem,5.7vw,5.6rem);line-height:.99;letter-spacing:-.065em;margin:16px 0 21px;font-weight:850}
h1 em{font-style:normal;color:var(--gold)}
.subtitle{color:#d5dede;font-size:1.04rem;max-width:525px;line-height:1.65}
.install-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:31px;max-width:540px}
.btn{min-height:58px;border-radius:14px;font-weight:800;font-size:.93rem;padding:12px 17px;cursor:pointer;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}
.primary{color:#12202a;background:linear-gradient(145deg,#f9dfa6 0%,#e7b974 45%,#b9863f 100%);box-shadow:0 6px 24px rgba(174,116,51,.19);border-color:rgba(255,229,168,.38)}
.primary:hover{filter:brightness(1.1)}
.primary:focus-visible,.share:focus-visible,.subtle:focus-visible{outline:3px solid white;outline-offset:3px}
.share{grid-column:span 2;color:#f3f6f5;background:rgba(12,25,35,.85);border-color:rgba(226,187,124,.28)}
.share:disabled{opacity:.52;cursor:not-allowed}
.hint{color:#b1c1c3;font-size:.82rem;line-height:1.58;margin-top:17px}
.foot{display:flex;gap:24px;font-size:.69rem;color:#d6dfde;letter-spacing:.12em;border-top:1px solid rgba(221,193,146,.21);max-width:520px;margin-top:clamp(30px,5vw,68px);padding-top:20px}
.visual{position:relative;display:grid;place-items:center;min-width:0;width:100%;align-self:center}
.visual-glow{position:absolute;inset:13% 8%;background:radial-gradient(ellipse,#d1985140,transparent 68%);filter:blur(45px);pointer-events:none}
.gateway-phone{display:block;position:relative;z-index:1;width:min(100%,450px);height:auto;filter:drop-shadow(0 24px 55px rgba(0,0,0,.74));object-fit:contain}
.modal{display:none;position:fixed;inset:0;background:#000d;backdrop-filter:blur(12px);z-index:10;padding:16px;place-items:center}
.modal.open{display:grid}
.modal-body{width:min(530px,100%);max-height:90dvh;overflow-y:auto;background:linear-gradient(#1b2a31,#0e191e);border:1px solid #49606a;border-radius:23px;padding:24px;box-shadow:0 40px 90px #000a}
.modal h2{font-size:2rem;line-height:1.05;margin:13px 0 22px}
.modal-kicker{color:var(--gold);font-size:.72rem;letter-spacing:.18em;font-weight:800}
.step{display:grid;gap:7px;border-bottom:1px solid #35474c;padding:15px 0}
.step b{font-size:1rem}.step span{color:#bfcbcc;font-size:.91rem;line-height:1.5}
.full{width:100%;margin-top:18px;justify-content:center}
.subtle{background:none;border:1px solid #364850;color:#e4e9e7;margin-top:9px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#15262c;color:white;border-radius:12px;padding:10px 15px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}
@media(max-width:780px){
 body{background-attachment:scroll;background-position:left center}
 body:before{background:linear-gradient(180deg,rgba(4,12,19,.83),rgba(5,12,20,.7) 47%,rgba(4,13,20,.66))}
 .shell{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:24px 20px 34px}
 .content{width:100%;max-width:560px;margin:auto}
 .brand{font-size:.91rem}.brand img{width:40px;height:40px}
 .eyebrow{margin-top:27px;font-size:.66rem}
 h1{font-size:clamp(2.55rem,9vw,4rem);margin:11px 0 13px}
 .subtitle{font-size:.93rem;line-height:1.5;margin:0}
 .install-actions{margin-top:21px;gap:9px}.btn{min-height:52px;font-size:.82rem;padding:10px 11px}
 .hint{font-size:.77rem}.foot{display:none}
 .visual{margin:2px auto 0;width:100%}
 .gateway-phone{width:min(77vw,354px)}
}
@media(max-width:360px){.shell{padding-inline:15px}.btn{font-size:.76rem}.gateway-phone{width:min(77vw,285px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* WholesaleMentary — one word, two signature colors. */
.wordmark{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;font-weight:850;letter-spacing:-.055em;text-transform:none;line-height:1.06}
.wm-wholesale{color:#f7f8f6}.wm-mentary{color:#e7b974}
.wordmark-group{display:flex;flex-direction:column;gap:4px;min-width:0}
.brand-subline{display:block;color:#e7b974!important;letter-spacing:.2em!important;font-size:.63em!important;font-weight:800!important;margin:0!important;padding:0!important;line-height:1.3!important}
.brand .wordmark{font-size:clamp(1.22rem,2.0vw,1.8rem);text-shadow:0 2px 15px #0009}
.brand .brand-subline{font-size:.69rem!important}
@media(max-width:410px){.brand .wordmark{font-size:1.17rem}.brand{gap:9px}.brand .brand-subline{font-size:.58rem!important}}