:root {--brand-blue:#1849c9;--brand-blue-deep:#143a9d;--brand-ink: #0a1736;--brand-mute:#475569;}body {font-family:'DM Sans', sans-serif;background:#ffffff;color:var(--brand-ink);-webkit-font-smoothing:antialiased;}h1, h2, h3, h4, h5 {font-family:'Outfit', sans-serif;letter-spacing:-0.02em;font-weight:700;}.serif { font-family:'Outfit', sans-serif; font-weight:600; letter-spacing:-0.02em; }.eyebrow {font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--brand-blue);display:inline-flex;align-items:center;gap:0.5rem;}.eyebrow::before {content:'';display:inline-block;width:18px;height:2px;background:var(--brand-blue);flex-shrink:0;}.rule { border-top:1px solid #e5e7eb; }.nav-link {position:relative;padding:0.5rem 0;font-size:14px;font-weight:500;color:#334155;transition:color 0.2s ease;}.nav-link:hover, .nav-link.active { color:var(--brand-ink); }.nav-link.active::after {content:'';position:absolute;left:0; right:0; bottom:-2px;height:2px; background:var(--brand-blue);}.btn-solid {display:inline-flex; align-items:center; gap:0.5rem;background:var(--brand-blue); color:#fff;padding:0.85rem 1.5rem; font-weight:600; font-size:14px;border-radius:2px;transition:background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;}.btn-solid:hover {background:var(--brand-blue-deep);transform:translateY(-1px);box-shadow:0 8px 24px -6px rgba(24,73,201,0.35);}.btn-ghost {display:inline-flex; align-items:center; gap:0.5rem;border:1px solid #d1d5db; color:var(--brand-ink);padding:0.85rem 1.5rem; font-weight:600; font-size:14px;border-radius:2px;transition:all 0.2s ease;}.btn-ghost:hover { border-color:var(--brand-ink); transform:translateY(-1px); }.reveal{ opacity:0; transform:translateY(16px);transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1), transform 0.65s cubic-bezier(0.16,1,0.3,1); }.reveal-left { opacity:0; transform:translateX(-20px); transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1), transform 0.65s cubic-bezier(0.16,1,0.3,1); }.reveal-right{ opacity:0; transform:translateX(20px);transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1), transform 0.65s cubic-bezier(0.16,1,0.3,1); }.reveal.active, .reveal-left.active, .reveal-right.active { opacity:1; transform:translate(0,0); }.reveal-d1 { transition-delay:0.08s; }.reveal-d2 { transition-delay:0.16s; }.reveal-d3 { transition-delay:0.24s; }.reveal-d4 { transition-delay:0.32s; }@media (prefers-reduced-motion:reduce) {.reveal,.reveal-left,.reveal-right { opacity:1; transform:none; transition:none; }}@keyframes marquee-scroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }.marquee-outer {overflow:hidden;-webkit-mask-image:linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);mask-image:linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);}.marquee-track { display:flex; width:max-content; animation:marquee-scroll 40s linear infinite; }.marquee-track:hover { animation-play-state:paused; }.img-zoom { overflow:hidden; }.img-zoom img { transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94); }.img-zoom:hover img, .group:hover .img-zoom img { transform:scale(1.05); }.card-lift { transition:box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease; }.card-lift:hover { transform:translateY(-3px); box-shadow:0 24px 56px -16px rgba(24,73,201,0.13); }.icon-box {flex-shrink:0;transition:background 0.25s ease, color 0.25s ease, transform 0.25s ease;}.group:hover .icon-box { background:var(--brand-blue); color:#fff; transform:scale(1.05); }.dot-bg {background-image:radial-gradient(circle, #1849c9 1px, transparent 1px);background-size:28px 28px;}.blue-glow {background:radial-gradient(ellipse at 60% 40%, rgba(24,73,201,0.12) 0%, transparent 65%);}.count-up { font-variant-numeric:tabular-nums; display:inline-block; }@keyframes float-y { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }.float-anim { animation:float-y 4s ease-in-out infinite; }.float-anim-slow { animation:float-y 6s ease-in-out infinite; animation-delay:1s; }@keyframes pulse-status {0%,100% { box-shadow:0 0 0 0 rgba(16,185,129,0.5); }50%{ box-shadow:0 0 0 6px rgba(16,185,129,0); }}.pulse-dot { animation:pulse-status 2.2s ease-in-out infinite; }.step-line { position:relative; }.step-line::before {content:'';position:absolute;left:1.35rem; top:3.5rem; bottom:0;width:1px;background:linear-gradient(to bottom, rgba(24,73,201,0.3), transparent);}.step-line:last-child::before { display:none; }.rule-grad { height:1px; background:linear-gradient(to right, transparent, #e5e7eb 20%, #e5e7eb 80%, transparent); }.bar-accent { position:relative; }.bar-accent::after {content:'';position:absolute;bottom:-1px; left:0;width:0; height:2px;background:var(--brand-blue);transition:width 0.35s ease;}.group:hover .bar-accent::after, .bar-accent:hover::after { width:100%; }.mega-wrap {position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(8px);opacity:0; pointer-events:none;transition:all 0.18s ease;padding-top:16px; z-index:60;}.has-mega:hover .mega-wrap { opacity:1; pointer-events:auto; transform:translateX(-50%) translateY(0); }.mega-panel {background:#fff; border:1px solid #e5e7eb;min-width:640px; padding:1.75rem;box-shadow:0 16px 50px -18px rgba(10, 23, 54, 0.22);}.mega-item {display:flex; gap:0.85rem; padding:0.85rem;border-radius:2px; transition:background 0.15s ease;}.mega-item:hover { background:#f1f5f9; }.mega-item .ico {flex:0 0 36px; height:36px;display:inline-flex; align-items:center; justify-content:center;background:#eef2ff; color:var(--brand-blue);transition:background 0.2s ease, color 0.2s ease;}.mega-item:hover .ico { background:var(--brand-blue); color:#fff; }.mega-item h4 { font-size:14px; font-weight:600; color:var(--brand-ink); margin-bottom:2px; }.mega-item p{ font-size:12.5px; color:#64748b; line-height:1.45; }.logo-dark { filter:brightness(0) invert(1); }.topbar { background:#f8fafc; border-bottom:1px solid #e5e7eb; color:#475569; font-size:12.5px; }.topbar a { color:#475569; transition:color 0.2s ease; }.topbar a:hover { color:var(--brand-ink); }.topbar .divider { color:#cbd5e1; }.post-thumb { overflow:hidden; background:#f1f5f9; }.post-thumb img { width:100%; height:100%; object-fit:cover; transition:transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94); }.group:hover .post-thumb img { transform:scale(1.06); }.product-img { overflow:hidden; position:relative; }.product-img::after {content:'';position:absolute; inset:0;background:linear-gradient(to bottom, transparent 40%, rgba(10,23,54,0.6) 100%);}.product-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.8s ease; }.group:hover .product-img img { transform:scale(1.04); }.photo-frame {position:relative;overflow:hidden;}.photo-frame::before {content:'';position:absolute;top:1rem; left:1rem; right:-1rem; bottom:-1rem;border:2px solid rgba(24,73,201,0.2);z-index:-1;pointer-events:none;}