*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050708;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
header{height:78px;position:fixed;z-index:5;inset:0 0 auto;background:rgba(5,7,8,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;border-bottom:1px solid #17191a}
.brand{color:#fff;text-decoration:none;font-size:28px;font-style:italic;position:relative;padding-left:34px}.brand span{position:absolute;left:0;color:#42bfff}.brand b{font-weight:900}.brand small,.footbrand small{display:block;color:#ff9b00;font-size:8px;letter-spacing:2px;font-style:normal}
nav{display:flex;gap:38px}nav a{color:#eee;text-decoration:none;font-weight:600;padding:28px 0}nav .active{color:#ff9b00;border-bottom:2px solid #ff9b00}.account{display:flex;gap:10px}.account button{border:0;background:none;color:#fff;font-size:27px}
.hero{min-height:760px;position:relative;background:url("assets/van-background.jpg") center/cover no-repeat;display:flex;align-items:flex-end}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.42) 48%,rgba(0,0,0,.08)),linear-gradient(0deg,#050708 0%,transparent 60%)}
.heroText{position:relative;z-index:1;padding:0 5.2% 85px;max-width:650px}.eyebrow{color:#ff9b00;font-weight:900;letter-spacing:4px}.hero h1{font-size:82px;line-height:.9;margin:0;font-style:italic}.hero h2{letter-spacing:7px;font-size:25px}.heroText>p:not(.eyebrow){font-size:20px;line-height:1.5;color:#ddd;max-width:500px}.start{display:inline-block;margin-top:12px;background:#ff9800;color:white;padding:16px 25px;border-radius:9px;text-decoration:none;font-weight:800}
.library{padding:35px 3.2% 10px}.head{display:flex;justify-content:space-between;align-items:center}.head h2{font-size:24px}.head a{color:#ff9b00;text-decoration:none;font-weight:700}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.card{height:290px;border-radius:10px;border:1px solid #242627;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:0 10px 25px #0008}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 65%)}.card>*{position:relative;z-index:1;text-align:center}.card b{font-size:25px;margin-bottom:10px}.card strong{font-size:14px;text-align:left}.card small{color:#aaa;margin-top:4px;text-align:left}.p1{background:linear-gradient(140deg,#a65b1d,#101820)}.p2{background:linear-gradient(140deg,#d43d20,#160b0b)}.p3{background:linear-gradient(140deg,#758a96,#18242c)}.p4{background:linear-gradient(140deg,#bd7527,#080a0c)}.p5{background:linear-gradient(140deg,#29464d,#07090a)}.p6{background:linear-gradient(140deg,#642c88,#11111c)}.s1{background:linear-gradient(140deg,#e0ba20,#111)}.s2{background:linear-gradient(140deg,#64778a,#0b0f14)}.s3{background:linear-gradient(140deg,#a21d25,#18090d)}.s4{background:linear-gradient(140deg,#197a9d,#07151e)}.s5{background:linear-gradient(140deg,#77725c,#151512)}.s6{background:linear-gradient(140deg,#635a54,#090909)}
.list{margin:55px 3.2% 0;padding:28px 0;border-top:1px solid #222;border-bottom:1px solid #222}.list p{color:#aeb2b5}.list h2{margin:0}.list p{max-width:650px}footer{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;padding:32px 3.2%;color:#9da2a7}.footbrand{font-size:27px;font-weight:900;font-style:italic;color:#fff}.links{display:flex;justify-content:flex-end;gap:20px}.links a{color:#ddd}
@media(max-width:900px){nav{display:none}.hero{min-height:700px}.heroText{padding:0 25px 60px}.hero h1{font-size:60px}.cards{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr}}
@media(max-width:560px){header{height:68px;padding:0 18px}.brand{font-size:23px}.hero{min-height:690px}.heroText{padding:0 22px 48px}.hero h1{font-size:52px}.hero h2{font-size:18px;letter-spacing:4px}.heroText>p:not(.eyebrow){font-size:17px}.library{padding-left:18px;padding-right:18px}.cards{display:flex;overflow-x:auto}.card{flex:0 0 145px;height:220px}.card b{font-size:18px}.list{margin-left:18px;margin-right:18px}footer{padding:28px 18px}.links{justify-content:flex-start;flex-wrap:wrap}}