{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } body { font-family: 'Inter', sans-serif; line-height: 1.6; } .gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .gradient-text { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .card-shadow { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .btn-hover { transform: translateY(0); transition: all 0.3s ease; } .btn-hover:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4); } .pulse-animation { animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .pricing-card { transition: all 0.3s ease; } .pricing-card:hover { transform: translateY(-8px); } .icon-gradient { background: linear-gradient(135deg, #10b981 0%, #059669 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } :root{ --bg:#f3fbf7; --surface:#ffffff; --ink:#0b1220; --muted:#5b6b73; --teal:#14b8a6; --teal-700:#0f766e; --green:#22c55e; --black:#0b1220; --shadow:0 12px 30px rgba(2,15,22,.08); --radius:18px; } *{box-sizing:border-box} html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)} a{color:inherit;text-decoration:none} .container{max-width:1100px;margin:0 auto;padding:0 20px} .topbar{background:linear-gradient(90deg,var(--teal),#059669);color:#fff} .topbar .container{min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800} .topbar svg{width:18px;height:18px;fill:#fff} header{background:var(--surface);border-bottom:1px solid #e6f3ee;position:sticky;top:0;z-index:10} .nav{min-height:68px;display:flex;align-items:center;justify-content:space-between} .brand{display:flex;align-items:center;gap:12px;font-weight:900} .brand img{height:28px;width:auto} .brand em{color:var(--teal-700);font-style:normal} .nav a.cta{background:#0b1220;color:#fff;padding:10px 16px;border-radius:999px;font-weight:800} .hero{padding:48px 0 10px} .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px} .kicker{display:inline-flex;align-items:center;gap:8px;background:#e6fbf4;color:#047a6c;border-radius:999px;padding:8px 12px;font-weight:800;font-size:.9rem} .kicker svg{width:18px;height:18px;fill:#047a6c} h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:12px 0 10px;letter-spacing:-.02em} .lead{font-size:1.125rem;color:var(--muted);max-width:60ch} .hero .cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px} .btn-primary{background:linear-gradient(90deg,var(--teal),var(--green));color:#fff;padding:14px 22px;border:none;border-radius:12px;font-weight:900;box-shadow:var(--shadow);cursor:pointer} .proofs{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap} .pill{background:#fff;border:1px solid #e8f3ed;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#0f766e;font-weight:700} .pill svg{width:18px;height:18px;fill:#0f766e} .hero-media{background:#000;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #0a1a17} .hero-media picture, .hero-media img{display:block;width:100%;height:auto} section{padding:32px 0} h2{font-size:clamp(24px,3.6vw,36px);margin:0 0 6px} .sub{color:var(--muted);margin:0 0 14px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .card{background:#fff;border:1px solid #e8f3ed;border-radius:16px;padding:18px;box-shadow:var(--shadow)} .icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e6fbf4;margin-bottom:10px} .icon svg{width:20px;height:20px;fill:#047a6c} .chart-wrap{background:#fff;border:1px solid #e8f3ed;border-radius:16px;padding:16px;box-shadow:var(--shadow)} .chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} .legend{display:flex;gap:10px;align-items:center;color:#086f63;font-weight:800} .legend .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--green))} .pricing{display:grid;grid-template-columns:1fr .95fr 1fr;gap:18px} .price-card{background:#fff;border:2px solid #e6fbf4;border-radius:18px;padding:22px;box-shadow:var(--shadow)} .price-card.featured{border-color:#10b981;transform:scale(1.02)} .flag{display:inline-block;background:#f59e0b;color:#101214;padding:6px 10px;border-radius:999px;font-weight:900;margin-bottom:10px} .price{font-size:44px;font-weight:900} .price small{font-size:14px;color:var(--muted);font-weight:600} .features{margin:14px 0 4px;padding-left:18px} .features li{margin:8px 0} .band{background:linear-gradient(90deg,var(--teal),var(--green));color:#fff;border-radius:12px;padding:14px;text-align:center;font-weight:900} .calendar-embed{background:#fff;border:1px solid #e8f3ed;border-radius:16px;box-shadow:var(--shadow);padding:10px} .calendar-embed .tidycal-embed{min-height:650px} details{background:#fff;border:1px solid #e8f3ed;border-radius:12px;padding:12px 14px} summary{cursor:pointer;font-weight:800} footer{padding:34px 0;border-top:1px solid #e8f3ed} .foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} .mini{color:var(--muted);font-size:.92rem} .fade{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease} .fade.show{opacity:1;transform:none} .btn-primary:focus{outline:3px solid rgba(16,185,129,.3);outline-offset:2px} @media (max-width:960px){ .hero-grid,.grid-2,.grid-3,.pricing{grid-template-columns:1fr} .calendar-embed .tidycal-embed{min-height:620px} }