/* Tema khusus Teja Sukmana — meniru tampilan tejasukmana.com (WordPress/Elementor) tanpa Elementor. Ukuran diukur dari situs asli (desktop 1366 px). */
/* seperti di Elementor Pro: satu keluarga "GlacialIndifference-Bold" — bobot normal memakai berkas Regular, bobot ≥600 berkas Bold */
@font-face{font-family:"GlacialIndifference-Bold";src:url(fonts/GlacialIndifference-Regular.woff) format("woff");font-weight:100 500;font-display:swap}
@font-face{font-family:"GlacialIndifference-Bold";src:url(fonts/GlacialIndifference-Bold.woff) format("woff");font-weight:600 900;font-display:swap}
@font-face{font-family:"Mukti";src:url(fonts/Mukti.ttf) format("truetype");font-weight:400;font-display:swap}  /* satu bobot: tebal disintesis browser seperti di situs lama */
:root{--navy:#172E4E;--teal:#25617B;--teal2:#245F79;--merah:#E01E1E;--hijau:#0EB41A;--hijau2:#08C27C;--g:"GlacialIndifference-Bold",sans-serif;--m:"Mukti",sans-serif;--r:"Roboto",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;padding:15px 15px 0;background:#f4f4f4;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#333;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,h6{margin:0}
.ts-halaman-bingkai{background:#fff}
.ts-wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 10px}
.ts-jebakan{position:absolute!important;left:-9999px!important;width:1px;height:1px}

/* header */
.ts-kepala{position:sticky;top:0;z-index:50;background:var(--navy);padding:5px 0;transition:box-shadow .2s}
.ts-kepala.lengket{box-shadow:0 2px 12px rgba(0,0,0,.25)}
.ts-kepala-isi{display:flex;align-items:center;gap:10px;min-height:65px;max-width:1120px}
.ts-logo{margin-left:14px;margin-right:auto;display:block}.ts-logo img{height:50px;width:auto}
.ts-logo span{color:#fff;font-family:var(--g);font-size:18px}
.ts-menu ul{list-style:none;margin:0;padding:0;display:flex}
.ts-menu li{position:relative}
.ts-menu>ul>li>a{display:flex;align-items:center;gap:6px;padding:13px 20px;font:700 12px/20px var(--g);color:#fff;text-decoration:none;text-transform:uppercase;position:relative}
.ts-menu>ul>li>a::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:#fff;transform:scaleX(0);transition:transform .25s}
.ts-menu>ul>li.aktif>a::after,.ts-menu>ul>li:hover>a::after{transform:scaleX(1)}
.ts-panah{width:9px;height:6px;display:none}
.ts-sub{position:absolute;top:100%;left:0;min-width:200px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12);display:block!important;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:5}
.ts-menu li:hover>.ts-sub,.ts-menu li:focus-within>.ts-sub{opacity:1;visibility:visible;transform:none}
.ts-sub a{display:block;padding:13px 20px;font:700 12px/20px var(--g);color:var(--navy);text-decoration:none;text-transform:uppercase;white-space:nowrap}
.ts-sub a:hover{background:#f1f4f8}
.ts-bahasa{margin:0 14px 0 0;min-width:155px}
.ts-bahasa select{width:155px;height:39px;font-size:16px;color:#000;background:#fff;border:1px solid #666;border-radius:3px;padding:0 8px}
.ts-burger{display:none;margin-right:14px;width:42px;height:38px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:8px}
.ts-burger span{display:block;height:2px;background:#fff;transition:.2s}
.ts-burger.buka span:nth-child(1){transform:translateY(7px) rotate(45deg)}.ts-burger.buka span:nth-child(2){opacity:0}.ts-burger.buka span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ts-menu-hp{display:none;background:var(--navy);padding:6px 0 14px}
.ts-menu-hp a,.ts-menu-hp summary{display:block;padding:12px 24px;font:700 13px var(--g);color:#fff;text-decoration:none;text-transform:uppercase;cursor:pointer;list-style:none}
.ts-menu-hp summary::-webkit-details-marker{display:none}.ts-menu-hp summary::after{content:" ▾"}
.ts-menu-hp details a{padding-left:40px;font-size:12px;opacity:.9}

/* hero */
.ts-hero{position:relative;padding-bottom:0}
.ts-geser{position:relative;overflow:hidden;height:685px;background:var(--navy)}
.ts-geser .ts-geser-jalur{display:flex;height:100%;transition:transform .7s ease}
.ts-geser-item{flex:0 0 100%;height:100%;background-size:cover;background-position:center}
.ts-panah-geser{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;opacity:.95;padding:6px}
.ts-panah-geser svg{width:22px;height:32px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.ts-panah-geser.kiri{left:20px}.ts-panah-geser.kanan{right:20px}
.ts-profil-wrap{position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:none}
.ts-profil{pointer-events:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;width:550px;max-width:100%;margin-left:18px;background:#fff;padding:26px 30px 0 30px;min-height:214px}
.ts-profil-teks{padding-bottom:20px}
.ts-profil h4{font:600 24px/24px var(--r);color:var(--navy);margin:0 0 6px}
.ts-profil-jab{font:400 19px/28.5px var(--m);color:var(--teal);margin:0 0 10px}
.ts-profil-moto{font:400 17px/1.6 var(--m);color:var(--teal);margin:0;padding-left:24px}
.ts-profil img{width:128px;height:168px;object-fit:cover;margin-bottom:22px}

/* pernyataan + kartu */
.ts-pernyataan{background:var(--navy);margin-top:95px;padding:50px 40px 200px}
.ts-pernyataan .ts-wrap{max-width:1140px}
.ts-pernyataan h2{font:400 43.2px/59px var(--g);color:#fff;max-width:800px}
.ts-pernyataan h2 strong{font-weight:700}
.ts-kartu-wrap{margin-top:-210px;position:relative;z-index:2}
.ts-kartu-kisi{display:flex;gap:20px;align-items:flex-start}
.ts-kartu{width:265px;flex:none;box-shadow:0 8px 24px rgba(0,0,0,.18);background:#fff}
.ts-kartu img{width:265px;height:179px;object-fit:cover}
.ts-kartu-teks{padding:14px 10px 20px;background:#fff}
.ts-kartu-teks p{font:400 16px/23px var(--m);color:var(--teal);margin:0 0 20px}
.ts-kartu-kanan{width:300px;margin-left:auto;margin-top:-170px}
.ts-kartu-kanan img{width:300px;height:361px}
.ts-kartu-kanan .ts-kartu-teks p{text-align:justify;line-height:1.2}
.ts-tombol-hijau{display:inline-block;padding:12px 14px;font:400 15px var(--g);color:var(--hijau);text-decoration:none;background:#fff}
.ts-tombol-hijau:hover{text-decoration:underline}

/* bagian beranda */
.ts-bagian{padding:100px 0 50px}
.ts-bagian-kepala{display:grid;grid-template-columns:375px 1fr;gap:40px;align-items:start;margin-bottom:40px}
.ts-bagian h2{font:700 35.2px/35.2px var(--g);color:var(--navy)}
.ts-bagian-kepala p,.ts-artikel-teks p{font:400 14px/20px var(--r);color:var(--navy);margin:0}
.ts-carousel{position:relative}
.ts-carousel-jendela{overflow:hidden}
.ts-carousel .ts-geser-jalur{display:flex;gap:30px;transition:transform .6s ease}
.ts-praktik .ts-geser-item{flex:0 0 calc((100% - 60px)/3)}
.ts-flip{position:relative;display:block;height:280px;text-decoration:none;perspective:1000px}
.ts-flip span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;transition:transform .6s}
.ts-flip-depan{background-size:cover;background-position:center}
.ts-flip-depan::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.ts-flip-belakang{background:#4054B2;transform:rotateY(180deg)}
.ts-flip:hover .ts-flip-depan{transform:rotateY(-180deg)}.ts-flip:hover .ts-flip-belakang{transform:rotateY(0)}
.ts-flip h3{position:relative;font:600 14px/14px var(--g);color:#fff;padding:0 20px}
.ts-panah-bulat{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.ts-panah-bulat svg{width:34px;height:34px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.ts-panah-bulat.kiri{left:10px}.ts-panah-bulat.kanan{right:10px}
.ts-artikel{padding:50px 0 120px}
.ts-artikel-kisi{display:grid;grid-template-columns:270px 1fr;gap:30px;align-items:center}
.ts-artikel-teks h2{margin:0 0 18px}
.ts-artikel .ts-geser-item{flex:0 0 calc((100% - 30px)/2)}
.ts-kartu-artikel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:30px;background-size:cover;background-position:center;text-decoration:none;color:#fff;overflow:hidden}
.ts-kartu-artikel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35));transition:background .3s}
.ts-kartu-artikel:hover::before{background:rgba(23,46,78,.55)}
.ts-ka-baca{position:relative;font:400 14px/14px var(--g)}
.ts-kartu-artikel h2{position:relative;font:800 23px/23px var(--g);text-align:right;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}

/* halaman dalam */
.ts-halaman{padding:30px 10px 40px;max-width:1140px}
.ts-judul-baris{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.ts-remah{margin:0;font:400 16px/1.4 var(--m);color:var(--navy)}
.ts-remah-kecil{font-size:13px}
.ts-remah-kanan{text-align:right;font:400 13px var(--m);color:var(--navy)}
.ts-remah-kanan span{margin-left:6px}
.ts-label-merah{margin:0;font:700 32px/1 var(--g);color:#D80000}
.ts-garis{border:0;border-top:3px solid #111;margin:4px 0 40px}
.ts-isi{font:400 16px/25px var(--m);color:var(--teal)}
.ts-isi p{margin:0 0 1em}.ts-isi ol,.ts-isi ul{margin:0 0 1em;padding-left:22px}.ts-isi strong{color:var(--teal2)}
.ts-isi a{color:#e0115f}
.ts-isi-about{color:#374151;line-height:31px}
.ts-about-kisi{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}
.ts-about-kisi img{width:360px;object-fit:cover}
.ts-about-judul{font:700 21px/1.2 var(--g);color:var(--navy);margin:0 0 14px}
.ts-about-judul.besar{font:700 30px/1.2 var(--g);text-transform:uppercase;margin:0 0 16px}
.ts-artikel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ts-artikel-grid .ts-kartu-artikel{min-height:305px}
.ts-praktik-kisi{display:grid;grid-template-columns:1fr 345px;gap:30px;align-items:stretch}
.ts-praktik-foto{width:100%;height:495px;object-fit:cover;margin-bottom:24px}
.ts-praktik-isi h1{font:700 33px/1 var(--g);color:var(--navy);margin:0 0 20px}
.ts-samping{background:#25617B;box-shadow:0 0 10px rgba(0,0,0,.3);padding:22px 30px}
.ts-samping a{display:block;padding:14px 0;font:700 22px/1.2 var(--g);color:#fff;text-decoration:none}
.ts-samping a[aria-current]{opacity:.82}
.ts-samping a:hover{text-decoration:underline}
.ts-artikel-isi{max-width:680px;margin:0 auto}
.ts-artikel-isi>img{width:100%;margin-bottom:24px}
.ts-artikel-isi h1{font:700 30px/1.15 var(--g);color:var(--navy);margin:0 0 24px}
.ts-tombol-pdf{display:inline-flex;align-items:center;gap:8px;margin:40px 0 20px;padding:12px 24px;border:0;border-radius:3px;background:var(--navy);color:#fff;font:500 15px var(--r);cursor:pointer}
.ts-tombol-pdf svg{width:12px;height:16px}
.ts-dialog{border:0;padding:30px;max-width:460px;width:calc(100% - 32px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.ts-dialog::backdrop{background:rgba(0,0,0,.55)}
.ts-dialog h2{font:700 24px var(--g);color:var(--navy);margin:0 0 18px}
.ts-dialog form[data-ts-form]{display:grid;gap:12px}
.ts-dialog input,.ts-dialog textarea{width:100%;padding:11px 12px;border:1px solid #c9ced6;border-radius:3px;font:15px var(--r)}
.ts-dialog button[type=submit]{padding:12px;border:0;border-radius:3px;background:var(--navy);color:#fff;font:600 15px var(--r);cursor:pointer}
.ts-dialog-tutup{position:absolute;top:8px;right:12px}.ts-dialog-tutup button{border:0;background:none;font-size:28px;cursor:pointer;color:#666}
.ts-form-pesan{margin:0;font-size:13px}.ts-form-pesan.ok{color:#15803d}.ts-form-pesan.galat{color:#b91c1c}
.ts-kontak-kisi{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 -6px 0;box-shadow:0 0 18px rgba(0,0,0,.18)}
.ts-kontak-kiri{background:#fff;text-align:center;padding:40px 30px 40px}
.ts-kontak-kiri h2{font:700 28px var(--g);color:var(--navy);margin:0 0 18px}
.ts-kontak-kiri p{font:400 15px/1.6 var(--r);color:var(--navy);margin:0 0 16px}
.ts-wa-bulat{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#12B40C;color:#fff}
.ts-wa-bulat svg{width:30px;height:30px}
.ts-kontak-kanan{background:#F0F0F0;padding:36px 46px}
.ts-kontak-kanan h3{font:700 22px var(--g);color:var(--navy);margin:0 0 6px}
.ts-kontak-kanan p{font:400 15px var(--r);color:var(--navy);margin:0 0 14px}

/* footer */
.ts-kaki{background:var(--navy);padding:70px 0;margin-top:20px}
.ts-kaki-isi{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1140px}
.ts-kaki-isi>div:first-child{max-width:360px}
.ts-kaki h2{font:600 16px/16px var(--g);color:#fff;margin:0 0 20px}
.ts-kaki p{font:400 14px/21px var(--m);color:#fff;margin:0}
.ts-kaki-kecil{margin-bottom:16px!important}
.ts-langganan{display:flex;flex-wrap:wrap;max-width:418px;border:2px solid #fff}
.ts-langganan input[type=email]{flex:1;min-width:0;height:40px;border:0;background:var(--navy);color:#fff;font:14px var(--m);padding:0 12px;outline:0}
.ts-langganan input::placeholder{color:rgba(255,255,255,.6)}
.ts-langganan button{width:139px;height:40px;border:0;background:var(--navy);color:#fff;font:14px var(--m);cursor:pointer}
.ts-langganan .ts-form-pesan{flex-basis:100%;padding:6px 12px;color:#fff;background:var(--navy)}
.ts-bawah{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 22px}
.ts-bawah p{margin:0;font:400 13px/1.3 "Poppins",sans-serif;color:#333}
.ts-atas{display:inline-flex;align-items:center;gap:8px;font:400 14px "Poppins",sans-serif;color:var(--hijau2);text-decoration:none}
.ts-atas svg{width:14px;height:18px}

/* tablet & HP */
@media (max-width:1024px){
  .ts-menu{display:none}
  .ts-bahasa{min-width:0;margin:0}.ts-bahasa select{width:96px;height:34px;font-size:14px}
  .ts-burger{display:flex}
  .ts-menu-hp.buka{display:block}
  .ts-menu-hp .ts-bahasa-hp{padding:10px 24px}
  .ts-geser{height:520px}
  .ts-pernyataan h2{font-size:34px;line-height:46px}
  .ts-kartu-kisi{flex-wrap:wrap;justify-content:center}
  .ts-kartu-kanan{margin:0}
  .ts-bagian-kepala{grid-template-columns:1fr;gap:16px}
  .ts-praktik-kisi,.ts-about-kisi{grid-template-columns:1fr}
  .ts-about-kisi img{width:100%;max-width:420px}
  .ts-artikel-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  body{padding:0}
  .ts-logo{margin-left:6px}.ts-logo img{height:44px}
  .ts-geser{height:320px}
  .ts-profil-wrap{position:static}
  .ts-profil{width:auto;margin:0 0 0;box-shadow:0 4px 18px rgba(0,0,0,.08)}
  .ts-profil h4{font-size:20px}.ts-profil-jab{font-size:17px;line-height:26px}
  .ts-profil img{width:96px;height:126px}
  .ts-pernyataan{margin-top:40px;padding:40px 10px 60px}
  .ts-pernyataan h2{font-size:25px;line-height:34px}
  .ts-kartu-wrap{margin-top:30px}
  .ts-kartu,.ts-kartu-kanan{width:100%;max-width:360px}
  .ts-kartu img,.ts-kartu-kanan img{width:100%;height:auto}
  .ts-bagian{padding:60px 0 30px}
  .ts-bagian h2{font-size:28px}
  .ts-praktik .ts-geser-item,.ts-artikel .ts-geser-item{flex-basis:100%}
  .ts-artikel-kisi{grid-template-columns:1fr}
  .ts-judul-baris{flex-direction:column-reverse;align-items:flex-start;gap:6px}
  .ts-label-merah{font-size:26px}
  .ts-praktik-foto{height:240px}
  .ts-praktik-isi h1,.ts-artikel-isi h1{font-size:24px}
  .ts-artikel-grid{grid-template-columns:1fr}
  .ts-kontak-kisi{grid-template-columns:1fr;margin:0}
  .ts-kaki{padding:50px 0}.ts-kaki-isi{grid-template-columns:1fr;gap:36px}
}