*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3eadb;color:#17130f;font-family:Inter,Arial,sans-serif}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px;z-index:99}.site-header{position:absolute;top:0;width:100%;z-index:10;padding:24px 0}.nav-wrap,.footer-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:3px solid currentColor;transform:rotate(-4deg);font-family:Anton;font-size:20px}.brand-text{font-weight:800;letter-spacing:.11em;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:.2s}.button-small{padding:11px 17px;font-size:12px}.button-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.button-outline:hover{background:#fff;color:#17130f}.hero{min-height:760px;background:#17130f;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;padding:130px 0 80px}.hero:before {
    content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(15, 12, 10, 0.94) 0%,
      rgba(15, 12, 10, 0.78) 42%,
      rgba(15, 12, 10, 0.40) 72%,
      rgba(15, 12, 10, 0.24) 100%
    ),
    url("assets/league-of-legends-drone-hero.jpg")
    center 58% / cover no-repeat;}
    
    .hero-noise{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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='.35'/%3E%3C/svg%3E")}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#d76b38}.eyebrow{display:flex;align-items:center;gap:12px;color:#f0bb80}.eyebrow span{width:38px;height:2px;background:#e26d38}.hero h1,.about h2,.register h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.92;letter-spacing:.01em;margin:24px 0}.hero h1{font-size:clamp(58px,7vw,104px)}h1 em,h2 em{font-style:normal;color:#e36e38}.hero-lead{font-size:19px;line-height:1.65;max-width:650px;color:#d6cdc2}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button-primary{background:#e36e38;color:#fff;padding:18px 24px;box-shadow:7px 7px 0 #8c3b20}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #8c3b20}.text-link{color:#fff;text-underline-offset:5px;font-weight:700}.hero-points{display:flex;gap:28px;padding:0;margin:42px 0 0;list-style:none;text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:#b8aa9d}.hero-points li:not(:last-child):after{content:"•";margin-left:28px;color:#e36e38}.poster-card{min-height:535px;position:relative;overflow:hidden;background:linear-gradient(#d66b39 0 43%,#b84827 44% 62%,#342018 63%);box-shadow:20px 20px 0 rgba(0,0,0,.28);transform:rotate(1.5deg);border:9px solid #eee0c8}.poster-card:after{content:"";position:absolute;inset:0;border:2px solid rgba(23,19,15,.3);margin:10px;pointer-events:none}.poster-sun{position:absolute;width:270px;height:270px;border-radius:50%;background:#f5c47f;right:-20px;top:52px;box-shadow:0 0 0 18px rgba(245,196,127,.12)}.poster-copy{position:absolute;z-index:3;top:36px;left:38px}.poster-copy small{font-weight:800;letter-spacing:.24em}.poster-copy strong{display:block;font-family:Anton;font-size:65px;line-height:.78;margin-top:12px;color:#16120e}.poster-copy span{display:inline-block;background:#16120e;color:#f3eadb;padding:7px 12px;margin-top:14px;font-weight:800;letter-spacing:.2em}.car{position:absolute;z-index:4;width:115%;left:-9%;bottom:6px}.ground{fill:#241713}.body{fill:#e5b36e;stroke:#1b1714;stroke-width:8}.window{fill:#263137;stroke:#1b1714;stroke-width:7}.trim,.bumper{fill:none;stroke:#1b1714;stroke-width:9}.light{fill:#f5df9b;stroke:#1b1714;stroke-width:6}.tyre{fill:#171513;stroke:#d5a45f;stroke-width:5}.hub{fill:#c9c0ad;stroke:#171513;stroke-width:6}.dust{position:absolute;background:#df9d63;border-radius:50%;opacity:.42;filter:blur(1px)}.d1{width:130px;height:45px;left:18px;bottom:28px}.d2{width:90px;height:35px;left:100px;bottom:80px}.d3{width:60px;height:25px;right:10px;bottom:45px}.about{padding:110px 0;background:#f3eadb}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about h2,.register h2{font-size:clamp(48px,6vw,78px)}.about-copy{font-size:18px;line-height:1.75;color:#4f473e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}.feature-grid article{border-top:4px solid #17130f;padding:28px 6px}.feature-grid span{font-family:Anton;font-size:34px;color:#e36e38}.feature-grid h3{font-size:20px;text-transform:uppercase}.feature-grid p{color:#61574d;line-height:1.6}.register{background:#c9532d;color:#fff;padding:105px 0;position:relative}.register:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.08),transparent 55%)}.register-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.section-kicker.light{color:#2c1b14}.register>div>div>p:last-child{max-width:500px;color:#f8d7c7;line-height:1.7}.signup-form{background:#f5ead9;color:#17130f;padding:38px;box-shadow:15px 15px 0 #7d2f1c}.field{margin-bottom:22px}.field label{display:block;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.14em;margin-bottom:8px}.field input{width:100%;border:2px solid #332820;background:#fffaf2;padding:16px;font-size:16px;font:inherit;outline:0}.field input:focus{border-color:#d25a31;box-shadow:0 0 0 3px rgba(210,90,49,.15)}.consent{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.45;color:#5b5148;margin:2px 0 22px}.consent input{margin-top:3px}.button-submit{width:100%;background:#17130f;color:#fff;padding:18px;font-size:15px}.button-submit:hover{background:#33261f}.button-submit span{margin-left:12px;font-size:20px}.form-note{font-size:12px;line-height:1.5;color:#756a60;margin:16px 0 0}.hidden-field{position:absolute!important;left:-9999px!important}footer{background:#17130f;color:#aa9d90;padding:32px 0;font-size:12px}.footer-brand{color:#fff}.footer-brand .brand-mark{width:38px;height:38px;font-size:16px}footer p{margin:0}@media(max-width:900px){.hero-grid,.split,.register-grid{grid-template-columns:1fr}.hero-grid{gap:50px}.poster-card{max-width:620px}.feature-grid{grid-template-columns:1fr}.register-grid,.split{gap:40px}.footer-wrap{gap:20px;flex-wrap:wrap}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.brand-text{display:none}.hero{padding-top:115px;min-height:auto}.hero h1{font-size:54px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-points{gap:10px;flex-wrap:wrap}.hero-points li:not(:last-child):after{margin-left:10px}.poster-card{min-height:430px}.poster-copy strong{font-size:51px}.poster-sun{width:210px;height:210px}.about,.register{padding:75px 0}.signup-form{padding:24px;box-shadow:8px 8px 0 #7d2f1c}.footer-wrap{flex-direction:column;align-items:flex-start}}
    @media (max-width: 620px) {
  .hero:before {
    background:
      linear-gradient(
        180deg,
        rgba(15, 12, 10, 0.80) 0%,
        rgba(15, 12, 10, 0.68) 55%,
        rgba(15, 12, 10, 0.85) 100%
      ),
      url("assets/league-of-legends-drone-hero.jpg")
      43% center / cover no-repeat;
  }
}