@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');
:root{--primary-green:#10B981;--green-hover:#0D9668;--darker-bg:#0F172A;--dark-bg:#1E293B;--light-gray:#F8FAFC;--text-dark:#1E293B;--text-light:#64748B;--orange:#FF6B35;--blue:#3B82F6;--purple:#A855F7;--red:#EF4444;--line:#E2E8F0;--shadow:0 18px 55px rgba(15,23,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}h1,h2,h3,h4,.logo{font-family:Rubik,sans-serif;line-height:1.12}img{max-width:100%}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-green);font-family:Rubik,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.section-heading{max-width:720px;margin:0 auto 3.5rem;text-align:center}.section-heading h2{font-size:clamp(2rem,4vw,3.15rem);margin:.7rem 0 1rem}.section-heading p{color:var(--text-light);font-size:1.1rem;margin:0}
nav.site-nav{position:fixed;z-index:1000;inset:0 0 auto;background:rgba(15,23,42,.96);border-bottom:1px solid rgba(255,255,255,.08);height:76px;padding:0 max(20px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:.55rem;min-height:44px;color:var(--primary-green)!important;text-decoration:none;font-size:1.7rem;font-weight:700}.logo-mark{height:38px;width:auto}.nav-center{display:flex;align-items:center;gap:1.85rem;margin:auto}.nav-center a{color:#E2E8F0;text-decoration:none;font:500 .98rem Rubik,sans-serif}.nav-center a:hover,.nav-center a[aria-current="page"]{color:var(--primary-green)}.btn,.btn-primary,.btn-login,.btn-submit{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border:0;border-radius:10px;background:var(--primary-green);color:#fff!important;font:700 1rem Rubik,sans-serif;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover,.btn-primary:hover,.btn-login:hover,.btn-submit:hover{background:var(--green-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.28)}.btn-secondary:hover{background:rgba(255,255,255,.08)}.hamburger{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:44px;height:44px;padding:10px}.hamburger span{display:block;height:2px;margin:5px 0;background:#fff;transition:transform .2s,opacity .2s}nav.open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}nav.open .hamburger span:nth-child(2){opacity:0}nav.open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.page-hero{margin-top:76px;padding:6.5rem 20px 5rem!important;text-align:center;color:#fff;background:var(--darker-bg) url('img/hero-mesh.svg') center/cover;scroll-margin-top:90px}.page-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);text-transform:uppercase;margin:0 auto 1.2rem;max-width:950px}.page-hero p{max-width:720px;margin:auto;color:#CBD5E1;font-size:1.15rem}.content,.features,.pricing{padding:5.5rem 20px}.card,.signup-card,.feedback-card,.contact-card,.step{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}#features{scroll-margin-top:90px}.noscript-nav{background:#0F172A;color:#E2E8F0;padding:.85rem max(20px,calc((100vw - 1240px)/2));font:500 .92rem Rubik,sans-serif;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.noscript-nav a{color:#E2E8F0;text-decoration:underline}.noscript-nav a:hover{color:var(--primary-green)}.noscript-footer{background:#0F172A;color:#94A3B8;padding:1rem 20px;text-align:center;font-size:.85rem}.noscript-footer a{color:#94A3B8;margin:0 .4rem}
.feature-block{width:min(1160px,100%);margin:0 auto 7rem;display:grid;grid-template-columns:1fr 1.05fr;gap:5rem;align-items:center}.feature-block:nth-of-type(even){direction:rtl}.feature-block:nth-of-type(even)>*{direction:ltr}.feature-text h2{font-size:clamp(2rem,4vw,3rem);margin:.6rem 0 1.2rem}.feature-text p{color:var(--text-light);font-size:1.08rem}.feature-list,.price-features{list-style:none;padding:0}.feature-list li,.price-features li{display:flex;gap:.7rem;margin:.75rem 0}.feature-list li:before,.price-features li:before{content:"✓";display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--primary-green);color:#fff;font-weight:800}.shot{position:relative;padding:22px 10px 10px;background:linear-gradient(145deg,#E2E8F0,#fff);border:1px solid #CBD5E1;border-radius:17px;box-shadow:var(--shadow)}.shot:before{content:"•••";position:absolute;top:0;left:13px;color:#94A3B8;letter-spacing:3px}.feature-image{display:block;width:100%;border-radius:8px;border:1px solid #E2E8F0}
.cta-section{padding:6rem 20px;text-align:center;color:#fff;background:var(--darker-bg) url('img/grid-texture.svg') center/cover}.cta-section h2{font-size:clamp(2.2rem,5vw,3.6rem);text-transform:uppercase;max-width:800px;margin:0 auto 1rem}.cta-section p{color:#CBD5E1;max-width:620px;margin:0 auto 2rem}.home-pricing-card{max-width:540px;margin:auto;padding:2.5rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.price{font:700 3.6rem Rubik,sans-serif}.price span{font-size:1.15rem;color:var(--text-light)}.price-yearly{font-size:1.125rem;color:var(--text-light);margin:.25rem 0 1.5rem}.price-yearly strong{color:var(--text-dark);font-weight:700}.price-save{display:inline-block;margin-left:.5rem;padding:.15rem .6rem;border-radius:999px;background:var(--primary-green);color:#fff;font-size:.85rem;font-weight:700;vertical-align:middle}
footer{background:var(--dark-bg);color:#94A3B8;padding:4rem 20px 2rem}.footer-content{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}.footer-brand{color:var(--primary-green);font:700 1.6rem Rubik,sans-serif}.footer-description{max-width:380px}.footer-section h3{color:#fff;font-size:1rem}.footer-section a{display:block;text-decoration:none;margin:.55rem 0}.footer-section a:hover{color:var(--primary-green)}.footer-bottom{width:min(1160px,100%);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}
form input,form textarea,form select{width:100%;padding:.85rem 1rem;border:1px solid #CBD5E1;border-radius:9px;font:inherit}form input:focus,form textarea:focus{outline:3px solid rgba(16,185,129,.16);border-color:var(--primary-green)}.signup-wrap{margin-top:76px!important;background:var(--light-gray)!important}.hidden{display:none!important}
@media(max-width:820px){nav.site-nav{height:68px;padding:0 16px;gap:.6rem}.logo{font-size:1.35rem}.logo-mark{height:30px}.btn-login{padding:.6rem .8rem;font-size:.86rem;min-height:44px;display:inline-flex;align-items:center}.hamburger{display:block}.nav-center{display:none;position:absolute;top:68px;left:0;right:0;padding:.5rem 16px 1rem;background:var(--darker-bg);flex-direction:column;align-items:stretch;gap:0}.nav-center a{padding:.8rem;border-bottom:1px solid rgba(255,255,255,.08)}nav.open .nav-center{display:flex}.page-hero{margin-top:68px!important;padding:4.5rem 20px 3.5rem!important}.feature-block,.feature-block:nth-of-type(even){grid-template-columns:1fr;gap:2rem;margin-bottom:5rem;direction:ltr}.footer-content{grid-template-columns:1fr 1fr}.footer-content>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.container{width:min(100% - 28px,1160px)}.footer-content{grid-template-columns:1fr}.footer-content>div:first-child{grid-column:auto}.btn{width:100%}.content,.features,.pricing{padding:4rem 14px}.home-pricing-card{padding:1.5rem}.page-hero h1{font-size:2.25rem}}