/* The customer and provider role choices are the landing page's master CTAs. */
.welcome-copy{margin-top:clamp(58px,11vh,105px)}
.role-intro{margin-top:clamp(24px,4vh,38px)}
.role-intro span,.role-intro small{display:block}
.role-intro span{color:var(--yellow);font:800 10px ui-monospace,Consolas,monospace;letter-spacing:1px}
.role-intro small{margin-top:4px;color:#aebbb1;font-size:11px}
.role-cards{display:grid;gap:12px;margin-top:12px}
.role-cards button{position:relative;display:flex;align-items:center;min-height:78px;padding:13px 56px 13px 68px;border-radius:19px;text-align:left;font:inherit;transition:transform .18s ease,box-shadow .18s ease}
.role-cards button:active{transform:scale(.985)}
.role-cards i{position:absolute;left:17px;top:50%;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:21px;font-style:normal;font-weight:900;transform:translateY(-50%)}
.role-cards span{display:block}
.role-cards b,.role-cards small{display:block}
.role-cards b{font-size:18px;letter-spacing:-.6px}
.role-cards small{margin-top:3px;font-size:10px}
.role-cards strong{position:absolute;right:17px;top:50%;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-size:21px;transform:translateY(-50%)}
.role-cards .customer-cta{border:1px solid #ffdc57;background:linear-gradient(135deg,#ffd64d,#ffc928);color:#16180f;box-shadow:0 12px 25px #0004}
.customer-cta i,.customer-cta strong{background:#101216;color:var(--yellow)}
.customer-cta small{color:#4d4005}
.role-cards .provider-cta{border:1px solid #4bd47e;background:linear-gradient(135deg,#176d40,#14884b);color:#fff;box-shadow:0 10px 22px #0003}
.provider-cta i{background:#e8f5e9;color:#14884b}
.provider-cta strong{background:#ffffff1c;color:var(--yellow)}
.provider-cta small{color:#d5f0dd}
.prototype-note{margin:16px 0 0}
.investor-launcher{margin-top:17px;padding-top:14px;border-top:1px solid #ffffff1f}
.investor-launcher>div:first-child span,.investor-launcher>div:first-child small{display:block}
.investor-launcher>div:first-child span{color:var(--yellow);font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.9px}
.investor-launcher>div:first-child small{margin-top:3px;color:#aebbb1;font-size:9px}
.investor-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}
.investor-tiles button{display:flex;align-items:center;gap:7px;min-height:39px;padding:8px 9px;border:1px solid #ffffff2c;border-radius:11px;background:#ffffff0d;color:#f3f7f3;text-align:left;font:inherit}
.investor-tiles button>i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#ffffff18;color:var(--yellow);font-size:11px;font-style:normal}
.investor-tiles b{font-size:9px}
.investor-tiles .wide{grid-column:1/-1;background:#e8f5e9;color:#173e25}
.investor-tiles .wide>i{background:var(--green);color:#fff}
.investor-tiles .wide span{flex:1}.investor-tiles .wide b,.investor-tiles .wide small{display:block}
.investor-tiles .wide b{font-size:10px}.investor-tiles .wide small{margin-top:1px;color:#55725d;font-size:8px}
.investor-tiles .wide strong{color:var(--green);font-size:16px}
.phone.landing>.demo-dock,.phone.landing>.mechanic-dock,.phone.landing>.future-dock,.phone.landing>.pitch-dock,.phone.landing>.ops-dock{display:none}
@media(max-height:700px){.welcome-copy{margin-top:38px}.role-intro{margin-top:20px}.role-cards button{min-height:70px}.role-cards b{font-size:16px}.investor-launcher{margin-top:12px;padding-top:10px}}