main#app{padding-top:140px!important}.of-page{padding:30px 5% 40px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.of-crumb{font-size:13px;color:var(--tg);margin-bottom:18px}.of-crumb a{color:var(--tg);text-decoration:none}.of-crumb a:hover{color:var(--tw)}.of-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:center;padding:34px;border-radius:28px;background:var(--gb);border:1px solid var(--gbr);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);overflow:hidden;margin-bottom:26px}.of-hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(217,4,41,.28),transparent 65%);pointer-events:none;animation:of-glow 9s ease-in-out infinite alternate}@keyframes of-glow{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,40px) scale(1.15)}}.of-hero-txt{position:relative}.of-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tg)}.of-dot{width:8px;height:8px;border-radius:50%;background:#32d74b;box-shadow:0 0 #32d74b99;animation:of-pulse 2s infinite}@keyframes of-pulse{70%{box-shadow:0 0 0 9px #32d74b00}to{box-shadow:0 0 #32d74b00}}.of-hero h1{margin:0 0 6px;font-size:clamp(2rem,4.6vw,3.2rem);letter-spacing:-2px;font-weight:800;line-height:1.05}.of-sub{margin:0 0 16px;font-size:clamp(16px,2vw,20px);font-weight:600;background:linear-gradient(90deg,var(--tw),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}.of-intro{margin:0;color:var(--tg);font-size:15px;line-height:1.65;max-width:760px}.of-stats{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:12px}.of-stats li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:18px;background:#ffffff0a;border:1px solid var(--gbr)}.of-stats strong{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--tw)}.of-stats span{font-size:13px;color:var(--tg);text-align:right}.of-stat-hot{background:linear-gradient(120deg,#d9042938,#d904290f)!important;border-color:#d9042973!important}.of-stat-hot strong{color:#ff375f}.of-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.of-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--gbr);background:var(--gb);color:var(--tw);font-weight:600;font-size:15px;cursor:pointer;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);transition:background .2s,border-color .2s,transform .2s}.of-chip span{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:#ffffff1a}.of-chip:hover{border-color:var(--tw);transform:translateY(-1px)}.of-chip.is-on{background:var(--red);border-color:var(--red);color:#fff}.of-chip.is-on span{background:#ffffff40}.of-chip:focus-visible{outline:2px solid var(--tw);outline-offset:2px}.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;align-items:stretch;justify-items:center}.of-item{position:relative;width:100%;max-width:340px;display:flex;flex-direction:column}.of-item[hidden]{display:none}.of-item .car-card{max-width:340px;width:100%;flex:1}.of-item .car-card.reveal{opacity:1;transform:none}.of-badge{position:absolute;top:12px;right:12px;z-index:5;padding:7px 12px;border-radius:999px;font-weight:800;font-size:15px;letter-spacing:-.3px;color:#fff;background:linear-gradient(135deg,#ff375f,#d90429);box-shadow:0 6px 18px #d9042973;pointer-events:none;transform:scale(.4);opacity:0;transition:transform .6s cubic-bezier(.2,1.4,.4,1) .25s,opacity .3s .25s}.of-item.active .of-badge{transform:scale(1);opacity:1}.of-save{margin:10px 4px 0;font-size:13px;color:var(--tg);text-align:center}.of-save s{opacity:.8}.of-save strong{color:#32d74b}.of-empty{text-align:center;color:var(--tg);padding:30px 0}.of-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:40px 0 10px}.of-info{margin:60px 0 10px}.of-info h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;margin:0 0 18px}.of-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.of-card{padding:22px;border-radius:22px;background:var(--gb);border:1px solid var(--gbr);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.of-card h3{margin:0 0 8px;font-size:18px}.of-card p{margin:0;color:var(--tg);font-size:14.5px;line-height:1.6}.of-note{margin:16px 0 0;color:var(--tg);font-size:13px;line-height:1.6}.of-page .fq-wrap{margin-top:60px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.light-mode .of-stats li{background:#00000008}body.light-mode .of-chip span{background:#00000012}body.light-mode .of-save strong{color:#1a8f34}@media(prefers-reduced-motion:reduce){.of-hero:before,.of-dot{animation:none}.of-badge{transition:none;transform:none;opacity:1}}@media(max-width:900px){.of-hero{grid-template-columns:1fr;padding:24px}.of-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.of-stats li{flex-direction:column;align-items:flex-start;padding:12px;gap:2px}.of-stats strong{font-size:clamp(17px,5vw,22px);white-space:nowrap;letter-spacing:-.5px}.of-stats span{text-align:left;font-size:12px}}@media(max-width:701px){main#app{padding-top:120px!important}.of-page{padding:20px 4% 30px}.of-hero h1{letter-spacing:-1px}.of-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-4%;padding-right:4%}.of-chips::-webkit-scrollbar{display:none}.of-chip{flex:0 0 auto}}
