@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--bg:#101010;--panel:#1b1b1b;--lime:#d5f878;--muted:#aaa;--border:#363636}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8f8f4;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{max-width:1320px;margin:auto;padding:0 5%}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c2c2c}.logo{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;letter-spacing:-2.4px}.dot{color:var(--lime)}.navlinks{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}.navlinks a:hover{color:var(--lime)}.outline{border:1px solid #777;border-radius:40px;padding:11px 19px;background:transparent;color:white}.hero{padding:95px 0 75px;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:55px;gap:55px;align-items:center}.eyebrow{color:var(--lime);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font:700 clamp(56px,7.4vw,112px)/.94 Space Grotesk,sans-serif;letter-spacing:-6px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--lime)}.lead{max-width:550px;color:#bdbdbd;font-size:18px;line-height:1.65}.cta{background:var(--lime);border:0;border-radius:40px;padding:15px 24px;color:#111;font-weight:700;display:inline-flex;align-items:center;gap:12px;margin-top:22px}.heroImage{height:500px;position:relative;border-radius:8px;overflow:hidden;background:#292929}.heroImage img{height:100%;width:100%;object-fit:cover;filter:brightness(.7)}.imageLabel{position:absolute;bottom:25px;left:25px;right:25px;font-size:13px;letter-spacing:1px;display:flex;justify-content:space-between}.section{padding:45px 0 90px}.sectionTop{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section h2{font:700 clamp(32px,4vw,54px)/1.1 Space Grotesk,sans-serif;letter-spacing:-2px;margin:10px 0}.subtle{color:var(--muted);font-size:14px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 30px}.filters input,.filters select{background:#1b1b1b;border:1px solid #3a3a3a;color:white;border-radius:50px;padding:13px 18px;min-width:150px;outline:none}.filters input{flex:1 1;min-width:190px}.pill{border:1px solid #454545;border-radius:50px;padding:13px 18px;color:white;background:#1b1b1b}.pill.active{background:var(--lime);color:#111;border-color:var(--lime)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.card{background:#1b1b1b;border-radius:7px;overflow:hidden;border:1px solid #303030;transition:transform .2s}.card:hover{transform:translateY(-4px)}.cardImg{height:285px;position:relative;background:#333}.cardImg img{width:100%;height:100%;object-fit:cover}.tag{left:15px;top:15px;background:var(--lime);color:#111;padding:8px 11px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:1px}.save,.tag{position:absolute}.save{right:13px;top:13px;background:#111b;color:white;border:1px solid #aaa8;border-radius:50%;width:38px;height:38px;font-size:20px}.save.on{color:var(--lime)}.cardBody{padding:20px}.cardBody h3{font:700 24px Space Grotesk,sans-serif;letter-spacing:-.8px;margin:8px 0}.meta{color:#aaa;font-size:13px;line-height:1.7}.genre{font-size:11px;color:var(--lime);letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.cardBottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.textlink{color:var(--lime);font-weight:700;font-size:13px}.feature{background:#d5f878;color:#111;border-radius:9px;padding:50px;display:flex;justify-content:space-between;gap:30px;align-items:center}.feature h2{font:700 clamp(36px,5vw,70px)/1 Space Grotesk,sans-serif;letter-spacing:-3px;margin:14px 0}.feature p{max-width:580px;line-height:1.6}.signup{display:flex;gap:8px;flex-wrap:wrap}.signup input{padding:16px;border:1px solid #111;border-radius:4px;min-width:250px;background:white;color:#111}.signup button{padding:16px 23px;border:0;border-radius:4px;background:#111;color:white;font-weight:700}.footer{border-top:1px solid #303030;padding:32px 0 45px;display:flex;justify-content:space-between;color:#aaa;font-size:13px}.modalBackdrop{position:fixed;inset:0;background:#000d;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.modal{width:min(700px,100%);background:#202020;border:1px solid #555;border-radius:10px;overflow:hidden;max-height:90vh;overflow-y:auto}.modal img{width:100%;height:260px;object-fit:cover}.modalContent{padding:25px}.close{float:right;background:transparent;border:0;color:white;font-size:24px}.empty{padding:55px;text-align:center;border:1px dashed #555;color:#aaa;grid-column:1/-1}.disclaimer{font-size:12px;color:#aaa;line-height:1.5;margin-top:20px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:65px 0 50px}.hero h1{letter-spacing:-3px}.heroImage{height:320px}.cards{grid-template-columns:repeat(2,1fr)}.navlinks a{display:none}.feature{display:block;padding:30px}.signup{margin-top:25px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.cardImg{height:310px}.hero h1{font-size:62px}.section{padding-bottom:55px}.footer{display:block;line-height:2}.nav{height:70px}.logo{font-size:27px}}