:root{--primary: #10B981;--primary-light: #34D399;--primary-dark: #059669;--accent: #6366F1;--accent-light: #818CF8;--gold: #F59E0B;--gold-light: #FBBF24;--warning: #F59E0B;--danger: #EF4444;--bg-light: #FAFBFC;--bg-cream: #FDF8F3;--bg-gradient: linear-gradient(160deg, #FAFBFC 0%, #F0FDF4 50%, #ECFDF5 100%);--bg-dark: #1E293B;--bg-darker: #0F172A;--text-main: #1E293B;--text-secondary: #475569;--text-muted: #94A3B8;--text-light: #CBD5E1;--white: #ffffff;--glass: rgba(255, 255, 255, .85);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow: 0 4px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .1);--shadow-primary: 0 8px 32px rgba(16, 185, 129, .25);--border: rgba(0, 0, 0, .06);--border-light: rgba(255, 255, 255, .1);--radius: 16px;--radius-lg: 24px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7;font-weight:400;color:var(--text-main)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg-gradient)}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700;line-height:1.3;letter-spacing:-.02em}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}.container{max-width:1120px;margin:0 auto;padding:0 2rem}section{padding:6rem 0}.nav{position:fixed;top:0;left:0;right:0;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border)}.nav .container{display:flex;justify-content:space-between;align-items:center;height:72px}.nav-logo{display:flex;align-items:center;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;color:var(--primary);letter-spacing:-.02em;transition:all .3s ease;-webkit-user-select:none;user-select:none}.nav-logo:hover{opacity:.85}.logo-img{width:32px;height:32px;object-fit:cover;border-radius:50%;box-shadow:0 2px 8px #0003;background:#000}.nav-cta{background:var(--primary);color:#fff;padding:.65rem 1.6rem;border-radius:50px;font-weight:700;font-size:.95rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.nav-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow);color:#fff}.hero{padding-top:11rem;padding-bottom:7rem;text-align:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(16,185,129,.08),transparent)}.hero .container{display:block}.hero-content{max-width:800px;margin:0 auto}.hero-badge{display:block;width:fit-content;margin:0 auto 2.5rem;padding:.5rem 1.2rem;background:#10b98114;color:var(--primary);border-radius:50px;font-size:.85rem;font-weight:700;border:1px solid rgba(16,185,129,.15);letter-spacing:.05em}.hero-symbol{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.hero-symbol img{width:100px;height:100px;object-fit:cover;border-radius:50%;padding:.5rem;background:#fff;box-shadow:0 10px 40px #10b98133,0 0 0 8px #10b98108;animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{0%{transform:translateY(0);box-shadow:0 10px 40px #10b98133,0 0 0 8px #10b98108}50%{transform:translateY(-15px);box-shadow:0 25px 60px #10b9814d,0 0 0 12px #10b9810d}to{transform:translateY(0);box-shadow:0 10px 40px #10b98133,0 0 0 8px #10b98108}}.hero h1{font-size:clamp(2.4rem,5vw,3.8rem);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.8}.hero-price{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.6rem 2rem;border-radius:50px;font-weight:700;font-size:1.05rem;margin-bottom:2.5rem;box-shadow:var(--shadow-primary)}.hero-cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pain{background:linear-gradient(180deg,#fff,#f9fafb);color:var(--text-main);text-align:center}.pain h2{font-size:2.2rem;margin-bottom:4rem;color:var(--primary-dark)}.pain h2 span{display:inline-block}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;padding:0 1rem}.pain-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:3.5rem 2rem;box-shadow:0 4px 20px #00000005;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.pain-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);opacity:0;transition:opacity .3s ease}.pain-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #00000014;border-color:#10b98133}.pain-card:hover:before{opacity:1}.pain-card .icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:24px;font-size:2.5rem;margin-bottom:2.5rem;transition:all .4s ease;border:1px solid rgba(0,0,0,.03)}.pain-card:hover .icon{background:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 10px 25px #10b98126;border-color:#10b9811a}.pain-card h3{font-size:1.4rem;margin-bottom:1.5rem;color:var(--text-main);line-height:1.5;font-weight:700}.pain-card h3 span{display:inline-block}.pain-card p{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:260px}.features{padding:10rem 0;background:#fff;position:relative;overflow:hidden}.features-header{text-align:center;max-width:800px;margin:0 auto 5rem}.features-badge{display:inline-block;padding:.5rem 1.2rem;background:var(--bg-primary);color:var(--primary);border-radius:100px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.features h2{font-size:2.8rem;margin-bottom:1.5rem;color:var(--primary-dark)}.features h2 span{display:inline-block}.features-sub{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.feature-card{background:#fff;padding:3.5rem 2.5rem;border-radius:40px;border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.feature-card:hover{transform:translateY(-10px);border-color:var(--primary-light);box-shadow:0 30px 60px #0000000d}.icon-wrapper{width:70px;height:70px;background:var(--bg-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:2rem;transition:transform .3s ease}.feature-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg);background:var(--primary);color:#fff}.feature-card h3{font-size:1.4rem;margin-bottom:1.2rem;color:var(--text-main);font-weight:700}.feature-card p{color:var(--text-secondary);line-height:1.75;font-size:1.05rem;margin:0}@media(max-width:1024px){.features-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}@media(max-width:768px){.features{padding:7rem 0}.features h2{font-size:1.8rem}.features-header{margin-bottom:3.5rem}.feature-card{padding:3rem 2rem;border-radius:32px}.features-sub{font-size:1rem}}.sample{background:var(--bg-gradient)}.sample h2{text-align:center;font-size:2rem;margin-bottom:1rem}.sample .section-sub{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 3rem}.sample-card{max-width:600px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.sample-header{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:1.5rem 2rem}.sample-header h3{font-size:1.1rem;margin-bottom:.3rem}.sample-header p{font-size:.9rem;opacity:.9}.sample-body{padding:2rem}.sample-score{text-align:center;margin-bottom:2rem}.sample-score .number{font-size:4rem;font-weight:700;color:var(--primary);font-family:Outfit,sans-serif}.sample-score .label{color:var(--text-muted)}.sample-advice{background:#f8f9fa;border-left:4px solid var(--primary);padding:1rem 1.5rem;border-radius:0 8px 8px 0;margin-bottom:1.5rem}.sample-advice h4{font-size:.9rem;color:var(--primary);margin-bottom:.5rem}.sample-advice p{font-size:.95rem;color:var(--text-main)}.sample-items{list-style:none}.sample-items li{padding:1.2rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.2rem;line-height:1.4}.product-name{font-weight:600;color:var(--text-main);font-size:.95rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.status-label{color:var(--text-muted);font-size:.85rem;font-weight:400}.sample-items li:last-child{border-bottom:none}.badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;white-space:nowrap;line-height:1}.badge-safe{background:var(--primary)}.badge-warn{background:var(--warning)}.badge-danger{background:var(--danger)}.pricing{background:#fff;text-align:center}.pricing h2{font-size:2rem;margin-bottom:1rem}.pricing .section-sub{color:var(--text-muted);max-width:500px;margin:0 auto 3rem}.pricing-card{max-width:400px;margin:0 auto;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:24px;padding:3rem 2.5rem;color:#fff;box-shadow:0 20px 60px #2ecc714d}.pricing-card .price{font-size:4rem;font-weight:700;font-family:Outfit,sans-serif;margin-bottom:.5rem}.pricing-card .price span{font-size:1.2rem;font-weight:400}.pricing-card .period{font-size:1rem;opacity:.9;margin-bottom:2rem}.pricing-card ul{list-style:none;text-align:left;margin-bottom:2rem}.pricing-card ul li{padding:.6rem 0;display:flex;align-items:center;gap:.8rem}.pricing-card ul li:before{content:"✓";font-weight:700}.pricing-card .btn-white{display:block;background:#fff;color:var(--primary);padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s ease}.pricing-card .btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.faq{background:var(--bg-gradient)}.faq h2{text-align:center;font-size:2rem;margin-bottom:3rem}.faq-list{max-width:700px;margin:0 auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:1rem;box-shadow:var(--shadow)}.faq-question{padding:1.5rem 2rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question:after{content:"+";font-size:1.5rem;color:var(--primary)}.faq-answer{padding:0 2rem 1.5rem;color:var(--text-secondary);line-height:1.8;display:none}.contact{background:#f8fafc;padding:8rem 0;text-align:center}.contact h2{margin-bottom:4rem;color:var(--primary-dark)}.contact-card{max-width:700px;margin:0 auto;background:#fff;padding:5rem 3rem;border-radius:40px;box-shadow:0 20px 50px #0000000a}.contact-lead{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;margin-bottom:4rem}.contact-lead span{display:inline-block;white-space:normal}.contact-actions{margin-bottom:5rem}.contact-btn-main{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 3rem;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;text-decoration:none;border-radius:20px;font-weight:700;font-size:1.15rem;box-shadow:0 10px 25px #7c3aed4d;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.contact-btn-main:hover{transform:translateY(-4px);box-shadow:0 15px 35px #7c3aed66;filter:brightness(1.1)}.contact-email-sub{margin-top:1.5rem;font-size:1.1rem;color:var(--text-muted);font-family:Outfit,sans-serif;opacity:.7}.contact-template{text-align:left;background:#f8fafc;border-radius:24px;border:1px solid var(--border);overflow:hidden;position:relative}.template-header{padding:1rem 1.2rem;background:#ffffffe6;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-main)}.template-header .title-group{display:flex;align-items:center;gap:.5rem;flex-shrink:1}.template-copy-btn{padding:.4rem .8rem;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.template-copy-btn:hover{background:var(--bg-primary);border-color:var(--primary-light);color:var(--primary)}.template-copy-btn.copied{background:var(--primary);border-color:var(--primary);color:#fff}.template-body{padding:1.5rem}.template-body pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:inherit;font-size:.95rem;color:var(--text-secondary);line-height:1.7}@media(max-width:768px){.contact-card{padding:4rem 1.5rem;border-radius:32px}.contact-lead{font-size:1rem}.contact-btn-main{width:100%;justify-content:center;padding:1.2rem;font-size:1.1rem}.contact-email-sub{font-size:.95rem}}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question:after{content:"−"}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.features-grid .feature-card:nth-child(2){transition-delay:.1s}.features-grid .feature-card:nth-child(3){transition-delay:.2s}.pain-grid .pain-card:nth-child(2){transition-delay:.1s}.pain-grid .pain-card:nth-child(3){transition-delay:.2s}.faq-list .faq-item:nth-child(1){transition-delay:.05s}.faq-list .faq-item:nth-child(2){transition-delay:.1s}.faq-list .faq-item:nth-child(3){transition-delay:.15s}.faq-list .faq-item:nth-child(4){transition-delay:.2s}.faq-list .faq-item:nth-child(5){transition-delay:.25s}.footer{background:var(--bg-dark);color:var(--text-light);padding:3rem 0;text-align:center}.footer-links{margin-bottom:1.5rem}.footer-links a{color:var(--text-light);margin:0 1rem;font-size:.9rem}.footer-links a:hover{color:#fff}.footer p{font-size:.85rem;opacity:.7}.trademark-disclaimer{margin-top:1rem;font-size:.75rem!important;opacity:.5!important;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}.hamburger span{display:block;width:100%;height:3px;background:var(--text-main);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);font-weight:600;font-size:.95rem;transition:all .3s ease}.nav-links a:hover{color:var(--primary);transform:translateY(-1px)}.mobile-menu{display:none;position:fixed;inset:72px 0 0;background:linear-gradient(180deg,#fffffffa,#f0fdf4fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:space-between;padding:3rem 2rem;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.active{display:flex;opacity:1;visibility:visible}.mobile-menu-main{display:flex;flex-direction:column;align-items:center;gap:1.8rem;flex:1;justify-content:center}.mobile-menu-main a{font-size:1.4rem;font-weight:600;color:var(--text-main);position:relative;padding:.5rem 1rem;transition:all .3s ease}.mobile-menu-main a:hover{color:var(--primary)}.mobile-menu-main a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary);transition:width .3s ease}.mobile-menu-main a:hover:after{width:100%}.mobile-menu-main .nav-cta{margin-top:1rem;padding:1rem 2.5rem;font-size:1.1rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:var(--shadow-primary)}.mobile-menu-main .nav-cta:after{display:none}.mobile-menu-main .nav-cta:hover{color:#fff}.mobile-menu-legal{display:flex;align-items:center;gap:.5rem;padding-top:2rem;border-top:1px solid var(--border);width:100%;justify-content:center}.mobile-menu-legal a{font-size:.85rem;color:var(--text-muted);font-weight:500}.mobile-menu-legal a:hover{color:var(--primary)}.mobile-menu-legal .divider{opacity:.5}@media(max-width:1120px){.hero-content{max-width:700px}}@media(min-width:769px)and (max-width:1024px){section{padding:6rem 0}.nav-links{gap:2.5rem}.nav-links a{font-size:1.05rem}.nav-cta{padding:.75rem 1.8rem;font-size:1.05rem}.logo-img{width:38px;height:38px}.nav-logo span{font-size:1.3rem}.hero{padding-top:10rem;padding-bottom:6rem}.hero h1{font-size:2.8rem;line-height:1.3;margin-bottom:1.8rem}.hero-sub{font-size:1.15rem;line-height:1.8;max-width:600px;margin-bottom:2.5rem}.hero-price{font-size:1.2rem;padding:.8rem 2.5rem;margin-bottom:3rem}.hero-cta-group{gap:2rem}.hero-cta-group a{font-size:1.1rem}.btn-secondary{font-size:1rem}.pain-grid,.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 1rem}.feature-card{padding:2rem 1.5rem}.feature-card h3{font-size:1.15rem}}@media(max-width:768px){section{padding:3.5rem 0}.hero{padding-top:7rem;padding-bottom:3.5rem;text-align:center}.hero .container{display:block;padding:0 1.5rem}.hero-content{max-width:100%}.hero-symbol{margin-bottom:1.2rem}.hero-symbol img{width:70px;height:70px}.hero h1{font-size:1.8rem;line-height:1.4;margin-bottom:1.2rem}h2{font-size:1.5rem!important;line-height:1.4!important}h2 span{display:inline-block}.hero-sub{font-size:.95rem;line-height:1.7;margin-bottom:2rem;padding:0 1.5rem;max-width:100%;color:var(--text-secondary)}.hero-sub span{display:inline-block}.hero-sub br{display:none}.hero-price{font-size:1rem;padding:.5rem 1.5rem;margin-bottom:2rem}.hero-cta-group{flex-direction:column;width:100%;max-width:320px;margin:0 auto;gap:.8rem}.btn-primary,.btn-secondary{width:100%;text-align:center;margin:0!important;padding:1rem}.pain-grid,.features-grid{grid-template-columns:1fr;gap:1.2rem;padding:0 1rem}.nav-links{display:none}.hamburger{display:flex}}
