* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Outfit', sans-serif;background: radial-gradient(circle at center, #ffffff, #0e0e0e 70%);color: white;overflow-x: hidden;transition: background 0.8s ease;}.container {width: 100%;min-height: 100vh;padding: 2rem 4rem;}@keyframes floatCar {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0);}}.car-image img {animation: floatCar 4s ease-in-out infinite;}header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.5rem;}.logo img {width: 250px;}.nav-right {display: flex;align-items: center;gap: 1rem;}.nav-box {display: flex;align-items: center;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.2);padding: 0.6rem 2rem;border-radius: 8px;backdrop-filter: blur(8px);}nav a {color: white;margin: 0 1.2rem;text-decoration: none;font-weight: 500;font-size: 1rem;transition: color 0.3s ease;}nav a:hover {color: #a0a0a0;}.btn-primary {background: linear-gradient(90deg, #7c7c7c, #ffffff);color: black;border: none;padding: 0.7rem 1.6rem;border-radius: 6px;font-weight: 600;cursor: pointer;box-shadow: 0 3px 8px rgba(255, 255, 255, 0.15);transition: transform 0.2s ease;}.btn-primary:hover {transform: scale(1.05);}.hero {text-align: center;position: relative;display: flex;flex-direction: column;align-items: center;}.hero-text {display: flex;flex-direction: column;align-items: center;}.title {font-family: 'Anton', sans-serif;font-size: 10rem;font-weight: 900;color: white;letter-spacing: 8px;position: absolute;top: 9%;z-index: 0;pointer-events: none;}.desktop-intro {display: block !important;}.mobile-intro {display: none !important;}.intro {max-width: 850px;color: #ccc;font-size: 1rem;line-height: 1.6;margin-top: 2.2rem;}.car-display {display: flex;align-items: center;justify-content: center;position: relative;margin-top: -3rem;}.car-image img {width: 110%;max-width: 1030px;z-index: 2;filter: drop-shadow(0 10px 35px rgba(0, 0, 0, 0.8));transition: all 0.6s ease;}.color-options {display: flex;flex-direction: column;position: absolute;right: -7%;top: 42%;transform: translateY(-50%);z-index: 3;}.dot {width: 30px;height: 30px;border-radius: 50%;margin: 10px 0;cursor: pointer;border: 1px solid #fff;transition: transform 0.3s ease, border 0.3s ease;}.dot:hover {transform: scale(1.2);}.black {background: #111;}.blue {background: #292D86;}.orange {background: #C85D15;}.active {transform: scale(1.3);border: 3px solid #fff;}.stats {display: flex;justify-content: space-around;align-items: flex-start;flex-wrap: wrap;width: 100%;margin-top: -4rem;padding-bottom: 1.5rem;}.stat-box {background: #707070;border: 2px solid white;width: 180px;height: 100px;border-radius: 15px;text-align: center;padding: 1rem 0;box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);}.stat-box h3 {font-size: 1.6rem;}.model-info {text-align: center;transform: translateY(-35px);}.model-info h2 {font-family: 'Anton', sans-serif;font-size: 2.4rem;margin-bottom: 0.5rem;letter-spacing: 2px;transition: color 0.3s ease;}.btn-secondary {display: inline-block;background: linear-gradient(90deg, #ffffff, #bfbfbf);color: black;border: none;padding: 1rem 0;width: 220px;border-radius: 12px;font-size: 1.15rem;font-weight: 700;cursor: pointer;transition: transform 0.2s ease;}.btn-secondary:hover {transform: scale(1.05);}.fade-out {opacity: 0;transform: scale(0.98);transition: opacity 0.4s ease, transform 0.4s ease;}.fade-in {opacity: 1;transform: scale(1);transition: opacity 0.4s ease, transform 0.4s ease;}.hamburger {display: none;width: 24px;height: 20px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 300;}.hamburger span {display: block;height: 2.5px;width: 100%;background: white;border-radius: 2px;transition: all 0.3s ease;}.mobile-nav {display: none;flex-direction: column;gap: 0.8rem;background: rgba(0, 0, 0, 0.85);padding: 1rem 1.5rem;border-radius: 10px;position: absolute;top: 70px;right: 5%;z-index: 200;}.mobile-nav a {color: #fff;font-weight: 600;text-align: center;padding: 0.5rem 0;text-decoration: none;transition: color 0.3s ease;}.mobile-nav a:hover {color: #ccc;}@media (min-width: 1025px) {}@media (max-width: 1024px) and (min-width: 481px) {body {padding: 0;}.container {padding: 1.5rem 2rem;}header {flex-direction: column;align-items: center;justify-content: center;gap: 1.2rem;text-align: center;}.logo {order: -1;text-align: center;}.logo img {width: 180px;}.nav-right {display: flex;align-items: center;justify-content: center;gap: 1rem;flex-wrap: wrap;}.nav-box {display: flex;justify-content: center;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.2);padding: 0.6rem 1.5rem;border-radius: 8px;}nav a {font-size: 0.95rem;margin: 0 0.8rem;}.btn-primary {background: linear-gradient(90deg, #7c7c7c, #ffffff);color: black;border: none;padding: 0.6rem 1.3rem;border-radius: 6px;font-weight: 600;cursor: pointer;transition: transform 0.2s ease;}.btn-primary:hover {transform: scale(1.05);}.hero .intro {max-width: 730px;font-size: 0.9rem;}.title {font-size: 8rem;top: 11%;}.car-display {margin-top: -2rem;}.car-image img {width: 90%;max-width: 800px;}.color-options {right: -4%;top: 45%;}.dot {width: 25px;height: 25px;}.stats {margin-top: -2rem;gap: 0.8rem;justify-content: space-evenly;flex-wrap: wrap;}.stat-box {width: 130px;height: 85px;border-radius: 10px;padding: 0.6rem 0;}.stat-box h3 {font-size: 1.2rem;}.model-info h2 {font-size: 1.6rem;}.btn-secondary {width: 160px;font-size: 0.95rem;padding: 0.7rem 0;}}@media print {header, .btn-primary, .color-options {display: none !important;}body {background: #fff !important;color: #000 !important;}* {color: #000 !important;background: transparent !important;text-shadow: none !important;}.container {padding: 2rem;}.car-display {display: flex;justify-content: center;align-items: center;margin-top: 2rem !important;margin-bottom: 2rem;}.car-image img {width: 70%;max-width: 600px;filter: none;}.stats {display: grid !important;grid-template-columns: repeat(2, minmax(180px, 1fr));grid-template-areas: "model-info model-info" "box1 box2" "box3 box4";justify-content: center;align-content: start;gap: 1.5rem;width: fit-content;margin: 0 auto;text-align: center;}.stats .model-info {grid-area: model-info;text-align: center;margin-bottom: 1rem;transform: none;}.stats .stat-box:nth-of-type(1) {grid-area: box1;}.stats .stat-box:nth-of-type(2) {grid-area: box2;}.stats .stat-box:nth-of-type(4) {grid-area: box3;}.stats .stat-box:nth-of-type(5) {grid-area: box4;}.btn-secondary {display: none !important;}.stat-box {border: 1px solid #000;background: #f7f7f7 !important;color: #000 !important;border-radius: 10px;padding: 1rem;text-align: center;width: 200px;}.model-info h2 {color: #000 !important;font-size: 2rem;margin-bottom: 0.5rem;font-weight: 700;}.intro, .title, p, h1, h2, h3 {color: #000 !important;}.title {font-size: 7rem !important;top: 15%;}}@media (max-width: 480px) {.container {padding: 1rem 1.5rem;}header {flex-direction: column;position: relative;align-items: flex-start;justify-content: flex-start;}.nav-box, .btn-primary {display: none;}.hamburger {display: flex;}.nav-right {display: none;}.logo {margin-top: 1.5rem;margin-left: 1rem;}.logo img {width: 170px;display: block;}.title {position: static !important;font-size: 2.5rem;margin: 0rem 0 0.3rem 0;text-align: left;padding-left: 1rem;letter-spacing: 0.6px;}.hero-text {display: flex;flex-direction: column;align-items: flex-start;}.desktop-intro {display: none !important;}.mobile-intro {display: block !important;font-size: 0.65rem;margin: 0 0 1.5rem 0;text-align: left;padding-left: 1rem;}.car-display {justify-content: flex-end;margin-top: 1rem;}.car-image img {width: 150%;max-width: none;object-fit: cover;transform: translateX(2%);position: relative;top: -95px;}.color-options {position: absolute;left: 20px;top: 60%;transform: translateY(-50%);flex-direction: row;justify-content: flex-start;margin: 0;z-index: 5;}.dot {margin: 0 6.5px;width: 35px;height: 35px;}.stats {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto auto auto;grid-template-areas: "box1 box2" "box3 box4" "model model";justify-items: center;align-items: center;gap: 1rem;width: 100%;margin-top: -6rem;padding: 0 0.5rem;}.stats .stat-box:nth-of-type(1) {grid-area: box1;}.stats .stat-box:nth-of-type(2) {grid-area: box2;}.stats .stat-box:nth-of-type(3) {grid-area: box3;}.stats .stat-box:nth-of-type(4) {grid-area: box4;}.stats .model-info {grid-area: model;}.stat-box {width: 100%;max-width: 160px;height: 100px;border-radius: 12px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}.stat-box h3 {font-size: 1.3rem;}.model-info {display: flex;justify-content: center;align-items: center;gap: 1rem;width: 100%;margin-top: 0.2rem;transform: none;}.model-info h2 {margin: 0;font-size: 1.2rem;letter-spacing: 0.6px;}.btn-secondary {width: auto;padding: 0.5rem 1rem;font-size: 0.9rem;margin: 0;}.container {overflow: hidden;min-height: auto;}}