:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#0b1c16;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.page{position:relative;min-height:100svh;overflow:hidden;background:#0b1c16}.backdrop{position:absolute;inset:0;background:url('/fishing-hero.png') 90% center/cover no-repeat}.overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,18,15,.83),transparent 45%,rgba(6,18,15,.18)),linear-gradient(90deg,rgba(6,18,15,.96),rgba(6,18,15,.83) 39%,rgba(6,18,15,.28))}.content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100svh;max-width:1280px;margin:auto;padding:28px 64px 0}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.035em}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff38;border-radius:16px;background:#ffffff1a;color:#c7f48a;font-size:26px}.hero{display:flex;flex:1;align-items:center;padding:72px 0 96px}.hero-copy{max-width:710px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:10px 15px;border:1px solid #c7f48a5c;border-radius:999px;background:#c7f48a17;color:#d9f7b6;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:#c7f48a}h1{max-width:730px;margin:0;font-size:clamp(48px,5.3vw,76px);line-height:1.07;letter-spacing:-.05em;font-weight:800}.lead{max-width:590px;margin:24px 0 0;color:#ffffffdb;font-size:19px;line-height:1.6}.actions{display:flex;align-items:center;gap:18px;margin-top:36px}.join-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:57px;padding:15px 24px;border-radius:13px;background:#c7f48a;color:#17311b;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 14px 40px #0004;transition:background .2s,transform .2s,box-shadow .2s}.join-button:hover{background:#dcffad;transform:translateY(-2px);box-shadow:0 18px 46px #0005}.join-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.join-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.join-button span{font-size:21px;line-height:1}.microcopy{font-size:14px;color:#ffffffbf}.benefits{display:flex;flex-wrap:wrap;gap:12px 28px;margin:38px 0 0;padding:0;list-style:none;color:#ffffffdb;font-size:14px}.benefits li{display:inline-flex;align-items:center;gap:8px}.benefits span{color:#c7f48a;font-weight:800}footer{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid #ffffff38;color:#ffffffb8;font-size:12px;line-height:1.5}footer p{margin:0}@media(max-width:700px){.content{padding:24px 24px 0}.hero{padding:72px 0 64px}.hero-copy{max-width:530px}.overlay{background:linear-gradient(0deg,rgba(6,18,15,.93),rgba(6,18,15,.53)),linear-gradient(90deg,rgba(6,18,15,.86),rgba(6,18,15,.2))}h1{font-size:clamp(43px,11vw,58px)}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:14px}.benefits{gap:12px 18px}footer{flex-direction:column;gap:8px}.backdrop{background-position:86% center}}@media(max-width:370px){.eyebrow{font-size:10px}.join-button{width:100%;padding-inline:12px;font-size:14px}}
