html {
    font-size: 14px;
    scroll-behavior: smooth;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

:root {
    --red: #ff3131;
    --red-dark: #b91218;
    --black: #050505;
    --panel: rgba(16, 16, 16, .88);
    --border: rgba(255, 255, 255, .38);
    --white: #ffffff;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    background: var(--black);
    color: var(--white);
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

a {
    color: var(--red);
}

/* NAVBAR */

.ponyup-header {
    background: #050505;
}

.ponyup-navbar {
    min-height: 86px;
    background: linear-gradient(180deg, #101010, #050505);
    border-bottom: 2px solid rgba(255, 49, 49, .85);
    box-shadow: 0 8px 26px rgba(0,0,0,.9);
    display: flex;
    align-items: center;
    padding: 0 26px;
    gap: 24px;
}

.ponyup-brand img {
    height: 66px;
    width: auto;
    display: block;
    filter: drop-shadow(0 0 8px rgba(255,255,255,.35));
}

.ponyup-nav-links {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    flex-wrap: wrap;
}

.ponyup-nav-links a,
.ponyup-nav-links button {
    color: #ffffff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 1000;
    font-size: .82rem;
    letter-spacing: .065rem;
    white-space: nowrap;
    text-shadow: 0 0 10px rgba(255,255,255,.6);
    background: transparent;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
}

.ponyup-nav-links a:hover,
.ponyup-nav-links button:hover,
.ponyup-nav-links .pricing-nav {
    color: var(--red) !important;
}

.ponyup-auth-link {
    border: 1px solid rgba(255,255,255,.8) !important;
    border-radius: 4px;
    padding: 11px 18px;
}

.ponyup-auth-button {
    background: linear-gradient(180deg, #ff3131, #b91218) !important;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 12px 20px;
    box-shadow: 0 0 16px rgba(255,49,49,.45);
    cursor: pointer;
}

/* HERO */

.ponyup-hero {
    min-height: calc(100vh - 90px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    background: #050505;
}

.hero-image {
    height: 100%;
    overflow: hidden;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    display: block;
}


.hero-copy {
    width: 520px;
    margin-left: 4.3vw;
    margin-top: -14px;
}

.hero-wordmark {
    width: 360px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    filter:
        drop-shadow(0 0 12px rgba(255,255,255,.9))
        drop-shadow(0 0 18px rgba(255,49,49,.45));
}

.hero-slogan {
    color: var(--red);
    font-size: clamp(1.8rem, 3.15vw, 3.45rem);
    font-weight: 1000;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: .035rem;
    -webkit-text-stroke: 1.2px #ffffff;
    text-shadow:
        0 0 10px rgba(255,255,255,.72),
        0 0 20px rgba(255,49,49,.75),
        0 0 28px rgba(0,0,0,.95);
    margin: 0 0 20px;
}

.hero-copy h1 {
    color: #ffffff;
    font-size: clamp(1.35rem, 2.05vw, 2rem);
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .03rem;
    text-shadow:
        0 0 12px rgba(255,255,255,.85),
        0 0 22px rgba(0,0,0,.95);
    margin: 0 0 18px;
}

.hero-copy p {
    color: #ffffff;
    font-size: 1.12rem;
    line-height: 1.45;
    font-weight: 750;
    max-width: 470px;
    text-shadow: 0 0 12px rgba(0,0,0,1);
    margin-bottom: 28px;
}

.hero-buttons {
    display: flex;
    gap: 12px;
}

.btn-red,
.btn-dark {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 1000;
    font-size: .9rem;
    padding: 13px 22px;
    border-radius: 5px;
    color: #ffffff;
    text-shadow: 0 0 8px rgba(255,255,255,.45);
}

.btn-red {
    background: linear-gradient(180deg, #ff3131, #b91218);
    border: 1px solid #ff4545;
    box-shadow: 0 0 18px rgba(255,49,49,.75);
}

.btn-dark {
    background: rgba(10,10,10,.62);
    border: 2px solid rgba(255,255,255,.85);
    box-shadow: 0 0 15px rgba(255,255,255,.38);
}

/* SECTIONS */

.page-section {
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 28%),
        linear-gradient(180deg, #080808, #050505);
    border-top: 1px solid rgba(255,255,255,.12);
    padding: 76px 4.5vw;
}

.section-title {
    color: #ffffff;
    text-align: center;
    font-size: clamp(2.2rem, 3.5vw, 3.1rem);
    font-weight: 1000;
    letter-spacing: .18rem;
    text-transform: uppercase;
    text-shadow:
        0 0 12px rgba(255,255,255,.95),
        0 0 28px rgba(255,255,255,.45);
    margin: 0;
}

.section-subtitle {
    color: #f0f0f0;
    text-align: center;
    font-size: 1.08rem;
    font-weight: 750;
    text-shadow: 0 0 10px rgba(255,255,255,.45);
    margin: 8px 0 48px;
}

/* 3D ICON BUTTONS */

.press-icon {
    width: 86px;
    height: 86px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.45rem;
    border-radius: 16px;
    border: 2px solid #656565;
    background: linear-gradient(180deg, #454545 0%, #151515 60%, #070707 100%);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.3),
        inset 0 -8px 12px rgba(0,0,0,.75),
        0 8px 0 #000,
        0 16px 24px rgba(0,0,0,.75);
    transition: .08s;
}

.press-icon.small {
    width: 68px;
    height: 68px;
    font-size: 2rem;
    margin-bottom: 12px;
}

.decision-card:hover .press-icon,
.resource-card:hover .press-icon {
    transform: translateY(5px);
    border-color: var(--red);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.25),
        inset 0 -4px 8px rgba(0,0,0,.85),
        0 3px 0 #000,
        0 0 24px rgba(255,49,49,.65);
}

/* DECISION CENTER */

.decision-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 28px;
}

.decision-card {
    grid-column: span 2;
    min-height: 300px;
    padding: 34px 28px;
    display: block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(24,24,24,.88), rgba(7,7,7,.96));
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 8px;
    box-shadow:
        inset 0 0 45px rgba(255,255,255,.035),
        0 14px 28px rgba(0,0,0,.65);
}

.trade-card {
    grid-column: 2 / span 2;
}

.upgrade-card {
    grid-column: 4 / span 2;
}

.decision-card:hover {
    color: #ffffff;
    border-color: #ff3131;
    box-shadow:
        0 0 28px rgba(255,49,49,.45),
        inset 0 0 45px rgba(255,255,255,.035);
}

.decision-card h3 {
    font-size: 1.95rem;
    font-weight: 1000;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow:
        0 0 12px rgba(255,255,255,.85),
        0 0 22px rgba(255,255,255,.35);
    margin: 0 0 12px;
}

.decision-card p {
    color: #ffffff;
    font-size: 1.02rem;
    font-weight: 750;
    line-height: 1.4;
    margin: 0;
}

/* ICONS */

.icon-holder {
    width: 86px;
    height: 86px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 14px;
    background: linear-gradient(180deg, #1c1c1c, #070707);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.14),
        0 7px 0 #030303,
        0 0 18px rgba(255,49,49,.4);
    transition: .12s;
}

.decision-card:hover .icon-holder {
    transform: translateY(5px);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.1),
        0 2px 0 #030303,
        0 0 24px rgba(255,49,49,.7);
}

.red-svg {
    width: 52px;
    height: 52px;
    color: #ff3131;
    filter: drop-shadow(0 0 8px rgba(255,49,49,.75));
}

/* RESOURCES */

.resource-grid {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

.resource-card {
    min-height: 345px;
    padding: 28px;
    background: linear-gradient(180deg, rgba(24,24,24,.88), rgba(7,7,7,.96));
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 8px;
    box-shadow:
        inset 0 0 45px rgba(255,255,255,.035),
        0 14px 28px rgba(0,0,0,.65);
}

.resource-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resource-card h3 {
    color: #ff3131;
    text-align: center;
    font-size: 1.55rem;
    font-weight: 1000;
    text-transform: uppercase;
    -webkit-text-stroke: .8px #ffffff;
    text-shadow:
        0 0 10px rgba(255,255,255,.7),
        0 0 18px rgba(255,49,49,.7);
    margin: 0 0 18px;
}

.resource-card ul {
    margin: 0;
    padding-left: 20px;
}

.resource-card li {
    color: #ff3131;
    margin-bottom: 9px;
}

.resource-card a {
    color: #ffffff;
    font-weight: 850;
    text-decoration: underline;
    text-shadow: 0 0 8px rgba(255,255,255,.35);
}

.resource-disclaimer {
    color: #ffffff;
    text-align: center;
    font-weight: 750;
    font-size: .9rem;
    margin: 28px auto 0;
    max-width: 1100px;
}

@media (max-width: 1200px) {
    .decision-grid,
    .resource-grid {
        grid-template-columns: 1fr;
    }

    .decision-card,
    .trade-card,
    .upgrade-card {
        grid-column: auto;
    }
}

/* PRICING */

.pricing-grid {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.price-card {
    min-height: 230px;
    padding: 34px 20px;
    text-align: center;
    background: linear-gradient(180deg,rgba(24,24,24,.88),rgba(7,7,7,.96));
    border: 1px solid rgba(255,255,255,.36);
    border-radius: 8px;
    box-shadow:
        inset 0 0 45px rgba(255,255,255,.035),
        0 14px 28px rgba(0,0,0,.65);
}

.price-card.featured {
    border: 2px solid var(--red);
    box-shadow:
        0 0 30px rgba(255,49,49,.62),
        inset 0 0 45px rgba(255,49,49,.05);
}

.price-card h3 {
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 1000;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(255,255,255,.72);
    margin-bottom: 12px;
}

.price-card.featured h3 {
    color: var(--red);
}

.price-card p {
    color: #ffffff;
    font-weight: 750;
    margin-bottom: 22px;
}

.price-card strong {
    display: block;
    color: #ffffff;
    font-size: 2.55rem;
    font-weight: 1000;
    text-shadow: 0 0 16px rgba(255,255,255,.68);
}

.price-card strong span {
    font-size: 1.15rem;
}

.price-card.featured strong {
    color: var(--red);
}

/* FOOTER */

.ponyup-footer {
    background: #050505;
    border-top: 1px solid rgba(255,255,255,.12);
    text-align: center;
    padding: 28px 0 32px;
}

.ponyup-footer img {
    height: 58px;
    width: auto;
    opacity: .96;
    margin-bottom: 10px;
}

.ponyup-footer p {
    color: #ffffff;
    font-weight: 650;
    margin: 0;
}

/* BASIC PAGE SUPPORT */

form input,
form select,
form textarea {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

form label {
    color: #f2f2f2;
    font-weight: 700;
}

.text-danger {
    color: #ff4d4d !important;
}

hr {
    border-color: #333333;
}

/* RESPONSIVE */

@media (max-width: 1200px) {
    .ponyup-navbar {
        flex-wrap: wrap;
        padding: 14px 18px;
    }

    .ponyup-nav-links {
        justify-content: center;
        flex-wrap: wrap;
        gap: 14px;
    }

    .decision-grid,
    .resource-grid,
    .pricing-grid {
        grid-template-columns: 1fr;
    }

    .decision-card,
    .trade-card,
    .upgrade-card {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .ponyup-hero {
        min-height: 760px;
        background-position: 68% center;
    }

    .hero-copy {
        width: auto;
        max-width: 92%;
        margin-left: 22px;
    }

    .hero-wordmark {
        width: 285px;
    }

    .hero-slogan {
        font-size: clamp(2rem, 11vw, 3.1rem);
    }

    .hero-copy h1 {
        font-size: 1.45rem;
    }

    .hero-copy p {
        font-size: 1rem;
    }

    .section-title {
        font-size: 2.1rem;
        letter-spacing: .1rem;
    }
}
.icon-holder{
    width:80px;
    height:80px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.2);
    border-radius:12px;
    background:#111;
    box-shadow:0 5px 0 #050505;
    transition:.15s;
}

.decision-card:hover .icon-holder{
    transform:translateY(4px);
    box-shadow:0 1px 0 #050505;
}

.red-svg,
.resource-svg{
    width:48px;
    height:48px;
    color:#ff3131;
    filter:drop-shadow(0 0 8px rgba(255,49,49,.7));
}

.resource-card .resource-svg{
    margin-bottom:15px;
}

/* ANALYZER BACKGROUNDS */

.analyzer-page {
    min-height: calc(100vh - 86px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 76px 4.5vw;
    position: relative;
}

.analyzer-page::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(.78, .78, .78, .78);
    z-index: 0;
}

.analyzer-page > * {
    position: relative;
    z-index: 1;
}

.repair-bg {
    background-image: url('/images/ponyup-nightmare.png');
}

.buy-bg {
    background-image: url('/images/ponyup-firesteed.png');
}

.sell-bg {
    background-image: url('/images/ponyup-mechanical.png');
}

.trade-bg {
    background-image: url('/images/ponyup-nightmare1.png');
}

.upgrade-bg {
    background-image: url('/images/ponyup-lavamare.png');
}

.garage-coming-soon {
    background:
        linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.90)),
        url('/images/ponyup-garage-concept-v1.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 90vh;
}
/* PONYUP STOPLIGHT RESULT */

.ponyup-result-panel {
    max-width: 1100px;
    margin: 34px auto 0;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 34px;
    align-items: center;
    padding: 32px;
    background: linear-gradient(180deg, rgba(18,18,18,.95), rgba(3,3,3,.98));
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 12px;
    box-shadow: 0 0 38px rgba(0,0,0,.85);
}

.ponyup-stoplight-img {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 0 22px rgba(255,49,49,.45));
}

.ponyup-result-panel.green .ponyup-stoplight-img {
    filter:
        drop-shadow(0 0 18px rgba(70,255,40,.9))
        drop-shadow(0 0 42px rgba(70,255,40,.65));
}

.ponyup-result-panel.yellow .ponyup-stoplight-img {
    filter:
        drop-shadow(0 0 18px rgba(255,190,20,.9))
        drop-shadow(0 0 38px rgba(255,190,20,.55));
}

.ponyup-result-panel.red .ponyup-stoplight-img {
    filter:
        drop-shadow(0 0 26px rgba(255,20,20,1))
        drop-shadow(0 0 62px rgba(255,20,20,.95));
}

.ponyup-result-copy h2 {
    font-size: clamp(2.4rem, 5vw, 5rem);
    font-weight: 1000;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.ponyup-result-panel.green h2,
.ponyup-result-panel.green strong {
    color: #58ff35;
    text-shadow: 0 0 24px rgba(70,255,40,.9);
}

.ponyup-result-panel.yellow h2,
.ponyup-result-panel.yellow strong {
    color: #ffc21a;
    text-shadow: 0 0 22px rgba(255,190,20,.8);
}

.ponyup-result-panel.red h2,
.ponyup-result-panel.red strong {
    color: #ff3131;
    text-shadow: 0 0 30px rgba(255,20,20,1);
}

.ponyup-result-copy strong {
    display: block;
    font-size: clamp(3rem, 7vw, 6rem);
    font-weight: 1000;
    line-height: 1;
    margin: 18px 0;
}

.ponyup-result-copy p {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 750;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .ponyup-result-panel {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

/* FINAL PONYUP STOPLIGHT RESULT PANEL */

.ponyup-stoplight-panel {
    max-width: 1320px;
    margin: 42px auto 0;
    display: grid;
    grid-template-columns: 300px 1fr 360px;
    gap: 28px;
    align-items: stretch;
    padding: 28px;
    background:
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.06), transparent 35%),
        linear-gradient(180deg, rgba(12,12,12,.97), rgba(2,2,2,.99));
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 14px;
    box-shadow:
        0 0 42px rgba(0,0,0,.95),
        inset 0 0 60px rgba(255,255,255,.035);
}

.ponyup-stoplight-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ponyup-stoplight-art {
    width: 100%;
    max-width: 290px;
    display: block;
}

.ponyup-stoplight-panel.off .ponyup-stoplight-art {
    filter: drop-shadow(0 0 18px rgba(255,255,255,.25));
}

.ponyup-stoplight-panel.green .ponyup-stoplight-art {
    filter:
        drop-shadow(0 0 28px rgba(70,255,40,.95))
        drop-shadow(0 0 70px rgba(70,255,40,.70));
}

.ponyup-stoplight-panel.yellow .ponyup-stoplight-art {
    filter:
        drop-shadow(0 0 24px rgba(255,190,20,.95))
        drop-shadow(0 0 58px rgba(255,190,20,.65));
}

.ponyup-stoplight-panel.red .ponyup-stoplight-art {
    filter:
        drop-shadow(0 0 34px rgba(255,20,20,1))
        drop-shadow(0 0 86px rgba(255,20,20,1));
}

.ponyup-stoplight-center {
    padding: 28px;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.86));
    border: 1px solid rgba(255,255,255,.18);
}

.ponyup-analysis-label,
.ponyup-score-label,
.ponyup-reasoning-title {
    color: #ffffff;
    font-size: .9rem;
    font-weight: 1000;
    letter-spacing: .12rem;
    text-transform: uppercase;
}

.ponyup-stoplight-center h2 {
    font-size: clamp(3rem, 6vw, 6rem);
    font-weight: 1000;
    text-transform: uppercase;
    line-height: .95;
    margin: 12px 0 22px;
}

.ponyup-score {
    font-size: clamp(4rem, 8vw, 7rem);
    font-weight: 1000;
    line-height: 1;
    margin: 8px 0 22px;
}

.ponyup-meta-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin: 18px 0 28px;
}

.ponyup-meta-row span {
    display: block;
    color: #d8d8d8;
    font-weight: 900;
    letter-spacing: .06rem;
}

.ponyup-meta-row strong {
    display: block;
    font-size: 1.45rem;
    font-weight: 1000;
    text-transform: uppercase;
}

.ponyup-reasoning-title {
    margin: 20px 0 12px;
}

.ponyup-result-reasoning {
    font-size: 1.15rem;
    line-height: 1.55;
    font-weight: 850;
    margin: 0;
}

.ponyup-stoplight-panel.off .ponyup-stoplight-center h2,
.ponyup-stoplight-panel.off .ponyup-score,
.ponyup-stoplight-panel.off .ponyup-meta-row strong,
.ponyup-stoplight-panel.off .ponyup-result-reasoning {
    color: #ffffff;
    text-shadow: 0 0 18px rgba(255,255,255,.65);
}

.ponyup-stoplight-panel.green .ponyup-stoplight-center {
    border-color: rgba(88,255,53,.75);
    box-shadow:
        0 0 34px rgba(88,255,53,.22),
        inset 0 0 44px rgba(88,255,53,.08);
}

.ponyup-stoplight-panel.green h2,
.ponyup-stoplight-panel.green .ponyup-score,
.ponyup-stoplight-panel.green .ponyup-meta-row strong,
.ponyup-stoplight-panel.green .ponyup-reasoning-title,
.ponyup-stoplight-panel.green .ponyup-result-reasoning {
    color: #58ff35;
    text-shadow:
        0 0 18px rgba(88,255,53,.95),
        0 0 42px rgba(88,255,53,.65);
}

.ponyup-stoplight-panel.yellow .ponyup-stoplight-center {
    border-color: rgba(255,194,26,.78);
    box-shadow:
        0 0 30px rgba(255,194,26,.24),
        inset 0 0 40px rgba(255,194,26,.08);
}

.ponyup-stoplight-panel.yellow h2,
.ponyup-stoplight-panel.yellow .ponyup-score,
.ponyup-stoplight-panel.yellow .ponyup-meta-row strong,
.ponyup-stoplight-panel.yellow .ponyup-reasoning-title,
.ponyup-stoplight-panel.yellow .ponyup-result-reasoning {
    color: #ffc21a;
    text-shadow:
        0 0 16px rgba(255,194,26,.92),
        0 0 34px rgba(255,194,26,.58);
}

.ponyup-stoplight-panel.red .ponyup-stoplight-center {
    border-color: rgba(255,49,49,.9);
    box-shadow:
        0 0 42px rgba(255,49,49,.35),
        inset 0 0 50px rgba(255,49,49,.10);
}

.ponyup-stoplight-panel.red h2,
.ponyup-stoplight-panel.red .ponyup-score,
.ponyup-stoplight-panel.red .ponyup-meta-row strong,
.ponyup-stoplight-panel.red .ponyup-reasoning-title,
.ponyup-stoplight-panel.red .ponyup-result-reasoning {
    color: #ff3131;
    text-shadow:
        0 0 22px rgba(255,49,49,1),
        0 0 55px rgba(255,49,49,.90);
}

.ponyup-stoplight-legend {
    padding: 24px;
    border-radius: 12px;
    background: rgba(0,0,0,.58);
    border: 1px solid rgba(255,255,255,.16);
}

.ponyup-stoplight-legend h3 {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 1000;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .12rem;
    margin: 0 0 18px;
}

.ponyup-legend-card {
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 14px;
    background: rgba(0,0,0,.50);
}

.ponyup-legend-card strong {
    display: block;
    font-size: 1.3rem;
    font-weight: 1000;
    text-transform: uppercase;
}

.ponyup-legend-card span {
    display: block;
    color: #ffffff;
    font-weight: 900;
    margin-top: 4px;
}

.ponyup-legend-card p {
    color: #ffffff;
    font-weight: 750;
    margin: 6px 0 0;
}

.ponyup-legend-card.red {
    border: 1px solid rgba(255,49,49,.75);
}

.ponyup-legend-card.red strong {
    color: #ff3131;
    text-shadow: 0 0 16px rgba(255,49,49,.95);
}

.ponyup-legend-card.yellow {
    border: 1px solid rgba(255,194,26,.75);
}

.ponyup-legend-card.yellow strong {
    color: #ffc21a;
    text-shadow: 0 0 14px rgba(255,194,26,.85);
}

.ponyup-legend-card.green {
    border: 1px solid rgba(88,255,53,.75);
}

.ponyup-legend-card.green strong {
    color: #58ff35;
    text-shadow: 0 0 14px rgba(88,255,53,.85);
}

@media (max-width: 1100px) {
    .ponyup-stoplight-panel {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ponyup-meta-row {
        grid-template-columns: 1fr;
    }
}

/* PonyUp homepage background with dark overlay */ body { background: linear-gradient( rgba(0,0,0,0.75), rgba(0,0,0,0.75) ), url('/images/ponyup-nightmare.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-color: #050505; }

/* EMERGENCY HOMEPAGE BACKGROUND RESTORE */
body {
    background: url('/images/ponyup-nightmare.png') center center / cover no-repeat fixed !important;
}

body::before {
    content: none !important;
}

.ponyup-hero,
.hero-image,
.page-section
 {
    background: transparent !important;
}
.analyzer-form {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.form-row {
    display: grid;
    grid-template-columns: 220px 280px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.form-row label {
    margin: 0;
    text-align: right;
    white-space: nowrap;
    font-weight: 600;
}

.form-row input,
.form-row select {
    width: 100%;
}

.form-actions {
    text-align: center;
    margin: 24px 0;
}

.analyzer-card {
    background: rgba(0, 0, 0, 0.12);
}

.analyzer-page {
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}    

.page-section.repair-bg {
    background-image: url('/images/ponyup-nightmare.png') !important;
}

.page-section.buy-bg {
    background-image: url('/images/ponyup-firesteed.png') !important;
}

.page-section.sell-bg {
    background-image: url('/images/ponyup-mechanical.png') !important;
}

.page-section.trade-bg {
    background-image: url('/images/ponyup-nightmare1.png') !important;
}

.page-section.upgrade-bg {
    background-image: url('/images/ponyup-lavamare.png') !important;
}