/* Homepage hero modeled after the October 27 marketplace mockup. */
.cr-marketplace-home .cr-home-hero {
    position: relative;
    overflow: clip;
    padding: 58px 0 52px;
    background: radial-gradient(ellipse at 91% 24%, #91baff 0, #d9e7ff 30%, transparent 64%), linear-gradient(120deg, #f5f9ff, #fff 48%, #e4ecff);
    isolation: isolate;
}
.cr-home-hero::before, .cr-home-hero::after { display: none !important; }
.cr-home-hero__inner { width: min(1660px, calc(100% - 96px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.12fr); gap: 32px; align-items: center; }
.cr-home-hero__copy { position: relative; z-index: 2; min-width: 0; }
.cr-home-hero__eyebrow { margin: 0 0 18px; color: #c74400; font-size: 13px; font-weight: 800; letter-spacing: .23em; text-transform: uppercase; }
.cr-home-hero__title { margin: 0 0 32px; color: #030a20; font-size: clamp(46px, 4.65vw, 78px); font-weight: 900; letter-spacing: -.045em; line-height: 1.02; }
.cr-home-hero__title > span { display: block; width: max-content; max-width: 100%; }
.cr-home-hero__title .cr-home-hero__accent { position: relative; color: #0757ff; padding-bottom: 10px; }
.cr-home-hero__accent svg { position: absolute; left: 13%; bottom: -8px; width: 76%; height: 16px; overflow: visible; }
.cr-home-hero__accent path { fill: none; stroke: #ff6b08; stroke-width: 7; stroke-linecap: round; }
.cr-home-hero__description { max-width: 650px; margin: 0 0 20px; color: #454957; font-size: clamp(15px, 1.18vw, 20px); line-height: 1.5; font-weight: 500; }
.cr-home-hero__categories { display: flex; flex-wrap: wrap; gap: 9px 8px; max-width: 680px; margin-bottom: 26px; }
.cr-home-hero__categories > a, .cr-home-hero__categories > span { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 6px 11px 6px 7px; border: 1px solid #fff; border-radius: 99px; background: #fff; box-shadow: 0 5px 14px #173b7020; color: #091536; font-size: clamp(10px, .88vw, 14px); font-weight: 800; line-height: 1.2; white-space: nowrap; text-decoration: none; }
.cr-home-hero__category-icon { display: inline-flex; flex: 0 0 25px; width: 25px; height: 25px; align-items: center; justify-content: center; border-radius: 50%; background: #136dff; color: #fff; font-style: normal; font-size: 13px; font-weight: 800; }
.cr-home-hero__category-icon--wordpress { background: #0780b8; font-family: Georgia, serif; font-size: 22px; }
.cr-home-hero__category-icon--code { background: #7918ff; }
.cr-home-hero__category-icon--app, .cr-home-hero__category-icon--files-2d { background: #ff2041; }
.cr-home-hero__category-icon--api, .cr-home-hero__category-icon--training { background: #02c974; }
.cr-home-hero__category-icon--tools { background: #ffa000; }
.cr-home-hero__actions { display: flex; gap: 16px; align-items: stretch; margin-bottom: 30px; }
.cr-home-hero__actions > a { min-height: 58px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 24px; border-radius: 16px; font-size: clamp(15px, 1.2vw, 21px); font-weight: 800; line-height: 1.25; text-decoration: none; text-align: center; }
.cr-home-hero__sell, .cr-home-hero__sell:visited { background: linear-gradient(115deg, #ca4400, #dc2608); border: 1px solid #ff6c17; color: #fff; box-shadow: 0 12px 24px #ff501526; flex: 1; }
.cr-home-hero__browse, .cr-home-hero__browse:visited { background: #ffffffed; border: 1px solid #dce3ee; color: #080d1c; flex: 1.15; }
.cr-home-hero__benefits { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 16px; color: #101e43; }
.cr-home-hero__benefits > span { display: flex; align-items: center; gap: 12px; font-size: clamp(11px, 1vw, 16px); font-weight: 800; line-height: 1.4; }
.cr-home-hero__benefits i { display: inline-flex; flex: 0 0 45px; width: 45px; height: 45px; align-items: center; justify-content: center; border-radius: 50%; color: #7424ff; background: #eae0ff; }
.cr-home-hero__benefits > span:nth-child(2) i { color: #00bf74; background: #dcf8ec; }
.cr-home-hero__benefits svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.cr-home-hero__market { position: relative; min-width: 0; height: clamp(550px, 43vw, 760px); margin: -15px 0 -20px; }
.cr-home-hero__orbit { position: absolute; bottom: 0; left: 0; width: 100%; max-width: none; height: auto; pointer-events: none; }
.cr-home-hero__product { position: absolute; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; width: 29%; min-height: 165px; padding: 17px; border: 1px solid #ffffffed; border-radius: 20px; background: linear-gradient(145deg, #fff, #f5f8ffed); color: #09163b; box-shadow: 0 12px 30px #234e9821, inset 0 0 0 3px #ffffff9c; text-decoration: none; transition: translate .2s, box-shadow .2s; }
.cr-home-hero__product:hover { translate: 0 -5px; text-decoration: none; box-shadow: 0 18px 36px #173b7040; color: #09163b; }
.cr-home-hero__product strong { width: 100%; font-size: clamp(11px, .95vw, 16px); line-height: 1.3; font-weight: 800; overflow-wrap: anywhere; }
.cr-home-hero__product small { display: block; width: 100%; margin-top: 5px; font-size: clamp(9px, .78vw, 13px); line-height: 1.3; color: #566a92; }
.cr-home-hero__product-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 12px; border-radius: 12px; background: linear-gradient(130deg, #008cdd, #0747b7); color: #fff; box-shadow: 0 6px 12px #0069d326; font-size: 24px; font-weight: 800; }
.cr-home-hero__price { display: block; margin-top: 9px; font-size: clamp(16px, 1.55vw, 25px); font-weight: 900; line-height: 1.2; }
.cr-home-hero__product--0 {
    top: 0;
    left: 35.5%;
    background: linear-gradient(140deg, #0869db, #1647bb);
    color: #fff;
    border-color: #62b8ff;
    box-shadow: 0 12px 30px #0d4dbb44, inset 0 0 0 3px #ffffff24;
    transform: rotate(-5deg);
}
.cr-home-hero__product--0:hover { color: #fff; }
.cr-home-hero__product--0 small { color: #fff; }
.cr-home-hero__featured {
    position: absolute;
    top: 14px;
    right: 12px;
    max-width: calc(100% - 78px);
    padding: 4px 6px;
    border-radius: 6px;
    background: #073985;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
}
.cr-home-hero__product--1 { top: 22px; left: 3%; transform: rotate(7deg); }
.cr-home-hero__product--2 { top: 0; right: 3%; transform: rotate(-8deg); }
.cr-home-hero__product--2 .cr-home-hero__product-icon { background: linear-gradient(130deg, #ff546f, #f52055); }
.cr-home-hero a:focus-visible { outline: 3px solid #0757ff; outline-offset: 5px; }
html[data-cr-theme='dark'] .cr-marketplace-home .cr-home-hero { background: radial-gradient(ellipse at 90% 30%, #163973, transparent 62%), linear-gradient(130deg, #0b1427, #111d36); }
html[data-cr-theme='dark'] .cr-home-hero__title { color: #f4f7ff; }
html[data-cr-theme='dark'] .cr-home-hero__title .cr-home-hero__accent { color: #73a8ff; }
html[data-cr-theme='dark'] .cr-home-hero__description { color: #c4d0e7; }
html[data-cr-theme='dark'] .cr-home-hero__benefits { color: #e7efff; }
html[data-cr-theme='dark'] .cr-home-hero__categories > a, html[data-cr-theme='dark'] .cr-home-hero__categories > span, html[data-cr-theme='dark'] .cr-home-hero__browse { color: #edf3ff; background: #172a46; border-color: #344667; }
@media (min-width: 1700px) { .cr-home-hero__product { min-height: 195px; padding: 22px; } }
@media (max-width: 1100px) { .cr-home-hero__inner { width: calc(100% - 64px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; } .cr-home-hero__title { font-size: 48px; } .cr-home-hero__market { height: 550px; } .cr-home-hero__product { padding: 12px; } .cr-home-hero__benefits { gap: 10px; } .cr-home-hero__benefits i { flex-basis: 35px; width: 35px; height: 35px; } }
@media (max-width: 900px) { .cr-marketplace-home .cr-home-hero { padding: 42px 0; } .cr-home-hero__inner { display: block; max-width: 650px; } .cr-home-hero__market { display: none; } .cr-home-hero__title { font-size: clamp(44px, 8vw, 62px); } .cr-home-hero__description { font-size: 17px; } .cr-home-hero__categories > a, .cr-home-hero__categories > span { font-size: 12px; } }
@media (max-width: 520px) { .cr-home-hero__inner { width: calc(100% - 40px); } .cr-home-hero__eyebrow { font-size: 10px; letter-spacing: .18em; margin-bottom: 15px; } .cr-home-hero__title { font-size: clamp(30px, 10vw, 43px); margin-bottom: 25px; } .cr-home-hero__accent svg { height: 12px; bottom: -6px; } .cr-home-hero__description { font-size: 14px; line-height: 1.55; } .cr-home-hero__categories { gap: 8px 6px; margin-bottom: 23px; } .cr-home-hero__categories > a, .cr-home-hero__categories > span { font-size: 10px; min-height: 33px; padding: 5px 9px 5px 6px; gap: 5px; } .cr-home-hero__category-icon { width: 22px; height: 22px; flex-basis: 22px; font-size: 12px; } .cr-home-hero__category-icon--wordpress { font-size: 19px; } .cr-home-hero__actions { gap: 10px; margin-bottom: 24px; } .cr-home-hero__actions > a { padding: 12px 10px; min-height: 52px; border-radius: 12px; font-size: 12px; } .cr-home-hero__benefits { gap: 10px; } .cr-home-hero__benefits > span { gap: 7px; font-size: 9px; } .cr-home-hero__benefits i { flex-basis: 29px; width: 29px; height: 29px; } .cr-home-hero__benefits svg { width: 17px; height: 17px; } }
@media (prefers-reduced-motion: reduce) { .cr-home-hero__product { transition: none; } }

html[data-cr-theme='dark'] .cr-home-hero__eyebrow { color: #ff9a64; }
html[data-cr-theme='dark'] .cr-home-hero a:focus-visible { outline-color: #90b8ff; }

/* The old hero used an overlapping product strip; keep the new benefits clear. */
.cr-home-hero + .cr-marketplace-home__latest-products { margin-top: 0; padding-top: 56px; }