/* Template Kemitraan Franchise Kuliner: editorial gelap — arang hangat, oranye bara, krem kertas; judul serif raksasa,
   garis rambut, daftar bernomor ala majalah bisnis, kalkulator dengan grafik arus kas. */
:root{--latar:#141210;--latar-2:#1C1916;--permukaan:#201C18;--teks:#F3EDE4;--teks-2:#BDB3A6;--teks-3:#7F766B;--garis:#3A342D;
  --utama:#F97316;--utama-tua:#EA580C;--utama-muda:#2A1D12;--pada-utama:#141210;--aksen:#FACC15;--aksen-tua:#CA8A04;--pada-aksen:#141210;
  --gelap:#0B0A09;--pada-gelap:#F3EDE4;--radius:4px;--radius-kecil:2px;--bayang:none}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-family:"Fraunces","Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.025em;color:var(--teks)}
.serif{font-family:"Fraunces","Playfair Display",Georgia,serif;font-style:italic;color:var(--utama)}
.kepala{background:rgba(20,18,16,.92);border-bottom:1px solid var(--garis)}
.kepala .merek{color:var(--teks);font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.menu a{color:var(--teks-2)}
.menu a[aria-current],.menu a:hover{color:var(--utama);background:none}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#141210;border-radius:0}
.kepala .btn-wa:hover,.btn-wa:hover,.btn-utama:hover{background:var(--aksen)}
.bag-alt{background:var(--latar-2)}
.btn{border-radius:0}
.kaki{background:var(--gelap)}

.fr-alis{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--utama)}
.fr-alis span{width:36px;height:1px;background:var(--utama)}
.fr-btn{background:var(--utama);color:#141210;font-weight:800;padding:15px 24px}
.fr-btn:hover{background:var(--aksen);color:#141210}
.fr-link{color:var(--teks);font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--utama)}
.fr-blok{width:100%;justify-content:center}
.fr-lead{font-size:17px;color:var(--teks-2);line-height:1.75}

/* Hero */
.fr-hero{padding:48px 0 70px;border-bottom:1px solid var(--garis);overflow-x:clip}
.fr-atas{display:grid;gap:24px}
@media(min-width:960px){.fr-atas{grid-template-columns:1.6fr 1fr;align-items:end}.fr-atas .fr-alis{grid-column:1/-1}}
.fr-hero h1{font-size:clamp(42px,7.4vw,104px);line-height:.95;margin:0}
.fr-sisi{min-width:0}
.fr-sisi p{color:var(--teks-2);font-size:16.5px;line-height:1.7;margin:0 0 22px}
.fr-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.fr-foto{margin:40px 0 0;border-top:1px solid var(--garis);padding-top:12px}
.fr-foto img{display:block;width:100%;aspect-ratio:21/8;object-fit:cover;filter:saturate(.85) contrast(1.05)}
@media(max-width:640px){.fr-foto img{aspect-ratio:4/3}}
.fr-angka{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;border-top:1px solid var(--garis)}
.fr-angka div{padding:20px 16px 0 0;border-right:1px solid var(--garis);min-width:0}
.fr-angka div+div{padding-left:16px}
.fr-angka div:last-child{border-right:0}
.fr-angka dt{font-family:"Fraunces",Georgia,serif;font-size:clamp(34px,4.6vw,56px);line-height:1;color:var(--utama)}
.fr-angka dd{margin:6px 0 0;color:var(--teks-2);font-size:13px;letter-spacing:.06em;text-transform:uppercase}

/* Paket */
.fr-kepala h2{font-size:clamp(34px,5vw,60px);margin:0 0 30px;max-width:16ch}
.fr-daftar{list-style:none;margin:0;padding:0;border-top:1px solid var(--garis)}
.fr-item{display:grid;gap:16px;padding:26px 0;border-bottom:1px solid var(--garis)}
@media(min-width:900px){.fr-item{grid-template-columns:60px 240px 1fr 220px;align-items:start;gap:28px}}
.fr-item>*{min-width:0}
.fr-no{font-family:"Fraunces",Georgia,serif;font-size:34px;color:var(--teks-3)}
.fr-item-gbr img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.fr-item-isi small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--utama)}
.fr-item h3{font-size:26px;margin:6px 0 8px}
.fr-item h3 a{color:inherit;text-decoration:none}
.fr-item h3 a:hover{color:var(--utama)}
.fr-item-isi p{color:var(--teks-2);margin:0 0 10px}
.fr-item-isi ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.fr-item-isi li{padding:4px 10px;border:1px solid var(--garis);font-size:12.5px;color:var(--teks-2)}
.fr-item-harga small{display:block;font-size:12px;color:var(--teks-3);text-transform:uppercase;letter-spacing:.1em}
.fr-item-harga b{display:block;font-family:"Fraunces",Georgia,serif;font-size:28px;margin:2px 0 10px}
.fr-pakai{background:none;border:0;padding:0;color:var(--utama);font:inherit;font-weight:700;cursor:pointer}
.fr-pakai:hover{color:var(--aksen)}

