*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#0b3160;-webkit-font-smoothing:antialiased;background:#f4f6fa;font-family:Plus Jakarta Sans,sans-serif}a{color:#d40d2e;text-decoration:none}a:hover{color:#a80a24}::selection{color:#fff;background:#0b3160}input::placeholder{color:#90a0bb}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.site-wrapper{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);background:#f4f6fad1;border-bottom:1px solid #e2e8f2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:18px 32px;display:flex}.header-logo{width:auto;height:34px;display:block}.header-nav{align-items:center;gap:28px;display:flex}.nav-link{color:#0b3160;font-size:15px;font-weight:600}.nav-link:hover{color:#0b3160}.nav-cta{color:#fff;background:#d40d2e;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600}.nav-cta:hover{color:#fff;background:#a80a24}.hero-section{width:100%;max-width:1200px;margin:0 auto;padding:84px 32px 40px}.hero-inner{justify-content:space-between;align-items:center;gap:48px;display:flex}.hero-content{flex:1;min-width:0;max-width:640px;animation:.6s both fadeUp}.hero-image-wrapper{flex-shrink:0;width:380px;max-width:40%}.hero-image{border-radius:15px;width:100%;height:auto;display:block}@media (width<=768px){.hero-inner{flex-direction:column;gap:32px}.hero-image-wrapper{width:100%;max-width:100%}}.hero-chip{letter-spacing:.02em;color:#0b3160;background:#fff;border:1px solid #e2e8f2;border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 15px;font-size:13px;font-weight:600;display:inline-flex}.hero-chip-dot{background:#d40d2e;border-radius:50%;width:8px;height:8px;display:inline-block}.hero-title{letter-spacing:-.02em;color:#0b3160;margin:0 0 22px;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.03}.hero-subtitle{color:#46587a;max-width:560px;margin:0;font-size:19px;line-height:1.55}.section-work{width:100%;max-width:1200px;margin:0 auto;padding:20px 32px 8px}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{pointer-events:none;position:absolute;left:15px}.search-input{color:#0b3160;background:#fff;border:1px solid #e2e8f2;border-radius:999px;outline:none;width:260px;padding:12px 18px 12px 42px;font-family:inherit;font-size:15px}.search-input:focus{border-color:#0b3160}.cat-pill{cursor:pointer;border:1px solid;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.cat-pill-active{color:#fff;background:#0b3160;border-color:#0b3160}.cat-pill-inactive{color:#46587a;background:#fff;border-color:#e2e8f2}.apps-section{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:30px 32px 40px}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:26px;display:grid}.app-card{cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:22px;flex-direction:column;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 8px 26px -18px #0b316047}.app-card:hover{border-color:#cdd8ea;transform:translateY(-6px);box-shadow:0 22px 50px -22px #0b316059}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-icon{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;display:flex}.card-status{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-block}.card-status-live{color:#1b8a4b;background:#e6f4ec}.card-status-offline{color:#7c8aa5;background:#f0f3f9}.card-body{margin-top:22px}.card-title{letter-spacing:-.01em;color:#0b3160;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.card-tagline{color:#46587a;margin:0;font-size:15.5px;line-height:1.5}.card-footer{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.card-category{color:#7c8aa5;letter-spacing:.03em;text-transform:uppercase;font-size:13px;font-weight:600}.card-link{color:#d40d2e;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.card-link svg{display:block}.no-results{text-align:center;color:#7c8aa5;padding:80px 20px}.no-results-title{color:#0b3160;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.no-results-text{margin:0;font-size:16px}.build-section{color:#fff;background:#0b3160}.build-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:84px 32px;display:flex}.build-text{max-width:640px}.build-title{letter-spacing:-.02em;margin:0 0 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.08}.build-description{color:#b7c6de;margin:0;font-size:18px;line-height:1.55}.build-actions{flex-direction:column;gap:14px;min-width:220px;display:flex}.btn-primary{color:#fff;text-align:center;background:#d40d2e;border-radius:999px;padding:16px 30px;font-size:16px;font-weight:700}.btn-primary:hover{color:#fff;background:#a80a24}.btn-secondary{color:#fff;text-align:center;border:1px solid #ffffff47;border-radius:999px;padding:15px 30px;font-size:16px;font-weight:600}.btn-secondary:hover{color:#fff;border-color:#fff}.site-footer{color:#8fa3c2;background:#08284d}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:44px 32px;display:flex}.footer-brand{align-items:center;gap:14px;display:flex}.footer-brand-name{color:#fff;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.footer-copyright{font-size:14px}.footer-nav{gap:26px;font-size:14px;font-weight:600;display:flex}.footer-link{color:#b7c6de}.footer-link:hover{color:#fff}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#081a328c;justify-content:center;align-items:center;padding:24px;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:24px;width:100%;max-width:560px;max-height:88vh;animation:.28s cubic-bezier(.2,.8,.2,1) both modalIn;overflow-y:auto;box-shadow:0 40px 90px -30px #081a3299}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:34px 34px 0;display:flex}.modal-info-row{align-items:center;gap:18px;display:flex}.modal-icon{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;display:flex}.modal-info-text{flex-direction:column;display:flex}.modal-title{color:#0b3160;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.modal-category{color:#7c8aa5;letter-spacing:.03em;text-transform:uppercase;font-size:13px;font-weight:600}.modal-close-btn{cursor:pointer;background:#f0f3f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-close-btn:hover{background:#e2e8f2}.modal-body{padding:26px 34px 34px}.modal-description{color:#33455f;margin:20px 0 0;font-size:17px;line-height:1.6}.modal-features{flex-direction:column;gap:12px;margin-top:26px;display:flex}.modal-feature{align-items:flex-start;gap:12px;display:flex}.modal-feature-check{background:#eaf0f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.modal-feature-text{color:#33455f;font-size:15.5px;line-height:1.45}.modal-cta{text-align:center;border-radius:14px;margin-top:28px;padding:16px;font-size:16px;font-weight:700;display:block}.modal-cta-live{color:#fff;background:#d40d2e}.modal-cta-offline{color:#7c8aa5;pointer-events:none;background:#f0f3f9}