:root{--green-50:#E8F5E8;--green-100:#C8E6C9;--green-200:#A5D6A7;--green-300:#81C784;--green-400:#66BB6A;--green-500:#4CAF50;--green-600:#43A047;--green-700:#388E3C;--green-800:#2E7D32;--green-900:#1B5E20;--yellow-400:#FFEE58;--yellow-500:#FFEB3B;--yellow-600:#FDD835;--yellow-700:#FBC02D;--yellow-800:#F9A825;--gray-50:#FAFAFA;--gray-100:#F5F5F5;--gray-200:#EEEEEE;--gray-300:#E0E0E0;--gray-400:#BDBDBD;--gray-500:#9E9E9E;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--white:#FFFFFF;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-hint:var(--gray-500)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:roboto,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;letter-spacing:-.025em}h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:500}h3{font-size:1.5rem;font-weight:500}p{margin-bottom:1rem;color:var(--text-secondary)}.gradient-text{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--text-primary);margin-bottom:1rem}.section-header p{font-size:1.125rem;max-width:600px;margin:0 auto;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem;line-height:1.5;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--yellow-700) 0%,var(--yellow-800) 100%);color:var(--white);box-shadow:0 3px 12px rgba(251,192,45,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,192,45,.4)}.btn-primary:active{transform:translateY(0);box-shadow:0 3px 12px rgba(251,192,45,.3)}.btn-outline{background:0 0;color:var(--yellow-800);border:2px solid var(--yellow-800)}.btn-outline:hover{background:var(--yellow-800);color:var(--white)}.btn-large{padding:16px 32px;font-size:1.125rem}.btn-full{width:100%}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);z-index:1000}.nav{padding:1rem 0}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}.nav-brand .logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;color:var(--text-primary)}.logo-icon{width:48px;height:48px;background-image:url(../favicon.svg);background-size:48px 48px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.logo-icon.footer-logo{width:40px;height:40px;background-image:url(../favicon.svg);background-size:40px 40px;font-size:1.25rem}.hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--green-100) 0%,var(--white) 50%,var(--yellow-400) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;overflow:hidden}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.coming-soon-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--green-500);color:var(--green-50);border-radius:20px;font-weight:500;font-size:.875rem;margin-bottom:2rem}.coming-soon-badge i{color:var(--green-50);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-title{margin-bottom:1.5rem;color:var(--text-primary)}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem;color:var(--text-secondary);max-width:500px}.hero-features{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.feature-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(76,175,80,.1);border:1px solid var(--green-200);border-radius:20px;font-size:.875rem;color:var(--green-800);font-weight:500}.pill-icon{font-size:1rem;color:var(--green-700)}.hero-visual{position:relative}.ssl-renewal-animation{position:relative}.certificate-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 50px rgba(76,175,80,.15);border:2px solid var(--green-100)}.certificate.fresh{position:relative}.cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cert-icon{font-size:2rem;color:var(--green-500)}.cert-status{display:flex;align-items:center;gap:8px;font-weight:500}.cert-status.fresh{color:var(--green-700)}.status-indicator{width:10px;height:10px;background:var(--green-500);border-radius:50%;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.cert-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.cert-content p{color:var(--text-secondary);margin-bottom:1.5rem}.cert-progress{margin-bottom:0}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress.fresh{width:85%;height:100%;background:linear-gradient(90deg,var(--green-400),var(--green-600));border-radius:4px;animation:progressGlow 2s ease-in-out infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 5px rgba(76,175,80,.3)}100%{box-shadow:0 0 20px rgba(76,175,80,.6)}}.progress-text{font-size:.875rem;color:var(--green-700);font-weight:500}.renewal-flow{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:rgba(76,175,80,5%);border-radius:12px;border:1px solid var(--green-100)}.flow-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.flow-icon{font-size:1.5rem;color:var(--green-600)}.flow-item span{font-size:.75rem;color:var(--text-secondary);font-weight:500}.flow-arrow{color:var(--green-600);font-size:1.25rem}.flow-arrow i{color:var(--green-600)}.features{padding:80px 0;background:var(--gray-50)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,4%);border:1px solid var(--gray-200);transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(76,175,80,.15);border-color:var(--green-200)}.feature-icon{margin-bottom:1.5rem}.icon-bg{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.icon-bg.green{background:var(--green-100);color:var(--green-600)}.icon-bg.yellow{background:#fff9c4;color:var(--yellow-700)}.feature-card h3{color:var(--text-primary);margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.signup{padding:80px 0;background:linear-gradient(135deg,var(--green-700) 0%,var(--green-900) 100%);color:#fff}.signup-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.signup-info h2{color:#fff;margin-bottom:1.5rem}.signup-subtitle{font-size:1.125rem;color:rgba(255,255,255,.9);margin-bottom:2rem;line-height:1.6}.signup-benefits{display:flex;flex-direction:column;gap:1rem}.benefit{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.9)}.benefit-icon{font-size:1.25rem;flex-shrink:0;color:var(--yellow-500)}.signup-form-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 50px rgba(0,0,0,.15)}.form-header{text-align:center;margin-bottom:2rem}.form-header h3{color:var(--text-primary);margin-bottom:.5rem}.form-header p{color:var(--text-secondary);margin:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:14px 16px;border:2px solid var(--gray-300);border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit;background:#fff}.form-input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px rgba(76,175,80,.1)}.form-input:invalid{border-color:#f44336}.form-hint{margin-top:.5rem;font-size:.875rem;color:var(--text-hint)}.form-footer{text-align:center;margin-top:1rem}.form-footer p{font-size:.875rem;color:var(--text-hint);margin:0}.form-footer i{color:var(--green-500);margin-right:4px}.footer{padding:60px 0 20px;background:var(--gray-900);color:#fff}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-brand .logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;margin-bottom:1rem;color:#fff}.footer-brand p{color:var(--gray-400)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section a{display:block;color:var(--gray-400);text-decoration:none;margin-bottom:.5rem;transition:color .2s ease}.footer-section a:hover{color:var(--green-400)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--gray-700)}.footer-bottom p{color:var(--gray-400);margin:0}.footer-social span{color:var(--yellow-500);font-weight:500}@media(max-width:768px){.container{padding:0 16px}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero{padding:100px 0 60px}.hero-features{justify-content:center}.renewal-flow{flex-direction:column;gap:.5rem}.flow-arrow{transform:rotate(90deg)}.features-grid{grid-template-columns:1fr}.signup-content{grid-template-columns:1fr;gap:2rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:1fr;gap:1rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media(max-width:480px){.hero-title{font-size:2rem}.features,.signup{padding:60px 0}.feature-card,.signup-form-container{padding:1.5rem}.btn-large{padding:14px 24px;font-size:1rem}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.animate{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in{opacity:1;transform:none}}.cookie-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--gray-800);color:var(--white);padding:1rem 0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000}.cookie-banner-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-banner p{margin:0;font-size:.9rem;line-height:1.5;color:var(--white)}.cookie-banner a{color:var(--green-700);text-decoration:underline}.cookie-banner a:hover{color:var(--green-400)}.cookie-accept-btn{padding:.6rem 1.5rem;background:var(--yellow-800);color:var(--white);border:none;border-radius:4px;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background .3s}.cookie-accept-btn:hover{background:var(--yellow-700)}.ml-form-embedContainer{display:none!important}.ml-form-embedContainer .ml-form-embedWrapper{position:relative!important;max-width:500px!important;width:100%!important;max-height:90vh!important;overflow-y:auto!important;margin:0!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important;border-radius:8px!important}.modal-close{position:absolute!important;top:15px!important;right:15px!important;background:0 0!important;border:none!important;font-size:24px!important;color:#666!important;cursor:pointer!important;z-index:10001!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:all .2s ease!important}.modal-close:hover{background-color:#f0f0f0!important;color:#333!important}@media(max-width:768px){.ml-form-embedContainer .ml-form-embedWrapper{max-height:95vh!important;margin:10px!important}}