.sales-main{max-width:1000px;margin:90px auto 60px;padding:24px;box-sizing:border-box;}
.sales-main h1{
    font-family: 'newathletic';
    font-weight: lighter;
    font-size: 4em;
}
.sales-tiles{display:grid;gap:22px}.sales-tile{display:block;padding:28px;border-radius:18px;background:#143a65;color:white;text-decoration:none;box-shadow:0 4px 18px #0002}.sales-tile h2{margin:0 0 12px}.sales-tile p{margin:0;line-height:1.6}.sales-tile:not(#quote-title):hover{transform:scale(1.05)}.sales-form{max-width:600px;margin:24px auto;display:grid;gap:18px;text-align:left}.sales-form label{display:grid;gap:8px}.sales-form input,.sales-form select,.pricing-cta input{font:inherit;padding:13px;border:1px solid #aaa;border-radius:7px;min-width:0;box-sizing:border-box}.sales-form button,.pricing-cta button{font:inherit;padding:14px 20px;background:#1769aa;color:white;border:0;border-radius:7px;cursor:pointer}.pricing-cta{display:flex;justify-content:center;gap:12px;margin:20px auto;max-width:620px}.pricing-cta input{flex:1}.sales-status{white-space:pre-line;line-height:1.6}.sales-main a{color:inherit}button:disabled{opacity:.6}.sales-form :focus-visible,.sales-tile:focus-visible{outline:3px solid #ecb500;outline-offset:3px}@media(max-width:600px){.sales-main{padding:16px}.sales-main h1{font-size:30px}.pricing-cta{flex-direction:column}.sales-tile{padding:22px}}
body{min-width:0}
/* Override the shared responsive button styles. */
.TopMain .login,
.textBanner .login,
.noteFromDev .login {
    display: inline-block !important;
    position: static;
    width: 60% !important;
    min-height: 48px;
    margin: auto !important;
}

.TopMain .supertitle .login, .textBanner .login, .noteFromDev .login {
    background: #2f2f2f !important;
    border: solid gray 1px;
    width: max-content !important;
    padding: 0 30px;
    margin-top: 20px !important;
}
.sales-form[hidden]{display:none}.pricing-cta input[hidden]{display:none}
.Header{top:0;left:0}.sales-main a.sales-tile{color:#fff}.sales-main>p{margin:12px 0 24px}

/* Dashboard keeps the original board imagery in full-width rows. */
.dashboard-tiles .sales-tile {
    min-height: 220px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-position: center;
    border: 2px solid #143a65;
    text-shadow: 0 1px 3px #000;
    text-align: center;
}
.sales-tile h2 {
    font-family: newathletic;
    font-weight: 100;
    font-size: 4em;
    text-align: center;
}
.dashboard-tiles [data-board="scoreclock"] {
    background-image: linear-gradient(0deg, #071729ed, #07172920), url('images/image-scoreboard.png');
}
.dashboard-tiles [data-board="player-stats"] {
    background-image: linear-gradient(0deg, #071729ed, #07172920), url('images/img1.png');
}
.dashboard-tiles [data-board="team-stats"] {
    background-image: linear-gradient(0deg, #071729ed, #07172920), url('images/img5.png');
}
.dashboard-tiles .sales-tile:not(#quote-title):hover { box-shadow: 0 4px 20px #143a6580; }
.pricing-cta button { min-width: 220px; }

@font-face { font-family: newathletic; src: url('newathletic.ttf'); }
.quote-product { margin-bottom: 28px; }
.quote-product .sales-tile { display: flex; justify-content: center; align-items: center; text-align: center; }
.quote-product .sales-tile h2 { font-family: newathletic, sans-serif; font-size: 4em; font-weight: normal; margin: 0; }
.sales-form fieldset { border: 0; display: grid; gap: 18px; min-width: 0; }
.sales-form [hidden] { display: none; }
.sales-form textarea { font: inherit; padding: 13px; border: 1px solid #aaa; border-radius: 7px; resize: vertical; box-sizing: border-box; width: 100%; }
.quote-actions { display: flex; gap: 12px; }
.quote-actions button:last-child { flex: 1; }
#save-status { min-height: 24px; font-size: 14px; }
#account-summary, #account-switch { font-style: italic; font-size: 14px; line-height: 1.5; }
#account-switch { margin-top: -12px; }
.quote-introduction { line-height: 1.6; }
@media(max-width:600px) {
  #quote-title > h2 { font-size: 30px; }
  .sales-main { margin: 70px auto 0px; border-radius: 0; border: none; }
}

#quote-title { max-width: 600px; margin: auto; min-height: 120px; height: 120px; padding: 16px; margin-top: 10px; }
.TopMain .hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 24px; }
.TopMain .supertitle .hero-actions .buy { margin: 0 !important; }
.hero-login { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; box-sizing: border-box; border: 1px solid #ffffff80; border-radius: 8px; color: white; background: #ffffff12; font-size: 1rem; text-decoration: none; transition: background .15s, border-color .15s; }
.hero-login:hover { background: #ffffff26; border-color: white; }
.hero-login:focus-visible { outline: 3px solid #ecb500; outline-offset: 4px; }
.hero-login[hidden] { display: none; }
.TopMain .supertitle .hero-actions > a { width: auto !important; margin: 0 !important; border-radius: 7px; }
@media (max-width: 700px) {
  .TopMain .TopMainTitle { width: 100% !important; height: 100% !important; padding: 24px 18px !important; }
  .TopMain .TopMainTitle > div, .TopMain .supertitle { width: 100% !important; min-width: 0; box-sizing: border-box; }
  .TopMain .supertitle { text-align: center; }
  .TopMain .supertitle h1 { width: 100% !important; font-size: clamp(30px, 10vw, 64px); }
  .TopMain .supertitle .hero-subtitle { width: 100% !important; font-size: clamp(20px, 5.5vw, 30px); line-height: 1.35; margin-top: 12px !important; }
  .TopMain .supertitle .hero-actions { width: 100% !important; gap: 12px; margin-top: 24px !important; }
}
@media (max-width: 700px) {
  .featuresBlock .textBanner { box-sizing: border-box; width: calc(100% - 40px); min-width: 0; padding: 32px 24px; }
}

.cta-login[hidden], .quote-result[hidden], #quote-offer[hidden] { display: none; }
.quote-complete > h1 { margin: 26px auto; }
.quote-success { color: #19f522; }
.quote-error { color: #ff8234; }
.quote-result { display: grid; gap: 20px; max-width: 600px; margin: 0 auto 24px; text-align: left; }
.quote-result-code { font-family: monospace; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.quote-result #send-quote { width: 100%; min-height: 50px; height: auto; margin: 0; font: inherit; padding: 14px 20px; background: #1769aa; color: white; border: 0; border-radius: 7px; cursor: pointer; }
#result-sender { font-style: italic; font-size: 14px; }
.quote-loading-circle { display: inline-block; width: 18px; height: 18px; border: 3px solid #ffffff70; border-top-color: white; border-radius: 50%; animation: quote-spin .7s linear infinite; vertical-align: middle; margin-right: 10px; }
@keyframes quote-spin { to { transform: rotate(360deg); } }