/* Template Klinik Jantung: kertas EKG — merah muda #FFF4F4 berkisi merah halus, merah tua #C8102E, arang #1F2933; garis denyut beranimasi,
   strip EKG berlabel sadapan, monitor gelap. */
:root{--latar:#FFF7F7;--latar-2:#FDEBEC;--permukaan:#FFFFFF;--teks:#1F2933;--teks-2:#52606D;--teks-3:#9AA5B1;--garis:#F5D0D4;
  --utama:#C8102E;--utama-tua:#9B0A22;--utama-muda:#FCE1E4;--pada-utama:#fff;--aksen:#1F2933;--aksen-tua:#111820;--pada-aksen:#fff;
  --gelap:#1F2933;--pada-gelap:#AEB7C2;--radius:6px;--radius-kecil:4px;--bayang:0 18px 32px -24px rgba(31,41,51,.5);
  --ekg:linear-gradient(rgba(200,16,46,.07) 1px,transparent 1px) 0 0/6px 6px,linear-gradient(90deg,rgba(200,16,46,.07) 1px,transparent 1px) 0 0/6px 6px,linear-gradient(rgba(200,16,46,.14) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,rgba(200,16,46,.14) 1px,transparent 1px) 0 0/30px 30px}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-weight:800;letter-spacing:-.02em;color:var(--teks)}
