.home-page { background: radial-gradient(ellipse 42% 28% at 82% 20%, #acd7ffa3, transparent), radial-gradient(ellipse 30% 24% at 14% 78%, #c4eaff91, transparent), linear-gradient(155deg, #fcfeff, #e9f6ff 48%, #e9f2fe); background-attachment: fixed; }
.home-page .buyback-shell { overflow: visible; }
.home-page .topbar { width: min(1224px, calc(100% - 32px)); }
.home-air-hero { width: min(1172px, calc(100% - 48px)); min-height: 580px; padding: 66px 0 64px; grid-template-columns: 1.04fr .96fr; gap: clamp(28px, 5vw, 76px); }
.home-air-hero::before { display: none; }
.home-air-hero .eyebrow { margin-bottom: 23px; color: #4270a8; font-size: 10px; letter-spacing: .15em; }
.home-air-hero h1 { max-width: 620px; font-size: clamp(49px, 5.35vw, 70px); font-weight: 630; line-height: 1.04; letter-spacing: -.075em; }
.home-air-hero h1 span { color: #1559d9; text-shadow: 0 2px 17px #4b8cf61f; }
.home-air-hero .hero-lede { max-width: 440px; margin-top: 24px; font-size: 15px; line-height: 1.8; }
.home-air-hero .hero-actions { gap: 12px; margin-top: 28px; }
.home-air-hero .hero-actions .button { display: inline-flex; align-items: center; gap: 13px; min-height: 45px; padding: 11px 18px; font-size: 12px; text-decoration: none; }
.home-air-hero .hero-actions .button span { margin: 0; }
.home-air-hero .hero-actions .light { border: 1px solid #ffffffea; border-radius: 10px; background: #ffffffcc; box-shadow: 0 7px 20px #3e78b912; color: #102847; }
.home-feature { position: relative; min-width: 0; min-height: 348px; overflow: hidden; padding: 32px; border: 1px solid #ffffffd9; border-radius: 25px; background: linear-gradient(140deg, #ffffffb4, #eef8ff65 58%, #c9e4ff8c); box-shadow: 0 27px 60px #2b69b32a, inset 0 1px 2px #fff, inset 0 -2px 2px #7eade947; -webkit-backdrop-filter: blur(30px) saturate(135%); backdrop-filter: blur(30px) saturate(135%); }
.home-feature::before { content: ''; position: absolute; width: 270px; height: 270px; top: -145px; right: -108px; border: 1px solid #ffffffa9; border-radius: 50%; background: linear-gradient(125deg, #ffffff38, #b7dcff5f); box-shadow: inset 14px 12px 28px #ffffff70, 0 15px 30px #70a7ee1c; }
.home-feature::after { content: ''; position: absolute; top: 28px; left: 18%; width: 360px; height: 1px; transform: rotate(-21deg); background: linear-gradient(90deg, transparent, #fff, transparent); opacity: .75; }
.home-feature > * { position: relative; z-index: 1; }
.home-feature-head { display: flex; align-items: center; gap: 12px; min-height: 46px; }
.home-feature-token,.home-card-token { display: grid; flex: none; place-items: center; width: 46px; height: 46px; overflow: hidden; border: 2px solid #fff; border-radius: 50%; background: #ffffffeb; box-shadow: 0 5px 15px #315a9821; color: #1559db; font-size: 18px; font-weight: 750; }
.home-feature-token img,.home-card-token img { width: 100%; height: 100%; object-fit: cover; }
.home-feature-head > div { display: grid; gap: 3px; min-width: 0; }
.home-feature-head strong { overflow: hidden; color: #102847; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.home-feature-head small { color: #6b83a0; font-size: 10px; }
.home-feature-status { margin-left: auto; padding: 5px 8px; border-radius: 6px; background: #ddf5eb; color: #187a54; font-size: 9px; font-weight: 750; white-space: nowrap; }
.home-feature-status.closed { background: #edf2f7; color: #687b91; }
.home-feature-label { margin: 39px 0 8px; color: #6b83a0; font-size: 12px; }
.home-feature-budget { min-height: 68px; margin: 0; color: #102847; font-size: clamp(35px, 4vw, 54px); font-weight: 620; letter-spacing: -.075em; font-variant-numeric: tabular-nums; line-height: 1.18; }
.home-feature-budget small { margin-left: 6px; color: #617994; font-size: 15px; font-weight: 500; letter-spacing: 0; }
.home-feature-bottom { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-top: 27px; padding-top: 25px; border-top: 1px solid #c8daf0; color: #6b83a0; font-size: 11px; }
.home-feature-bottom a,.home-live-heading a { color: #1559db; font-size: 11px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.home-feature-bottom a:hover,.home-live-heading a:hover { text-decoration: underline; }
.home-feature-comparison { display: grid; gap: 5px; }
.home-feature-comparison small { color: #7890aa; font-size: 9px; font-weight: 650; letter-spacing: .06em; }
.home-feature-comparison strong { color: #168360; font-size: 24px; font-weight: 630; font-variant-numeric: tabular-nums; }
.home-feature-comparison strong.negative { color: #c54963; }
.home-live { width: min(1172px, calc(100% - 48px)); margin: 0 auto 76px; }
.home-live-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.home-live-heading .eyebrow { margin: 0 0 8px; font-size: 10px; letter-spacing: .15em; }
.home-live-heading h2 { margin: 0; color: #102847; font-size: 29px; font-weight: 620; letter-spacing: -.055em; }
.home-live-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.home-card { display: flex; flex-direction: column; min-width: 0; min-height: 288px; padding: 23px; border: 1px solid #ffffffd9; border-radius: 19px; background: linear-gradient(145deg, #ffffffac, #e7f4ff77 58%, #d9eaff91); box-shadow: 0 17px 47px #3e78b923, inset 0 1px 2px #fff, inset 0 -1px 1px #8ebaf03c; color: #102847; text-decoration: none; transition: transform .2s, box-shadow .2s; -webkit-backdrop-filter: blur(30px) saturate(135%); backdrop-filter: blur(30px) saturate(135%); }
.home-card:hover { transform: translateY(-3px); box-shadow: 0 23px 48px #3266a528, inset 0 1px 1px #fff; }
.home-card-head { display: flex; align-items: center; gap: 10px; }
.home-card-token { width: 43px; height: 43px; font-size: 14px; }
.home-card-identity { display: grid; gap: 3px; min-width: 0; }
.home-card-identity strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.home-card-identity small { color: #6b83a0; font-size: 10px; }
.home-card-status { margin-left: auto; padding: 4px 7px; border-radius: 5px; background: #ddf5eb; color: #187a54; font-size: 9px; font-weight: 700; }
.home-card-status.closed { background: #edf2f7; color: #687b91; }
.home-card-main { display: flex; justify-content: space-between; gap: 12px; margin: 27px 0 24px; }
.home-card-main > div:last-child { text-align: right; }
.home-card-main span,.home-card-meta span { display: block; margin-bottom: 5px; color: #7890aa; font-size: 9px; font-weight: 650; letter-spacing: .05em; text-transform: uppercase; }
.home-card-main strong { color: #12365e; font-size: 24px; font-weight: 630; letter-spacing: -.04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.home-card-main small { color: #6b83a0; font-size: 10px; letter-spacing: 0; }
.home-card-market strong { color: #168360; }
.home-card-market strong.negative { color: #c54963; }
.home-card-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: auto; }
.home-card-meta strong { color: #193b60; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.home-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #cddff3; font-size: 10px; }
.home-card-foot span:first-child { color: #687b91; }
.home-card-foot span:last-child { color: #1559db; font-weight: 700; }
.home-live-empty { grid-column: 1 / -1; margin: 0; padding: 44px 24px; border: 1px solid #ffffffd9; border-radius: 19px; background: #ffffff9c; color: #617994; text-align: center; font-size: 13px; }
.home-page .protocol-strip { margin-top: 0; }
@media (max-width: 900px) { .home-air-hero { grid-template-columns: 1fr; gap: 30px; min-height: 0; padding-top: 54px; } .home-air-hero .hero-copy { max-width: 740px; } .home-feature { max-width: 650px; } .home-live-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .home-air-hero,.home-live { width: calc(100% - 32px); } .home-air-hero { padding: 46px 0 52px; } .home-air-hero h1 { font-size: clamp(43px, 12vw, 56px); } .home-air-hero .hero-actions { align-items: stretch; flex-direction: row; flex-wrap: wrap; } .home-air-hero .hero-actions .button { min-height: 43px; padding: 10px 12px; font-size: 11px; } .home-feature { min-height: 300px; padding: 23px; } .home-feature-label { margin-top: 34px; } .home-feature-budget { font-size: 40px; min-height: 52px; } .home-live-grid { grid-template-columns: 1fr; } .home-live-heading h2 { font-size: 25px; } }