:root{--primary-dark:#0d3f38;--primary-orange:#f4792b;--primary-orange-hover:#d96621;--accent-green:#cbdb2a;--bg-light:#fdfdfd;--bg-gray:#f4f6f8;--text-dark:#111827;--text-muted:#6b7280;--font-main:"Helvetica Neue", Helvetica, Arial, sans-serif;--radius-md:12px;--radius-lg:24px;--shadow-sm:0 4px 10px #00000008;--shadow-md:0 10px 30px #0d3f3814}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-dark);background-color:var(--bg-light);line-height:1.6}a{color:inherit;text-decoration:none}h1{color:var(--primary-dark);letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}h2{color:var(--primary-dark);letter-spacing:-.5px;margin-bottom:1rem;font-size:2.2rem;line-height:1.2}h3{color:var(--primary-dark);margin-bottom:.5rem;font-size:1.25rem}p{color:var(--text-muted);margin-bottom:1rem}.text-center{text-align:center}.btn{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary-orange);color:#fff;border:none;box-shadow:0 4px 15px #f4792b4d}.btn-primary:hover{background:var(--primary-orange-hover);transform:translateY(-2px)}.btn-dark{background:var(--primary-dark);color:#fff}.btn-outline{border:2px solid var(--primary-dark);color:var(--primary-dark);background:0 0}.container{max-width:1280px;margin:0 auto;padding:0 5%}.section-padding{padding:6rem 0}.bg-gray{background-color:var(--bg-gray)}header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex;position:sticky;top:0}.logo{color:var(--primary-dark);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.nav-links{gap:2rem;font-weight:500;display:flex}.nav-links a:hover,.nav-links a.active{color:var(--primary-orange)}.inner-hero{background:var(--primary-dark);color:#fff;text-align:center;border-radius:0 0 40px 40px;margin-bottom:4rem;padding:6rem 0}.inner-hero h1{color:#fff;max-width:800px;margin:0 auto 1.5rem}.inner-hero p{color:#fffc;max-width:700px;margin:0 auto 2rem;font-size:1.15rem}.split-layout{align-items:center;gap:4rem;margin-bottom:6rem;display:flex}.split-layout.reverse{flex-direction:row-reverse}.split-content{flex:1}.split-content p{font-size:1.05rem}.split-visual{background:var(--bg-gray);border-radius:var(--radius-lg);border:1px solid #e5e7eb;flex:1;justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.visual-circle{background:radial-gradient(circle,#cbdb2a66 0%,#0d3f380d 70%);border-radius:50%;width:250px;height:250px}.visual-square{background:#f4792b1a;border:2px dashed #f4792b4d;border-radius:20px;width:200px;height:200px;transform:rotate(10deg)}.build-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #f3f4f6;padding:2.5rem;transition:all .3s}.feature-box:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.icon-circle{width:50px;height:50px;color:var(--primary-dark);background:#0d3f380d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.audience-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;list-style:none;display:grid}.audience-item{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #f3f4f6;align-items:center;gap:15px;padding:1.5rem;display:flex}.audience-item span{font-size:1.8rem}.audience-item div{color:var(--primary-dark);font-size:1.05rem;font-weight:700;line-height:1.3}.audience-item div small{color:var(--text-muted);margin-top:4px;font-size:.9rem;font-weight:400;display:block}.bottom-cta{background:var(--bg-gray);border-radius:var(--radius-lg);text-align:center;max-width:1000px;margin:2rem auto 6rem;padding:5rem 5%}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}@media (max-width:1024px){.split-layout,.split-layout.reverse{text-align:center;flex-direction:column;gap:2rem}.split-visual{width:100%;height:300px}}@media (max-width:768px){h1{font-size:2.8rem}.nav-links{display:none}}
