/* Extracted from templates/pricing.html (m6 — CSP `style-src-elem` cannot
   drop 'unsafe-inline' while a page carries a <style> block). */
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  :root{
    --teal:#0E7490; --teal-lt:#06B6D4; --teal-dk:#083344;
    --teal-dim:#ECFEFF; --teal-mid:#A5F3FC; --sky:#0EA5E9;
    --black:#0F172A; --gray-700:#334155; --gray-500:#64748B;
    --gray-300:#CBD5E1; --gray-200:#E2E8F0; --gray-100:#F1F5F9;
    --gray-50:#F8FAFC; --white:#FFFFFF; --border:#BAE6FD;
    --success:#047857; --amber:#F59E0B;
    --font-d:'Plus Jakarta Sans',system-ui,sans-serif;
    --font-b:'DM Sans',system-ui,sans-serif;
    --font-m:'JetBrains Mono',ui-monospace,monospace;
    --container:1160px;
    --shadow-md:0 10px 30px rgba(14,116,144,.12);
  }
  body{font-family:var(--font-b);color:var(--black);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}

  .hero{padding:60px 22px 24px;background:linear-gradient(160deg,#F0FAFA 0%,#FFF 60%,#E6F7FF 100%);text-align:center}
  .hero h1{font-family:var(--font-d);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:14px auto 12px;max-width:740px}
  .hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--teal),var(--teal-lt) 60%,var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .lede{color:var(--gray-500);font-size:1.05rem;max-width:640px;margin:0 auto;line-height:1.65}
  .hero .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#fff;border:1px solid rgba(14,116,144,.18);border-radius:30px;font-size:.78rem;color:var(--teal);font-weight:600;letter-spacing:.04em}
  .hero .badge .pulse{width:7px;height:7px;border-radius:50%;background:var(--teal)}

  section.plans{padding:42px 22px 70px;background:var(--white)}
  .plans-inner{max-width:var(--container);margin:0 auto}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
  @media (max-width:980px){.grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}

  .plan{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;transition:transform .2s, box-shadow .2s, border-color .2s;position:relative}
  .plan:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--teal-mid)}
  .plan.featured{border-color:var(--teal);background:linear-gradient(180deg,#fff,var(--teal-dim) 100%)}
  .plan .ribbon{position:absolute;top:18px;right:18px;background:var(--teal);color:#fff;font-family:var(--font-d);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:30px}
  .plan h2{font-family:var(--font-d);font-size:1.3rem;font-weight:800;letter-spacing:-.01em}
  .plan .tag{color:var(--gray-500);font-size:.84rem;margin-bottom:18px}
  .plan .price{display:flex;align-items:baseline;gap:6px;margin:18px 0 6px}
  .plan .price .amt{font-family:var(--font-d);font-size:2.2rem;font-weight:800;color:var(--black);letter-spacing:-.02em}
  .plan .price .unit{font-size:.92rem;color:var(--gray-500)}
  .plan .vat{font-size:.74rem;color:var(--gray-500);margin-bottom:22px}
  .plan ul{flex:1;padding:0;list-style:none}
  .plan li{display:flex;gap:9px;font-size:.92rem;padding:6px 0;color:var(--gray-700)}
  .plan li::before{content:"✓";color:var(--success);font-weight:800;flex:0 0 14px}
  .plan li.no::before{content:"—";color:var(--gray-300)}
  .plan button{margin-top:18px;width:100%;padding:13px 22px;background:#fff;color:var(--teal);border:1.5px solid var(--teal);border-radius:11px;font-family:var(--font-d);font-weight:800;font-size:.95rem;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}
  .plan button:hover{background:var(--teal);color:#fff}
  .plan.featured button{background:linear-gradient(135deg,var(--teal),var(--teal-lt));color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(14,116,144,.32)}
  .plan.featured button:hover{transform:translateY(-1px)}

  .signup-form{margin-top:36px;max-width:560px;margin-left:auto;margin-right:auto;display:none;background:var(--gray-50);border:1.5px solid var(--border);border-radius:14px;padding:28px}
  .signup-form.open{display:block}
  .signup-form h3{font-family:var(--font-d);font-size:1.05rem;margin-bottom:14px}
  .signup-form label{display:block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--gray-700);margin-bottom:5px;margin-top:10px}
  .signup-form input{width:100%;padding:11px 13px;background:#fff;border:1.5px solid var(--border);border-radius:9px;font-family:var(--font-b);font-size:.95rem}
  .signup-form input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px rgba(14,116,144,.1)}
  .signup-form input:focus-visible,.signup-form select:focus-visible,
  .signup-form button:focus-visible,.plan button:focus-visible{
    outline:2px solid var(--teal);outline-offset:2px;border-radius:8px;
  }
  .plan button,.signup-form button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(14,116,144,.18)}
  :where(section[id]){scroll-margin-top:84px}
  @media (prefers-reduced-motion:reduce){
    *{animation-duration:.001ms!important;animation-iteration-count:1!important;
      transition-duration:.001ms!important;scroll-behavior:auto!important}
  }
  .signup-form button{margin-top:16px;width:100%;padding:13px;background:linear-gradient(135deg,var(--teal),var(--teal-lt));color:#fff;border:none;border-radius:11px;font-family:var(--font-d);font-weight:800;font-size:.95rem;cursor:pointer}

  .alt{background:var(--gray-50);padding:50px 22px;text-align:center}
  .alt-inner{max-width:780px;margin:0 auto}
  .alt h2{font-family:var(--font-d);font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin-bottom:10px}
  .alt p{color:var(--gray-500);margin-bottom:18px;font-size:1rem}
  .alt .btn{display:inline-block;padding:12px 22px;background:#fff;border:1.5px solid var(--teal);color:var(--teal);border-radius:11px;font-family:var(--font-d);font-weight:800;font-size:.92rem}
  .alt .btn:hover{background:var(--teal);color:#fff}

  .trust-strip{padding:24px 22px;background:#fff;border-top:1px solid var(--gray-200);text-align:center;font-size:.85rem;color:var(--gray-500)}
  .trust-strip strong{color:var(--gray-700)}