/* Page styles extracted from inline <style> blocks. Loaded AFTER app.css and outside its
   cascade layers, so these rules win over the design system on purpose.
   Scoped by the per-page <body> class (.p-omni, .p-dash, …), so pages sharing
   this file do not collide. Linked from each member page's <head>. */

/* ===== index.html ===== */

      /* Landing-only styles, scoped to .p-landing. Значения — токены --fd-* (S12.0b);
         тем больше нет, светлая одна. */
      .p-landing{line-height:1.55}
      .p-landing .container{max-width:1040px;margin:0 auto;padding:0 20px}
      .p-landing a{text-decoration:none}

      .p-landing .lp-top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--fd-page-bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--fd-slate-200)}
      .p-landing .lp-top .container{display:flex;align-items:center;gap:14px;height:60px}
      .p-landing .lp-brand{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--fd-slate-700);font-size:15px}
      .p-landing .lp-top .lp-brand img{height:24px;width:auto}
      .p-landing .lp-footer .lp-brand img{height:18px;width:auto}
      .p-landing .lp-top .spacer{flex:1}
      .p-landing .lp-top .lp-actions{display:flex;align-items:center;gap:10px}

      .p-landing .lp-hero{padding:72px 0 48px;text-align:center}
      .p-landing .lp-hero h1{font-size:44px;line-height:1.12;margin:0 auto;max-width:760px;font-weight:700;letter-spacing:-.5px}
      .p-landing .lp-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}

      .p-landing .lp-footer{border-top:1px solid var(--fd-slate-200);padding:26px 0;color:var(--fd-slate-500);font-size:13px}
      .p-landing .lp-footer .container{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
      .p-landing .lp-footer .spacer{flex:1}

      @media(max-width:680px){.p-landing .lp-hero{padding:48px 0 30px}.p-landing .lp-hero h1{font-size:32px}.p-landing .lp-top .lp-actions .hide-sm{display:none}}
    
