:root{--green-50:#edfdf8;--green-100:#d2fae9;--green-200:#a8f2d4;--green-300:#6de4bb;--green-400:#2dd4a0;--green-500:#0eba87;--green-600:#0d9373;--green-700:#0a7a61;--green-800:#09634f;--green-900:#084f40;--green-950:#032e25;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--radius:8px;--radius-lg:12px;--radius-xl:16px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'DM Sans',system-ui,sans-serif;color:var(--slate-700);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:'Outfit',system-ui,sans-serif;color:var(--slate-900);line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1080px;margin:0 auto;padding:0 20px}@media(min-width:768px){.container{padding:0 32px}}.header{position:sticky;top:0;z-index:100;padding:14px 0;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-100)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;font-family:'Outfit',sans-serif;color:var(--slate-900)}workplace-logo{flex-shrink:0}.logo-hr{color:var(--green-600)}.nav{list-style:none;display:none;gap:28px}@media(min-width:768px){.nav{display:flex}}.nav a{font-size:14px;font-weight:500;color:var(--slate-500);transition:color 0.2s}.nav a:hover{color:var(--slate-900)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all 0.2s}.btn-primary{background:var(--green-600);color:#fff;box-shadow:0 2px 8px rgba(13,147,115,0.2)}.btn-primary:hover{background:var(--green-700);box-shadow:0 4px 16px rgba(13,147,115,0.25);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--slate-600);border:1px solid var(--slate-200)}.btn-ghost:hover{border-color:var(--slate-300);background:var(--slate-50)}.hero{padding:60px 0 80px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--green-50) 100%)}@media(min-width:768px){.hero{padding:80px 0 100px}}.hero-glow{position:absolute;top:10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(45,212,160,0.08) 0%,transparent 70%);pointer-events:none}@media(min-width:768px){.hero-glow{width:800px;height:800px}}.hero .container{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:var(--green-100);border:1px solid var(--green-200);font-size:12px;font-weight:700;color:var(--green-700);letter-spacing:0.03em;text-transform:uppercase;margin-bottom:20px}.hero-badge svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.hero h1{font-size:32px;font-weight:800;margin-bottom:16px}.hero h1 .accent{color:var(--green-600)}@media(min-width:640px){.hero h1{font-size:40px}}@media(min-width:768px){.hero h1{font-size:48px}}.hero-sub{font-size:16px;color:var(--slate-500);margin-bottom:28px;line-height:1.7}@media(min-width:768px){.hero-sub{font-size:18px}}.hero-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}@media(min-width:480px){.hero-form{flex-direction:row}}.hero-form input{flex:1;padding:12px 16px;border-radius:var(--radius);border:1.5px solid var(--slate-200);font-size:15px;font-family:inherit;background:#fff;color:var(--slate-800);outline:none;transition:border-color 0.2s}.hero-form input:focus{border-color:var(--green-400);box-shadow:0 0 0 3px rgba(45,212,160,0.1)}.hero-form input::placeholder{color:var(--slate-400)}.hero-form .btn{white-space:nowrap;padding:12px 24px}.hero-note{font-size:13px;color:var(--slate-400)}.modules-section{padding:80px 0;background:var(--slate-50);position:relative;overflow:hidden}@media(min-width:768px){.modules-section{padding:100px 0}}.modules-header{text-align:center;max-width:600px;margin:0 auto 48px}.modules-header .section-sub{margin:0 auto}.modules-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:480px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.modules-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.mod-card{padding:24px;border-radius:var(--radius-lg);border-width:1.5px;border-style:solid;position:relative;overflow:hidden;transition:all 0.25s;display:flex;flex-direction:column}.mod-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px}@media(min-width:768px){.mod-card:hover{transform:translateY(-3px)}}.mod-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.mod-icon{width:44px;height:44px;border-radius:10px;border-width:1.5px;border-style:solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.mod-icon::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.5),transparent 50%);pointer-events:none}.mod-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mod-card h3{font-size:17px;font-weight:700;margin-bottom:6px}.mod-card p{font-size:14px;color:var(--slate-500);line-height:1.55;margin-bottom:12px}.mod-tag{display:inline-block;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:600;border-width:1px;border-style:solid}.mod-card p{flex:1}.mod-link{display:inline-flex;align-items:center;gap:4px;margin-top:14px;padding:7px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-200);text-decoration:none;transition:all 0.2s;align-self:flex-start}.mod-link:hover{background:var(--green-100);border-color:var(--green-300);color:var(--green-800)}.mod-neutral .mod-link{color:var(--stone-600);background:var(--stone-50);border-color:var(--stone-300)}.mod-neutral .mod-link:hover{background:var(--stone-100);border-color:var(--stone-400);color:var(--stone-700)}.mod-green{background:#fff;border-color:var(--slate-200);box-shadow:0 4px 16px rgba(0,0,0,0.04)}.mod-green::before{background:linear-gradient(90deg,var(--green-400),var(--green-300),var(--green-400))}.mod-green .mod-icon{background:var(--green-50);border-color:var(--green-200);color:var(--green-700);box-shadow:0 3px 10px rgba(13,147,115,0.08)}.mod-green .mod-tag{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.mod-green-2{background:linear-gradient(160deg,#f0fdf8,var(--green-100),#edfdf8)}.mod-green-3{background:linear-gradient(160deg,#edfdf8,#d2fae9,#f0fdf8)}@media(min-width:768px){.mod-green:hover{border-color:var(--green-400);box-shadow:0 12px 40px rgba(13,147,115,0.12)}}.mod-neutral{background:linear-gradient(160deg,#fafaf9,var(--stone-100),#fafaf9);border-color:var(--stone-300);box-shadow:0 4px 16px rgba(120,113,108,0.04)}.mod-neutral::before{background:linear-gradient(90deg,var(--stone-400),var(--stone-300),var(--stone-400))}.mod-neutral .mod-icon{background:var(--stone-100);border-color:var(--stone-300);color:var(--stone-600);box-shadow:0 3px 10px rgba(120,113,108,0.08)}.mod-neutral .mod-tag{background:rgba(245,245,244,0.9);color:var(--stone-600);border-color:var(--stone-300)}@media(min-width:768px){.mod-neutral:hover{border-color:var(--stone-400);box-shadow:0 12px 40px rgba(120,113,108,0.1)}}.pricing-section{padding:80px 0;background:#fff;position:relative;overflow:hidden}@media(min-width:768px){.pricing-section{padding:100px 0}}.pricing-header{text-align:center;max-width:500px;margin:0 auto 48px}.pricing-header .section-sub{margin:0 auto}.pricing-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:960px;margin:0 auto}@media(min-width:640px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:860px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.price-card{padding:28px 24px;border-radius:var(--radius-lg);border:1.5px solid var(--slate-200);background:#fff;transition:all 0.25s}.price-card.featured{border-color:var(--green-300);box-shadow:0 8px 32px rgba(13,147,115,0.1);position:relative}@media(min-width:640px){.price-card.featured{transform:scale(1.03)}}.price-card.featured::before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 14px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:0.06em;background:var(--green-600);color:#fff}.price-plan{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--slate-400);margin-bottom:4px}.price-amount{display:flex;align-items:baseline;gap:2px;margin-bottom:4px}.price-amount .currency{font-size:20px;font-weight:700;color:var(--slate-400)}.price-amount .num{font-family:'Outfit',sans-serif;font-size:48px;font-weight:800;color:var(--slate-900)}.price-amount .period{font-size:16px;color:var(--slate-400)}.mod-blue{background:linear-gradient(160deg,#eff6ff,#dbeafe,#eff6ff);border-color:#93c5fd;box-shadow:0 4px 16px rgba(59,130,246,0.06)}.mod-blue::before{background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6)}.mod-blue .mod-icon{background:#dbeafe;border-color:#93c5fd;color:#2563eb;box-shadow:0 3px 10px rgba(59,130,246,0.12)}.mod-blue .mod-tag{background:rgba(219,234,254,0.8);color:#2563eb;border-color:#93c5fd}.mod-blue .mod-link{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.mod-blue .mod-link:hover{background:#dbeafe;border-color:#60a5fa;color:#1e40af}@media(min-width:768px){.mod-blue:hover{border-color:#60a5fa;box-shadow:0 12px 40px rgba(59,130,246,0.12)}}.price-free-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--green-600);margin-bottom:4px}.price-desc{font-size:14px;color:var(--slate-500);margin-bottom:20px}.price-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.price-features li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--slate-600)}.price-features .check{color:var(--green-500);font-size:16px;flex-shrink:0}.trust-section{padding:60px 0;background:var(--slate-50);border-top:1px solid var(--slate-100);position:relative;overflow:hidden}.trust-grid{display:grid;grid-template-columns:1fr;gap:16px;text-align:center}@media(min-width:640px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.trust-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.trust-item-card{padding:20px;border-radius:var(--radius);background:#fff;border:1px solid var(--slate-100)}.trust-item-card svg{width:24px;height:24px;stroke:var(--green-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}.trust-item-card h3{font-size:14px;font-weight:700;margin-bottom:4px}.trust-item-card p{font-size:14px;color:var(--slate-500);line-height:1.5}.cta-section{padding:60px 0 70px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green-800),var(--green-950),var(--slate-900))}.cta-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.cta-section .container{position:relative;z-index:1;text-align:center}.cta-section h2{color:#fff;font-size:28px;margin-bottom:10px}@media(min-width:768px){.cta-section h2{font-size:40px}}.cta-section .cta-sub{color:var(--green-200);font-size:16px;max-width:460px;margin:0 auto 28px}.cta-form{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto}@media(min-width:480px){.cta-form{flex-direction:row}}.cta-form input{flex:1;padding:12px 16px;border-radius:var(--radius);border:1.5px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.06);font-size:15px;font-family:inherit;color:#fff;outline:none}.cta-form input::placeholder{color:rgba(255,255,255,0.4)}.cta-form input:focus{border-color:var(--green-400);background:rgba(255,255,255,0.1)}.cta-form .btn{background:#fff;color:var(--green-800);font-weight:700}.cta-form .btn:hover{background:var(--green-50)}.footer{padding:48px 0 24px;background:var(--slate-900);color:var(--slate-400);border-top:2px solid var(--green-600)}@media(min-width:768px){.footer{padding:64px 0 32px}}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:40px}}.footer-brand{grid-column:1 / -1}@media(min-width:1024px){.footer-brand{grid-column:auto}}.footer .logo span{color:#fff}.footer-brand > p{font-size:13px;color:var(--slate-500);margin-top:12px;max-width:280px}.footer-col h4{font-size:11px;font-weight:700;color:var(--slate-500);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col a{font-size:13px;color:var(--slate-400);transition:color 0.2s}.footer-col a:hover{color:var(--green-400)}.eu-funding{padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--slate-800);display:flex;align-items:center;gap:12px}.eu-flag{width:40px;height:27px;flex-shrink:0;border-radius:2px}.eu-funding span{font-size:12px;color:var(--slate-500)}.footer-bottom{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--slate-800)}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-copyright{font-size:12px;color:var(--slate-500)}.footer-legal{display:flex;gap:16px}.footer-legal a{font-size:12px;color:var(--slate-500)}.footer-legal a:hover{color:var(--green-400)}.waitlist-success{display:none;text-align:center;padding:16px}.waitlist-success.show{display:block}.waitlist-success .check-circle{width:48px;height:48px;border-radius:50%;background:var(--green-100);color:var(--green-600);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px}.waitlist-success p{font-size:15px;font-weight:600;color:var(--slate-800)}.story-section{padding:80px 0;position:relative;overflow:hidden;background:var(--slate-50)}@media(min-width:768px){.story-section{padding:100px 0}}.story-section .container{position:relative;z-index:1}.story-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--slate-300) 0.8px,transparent 0.8px);background-size:20px 20px;opacity:0.25;pointer-events:none}.story-section::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,transparent 8%,transparent 92%,#fff 100%);pointer-events:none;z-index:0}.story-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sbg{position:absolute;opacity:0.06}@keyframes s-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(4deg)}}@keyframes s-drift{0%,100%{transform:translate(0,0)}33%{transform:translate(12px,-16px)}66%{transform:translate(-8px,-8px)}}@keyframes s-pulse{0%,100%{transform:scale(1);opacity:0.06}50%{transform:scale(1.1);opacity:0.09}}@keyframes s-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.s-circle-1{top:8%;left:5%;width:140px;height:140px;border:3px solid var(--green-500);border-radius:50%;animation:s-float 12s ease-in-out infinite}.s-circle-2{bottom:15%;right:8%;width:80px;height:80px;background:var(--green-400);border-radius:50%;animation:s-pulse 10s ease-in-out infinite}.s-square-1{top:30%;right:5%;width:70px;height:70px;border:3px solid var(--slate-400);animation:s-spin 40s linear infinite}.s-square-2{bottom:25%;left:10%;width:40px;height:40px;background:var(--green-300);animation:s-drift 14s ease-in-out infinite}.s-tri-1{top:55%;left:3%;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid var(--green-400);animation:s-float 16s ease-in-out infinite}.s-ring-1{top:15%;right:20%;width:100px;height:100px;border:3px solid var(--green-300);border-radius:50%;animation:s-drift 18s ease-in-out infinite}.s-ring-2{bottom:35%;left:25%;width:60px;height:60px;border:2px solid var(--slate-300);border-radius:50%;animation:s-pulse 8s ease-in-out infinite}.s-line-1{top:40%;right:12%;width:100px;height:3px;background:var(--green-400);transform:rotate(-20deg);animation:s-float 9s ease-in-out infinite}.s-line-2{bottom:20%;left:35%;width:70px;height:2px;background:var(--slate-300);transform:rotate(15deg);animation:s-drift 11s ease-in-out infinite}.s-dot-cluster{top:20%;left:35%;display:grid;grid-template-columns:repeat(3,8px);gap:10px;animation:s-float 13s ease-in-out infinite}.s-dot-cluster span{width:8px;height:8px;background:var(--green-400);border-radius:50%}.s-cross-1{bottom:40%;right:4%;width:40px;height:40px;animation:s-spin 30s linear infinite}.s-cross-1::before,.s-cross-1::after{content:"";position:absolute;background:var(--slate-400)}.s-cross-1::before{width:100%;height:4px;top:50%;transform:translateY(-50%)}.s-cross-1::after{width:4px;height:100%;left:50%;transform:translateX(-50%)}@media(min-width:768px){.s-circle-1{width:180px;height:180px}.s-ring-1{width:130px;height:130px}}.story-header{text-align:center;max-width:600px;margin:0 auto 48px}.story-header .section-sub{margin:0 auto}@media(min-width:768px){.story-header{margin-bottom:56px}}.story-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:900px;margin:0 auto}@media(min-width:768px){.story-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.story-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.04);transition:all 0.25s;border:none;display:flex;flex-direction:column}@media(min-width:768px){.story-card:hover{box-shadow:0 16px 48px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);transform:translateY(-3px)}}.story-moment{display:flex;gap:16px;padding:24px;background:linear-gradient(145deg,#1e1b2e 0%,#27233a 100%);position:relative;flex:1}.story-moment::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,0.015) 0px,rgba(255,255,255,0.015) 1px,transparent 1px,transparent 20px);pointer-events:none}.story-icon{width:40px;height:40px;flex-shrink:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:10px;display:flex;align-items:center;justify-content:center}.story-icon svg{width:20px;height:20px;stroke:rgba(255,255,255,0.5);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.story-pain{font-size:17px;font-weight:600;color:#fff;line-height:1.5;margin-bottom:4px}.story-detail{font-size:15px;color:rgba(255,255,255,0.45);line-height:1.55}.story-resolve{padding:28px 24px 32px;background:#fff;flex:0 0 auto;min-height:140px}.story-resolve p{font-size:15px;color:var(--slate-600);line-height:1.65}@media(min-width:768px){.story-pain{font-size:17px}.story-detail{font-size:15px}.story-resolve p{font-size:15px}}.tools-section{padding:80px 0;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--green-800) 0%,var(--green-950) 50%,var(--slate-900) 100%);color:#fff}@media(min-width:768px){.tools-section{padding:100px 0}}.tools-section .container{position:relative;z-index:1}.tools-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tbg{position:absolute;opacity:0.06}.t-circle-1{top:10%;left:4%;width:160px;height:160px;border:3px solid #fff;border-radius:50%;animation:s-float 14s ease-in-out infinite}.t-circle-2{bottom:15%;right:6%;width:90px;height:90px;background:#fff;border-radius:50%;animation:s-pulse 10s ease-in-out infinite}.t-square-1{top:35%;right:8%;width:60px;height:60px;border:3px solid #fff;animation:s-spin 35s linear infinite}.t-tri-1{bottom:30%;left:8%;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid #fff;animation:s-drift 16s ease-in-out infinite}.t-dots{top:20%;right:25%;display:grid;grid-template-columns:repeat(3,8px);gap:10px;animation:s-float 12s ease-in-out infinite}.t-dots span{width:8px;height:8px;background:#fff;border-radius:50%}.t-ring-1{top:55%;left:20%;width:80px;height:80px;border:2px solid #fff;border-radius:50%;animation:s-drift 15s ease-in-out infinite}.t-line-1{top:25%;left:35%;width:90px;height:3px;background:#fff;transform:rotate(-18deg);animation:s-float 9s ease-in-out infinite}.t-line-2{bottom:40%;right:20%;width:60px;height:2px;background:#fff;transform:rotate(22deg);animation:s-drift 11s ease-in-out infinite}@media(min-width:768px){.t-circle-1{width:200px;height:200px}}.tools-header{text-align:center;max-width:560px;margin:0 auto 48px}.tools-header .section-label{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);color:var(--green-200)}.tools-header .section-title{color:#fff}.tools-header .section-sub{color:var(--green-200);margin:0 auto}.tools-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background:rgba(255,255,255,0.95);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:all 0.25s}@media(min-width:768px){.tool-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.25)}}.tool-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tool-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-icon-wrap svg{width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-icon-green{background:linear-gradient(135deg,#d2fae9,#a8f2d4);border:1px solid var(--green-300)}.tool-icon-green svg{stroke:var(--green-700)}.tool-icon-amber{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.tool-icon-amber svg{stroke:#b45309}.tool-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.tool-icon-blue svg{stroke:#1d4ed8}.tool-icon-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd}.tool-icon-purple svg{stroke:#6d28d9}.tool-card h3{font-size:18px;font-weight:700;color:var(--slate-900);margin-bottom:0}.tool-card > p{font-size:15px;color:var(--slate-500);line-height:1.6;margin-bottom:16px;flex:1}.tool-preview{background:var(--slate-50);border:1px solid var(--slate-100);border-radius:var(--radius);padding:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.tool-preview-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.tool-preview-label{color:var(--slate-500)}.tool-preview-value{font-weight:700;color:var(--slate-700)}.tool-preview-row.highlight{padding:6px 8px;background:var(--green-50);border-radius:6px;border:1px solid var(--green-200)}.tool-preview-row.highlight .tool-preview-label{color:var(--green-700);font-weight:600}.tool-preview-row.highlight .tool-preview-value{color:var(--green-700)}.tool-btn{margin-top:auto;text-align:center;width:100%}.tool-btn.btn-primary{background:var(--green-600);color:#fff;box-shadow:0 2px 8px rgba(13,147,115,0.2)}.tool-btn.btn-primary:hover{background:var(--green-700);box-shadow:0 4px 16px rgba(13,147,115,0.25)}.story-card{box-shadow:0 6px 24px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.06)}@media(min-width:768px){.story-card:hover{box-shadow:0 20px 60px rgba(0,0,0,0.15),0 6px 16px rgba(0,0,0,0.08);transform:translateY(-4px)}}.demo-card{box-shadow:0 30px 80px rgba(0,0,0,0.25),0 10px 30px rgba(0,0,0,0.12),0 0 0 1px rgba(255,255,255,0.05)}@media(min-width:768px){.mod-card:hover{transform:translateY(-4px)}.mod-green:hover{box-shadow:0 16px 48px rgba(0,0,0,0.08),0 0 0 1px var(--slate-200)}.mod-neutral:hover{box-shadow:0 16px 48px rgba(120,113,108,0.12),0 0 0 1px var(--stone-300)}}.tool-card{position:relative;overflow:hidden}.tool-card::after{content:"";position:absolute;top:-50%;left:-50%;width:30%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:rotate(12deg);pointer-events:none;opacity:0;transition:opacity 0.3s}@media(min-width:768px){.tool-card:hover::after{opacity:1;animation:card-shimmer 0.8s ease-out forwards}}@keyframes card-shimmer{0%{transform:translateX(-100%) rotate(12deg)}100%{transform:translateX(200%) rotate(12deg)}}.price-card.featured{box-shadow:0 12px 40px rgba(13,147,115,0.12),0 4px 12px rgba(13,147,115,0.06)}@media(min-width:768px){.price-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(0,0,0,0.1)}}@media(min-width:768px){.price-card.featured:hover{transform:scale(1.04);box-shadow:0 20px 60px rgba(13,147,115,0.18)}}.trust-item-card{transition:all 0.25s}@media(min-width:768px){.trust-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:var(--green-200)}}.cta-section::after{content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:300px;background:radial-gradient(ellipse,rgba(45,212,160,0.12) 0%,transparent 70%);pointer-events:none}.btn{padding:11px 22px;font-size:14px;font-weight:700;letter-spacing:0.01em}.btn-primary{box-shadow:0 3px 12px rgba(13,147,115,0.25)}.btn-primary:hover{box-shadow:0 6px 20px rgba(13,147,115,0.3)}.hero-badge,.section-label,.mod-tag,.hero-form input,.cta-form input{border-radius:var(--radius)}.modules-section,.pricing-section{padding:90px 0}@media(min-width:768px){.modules-section,.pricing-section{padding:110px 0}}.hero{padding:70px 0 90px}@media(min-width:768px){.hero{padding:90px 0 110px}}@media(max-width:639px){.hero h1{font-size:28px}.hero-sub{font-size:15px}.section-title{font-size:26px}.story-moment{padding:20px;gap:12px}.story-resolve{padding:16px 20px}.story-pain{font-size:15px}.story-detail{font-size:13px}.story-resolve p{font-size:13px}.tool-card{padding:20px}.mod-card{padding:20px}}@media(min-width:640px) and (max-width:767px){.story-grid{grid-template-columns:repeat(2,1fr);gap:16px}.hero h1{font-size:36px}}body{overflow-x:hidden}.pain-inner{scrollbar-width:none;-ms-overflow-style:none}.pain-inner::-webkit-scrollbar{display:none}.product-showcase{max-width:820px;margin:0 auto}.showcase-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,0.18),0 8px 24px rgba(0,0,0,0.08);border:1px solid var(--slate-200);background:var(--slate-100);position:relative}.showcase-slides{position:relative}.showcase-slides{aspect-ratio:1200/641}.showcase-slide{display:none;line-height:0}.showcase-slide.active{display:block}.showcase-slide img{width:100%;height:100%;object-fit:cover;display:block}.showcase-nav{display:flex;justify-content:center;gap:6px;margin-top:16px;flex-wrap:wrap}.showcase-dot{padding:7px 16px;border-radius:100px;border:1px solid var(--slate-200);background:#fff;font-size:13px;font-weight:600;color:var(--slate-400);cursor:pointer;font-family:inherit;transition:all 0.2s}.showcase-dot.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.showcase-dot:hover:not(.active){border-color:var(--slate-300);color:var(--slate-600)}.interact-strip{display:grid;grid-template-columns:1fr;gap:12px;margin:40px 0 48px;max-width:820px;margin-left:auto;margin-right:auto}@media(min-width:768px){.interact-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin:48px auto 56px}}.interact-card{display:flex;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.25s}.interact-card>div:last-child{display:flex;flex-direction:column;flex:1}@media(min-width:768px){.interact-card:hover{border-color:var(--green-300);box-shadow:0 8px 24px rgba(13,147,115,0.08);transform:translateY(-2px)}}.interact-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--green-50);border:1px solid var(--green-200);display:flex;align-items:center;justify-content:center}.interact-icon svg{width:20px;height:20px;stroke:var(--green-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.interact-card strong{display:block;font-size:15px;color:var(--slate-800);margin-bottom:3px}.interact-card span{font-size:13px;color:var(--slate-500);line-height:1.5}.interact-card span{margin-bottom:auto}.interact-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:7px 14px;border-radius:var(--radius);font-size:12px;font-weight:600;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-200);text-decoration:none;transition:all 0.2s;align-self:flex-start}.interact-link:hover{background:var(--green-100);border-color:var(--green-300);color:var(--green-800)}@media(min-width:768px){.interact-card strong{font-size:16px}.interact-card span{font-size:14px}}.accent{color:var(--green-600)}.accent-light{color:var(--green-300)}.section-title .accent{color:var(--green-600)}.section-title .accent-light{color:var(--green-300)}.tools-section .section-title{color:#fff}.tools-section .section-title .accent-light{color:var(--green-300)}.cta-section h2 .accent-light{color:var(--green-300)}
.section-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.section-shapes+.container{position:relative;z-index:1}.ss{position:absolute;opacity:0.04}.ss-light .ss{opacity:0.05}.ss-dots{display:grid;grid-template-columns:repeat(2,6px);gap:8px}.ss-dots span{width:6px;height:6px;background:var(--green-400);border-radius:50%}.ss-dots-light span{background:#fff}.ss svg{width:100%;height:100%}@keyframes ss-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(3deg)}}@keyframes ss-drift{0%,100%{transform:translate(0,0)}33%{transform:translate(10px,-14px)}66%{transform:translate(-6px,-6px)}}@keyframes ss-pulse{0%,100%{transform:scale(1);opacity:0.04}50%{transform:scale(1.12);opacity:0.06}}@keyframes ss-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/* Hero animated geometric shapes */
.hero-shape{position:absolute;pointer-events:none;opacity:0.06;z-index:0}
@keyframes hero-float-1{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}
@keyframes hero-float-2{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes hero-float-3{0%,100%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-25px) rotate(50deg)}}
@keyframes hero-drift-1{0%,100%{transform:translateX(0) translateY(0)}33%{transform:translateX(-12px) translateY(-18px)}66%{transform:translateX(8px) translateY(-8px)}}
@keyframes hero-drift-2{0%,100%{transform:translateX(0) translateY(0) rotate(0deg)}50%{transform:translateX(15px) translateY(-12px) rotate(10deg)}}
@keyframes hero-pulse-1{0%,100%{transform:scale(1);opacity:0.06}50%{transform:scale(1.1);opacity:0.08}}
@keyframes hero-spin-slow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes hero-sway{0%,100%{transform:translateX(0) rotate(-5deg)}50%{transform:translateX(10px) rotate(5deg)}}
@keyframes hero-bob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.02)}}
.hero-circle-xl{top:8%;right:5%;width:180px;height:180px;border:3px solid var(--green-400);border-radius:50%;animation:hero-float-1 14s ease-in-out infinite}
@media(min-width:768px){.hero-circle-xl{width:220px;height:220px;border-width:4px}}
.hero-circle-lg{bottom:15%;left:3%;width:100px;height:100px;background:var(--green-400);border-radius:50%;animation:hero-bob 10s ease-in-out infinite}
@media(min-width:768px){.hero-circle-lg{width:130px;height:130px}}
.hero-circle-md-1{top:25%;left:8%;width:60px;height:60px;border:2px solid var(--green-400);border-radius:50%;animation:hero-drift-1 12s ease-in-out infinite}
.hero-circle-md-2{top:50%;right:12%;width:50px;height:50px;background:var(--green-300);border-radius:50%;animation:hero-pulse-1 8s ease-in-out infinite}
.hero-circle-sm-1{top:15%;left:25%;width:30px;height:30px;background:var(--green-400);border-radius:50%;animation:hero-float-2 7s ease-in-out infinite}
.hero-circle-sm-2{bottom:30%;right:25%;width:25px;height:25px;border:2px solid var(--green-400);border-radius:50%;animation:hero-drift-2 9s ease-in-out infinite}
.hero-circle-xs-1{top:40%;left:15%;width:15px;height:15px;background:var(--green-400);border-radius:50%;animation:hero-float-1 6s ease-in-out infinite}
.hero-circle-xs-2{top:70%;right:8%;width:12px;height:12px;background:var(--green-500);border-radius:50%;animation:hero-pulse-1 5s ease-in-out infinite}
.hero-circle-xs-3{top:60%;left:35%;width:10px;height:10px;background:var(--green-400);border-radius:50%;animation:hero-drift-1 8s ease-in-out infinite}
.hero-triangle-lg{top:12%;right:20%;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid var(--green-400);animation:hero-sway 11s ease-in-out infinite}
@media(min-width:768px){.hero-triangle-lg{border-left-width:45px;border-right-width:45px;border-bottom-width:80px}}
.hero-triangle-md{bottom:25%;left:20%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid var(--green-400);animation:hero-float-3 9s ease-in-out infinite}
.hero-triangle-sm{top:55%;right:30%;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:22px solid var(--green-300);animation:hero-drift-2 7s ease-in-out infinite}
.hero-square-lg{top:35%;left:2%;width:70px;height:70px;border:3px solid var(--green-400);animation:hero-spin-slow 30s linear infinite}
@media(min-width:768px){.hero-square-lg{width:90px;height:90px}}
.hero-square-md{bottom:20%;right:15%;width:45px;height:45px;background:var(--green-400);animation:hero-float-3 8s ease-in-out infinite}
.hero-square-sm-1{top:20%;right:35%;width:25px;height:25px;border:2px solid var(--green-400);animation:hero-drift-1 10s ease-in-out infinite}
.hero-square-sm-2{top:75%;left:25%;width:20px;height:20px;background:var(--green-300);animation:hero-float-2 6s ease-in-out infinite}
.hero-diamond-lg{top:45%;right:5%;width:50px;height:50px;border:3px solid var(--green-400);transform:rotate(45deg);animation:hero-bob 12s ease-in-out infinite}
.hero-diamond-sm{bottom:40%;left:12%;width:25px;height:25px;background:var(--green-400);transform:rotate(45deg);animation:hero-float-1 7s ease-in-out infinite}
.hero-plus-lg{top:65%;left:5%;width:40px;height:40px;position:absolute;animation:hero-sway 9s ease-in-out infinite}
.hero-plus-lg::before,.hero-plus-lg::after{content:"";position:absolute;background:var(--green-400)}
.hero-plus-lg::before{width:100%;height:5px;top:50%;left:0;transform:translateY(-50%)}
.hero-plus-lg::after{width:5px;height:100%;left:50%;top:0;transform:translateX(-50%)}
.hero-plus-sm{top:30%;right:10%;width:25px;height:25px;position:absolute;animation:hero-drift-2 11s ease-in-out infinite}
.hero-plus-sm::before,.hero-plus-sm::after{content:"";position:absolute;background:var(--green-400)}
.hero-plus-sm::before{width:100%;height:3px;top:50%;left:0;transform:translateY(-50%)}
.hero-plus-sm::after{width:3px;height:100%;left:50%;top:0;transform:translateX(-50%)}
.hero-line-1{top:18%;left:30%;width:80px;height:3px;background:linear-gradient(90deg,transparent,var(--green-400),transparent);transform:rotate(-15deg);animation:hero-pulse-1 8s ease-in-out infinite}
.hero-line-2{bottom:35%;right:20%;width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--green-400),transparent);transform:rotate(20deg);animation:hero-drift-1 10s ease-in-out infinite}
.hero-dots-1{top:55%;left:25%;display:grid;grid-template-columns:repeat(3,6px);gap:8px;animation:hero-float-2 9s ease-in-out infinite}
.hero-dots-1 span{width:6px;height:6px;background:var(--green-400);border-radius:50%}
.hero-dots-2{bottom:15%;right:30%;display:grid;grid-template-columns:repeat(2,5px);gap:6px;animation:hero-drift-2 7s ease-in-out infinite}
.hero-dots-2 span{width:5px;height:5px;background:var(--green-400);border-radius:50%}