.serif{font-family:"Lora",Georgia,serif;font-style:italic;color:var(--utama)}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#fff}
.bag-alt{background:var(--latar-2)}
.kaki{background:var(--gelap)}
[hidden]{display:none!important}
.jtg-alis{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--utama)}
.jtg-alis::before{content:"♥ "}
.jtg-lead{font-size:17px;color:var(--teks-2)}
.jtg-btn{background:var(--utama);color:#fff;font-weight:800;border-radius:4px}
.jtg-btn:hover{background:var(--aksen);color:#fff}
.jtg-link{font-weight:800;color:var(--teks);border-bottom:2px solid var(--utama)}
.jtg-blok{width:100%;justify-content:center}
.jtg-strip{position:relative;margin:0;padding:10px 10px 36px;background:#fff;background-image:var(--ekg);border:1px solid var(--garis);box-shadow:var(--bayang)}
.jtg-strip img{display:block;width:100%;object-fit:cover}
.jtg-strip figcaption{position:absolute;left:12px;bottom:9px;font:700 12px "Courier New",monospace;color:var(--utama)}

.jtg-hero{position:relative;padding-top:44px;padding-bottom:74px;overflow:hidden;background:var(--latar);background-image:var(--ekg)}
.jtg-denyut{position:absolute;left:0;top:44%;width:200%;height:160px;pointer-events:none;animation:jtg-geser 6s linear infinite}
.jtg-denyut path{fill:none;stroke:var(--utama);stroke-width:2.5;opacity:.35}
@keyframes jtg-geser{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.jtg-denyut{animation:none}}
.jtg-hero-isi{position:relative;display:grid;gap:44px;align-items:center}
@media(min-width:960px){.jtg-hero-isi{grid-template-columns:1fr 1fr}}
.jtg-teks,.jtg-visual{min-width:0}
.jtg-hero h1{font-size:clamp(40px,5.6vw,68px);line-height:1.03;margin:0 0 20px}
.jtg-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.jtg-visual{justify-self:center;width:min(100%,500px)}
.jtg-visual .jtg-strip img{aspect-ratio:5/3.8}
.jtg-visual .jtg-strip{transform:rotate(1.5deg)}
.jtg-strip b{font-size:15px}

.jtg-kepala{margin-bottom:30px}
.jtg-kepala h2{font-size:clamp(30px,4vw,44px);margin:0}
.jtg-kisi{display:grid;gap:22px}
@media(min-width:640px){.jtg-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.jtg-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.jtg-kartu{display:flex;flex-direction:column;background:#fff;background-image:var(--ekg);border:1px solid var(--garis);box-shadow:var(--bayang)}
.jtg-k-atas{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 12px}
.jtg-sadap{font:800 13px "Courier New",monospace;color:var(--utama)}
.jtg-k-atas svg{width:100%;height:26px}
.jtg-k-atas path{fill:none;stroke:var(--utama);stroke-width:2}
.jtg-du{font:700 11.5px "Courier New",monospace;color:var(--teks-2)}
.jtg-k-foto{display:block;margin:0 12px}
.jtg-k-foto img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.jtg-k-isi{display:flex;flex-direction:column;flex:1;margin:12px;padding:14px 16px;background:#fff}
.jtg-k-isi h3{margin:0 0 2px;font-size:19px}
.jtg-k-isi h3 a{color:inherit;text-decoration:none}
.jtg-sub{margin:0 0 8px;font-size:12.5px;font-weight:800;color:var(--utama)}
.jtg-k-isi p{margin:0 0 10px;color:var(--teks-2);font-size:14.5px}
.jtg-harga{margin-top:auto!important;font-size:13.5px}.jtg-harga b{font-size:18px;color:var(--teks)}

.jtg-cek{margin-top:60px;padding:30px clamp(18px,3vw,40px);background:#fff;border-top:6px solid var(--utama);box-shadow:var(--bayang)}
.jtg-c-kepala h2{margin:0 0 6px;font-size:clamp(26px,3.4vw,38px)}
.jtg-c-isi{display:grid;gap:26px;margin-top:20px}
@media(min-width:1000px){.jtg-c-isi{grid-template-columns:1fr 1fr .95fr}}
.jtg-form,.jtg-monitor,.jtg-ring{min-width:0}
.jtg-dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.jtg-dua label{display:grid;gap:4px;font-size:13px;font-weight:800;color:var(--teks-2)}
.jtg-dua input,.jtg-dua select{width:100%;min-width:0;padding:9px 10px;border:1.5px solid var(--garis);border-radius:4px;font:inherit;background:#fff}
.jtg-cek-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.jtg-cek-list input{position:absolute;opacity:0}
.jtg-cek-list span{display:block;padding:8px 12px;border:1.5px solid var(--garis);border-radius:999px;font-size:13px;font-weight:700;cursor:pointer}
.jtg-cek-list input:checked+span{background:var(--utama);border-color:var(--utama);color:#fff}
.jtg-cek-list input:focus-visible+span{outline:2px solid var(--aksen)}
.jtg-layar{position:relative;padding:12px;border-radius:10px;background:#0E1A14;box-shadow:inset 0 0 0 2px #24382D}
.jtg-layar svg{display:block;width:100%;height:110px;background:linear-gradient(rgba(57,255,140,.08) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(57,255,140,.08) 1px,transparent 1px) 0 0/20px 20px}
.jtg-layar path{fill:none;stroke:#39FF8C;stroke-width:2;stroke-dasharray:600;animation:jtg-gambar 3s linear infinite;filter:drop-shadow(0 0 3px #39FF8C)}
@keyframes jtg-gambar{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.jtg-layar p{position:absolute;right:16px;top:10px;margin:0;font:700 13px "Courier New",monospace;color:#39FF8C}
.jtg-layar p b{font-size:26px}
.jtg-meter{display:grid;gap:6px;margin-top:14px;padding:14px;border-left:6px solid #2E9E6A;background:#E8F6EE}
.jtg-meter.sedang{border-color:#E39A23;background:#FFF4E1}.jtg-meter.tinggi{border-color:var(--utama);background:var(--utama-muda)}
.jtg-meter b{font-size:18px}
.jtg-meter i{display:block;height:8px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden}
.jtg-meter em{display:block;height:100%;background:currentColor;color:var(--utama)}
.jtg-meter small{font-size:12.5px;color:var(--teks-2)}
.jtg-paket{display:grid;gap:8px;margin-bottom:14px}
.jtg-paket>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border:1.5px solid var(--garis);opacity:.55}
.jtg-paket>div.cocok{opacity:1;border-color:var(--utama);background:var(--utama-muda)}
.jtg-paket b{font-size:14.5px}.jtg-paket em{font-style:normal;font-weight:800;color:var(--utama);white-space:nowrap}.jtg-paket small{grid-column:1/-1;font-size:12.5px;color:var(--teks-2)}
.jtg-catat{margin:12px 0 0;font-size:12.5px;color:var(--teks-3)}

.jtg-t{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.jtg-t{grid-template-columns:1.15fr .85fr}}
.jtg-t-teks{min-width:0}
.jtg-t h2{font-size:clamp(30px,4vw,44px);margin:0 0 14px}
.jtg-t-foto{width:min(100%,400px);justify-self:center;transform:rotate(-1.5deg)}
.jtg-t-foto img{aspect-ratio:4/4.4}
.jtg-detak{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.jtg-detak li{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"h b" "h s";gap:0 12px;align-items:center}
.jtg-detak span{grid-area:h;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--utama-muda);color:var(--utama);font-size:20px;animation:jtg-detak 1.2s ease-in-out infinite}
.jtg-detak li:nth-child(2) span{animation-delay:-.3s}.jtg-detak li:nth-child(3) span{animation-delay:-.6s}.jtg-detak li:nth-child(4) span{animation-delay:-.9s}
@keyframes jtg-detak{10%{transform:scale(1.15)}20%{transform:scale(1)}30%{transform:scale(1.1)}45%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.jtg-detak span,.jtg-layar path{animation:none}}
.jtg-detak b{grid-area:b;font-size:16px}.jtg-detak small{grid-area:s;font-size:13px;color:var(--teks-2)}
@media(max-width:560px){.jtg-detak{grid-template-columns:1fr}}