/* Electric cylinders retain their original sky-blue family identity. */
@font-face { font-family: 'Plus Jakarta Sans'; src: url('/fonts/plus-jakarta-sans-latin.woff2') format('woff2'); font-style: normal; font-weight: 200 800; font-display: swap; }
.cylinder-page { font-family: 'Plus Jakarta Sans', sans-serif; color:#080e20; }
.cylinder-main { --cylinder-accent:#0369a1; padding-top:0; }
.cylinder-main .max-w-7xl { max-width:1308px; }
.cylinder-main > section { padding-top:64px; padding-bottom:64px; }
.cylinder-main .cylinder-hero { background:#fff; color:#080e20; padding:0; }
.cylinder-hero > .absolute, #application-fit > .absolute { display:none; }
.cylinder-hero > .relative { padding-top:54px; padding-bottom:54px; }
.cylinder-hero h1 { font-size:clamp(36px,4vw,56px); font-weight:800; line-height:1.12; letter-spacing:-.045em; }
.cylinder-hero p { line-height:1.75; }
.cylinder-main .text-slate-300, .cylinder-main .text-slate-400 { color:#4b566d; }
.cylinder-main .text-white { color:#080e20; }
.cylinder-main [class*="text-sky-"] { color:var(--cylinder-accent); }
.cylinder-main [class*="text-emerald-"] { color:#047857; }
.cylinder-main [class*="text-amber-"] { color:#92400e; }
.cylinder-main .bg-slate-950:not(.cylinder-hero) { background:#f8fafc; }
.cylinder-main a.bg-cta, .cylinder-main button.bg-cta { background:#0369a1; color:#fff; }
.cylinder-main [class*="border-sky-"] { border-color:#bae6fd; }
.cylinder-main [class*="bg-sky-"] { background-color:#f0f9ff; }
.cylinder-main a.bg-sky-500, .cylinder-main button.bg-sky-500,
.cylinder-main a.bg-sky-600, .cylinder-main button.bg-sky-600 { background:#0369a1; color:white; }
.cylinder-main a.bg-sky-500:hover, .cylinder-main button.bg-sky-500:hover { background:#075985; }
.cylinder-main [class*="rounded-3xl"], .cylinder-main [class*="rounded-2xl"],
.cylinder-main [class*="rounded-["] { border-radius:10px; }
.cylinder-main [class*="shadow-"] { box-shadow:none; }
.cylinder-main a[class*="rounded"], .cylinder-main button[class*="rounded"] { border-radius:5px; }
.cylinder-hero [class*="border-white/"] { border-color:#cbd5e1; }
.cylinder-hero [class*="bg-white/"] { background:#fff; }
.cylinder-hero [class*="bg-slate-100"] { background:#f8fafc; border:1px solid #e5e9f0; }
.cylinder-hero [class*="bg-[radial-gradient"] { background:none; }
.cylinder-hero [class*="bg-slate-950"] { background:#fff; color:#080e20; border:1px solid #e5e9f0; }
.cylinder-main .cylinder-proof { margin-top:0; padding-top:0; padding-bottom:48px; }
.cylinder-proof > div > div { border:1px solid #e5e9f0; }
.cylinder-main #application-fit { background:#f8fafc; color:#080e20; }
#application-fit [class*="bg-slate-950"], #application-fit [class*="bg-white/"] { background:#fff; }
#application-fit [class*="border-white/"] { border-color:#e5e9f0; }
#application-fit [class*="bg-[radial-gradient"] { background:none; }
.cylinder-main thead { background:#f0f9ff; color:#0f172a; }
.cylinder-main [class*="bg-slate-900"] { background:#f0f9ff; color:#0f172a; }
.cylinder-main h2 { letter-spacing:-.035em; }
.cylinder-main :is(a,button):focus-visible { outline-color:#0369a1; }
@media(max-width:767px) {
  .cylinder-main > section { padding-top:40px; padding-bottom:40px; }
  .cylinder-hero > .relative { padding-top:32px; padding-bottom:32px; }
  .cylinder-hero h1 { font-size:36px; }
  .cylinder-hero .grid.gap-12 { gap:32px; }
}