*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--navy:#1b3a6b;--teal:#0d7377;--teal-dark:#095e62;--teal-hover:#0a5a5d;--navy-deep:#0f172a;--slate:#475569;--slate-light:#64748b;--border:#cbd5e1;--bg-light:#f8fafc;--white:#fff;--text:#1a202c;--green-accent:#4ade80}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6;color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{background:var(--navy);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}nav .container{display:flex;justify-content:space-between;align-items:center}.logo{color:var(--white);font-size:24px;font-weight:700}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--white);text-decoration:none;font-size:15px;transition:opacity .2s}.nav-links a:hover{opacity:.8}.nav-mobile-hide{display:flex}.cta-button{background:var(--teal);color:var(--white);padding:10px 24px;border-radius:6px;border:none;cursor:pointer;font-size:15px;font-weight:600;transition:background .2s}.cta-button:hover{background:var(--teal-hover)}.btn-primary{background:var(--teal);color:var(--white);padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,115,119,.4)}.btn-secondary{background:transparent;color:var(--white);padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;border:2px solid var(--white);cursor:pointer;transition:background .2s}.btn-secondary:hover{background:hsla(0,0%,100%,.1)}.hero{background:linear-gradient(135deg,var(--navy) 0,#2e6da4 100%);color:var(--white);padding:80px 0;text-align:center}.hero h1{font-size:48px;font-weight:800;margin-bottom:20px;line-height:1.2}.hero .subtitle{font-size:22px;opacity:.95;margin-bottom:16px}.hero .stats{display:flex;justify-content:center;gap:48px;margin:40px 0;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:42px;font-weight:800;color:var(--green-accent)}.stat-label{font-size:14px;opacity:.9;margin-top:4px}.hero-cta{display:flex;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}.problem{padding:80px 0;background:var(--bg-light)}.problem h2{font-size:36px;text-align:center;margin-bottom:48px;color:var(--navy)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:32px;gap:32px}.problem-card{background:var(--white);padding:32px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.problem-card .icon{font-size:48px;margin-bottom:16px}.problem-card h3{font-size:20px;margin-bottom:12px;color:var(--navy)}.problem-card p{color:var(--slate);font-size:15px}.solution{padding:80px 0}.solution h2{font-size:36px;text-align:center;margin-bottom:24px;color:var(--navy)}.solution-subtitle{text-align:center;font-size:18px;color:var(--slate-light);max-width:700px;margin:0 auto 60px}.solution-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;gap:40px;margin-top:48px}.step{text-align:center}.step-number{background:var(--teal);color:var(--white);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin:0 auto 20px}.step h3{font-size:20px;margin-bottom:12px;color:var(--navy)}.step p{color:var(--slate);font-size:15px}.demo{padding:80px 0;background:var(--navy);color:var(--white)}.demo h2{font-size:36px;text-align:center;margin-bottom:48px}.video-container{max-width:900px;margin:0 auto;background:var(--navy-deep);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.video-player{position:relative;padding-bottom:56.25%;background:#1e293b}.video-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;flex-direction:column}.play-button,.video-placeholder{display:flex;align-items:center;justify-content:center}.play-button{width:80px;height:80px;background:var(--teal);border-radius:50%;cursor:pointer;transition:transform .2s;border:4px solid var(--white)}.play-button:hover{transform:scale(1.1)}.play-icon{width:0;height:0;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px}.storyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}.storyboard-frame{background:#2a3f5f;padding:16px;border-radius:8px;text-align:center}.frame-number{background:var(--teal);color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin:0 auto 12px}.frame-icon{font-size:36px;margin:12px 0}.storyboard-frame p{font-size:13px;opacity:.9}.benefits{padding:80px 0;background:var(--bg-light)}.benefits h2{font-size:36px;text-align:center;margin-bottom:60px;color:var(--navy)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px}.benefit-card{background:var(--white);padding:32px;border-radius:12px;border-left:4px solid var(--teal);box-shadow:0 4px 12px rgba(0,0,0,.08)}.benefit-card h3{font-size:20px;margin-bottom:12px;color:var(--navy);display:flex;align-items:center;gap:12px}.benefit-card .card-icon{font-size:28px}.benefit-card p{color:var(--slate);font-size:15px}.benefit-card .metric{font-size:32px;font-weight:800;color:var(--teal);margin-top:12px}.trust{padding:60px 0;text-align:center}.trust h3{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var(--slate-light);margin-bottom:32px}.trust-logos{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;align-items:center;opacity:.6}.trust-logo{font-size:14px;font-weight:600;color:var(--slate)}.final-cta{padding:80px 0;background:linear-gradient(135deg,var(--teal) 0,var(--teal-dark) 100%);color:var(--white);text-align:center}.final-cta h2{font-size:40px;margin-bottom:20px}.final-cta p{font-size:20px;margin-bottom:40px;opacity:.95}footer{background:var(--navy-deep);color:var(--white);padding:40px 0;text-align:center}footer p{opacity:.8;font-size:14px}footer p+p{margin-top:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.modal-content{background:var(--white);padding:40px;border-radius:12px;max-width:600px;width:100%;position:relative;color:var(--text);max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;cursor:pointer;color:var(--slate-light);line-height:1}.modal-close:hover{color:var(--text)}.modal-content h3{font-size:28px;color:var(--navy)}.form-group,.modal-content h3{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--navy)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-size:15px;font-family:inherit}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--teal)}@media (max-width:768px){.hero h1{font-size:32px}.hero .subtitle{font-size:18px}.stat-number{font-size:32px}.nav-mobile-hide{display:none}.final-cta h2{font-size:28px}.modal-content{padding:24px}}