/* Parallax background container */
.hero-parallax-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}

/* Flowing organic curves */
.flow-shape{position:absolute;opacity:0.06;fill:var(--green-500)}
.flow-1{top:5%;left:-5%;width:70%;height:auto;transform:rotate(-5deg)}
.flow-2{top:25%;right:-10%;width:50%;height:auto;transform:rotate(15deg) scaleX(-1)}

/* Gradient blobs */
.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.08}
.blob-1{top:10%;right:15%;width:400px;height:400px;background:var(--green-400)}
.blob-5{top:5%;left:40%;width:200px;height:200px;background:var(--green-500)}
.blob-6{bottom:10%;left:15%;width:320px;height:320px;background:var(--green-400)}

/* Rings */
.ring{position:absolute;border-radius:50%;border:2px solid var(--green-400);opacity:0.07}
.ring-1{top:15%;left:20%;width:200px;height:200px}
.ring-2{top:50%;right:10%;width:150px;height:150px}
.ring-5{top:8%;right:40%;width:100px;height:100px}

/* Dot pattern overlay */
.parallax-dots{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.04;background-image:radial-gradient(var(--green-500) 1.5px,transparent 1.5px);background-size:24px 24px}

/* Geometric accents */
.geo-accent{position:absolute;opacity:0.06}
.geo-accent-1{top:12%;right:35%;width:40px;height:40px;border:2px solid var(--green-500);transform:rotate(45deg)}
.geo-accent-4{top:35%;left:40%;width:25px;height:25px;border:2px solid var(--green-400);border-radius:50%}
.geo-accent-7{top:18%;left:8%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid var(--green-500);transform:rotate(-10deg)}
.geo-accent-10{top:42%;right:45%;width:22px;height:22px;background:var(--green-300);border-radius:4px;transform:rotate(35deg)}

