:root{--brand: #0D6EFD;--brand-dark: #0B1A33;--brand-accent: #53C1E8;--soft-bg: #F8FAFC;--soft-blue: #EEF5FF;--text: #1F2937;--muted: #6C757D}html,body{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{color:var(--brand)}.section-title{font-size:clamp(2rem,2vw + 1rem,3rem);font-weight:700;margin-bottom:.75rem}.section-subtitle{color:var(--muted);max-width:760px}.soft-section{background:var(--soft-bg)}.card-lift,.placeholder-card{border:0;border-radius:1rem;box-shadow:0 .5rem 1.5rem #0f172a14;height:100%}.icon-pill{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;background:#0d6efd1a;color:var(--brand);font-size:1.25rem}.screenshot-placeholder{min-height:280px;border:2px dashed #cbd5e1;border-radius:1rem;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:center;text-align:center;color:#64748b;padding:2rem}.screenshot-placeholder.tall{min-height:380px}.screenshot-placeholder{position:relative;overflow:hidden;border-radius:12px}.screenshot-placeholder img{object-fit:cover}.hero-gradient{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%)}.top-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-bottom:1px solid #e5e7eb}.display-hero{font-size:clamp(2.4rem,4vw,4rem);line-height:1.08;font-weight:700}.text-muted-custom{color:var(--muted)}.page-hero{padding:5rem 0 4rem;background:linear-gradient(135deg,var(--soft-bg) 0%,var(--soft-blue) 100%)}.brand-logo{height:34px;width:auto;display:block}.brand-logo-lg{height:42px;width:auto;display:block}.hero-logo-card{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:1.25rem}.hero-logo{max-width:100%;height:auto;filter:drop-shadow(0 .5rem 1.25rem rgba(11,26,51,.18))}.footer-logo{max-width:220px;height:auto}.btn-primary{background-color:var(--brand);border-color:var(--brand)}.btn-primary:hover,.btn-primary:focus{background-color:#0b5ed7;border-color:#0b5ed7}.btn-outline-primary{color:var(--brand);border-color:var(--brand)}.btn-outline-primary:hover{background-color:var(--brand);border-color:var(--brand)}.nav-link.active{color:var(--brand-dark)!important;font-weight:600}
