*{margin:0;padding:0;box-sizing:border-box}html,body{background:#f5f3ef;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e2d3d}body{background-color:#f5f3ef}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s ease}button:hover{transform:translateY(-2px)}.btn{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s ease}.btn-blue{background-color:#1a78ff;color:#fff;box-shadow:0 4px 12px #1a78ff4d}.btn-blue:hover{background-color:#0052cc;box-shadow:0 6px 20px #1a78ff66}.btn-ghost{background-color:transparent;color:#3d5a7a;border:2px solid #3d5a7a}.btn-ghost:hover{background-color:#3d5a7a1a}.btn-sm{padding:8px 12px;font-size:12px}.btn-lg{padding:14px 32px;font-size:16px}h1{font-size:clamp(24px,5vw,48px);font-weight:900;letter-spacing:-.02em;margin-bottom:16px}h2{font-size:24px;font-weight:800;margin-bottom:12px}p{line-height:1.6;margin-bottom:12px}:root{--color-blue: #3d5a7a;--color-blue-bright: #1a78ff;--color-accent: #f5a623;--color-success: #22c55e;--color-error: #ef4444;--color-bg-light: #f5f3ef;--color-bg-dark: #04071420;--color-text-primary: #1e2d3d;--color-text-secondary: #6b7a8a;--color-text-muted: #8a9aaa}.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;height:60px}.nav-pad{padding:0 clamp(20px,5vw,48px)}.nav-links{display:flex;gap:32px;flex:1}.nav-link{text-decoration:none;font-weight:600;font-size:14px;transition:color .2s ease}.nav-link:hover{color:#1a78ff}.hero-section{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,80px);align-items:center}.hero-mock{aspect-ratio:1 / 1.2}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){button{width:100%}h1{font-size:28px}.hero-grid{grid-template-columns:1fr}.hero-mock,.nav-links{display:none}.cta-row{flex-direction:column!important}.cta-row button{width:100%}}