:root{--primary:#3F5D3E;--primary-dark:#2D432D;--success:#606C38;--accent:#DBE7C1;--secondary:#283618;--ivory:#F1F4E8;--bg-light:#F8FAF0;--text:#1a1a1a;--text-light:#666;--white:#ffffff;--max-width:1200px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 12px 30px -8px rgba(63, 93, 62, 0.15);--shadow-premium:0 20px 50px -12px rgba(63, 93, 62, 0.2);--radius:20px;--radius-full:14px;--transition:0.25s cubic-bezier(0.4, 0, 0.2, 1)}.beams-container{padding:0;margin:0;position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.flowing-path{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-dasharray:10 12;stroke-dashoffset:0;stroke-opacity:0.15;animation:flow-path 20s linear infinite}@keyframes flow-path{to{stroke-dashoffset:-400}}.beam-static{stroke:var(--primary);stroke-opacity:0.03;stroke-width:1;fill:none}.beam-moving{fill:none;stroke:url(#beamGradient);stroke-width:2;stroke-linecap:round;stroke-dasharray:100 600;stroke-dashoffset:700;animation:beam-travel 10s linear infinite}@keyframes beam-travel{from{stroke-dashoffset:700}to{stroke-dashoffset:-700}}.beam-moving:nth-child(2n){animation-duration:15s;animation-delay:-2s}.beam-moving:nth-child(3n){animation-duration:20s;animation-delay:-5s}.beam-moving:nth-child(4n){animation-duration:12s;animation-delay:-8s}.bokeh-blob{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(63,93,62,.08) 0,transparent 70%);filter:blur(80px);z-index:1;pointer-events:none;border-radius:50%;animation:drift 20s infinite alternate-reverse ease-in-out}@keyframes drift{0%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,40px) scale(.9)}100%{transform:translate(0,0) scale(1)}}.floating-annotation{position:absolute;padding:1rem 1.5rem;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;font-size:.875rem;font-weight:600;color:#92400e;box-shadow:0 4px 12px rgba(0,0,0,.05);z-index:20;pointer-events:none}.floating-annotation::after{content:"←";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:1.5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;color:var(--text);line-height:1.6;background-color:#fff;overflow-x:hidden}h1,h2,h3,h4{color:var(--secondary);line-height:1.05;font-weight:800;letter-spacing:-.04em}h1{font-size:clamp(2.5rem, 5.5vw, 4.25rem)}h2{font-size:clamp(1.75rem, 4vw, 2.75rem)}h3{font-size:1.5rem}p{font-size:1.125rem;color:var(--text-light);font-weight:500;line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section{padding:5.5rem 0;position:relative}.journey-container{position:relative;max-width:1000px;margin:2rem auto;padding:2rem 0}.journey-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--primary) 0,var(--primary) 10px,transparent 10px,transparent 20px);transform:translateX(-50%);opacity:.15;z-index:1}.journey-step{display:flex;align-items:center;justify-content:space-between;margin-bottom:8rem;position:relative;z-index:2}.journey-step:nth-child(2n){flex-direction:row-reverse}.journey-content{width:45%}.journey-visual{width:45%;background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(63,93,62,.05)}.step-number{position:absolute;left:50%;top:0;width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;transform:translateX(-50%);box-shadow:0 0 0 8px #fff}.journey-content h3{font-size:2rem;margin-bottom:1rem}.journey-content p{font-size:1.125rem;color:var(--text-light)}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.8)}.text-gradient{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}header{padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;transition:var(--transition)}header.scrolled{background:var(--ivory);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,91,65,.05);padding:.75rem 0}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:900;color:var(--secondary);display:flex;align-items:center;gap:.75rem;letter-spacing:-.05em}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{font-size:.9375rem;font-weight:600;color:var(--text)}.nav-links a:hover{color:var(--primary)}.nav-links .btn-primary{padding:.625rem 1.75rem;font-size:.875rem;border-radius:var(--radius-full);color:#fff!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:700;cursor:pointer;font-size:1rem;border:none;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px -5px rgba(63,93,62,.2)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px -10px rgba(63,93,62,.3)}.btn-lg{padding:1.25rem 3rem;font-size:1.125rem}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-15px) rotate(-7deg)}100%{transform:translateY(0) rotate(-8deg)}}.hero-content h1{animation:fade-slide-up .8s cubic-bezier(.2,.8,.2,1) forwards}.hero-content p{opacity:0;animation:fade-slide-up .8s cubic-bezier(.2,.8,.2,1) .2s forwards}.cta-group{opacity:0;animation:fade-slide-up .8s cubic-bezier(.2,.8,.2,1) .4s forwards}.hero-image{animation:float 6s ease-in-out infinite}.hero{padding:10rem 0 6rem;text-align:left;min-height:90vh;display:flex;align-items:center;background-color:var(--ivory);overflow:hidden}.hero .container{display:flex;align-items:center;gap:4rem;flex-wrap:wrap;position:relative;z-index:10}.hero-content{flex:1;min-width:400px}.hero-visual{flex:1.2;min-width:500px}.hero h1{margin-bottom:2rem;max-width:100%}.hero p{margin-bottom:3rem;max-width:500px}.spotlight-area{position:absolute;inset:0;pointer-events:none;z-index:1}.badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:rgba(63,93,62,.08);color:var(--primary);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;margin-bottom:2rem;border:1.5px solid rgba(63,93,62,.1)}.hero-image-container{position:relative;max-width:1000px;margin:4rem auto 0}.hero-image{padding:1.5rem;background:#fff;border-radius:var(--radius);box-shadow:0 30px 100px -20px rgba(15,23,42,.2);border:1px solid rgba(226,232,240,.8);position:relative;z-index:2}.hero-image img{display:block;width:100%;height:auto;border-radius:calc(var(--radius) - 10px)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-top:2rem}.bento-item{grid-column:span 4;padding:3rem;border-radius:var(--radius);background:#fff;border:1px solid rgba(226,232,240,.8);transition:var(--transition);position:relative;overflow:hidden}.bento-item:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.bento-item.large{grid-column:span 8}.bento-item.tall{grid-row:span 2}.bento-item.wide{grid-column:span 12;display:flex;align-items:center}.bento-item .content{position:relative;z-index:2}.icon-box{width:48px;height:48px;background:var(--bg-light);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem!important;margin-bottom:2rem}.section-header{text-align:center;max-width:700px;margin:0 auto 3.5rem}.section-header h2{margin:1.5rem 0}.step-indicator{width:64px;height:64px;background:var(--bg-light);color:var(--secondary);border:1.5px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;border-radius:50%;margin:0 auto 2.5rem;position:relative;z-index:2}.step-indicator::after{content:"";position:absolute;top:100%;left:50%;width:2px;height:12rem;background:repeating-linear-gradient(to bottom,transparent,transparent 5px,rgba(15,23,42,.05) 5px,rgba(15,23,42,.05) 15px);z-index:1}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:4rem}.comp-card{padding:4rem;border-radius:var(--radius);background:#fff}.comp-card ul{list-style:none;margin-top:2rem}.comp-card li{padding:1rem 0;display:flex;align-items:center;gap:1rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.05)}footer{padding:4rem 0 3rem;background:var(--secondary);color:#fff;text-align:center}footer h2{color:#fff;font-size:clamp(2.5rem, 6vw, 4rem);margin-bottom:3rem}.footer-links{display:flex;justify-content:center;gap:3rem;margin-top:3rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:rgba(255,255,255,.6);font-weight:600}.footer-links a:hover{color:#fff}@media (max-width:991px){section{padding:6rem 0}.hero{text-align:center;padding:12rem 0 6rem}.hero .container{flex-direction:column}.hero-content{min-width:100%}.hero-visual{min-width:100%;margin-top:4rem}.hero p{margin:0 auto 3rem}.cta-group{align-items:center}.bento-item{grid-column:span 12!important}.comparison-grid{grid-template-columns:1fr}.footer-links{gap:2rem}}@media (max-width:767px){.nav-links{display:none}h1{font-size:3rem}.btn-lg{width:100%;padding:1.25rem 2rem}.comp-card{padding:2.5rem}}