:root{--primary:#4f46e5;--primary-hover:#4338ca;--accent:#f59e0b;--sans:"Inter", system-ui, -apple-system, sans-serif;--bg:#f8fafc;--text:#64748b;--text-title:#0f172a;--card-bg:#fff;--card-border:#e2e8f0;--header-bg:linear-gradient(180deg, #eff6ff 0%, #fff 100%);--footer-bg:#fff;--grid-bg:#f1f5f9}@media (prefers-color-scheme:dark){:root{--bg:#0f0e17;--text:#a5b4fc;--text-title:#fff;--card-bg:#1a192e;--card-border:#2b2945;--header-bg:linear-gradient(180deg, #1e1b4b 0%, #0f0e17 100%);--footer-bg:#0f0e17;--grid-bg:#141320}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none}.landing-container{flex-direction:column;min-height:100vh;display:flex}.header-section{text-align:center;background:var(--header-bg);flex-direction:column;align-items:center;padding:80px 24px;transition:background .3s;display:flex}@media (width>=768px){.header-section{padding:120px 80px}}.logo-container{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;display:flex;position:relative}.outer-ring{border:2px solid #38bdf82e;border-radius:38px;width:120px;height:120px;animation:3s ease-in-out infinite pulseOuter;position:absolute;box-shadow:0 0 20px #38bdf814}.inner-ring{border:1.5px solid #0f4cc240;border-radius:34px;width:106px;height:106px;animation:3s ease-in-out infinite pulseInner;position:absolute;box-shadow:0 0 15px #0f4cc214}.logo-box{z-index:10;background:#fff;border:1px solid #0f4cc214;border-radius:28px;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000014}.logo-image{object-fit:cover;width:100%;height:100%;transform:scale(1.35)}@keyframes pulseOuter{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}@keyframes pulseInner{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.04)}}.main-title{color:var(--text-title);letter-spacing:-1px;margin-bottom:8px;font-size:38px;font-weight:900}@media (width>=768px){.main-title{font-size:52px}}.subtitle-tag{color:var(--primary);letter-spacing:1.5px;margin-bottom:20px;font-size:11px;font-weight:800}@media (width>=768px){.subtitle-tag{font-size:13px}}.main-desc{max-width:600px;color:var(--text);margin-bottom:40px;font-size:14px;line-height:1.7}@media (width>=768px){.main-desc{font-size:16px}}.button-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:12px;align-items:center;gap:10px;padding:16px 28px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 8px 24px #4f46e559}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 28px #4f46e573}.btn-secondary{color:var(--primary);background-color:#0000;border:1.5px solid #4f46e566}.btn-secondary:hover{background-color:#4f46e50d;transform:translateY(-2px)}.section-why{text-align:center;flex-direction:column;align-items:center;padding:80px 24px;display:flex}@media (width>=768px){.section-why{padding:100px 80px}}.sec-title{color:var(--text-title);margin-bottom:8px;font-size:26px;font-weight:800}@media (width>=768px){.sec-title{font-size:32px}}.sec-desc{color:var(--text);max-width:600px;margin-bottom:48px;font-size:14px}.highlight-cards-grid{flex-wrap:wrap;justify-content:center;gap:28px;width:100%;max-width:1100px;display:flex}.highlight-card{background-color:var(--card-bg);border:1px solid var(--card-border);text-align:left;border-radius:20px;flex-direction:column;width:100%;max-width:340px;padding:32px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000008}.highlight-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014}.card-icon-box{width:48px;height:48px;color:var(--primary);background-color:#4f46e51a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.card-title{color:var(--text-title);margin-bottom:12px;font-size:17px;font-weight:700}.card-desc{color:var(--text);font-size:13.5px;line-height:1.55}.section-features{text-align:center;background-color:var(--grid-bg);flex-direction:column;align-items:center;padding:80px 24px;transition:background-color .3s;display:flex}@media (width>=768px){.section-features{padding:100px 80px}}.grid-cards-container{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1100px;display:flex}.grid-card{background-color:var(--card-bg);border:1px solid var(--card-border);text-align:left;border-radius:16px;gap:16px;width:100%;max-width:340px;padding:24px;transition:transform .2s;display:flex}.grid-card:hover{transform:translateY(-2px)}.grid-icon{color:var(--primary);flex-shrink:0;margin-top:3px}.grid-info{flex-direction:column;display:flex}.grid-title{color:var(--text-title);margin-bottom:6px;font-size:14.5px;font-weight:700}.grid-desc{color:var(--text);font-size:12.5px;line-height:1.5}.footer-section{background-color:var(--footer-bg);border-top:1px solid var(--card-border);text-align:center;flex-direction:column;align-items:center;padding:48px 24px;transition:background-color .3s;display:flex}.footer-logo-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.footer-logo{object-fit:cover;border-radius:6px;width:24px;height:24px}.footer-logo-text{color:var(--text-title);font-size:16px;font-weight:800}.footer-copyright{color:var(--text);opacity:.8;font-size:12px}