*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #0078ff;--primary-dark: #0066cc;--primary-light: #3399ff;--accent-blue: #00a3ff;--pistachio-green: #93c572;--pistachio-dark: #7fb055;--text-dark: #1f2933;--text-medium: #52606d;--text-light: #7b8794;--bg-light: #f5f8fa;--bg-white: #ffffff}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg-white);color:var(--text-dark);line-height:1.65}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1}.hero.curved:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:120px;background:#fff;border-radius:50% 50% 0 0/60px 60px 0 0;z-index:2}.hero-content{position:relative;z-index:3;max-width:850px;width:100%;padding:20px}h1.hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}p.hero-subtitle{font-size:1.2rem;margin-bottom:35px;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.7}.btn-primary{padding:15px 38px;border-radius:999px;background:var(--pistachio-green);color:#fff;font-weight:600;font-size:1.05rem;display:inline-block;box-shadow:0 8px 24px #93c57266;text-decoration:none;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #93c57280;background:var(--pistachio-dark)}section{padding:80px 0;position:relative;z-index:2}.site-header{position:fixed;top:0;left:0;right:0;height:70px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;z-index:100;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 2px 8px #0000000f}.site-header.hidden{transform:translateY(-100%);box-shadow:none}.site-header .logo-wrap{display:flex;align-items:center;gap:12px;padding:0 28px}.site-header img{height:42px;width:auto;display:block}.site-header .brand{font-size:1.25rem;font-weight:700;color:var(--primary-blue)}body{scroll-behavior:smooth}.with-header-offset{padding-top:70px}.container{width:100%;margin:0 auto;padding:0 24px}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:14px}.section-desc{text-align:center;max-width:650px;margin:0 auto 40px;color:var(--text-medium)}.grid{display:flex;gap:32px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:16px;justify-content:center;align-items:center}.grid::-webkit-scrollbar{height:8px}.grid::-webkit-scrollbar-track{background:var(--bg-light);border-radius:10px}.grid::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:10px}.grid::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.card{background:var(--bg-white);border-radius:16px;padding:32px;box-shadow:0 4px 16px #0078ff14;border:1px solid rgba(0,120,255,.1);transition:all .3s ease;flex:0 0 380px;min-width:380px}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0078ff26}.card h3{font-size:1.2rem;margin-bottom:12px;font-weight:600;color:var(--primary-dark)}.card ul{padding-left:0;list-style:none}.card ul li{margin-bottom:10px;color:var(--text-medium);line-height:1.6}.card ul li:before{content:"• ";color:var(--primary-blue);font-weight:700;margin-right:8px}.quote-mark{font-size:3.5rem;color:var(--primary-blue);margin-bottom:6px;line-height:.8;opacity:.9}.quote-name{margin-top:14px;font-weight:700;color:var(--primary-dark);font-size:.95rem}.quote-card{background:var(--bg-light);border-left:4px solid var(--primary-blue)}.quote-card p{font-size:1.05rem;color:var(--text-dark);line-height:1.7}.testimonials-grid{display:flex;gap:40px;justify-content:center;align-items:stretch;max-width:1200px;margin:60px auto 0;flex-wrap:wrap}.testimonial-card{background:var(--bg-white);border-radius:16px;padding:48px 40px;flex:1 1 400px;min-width:400px;max-width:550px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 16px #0078ff14;border:1px solid rgba(0,120,255,.1);transition:all .3s ease;align-self:stretch}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0078ff26}.testimonial-quote-mark{width:80px;height:80px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.testimonial-quote-mark img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(2000%) hue-rotate(200deg) brightness(.95) contrast(1.2)}.testimonial-text{font-size:1.1rem;color:var(--text-medium);line-height:1.8;margin-bottom:auto;max-width:100%;flex:0 1 auto}.testimonial-author{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;margin-top:32px;gap:16px}.testimonial-author-info{display:flex;flex-direction:column;align-items:flex-start}.testimonial-name{font-size:1.4rem;color:var(--primary-light);font-weight:600;margin-bottom:4px;text-align:left}.testimonial-affiliation{font-size:1rem;color:var(--primary-dark);font-weight:500;text-align:left}@media (max-width: 768px){.hero{background-image:url(/assets/withAI_mobile-zC7a3vJ4.png)!important}.hero.curved:after{display:none}.testimonials-grid{flex-direction:column;align-items:center}.testimonial-card{min-width:100%;max-width:100%}}#pre-signup{padding:40px 0 80px}.after-curved{margin-top:50px;padding-top:60px}section:nth-of-type(4){background:linear-gradient(180deg,var(--bg-white) 0%,var(--bg-light) 100%)}.section-subtitle{text-align:center;max-width:650px;margin:0 auto 24px;color:#4b5563}.scroll-arrow{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:50px;height:50px;cursor:pointer;z-index:10;animation:bounce 2s infinite;transition:all .3s ease;background:#ffffffe6;border-radius:50%;padding:12px;box-shadow:0 4px 16px #0003}.scroll-arrow:hover{transform:translate(-50%) scale(1.1);background:#fff;box-shadow:0 6px 24px #0000004d}.scroll-arrow img{width:100%;height:100%;filter:invert(41%) sepia(98%) saturate(749%) hue-rotate(186deg) brightness(101%) contrast(101%);transition:all .3s ease}.scroll-arrow:hover img{filter:invert(60%) sepia(98%) saturate(749%) hue-rotate(186deg) brightness(120%) contrast(101%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-white);border:2px solid var(--primary-blue);border-radius:12px;padding:32px;max-width:450px;width:90%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#000;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:var(--text-medium)}.modal-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--primary-dark);margin-bottom:24px;margin-top:8px}.modal-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:20px;color:var(--text-dark);transition:border-color .2s ease}.modal-input:focus{outline:none;border-color:var(--primary-blue)}.modal-input::placeholder{color:var(--text-light)}.modal-submit-btn{width:100%;padding:14px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-bottom:16px}.modal-submit-btn:hover{background:var(--primary-dark)}.modal-info{text-align:center;color:var(--primary-dark);font-size:.9rem;line-height:1.6;margin:0}.feature-cards{display:flex;gap:32px;justify-content:center;align-items:stretch;max-width:1000px;margin:80px auto 0;flex-wrap:wrap}.feature-card{background:var(--bg-white);border-radius:16px;padding:40px 32px;box-shadow:0 4px 16px #0078ff14;border:1px solid rgba(0,120,255,.1);flex:1;min-width:300px;max-width:450px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0078ff26}.feature-icon{width:80px;height:80px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}.feature-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(2000%) hue-rotate(200deg) brightness(.95) contrast(1.2)}.feature-card-title{font-size:1.75rem;font-weight:700;color:var(--primary-dark);margin-bottom:16px}.feature-card-desc{font-size:1rem;color:var(--text-medium);line-height:1.7;margin:0}@media (max-width: 768px){.feature-cards{flex-direction:column;align-items:center}.feature-card{max-width:100%}}.workflow-steps{display:flex;align-items:stretch;justify-content:center;gap:24px;max-width:1200px;margin:60px auto 0;flex-wrap:wrap}.workflow-step{flex:1;min-width:200px;max-width:250px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;justify-content:space-between}.workflow-icon{width:60px;height:60px;margin-top:24px;margin-bottom:0;display:flex;align-items:center;justify-content:center;background:#0078ff1a;border-radius:50%;box-shadow:0 4px 16px #0078ff33}.workflow-icon img{width:36px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%) invert(40%) sepia(100%) saturate(2000%) hue-rotate(200deg) brightness(.95) contrast(1.2)}.workflow-number{width:60px;height:60px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:20px;box-shadow:0 4px 12px #0078ff4d;position:relative;flex-shrink:0}.workflow-step-title{font-size:1.2rem;font-weight:600;color:var(--primary-dark);margin-bottom:12px}.workflow-step-desc{font-size:.95rem;color:var(--text-medium);line-height:1.6;margin:0}.workflow-arrow{font-size:2rem;color:var(--primary-blue);font-weight:700;flex-shrink:0;margin:30px 8px 0;align-self:center}@media (max-width: 1024px){.workflow-steps{gap:16px}.workflow-arrow{display:none}}@media (max-width: 768px){.workflow-steps{flex-direction:column;gap:40px}.workflow-step{max-width:100%;min-width:100%}.workflow-arrow{display:none}}
