.jl-page { --jl-ink:#102a43; --jl-muted:#566b7f; --jl-line:#cad7e3; --jl-red:#e73b4e; color:var(--jl-ink); background:#fff; font-family:"Plus Jakarta Sans",sans-serif; }
.jl-page *, .jl-page *::before, .jl-page *::after { box-sizing:border-box; }
.jl-shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.jl-hero { padding:132px 0 72px; overflow:hidden; border-bottom:1px solid var(--jl-line); background:linear-gradient(rgba(219,229,238,.48) 1px,transparent 1px),linear-gradient(90deg,rgba(219,229,238,.48) 1px,transparent 1px),radial-gradient(circle at 12% 18%,rgba(231,59,78,.10),transparent 30%),#f8fbfd; background-size:32px 32px,32px 32px,auto,auto; }
.jl-hero__grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr); gap:clamp(38px,5vw,76px); align-items:center; }
.jl-hero__grid > *,.jl-signature__grid > *,.jl-card__layout > *,.jl-card__rail > * { min-width:0; }
.jl-kicker,.jl-section-kicker,.jl-hero h1,.jl-hero__lead,.jl-button,.jl-signature h2,.jl-signature__intro,.jl-signature__note,.jl-card__head span,.jl-card__primary strong,.jl-card__primary p,.jl-card__tokens span,.jl-card__rail span,.jl-card__rail strong,.jl-card__result span,.jl-card__result strong { overflow-wrap:anywhere; }
.jl-kicker,.jl-section-kicker { margin:0 0 18px; color:var(--jl-red); font-size:13px; font-weight:800; letter-spacing:.14em; line-height:1.35; text-transform:uppercase; }
.jl-hero h1 { margin:0; max-width:660px; color:#101c32; font-weight:800; letter-spacing:-.045em; line-height:1.02; text-wrap:balance; }
.jl-hero__lead { max-width:610px; margin:24px 0 0; color:var(--jl-muted); font-size:clamp(17px,1.5vw,20px); line-height:1.65; }
.jl-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.jl-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:12px 20px; border:1px solid var(--jl-ink); border-radius:10px; color:#fff; background:var(--jl-ink); font-size:15px; font-weight:800; text-decoration:none; }
.jl-button--quiet { color:var(--jl-ink); background:#fff; }
.jl-button:hover,.jl-button:focus-visible { transform:translateY(-1px); box-shadow:0 10px 24px rgba(16,42,67,.14); }
.jl-hero__visual { margin:0; min-width:0; }
.jl-hero__visual picture,.jl-hero__visual img { display:block; width:100%; }
.jl-hero__visual img { height:auto; filter:drop-shadow(0 20px 30px rgba(16,42,67,.12)); }
.jl-hero__visual figcaption { margin:12px 10px 0; color:var(--jl-muted); font-size:13px; line-height:1.5; }
.jl-source { border-bottom:1px solid var(--jl-line); background:#fff; }
.jl-source__grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:32px; padding-block:28px; }
.jl-source h2 { margin:0; font-size:20px; line-height:1.35; }
.jl-source p { margin:0; color:var(--jl-muted); font-size:14px; line-height:1.7; }
.jl-source a { color:#c72f42; font-weight:800; text-underline-offset:3px; }
.jl-signature { padding:82px 0 90px; background:#fffdf8; }
.jl-signature__grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr); gap:clamp(40px,6vw,86px); align-items:start; }
.jl-signature h2 { margin:0; max-width:560px; color:#101c32; font-size:clamp(34px,4vw,54px); font-weight:800; letter-spacing:-.045em; line-height:1.04; text-wrap:balance; }
.jl-signature__intro { margin:22px 0 0; color:var(--jl-muted); font-size:17px; line-height:1.7; }
.jl-signature__note { margin:26px 0 0; padding-left:18px; border-left:4px solid var(--jl-red); font-size:15px; font-weight:700; line-height:1.6; }
.jl-card { position:relative; padding:24px; border:2px solid var(--jl-ink); border-radius:4px 18px 18px 18px; background:#fff; box-shadow:14px 14px 0 #dbe7ef; }
.jl-card::before { content:none; }
.jl-card__head { display:flex; justify-content:space-between; gap:18px; padding:2px 4px 18px; border-bottom:2px solid var(--jl-ink); font-size:14px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.jl-card__head span:last-child { color:var(--jl-red); }
.jl-card__layout { display:grid; grid-template-columns:minmax(0,1.52fr) minmax(190px,.72fr); min-height:310px; margin-top:20px; border:1px solid var(--jl-line); background:#f8fbfd; }
.jl-card__primary { display:flex; min-width:0; flex-direction:column; justify-content:flex-end; padding:28px; border-right:2px solid var(--jl-ink); background:linear-gradient(145deg,#fffdf7 0 74%,#f3d99f 74%); }
.jl-card__index,.jl-card__rail span { color:var(--jl-red); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.jl-card__primary strong { margin-top:38px; max-width:330px; color:var(--jl-ink); font-size:clamp(28px,3vw,42px); line-height:1.05; letter-spacing:-.04em; }
.jl-card__primary p { margin:12px 0 0; color:var(--jl-muted); font-size:15px; font-weight:700; line-height:1.5; }
.jl-card__tokens { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }
.jl-card__tokens span { padding:9px 13px; border:1px solid #9fb2c5; border-radius:999px; color:var(--jl-ink); background:#fff; font-size:13px; font-weight:800; }
.jl-card__rail { display:grid; grid-template-rows:.82fr 1.18fr; }
.jl-card__rail div { display:flex; min-height:0; flex-direction:column; justify-content:space-between; padding:22px 20px; }
.jl-card__rail div:first-child { border-bottom:1px dashed #7c94aa; background:#eaf3f8; }
.jl-card__rail strong { font-size:16px; line-height:1.45; }
.jl-card__result { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding:18px 20px; color:#fff; background:#2d806f; font-size:14px; font-weight:800; }
.jl-card__result strong { max-width:330px; text-align:right; font-size:17px; line-height:1.4; }
@media (max-width:959px){.jl-hero{padding-top:112px}.jl-hero__grid,.jl-signature__grid{grid-template-columns:minmax(0,1fr)}.jl-hero__visual{max-width:720px;margin-inline:auto}.jl-source__grid{grid-template-columns:minmax(0,1fr);gap:12px}}
@media (max-width:639px){#main-content.jl-page .jl-hero h1[data-city-type="h1"]{font-size:32px!important;line-height:1.08!important;letter-spacing:-.065em;overflow-wrap:normal;word-break:normal;hyphens:none}}
@media (max-width:639px){#main-content.jl-page .jl-signature h2{font-size:28px!important;line-height:1.1!important;overflow-wrap:normal;word-break:normal;hyphens:none}}
@media (max-width:639px){.jl-shell{width:min(100% - 28px,1180px)}.jl-hero{padding:102px 0 48px;background-size:24px 24px,24px 24px,auto,auto}.jl-hero__grid{gap:34px}.jl-kicker,.jl-section-kicker{margin-bottom:14px;font-size:12px}.jl-hero__lead{margin-top:18px;font-size:16px;line-height:1.6}.jl-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:24px}.jl-button{width:100%;min-width:0;max-width:100%}.jl-source__grid{padding-block:22px}.jl-signature{padding:60px 0 72px}.jl-signature h2{font-size:36px}.jl-signature__intro{font-size:16px}.jl-card{min-width:0;padding:18px;box-shadow:8px 8px 0 #dbe7ef}.jl-card__head{align-items:flex-start;flex-direction:column;gap:5px}.jl-card__layout{grid-template-columns:minmax(0,1fr);min-height:0}.jl-card__primary{min-height:270px;border-right:0;border-bottom:2px solid var(--jl-ink);padding:22px}.jl-card__primary strong{margin-top:34px;font-size:32px}.jl-card__rail{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:1fr}.jl-card__rail div{min-width:0;min-height:170px;padding:18px 14px}.jl-card__rail div:first-child{border-right:1px dashed #7c94aa;border-bottom:0}.jl-card__rail strong{font-size:14px}.jl-card__result{align-items:flex-start;flex-direction:column;gap:7px}.jl-card__result strong{max-width:none;text-align:left;font-size:16px}}

@media (max-width:639px) {
  #main-content.jl-page .jl-card__rail {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
  }

  #main-content.jl-page .jl-card__rail div {
    min-height: 0;
    padding: 18px;
  }

  #main-content.jl-page .jl-card__rail div:first-child {
    border-right: 0;
    border-bottom: 1px dashed #7c94aa;
  }

  #main-content.jl-page .jl-card__rail :where(span, strong) {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none;
  }
}