@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Lexend:wght@300;400;500&display=swap";:root{--color-primary:#1b4332;--color-primary-light:#2d5a47;--color-secondary:#d66853;--color-accent:#ffd166;--color-base:#f4f1de;--color-text:#1a1a1a;--color-text-muted:#4a4a4a;--color-white:#fff;--font-display:"Outfit", sans-serif;--font-body:"Lexend", sans-serif;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--shadow-premium:0 20px 50px #1b43321f;--shadow-float:0 30px 60px #0000001a;--radius-lg:40px;--radius-md:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-base);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";opacity:.04;pointer-events:none;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;line-height:1.1}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.btn{font-family:var(--font-display);transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 10px 30px #1b433233}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-5px)scale(1.02);box-shadow:0 15px 40px #1b43324d}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-3px)}.nav{z-index:1000;width:100%;height:100px;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:0 4rem;display:flex;position:fixed;top:0;left:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4f1decc;height:80px;padding:0 2rem;box-shadow:0 5px 20px #0000000d}.logo{font-family:var(--font-display);color:var(--color-primary);align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;display:flex}.logo span{color:var(--color-secondary)}.hero{align-items:center;min-height:100vh;padding-top:120px;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:2;grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}.hero-tagline{font-family:var(--font-display);color:var(--color-secondary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem;font-size:.9rem;font-weight:700;display:block}.hero-title{color:var(--color-primary);margin-bottom:2rem;font-size:clamp(3.5rem,8vw,5.5rem)}.hero-description{color:var(--color-text-muted);max-width:600px;margin-bottom:3.5rem;font-size:1.4rem}.hero-image-wrapper{position:relative}.hero-image-wrapper:after{content:"";background:linear-gradient(45deg, var(--color-accent), transparent);border-radius:var(--radius-lg);z-index:-1;opacity:.3;position:absolute;inset:0;transform:rotate(-3deg)scale(1.05)}.image-placeholder{aspect-ratio:4/5;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;width:100%;box-shadow:var(--shadow-premium);justify-content:center;align-items:center;font-size:2rem;display:flex;overflow:hidden}.section{padding:10rem 0}.section-title{text-align:center;margin-bottom:6rem}.section-title h2{color:var(--color-primary);margin-bottom:1rem;font-size:3.5rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;display:grid}.feature-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border:1px solid #1b43320d;padding:3.5rem;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--color-secondary);transform:translateY(-15px)}.feature-card:before{content:"";background:var(--color-secondary);opacity:0;width:100%;height:5px;transition:var(--transition-smooth);position:absolute;top:0;left:0}.feature-card:hover:before{opacity:1}.feature-icon{background:#d668531a;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:2rem;font-size:2rem;display:flex}.blob{filter:blur(100px);z-index:1;opacity:.3;border-radius:50%;animation:20s cubic-bezier(.45,0,.55,1) infinite alternate float-blob;position:absolute}@keyframes float-blob{0%{transform:translate(0)scale(1)}33%{transform:translate(100px,50px)scale(1.1)}66%{transform:translate(-50px,100px)scale(.9)}to{transform:translate(0)scale(1)}}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(30px)}.reveal-stagger.visible>*{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.reveal-stagger.visible>:first-child{transition-delay:.1s}.reveal-stagger.visible>:nth-child(2){transition-delay:.2s}.reveal-stagger.visible>:nth-child(3){transition-delay:.3s}.reveal-stagger.visible>:nth-child(4){transition-delay:.4s}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-description{margin:0 auto 3.5rem}.hero-image-wrapper{max-width:500px;margin:0 auto}}.audience-toggle{background:#00000008;border:1px solid #0000000d;border-radius:100px;gap:.5rem;margin-bottom:2.5rem;padding:.4rem;display:inline-flex}.audience-toggle button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:100px;padding:.8rem 1.5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.audience-toggle button.active{color:var(--color-primary);background:#fff;box-shadow:0 4px 15px #0000000d}.feature-cardHighlight{transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out)}.feature-cardHighlight:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #00000026}.bg-sand{background:#fdfbf7}.shadow-md{box-shadow:0 10px 30px #00000014}.shadow-lg{box-shadow:0 20px 50px #0000001f}
