:root{--black:#08080a;--panel:#111114;--line:#303036;--white:#f5f5f6;--muted:#a7a7ae;--red:#e3222e;--green:#00d3a6;--orange:#ffa618;--purple:#be55ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.site-header{height:72px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#09090b;border-bottom:1px solid #252529;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:26px;font-weight:800;letter-spacing:-.07em;color:#ef2c36}.brand-name{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#d1d1d5}.site-header nav{display:flex;gap:30px;color:#b8b8be;font-size:14px}.site-header nav a:hover,.text-link:hover,footer a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;background:var(--red);color:#fff;font-weight:700;border:1px solid var(--red);transition:.2s ease}.button:hover{background:#fa303b;border-color:#fa303b;transform:translateY(-1px)}.button-small{min-height:38px;padding:0 17px;font-size:13px}.button-outline{background:transparent;border-color:#53535a}.button-light{background:#fff;border-color:#fff;color:#111}.button-light:hover{background:#f1f1f2;border-color:#f1f1f2}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:minmax(320px,720px) 1fr;align-items:center;padding:90px clamp(20px,5vw,76px);background:url("assets/rei-engineer-hero.webp") center/cover no-repeat;isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,6,.99) 0%,rgba(5,5,6,.96) 31%,rgba(5,5,6,.48) 58%,rgba(5,5,6,.08) 100%),linear-gradient(0deg,rgba(5,5,6,.7),transparent 38%)}.hero-content{max-width:760px}.eyebrow{margin:0 0 20px;color:#f3343e;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}.hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:0 0 26px;max-width:950px}.hero-copy{max-width:650px;color:#c7c7cc;font-size:19px;line-height:1.65;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}.text-link{color:#dddde1;font-weight:600;border-bottom:1px solid #64646b;padding:12px 0}.hero-recommendation{position:absolute;right:clamp(20px,5vw,76px);bottom:52px;width:min(410px,calc(100% - 40px));padding:18px 20px;background:rgba(11,11,13,.92);border-left:3px solid var(--red);box-shadow:0 18px 50px #0008}.hero-recommendation span,.engineer-advice span{display:block;color:#aeb0b7;font-size:11px;letter-spacing:.12em;margin-bottom:8px}.hero-recommendation strong{font-size:14px;line-height:1.45}.advantages{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(20px,5vw,76px);border-top:1px solid #29292d;border-bottom:1px solid #29292d;background:#0d0d10}.advantages div{display:flex;flex-direction:column;align-items:center;padding:25px 18px;border-right:1px solid #29292d}.advantages div:last-child{border-right:0}.advantages strong{font-size:17px}.advantages span{font-size:12px;color:#929299;margin-top:5px}.section{padding:105px clamp(20px,5vw,76px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;max-width:1450px;margin:0 auto 52px}.section-heading h2,.final-cta h2{font-size:clamp(36px,4.5vw,62px);line-height:1.04;letter-spacing:-.04em;margin:0;max-width:820px}.section-heading>p{max-width:560px;color:var(--muted);line-height:1.7;margin:0}.section-heading.centered{display:block;text-align:center}.section-heading.centered h2,.section-heading.centered>p{margin-left:auto;margin-right:auto}.section-heading.centered>p{margin-top:20px}.engineer-section{background:#0c0c0e}.engineer-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(480px,1.1fr) .9fr;gap:70px;align-items:center}.overlay-window{background:rgba(18,20,24,.97);border:1px solid #343941;color:#fff;box-shadow:0 28px 70px #0009;font-family:"Segoe UI",Arial,sans-serif}.engineer-overlay{min-height:238px;padding:18px 20px}.engineer-top{display:flex;gap:30px;align-items:center}.engineer-top strong{font-size:26px;color:var(--green)}.engineer-top span{font-weight:600;color:var(--green)}.gap-labels{display:flex;justify-content:space-between;margin:20px 0 8px;font-weight:600}.gap-track{height:6px;background:#2f343a;position:relative}.gap-track i{position:absolute;top:0;height:100%;display:block}.gap-track .gap-front{left:0;width:41%;background:#35cc74}.gap-track .gap-behind{right:0;width:35%;background:#e05252}.gap-track b{position:absolute;left:50%;top:-3px;width:1px;height:12px;background:#fff}.engineer-line{display:grid;grid-template-columns:105px 1fr;gap:14px;margin-top:22px}.engineer-line span,.engineer-advice span{color:#b9bec6;font-size:12px}.engineer-line strong{font-size:14px}.engineer-advice{margin-top:24px}.engineer-advice strong{display:block;color:var(--green);line-height:1.45}.engineer-copy article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #2b2b30}.engineer-copy article>span{color:#ef3039;font-size:13px}.engineer-copy h3{margin:0 0 8px;font-size:20px}.engineer-copy p{margin:0;color:var(--muted);line-height:1.6}.overlays-section{background:#09090b}.overlay-feature{max-width:1450px;margin:0 auto 100px;display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}.overlay-feature-reverse{grid-template-columns:1.28fr .72fr}.overlay-feature-reverse .feature-copy{order:2}.feature-copy>span{color:#ed303a;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.feature-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.07;letter-spacing:-.035em;margin:12px 0 16px}.feature-copy p{color:var(--muted);line-height:1.65;margin:0}.main-overlay{padding:0;min-height:330px}.weather-row,.standings-weather{display:flex;gap:14px;flex-wrap:wrap;padding:8px 10px;background:#1d2026;border-bottom:1px solid #343941;color:#d1d3d7;font-size:11px}.main-position{padding:18px 14px 10px}.main-position strong{font-size:22px;color:var(--green)}.opponent-row{display:grid;grid-template-columns:18px 34px 46px minmax(130px,1fr) 46px 55px;gap:6px;align-items:center;padding:7px 14px;font-size:13px}.opponent-row:nth-of-type(even){background:#202126}.opponent-row em{font-style:normal;color:#fff;font-weight:700}.opponent-row small{font-size:11px;background:#ececef;color:#111;padding:2px 5px;border-radius:8px;text-align:center;font-weight:700}.opponent-row i{font-style:normal;text-align:right}.player-row{background:#8e4d12!important}.lap-footer{display:flex;justify-content:space-between;gap:14px;margin-top:14px;padding:10px 14px;border-top:1px solid #343941;color:#b9bec6;font-size:12px}.lap-footer b{color:#fff;margin-left:7px}.fuel-overlay{min-height:235px;padding:12px}.fuel-header{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #343941;color:#b9bec6;font-size:12px}.fuel-header strong{color:#fff}.fuel-level{display:flex;align-items:center;gap:18px;padding:13px 0}.fuel-level>strong{font-size:25px;color:var(--green)}.fuel-level>div{height:5px;flex:1;background:#30343a}.fuel-level i{display:block;height:100%;width:67%;background:var(--green)}.fuel-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #343941}.fuel-columns>div{padding:10px 14px 0 0}.fuel-columns>div+div{border-left:1px solid #343941;padding-left:14px;padding-right:0}.fuel-columns p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:6px 0;color:#b9bec6;font-size:12px}.fuel-columns b{color:#fff;text-align:right}.fuel-columns em{font-style:normal;color:#ed3d46;margin-left:4px}.fuel-columns .green{color:var(--green)}.standings-overlay{min-width:0;overflow:hidden;font-size:11px}.class-row{padding:7px 9px;color:var(--green);background:#0e1112;border-top:2px solid var(--green)}.standings-head,.standing{display:grid;grid-template-columns:34px 45px 46px minmax(130px,1fr) 48px 45px 75px 75px 48px 48px;align-items:center}.standings-head{background:var(--green);color:#071514;font-weight:700;padding:7px 8px}.standing{padding:6px 8px;background:#101113}.standing.alt{background:#303133}.standing.me{background:#9e5716}.standing .gain{color:var(--green)}.standing b{font-weight:600}.standing i{font-style:normal;background:#ececef;color:#111;padding:2px 5px;border-radius:8px;text-align:center;font-weight:700;width:38px}.standing em{font-style:normal;color:#ffd51b}.standing .purple{color:var(--purple)}.standing .personal{color:#2ecc71}.standing .pit{color:var(--orange)}.plans-section{background:#0d0d10}.plans{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan{background:#151518;border:1px solid #313137;padding:34px}.plan>span{color:#ed303a;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.plan h3{font-size:32px;margin:12px 0}.plan p{color:var(--muted);line-height:1.55}.plan ul{list-style:none;padding:0;margin:25px 0}.plan li{padding:11px 0;border-bottom:1px solid #2d2d32;color:#d0d0d4}.plan li:before{content:"✓";color:var(--green);margin-right:10px}.plan-pro{border-color:var(--red);box-shadow:inset 0 3px 0 var(--red)}.final-cta{text-align:center;padding:90px 20px;background:linear-gradient(135deg,#690d12,#e12631)}.final-cta h2{margin:0 auto}.final-cta>p:not(.eyebrow){color:#ffe3e5;margin:22px 0 30px}.final-cta .eyebrow{color:#fff}footer{padding:35px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#86868d;border-top:1px solid #28282d}footer p{margin:0;font-size:13px}footer>div{display:flex;gap:22px;font-size:13px}
@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:740px;background-position:62% center}.hero h1{max-width:700px}.hero-recommendation{right:20px}.engineer-grid,.overlay-feature,.overlay-feature-reverse{grid-template-columns:1fr;gap:36px}.overlay-feature-reverse .feature-copy{order:0}.standings-overlay{overflow-x:auto}.standings-weather,.class-row,.standings-head,.standing{min-width:900px}}
@media(max-width:720px){.site-header{height:64px}.brand-name,.site-header>.button{display:none}.hero{min-height:760px;padding-top:64px;align-items:start;background-position:67% center}.hero-shade{background:linear-gradient(180deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.76) 48%,rgba(5,5,6,.34) 100%)}.hero h1{font-size:44px}.hero-copy{font-size:16px}.hero-recommendation{bottom:24px}.advantages{grid-template-columns:1fr 1fr}.advantages div:nth-child(2){border-right:0}.advantages div:nth-child(-n+2){border-bottom:1px solid #29292d}.section{padding:75px 20px}.section-heading{display:block}.section-heading>p{margin-top:20px}.engineer-grid{display:block}.engineer-copy{margin-top:28px}.engineer-overlay{padding:14px;min-height:260px}.engineer-line{grid-template-columns:1fr;gap:6px}.main-overlay{overflow-x:auto}.main-overlay>*{min-width:600px}.fuel-columns{grid-template-columns:1fr}.fuel-columns>div+div{border-left:0;border-top:1px solid #343941;padding-left:0}.lap-footer{flex-direction:column}.plans{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}footer>div{flex-wrap:wrap}}