:root{--bg:#0c0d10;--panel:#17191d;--panel2:#202228;--red:#ed302e;--white:#f6f6f5;--muted:#aaaeb7;--line:#32343b;--orange:#f28b35;--yellow:#e8c14e;--green:#4bbf77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.red{color:var(--red)}.site-header{height:76px;position:sticky;top:0;z-index:30;background:#0b0d10ee;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff16;display:flex;align-items:center;gap:30px;padding:0 max(4vw,20px)}.brand{font-size:22px;line-height:1;font-weight:1000;letter-spacing:-1.1px;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand small{display:block;letter-spacing:3px;font-size:8px;margin-top:6px;font-weight:700}.brand-mark{font-size:17px;color:var(--red);letter-spacing:-10px;width:29px;transform:scaleY(1.6)}.top-nav{margin-left:auto;display:flex;gap:27px}.top-nav a{font-size:13px;color:#ccc}.top-nav a:hover{color:white}.nav-cta,.btn{border:0;border-radius:5px;background:var(--red);color:white;font-size:12px;font-weight:900;letter-spacing:.6px;padding:15px 19px;display:inline-flex;justify-content:center;align-items:center;gap:12px}.nav-cta:hover,.btn:hover{background:#fa4542}.btn.secondary{background:transparent;border:1px solid #777}.btn.dark{background:var(--panel2);border:1px solid #555}.container{max-width:1170px;margin:auto;padding:0 24px}.hero{position:relative;min-height:620px;display:flex;align-items:center;background:linear-gradient(90deg,#0c0d10 7%,#0c0d10eb 45%,#0c0d1020 100%),url('assets/trail-rival-poster.png') right 35%/auto 125% no-repeat,#0c0d10}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:95px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-inner{position:relative;z-index:1;padding-top:70px;padding-bottom:100px}.eyebrow{font-size:12px;color:var(--red);font-weight:900;letter-spacing:3px;text-transform:uppercase}.hero h1{font-size:clamp(58px,9vw,116px);max-width:730px;letter-spacing:-5px;line-height:.92;margin:22px 0;text-transform:uppercase;font-weight:1000}.hero h1 em{color:var(--red);font-style:normal}.lead{max-width:550px;font-size:19px;line-height:1.6;color:#d4d4d6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.pill-row{display:flex;gap:32px;flex-wrap:wrap;margin-top:50px}.pill-row strong{display:block;font-size:32px}.pill-row span{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.section{padding:75px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section h2,.page-title{font-size:clamp(32px,4.8vw,59px);line-height:1.02;letter-spacing:-2px;text-transform:uppercase;margin:12px 0}.muted{color:var(--muted);line-height:1.65}.section-heading p{max-width:450px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step,.panel,.category-card,.lesson-card,.price-card{background:var(--panel);border:1px solid var(--line);border-radius:9px}.step{padding:28px;min-height:175px}.step-index{font-size:12px;color:var(--red);font-weight:900}.step h3{font-size:24px;text-transform:uppercase}.step p{font-size:14px;line-height:1.6;color:#b9bdc4}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-card{padding:25px;position:relative;transition:transform .15s,border-color .15s}.category-card:hover,.lesson-card:hover{border-color:#8e4242;transform:translateY(-2px)}.category-card .number{font-size:12px;color:var(--red);font-weight:900;letter-spacing:2px}.category-card h3{font-size:23px;margin:18px 0 8px;text-transform:uppercase}.category-card p{font-size:13px;color:var(--muted);line-height:1.5;min-height:40px}.levels{display:flex;gap:6px;margin:20px 0}.level-dot{border-radius:3px;width:24%;height:5px;background:var(--red)}.level-dot:nth-child(2){background:var(--orange)}.level-dot:nth-child(3){background:var(--yellow)}.level-dot:nth-child(4){background:var(--green)}.card-link{color:#fff;font-size:12px;font-weight:800;letter-spacing:1px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.feature img{width:100%;border-radius:9px;max-height:540px;object-fit:cover;object-position:top}.flag{display:inline-block;background:#431917;color:#ff918e;border:1px solid #733e38;font-weight:900;font-size:10px;letter-spacing:1.6px;padding:7px 10px;border-radius:3px}.feature h2{font-size:clamp(36px,5vw,66px);text-transform:uppercase;line-height:1.0}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.price-card{padding:36px}.price-card.featured{border-color:var(--red)}.price{font-size:57px;font-weight:900;margin:20px 0}.price span{font-size:16px;color:var(--muted)}.price-card ul{list-style:none;margin:24px 0 30px;padding:0}.price-card li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.price-card li:before{content:'✓';color:var(--red);font-weight:900;margin-right:12px}.page{padding:60px 0 95px;min-height:70vh}.page-top{margin-bottom:32px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.filter{background:#202228;border:1px solid var(--line);color:white;padding:10px 14px;border-radius:4px;font-size:12px}.filter.active{background:var(--red);border-color:var(--red)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-card{padding:23px;display:flex;flex-direction:column;gap:13px}.lesson-card h3{font-size:20px;line-height:1.12;text-transform:uppercase;margin:5px 0}.lesson-card p{margin:0;font-size:13px;line-height:1.55;color:#bfc0c4;flex:1}.lesson-code{font-size:11px;letter-spacing:2px;color:#b0b0b7}.level-badge{display:inline-block;padding:5px 8px;border:1px solid currentColor;font-size:10px;font-weight:850;letter-spacing:1px;border-radius:3px;text-transform:uppercase}.red-level{color:#fa6461}.orange-level{color:var(--orange)}.yellow-level{color:var(--yellow)}.green-level{color:var(--green)}.status{font-size:11px;color:var(--muted)}.lesson-head{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:center}.lesson-head h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-2px;text-transform:uppercase;margin:15px 0}.lesson-block{padding:26px;margin:12px 0;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.lesson-block h3{margin:0 0 15px;text-transform:uppercase;font-size:18px}.lesson-block p,.lesson-block li{font-size:15px;color:#c8cad0;line-height:1.7}.lesson-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drill-item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:16px}.drill-item strong{color:#f77470;min-width:64px}.preview-img{width:100%;height:250px;object-fit:cover;object-position:top;border-radius:6px}.paywall{border:1px solid var(--red);background:#261b1b;padding:28px;border-radius:8px;margin:22px 0}.progress-bar{background:#37393e;height:9px;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--red)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.stat strong{display:block;font-size:36px;margin:10px 0}.stat span{font-size:12px;color:var(--muted)}.progress-row{display:grid;grid-template-columns:220px 1fr 70px;align-items:center;gap:15px;margin:17px 0}.progress-row span{font-size:13px}.notice{background:#2a2420;border:1px solid #876744;color:#ffd8a4;padding:15px;border-radius:5px;font-size:13px;line-height:1.6}.form-panel{max-width:590px;padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.field{margin:17px 0}.field label{display:block;font-size:12px;font-weight:850;letter-spacing:1px;margin-bottom:8px}.field input,.field textarea{width:100%;background:#0e1014;border:1px solid #45464d;color:white;padding:14px;border-radius:5px}.checkbox-field{display:flex;align-items:start;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}.checkbox-field input{width:auto}.toast{position:fixed;bottom:25px;right:25px;z-index:50;background:#23262b;color:white;padding:17px;border:1px solid #696969;border-radius:7px;box-shadow:0 10px 35px #0009;max-width:350px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer>strong{font-size:20px}footer span,footer a{font-size:12px;letter-spacing:1px}footer a{margin-left:auto}footer p{width:100%;font-size:11px;color:#858894}.hidden{display:none!important}@media(max-width:850px){.top-nav{display:none}.site-header{gap:10px;justify-content:space-between}.nav-cta{font-size:10px;padding:12px}.hero{min-height:630px;background:linear-gradient(90deg,#0c0d10ef,#0c0d1092),url('assets/trail-rival-poster.png') center/cover}.hero h1{letter-spacing:-3px}.hero-inner{padding-top:50px}.category-grid,.lesson-grid,.steps{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature img{max-height:380px}.lesson-head{grid-template-columns:1fr}.lesson-head img{max-width:320px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.progress-row{grid-template-columns:130px 1fr 50px}}@media(max-width:560px){.section{padding:50px 0}.container{padding:0 16px}.category-grid,.lesson-grid,.steps,.pricing-grid,.lesson-columns,.dashboard-grid{grid-template-columns:1fr}.section-heading{display:block}.hero h1{font-size:57px}.pill-row{gap:22px}.pill-row strong{font-size:26px}.category-card p{min-height:0}.progress-row{grid-template-columns:110px 1fr 40px}.page{padding:42px 0}footer a{margin-left:0}}

/* Category infographics: 9 categories × 4 levels */
.lesson-card-image{width:100%;height:260px;object-fit:contain;object-position:center top;background:#090a0b;border-radius:6px;margin:12px 0;display:block}
.category-preview{width:100%;height:220px;object-fit:contain;object-position:center top;background:#08090b;border-radius:6px;margin-bottom:14px;display:block}
.preview-img{object-fit:contain!important;background:#090a0b;max-height:750px}
@media(max-width:700px){.lesson-card-image{height:310px}.category-preview{height:260px}.preview-img{max-height:none}}