*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--surface: #F8FAFC;--card: #FFFFFF;--border: #E2E8F0;--accent: #3B82F6;--accent2: #06B6D4;--accent3: #818CF8;--text: #0F172A;--muted: #64748B;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 24px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.08);--radius: 14px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.brand{font-family:Syne,sans-serif;font-weight:800;line-height:1.15}a{text-decoration:none;color:inherit}nav{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;max-width:1280px;margin:0 auto;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}@media(min-width:769px){nav{padding:.85rem 3rem}}.logo{display:flex;align-items:center;gap:10px;color:var(--text);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;white-space:nowrap}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),var(--accent3));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--text)!important;color:#fff!important;padding:8px 20px;border-radius:9px;font-weight:500!important;font-size:13px!important;transition:opacity .2s!important}.nav-cta:hover{opacity:.85!important;background:var(--text)!important}.menu-toggle{display:none;background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:4px 8px}.hero{min-height:min(85vh,720px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem 4rem;max-width:1280px;margin:0 auto;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(59,130,246,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 30%,rgba(129,140,248,.04) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 20% 60%,rgba(6,182,212,.03) 0%,transparent 50%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black,transparent 70%);mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black,transparent 70%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:1.5rem;position:relative;z-index:1;animation:fadeUp .6s ease both}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1.08;letter-spacing:-1.5px;max-width:680px;color:var(--text);position:relative;z-index:1;animation:fadeUp .7s .1s ease both}.grad{background:linear-gradient(135deg,#3b82f6,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.05rem;color:var(--muted);max-width:480px;margin:1.1rem auto 2rem;font-weight:400;line-height:1.65;position:relative;z-index:1;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1;animation:fadeUp .7s .3s ease both}.btn{display:inline-block;padding:12px 26px;border-radius:10px;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}.btn-p{background:var(--text);color:#fff;border:none;box-shadow:0 2px 8px #0f172a26}.btn-p:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0f172a33}.btn-o{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-o:hover{border-color:#cbd5e1;background:var(--surface);transform:translateY(-1px)}.stats-row{display:flex;gap:0;margin:3rem auto 0;max-width:560px;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;z-index:1;box-shadow:var(--shadow);animation:fadeUp .7s .4s ease both}.stat{flex:1;background:var(--bg);padding:1.1rem .5rem;text-align:center;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat-num{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text);display:block;line-height:1.2}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.divider{width:100%;max-width:1200px;margin:0 auto;height:1px;background:var(--border)}section{padding:5rem 2rem;max-width:1200px;margin:0 auto}@media(min-width:769px){section{padding:5.5rem 3rem}}.sec-label{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.6rem}.sec-title{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-1px;line-height:1.12;margin-bottom:.8rem;color:var(--text)}.sec-sub{color:var(--muted);font-size:.95rem;font-weight:400;max-width:440px;line-height:1.65}.sec-head{margin-bottom:2.5rem}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.app-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent3));opacity:0;transition:opacity .2s}.app-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.app-card:hover:before{opacity:1}.app-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:.9rem}.app-card h3{font-size:.95rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.2px;color:var(--text)}.app-card p{font-size:13.5px;color:var(--muted);line-height:1.6;font-weight:400}.app-tag{display:inline-block;margin-top:.75rem;font-size:11px;font-weight:600;color:var(--accent);background:#3b82f614;border-radius:20px;padding:3px 10px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.feature{padding:1.25rem 0;border-top:1px solid var(--border)}.fi{font-size:1.25rem;margin-bottom:.6rem}.feature h4{font-size:.9rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.2px;color:var(--text)}.feature p{font-size:13px;color:var(--muted);font-weight:400;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem}.step-num{font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f626,#818cf81a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.step h3{font-size:.95rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.2px;color:var(--text)}.step p{font-size:13.5px;color:var(--muted);font-weight:400;line-height:1.6}.t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s}.tcard:hover{box-shadow:var(--shadow)}.tcard p{font-size:14px;font-weight:400;line-height:1.7;color:var(--text);margin-bottom:1.1rem}.t-auth{display:flex;align-items:center;gap:10px}.av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:12px;font-weight:700;flex-shrink:0}.an{font-size:14px;font-weight:600;color:var(--text)}.ar{font-size:12px;color:var(--muted);font-weight:400}.cta-wrap{max-width:1200px;margin:0 auto;padding:0 2rem 5rem}@media(min-width:769px){.cta-wrap{padding:0 3rem 5.5rem}}.cta-box{background:linear-gradient(135deg,#f0f5ff,#ede9fe,#ecfeff);border:1px solid #DDD6FE;border-radius:20px;padding:3.5rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-box h2{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:800;letter-spacing:-1px;margin-bottom:.6rem;color:var(--text);line-height:1.15}.cta-box p{color:var(--muted);font-size:.95rem;font-weight:400;margin-bottom:1.5rem;line-height:1.6}footer{border-top:1px solid var(--border);padding:3rem 2rem 2rem;background:var(--surface)}@media(min-width:769px){footer{padding:3rem 3rem 2rem}}.ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto 2rem}.fb p{font-size:13px;color:var(--muted);font-weight:400;max-width:220px;line-height:1.6;margin-top:.6rem}.fc h5{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8rem}.fc a{display:block;font-size:13px;color:var(--muted);margin-bottom:.45rem;transition:color .2s;font-weight:400}.fc a:hover{color:var(--text)}.fb-bot{max-width:1200px;margin:0 auto;border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.fb-bot p{font-size:12px;color:var(--muted)}.flegal{display:flex;gap:1.25rem}.flegal a{font-size:12px;color:var(--muted);transition:color .2s}.flegal a:hover{color:var(--text)}.pg-hero{background:var(--surface);padding:4rem 2rem 3rem;border-bottom:1px solid var(--border);text-align:center}.pg-hero h1{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-1px;margin-bottom:.4rem;color:var(--text)}.pg-hero p{color:var(--muted);font-size:13px;font-weight:400}.pg-body{max-width:680px;margin:0 auto;padding:3rem 2rem}.pg-body h2{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .5rem;letter-spacing:-.2px;color:var(--text)}.pg-body p{font-size:14px;color:var(--muted);font-weight:400;line-height:1.75;margin-bottom:.6rem}.pg-body ul{padding-left:1.2rem;margin-bottom:.6rem}.pg-body li{font-size:14px;color:var(--muted);font-weight:400;line-height:1.75;margin-bottom:.25rem}.eff{display:inline-block;background:#3b82f614;border:1px solid rgba(59,130,246,.15);color:var(--accent);font-size:12px;font-weight:500;padding:4px 14px;border-radius:20px;margin-bottom:1.5rem}@media(max-width:768px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fffffff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:1rem 2rem;gap:.25rem}.nav-links.open{display:flex}.nav-links li{padding:.5rem 0}.hero{min-height:auto;padding:3.5rem 1.5rem 3rem}.hero h1{font-size:clamp(1.8rem,8vw,2.5rem);letter-spacing:-1px}.stats-row{flex-wrap:wrap}.stat{min-width:50%}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--border)}section{padding:3.5rem 1.5rem}.cta-wrap{padding:0 1.5rem 3.5rem}.cta-box{padding:2.5rem 1.5rem}}