/* Dealer program + dealer dashboard layer (batch23). Loaded only on /become-a-dealer/, /dealer-dashboard/, /dealer-login/. */
.dd-wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.dd-app{background:#f4f7fb;border:2px solid #d6e0ea;border-radius:22px;padding:18px;margin:0 auto}
.dd-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:16px;padding:14px 16px}
.dd-top .who{flex:1;min-width:200px}.dd-top .who b{display:block;font-size:20px;line-height:1.1}.dd-top .who span{font-size:13px;color:#b9cbe0}
.dd-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 12px;font-weight:800;font-size:14px;white-space:nowrap}
.dd-pill.gold{background:var(--gold);color:#2b2000;border-color:var(--gold)}
.dd-demo{background:#fff4d6;color:#7a4b00;border:1px solid #f2c66d;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700;margin:12px 0 0}
.dd-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:14px}
.dd-card{background:#fff;border:2px solid #dfe7f0;border-radius:16px;padding:16px;min-width:0}
.dd-card h3{font-size:17px;margin:0 0 8px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.dd-card h3 small{font-size:12.5px;color:var(--mute);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s6{grid-column:span 6}.s4{grid-column:span 4}
@media(max-width:900px){.s8,.s6,.s4{grid-column:span 12}}
.dd-score{display:flex;gap:16px;align-items:center}
.dd-score svg{flex:none}
.dd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:600px){.dd-kpis{grid-template-columns:1fr 1fr}}
.dd-kpi{background:#f4f7fb;border-radius:12px;padding:10px 12px}
.dd-kpi .l{font-size:12.5px;color:var(--mute);font-weight:700}.dd-kpi .v{font-size:24px;font-weight:900;line-height:1.1;color:var(--navy)}.dd-kpi .d{font-size:12.5px;color:var(--mute)}
.dd-bar{height:10px;background:#e6edf5;border-radius:99px;overflow:hidden;margin:6px 0}
.dd-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#1e88e5);border-radius:99px}
.dd-bar.gold i{background:linear-gradient(90deg,#c48a00,var(--gold))}
.dd-list{list-style:none;margin:0;padding:0}
.dd-list li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid #eef2f6;font-size:15.5px}
.dd-list li:last-child{border-bottom:0}
.dd-list input[type=checkbox]{width:22px;height:22px;accent-color:#16a34a;margin-top:2px}
.dd-list .done{text-decoration:line-through;color:var(--mute)}
.dd-list .when{font-size:12px;font-weight:800;color:var(--blue);background:#e9f1fb;border-radius:6px;padding:2px 7px;white-space:nowrap}
.dd-lead{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 0;border-bottom:1px solid #eef2f6;font-size:15px}
.dd-lead b{display:block}.dd-lead .m{color:var(--mute);font-size:13.5px}
.dd-lead .t{font-weight:900;font-variant-numeric:tabular-nums}.dd-lead .t.hot{color:#b3261e}.dd-lead .t.ok{color:#16a34a}
.dd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:10px 14px;font-weight:800;font-size:15px;text-decoration:none;border:2px solid var(--navy);color:var(--navy);background:#fff;cursor:pointer}
.dd-btn.p{background:var(--navy);color:#fff}.dd-btn.g{background:var(--gold);border-color:var(--gold);color:#2b2000}
.dd-btn.sm{padding:6px 10px;font-size:13.5px}
.dd-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(max-width:560px){.dd-tools{grid-template-columns:1fr}}
.dd-tools a{display:block;border:2px solid #dfe7f0;border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--navy);font-weight:700;font-size:14.5px;background:#fff}
.dd-tools a span{display:block;font-weight:500;color:var(--mute);font-size:13px}
.dd-tools a:hover{border-color:var(--blue)}
.dd-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:760px){.dd-ladder{grid-template-columns:1fr 1fr}}
.dd-rung{border:2px solid #dfe7f0;border-radius:12px;padding:10px;font-size:13.5px;background:#fff}
.dd-rung b{display:block;font-size:15px}.dd-rung.now{border-color:var(--gold);background:#fffaf0}.dd-rung .req{color:var(--mute);font-size:12.5px}
.dd-todo{background:#eef7f1;border:1px solid #9fd3b3;border-radius:12px;padding:12px 14px;font-size:15px}
.dd-todo ol{margin:6px 0 0;padding-left:20px}
.dd-foot{font-size:12.5px;color:var(--mute);margin-top:12px}
/* embed mode: only the app shows (used in the iframe on /become-a-dealer/) */
body.embed .tb,body.embed .hd,body.embed .bbb-strip,body.embed .callbar,body.embed .ph,body.embed .ft,body.embed .sticky,body.embed #toTop,body.embed .band,body.embed #arvin,body.embed #arvinGuy,body.embed #arvinTag,body.embed #arvinMini,body.embed .a11y-tb,body.embed .ve-tab,body.embed [id^="arvin"],body.embed [class*="arvin"],body.embed #a11yBtn,body.embed #a11yPanel,body.embed #readPill,body.embed #veTab{display:none!important}
body.embed .sec{padding:12px 0}
body.embed .dd-app{border:0;border-radius:0;background:transparent;padding:0}

/* become-a-dealer page */
.bd-hero{position:relative;overflow:hidden;color:#fff;padding:58px 0 54px;background:radial-gradient(1000px 420px at 85% -10%,rgba(232,177,0,.35),transparent 60%),linear-gradient(135deg,#0f2742,#163a63 60%,#0d3a63)}
.bd-hero .crumbs,.bd-hero .crumbs a{color:#cfe0f3}
.bd-hero h1{color:#fff;font-size:clamp(32px,4.6vw,54px);line-height:1.05;margin:0 0 10px;max-width:14ch;letter-spacing:-.02em}
.bd-hero h1 em{font-style:normal;color:var(--gold2);position:relative;white-space:nowrap}
.bd-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:6px;border-radius:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:bdUnderline 1.1s .5s ease-out forwards}
@keyframes bdUnderline{to{transform:scaleX(1)}}
.bd-hero .speak{color:#dbe7f5;font-size:20px;margin:0 0 20px;max-width:46ch}
.bd-hero .bd-cta{display:flex;gap:12px;flex-wrap:wrap}
.bd-hero .asb-btn-line{color:#fff!important;border-color:rgba(255,255,255,.7)!important;background:transparent!important}
.bd-grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
@media(max-width:900px){.bd-grid2{grid-template-columns:1fr}}
.bd-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
@media(max-width:560px){.bd-proof{grid-template-columns:1fr 1fr}}
.bd-proof div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 12px}
.bd-proof b{display:block;font-size:24px;color:var(--gold2);line-height:1.1}.bd-proof span{font-size:13px;color:#dbe7f5}
.bd-mini{background:#fff;color:var(--ink);border-radius:18px;padding:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);transform:rotate(-1.2deg);animation:bdFloat 6s ease-in-out infinite}
@keyframes bdFloat{0%,100%{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.bd-mini,.bd-hero h1 em::after{animation:none;transform:none}.bd-hero h1 em::after{transform:scaleX(1)}}
.bd-mini .r{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:14px}
.bd-mini .r:last-child{border-bottom:0}.bd-mini .r b{color:var(--navy)}
.bd-mini .lead{color:#b3261e;font-weight:800}
.bd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:st}
@media(max-width:900px){.bd-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bd-steps{grid-template-columns:1fr}}
.bd-step{background:#fff;border:2px solid var(--line);border-radius:16px;padding:18px;position:relative;counter-increment:st}
.bd-step::before{content:counter(st);position:absolute;top:-14px;left:16px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#2b2000;font-weight:900;display:grid;place-items:center;font-size:15px}
.bd-step h3{margin:6px 0 6px;font-size:18px}.bd-step p{margin:0;font-size:15px;color:#374151}
.bd-launch{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.bd-launch{grid-template-columns:1fr}}
.bd-day{background:#fff;border:2px solid var(--line);border-radius:16px;padding:16px}
.bd-day h3{font-size:16px;margin:0 0 8px;display:flex;justify-content:space-between}
.bd-day h3 span{font-size:12px;font-weight:800;background:var(--navy);color:#fff;border-radius:6px;padding:2px 8px;align-self:center}
.bd-day ul{margin:0;padding-left:18px;font-size:15px;display:grid;gap:5px}
.bd-day .rare{color:#7a4b00;background:#fff4d6;border-radius:4px;padding:0 5px;font-size:12px;font-weight:800;margin-left:4px;white-space:nowrap}
.bd-unlock{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.bd-unlock{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bd-unlock{grid-template-columns:1fr}}
.bd-tier{background:#fff;border:2px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.bd-tier .hd2{padding:14px 16px;color:#fff;background:var(--tc)}
.bd-tier .hd2 b{display:block;font-size:22px}.bd-tier .hd2 span{font-size:13px;opacity:.95}
.bd-tier ul{margin:0;padding:14px 16px 14px 32px;font-size:14.5px;display:grid;gap:6px;flex:1}
.bd-tier .pop{margin:0 16px 16px;background:#fff8e1;border:1px solid #f2c66d;border-radius:12px;padding:10px 12px;font-size:14px}
.bd-tier .pop b{display:block;color:#7a4b00}
.bd-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.bd-rules{grid-template-columns:1fr}}
.bd-rule{background:#fff;border:2px solid var(--line);border-radius:16px;padding:16px;font-size:15px}
.bd-rule h3{font-size:17px;margin:0 0 6px}
.bd-rule.review{border-color:#f2c66d;background:#fffaf0}
.bd-form{background:#fff;border:2px solid var(--line);border-radius:18px;padding:22px;max-width:820px;margin:0 auto}
.bd-form .fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.bd-form .fg{grid-template-columns:1fr}}
.bd-form label{display:block;font-weight:700;font-size:14px;margin:10px 0 4px}
.bd-form input,.bd-form select,.bd-form textarea{width:100%;border:2px solid var(--line);border-radius:10px;padding:12px;font:inherit;min-height:50px}
.bd-form textarea{min-height:90px}
.bd-form .msg{margin-top:10px;font-weight:700}.bd-form .msg.ok{color:#16a34a}.bd-form .msg.bad{color:#b3261e}
.bd-frame{border:2px solid var(--line);border-radius:18px;overflow:hidden;background:#f4f7fb}
.bd-frame iframe{display:block;width:100%;height:760px;border:0}
@media(max-width:700px){.bd-frame iframe{height:900px}}
.bd-note{font-size:13.5px;color:var(--mute)}
.bd-hero .bub{z-index:0}.bd-hero .wrap{position:relative;z-index:1}
.bd-hero h1{margin-bottom:16px}
@media(max-width:700px){.bd-hero{padding:26px 0 30px}.bd-hero h1{font-size:clamp(30px,9vw,38px)}.bd-hero .speak{font-size:17px;margin-bottom:14px}.bd-proof{margin-top:14px}.bd-mini{display:none}}