/* Kalkulator */
.fr-hitung{display:grid;gap:28px;margin-top:60px;padding:30px 22px;background:var(--permukaan);border:1px solid var(--garis);scroll-margin-top:90px}
@media(min-width:960px){.fr-hitung{grid-template-columns:1fr 1.1fr;gap:44px;padding:44px}}
.fr-h-kiri,.fr-h-kanan{min-width:0}
.fr-hitung h2{font-size:clamp(30px,4vw,46px);margin:0 0 22px}
.fr-f{display:grid;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teks-2)}
.fr-f output{color:var(--utama);font-size:15px}
.fr-f select,.fr-f input[type=number]{width:100%;padding:12px;background:var(--latar);color:var(--teks);border:1px solid var(--garis);font:inherit;font-size:15px;text-transform:none;letter-spacing:0}
.fr-f input[type=range]{width:100%;accent-color:var(--utama)}
.fr-dua{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fr-besar small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teks-3)}
.fr-besar b{display:block;font-family:"Fraunces",Georgia,serif;font-size:clamp(44px,6vw,68px);line-height:1;color:var(--utama)}
.fr-besar b.rugi{color:#F87171;font-size:38px}
.fr-rinci{margin:18px 0}
.fr-rinci div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--garis);font-size:14.5px}
.fr-rinci dt{color:var(--teks-2)}
.fr-rinci dd{margin:0;font-weight:700;white-space:nowrap}
.fr-rinci div.tebal dd{color:var(--aksen);font-size:17px}
.fr-grafik{display:block;width:100%;height:auto}
.fr-grafik text{fill:var(--teks-3);font-size:11px;font-family:inherit}
.fr-grafik .nol{stroke:var(--teks-3);stroke-dasharray:3 4}
.fr-grafik .area{fill:rgba(249,115,22,.12)}
.fr-grafik .garis{fill:none;stroke:var(--utama);stroke-width:2.5}
.fr-grafik .titik{fill:var(--aksen)}
.fr-grafik .lbl{fill:var(--teks);font-weight:700}
.fr-catat{font-size:12.5px;color:var(--teks-3);margin:10px 0 16px}

/* Tahap */
.fr-tahap{margin-top:60px}
.fr-tahap h3{font-size:clamp(26px,3.4vw,38px);margin:0 0 22px}
.fr-tahap ol{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:t}
@media(min-width:800px){.fr-tahap ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fr-tahap li{position:relative;padding:22px 16px 6px 0;border-top:2px solid var(--garis);counter-increment:t}
.fr-tahap li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--utama)}
.fr-tahap small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--utama)}
.fr-tahap p{margin:6px 0 0;font-size:16px}

/* Tentang */
.fr-t{display:grid;gap:30px}
@media(min-width:900px){.fr-t{grid-template-columns:1fr 1.1fr;align-items:center;gap:56px}}
.fr-t-foto{margin:0}
.fr-t-foto img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.fr-tentang h2{font-size:clamp(32px,4.4vw,54px);margin:0 0 16px}
.fr-dukung{list-style:none;margin:22px 0 0;padding:0;counter-reset:d}
.fr-dukung li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--garis);counter-increment:d}
.fr-dukung li::before{content:counter(d,decimal-leading-zero);font-family:"Fraunces",Georgia,serif;color:var(--utama)}

/* Bawaan */
.testimoni-kartu,.kartu{background:var(--permukaan);border-color:var(--garis)}
.ajakan{background:var(--utama);border-radius:0}
.ajakan h2,.ajakan p{color:#141210}
.ajakan .serif{color:#141210}
.ajakan .btn{background:#141210;color:var(--teks)}