/* Plus accents */
.plus-accent{position:absolute;opacity:0.06}
.plus-accent::before,.plus-accent::after{content:"";position:absolute;background:var(--green-500)}
.plus-accent-1{top:25%;right:20%;width:30px;height:30px}
.plus-accent-1::before{width:100%;height:4px;top:50%;left:0;transform:translateY(-50%)}
.plus-accent-1::after{width:4px;height:100%;left:50%;top:0;transform:translateX(-50%)}

/* Wave lines */
.wave-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--green-400),transparent);opacity:0.08;border-radius:2px}
.wave-line-1{top:20%;left:10%;width:200px;transform:rotate(5deg)}
.wave-line-5{top:30%;left:45%;width:140px;transform:rotate(12deg)}
.mod-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.mod-card>.mod-header,.mod-card>p,.mod-card>.mod-tag,.mod-card>.mod-link{position:relative;z-index:1}.mb{position:absolute;fill:none;stroke:var(--slate-300);stroke-width:1.5;opacity:0.12}.mb-1{width:56px;height:56px;top:8%;right:6%;animation:mb-float 14s ease-in-out infinite}.mb-2{width:42px;height:42px;bottom:12%;left:5%;animation:mb-drift 18s ease-in-out infinite}.mb-3{width:32px;height:32px;top:45%;right:25%;animation:mb-pulse 10s ease-in-out infinite}@keyframes mb-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes mb-drift{0%,100%{transform:translate(0,0)}33%{transform:translate(8px,-10px)}66%{transform:translate(-5px,-5px)}}@keyframes mb-pulse{0%,100%{transform:scale(1);opacity:0.06}50%{transform:scale(1.15);opacity:0.09}}