/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-700:oklch(48.8% .243 264.376);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-extrabold:800;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-5{margin-top:calc(var(--spacing) * 5)}.flex{display:flex}.grid{display:grid}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-x-hidden{overflow-x:hidden}.bg-slate-50{background-color:var(--color-slate-50)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[2rem\]{font-size:2rem}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-blue-700{color:var(--color-blue-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (min-width:40rem){.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:mt-7{margin-top:calc(var(--spacing) * 7)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[2\.75rem\]{font-size:2.75rem}}@media (min-width:64rem){.lg\:text-\[3\.5rem\]{font-size:3.5rem}}}@supports (min-height:100svh){.min-h-screen{min-height:100svh}}:root{--tci-guide:#e6eaf2;--tci-rule-frame:#c3ccdb;--tci-accent:#1d4ed8;--tci-label:#98a1b3;--tci-value:#334155;--tci-inset:14px}@media (min-width:640px){:root{--tci-inset:28px}}.tci-lembar{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tci-sheet-tint{background:radial-gradient(115% 80% at 18% 0,#1d4ed80d 0%,#0000 58%);position:absolute;inset:0}.tci-sheet-guides{inset:var(--tci-inset);background-repeat:no-repeat;background-image:linear-gradient(var(--tci-guide), var(--tci-guide)), linear-gradient(var(--tci-guide), var(--tci-guide)), linear-gradient(var(--tci-guide), var(--tci-guide)), linear-gradient(var(--tci-guide), var(--tci-guide));background-position:33.333% 0,66.667% 0,0 33.333%,0 66.667%;background-size:1px 100%,1px 100%,100% 1px,100% 1px;animation:1.1s ease-out .35s backwards tci-sheet-in;position:absolute}.tci-sheet-frame{inset:var(--tci-inset);border:1px solid var(--tci-rule-frame);animation:.85s cubic-bezier(.22,.68,.36,1) backwards tci-draw;position:absolute}.tci-mark{width:11px;height:11px;animation:.6s ease-out .75s backwards tci-sheet-in;position:absolute}.tci-mark-tl{top:calc(var(--tci-inset) - 6px);left:calc(var(--tci-inset) - 6px);border-top:1px solid var(--tci-accent);border-left:1px solid var(--tci-accent)}.tci-mark-tr{top:calc(var(--tci-inset) - 6px);right:calc(var(--tci-inset) - 6px);border-top:1px solid var(--tci-accent);border-right:1px solid var(--tci-accent)}.tci-mark-bl{bottom:calc(var(--tci-inset) - 6px);left:calc(var(--tci-inset) - 6px);border-bottom:1px solid var(--tci-accent);border-left:1px solid var(--tci-accent)}.tci-mark-br{bottom:calc(var(--tci-inset) - 6px);right:calc(var(--tci-inset) - 6px);border-bottom:1px solid var(--tci-accent);border-right:1px solid var(--tci-accent)}@keyframes tci-draw{0%{clip-path:inset(50%)}to{clip-path:inset(0)}}@keyframes tci-sheet-in{0%{opacity:0}to{opacity:1}}.tci-hud{padding:calc(var(--tci-inset) + 13px) calc(var(--tci-inset) + 15px);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;margin:0;display:flex}.tci-hud-bottom{justify-content:center;align-items:flex-end}.tci-hud>div,.tci-hud dl>div{flex-direction:column;gap:4px;min-width:0;display:flex}.tci-hud dl{margin:0}.tci-hud dt{letter-spacing:.16em;text-transform:uppercase;color:var(--tci-label);white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px}.tci-hud dd{color:var(--tci-value);overflow-wrap:anywhere;align-items:center;gap:7px;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;display:flex}.tci-hud-end{text-align:right;align-items:flex-end}.tci-hud-end dd{justify-content:flex-end}.tci-hud-copy{letter-spacing:-.01em;color:var(--tci-label);text-align:center;text-wrap:balance;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:9.5px;line-height:1.5}@media (min-width:640px){.tci-hud dd{font-size:13px}.tci-hud-copy{font-size:11.5px}}.tci-aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tci-orb{width:0;height:0;animation:26s linear infinite tci-spin;position:absolute}.tci-blob{filter:blur(6.5vw);opacity:.34;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes tci-spin{to{transform:rotate(360deg)}}@keyframes tci-spin-back{to{transform:rotate(-360deg)}}@keyframes tci-breathe{0%,to{scale:1}50%{scale:1.18}}.tci-kisi .tci-orb-1{animation-duration:26s;top:30%;left:34%}.tci-kisi .tci-orb-2{animation-name:tci-spin-back;animation-duration:35s;top:72%;left:66%}.tci-kisi .tci-orb-1 .tci-blob{background:#4f46e5;width:44vw;height:44vw;margin-left:14vw;animation:14s ease-in-out infinite tci-breathe}.tci-kisi .tci-orb-2 .tci-blob{background:#0ea5e9;width:38vw;height:38vw;margin-left:11vw;animation:19s ease-in-out -8s infinite tci-breathe}.tci-grid{opacity:.34;background-image:radial-gradient(#94a3b8 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 60% at 50% 45%,#000 0%,#0000 76%);mask-image:radial-gradient(72% 60% at 50% 45%,#000 0%,#0000 76%)}.tci-vignette{background:radial-gradient(78% 62% at 50% 44%,#0000 40%,#e2e8f08c 100%);position:absolute;inset:0}.tci-kabut .tci-blob{opacity:.3;filter:blur(7vw)}.tci-kabut .tci-orb-1{animation-duration:29s;top:22%;left:26%}.tci-kabut .tci-orb-2{animation-name:tci-spin-back;animation-duration:37s;top:62%;left:74%}.tci-kabut .tci-orb-3{animation-duration:33s;top:96%;left:50%}.tci-kabut .tci-orb-1 .tci-blob{background:#4f46e5;width:40vw;height:40vw;margin-left:12vw;animation:15s ease-in-out infinite tci-breathe}.tci-kabut .tci-orb-2 .tci-blob{background:#7c3aed;width:36vw;height:36vw;margin-left:10vw;animation:17s ease-in-out -7s infinite tci-breathe}.tci-kabut .tci-orb-3 .tci-blob{background:#38bdf8;width:42vw;height:42vw;margin-left:13vw;animation:20s ease-in-out -15s infinite tci-breathe}.tci-em-bold{color:#0f172a;font-weight:700}.tci-em-accent{color:#4f46e5;font-weight:500}.tci-em-bold-accent{color:#3730a3;font-weight:600}.tci-em-underline{color:#0f172a;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#4f46e5,#4f46e5);background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:.08em;font-weight:600}.tci-em-marker{color:#0f172a;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#c7d2fe,#c7d2fe);background-position:0 88%;background-repeat:no-repeat;background-size:100% .46em;margin:0 -.1em;padding:0 .1em;font-weight:600;animation:.55s cubic-bezier(.4,.5,.2,1) .75s backwards tci-swipe}@keyframes tci-swipe{0%{background-size:0 .46em}to{background-size:100% .46em}}@keyframes tci-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tci-fade{animation:.7s cubic-bezier(.22,.68,.36,1) backwards tci-rise}.tci-fade-1{animation-delay:50ms}.tci-fade-2{animation-delay:.14s}.tci-fade-3{animation-delay:.23s}.tci-fade-4{animation-delay:.32s}@media (prefers-reduced-motion:reduce){.tci-fade,.tci-orb,.tci-blob,.tci-em-marker,.tci-sheet-guides,.tci-sheet-frame,.tci-mark{animation:none!important}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

/* ==========================================================================
   Foto — backdrop foto proyek layar penuh

   Klien minta halaman "segera hadir" yang ada gambarnya. Fotonya dipasang
   sebagai <img> object-fit: cover, bukan background-image, supaya browser
   bisa memprioritaskan unduhannya (fetchpriority) dan tetap tajam di layar
   lebar. Di atasnya satu lapisan gelap radial: paling terang di tengah tempat
   foto masih terbaca, makin pekat ke tepi supaya headline dan copyright tetap
   kontras di mana pun potongan fotonya jatuh.

   Kalau di assets/img/backdrop/ ada lebih dari satu foto, tiap foto jadi satu
   .tci-foto-layer dan backdrop.js menggilirnya. Urutan tumpukan diatur skrip
   lewat z-index, jadi di sini cukup transisi opacity-nya.

   Warna teks bawaan tema gelap-di-atas-terang, jadi varian ini membalik
   kelas warna Tailwind yang dipakai front-page. Selektor di-scope ke
   body.tci-backdrop-foto — spesifisitasnya di atas utility satu kelas,
   tanpa perlu !important.
   ========================================================================== */

.tci-foto {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	background-color: #020617;
	pointer-events: none;
}

.tci-foto-layer {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1.6s ease-in-out;
}

.tci-foto-layer.is-on {
	opacity: 1;
}

/*
 * Sedikit di-scale supaya gerak ken burns tidak pernah menyingkap tepi, dan
 * blur 1px menahan foto yang resolusinya pas-pasan agar tidak terlihat pecah
 * saat di-cover ke layar lebar.
 */
.tci-foto-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.04);
	filter: blur(1px) saturate(1.05);
	animation: tci-foto-drift 34s ease-in-out infinite alternate;
}

/* Fase ken burns digeser per lapisan supaya tiap foto tidak bergerak seragam. */
.tci-foto-layer:nth-child(2n) .tci-foto-img  { animation-delay: -11s; }
.tci-foto-layer:nth-child(3n) .tci-foto-img  { animation-delay: -21s; }

/* Scrim harus tetap di atas lapisan foto, yang z-index-nya dinaikkan skrip. */
.tci-foto-shade {
	position: absolute;
	inset: 0;
	z-index: 999;
	background:
		radial-gradient(88% 66% at 50% 44%, rgba(2, 6, 23, 0.5) 0%, rgba(2, 6, 23, 0.86) 100%),
		linear-gradient(180deg, rgba(2, 6, 23, 0.34) 0%, rgba(2, 6, 23, 0.12) 42%, rgba(2, 6, 23, 0.5) 100%);
}

@keyframes tci-foto-drift {
	from { transform: scale(1.04); }
	to   { transform: scale(1.12) translate3d(-1.2%, -1%, 0); }
}

/* --- Teks dibalik jadi terang --- */

body.tci-backdrop-foto {
	background-color: #020617;
	color: #e2e8f0;
}

body.tci-backdrop-foto .text-blue-700  { color: #93c5fd; }
body.tci-backdrop-foto .text-slate-900 { color: #ffffff; }
body.tci-backdrop-foto .text-slate-600 { color: #cbd5e1; }
body.tci-backdrop-foto .text-slate-500 { color: #cbd5e1; }

/* Headline di atas foto butuh sedikit bayangan supaya tepinya tidak lebur. */
body.tci-backdrop-foto h1 {
	text-shadow: 0 2px 24px rgba(2, 6, 23, 0.55);
}

body.tci-backdrop-foto .tci-em-bold,
body.tci-backdrop-foto .tci-em-underline,
body.tci-backdrop-foto .tci-em-marker { color: #ffffff; }

body.tci-backdrop-foto .tci-em-accent      { color: #bfdbfe; }
body.tci-backdrop-foto .tci-em-bold-accent { color: #c7d2fe; }
body.tci-backdrop-foto .tci-em-underline   { background-image: linear-gradient(#60a5fa, #60a5fa); }
body.tci-backdrop-foto .tci-em-marker      { background-image: linear-gradient(rgba(96, 165, 250, 0.38), rgba(96, 165, 250, 0.38)); }

@media (prefers-reduced-motion: reduce) {
	.tci-foto-img {
		animation: none;
	}

	.tci-foto-layer {
		transition: none;
	}
}