@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:56px}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;color:#1a2b3c;line-height:1.6;background:#fff}.topnav{position:sticky;top:0;z-index:100;background:rgba(12,35,64,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:48px;border-bottom:1px solid hsla(0,0%,100%,.08)}.topnav .nav-logo{display:flex;align-items:center}.topnav .nav-logo img{height:28px}.topnav nav{display:flex;gap:6px}.topnav nav a{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:13px;font-weight:500;padding:6px 14px;border-radius:6px;transition:color .2s,background .2s}.topnav nav a:hover{color:#fff;background:hsla(0,0%,100%,.1)}.topnav .nav-cta{color:#fff !important;background:#2d7db5;font-weight:600}.topnav .nav-cta:hover{background:#1a5f8f !important}@media(max-width: 580px){.topnav nav a{padding:6px 8px;font-size:12px}.topnav{padding:0 12px}}.hero{background:linear-gradient(135deg, #0c2340 0%, #1a4a7a 50%, #2d7db5 100%);color:#fff;padding:60px 40px 50px;text-align:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:-40%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at 30% 50%, rgba(69, 180, 232, 0.12) 0%, transparent 60%);pointer-events:none}.hero-logo{margin-bottom:28px;position:relative;margin-top:3em}.hero-logo img{height:120px}#wake-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero{cursor:none}.hero>*:not(#wake-canvas){position:relative;z-index:1}.hero h1{font-size:38px;font-weight:800;line-height:1.15;max-width:700px;margin:0 auto 18px;letter-spacing:-0.5px;color:#1cbcee}.hero p.sub{font-size:17px;max-width:560px;margin:0 auto;opacity:.88;line-height:1.55;margin-bottom:5em}.problem-strip{display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);position:relative;top:-28px}.problem-strip .col{padding:30px 34px}.col-problem{background:#f1f5f9}.col-solution{background:#eaf6ed}.problem-strip h3{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;font-weight:700}.col-problem h3{color:#94a3b8}.col-solution h3{color:#4ead6b}.problem-strip ul{list-style:none;padding:0}.problem-strip li{font-size:14px;padding:6px 0;padding-left:22px;position:relative;line-height:1.5}.col-problem li::before{content:"✕";position:absolute;left:0;color:#cbd5e1;font-weight:700;font-size:12px}.col-solution li::before{content:"✓";position:absolute;left:0;color:#4ead6b;font-weight:700}.features{max-width:900px;margin:10px auto 0;padding:0 30px 50px}.features h2{text-align:center;font-size:26px;font-weight:800;margin-bottom:8px;letter-spacing:-0.3px}.features .intro{text-align:center;color:#64748b;font-size:15px;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{background:#f8fafc;border:1px solid #e8eef3;border-radius:10px;padding:26px 28px;transition:box-shadow .2s}.feature-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}.feature-card .icon{font-size:26px;margin-bottom:10px}.feature-card h4{font-size:16px;font-weight:700;margin-bottom:6px;color:#0c2340}.feature-card p{font-size:13.5px;color:#567;line-height:1.55}.highlight-box{background:linear-gradient(135deg, #f0f9ff 0%, #e8f4f8 100%);border-left:4px solid #2d7db5;max-width:840px;margin:0 auto 50px;padding:30px 36px;border-radius:0 10px 10px 0}.highlight-box h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#0c2340}.highlight-box p{font-size:14.5px;color:#3a5068;line-height:1.6}.comparison{max-width:920px;margin:0 auto 50px;padding:0 30px}.comparison h2{text-align:center;font-size:24px;font-weight:800;margin-bottom:24px;letter-spacing:-0.3px}.comp-table{width:100%;border-collapse:collapse;font-size:14px}.comp-table th{text-align:left;padding:12px 16px;background:#f1f5f9;font-weight:600;font-size:13px;color:#475569;border-bottom:2px solid #e2e8f0}.comp-table th:first-child{border-radius:8px 0 0 0}.comp-table th:last-child{border-radius:0 8px 0 0}.comp-table td{padding:11px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.comp-table tr:last-child td{border-bottom:none}.comp-table .check{color:#4ead6b;font-weight:700}.comp-table .cross{color:#cbd5e1}.comp-table .highlight-col{background:#f0faf3}.pricing{background:#f8fafc;padding:50px 30px;text-align:center}.pricing h2{font-size:24px;font-weight:800;margin-bottom:6px}.pricing .sub{color:#64748b;font-size:15px;margin-bottom:30px}.price-cards{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.price-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:32px 36px;min-width:220px;transition:border-color .2s}.price-card.featured{border-color:#2d7db5;position:relative}.price-card.featured::after{content:"Best value";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#2d7db5;color:#fff;font-size:11px;font-weight:700;padding:3px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.8px}.price-card .amount{font-size:42px;font-weight:800;color:#0c2340;line-height:1;margin-bottom:4px}.price-card .period{font-size:14px;color:#64748b;margin-bottom:16px}.price-card .note{font-size:13px;color:#94a3b8}.price-card .note strong{color:#4ead6b;font-weight:600}.price-card .signup-btn{display:inline-block;margin-top:16px;background:#2d7db5;color:#fff;font-size:14px;font-weight:600;padding:10px 28px;border-radius:6px;text-decoration:none;transition:background .2s}.price-card .signup-btn:hover{background:#1a5f8f}.cta{text-align:center;padding:50px 30px 60px}.cta h2{font-size:26px;font-weight:800;margin-bottom:10px;color:#0c2340}.cta p{color:#567;font-size:15px;margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto}.cta-btn{display:inline-block;background:#2d7db5;color:#fff;font-size:16px;font-weight:700;padding:14px 36px;border-radius:8px;text-decoration:none;transition:background .2s}.cta-btn:hover{background:#1a5f8f}.cta .small{display:block;margin-top:10px;font-size:13px;color:#94a3b8}.cta .small a{color:#2d7db5}.contact{background:#f1f5f9;padding:40px 30px}.contact-inner{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:30px}.contact-inner img{width:100px;height:100px;border-radius:50%;object-fit:cover}.contact-inner h3{font-size:18px;font-weight:700;margin-bottom:6px;color:#0c2340}.contact-inner p{font-size:14px;color:#567;line-height:1.5}.contact-inner a{color:#2d7db5}footer{text-align:center;padding:24px;font-size:12px;color:#94a3b8;border-top:1px solid #f1f5f9}@media(max-width: 680px){.hero h1{font-size:28px}.problem-strip{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.hero{padding:40px 24px 40px}.contact-inner{flex-direction:column;text-align:center}}