/*
Theme Name: Jiami LCD Pro
Theme URI: https://jiamilcd.com/
Author: Jiami LCD
Author URI: https://jiamilcd.com/
Description: A modern export-focused WordPress theme for commercial LCD displays, digital signage and portable smart screens.
Version: 1.7.28
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: jiami-led-pro
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --jlp-ink: #0a1020;
  --jlp-muted: #667085;
  --jlp-line: #e6e9ef;
  --jlp-blue: #105dff;
  --jlp-cyan: #20d9ff;
  --jlp-navy: #07101f;
  --jlp-bg: #f4f7fb;
  --jlp-white: #fff;
  --jlp-radius: 22px;
  --jlp-shadow: 0 20px 55px rgba(8, 20, 44, .1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--jlp-ink);
  background: var(--jlp-white);
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
.jlp-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.jlp-topbar { background: #050b16; color: #cbd5e1; font-size: 13px; }
.jlp-topbar .jlp-container { min-height: 38px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.jlp-topbar p { margin:0; }
.jlp-topbar-links { display:flex; gap:20px; }
.jlp-topbar a:hover { color: var(--jlp-cyan); }

.jlp-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(230,233,239,.85);
  backdrop-filter: blur(14px);
}
.admin-bar .jlp-header { top: 32px; }
.jlp-header-row { min-height: 82px; display:flex; align-items:center; gap:30px; }
.jlp-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.jlp-logo-lockup {
  display:flex; align-items:center; width:264px; height:68px; line-height:1;
}
.jlp-logo-symbol {
  position:relative; flex:0 0 66px; width:66px; height:66px; overflow:hidden;
}
.jlp-logo-symbol img {
  position:absolute; left:0; top:0; width:250px; max-width:none; height:auto;
}
.jlp-logo-wording {
  display:flex; flex:1; min-width:0; height:58px; margin-left:18px;
  flex-direction:column; justify-content:center;
}
.jlp-logo-cn {
  position:relative; display:block; width:100%; height:41px; overflow:hidden;
}
.jlp-logo-cn img {
  position:absolute; left:-101px; top:-9px; width:278px; max-width:none; height:auto;
}
.jlp-logo-domain {
  display:flex; align-items:center; justify-content:space-between; width:100%; margin:2px 0 0;
  color:#21499b; font-size:12px; font-weight:800; letter-spacing:0; line-height:1.2; text-transform:none;
}
.jlp-brand-mark {
  display:grid; place-items:center; width:42px; height:42px; color:#fff;
  border-radius:12px; background: linear-gradient(135deg, var(--jlp-blue), var(--jlp-cyan));
  box-shadow: 0 9px 22px rgba(16,93,255,.25); font-weight:900; letter-spacing:-2px;
}
.jlp-brand-text strong { display:block; font-size:19px; line-height:1.05; letter-spacing:-.6px; }
.jlp-brand-text span { display:block; color:var(--jlp-muted); font-size:10px; letter-spacing:1.3px; text-transform:uppercase; margin-top:4px; }
.custom-logo-link img { max-height:54px; width:auto; }
.jlp-nav { margin-left:auto; }
.jlp-nav ul { display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0; }
.jlp-nav li { position:relative; }
.jlp-nav a { display:block; font-size:14px; font-weight:700; padding:28px 0; }
.jlp-nav a:hover, .jlp-nav .current-menu-item > a { color:var(--jlp-blue); }
.jlp-nav .sub-menu {
  position:absolute; left:-22px; top:72px; display:none; min-width:285px; padding:10px;
  background:#fff; border:1px solid var(--jlp-line); border-radius:14px; box-shadow:var(--jlp-shadow);
}
.jlp-nav li:hover > .sub-menu { display:block; }
.jlp-nav .sub-menu a { padding:10px 12px; border-radius:8px; white-space:nowrap; }
.jlp-nav .sub-menu a:hover { background:var(--jlp-bg); }
.jlp-header-cta, .jlp-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; cursor:pointer;
  min-height:48px; padding:0 24px; border-radius:10px; background:var(--jlp-blue);
  color:#fff; font-weight:800; font-size:14px; transition:.2s ease;
}
.jlp-header-cta:hover, .jlp-btn:hover { background:#034bd7; transform:translateY(-2px); }
.jlp-menu-toggle { display:none; background:none; border:0; padding:8px; font-size:25px; }

.jlp-banner { position:relative; overflow:hidden; background:#f5f4f1; }
.jlp-banner-track { position:relative; width:100%; aspect-ratio:1717/916; }
.jlp-banner-slide {
  position:absolute; inset:0; display:block; opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .65s ease,visibility .65s ease;
}
.jlp-banner-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; z-index:1; }
.jlp-banner-slide img { width:100%; height:100%; object-fit:contain; background:#f5f4f1; }
.jlp-banner-mobile-copy { display:none; }
.jlp-banner-arrow {
  position:absolute; top:50%; z-index:3; display:grid; place-items:center; width:48px; height:48px;
  padding:0; color:#101828; background:rgba(255,255,255,.88); border:1px solid rgba(16,24,40,.12);
  border-radius:50%; box-shadow:0 10px 30px rgba(16,24,40,.14); cursor:pointer;
  font-size:35px; line-height:1; transform:translateY(-50%); transition:.2s ease;
}
.jlp-banner-arrow:hover { color:#fff; background:var(--jlp-blue); border-color:var(--jlp-blue); }
.jlp-banner-prev { left:22px; }
.jlp-banner-next { right:22px; }
.jlp-banner-dots {
  position:absolute; left:50%; bottom:18px; z-index:3; display:flex; align-items:center; gap:8px;
  padding:8px 11px; background:rgba(7,16,31,.52); border-radius:30px; transform:translateX(-50%);
  backdrop-filter:blur(8px);
}
.jlp-banner-dots button {
  width:9px; height:9px; padding:0; background:rgba(255,255,255,.6); border:0;
  border-radius:50%; cursor:pointer; transition:.2s ease;
}
.jlp-banner-dots button.is-active { width:28px; background:#fff; border-radius:8px; }
@media (prefers-reduced-motion:reduce) {
  .jlp-banner-slide { transition:none; }
}
@media (max-width:820px) {
  .jlp-banner-arrow { width:38px; height:38px; font-size:28px; }
  .jlp-banner-prev { left:10px; }
  .jlp-banner-next { right:10px; }
  .jlp-banner-dots { bottom:9px; padding:6px 9px; }
  .jlp-banner-dots button { width:7px; height:7px; }
  .jlp-banner-dots button.is-active { width:22px; }
}

.jlp-hero {
  position:relative; overflow:hidden; color:#fff; background:
    radial-gradient(circle at 77% 28%, rgba(32,217,255,.16), transparent 25%),
    radial-gradient(circle at 5% 75%, rgba(16,93,255,.25), transparent 28%),
    linear-gradient(120deg, #050b16 0%, #0a1830 52%, #07101f 100%);
}
.jlp-hero::before {
  content:""; position:absolute; inset:0; opacity:.13; pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size:44px 44px; mask-image:linear-gradient(to right, transparent, #000);
}
.jlp-hero-grid { position:relative; min-height:680px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:64px; padding:80px 0; }
.jlp-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:22px; color:#8beaff; font-size:13px; font-weight:800; letter-spacing:1.7px; text-transform:uppercase; }
.jlp-eyebrow::before { content:""; width:26px; height:2px; background:currentColor; }
.jlp-hero h1 { max-width:680px; margin:0 0 24px; font-size:clamp(44px,5.8vw,78px); line-height:1.02; letter-spacing:-3px; }
.jlp-hero h1 span { color:transparent; background:linear-gradient(90deg,#fff,var(--jlp-cyan)); -webkit-background-clip:text; background-clip:text; }
.jlp-hero-copy { max-width:610px; color:#b9c5d7; font-size:18px; line-height:1.75; }
.jlp-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.jlp-btn-light { background:#fff; color:var(--jlp-ink); }
.jlp-btn-light:hover { background:#eaf2ff; color:var(--jlp-ink); }
.jlp-btn-ghost { background:transparent; border:1px solid rgba(255,255,255,.35); }
.jlp-btn-ghost:hover { background:rgba(255,255,255,.1); }
.jlp-hero-stats { display:flex; gap:34px; margin-top:48px; padding-top:30px; border-top:1px solid rgba(255,255,255,.13); }
.jlp-stat strong { display:block; font-size:26px; line-height:1; }
.jlp-stat span { color:#9baabd; font-size:12px; text-transform:uppercase; letter-spacing:1px; }
.jlp-screen-stage { position:relative; min-height:520px; display:grid; place-items:center; }
.jlp-screen {
  width:min(100%, 510px); aspect-ratio:1.2; padding:10px; border-radius:16px;
  background:linear-gradient(145deg,#263b56,#05070c); box-shadow:0 40px 100px rgba(0,0,0,.55); transform:perspective(900px) rotateY(-8deg) rotateX(3deg);
}
.jlp-screen-media {
  height:100%; overflow:hidden; border-radius:9px; background:
    radial-gradient(circle at 70% 22%, #78f4ff 0 3%, transparent 4%),
    radial-gradient(circle at 30% 58%, #1889ff 0 5%, transparent 6%),
    linear-gradient(135deg,#061a39 0%,#075fcd 45%,#13c7e9 72%,#d9fbff 100%);
  position:relative;
}
.jlp-screen-media::before, .jlp-screen-media::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.28); border-radius:50%; }
.jlp-screen-media::before { width:390px; height:390px; right:-140px; top:-120px; box-shadow:0 0 50px rgba(255,255,255,.15); }
.jlp-screen-media::after { width:220px; height:220px; left:-70px; bottom:-50px; }
.jlp-pixel-grid { position:absolute; inset:0; opacity:.18; background-image:radial-gradient(#fff 1px, transparent 1px); background-size:7px 7px; }
.jlp-floating-card { position:absolute; padding:16px 18px; background:rgba(255,255,255,.92); color:var(--jlp-ink); border-radius:12px; box-shadow:var(--jlp-shadow); backdrop-filter:blur(12px); }
.jlp-floating-card strong { display:block; font-size:15px; }
.jlp-floating-card span { display:block; color:var(--jlp-muted); font-size:11px; }
.jlp-card-one { left:-10px; bottom:60px; }
.jlp-card-two { right:-15px; top:50px; }

.jlp-section { padding:105px 0; }
.jlp-section-soft { background:var(--jlp-bg); }
.jlp-heading-row { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:46px; }
.jlp-kicker { margin:0 0 10px; color:var(--jlp-blue); font-size:12px; font-weight:900; letter-spacing:1.7px; text-transform:uppercase; }
.jlp-section h2, .jlp-section .jlp-heading-row h1 { margin:0; max-width:720px; font-size:clamp(34px,4.2vw,52px); line-height:1.1; letter-spacing:-2px; }
.jlp-heading-row > p { max-width:470px; margin:0; color:var(--jlp-muted); }
.jlp-link { color:var(--jlp-blue); font-weight:800; }
.jlp-link:hover { text-decoration:underline; }

.jlp-products { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.jlp-product {
  overflow:hidden; border:1px solid var(--jlp-line); border-radius:var(--jlp-radius);
  background:#fff; transition:.25s ease;
}
.jlp-product-link { display:block; height:100%; }
.jlp-product:hover { transform:translateY(-7px); box-shadow:var(--jlp-shadow); border-color:transparent; }
.jlp-product-visual { position:relative; aspect-ratio:1.28; overflow:hidden; background:#eef2f7; }
.jlp-product-visual img { width:100%; height:100%; object-fit:contain; padding:16px; transition:.45s ease; }
.jlp-product-visual img.jlp-product-contain { object-fit:contain; padding:16px; }
.jlp-product:hover img { transform:none; }
.jlp-product-badge {
  position:absolute; z-index:2; left:15px; top:15px; padding:6px 10px; border-radius:999px;
  color:#fff; background:var(--jlp-blue); font-size:10px; font-weight:900; letter-spacing:.8px; text-transform:uppercase;
}
.jlp-product-art { width:100%; height:100%; position:relative; display:grid; place-items:center; }
.jlp-product-art::before {
  content:""; width:53%; height:65%; border:7px solid #1c2b3e; border-radius:6px;
  background:linear-gradient(145deg,#106aff,#20d9ff 56%,#e4fdff); box-shadow:20px 24px 45px rgba(10,39,80,.25);
}
.jlp-product-art::after { content:""; position:absolute; inset:0; opacity:.23; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:7px 7px; }
.jlp-art-2 { background:linear-gradient(135deg,#e9edf5,#aebed1); }
.jlp-art-2::before { width:72%; height:46%; background:linear-gradient(120deg,#ff3c6b,#834fff,#16d7ff); }
.jlp-art-3 { background:linear-gradient(135deg,#1a2130,#3e5368); }
.jlp-art-3::before { width:76%; height:62%; background:linear-gradient(150deg,#091939,#116cff,#31f0df); }
.jlp-art-4 { background:linear-gradient(135deg,#e9d7c4,#86a8bd); }
.jlp-art-4::before { width:42%; height:75%; border-radius:16px; background:linear-gradient(#ffbd42,#fb4665,#512be7); }
.jlp-product-body { padding:24px; }
.jlp-product-body h3 { margin:0 0 9px; font-size:20px; line-height:1.25; }
.jlp-product-body p { min-height:52px; margin:0 0 15px; color:var(--jlp-muted); font-size:14px; }
.jlp-tags { display:flex; flex-wrap:wrap; gap:6px; }
.jlp-tag { padding:5px 8px; border-radius:6px; color:#32506f; background:#edf3f9; font-size:10px; font-weight:800; text-transform:uppercase; }

.jlp-product-page { background:#fff; }
.jlp-product-breadcrumbs { padding:24px 0 0; color:var(--jlp-muted); font-size:13px; }
.jlp-product-breadcrumbs a { color:var(--jlp-blue); font-weight:800; }
.jlp-product-hero { padding:52px 0 86px; background:linear-gradient(180deg,#f7f9fc,#fff); }
.jlp-product-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.jlp-product-hero h1 { margin:0 0 20px; font-size:clamp(40px,5vw,66px); line-height:1.03; letter-spacing:-2.8px; }
.jlp-product-lead { margin:0; color:var(--jlp-muted); font-size:18px; }
.jlp-product-points { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:30px 0 0; }
.jlp-product-point { padding:14px 16px; border:1px solid var(--jlp-line); border-radius:12px; background:#fff; }
.jlp-product-point strong { display:block; color:var(--jlp-blue); font-size:21px; line-height:1.1; }
.jlp-product-point span { display:block; margin-top:4px; color:var(--jlp-muted); font-size:12px; }
.jlp-product-hero-media {
  position:relative; min-height:500px; display:grid; place-items:center; overflow:hidden; padding:28px;
  border:1px solid var(--jlp-line); border-radius:28px; background:#fff; box-shadow:var(--jlp-shadow);
}
.jlp-product-hero-media img { width:100%; height:440px; object-fit:contain; }
.jlp-floor-model-page .jlp-product-hero-media {
  overflow:visible; border-color:rgba(52,110,255,.2);
  background:linear-gradient(145deg,#d9e8fb 0%,#eef4fc 52%,#dce9f8 100%);
  box-shadow:0 24px 60px rgba(23,65,128,.13);
}
.jlp-floor-model-page .jlp-product-hero-media img { width:100%; height:440px; padding:8px; object-fit:contain; object-position:center; filter:drop-shadow(0 18px 22px rgba(28,58,96,.2)); }
.jlp-detail-badge {
  position:absolute; z-index:2; top:20px; left:20px; padding:8px 13px;
  border-radius:999px; color:#fff; background:var(--jlp-blue);
  font-size:11px; font-weight:900; letter-spacing:.5px; text-transform:uppercase;
}
.jlp-product-overview { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }
.jlp-product-overview-media { overflow:hidden; border-radius:24px; background:#eef2f7; }
.jlp-product-overview-media img { width:100%; aspect-ratio:1.2; object-fit:contain; padding:18px; }
.jlp-floor-model-page .jlp-product-overview-media {
  border:1px solid rgba(52,110,255,.1);
  background:linear-gradient(145deg,rgba(240,246,255,.78),rgba(255,255,255,.25));
}
.jlp-floor-model-page .jlp-product-overview-media img { mix-blend-mode:multiply; }
.jlp-product-overview-copy > p { color:var(--jlp-muted); font-size:17px; }
.jlp-feature-list { display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; margin-top:28px; }
.jlp-feature-item { display:flex; gap:10px; color:#26364d; font-size:14px; font-weight:700; }
.jlp-feature-item::before { content:"✓"; color:var(--jlp-blue); font-weight:900; }
.jlp-wall-performance-section { color:#fff; background:#07101f; }
.jlp-wall-performance-section .jlp-heading-row > p { color:#9eacc0; }
.jlp-wall-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.jlp-wall-feature-grid article {
  min-height:225px; padding:25px; border:1px solid rgba(255,255,255,.13);
  border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
}
.jlp-wall-feature-grid strong { display:block; color:#56dcff; font-size:31px; line-height:1; letter-spacing:-1px; }
.jlp-wall-feature-grid h3 { margin:16px 0 9px; color:#fff; font-size:18px; }
.jlp-wall-feature-grid p { margin:0; color:#9eacc0; font-size:13px; line-height:1.7; }
.jlp-wall-engineering-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.jlp-wall-drawing {
  overflow:hidden; margin:0; border:1px solid var(--jlp-line); border-radius:20px;
  background:#fff; box-shadow:0 14px 36px rgba(8,20,44,.05);
}
.jlp-wall-drawing img { display:block; width:100%; height:390px; padding:26px; object-fit:contain; background:#fff; }
.jlp-wall-drawing figcaption { display:flex; min-height:88px; padding:19px 22px; flex-direction:column; border-top:1px solid var(--jlp-line); }
.jlp-wall-drawing figcaption strong { color:#122039; font-size:16px; }
.jlp-wall-drawing figcaption span { margin-top:6px; color:var(--jlp-muted); font-size:12px; }
.jlp-wall-install-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:18px; }
.jlp-wall-install-facts > div { min-width:0; padding:18px; border:1px solid var(--jlp-line); border-radius:14px; background:#fff; }
.jlp-wall-install-facts span { display:block; margin-bottom:7px; color:var(--jlp-muted); font-size:11px; }
.jlp-wall-install-facts strong { display:block; color:#1c2b3e; font-size:13px; line-height:1.5; }
.jlp-wall-publishing-section { background:#fff; }
.jlp-wall-publishing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.jlp-wall-publishing-grid article {
  position:relative; min-height:210px; padding:25px; overflow:hidden;
  border:1px solid var(--jlp-line); border-radius:18px; background:#fff;
}
.jlp-wall-publishing-grid article > span {
  display:grid; place-items:center; width:42px; height:42px; border-radius:12px;
  color:#fff; background:var(--jlp-blue); font-size:11px; font-weight:900;
}
.jlp-wall-publishing-grid h3 { margin:18px 0 9px; font-size:20px; }
.jlp-wall-publishing-grid p { margin:0; color:var(--jlp-muted); font-size:13px; line-height:1.7; }
.jlp-wall-format-panel {
  display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px; padding:25px;
  border-radius:18px; color:#fff; background:#0c1a2f;
}
.jlp-wall-format-panel > div { padding:14px 16px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.05); }
.jlp-wall-format-panel > div span { display:block; color:#9fb0c5; font-size:11px; }
.jlp-wall-format-panel > div strong { display:block; margin-top:7px; color:#fff; font-size:14px; }
.jlp-wall-format-panel ol { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:5px 0 0; padding:0; list-style:none; }
.jlp-wall-format-panel li { display:flex; gap:8px; align-items:center; color:#d9e6f5; font-size:12px; font-weight:700; }
.jlp-wall-format-panel li span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:var(--jlp-blue); font-size:9px; }
.jlp-wall-application-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.jlp-wall-application { grid-column:span 2; overflow:hidden; border:1px solid var(--jlp-line); border-radius:20px; background:#fff; }
.jlp-wall-application:nth-child(4), .jlp-wall-application:nth-child(5) { grid-column:span 3; }
.jlp-wall-application-media { overflow:hidden; aspect-ratio:1.55; background:#e9eef5; }
.jlp-wall-application-media img { width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.jlp-wall-application:hover .jlp-wall-application-media img { transform:scale(1.025); }
.jlp-wall-application > div:last-child { padding:22px 23px 25px; }
.jlp-wall-application h3 { margin:0 0 8px; font-size:19px; }
.jlp-wall-application p { margin:0; color:var(--jlp-muted); font-size:13px; line-height:1.65; }
.jlp-wall-operation-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.jlp-wall-accessory-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; padding:0; list-style:none; }
.jlp-wall-accessory-list li { position:relative; padding:11px 12px 11px 31px; border:1px solid var(--jlp-line); border-radius:10px; color:#26364d; font-size:12px; font-weight:700; }
.jlp-wall-accessory-list li::before { content:"✓"; position:absolute; left:11px; color:var(--jlp-blue); font-weight:900; }
.jlp-wall-power-note { margin-top:16px; padding:16px; border-radius:12px; color:#fff; background:#0c1a2f; }
.jlp-wall-power-note span, .jlp-wall-power-note small { display:block; color:#9fb0c5; font-size:11px; }
.jlp-wall-power-note strong { display:block; margin:5px 0; color:#fff; font-size:17px; }
.jlp-floor-views-section { background:#fff; }
.jlp-floor-view-grid {
  display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:repeat(2,360px);
  gap:18px; align-items:stretch;
}
.jlp-floor-view {
  display:flex; min-width:0; min-height:0; overflow:hidden; margin:0; flex-direction:column;
  border:1px solid rgba(52,110,255,.12); border-radius:22px;
  background:linear-gradient(145deg,rgba(240,246,255,.72),rgba(255,255,255,.18));
  box-shadow:0 14px 36px rgba(8,20,44,.05);
}
.jlp-floor-view img {
  display:block; width:100%; height:0; min-height:0; padding:18px; flex:1 1 0;
  object-fit:contain; object-position:center; background:transparent;
}
.jlp-floor-view:not(.jlp-floor-view-featured) img { mix-blend-mode:multiply; }
.jlp-floor-view-featured { grid-row:1 / 3; min-height:0; background:linear-gradient(145deg,rgba(231,241,255,.78),rgba(255,255,255,.16)); }
.jlp-floor-view-featured img { height:0; padding:30px; }
.jlp-floor-view figcaption {
  display:flex; min-height:82px; padding:17px 21px; flex-direction:column;
  border-top:1px solid rgba(52,110,255,.1); background:rgba(255,255,255,.58);
  backdrop-filter:blur(10px);
}
.jlp-floor-view figcaption strong { color:#122039; font-size:16px; }
.jlp-floor-view figcaption span { margin-top:6px; color:var(--jlp-muted); font-size:12px; line-height:1.45; }
.jlp-floor-engineering-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.jlp-floor-engineering-grid.has-three { grid-template-columns:repeat(3,1fr); }
.jlp-floor-engineering-grid.has-three .jlp-wall-drawing img { height:360px; }
.jlp-floor-model-page .jlp-floor-engineering-grid .jlp-wall-drawing { background:rgba(255,255,255,.32); }
.jlp-floor-model-page .jlp-floor-engineering-grid .jlp-wall-drawing img {
  background:transparent; mix-blend-mode:multiply;
}
.jlp-floor-system-section { color:#fff; background:#0a1424; }
.jlp-floor-system-section .jlp-heading-row > p { color:#9eacc0; }
.jlp-floor-system-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.jlp-floor-system-grid article {
  min-height:205px; padding:24px; border:1px solid rgba(255,255,255,.12);
  border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
}
.jlp-floor-system-grid article > span {
  display:inline-flex; min-width:44px; padding:7px 10px; justify-content:center;
  border-radius:8px; color:#56dcff; background:rgba(86,220,255,.1);
  font-size:10px; font-weight:900; letter-spacing:.6px; text-transform:uppercase;
}
.jlp-floor-system-grid h3 { margin:18px 0 9px; color:#fff; font-size:19px; line-height:1.35; }
.jlp-floor-system-grid p { margin:0; color:#9eacc0; font-size:13px; line-height:1.68; }
.jlp-floor-io-panel {
  display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:18px; padding:18px;
  border:1px solid rgba(255,255,255,.12); border-radius:18px; background:#101e32;
}
.jlp-floor-io-panel div { padding:13px; border-radius:10px; background:rgba(255,255,255,.055); text-align:center; }
.jlp-floor-io-panel span { display:block; color:#9fb0c5; font-size:10px; font-weight:800; }
.jlp-floor-io-panel strong { display:block; margin-top:5px; color:#fff; font-size:15px; }
.jlp-floor-application-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:24px; align-items:stretch; }
.jlp-floor-application-product {
  display:flex; min-width:0; overflow:hidden; margin:0; flex-direction:column;
  border:1px solid rgba(52,110,255,.12); border-radius:22px;
  background:linear-gradient(145deg,rgba(231,241,255,.72),rgba(255,255,255,.18));
}
.jlp-floor-application-product img {
  display:block; width:100%; height:650px; min-height:0; padding:36px; flex:1;
  object-fit:contain; object-position:center; background:transparent;
}
.jlp-floor-application-product figcaption {
  display:flex; padding:19px 22px; flex-direction:column;
  border-top:1px solid rgba(52,110,255,.1); background:rgba(255,255,255,.58);
  backdrop-filter:blur(10px);
}
.jlp-floor-application-product figcaption strong { color:#122039; font-size:17px; }
.jlp-floor-application-product figcaption span { margin-top:5px; color:var(--jlp-muted); font-size:12px; }
.jlp-floor-application-list { display:grid; gap:12px; }
.jlp-floor-application-list article {
  display:grid; grid-template-columns:48px 1fr; gap:16px; align-items:start; padding:20px;
  border:1px solid var(--jlp-line); border-radius:16px; background:#fff;
}
.jlp-floor-application-list article > span {
  display:grid; place-items:center; width:48px; height:48px; border-radius:13px;
  color:#fff; background:var(--jlp-blue); font-size:11px; font-weight:900; letter-spacing:.5px;
}
.jlp-floor-application-list h3 { margin:1px 0 6px; color:#122039; font-size:17px; }
.jlp-floor-application-list p { margin:0; color:var(--jlp-muted); font-size:13px; line-height:1.62; }
.jlp-portable-feature-section { color:#fff; background:#07101f; }
.jlp-portable-feature-section .jlp-heading-row > p { color:#9eacc0; }
.jlp-portable-feature-showcase {
  display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:18px;
  padding:18px; border:1px solid rgba(255,255,255,.14); border-radius:26px;
  color:#101827; background:#edf1f6; box-shadow:0 26px 70px rgba(0,0,0,.24);
}
.jlp-portable-feature-main {
  display:grid; grid-template-rows:minmax(320px,1fr) auto; gap:18px;
  min-width:0; padding:24px; border-radius:19px; background:#fff;
}
.jlp-portable-feature-product {
  display:grid; place-items:center; min-width:0; min-height:320px; padding:12px 18px;
  border-radius:15px; background:#f8f9fb;
}
.jlp-portable-feature-product img {
  display:block; width:100%; height:100%; max-height:350px; object-fit:contain; object-position:center;
}
.jlp-portable-feature-callouts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.jlp-portable-feature-callouts article {
  display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:start; padding:16px;
  border:1px solid #e1e7ef; border-radius:15px; background:#fff;
}
.jlp-portable-feature-callouts article > span {
  display:grid; place-items:center; width:40px; height:40px; border-radius:11px;
  color:#fff; background:var(--jlp-blue); font-size:11px; font-weight:900; letter-spacing:.5px;
}
.jlp-portable-feature-callouts h3 { margin:0 0 5px; font-size:16px; line-height:1.3; }
.jlp-portable-feature-callouts p { margin:0; color:#64748b; font-size:13px; line-height:1.55; }
.jlp-portable-motion-grid { display:grid; grid-template-rows:repeat(3,1fr); gap:12px; }
.jlp-portable-motion-card {
  display:grid; grid-template-columns:minmax(105px,.78fr) minmax(120px,1fr); gap:14px; align-items:center;
  min-height:0; padding:14px;
  border:1px solid #dce3ed; border-radius:18px; background:#fff;
}
.jlp-portable-motion-media {
  display:grid; place-items:center; min-height:132px; padding:8px; overflow:hidden;
  border-radius:13px; background:#f4f6f9;
}
.jlp-portable-motion-media img { display:block; width:100%; height:124px; object-fit:contain; object-position:center; }
.jlp-portable-motion-copy span {
  color:var(--jlp-blue); font-size:11px; font-weight:900; letter-spacing:.8px; text-transform:uppercase;
}
.jlp-portable-motion-copy strong { display:block; margin:5px 0 8px; color:#0a1020; font-size:30px; line-height:1; letter-spacing:-1px; }
.jlp-portable-motion-copy p { margin:0; color:#64748b; font-size:12px; line-height:1.5; }
.jlp-portable-port-panel {
  grid-column:1/-1; display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);
  gap:28px; align-items:center; padding:24px 26px; border-radius:18px; color:#fff; background:#0c1a2f;
}
.jlp-portable-port-panel > div > span {
  display:block; margin-bottom:5px; color:#55e7ff; font-size:10px; font-weight:900; letter-spacing:.9px; text-transform:uppercase;
}
.jlp-portable-port-panel h3 { margin:0; color:#fff; font-size:19px; line-height:1.3; }
.jlp-portable-port-panel > div > p { margin:8px 0 0; color:#9fb0c5; font-size:12px; line-height:1.55; }
.jlp-portable-port-content { min-width:0; padding:14px 16px 12px; border-radius:14px; background:#fff; }
.jlp-portable-port-panel ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin:0; padding:0; list-style:none; }
.jlp-portable-port-panel li {
  display:grid; grid-template-rows:auto 40px minmax(34px,auto); place-items:center; min-width:0; padding:8px 4px 0;
  color:#40536b; font-size:10px; font-weight:800; text-align:center;
}
.jlp-portable-port-name { align-self:end; color:#3b3333; font-size:16px; font-weight:500; line-height:1.1; white-space:nowrap; }
.jlp-portable-port-icon {
  display:block; width:90px; max-width:100%; height:36px; overflow:hidden;
  background-image:url('assets/images/products/portable-feature-ports.png');
  background-repeat:no-repeat; background-size:650px 69.64px;
}
.jlp-portable-port-icon-hd { background-position:0 -36px; }
.jlp-portable-port-icon-usbc { background-position:-138px -37px; }
.jlp-portable-port-icon-typec { background-position:-270px -42px; }
.jlp-portable-port-icon-aux { background-position:-378px -37px; }
.jlp-portable-port-icon-charge { background-position:-463px -36px; }
.jlp-portable-port-panel li strong {
  display:grid; place-items:center; align-self:stretch; width:100%; min-width:0; padding:7px 4px;
  border:1px solid #dce3ed; border-radius:9px; color:#40536b; background:#f5f7fa; line-height:1.2;
}
.jlp-portable-scenario-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.jlp-portable-scenario {
  overflow:hidden; border:1px solid var(--jlp-line); border-radius:22px; background:#fff;
  box-shadow:0 14px 36px rgba(8,20,44,.06);
}
.jlp-portable-scenario-media { overflow:hidden; aspect-ratio:1.65; background:#e9eef5; }
.jlp-portable-scenario-media img { width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.jlp-portable-scenario:hover .jlp-portable-scenario-media img { transform:scale(1.025); }
.jlp-portable-scenario-copy { padding:25px 26px 28px; }
.jlp-portable-scenario-copy > span { color:var(--jlp-blue); font-size:10px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }
.jlp-portable-scenario-copy h3 { margin:8px 0 10px; font-size:23px; }
.jlp-portable-scenario-copy p { margin:0; color:var(--jlp-muted); font-size:14px; line-height:1.7; }
.jlp-model-section { padding-top:20px; }
.jlp-model-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.jlp-model-card {
  position:relative; overflow:hidden; padding:24px; min-height:190px;
  border:1px solid var(--jlp-line); border-radius:18px; background:#fff;
  box-shadow:0 10px 30px rgba(8,20,44,.05); transition:.22s ease;
}
.jlp-model-card:hover { transform:translateY(-4px); border-color:#b9cffc; box-shadow:var(--jlp-shadow); }
.jlp-model-size { display:block; color:var(--jlp-blue); font-size:35px; font-weight:900; line-height:1; letter-spacing:-1.5px; }
.jlp-model-card h3 { margin:12px 0 8px; font-size:19px; }
.jlp-model-card p { margin:0; color:var(--jlp-muted); font-size:13px; line-height:1.55; }
.jlp-model-card .jlp-tags { margin-top:16px; }
.jlp-series-jump { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.jlp-series-jump a {
  padding:8px 12px; border:1px solid var(--jlp-line); border-radius:999px;
  color:#32506f; background:#fff; font-size:12px; font-weight:800;
}
.jlp-series-jump a:hover { color:#fff; border-color:var(--jlp-blue); background:var(--jlp-blue); }
.jlp-spec-section { background:var(--jlp-bg); }
.jlp-spec-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px; }
.jlp-spec-card { padding:28px; border:1px solid var(--jlp-line); border-radius:18px; background:#fff; }
.jlp-spec-card h3 { margin:0 0 18px; font-size:21px; }
.jlp-spec-list { margin:0; }
.jlp-spec-row { display:grid; grid-template-columns:145px 1fr; gap:16px; padding:11px 0; border-bottom:1px solid var(--jlp-line); }
.jlp-spec-row:last-child { border-bottom:0; }
.jlp-spec-row dt { color:var(--jlp-muted); font-size:13px; }
.jlp-spec-row dd { margin:0; color:#1c2b3e; font-size:13px; font-weight:700; }
.jlp-models { margin-top:54px; }
.jlp-models h3 { margin:0 0 18px; font-size:26px; }
.jlp-table-wrap { overflow-x:auto; border:1px solid var(--jlp-line); border-radius:16px; background:#fff; }
.jlp-spec-table { width:100%; min-width:1040px; border-collapse:collapse; font-size:13px; }
.jlp-spec-table th, .jlp-spec-table td { padding:15px 16px; border-bottom:1px solid var(--jlp-line); text-align:left; vertical-align:top; }
.jlp-spec-table th { color:#fff; background:#0b1424; font-size:12px; text-transform:uppercase; letter-spacing:.5px; }
.jlp-spec-table tbody tr[id] { scroll-margin-top:120px; }
.jlp-spec-table tbody tr:target td { background:#eaf2ff; }
.jlp-spec-table td:first-child { color:var(--jlp-blue); font-weight:900; }
.jlp-spec-table tr:last-child td { border-bottom:0; }
.jlp-spec-note { margin:15px 0 0; color:var(--jlp-muted); font-size:12px; }
.jlp-detail-specs { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.jlp-detail-spec {
  min-height:105px; padding:19px; border:1px solid var(--jlp-line);
  border-radius:14px; background:#fff;
}
.jlp-detail-spec span { display:block; margin-bottom:7px; color:var(--jlp-muted); font-size:12px; }
.jlp-detail-spec strong { display:block; color:#1c2b3e; font-size:14px; line-height:1.5; }
.jlp-related-models { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; }
.jlp-related-model {
  display:flex; min-width:0; min-height:140px; padding:18px; flex-direction:column;
  border:1px solid var(--jlp-line); border-radius:15px; background:#fff; transition:.2s ease;
}
.jlp-related-model:hover { transform:translateY(-3px); border-color:#b9cffc; box-shadow:0 14px 34px rgba(8,20,44,.08); }
.jlp-related-model.is-current { color:#fff; border-color:var(--jlp-blue); background:var(--jlp-blue); }
.jlp-related-model span { font-size:25px; font-weight:900; line-height:1; }
.jlp-related-model strong { margin-top:12px; font-size:13px; }
.jlp-related-model small { margin-top:auto; color:var(--jlp-muted); font-size:10px; }
.jlp-related-model.is-current small { color:#d9e6ff; }
.jlp-application-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:36px; }
.jlp-application { padding:24px; border:1px solid var(--jlp-line); border-radius:16px; background:#fff; }
.jlp-application h3 { margin:0 0 8px; font-size:17px; }
.jlp-application p { margin:0; color:var(--jlp-muted); font-size:13px; }
.jlp-case-section { background:#fff; }
.jlp-case-showcase { display:grid; gap:26px; margin:0 0 36px; }
.jlp-case-feature {
  display:grid; grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr); overflow:hidden;
  border:1px solid var(--jlp-line); border-radius:24px; background:#fff;
  box-shadow:0 18px 48px rgba(8,20,44,.08);
}
.jlp-case-feature:nth-child(even) .jlp-case-feature-media { order:2; }
.jlp-case-feature-media {
  display:grid; place-items:center; min-height:520px; padding:18px;
  background:linear-gradient(145deg,#edf2f8,#f9fbfd);
}
.jlp-case-feature-image { display:block; width:100%; height:500px; object-fit:contain; }
.jlp-case-feature-body { align-self:center; padding:48px; }
.jlp-case-feature-label {
  display:inline-flex; margin:0 0 14px; color:var(--jlp-blue); font-size:11px;
  font-weight:900; letter-spacing:1px; text-transform:uppercase;
}
.jlp-case-feature h3 { margin:0 0 18px; font-size:32px; line-height:1.18; letter-spacing:-.8px; }
.jlp-case-feature p { margin:0 0 12px; color:var(--jlp-muted); font-size:15px; line-height:1.75; }
.jlp-case-feature-tags { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 22px; }
.jlp-case-feature-tags span {
  padding:8px 11px; border-radius:9px; background:#edf4ff; color:#285174;
  font-size:10px; font-weight:850; letter-spacing:.35px; text-transform:uppercase;
}
.jlp-case-feature .jlp-link { display:inline-flex; align-items:center; }

.jlp-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.jlp-case-card {
  overflow:hidden; border:1px solid var(--jlp-line); border-radius:20px; background:#fff;
  box-shadow:0 14px 36px rgba(8,20,44,.06); transition:.25s ease;
}
.jlp-case-card:hover { transform:translateY(-5px); box-shadow:var(--jlp-shadow); }
.jlp-case-media { overflow:hidden; aspect-ratio:1.35; background:#eef2f7; }
.jlp-case-media img { width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.jlp-case-card:hover .jlp-case-media img { transform:scale(1.025); }
.jlp-case-copy { padding:25px; }
.jlp-case-copy > span { color:var(--jlp-blue); font-size:10px; font-weight:900; letter-spacing:.8px; text-transform:uppercase; }
.jlp-case-copy h3 { margin:8px 0 11px; font-size:21px; line-height:1.35; }
.jlp-case-copy p { margin:0; color:var(--jlp-muted); font-size:14px; line-height:1.7; }

.jlp-about-section { position:relative; overflow:hidden; background:#fff; }
.jlp-about-section::before {
  content:""; position:absolute; width:460px; height:460px; right:-210px; top:-210px; border-radius:50%;
  background:radial-gradient(circle,rgba(18,101,255,.1),rgba(18,101,255,0) 68%); pointer-events:none;
}
.jlp-about-intro { display:grid; grid-template-columns:1.02fr .98fr; gap:78px; align-items:start; }
.jlp-about-intro h1, .jlp-about-intro h2 { max-width:650px; margin:0; font-size:48px; line-height:1.08; letter-spacing:-2px; }
.jlp-about-lead { padding:8px 0 8px 30px; border-left:3px solid var(--jlp-blue); }
.jlp-about-lead p { margin:0 0 14px; color:var(--jlp-muted); font-size:15px; line-height:1.75; }
.jlp-about-link {
  display:inline-flex; gap:12px; align-items:center; margin-top:7px; color:var(--jlp-blue);
  font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.6px;
}
.jlp-about-link span { font-size:20px; transition:.2s ease; }
.jlp-about-link:hover span { transform:translateX(4px); }
.jlp-about-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:48px; }
.jlp-about-fact {
  display:flex; min-height:156px; padding:25px; flex-direction:column; justify-content:space-between;
  border:1px solid var(--jlp-line); border-radius:20px; background:#f7f9fc;
}
.jlp-about-fact strong { color:#0b1f3b; font-size:30px; line-height:1; letter-spacing:-1px; }
.jlp-about-fact span { max-width:170px; color:#5d6b80; font-size:12px; font-weight:800; line-height:1.5; }
.jlp-about-fact-primary { color:#fff; border-color:var(--jlp-blue); background:linear-gradient(145deg,#0d6cff,#0645ba); }
.jlp-about-fact-primary strong, .jlp-about-fact-primary span { color:#fff; }

.jlp-solutions { display:grid; grid-template-columns:1.2fr .8fr .8fr; grid-template-rows:270px 270px; gap:18px; }
.jlp-solution { position:relative; overflow:hidden; min-height:250px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; border-radius:20px; background:#0b1930; }
.jlp-solution:first-child { grid-row:1/3; }
.jlp-solution::before { content:""; position:absolute; inset:0; opacity:.86; transition:.4s ease; }
.jlp-solution:nth-child(1)::before { background:radial-gradient(circle at 55% 25%,#25e1ff,transparent 9%), linear-gradient(145deg,#001229 20%,#0b54be 70%,#15b8c5); }
.jlp-solution:nth-child(2)::before { background:linear-gradient(145deg,#351644,#cf3563 55%,#ffbc51); }
.jlp-solution:nth-child(3)::before { background:linear-gradient(145deg,#08192e,#145583 55%,#6ccad1); }
.jlp-solution:nth-child(4)::before { background:linear-gradient(145deg,#1f170d,#a2672f 55%,#f1d28b); }
.jlp-solution:nth-child(5)::before { background:linear-gradient(145deg,#071723,#116947 55%,#36e4a7); }
.jlp-solution::after { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px); background-size:20px 20px; }
.jlp-solution:hover::before { transform:scale(1.05); filter:saturate(1.2); }
.jlp-solution > * { position:relative; z-index:2; }
.jlp-solution h3 { margin:0 0 4px; font-size:23px; }
.jlp-solution p { margin:0; color:rgba(255,255,255,.78); font-size:13px; }

.jlp-process { display:grid; grid-template-columns:repeat(4,1fr); gap:34px; counter-reset:step; }
.jlp-step { position:relative; padding-top:82px; counter-increment:step; }
.jlp-step::before { content:"0" counter(step); position:absolute; top:0; left:0; color:var(--jlp-blue); font-size:48px; font-weight:900; line-height:1; letter-spacing:-3px; }
.jlp-step:not(:last-child)::after { content:""; position:absolute; top:24px; left:75px; width:calc(100% - 75px); height:1px; background:var(--jlp-line); }
.jlp-step h3 { margin:0 0 10px; font-size:19px; }
.jlp-step p { margin:0; color:var(--jlp-muted); font-size:14px; }

.jlp-news { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.jlp-post-card { overflow:hidden; border:1px solid var(--jlp-line); border-radius:18px; background:#fff; }
.jlp-post-thumb { aspect-ratio:1.65; background:linear-gradient(135deg,#07152a,#176edf,#2dd9e8); }
.jlp-post-thumb img { width:100%; height:100%; object-fit:cover; }
.jlp-post-body { padding:25px; }
.jlp-post-meta { color:var(--jlp-blue); font-size:11px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
.jlp-post-body h3 { margin:8px 0 10px; font-size:20px; line-height:1.35; }
.jlp-post-body p { color:var(--jlp-muted); font-size:14px; }

.jlp-cta { position:relative; overflow:hidden; padding:78px 0; color:#fff; background:linear-gradient(115deg,#0b5df5,#04b5e8); }
.jlp-cta::before { content:""; position:absolute; width:520px; height:520px; right:-150px; top:-250px; border:1px solid rgba(255,255,255,.25); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.05),0 0 0 140px rgba(255,255,255,.04); }
.jlp-cta-row { position:relative; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.jlp-cta h2 { margin:0 0 10px; max-width:700px; font-size:clamp(34px,4vw,52px); line-height:1.08; letter-spacing:-2px; }
.jlp-cta p { margin:0; color:#d9f4ff; }
.jlp-cta .jlp-btn { background:#fff; color:var(--jlp-blue); flex-shrink:0; }

.jlp-contact-hero,
.jlp-privacy-hero {
  position:relative; overflow:hidden; padding:108px 0 104px; color:#fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(32,217,255,.18), transparent 28%),
    radial-gradient(circle at 10% 100%, rgba(16,93,255,.27), transparent 32%),
    linear-gradient(125deg,#050b16,#0b1b35 62%,#07101f);
}
.jlp-contact-hero::after,
.jlp-privacy-hero::after {
  content:""; position:absolute; inset:0; opacity:.12; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.8) .8px,transparent .8px);
  background-size:18px 18px; mask-image:linear-gradient(90deg,transparent,#000 55%,transparent);
}
.jlp-contact-hero .jlp-container,
.jlp-privacy-hero .jlp-container { position:relative; z-index:1; }
.jlp-contact-eyebrow {
  display:flex; align-items:center; gap:12px; margin:0 0 22px; color:var(--jlp-cyan);
  font-size:13px; font-weight:900; letter-spacing:1.8px; text-transform:uppercase;
}
.jlp-contact-eyebrow::before { content:""; width:38px; height:2px; background:currentColor; }
.jlp-contact-hero h1,
.jlp-privacy-hero h1 {
  max-width:930px; margin:0; font-size:clamp(44px,6vw,76px); line-height:1.02;
  letter-spacing:-3.5px;
}
.jlp-contact-hero > .jlp-container > p:last-child {
  max-width:780px; margin:27px 0 0; color:#cbd5e1; font-size:18px; line-height:1.75;
}
.jlp-privacy-hero { padding:86px 0; }
.jlp-privacy-hero h1 { font-size:clamp(44px,5vw,66px); }
.jlp-privacy-hero > .jlp-container > p:last-child { margin:18px 0 0; color:#cbd5e1; }

.jlp-contact-main-section { padding-top:100px; }
.jlp-contact-main-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:54px; align-items:start; }
.jlp-contact-direct h2,
.jlp-contact-form-card h2,
.jlp-contact-files h2 { margin:6px 0 16px; font-size:clamp(31px,4vw,45px); line-height:1.12; letter-spacing:-1.8px; }
.jlp-contact-intro { margin:0 0 30px; color:var(--jlp-muted); }
.jlp-contact-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.jlp-contact-methods article {
  min-width:0; padding:19px 20px; background:#fff; border:1px solid var(--jlp-line);
  border-radius:15px; box-shadow:0 10px 30px rgba(8,20,44,.045);
}
.jlp-contact-methods article:hover { border-color:#b9cdfd; box-shadow:0 13px 34px rgba(16,93,255,.08); }
.jlp-contact-methods .jlp-contact-method-wide { grid-column:1/-1; }
.jlp-contact-methods span { display:block; margin-bottom:5px; color:var(--jlp-blue); font-size:11px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
.jlp-contact-methods a,
.jlp-contact-methods strong { display:block; overflow-wrap:anywhere; color:var(--jlp-ink); font-size:14px; line-height:1.55; }
.jlp-contact-methods a:hover { color:var(--jlp-blue); }

.jlp-contact-form-card {
  scroll-margin-top:110px; padding:40px; background:#fff; border:1px solid var(--jlp-line);
  border-radius:24px; box-shadow:var(--jlp-shadow);
}
.jlp-contact-form-card > p:not(.jlp-kicker) { margin:0 0 25px; color:var(--jlp-muted); }
.jlp-contact-form { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.jlp-contact-field { display:flex; min-width:0; flex-direction:column; gap:7px; }
.jlp-contact-field-full,
.jlp-contact-consent,
.jlp-contact-submit,
.jlp-contact-form > small,
.jlp-contact-honeypot { grid-column:1/-1; }
.jlp-contact-field label { font-size:13px; font-weight:800; }
.jlp-contact-field input,
.jlp-contact-field select,
.jlp-contact-field textarea {
  width:100%; min-height:51px; padding:12px 14px; color:var(--jlp-ink); background:#f9fbfe;
  border:1px solid #dce3ed; border-radius:10px; outline:0; font:inherit; font-size:14px;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.jlp-contact-field textarea { min-height:148px; resize:vertical; }
.jlp-contact-field input:focus,
.jlp-contact-field select:focus,
.jlp-contact-field textarea:focus {
  background:#fff; border-color:var(--jlp-blue); box-shadow:0 0 0 4px rgba(16,93,255,.11);
}
.jlp-contact-field input::placeholder,
.jlp-contact-field textarea::placeholder { color:#98a2b3; }
.jlp-contact-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.jlp-contact-consent { display:flex; align-items:flex-start; gap:10px; color:#596579; font-size:12px; line-height:1.55; }
.jlp-contact-consent input { flex:0 0 auto; width:17px; height:17px; margin:2px 0 0; accent-color:var(--jlp-blue); }
.jlp-contact-consent a { color:var(--jlp-blue); font-weight:800; text-decoration:underline; text-underline-offset:2px; }
.jlp-contact-submit { width:100%; min-height:54px; margin-top:2px; }
.jlp-contact-submit:disabled { cursor:wait; opacity:.7; transform:none; }
.jlp-contact-form > small { color:#7b8495; font-size:11px; text-align:center; }
.jlp-contact-notice { margin:0 0 22px; padding:13px 15px; border-radius:10px; font-size:13px; font-weight:700; }
.jlp-contact-notice.is-success { color:#087443; background:#e8f8f0; border:1px solid #b9ead2; }
.jlp-contact-notice.is-error { color:#a12a2a; background:#fff0f0; border:1px solid #f2c9c9; }

.jlp-contact-prepare-section { padding-top:95px; }
.jlp-contact-checklist { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin-top:42px; }
.jlp-contact-checklist article { min-height:230px; padding:28px 24px; background:#fff; border:1px solid var(--jlp-line); border-radius:18px; }
.jlp-contact-checklist article > span {
  display:grid; place-items:center; width:43px; height:43px; margin-bottom:29px;
  color:#fff; background:linear-gradient(135deg,var(--jlp-blue),#08b8e8); border-radius:12px; font-size:12px; font-weight:900;
}
.jlp-contact-checklist h3 { margin:0 0 10px; font-size:19px; line-height:1.25; }
.jlp-contact-checklist p { margin:0; color:var(--jlp-muted); font-size:14px; }
.jlp-contact-files-section { padding-top:80px; }
.jlp-contact-files {
  display:flex; align-items:center; justify-content:space-between; gap:38px; padding:48px 54px;
  color:#fff; background:linear-gradient(115deg,#07101f,#0b2446); border-radius:24px;
  box-shadow:var(--jlp-shadow);
}
.jlp-contact-files .jlp-kicker { color:var(--jlp-cyan); }
.jlp-contact-files h2 { margin-bottom:11px; }
.jlp-contact-files p:last-child { max-width:760px; margin:0; color:#cbd5e1; }
.jlp-contact-files .jlp-btn { flex:0 0 auto; background:#fff; color:var(--jlp-blue); }

.jlp-privacy-content { max-width:850px; margin:0 auto; padding:8px 0 18px; }
.jlp-privacy-lead { margin:0 0 44px; padding:25px 28px; color:#27364d; background:var(--jlp-bg); border-left:4px solid var(--jlp-blue); border-radius:0 12px 12px 0; font-size:18px; }
.jlp-privacy-content h2 { margin:40px 0 10px; font-size:27px; line-height:1.2; letter-spacing:-.7px; }
.jlp-privacy-content p { color:#536078; }
.jlp-privacy-content a { color:var(--jlp-blue); font-weight:750; text-decoration:underline; text-underline-offset:3px; }

.jlp-footer { padding:75px 0 24px; color:#aeb9c8; background:#050b16; }
.jlp-footer-grid { display:grid; grid-template-columns:1.35fr .75fr .75fr 1fr; gap:50px; }
.jlp-footer .jlp-brand-text strong { color:#fff; }
.jlp-footer-intro { max-width:340px; margin-top:20px; font-size:14px; }
.jlp-footer h3 { margin:0 0 19px; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; }
.jlp-footer .jlp-brand { display:inline-flex; padding:0; border-radius:0; background:transparent; }
.jlp-footer .jlp-logo-lockup { width:245px; height:62px; }
.jlp-footer .jlp-logo-symbol { flex-basis:60px; width:60px; height:60px; }
.jlp-footer .jlp-logo-symbol img { width:227px; }
.jlp-footer .jlp-logo-wording { height:54px; margin-left:16px; padding-left:0; }
.jlp-footer .jlp-logo-cn { height:37px; }
.jlp-footer .jlp-logo-cn img { left:-92px; top:-8px; width:253px; }
.jlp-footer .jlp-logo-domain { font-size:11px; letter-spacing:0; }
.jlp-footer ul { list-style:none; margin:0; padding:0; }
.jlp-footer li { margin:9px 0; font-size:14px; }
.jlp-footer a:hover { color:var(--jlp-cyan); }
.jlp-footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:60px; padding-top:24px; border-top:1px solid #202938; font-size:12px; }

.jlp-content { padding:80px 0 100px; }
.jlp-content-narrow { max-width:820px; margin-inline:auto; }
.jlp-page-title { margin:0 0 40px; font-size:clamp(38px,5vw,62px); line-height:1.1; letter-spacing:-2px; }
.jlp-entry-content h2, .jlp-entry-content h3 { line-height:1.2; margin-top:1.6em; }
.jlp-entry-content a { color:var(--jlp-blue); text-decoration:underline; }
.jlp-entry-content img { border-radius:16px; }
.jlp-pagination { margin-top:45px; }

@media (max-width: 1100px) {
  .jlp-header-row { min-height:70px; }
  .jlp-menu-toggle { display:block; margin-left:auto; }
  .jlp-header-cta { display:none; }
  .jlp-nav { display:none; position:absolute; left:0; right:0; top:70px; padding:16px 20px 25px; background:#fff; border-bottom:1px solid var(--jlp-line); box-shadow:var(--jlp-shadow); }
  .jlp-nav.is-open { display:block; }
  .jlp-nav ul { display:block; }
  .jlp-nav a { padding:11px 0; }
  .jlp-nav .sub-menu { position:static; display:block; box-shadow:none; border:0; padding:0 0 0 18px; }
}
@media (max-width: 1020px) {
  .jlp-products { grid-template-columns:repeat(2,1fr); }
  .jlp-hero-grid { grid-template-columns:1fr; }
  .jlp-product-hero-grid, .jlp-product-overview { grid-template-columns:1fr; }
  .jlp-wall-feature-grid { grid-template-columns:repeat(2,1fr); }
  .jlp-wall-install-facts { grid-template-columns:repeat(2,1fr); }
  .jlp-wall-application-grid { grid-template-columns:repeat(2,1fr); }
  .jlp-wall-application, .jlp-wall-application:nth-child(4), .jlp-wall-application:nth-child(5) { grid-column:auto; }
  .jlp-floor-view-grid { grid-template-columns:repeat(2,1fr); grid-template-rows:auto; grid-auto-rows:auto; }
  .jlp-floor-view-featured { grid-column:1/-1; grid-row:auto; min-height:620px; }
  .jlp-floor-view-featured img { height:0; }
  .jlp-floor-view { min-height:500px; }
  .jlp-floor-engineering-grid.has-three { grid-template-columns:repeat(2,1fr); }
  .jlp-floor-system-grid { grid-template-columns:repeat(2,1fr); }
  .jlp-floor-application-layout { grid-template-columns:1fr 1.25fr; }
  .jlp-hero-grid { padding:70px 0; }
  .jlp-screen-stage { min-height:440px; }
  .jlp-footer-grid { grid-template-columns:1fr 1fr; }
  .jlp-solutions { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .jlp-solution:first-child { grid-row:auto; }
  .jlp-application-grid { grid-template-columns:repeat(2,1fr); }
  .jlp-case-grid { grid-template-columns:repeat(2,1fr); }
  .jlp-portable-feature-showcase { grid-template-columns:1fr; }
  .jlp-portable-motion-grid { grid-template-columns:repeat(3,1fr); grid-template-rows:auto; }
  .jlp-portable-motion-card { grid-template-columns:1fr; }
  .jlp-model-grid { grid-template-columns:repeat(2,1fr); }
  .jlp-related-models { grid-template-columns:repeat(4,1fr); }
  .jlp-detail-specs { grid-template-columns:repeat(2,1fr); }
  .jlp-about-intro { grid-template-columns:1fr; gap:28px; }
  .jlp-about-facts { grid-template-columns:repeat(2,1fr); }
  .jlp-contact-main-grid { grid-template-columns:1fr; gap:42px; }
  .jlp-contact-checklist { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 820px) {
  .admin-bar .jlp-header { top:46px; }
  .jlp-topbar { display:none; }
  .jlp-header-row { min-height:70px; }
  .jlp-menu-toggle { display:block; margin-left:auto; }
  .jlp-header-cta { display:none; }
  .jlp-nav { display:none; position:absolute; left:0; right:0; top:70px; padding:16px 20px 25px; background:#fff; border-bottom:1px solid var(--jlp-line); box-shadow:var(--jlp-shadow); }
  .jlp-nav.is-open { display:block; }
  .jlp-nav ul { display:block; }
  .jlp-nav a { padding:11px 0; }
  .jlp-nav .sub-menu { position:static; display:block; box-shadow:none; border:0; padding:0 0 0 18px; }
  .jlp-heading-row, .jlp-cta-row { display:block; }
  .jlp-heading-row > p { margin-top:18px; }
  .jlp-cta .jlp-btn { margin-top:26px; }
  .jlp-process { grid-template-columns:1fr 1fr; }
  .jlp-news { grid-template-columns:1fr; }
  .jlp-spec-grid { grid-template-columns:1fr; }
  .jlp-wall-engineering-grid, .jlp-wall-operation-grid { grid-template-columns:1fr; }
  .jlp-floor-engineering-grid, .jlp-floor-engineering-grid.has-three { grid-template-columns:1fr; }
  .jlp-wall-publishing-grid { grid-template-columns:1fr; }
  .jlp-wall-format-panel ol { grid-template-columns:repeat(2,1fr); }
  .jlp-floor-application-layout { grid-template-columns:1fr; }
  .jlp-floor-application-product img { height:520px; }
  .jlp-about-intro h1, .jlp-about-intro h2 { font-size:40px; }
  .jlp-contact-hero { padding:82px 0 78px; }
  .jlp-contact-files { align-items:flex-start; flex-direction:column; padding:40px; }
}
@media (max-width: 580px) {
  .jlp-container { width:min(100% - 28px, 1180px); }
  .jlp-section { padding:75px 0; }
  .jlp-hero h1 { font-size:42px; letter-spacing:-2px; }
  .jlp-hero-grid { gap:30px; }
  .jlp-hero-stats { gap:20px; }
  .jlp-stat strong { font-size:21px; }
  .jlp-screen-stage { min-height:330px; }
  .jlp-floating-card { padding:11px; }
  .jlp-card-one { left:0; bottom:15px; }
  .jlp-card-two { right:0; top:25px; }
  .jlp-products, .jlp-solutions, .jlp-process, .jlp-checks, .jlp-case-grid, .jlp-footer-grid { grid-template-columns:1fr; }
  .jlp-wall-feature-grid, .jlp-wall-install-facts, .jlp-wall-application-grid, .jlp-wall-operation-grid { grid-template-columns:1fr; }
  .jlp-floor-view-grid, .jlp-floor-system-grid { grid-template-columns:1fr; }
  .jlp-floor-view-grid { grid-template-rows:auto; grid-auto-rows:auto; }
  .jlp-floor-view-featured { grid-column:auto; grid-row:auto; min-height:470px; }
  .jlp-floor-view { min-height:440px; }
  .jlp-floor-view img { height:0; padding:16px; }
  .jlp-floor-view-featured img { height:0; padding:18px; }
  .jlp-floor-io-panel { grid-template-columns:repeat(2,1fr); padding:13px; }
  .jlp-floor-application-product img { height:430px; padding:18px; }
  .jlp-floor-application-list article { grid-template-columns:40px 1fr; gap:12px; padding:16px; }
  .jlp-floor-application-list article > span { width:40px; height:40px; }
  .jlp-wall-format-panel { grid-template-columns:1fr; padding:18px; }
  .jlp-wall-format-panel ol { grid-column:auto; grid-template-columns:1fr; }
  .jlp-wall-drawing img { height:290px; padding:16px; }
  .jlp-wall-accessory-list { grid-template-columns:1fr; }
  .jlp-about-intro { gap:26px; }
  .jlp-about-intro h1, .jlp-about-intro h2 { font-size:34px; letter-spacing:-1.2px; }
  .jlp-about-lead { padding:0 0 0 19px; }
  .jlp-about-facts { grid-template-columns:1fr 1fr; gap:9px; margin-top:34px; }
  .jlp-about-fact { min-height:128px; padding:18px; border-radius:15px; }
  .jlp-about-fact strong { font-size:23px; }
  .jlp-product-hero { padding:34px 0 62px; }
  .jlp-product-hero-grid { gap:36px; }
  .jlp-product-hero h1 { font-size:40px; letter-spacing:-2px; }
  .jlp-product-hero-media { min-height:360px; padding:16px; }
  .jlp-product-hero-media img { height:330px; }
  .jlp-product-points, .jlp-feature-list, .jlp-application-grid { grid-template-columns:1fr; }
  .jlp-portable-scenario-grid { grid-template-columns:1fr; }
  .jlp-portable-feature-showcase { gap:12px; padding:10px; border-radius:18px; }
  .jlp-portable-feature-main { gap:12px; padding:12px; border-radius:14px; }
  .jlp-portable-feature-product { min-height:240px; padding:8px; }
  .jlp-portable-feature-product img { max-height:260px; }
  .jlp-portable-feature-callouts { grid-template-columns:1fr; }
  .jlp-portable-feature-callouts article { padding:15px; }
  .jlp-portable-motion-grid { grid-template-columns:1fr; }
  .jlp-portable-motion-card { grid-template-columns:125px 1fr; padding:12px; }
  .jlp-portable-motion-media { min-height:120px; }
  .jlp-portable-motion-media img { height:112px; }
  .jlp-portable-motion-copy strong { font-size:29px; }
  .jlp-portable-port-panel { grid-template-columns:1fr; gap:17px; padding:20px; }
  .jlp-portable-port-content { padding:11px 10px 10px; }
  .jlp-portable-port-panel ul { grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; }
  .jlp-portable-port-panel li { grid-template-rows:auto 34px minmax(36px,auto); padding:4px 0 0; font-size:7px; line-height:1.15; }
  .jlp-portable-port-name { font-size:9px; }
  .jlp-portable-port-icon { width:46px; height:27px; background-size:350px 37.5px; }
  .jlp-portable-port-icon-hd { background-position:0 -19px; }
  .jlp-portable-port-icon-usbc { background-position:-75px -20px; }
  .jlp-portable-port-icon-typec { background-position:-147px -22px; }
  .jlp-portable-port-icon-aux { background-position:-205px -19px; }
  .jlp-portable-port-icon-charge { background-position:-251px -19px; }
  .jlp-portable-port-panel li strong { padding:4px 2px; }
  .jlp-portable-port-panel li:last-child { grid-column:auto; }
  .jlp-model-grid { grid-template-columns:1fr; }
  .jlp-related-models { grid-template-columns:repeat(2,1fr); }
  .jlp-detail-specs { grid-template-columns:1fr; }
  .jlp-spec-card { padding:21px; }
  .jlp-spec-row { grid-template-columns:112px 1fr; }
  .jlp-solutions { display:grid; }
  .jlp-footer-bottom { display:block; }
  .jlp-logo-lockup { width:228px; height:56px; }
  .jlp-logo-symbol { flex-basis:56px; width:56px; height:56px; }
  .jlp-logo-symbol img { width:212px; }
  .jlp-logo-wording { height:51px; margin-left:14px; padding-left:0; }
  .jlp-logo-cn { height:35px; }
  .jlp-logo-cn img { left:-85px; top:-7px; width:235px; }
  .jlp-logo-domain { font-size:10px; letter-spacing:0; }
  .jlp-contact-hero,
  .jlp-privacy-hero { padding:66px 0 64px; }
  .jlp-contact-hero h1,
  .jlp-privacy-hero h1 { font-size:40px; letter-spacing:-2px; }
  .jlp-contact-hero > .jlp-container > p:last-child { font-size:16px; }
  .jlp-contact-form-card { padding:25px 19px; border-radius:18px; }
  .jlp-contact-form { grid-template-columns:1fr; gap:15px; }
  .jlp-contact-field,
  .jlp-contact-field-full,
  .jlp-contact-consent,
  .jlp-contact-submit,
  .jlp-contact-form > small { grid-column:1; }
  .jlp-contact-methods { grid-template-columns:1fr; }
  .jlp-contact-methods .jlp-contact-method-wide { grid-column:1; }
  .jlp-contact-checklist { grid-template-columns:1fr; }
  .jlp-contact-checklist article { min-height:0; }
  .jlp-contact-files { padding:29px 22px; border-radius:18px; }
  .jlp-contact-files h2 { font-size:32px; }
  .jlp-privacy-lead { padding:20px; font-size:16px; }
}

@media (max-width:900px) {
  .jlp-case-feature { grid-template-columns:1fr; }
  .jlp-case-feature:nth-child(even) .jlp-case-feature-media { order:0; }
  .jlp-case-feature-media { min-height:430px; }
  .jlp-case-feature-image { height:400px; }
  .jlp-case-feature-body { padding:34px; }
}
@media (max-width:600px) {
  .jlp-case-showcase { gap:20px; margin-bottom:28px; }
  .jlp-case-feature { border-radius:20px; }
  .jlp-case-feature-media { min-height:auto; padding:14px; }
  .jlp-case-feature-image { height:auto; max-height:520px; }
  .jlp-case-feature-body { padding:26px 24px 30px; }
  .jlp-case-feature h3 { font-size:26px; }
}


/* Launch-readiness refinements */
.jlp-menu-toggle:focus-visible,
.jlp-banner-arrow:focus-visible,
.jlp-banner-dots button:focus-visible {
  outline:3px solid #ffb020;
  outline-offset:3px;
}
.jlp-about-facts-detail .jlp-about-fact { min-height:182px; }
.jlp-about-facts-detail .jlp-about-fact strong { font-size:24px; }
.jlp-about-facts-detail .jlp-about-fact span { max-width:none; font-size:13px; }
.jlp-about-applications {
  margin-top:28px; padding:28px 30px; border:1px solid var(--jlp-line); border-radius:20px;
  background:linear-gradient(135deg,#07101f,#0d3975); color:#fff;
}
.jlp-about-applications .jlp-kicker { color:#7fe8ff; }
.jlp-about-applications > p:last-child { margin:0; font-size:18px; font-weight:750; line-height:1.8; }
.jlp-about-mission-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.jlp-about-mission-grid > div:last-child { padding-left:30px; border-left:3px solid var(--jlp-blue); }
.jlp-about-mission-grid > div:last-child > p { margin:0; color:var(--jlp-muted); font-size:17px; line-height:1.8; }
@media (max-width:820px) {
  .jlp-banner-track { height:365px; aspect-ratio:auto; background:#fff; }
  .jlp-banner-slide { display:flex; flex-direction:column; background:#fff; }
  .jlp-banner-slide img { flex:0 0 auto; width:100%; height:auto; aspect-ratio:1717/916; object-fit:contain; }
  .jlp-banner-mobile-copy { display:flex; flex-direction:column; gap:7px; padding:18px 58px 32px 18px; color:var(--jlp-ink); }
  .jlp-banner-mobile-copy strong { font-size:24px; line-height:1.12; }
  .jlp-banner-mobile-copy small { color:var(--jlp-muted); font-size:14px; line-height:1.55; }
  .jlp-banner-arrow { top:104px; }
  .jlp-about-mission-grid { grid-template-columns:1fr; gap:26px; }
  .jlp-about-mission-grid > div:last-child { padding:0; border:0; }
}
@media (max-width:600px) {
  .jlp-banner-track { height:345px; }
  .jlp-banner-arrow { top:96px; }
  .jlp-banner-mobile-copy strong { font-size:22px; }
  .jlp-about-facts-detail { grid-template-columns:1fr; }
  .jlp-about-facts-detail .jlp-about-fact { min-height:132px; }
  .jlp-about-applications { padding:24px 22px; }
  .jlp-about-applications > p:last-child { font-size:16px; }
}

.jlp-post-featured { display:block; width:100%; max-height:620px; margin:28px 0 38px; object-fit:cover; border-radius:24px; box-shadow:var(--jlp-shadow); }
.jlp-entry-content > br { display:none; }
