@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#070a10;--panel:#0c111b;--panel2:#101827;--text:#f2f6ff;--muted:#8c9bb1;--blue:#8b5cf6;--blue2:#c4a7ff;--line:rgba(164,190,225,.16);--display:'Barlow Condensed',Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.site-header{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:20;top:0;width:100%;background:rgba(7,10,16,.72);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font:900 29px var(--display);letter-spacing:-3px;color:white;border:2px solid var(--blue);width:39px;height:39px;display:grid;place-items:center;transform:skew(-9deg)}.brand-mark span{color:var(--blue)}.brand-name{font:800 16px var(--display);letter-spacing:2px}.brand-name span{display:block;color:var(--muted);font:700 8px var(--body);letter-spacing:4px;margin-top:2px}.nav{display:flex;align-items:center;gap:34px;font-size:10px;font-weight:800;letter-spacing:1.3px}.nav>a:not(.nav-cta){color:#aab6c8;transition:.2s}.nav>a:hover{color:white}.nav-cta{padding:13px 17px;border:1px solid rgba(139,92,246,.65);color:white}.nav-cta span,.button span{color:var(--blue2);margin-left:15px}.menu-toggle{display:none}
.hero{background-image:linear-gradient(90deg,rgba(7,10,16,.96) 0%,rgba(7,10,16,.78) 42%,rgba(7,10,16,.2) 100%),url('assets/backgrounds/hero.webp');background-size:cover;background-position:center;min-height:760px;height:min(900px,100svh);position:relative;display:flex;align-items:center;padding:120px 6.5% 75px;overflow:hidden;background:radial-gradient(ellipse at 77% 54%,rgba(105,55,190,.25),transparent 42%),linear-gradient(115deg,#070a10 0%,#090e18 55%,#070a10 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(111,157,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(111,157,211,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000)}.hero-content{position:relative;z-index:3;width:50%;max-width:620px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.4px;font-weight:800;color:var(--blue2)}.eyebrow i{display:inline-block;width:23px;height:2px;background:var(--blue);vertical-align:middle;margin-right:9px}.hero h1{font:900 clamp(90px,13vw,190px)/.77 var(--display);letter-spacing:-3px;margin:31px 0 27px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--blue);text-shadow:0 0 45px rgba(139,92,246,.12)}.hero-copy{font-size:15px;line-height:1.8;color:#aebbd0}.hero-actions{display:flex;align-items:center;gap:31px;margin-top:38px}.button{display:inline-flex;align-items:center;padding:17px 22px;font-size:10px;font-weight:900;letter-spacing:1.5px;transition:.25s}.button-primary{background:var(--blue);color:white;box-shadow:0 9px 35px rgba(139,92,246,.18)}.button-primary:hover{background:#a78bfa;transform:translateY(-3px);box-shadow:0 12px 40px rgba(139,92,246,.3)}.button-primary span{color:white}.text-link,.arrow-link{font-size:10px;letter-spacing:1.2px;font-weight:800}.text-link span,.arrow-link span{color:var(--blue2);margin-left:10px}.hero-art{position:absolute;right:-7%;top:17%;width:68%;height:70%;display:grid;place-items:center}.car-wrap{position:relative;width:100%;transform:rotate(-7deg);filter:drop-shadow(0 28px 28px rgba(0,0,0,.55));animation:float 6s ease-in-out infinite}.race-car{width:100%;overflow:visible}.car-glow{position:absolute;inset:35% 15% 5%;background:#7c3aed;filter:blur(80px);opacity:.24}.speed-lines{position:absolute;inset:12% 0;background:repeating-linear-gradient(170deg,transparent 0 39px,rgba(160,115,255,.12) 40px 41px,transparent 42px 79px);transform:skewY(-10deg);mask-image:linear-gradient(90deg,transparent,#000)}.orbit{position:absolute;border:1px solid rgba(160,115,255,.2);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:90%;height:48%}.orbit-two{width:75%;height:63%;border-color:rgba(160,115,255,.1)}.hero-bottom{position:absolute;bottom:32px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;color:#64758d;font-size:8px;font-weight:800;letter-spacing:2px}.scroll-note b{color:var(--blue);font-size:15px;margin-left:10px}.hero-index{position:absolute;right:6.5%;top:48%;font:700 12px var(--display);letter-spacing:2px;color:#8192aa}.hero-index span{color:var(--blue);margin:0 5px}.ticker{height:65px;background:var(--blue);overflow:hidden;display:flex;align-items:center;transform:skewY(-1.4deg) scale(1.02);margin:0 0 30px}.ticker-track{display:flex;align-items:center;gap:42px;white-space:nowrap;min-width:max-content;animation:marquee 28s linear infinite;font:900 23px var(--display);letter-spacing:1px}.ticker-track b{font-size:15px;color:#a9d9ff}
.section{padding:125px 9%}.intro{max-width:1500px;margin:auto}.intro-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end;margin-top:25px}.intro h2,.section-heading h2,.results-inner h2,.community-section h2{font:900 clamp(55px,8vw,105px)/.85 var(--display);letter-spacing:-1px;margin:0}.intro h2 span,.section-heading h2 span,.results-inner h2 span,.community-section h2 span{color:var(--blue)}.intro-text{max-width:470px}.lead{font-size:20px;line-height:1.5;font-weight:700}.intro-text p:not(.lead){color:var(--muted);font-size:13px;line-height:1.9}.arrow-link{display:inline-block;margin-top:24px;color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:85px;padding-top:25px}.stats div{display:flex;flex-direction:column;gap:8px}.stats strong{font:800 45px var(--display);color:var(--blue2)}.stats span{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:800}
.drivers-section,.calendar-section{background:#090e17}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{font-size:clamp(48px,6.3vw,78px);margin-top:20px}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 6px}.driver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.driver-card{min-width:0}.driver-photo{height:340px;position:relative;overflow:hidden;background:linear-gradient(145deg,#182b44,#0a111e 65%);border:1px solid var(--line);display:grid;place-items:center}.driver-photo:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(160,115,255,.3);border-radius:50%;box-shadow:0 0 0 28px rgba(160,115,255,.035),0 0 0 58px rgba(160,115,255,.025)}.driver-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 35%,rgba(139,92,246,.16));clip-path:polygon(100% 0,100% 100%,20% 100%)}.photo-two{background:linear-gradient(145deg,#142033,#101b2d 65%)}.photo-three{background:linear-gradient(145deg,#1a2535,#080d16 65%)}.driver-number{position:absolute;top:18px;left:20px;color:var(--blue2);font:800 15px var(--display);z-index:2}.driver-silhouette{font:900 110px var(--display);letter-spacing:-8px;color:rgba(190,215,245,.12);z-index:1}.driver-meta{display:flex;justify-content:space-between;align-items:center;padding:19px 2px;border-bottom:1px solid var(--line)}.driver-meta h3{font:800 24px var(--display);letter-spacing:1px;margin:0}.driver-meta p{font-size:8px;color:var(--blue2);letter-spacing:1.8px;font-weight:800;margin:6px 0 0}.driver-arrow,.race-arrow{color:var(--blue2);font-size:22px}.edit-hint{font-size:10px;color:#71829a;margin-top:22px}.edit-hint code{color:#a8cfff;background:#101b2b;padding:3px 5px}
.calendar-section{padding-top:95px}.race-list{border-top:1px solid var(--line)}.race-row{display:grid;grid-template-columns:100px 1fr 220px 30px;align-items:center;gap:25px;padding:25px 5px;border-bottom:1px solid var(--line);transition:.2s}.race-row:hover{background:rgba(139,92,246,.045);padding-left:15px;padding-right:15px}.race-date strong{font:800 40px var(--display);display:block}.race-date span,.race-type{font-size:8px;letter-spacing:1.5px;color:var(--blue2);font-weight:800}.race-info h3{font:800 27px var(--display);margin:5px 0 2px;letter-spacing:.7px}.race-info p{font-size:9px;color:var(--muted);letter-spacing:1px;margin:0}.race-status{font-size:8px;color:var(--muted);letter-spacing:1px;font-weight:800}.race-status i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--blue)}
.results-section{position:relative;overflow:hidden;background:#080d15}.results-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,rgba(139,92,246,.18),transparent 42%),linear-gradient(120deg,transparent 45%,rgba(91,45,145,.16))}.results-inner{position:relative}.results-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:10%;margin-top:35px}.results-inner h2{font-size:clamp(65px,9vw,115px)}.result-placeholder{border:1px solid var(--line);background:rgba(13,22,36,.7);padding:40px;min-height:230px;display:flex;flex-direction:column;justify-content:center;position:relative}.result-plus{font:400 40px var(--display);color:var(--blue);position:absolute;right:25px;top:15px}.result-placeholder strong{font:800 25px/1.05 var(--display);letter-spacing:1px}.result-placeholder p{font-size:11px;line-height:1.7;color:var(--muted);max-width:280px}
.community-section{text-align:center;padding:125px 20px 140px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.17),transparent 55%),#0a101a}.community-section>*:not(.community-glow){position:relative}.community-section h2{font-size:clamp(75px,11vw,135px);margin:24px 0}.community-section>p{max-width:450px;margin:0 auto 30px;color:var(--muted);font-size:13px;line-height:1.8}.community-section small{display:block;color:#687a93;font-size:9px;margin-top:16px}.footer{padding:28px 6.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.footer>span,.footer>a:last-child{font-size:8px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.footer>a:last-child:hover{color:white}
@keyframes float{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-13px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:850px){.site-header{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px;z-index:22}.menu-toggle span{width:25px;height:2px;background:white}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#090e17;padding:25px 7%;flex-direction:column;align-items:stretch;gap:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:740px;height:92svh;align-items:flex-start;padding-top:160px}.hero-content{width:100%}.hero h1{font-size:clamp(90px,20vw,150px)}.hero-art{width:110%;right:-20%;top:42%;height:45%;opacity:.8}.hero-bottom{bottom:20px}.hero-index{display:none}.section{padding:90px 7%}.intro-layout,.results-layout{grid-template-columns:1fr;gap:35px}.intro-text{max-width:620px}.stats{margin-top:55px}.section-heading{align-items:flex-start;gap:25px;flex-direction:column}.driver-grid{gap:12px}.driver-photo{height:260px}.driver-meta h3{font-size:20px}.race-row{grid-template-columns:65px 1fr 25px;gap:15px}.race-status{grid-column:2;grid-row:2}.race-arrow{grid-column:3;grid-row:1/3}.results-layout{gap:35px}.footer{gap:20px;flex-wrap:wrap}}
@media(max-width:560px){.hero{min-height:700px}.hero-art{top:48%;right:-33%;width:135%;height:38%}.hero-copy{font-size:13px}.hero-actions{gap:18px}.button{padding:15px 16px;font-size:9px}.ticker{height:54px}.ticker-track{font-size:19px}.section{padding:75px 6%}.intro h2{font-size:68px}.lead{font-size:17px}.stats strong{font-size:36px}.stats span{font-size:7px;letter-spacing:1px}.driver-grid{grid-template-columns:1fr;gap:25px}.driver-photo{height:300px}.section-heading h2{font-size:55px}.race-row{grid-template-columns:50px 1fr 20px;gap:12px;padding:20px 0}.race-date strong{font-size:33px}.race-info h3{font-size:22px}.race-info p{font-size:8px}.race-status{font-size:7px}.result-placeholder{padding:28px}.community-section{padding:95px 7%}.community-section h2{font-size:85px}.footer{padding:25px 6%;}.footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.footer-links{display:flex;align-items:center;gap:22px}.footer-links a{font-size:8px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.footer-links a:hover{color:white}
@media(max-width:560px){.footer-links{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}}

/* TPDX custom logo */
.brand-logo{display:block;width:auto;height:48px;max-width:190px;object-fit:contain;object-position:left center}
.footer .brand-logo{height:42px}
@media(max-width:560px){.brand-logo{height:42px;max-width:155px}.footer .brand-logo{height:38px}}