*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--border: #E8E8EC;--text-primary: #0F1117;--text-secondary: #6B7280;--text-light: #9CA3AF;--accent: #2563EB;--accent-light: #EFF6FF;--accent-hover: #1D4ED8;--font: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif}html,body{background:#fff!important;color:#0f1117;font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body>*{background:#fff}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:34px;height:34px}.logo-text{font-family:var(--font);font-weight:700;font-size:16px;color:#0f1117;letter-spacing:-.01em}.logo-text span{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:8px}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:8px 14px;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover{color:#0f1117;background:#f3f4f6}.nav-cta{font-size:14px;font-weight:600;color:#fff;background:var(--accent);text-decoration:none;padding:8px 18px;border-radius:8px;margin-left:8px;transition:background .15s}.nav-cta:hover{background:var(--accent-hover)}.hero-wrapper{background:#fff!important}.hero{background:#fff!important;padding:140px 40px 100px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:600;padding:5px 12px;border-radius:100px;margin-bottom:24px}.hero-badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.hero-headline{font-family:var(--font);font-size:clamp(36px,4.5vw,54px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#0f1117!important;margin-bottom:20px}.hero-headline .highlight{color:var(--accent)}.hero-sub{font-size:17px;color:#4b5563!important;line-height:1.7;margin-bottom:36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-size:14px;font-weight:600;padding:12px 22px;border-radius:10px;text-decoration:none;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;background:#fff;color:#4b5563;border:1px solid var(--border);font-size:14px;font-weight:600;padding:12px 22px;border-radius:10px;text-decoration:none;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:#9ca3af;color:#0f1117}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-phone{width:200px;height:390px;background:#1c1c1e;border-radius:32px;border:6px solid #2C2C2E;overflow:hidden;box-shadow:0 32px 64px #00000024,0 0 0 1px #0000000f}.hero-phone-screen{width:100%;height:100%;background:linear-gradient(145deg,#111827,#0f1117);display:flex;flex-direction:column;padding:18px 14px}.phone-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.phone-time{font-family:var(--font);font-size:12px;font-weight:700;color:#fff}.phone-app-icon{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:13px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #2563eb66}.phone-app-name{font-family:var(--font);font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.phone-app-tag{font-size:10px;color:#ffffff59;margin-bottom:16px}.phone-metric{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 11px;margin-bottom:7px}.phone-metric-label{font-size:9px;color:#ffffff4d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}.phone-metric-value{font-family:var(--font);font-size:17px;font-weight:700;color:#fff}.phone-metric-sub{font-size:10px;color:#60a5fa;margin-top:1px}.phone-bar-row{display:flex;gap:4px;margin-top:14px;height:30px}.phone-bar{flex:1;background:#2563eb33;border-radius:3px;position:relative;overflow:hidden}.phone-bar-fill{position:absolute;bottom:0;left:0;right:0;background:#2563eb;border-radius:3px}.stats-strip{background:#eff6ff!important;border-top:1px solid #DBEAFE;border-bottom:1px solid #DBEAFE;padding:32px 40px}.stats-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;gap:40px}.stat-item{text-align:center}.stat-num{font-family:var(--font);font-size:28px;font-weight:800;color:#0f1117!important;letter-spacing:-.03em}.stat-num span{color:var(--accent)}.stat-label{font-size:13px;color:#6b7280;margin-top:2px}.stat-divider{width:1px;height:40px;background:#bfdbfe}.section{background:#fff!important;padding:96px 40px;max-width:1100px;margin:0 auto}.section-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.section-title{font-family:var(--font);font-size:clamp(28px,3.5vw,40px);font-weight:800;letter-spacing:-.03em;color:#0f1117!important;line-height:1.15;margin-bottom:16px}.section-body{font-size:16px;color:#4b5563!important;line-height:1.75;max-width:560px}.about-wrapper{background:#fff!important}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-features{display:flex;flex-direction:column;gap:24px;margin-top:8px}.feature-item{display:flex;gap:16px;align-items:flex-start}.feature-icon{width:40px;height:40px;background:var(--accent-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:18px;height:18px;stroke:var(--accent)}.feature-text-title{font-family:var(--font);font-size:15px;font-weight:700;color:#0f1117!important;margin-bottom:4px}.feature-text-body{font-size:14px;color:#4b5563!important;line-height:1.6}.apps-section{background:#f8faff!important;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:96px 40px}.apps-inner{max-width:1100px;margin:0 auto}.apps-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:40px}.apps-header-left .section-tag{color:var(--accent)}.apps-header-left .section-title{color:#0f1117!important;margin-bottom:0}.apps-header-right{font-size:14px;color:#6b7280;max-width:280px;line-height:1.6;flex-shrink:0}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card{background:#fff!important;border:1px solid var(--border);border-radius:16px;padding:28px 24px;transition:border-color .2s,transform .2s,box-shadow .2s}.app-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb14}.app-card.wide{grid-column:span 2}.app-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.app-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-status-badge{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--accent-light);color:var(--accent);border:1px solid #BFDBFE}.app-name{font-family:var(--font);font-size:18px;font-weight:700;color:#0f1117!important;margin-bottom:4px;letter-spacing:-.01em}.app-category{font-size:12px;color:#9ca3af;margin-bottom:12px}.app-desc{font-size:13px;color:#4b5563!important;line-height:1.65}.contact-section{background:#fff!important;padding:96px 40px;max-width:1100px;margin:0 auto}.contact-box{background:#fff!important;border:1px solid var(--border);border-radius:20px;padding:56px 64px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;box-shadow:0 4px 24px #0000000f}.contact-info-grid{display:flex;flex-direction:column}.contact-field{padding:18px 0;border-bottom:1px solid var(--border)}.contact-field:first-child{padding-top:0}.contact-field:last-child{border-bottom:none;padding-bottom:0}.contact-field-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;margin-bottom:5px}.contact-field-value{font-family:var(--font);font-size:16px;font-weight:600;color:#0f1117!important}.contact-field-value a{color:var(--accent);text-decoration:none;font-weight:500}.contact-field-value a:hover{text-decoration:underline}footer{background:#f9fafb!important;border-top:1px solid var(--border);padding:32px 40px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:13px;color:#9ca3af}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:#9ca3af;text-decoration:none;transition:color .15s}.footer-links a:hover{color:#6b7280}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:fadeUp .6s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.22s;opacity:0}.delay-3{animation-delay:.34s;opacity:0}.delay-4{animation-delay:.46s;opacity:0}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:56px;padding:120px 24px 80px}.hero-visual{display:none}.about-grid{grid-template-columns:1fr;gap:48px}.apps-grid{grid-template-columns:1fr 1fr}.app-card.wide{grid-column:span 1}.apps-header{flex-direction:column;gap:16px}.contact-box{grid-template-columns:1fr;gap:40px;padding:36px 28px}.section,.apps-section,.contact-section{padding:72px 24px}nav{padding:0 24px}.stats-inner{flex-wrap:wrap;gap:28px}.stat-divider{display:none}}@media(max-width:600px){.apps-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:16px;text-align:center}.nav-link{display:none}}