:root{--naana-cyan:#46bfef;--naana-blue:#0d8ab8;--naana-deep-blue:#121ec1;--naana-indigo:#3c4291;--naana-navy:#0b1220;--naana-text:#333333;--naana-bg:#f4f8fb;--naana-white:#ffffff;--naana-border:#e5eaf0;--naana-muted:#5a6578;--naana-shadow:0 1px 2px rgba(11,18,32,0.04),0 8px 24px rgba(18,30,193,0.08);--naana-gradient-hero:linear-gradient(135deg,rgba(11,18,32,0.92),rgba(13,138,184,0.75) 55%,rgba(70,191,239,0.35))}.naana-marketing{background-color:var(--naana-bg);color:var(--naana-text)}.naana-display{font-family:var(--font-display,ui-sans-serif,system-ui,sans-serif)}.naana-eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--naana-blue)}.naana-title{font-family:var(--font-display,ui-sans-serif,system-ui,sans-serif);font-weight:700;letter-spacing:-.02em;color:var(--naana-indigo)}.naana-subtitle{color:var(--naana-muted);line-height:1.65}.naana-card{border:1px solid var(--naana-border);border-radius:1.25rem;box-shadow:var(--naana-shadow)}.naana-card,.naana-section-alt{background:var(--naana-white)}.naana-badge{gap:.375rem;border-radius:9999px;border:1px solid color-mix(in oklab,var(--naana-cyan) 35%,transparent);background:color-mix(in oklab,var(--naana-cyan) 12%,transparent);padding:.375rem .875rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--naana-blue)}.naana-badge,.naana-btn-primary{display:inline-flex;align-items:center;font-weight:600}.naana-btn-primary{justify-content:center;gap:.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--naana-blue),var(--naana-deep-blue));padding:.625rem 1.25rem;font-size:.875rem;color:var(--naana-white);white-space:nowrap;transition:opacity .2s,transform .2s}.naana-btn-primary:hover{opacity:.92}.naana-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:1px solid var(--naana-border);background:var(--naana-white);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--naana-indigo);white-space:nowrap;transition:background .2s,border-color .2s}.naana-btn-secondary:hover{background:var(--naana-bg);border-color:color-mix(in oklab,var(--naana-blue) 30%,var(--naana-border))}.naana-btn-ghost-light{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.35);background:transparent;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--naana-white);white-space:nowrap;transition:background .2s}.naana-btn-ghost-light:hover{background:rgba(255,255,255,.1)}.naana-link{color:var(--naana-blue);font-weight:600;text-decoration:none}.naana-link:hover{text-decoration:underline}.naana-header-transparent{background:transparent}.naana-header-solid{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--naana-border);box-shadow:0 4px 20px rgba(11,18,32,.06)}.naana-nav-link{white-space:nowrap;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--naana-indigo);transition:color .2s,background .2s}.naana-nav-link:hover{background:color-mix(in oklab,var(--naana-cyan) 10%,transparent);color:var(--naana-blue)}.naana-nav-link-light{color:rgba(255,255,255,.88)}.naana-nav-link-light:hover{background:rgba(255,255,255,.1);color:var(--naana-white)}.naana-hero-overlay{background:var(--naana-gradient-hero)}.naana-cta-band{background:linear-gradient(135deg,var(--naana-navy) 0,var(--naana-deep-blue) 50%,var(--naana-blue) 100%);color:var(--naana-white)}.naana-footer{background:var(--naana-navy);color:rgba(255,255,255,.75)}.naana-footer a{color:rgba(255,255,255,.75);transition:color .2s}.naana-footer a:hover{color:var(--naana-cyan)}.naana-mockup-frame{border:1px solid var(--naana-border);box-shadow:var(--naana-shadow)}.naana-mockup-chrome{background:linear-gradient(90deg,var(--naana-navy),var(--naana-blue))}.naana-wordmark{font-family:var(--font-display,ui-sans-serif,system-ui,sans-serif);font-weight:800;letter-spacing:.06em;color:var(--naana-indigo)}.naana-wordmark-accent{color:var(--naana-cyan)}@keyframes naana-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.naana-float{animation:naana-float 7s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.naana-float{animation:none}}