html{scroll-behavior:smooth;}
body{font-family:'Familjen Grotesk',sans-serif;background:#0a0a0a;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-family:'Epilogue',sans-serif;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;font-family:inherit;border:none;}
::selection{background:#22c55e;color:#000;}


:root{--green:#22c55e;--bg:#0a0a0a;--card:#111;--border:#777777;--white:#fff;--muted:#6b7280;}



/* GLOBAL */
.container{max-width:1200px;margin:0 auto;padding:6rem 2rem;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,0.03) 1px,transparent 1px);background-size:24px 24px;opacity:.35;z-index:-1;}

nav { position: fixed; top: 0; width: 100%; z-index: 100; background: rgba(0,0,0,0.8); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
.nav-inner { max-width: var(--max-w); margin: 0 auto; padding: 1rem 1.5rem; display: flex; justify-content: space-between; align-items: center; }
.nav-logo { font-size: 1.4rem; font-weight: 900; letter-spacing: -0.03em; text-transform: uppercase; }
.nav-logo span { color: var(--green); }
.nav-cta { padding: .5rem 1.2rem; background: var(--green); color: #000; font-size: .65rem; font-weight: 800; text-transform: uppercase; border: none; letter-spacing: 0.06em; transition: all 0.2s; }
.nav-cta:hover { transform: translate(-2px, -2px); box-shadow: 3px 3px 0px #fff; }

/* HEADINGS */
.subheading{font-size:.75rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.5rem;text-align:center;}
.main-heading{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin-bottom:3rem;text-align:center;max-width:900px;margin-inline:auto;}
.main-heading .underline{color:var(--green);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;}

/* LAYOUT */
.content-wrapper{display:grid;grid-template-columns:1.1fr 1.1fr;gap:1rem;align-items:center;margin:3.5rem 0 4.5rem;}
.text-box{justify-content: center;}
.image-box{display:flex;justify-content:center;width:100%;}

/* BENEFITS */
.benefits-list{list-style:none;display:flex;flex-direction:column;gap:2rem; font-size: 1.2rem;}
.benefits-list li{line-height:1.6;color:var(--white);gap:1.2rem;}
.benefits-list .checkmark{color:var(--green);font-weight:900;flex-shrink:0;margin-top:5px;}

/* IMAGE */
.image-placeholder{width:100%;max-width:480px;border-radius:12px;background:#111;overflow:hidden;transition:.3s;}
.rounded-image{width:100%;height:100%;object-fit:cover;}

/* FORM */
.input-with-button{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;max-width:620px;margin-inline:auto;}
.bold-placeholder{padding:1.1rem 1.2rem;background:#000;border:1.5px solid var(--border);color:#fff;font-size:.95rem;border-radius:6px;transition:.2s;}
.bold-placeholder::placeholder{color:#6b7280;font-weight:500;}
.bold-placeholder:focus{outline:none;border-color:var(--green);background:#111;}

.primary{background:var(--green);color:#000;padding:1.1rem;font-weight:800;font-size:.85rem;border-radius:6px;text-transform:uppercase;letter-spacing:.08em;transition:.2s;}
.primary:hover{background:#1ba350;transform:translateY(-2px);}

/* PS */
.ps{font-size:.75rem;color:var(--muted);font-style:italic;text-align:center;max-width:800px;margin:1rem auto 0;}
.presignup{font-size:.9rem;color:#a6a6a6;text-align:center;max-width:800px;margin:1rem auto 0; padding-bottom: 1rem;}

/* MOBILE */
@media(max-width:768px){
.container{padding:4rem 1.25rem;}
.main-heading{font-size:1.8rem;margin-bottom:2.2rem;}
.content-wrapper{grid-template-columns:1fr;gap:2rem;margin:2.5rem 0 3.5rem;}
.text-box{max-width:100%;margin-right:0;}
.image-placeholder{max-width:100%;}
.benefits-list{gap:1.75rem;}
.input-with-button{margin-bottom:2rem;}
}