:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Archivo", "Archivo Narrow", "Helvetica Neue", Arial, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg:#08090b;--bg-subtle:#0e1013;--surface:#14171b;--surface-raised:#1b1f24;--border:#24292f;--border-strong:#5a636d;--text:#f2f4f6;--text-muted:#9aa3ae;--text-faint:#7a838d;--accent:#2ee6c5;--accent-hover:#5cf0d6;--accent-pressed:#1fc7a9;--accent-contrast:#04120f;--accent-soft:#2ee6c51a;--secondary:#8b7cf6;--secondary-soft:#8b7cf61f;--success:#3dd68c;--warning:#e8b339;--danger:#f2555a;--overlay:#08090bb8;--overlay-strong:#08090be0;--dot-idle:#7a838d66;--focus:#5cf0d6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container:1200px;--container-narrow:760px;--gutter:clamp(20px, 5vw, 40px);--section-y:clamp(72px, 10vw, 140px);--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 24px #00000080;--shadow-pop:0 16px 48px #0009;--duration-fast:.14s;--duration-base:.24s;--duration-slow:.48s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--stagger-step:90ms;--fs-display:88px;--lh-display:.92;--fs-h1:64px;--lh-h1:.96;--fs-h2:44px;--lh-h2:1.02;--fs-h3:24px;--lh-h3:1.25;--fs-metric:56px;--lh-metric:1;--fs-body-lg:19px;--lh-body-lg:1.6;--fs-body:17px;--lh-body:1.65;--fs-caption:13px;--fs-ui:15px;--fs-btn:16px;--fs-brand:20px;--lh-caption:1.45;--z-canvas:0;--z-hold-video:1;--z-hold-panel:2;--z-dots:5;--z-nav:20;--z-widget:40;--z-loader:100}@media (width<=900px){:root{--fs-display:52px;--fs-h1:40px;--fs-h2:30px;--fs-h3:20px;--fs-metric:38px;--fs-body-lg:17px;--fs-body:16px}}@media (width<=900px) and (height<=740px){:root{--fs-display:40px;--fs-h1:32px;--fs-h2:22px}}@media (width<=900px) and (height<=600px){:root{--fs-display:32px;--fs-h1:26px;--fs-h2:18px;--fs-body-lg:15px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}img,video,canvas{max-width:100%;display:block}h1,h2,.u-display{font-family:var(--font-display);color:var(--text);text-wrap:balance;margin:0;font-weight:800}.u-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.03em;font-stretch:80%}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.025em;font-stretch:85%}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.02em;font-stretch:90%}h3{font-family:var(--font-body);font-weight:600;font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:-.01em;color:var(--text);margin:0}p{max-width:62ch;color:var(--text-muted);margin:0}.u-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.u-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.u-metric{font-family:var(--font-display);font-weight:800;font-size:var(--fs-metric);line-height:var(--lh-metric);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent)}.u-container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.u-container--narrow{max-width:var(--container-narrow)}.u-section{padding-block:var(--section-y)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.u-skip-link{left:var(--space-4);top:var(--space-4);z-index:var(--z-nav);padding:var(--space-3) var(--space-5);background:var(--surface-raised);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-out);position:absolute;transform:translateY(-200%)}.u-skip-link:focus-visible{transform:translateY(0)}.u-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding-inline:var(--space-6);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-btn);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}@media (width<=640px){.btn{min-height:52px}}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--secondary{color:var(--text);border-color:var(--border-strong);background:0 0}.btn--ghost{color:var(--text-muted);min-height:44px;padding-inline:var(--space-2);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);background:0 0}@media (hover:hover){.btn--primary:hover{background:var(--accent-hover)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.btn--ghost:hover{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.btn:active{transform:translateY(1px)}.btn--primary:active{background:var(--accent-pressed)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.card{gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:relative}@media (hover:hover){.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}}.card--spotlight:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), var(--accent-soft), transparent 70%);transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}@media (hover:hover){.card--spotlight:hover:before{opacity:1}}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-caption);line-height:var(--lh-caption);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;padding:4px 10px;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}.badge--live{background:var(--accent-soft);color:var(--accent)}.badge--live:before{background:var(--success);animation:badge-pulse 2.4s var(--ease-in-out) infinite}.badge--blueprint{color:var(--text-faint);border:1px solid var(--border);background:0 0}.badge--blueprint:before{background:var(--warning)}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.35}}.metric{gap:var(--space-1);flex-direction:column;display:flex}.metric__value{align-items:baseline;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--fs-metric);line-height:var(--lh-metric);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);display:flex}.metric__unit{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);font-weight:400}.metric__label{font-size:var(--fs-caption);line-height:var(--lh-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.metric--estimate .metric__value{font-size:calc(var(--fs-metric) * .55);color:var(--text)}.metric__basis{margin-top:var(--space-2);font-size:var(--fs-caption);color:var(--text-faint);text-transform:none;letter-spacing:0;line-height:1.55}.metric__basis summary{cursor:pointer;color:var(--text-muted);list-style:none}.metric__basis summary::-webkit-details-marker{display:none}.metric__basis summary:before{content:"+ ";color:var(--accent)}.metric__basis[open] summary:before{content:"− "}.metric__basis p{margin-top:var(--space-2);max-width:52ch;color:var(--text-faint)}.section-head{gap:var(--space-3);margin-bottom:var(--space-12);flex-direction:column;display:flex}.section-head__label{font-size:var(--fs-caption);line-height:var(--lh-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:600}.input{width:100%;min-height:48px;padding:0 var(--space-4);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-body);transition:border-color var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--accent)}.faq__item{border-bottom:1px solid var(--border)}.faq__item summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);cursor:pointer;color:var(--text);font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--accent);font-size:var(--fs-h3);transition:transform var(--duration-base) var(--ease-out);flex:none}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{padding-bottom:var(--space-5)}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}.nav{z-index:var(--z-nav);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), backdrop-filter var(--duration-base) var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--overlay-strong), transparent);height:160%;transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.nav.is-solid:before{opacity:0}.nav.is-solid{background:var(--overlay-strong);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav__inner{min-height:calc(40px + 2 * var(--space-4));align-items:center;gap:var(--space-8);width:100%;max-width:var(--container);padding:var(--space-4) var(--gutter);margin-inline:auto;display:flex}.nav__brand{font-family:var(--font-display);font-weight:800;font-stretch:90%;font-size:var(--fs-brand);letter-spacing:-.02em;color:var(--text);text-decoration:none}.nav__links{gap:var(--space-6);margin-inline-start:auto;display:flex}.nav__link{white-space:nowrap;color:var(--text-muted);font-size:var(--fs-ui);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.nav__link.is-active{color:var(--text)}@media (hover:hover){.nav__link:hover{color:var(--text)}}.nav__cta{min-height:40px;padding-inline:var(--space-5);font-size:var(--fs-ui);gap:.28em;display:none}.nav__cta.is-on{animation:nav-cta-masuk var(--duration-base) var(--ease-out);display:inline-flex}@keyframes nav-cta-masuk{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=640px){.nav__inner{gap:var(--space-4)}.nav__brand span{display:none}.nav__links{gap:var(--space-4);margin-inline-start:0}.nav__cta{padding-inline:var(--space-4);white-space:nowrap;margin-inline-start:auto}.nav__cta-lebih{display:none}}.footer{background:var(--bg-subtle);border-top:1px solid var(--border);padding-block:var(--space-16) var(--space-8)}.footer__inner{gap:var(--space-10);grid-template-columns:1.6fr repeat(3,1fr);display:grid}.footer__brand{gap:var(--space-3);flex-direction:column;max-width:32ch;display:flex}.footer__logo{font-family:var(--font-display);font-weight:800;font-stretch:90%;font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--text)}.footer__jam{color:var(--text-faint)}.footer__kolom h3{margin-bottom:var(--space-4);color:var(--text-faint)}.footer__kolom ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__kolom a{color:var(--text-muted);font-size:var(--fs-ui);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}@media (hover:hover){.footer__kolom a:hover{color:var(--text)}}.footer__bawah{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:var(--fs-caption);color:var(--text-faint);flex-wrap:wrap;display:flex}@media (width<=900px){.footer__inner{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}.brand-mark{width:1em;height:1em;fill:var(--accent);flex:none}.nav__brand,.footer__logo{align-items:center;gap:.5em;display:inline-flex}.chat{--chat-tepi:var(--gutter);--chat-tombol:56px}.chat__tombol{right:var(--chat-tepi);bottom:var(--chat-tepi);z-index:var(--z-widget);width:var(--chat-tombol);height:var(--chat-tombol);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);color:var(--accent);cursor:pointer;opacity:0;transform:translateY(var(--space-4));pointer-events:none;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), border-color var(--duration-fast) var(--ease-out);place-items:center;padding:0;display:grid;position:fixed}.chat.is-tampil .chat__tombol{opacity:1;pointer-events:auto;transform:none}.chat__tombol .brand-mark{width:var(--space-6);height:var(--space-6);fill:currentColor}@media (hover:hover){.chat__tombol:hover{border-color:var(--accent)}}.chat__tombol:active{transform:translateY(1px)}.chat__tombol.is-buka{border-color:var(--accent)}.chat__teaser{right:var(--chat-tepi);bottom:calc(var(--chat-tepi) + var(--chat-tombol) + var(--space-3));z-index:var(--z-widget);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);animation:chat-masuk var(--duration-base) var(--ease-out);align-items:stretch;display:flex;position:fixed}.chat__teaser-isi,.chat__teaser-tutup{min-height:44px;padding:0 var(--space-4);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;background:0 0;border:0;font-weight:600}.chat__teaser-tutup{border-left:1px solid var(--border);min-width:44px;color:var(--text-muted);padding:0}@keyframes chat-masuk{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}.chat__panel{right:var(--chat-tepi);bottom:calc(var(--chat-tepi) + var(--chat-tombol) + var(--space-3));z-index:var(--z-widget);width:min(380px, calc(100vw - 2 * var(--chat-tepi)));height:min(560px, calc(100dvh - var(--chat-tombol) - 3 * var(--chat-tepi)));background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);opacity:0;transform:translateY(var(--space-4)) scale(.98);transform-origin:100% 100%;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), visibility 0s linear var(--duration-base);flex-direction:column;display:flex;position:fixed;overflow:hidden}.chat__panel.is-buka{opacity:1;visibility:visible;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), visibility 0s linear 0s;transform:none}.chat__panel:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.chat__kepala{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--border);display:flex}.chat__kepala-teks{align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.chat__judul{font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:0;font-stretch:100%}.chat__tutup{min-height:44px;padding-inline:var(--space-3)}.chat__isi{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat__iframe,.chat__mount{border:0;flex:1;width:100%;min-height:0}.chat-uji{flex-direction:column;flex:1;min-height:0;display:flex}.chat-uji__daftar{gap:var(--space-3);min-height:0;padding:var(--space-5);overscroll-behavior:contain;flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.chat-uji__pesan{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-body);line-height:var(--lh-body)}.chat-uji__pesan--bot{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);align-self:flex-start}.chat-uji__pesan--kamu{background:var(--accent-soft);color:var(--text);align-self:flex-end}.chat-uji__form{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);display:flex}.chat-uji__form .input{flex:1;min-width:0}.chat-uji__kirim{flex:none}@media (width<=640px){.chat{--chat-tepi:var(--space-4)}.chat__panel{width:100%;height:100dvh;transform:translateY(var(--space-8));transform-origin:bottom;border:0;border-radius:0;inset:0}.chat__panel.is-buka{transform:none}.chat.is-tampil .chat__tombol.is-buka{opacity:0;pointer-events:none}}.solution{background:var(--bg)}.solution__rows{gap:var(--space-16);flex-direction:column;display:flex}.solution__row{gap:var(--space-10);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.solution__row--right{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.solution__row--penuh{gap:var(--space-8);grid-template-columns:1fr}.solution__row--penuh .solution__img{aspect-ratio:21/9}.solution__row--right .solution__teks{order:2}.solution__row--right .solution__visual{order:1}.solution__teks{gap:var(--space-3);max-width:var(--container-narrow);flex-direction:column;display:flex}.solution__kicker{color:var(--text-faint);font-style:italic}.solution__visual{gap:var(--space-2);flex-direction:column;display:flex}.solution__img-wrap{width:100%;position:relative}.solution__img-wrap--balik{border-radius:var(--radius-md);overflow:hidden}.solution__img--sebelum{height:100%;position:absolute;inset:0}.solution__img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:auto}.solution__img-tag{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-faint)}.solution__placeholder{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:4/3;width:100%;padding:var(--space-6);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;display:flex}.solution__placeholder-label{color:var(--text-faint)}.solution__placeholder-ket{max-width:32ch;font-size:var(--fs-caption);color:var(--text-faint)}@media (hover:hover){.solution__row:hover .solution__img,.solution__row:hover .solution__placeholder{border-color:var(--border-strong)}}.solution__row--from-left,.solution__row--from-right{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger-step))}.solution__row--from-left{transform:translateX(calc(-1 * var(--space-8)))}.solution__row--from-right{transform:translateX(var(--space-8))}.solution__row--from-left.is-in,.solution__row--from-right.is-in{opacity:1;transform:none}@media (width<=900px){.solution__row,.solution__row--right{grid-template-columns:1fr}.solution__row--right .solution__teks,.solution__row--right .solution__visual{order:initial}}.how{background:var(--bg-subtle)}.how__intro{max-width:var(--container-narrow)}.how__layout{gap:var(--space-12);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;display:grid}.how__langkah{top:var(--space-24);gap:var(--space-5);display:flex;position:sticky}.how__rel{background:var(--border);border-radius:var(--radius-pill);flex:none;width:2px;position:relative;overflow:hidden}.how__rel-isi{transform-origin:top;transform:scaleY(var(--progres,.2));background:var(--accent);transition:transform var(--duration-slow) var(--ease-out);position:absolute;inset:0}.how__stepper{flex-direction:column;flex:1;min-width:0;display:flex}.how__step{grid-template-columns:var(--space-12) 1fr;align-items:baseline;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;display:grid}.how__step:last-child{border-bottom:0}.how__step-num{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h3);font-variant-numeric:tabular-nums;color:var(--text-faint);transition:color var(--duration-base) var(--ease-out);line-height:1}.how__step-label{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-muted);transition:color var(--duration-base) var(--ease-out);font-weight:600}.how__step.is-lewat .how__step-num{color:var(--text-muted)}.how__step.is-active .how__step-num{color:var(--accent)}.how__step.is-active .how__step-label{color:var(--text)}@media (hover:hover){.how__step:not(.is-active):hover .how__step-label{color:var(--text)}}.how__step:focus-visible{outline-offset:4px}.how__panel{gap:var(--space-6);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.how__panel-visual{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.how__img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:auto;display:block}.how__img-tag{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-faint)}.how__panel-teks{gap:var(--space-3);flex-direction:column;display:flex}.how__facts{gap:var(--space-6);margin:var(--space-3) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.how__fact{gap:var(--space-1);flex-direction:column;display:flex}.how__fact dt{color:var(--text-faint)}.how__fact dd{color:var(--text);font-size:var(--fs-body);margin:0}.how__placeholder{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:16/10;width:100%;padding:var(--space-6);background:var(--bg-subtle);border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;display:flex}.how__placeholder-label{color:var(--text-faint)}.how__placeholder-ket{max-width:32ch;font-size:var(--fs-caption);color:var(--text-faint)}.how__revisi{margin-top:var(--space-10);padding:var(--space-8);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-lg)}.how__revisi-kicker{color:var(--accent)}.how__revisi h3{margin-top:var(--space-2)}.how__revisi>p{margin-top:var(--space-3);max-width:var(--container-narrow)}.how__revisi-beda{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.how__revisi-grid{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.how__revisi-item{gap:var(--space-1);flex-direction:column;display:flex}.how__revisi-item-label{color:var(--text);font-weight:600}.how__revisi-item p{font-size:var(--fs-caption);color:var(--text-faint);max-width:none}.how__cta{margin-top:var(--space-8);text-align:center}.how .reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(16px)}.how .reveal.is-in{opacity:1;transform:none}@media (width<=900px){.how__layout{gap:var(--space-6);grid-template-columns:1fr}.how__langkah{gap:var(--space-3);flex-direction:column-reverse;position:relative;top:auto}.how__rel{width:100%;height:2px}.how__rel-isi{transform-origin:0;transform:scaleX(var(--progres,.2))}.how__stepper{flex-direction:row}.how__step{min-height:48px;padding:var(--space-3) 0;border-bottom:0;grid-template-columns:1fr;justify-items:center}.how__step-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.how__panel{padding:var(--space-4)}.how__facts,.how__revisi-grid{gap:var(--space-4);grid-template-columns:1fr}}.handover{background:var(--bg)}.handover__intro{max-width:var(--container-narrow)}.handover__grid{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.handover__card{text-align:left;align-items:flex-start}.handover__img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;max-width:120px;height:auto}.handover__card h3{margin-top:var(--space-1)}.handover__card-body{font-size:var(--fs-body);color:var(--text-muted)}@media (hover:hover){.handover__card:hover{border-color:var(--border-strong)}}.handover__penutup{margin-top:var(--space-8);font-family:var(--font-display);font-weight:800;font-size:var(--fs-h3);color:var(--text);max-width:var(--container-narrow)}.handover__divider{margin:var(--space-16) 0;background:var(--border);height:1px}.handover__retainer{padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.handover__retainer-head{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.handover__retainer-badge{background:var(--secondary-soft);color:var(--secondary);border:none}.handover__retainer-badge:before{background:var(--secondary)}.handover__retainer-body{margin-top:var(--space-4);max-width:var(--container-narrow)}.handover__retainer .btn{margin-top:var(--space-6)}.handover .reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(16px)}.handover .reveal.is-in{opacity:1;transform:none}.handover__grid .reveal{transition-delay:calc(var(--i,0) * var(--stagger-step))}@media (width<=900px){.handover__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.handover__grid{grid-template-columns:1fr}.handover__retainer-head{flex-direction:column;align-items:flex-start}}.bukti{background:var(--bg-subtle)}.bukti__disclosure{margin-top:var(--space-1);text-transform:none;letter-spacing:0;color:var(--text-faint)}.bukti__grid{gap:var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-auto-rows:auto;display:grid}.bukti__card--demo{grid-row:span 2}.bukti__card--demo .bukti__img{aspect-ratio:16/10}.bukti__card:not(.bukti__card--demo){column-gap:var(--space-5);row-gap:var(--space-2);grid-template-columns:120px minmax(0,1fr);align-content:start;display:grid}.bukti__card:not(.bukti__card--demo)>*{grid-column:2}.bukti__card:not(.bukti__card--demo)>.badge{grid-column:1/-1}.bukti__card:not(.bukti__card--demo)>.bukti__img{grid-area:2/1/span 3}.bukti__card{text-align:left;align-items:flex-start;overflow:hidden}.bukti__card--demo{border-color:var(--accent)}.bukti__img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:auto}.bukti__card h3{margin-top:var(--space-1)}.bukti__hasil{font-size:var(--fs-body);color:var(--text-muted)}.bukti__metric{margin-top:var(--space-2)}.bukti__cta{margin-top:var(--space-2);width:100%}.bukti__footer{margin-top:var(--space-12);justify-content:center;display:flex}@media (hover:hover){.bukti__card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.bukti__card--demo:hover{border-color:var(--accent-hover)}}.bukti .reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(16px)}.bukti .reveal.is-in{opacity:1;transform:none}.bukti__grid .reveal,.bukti__footer.reveal{transition-delay:calc(var(--i,0) * var(--stagger-step))}@media (width<=900px){.bukti__grid{grid-template-columns:1fr}.bukti__card--demo{grid-row:auto}}@media (width<=480px){.bukti__card:not(.bukti__card--demo){column-gap:var(--space-4);grid-template-columns:88px minmax(0,1fr)}}.bukti__card:not(.bukti__card--demo) h3{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.cta{min-height:70vh;padding:var(--section-y) 0;background-color:var(--bg);background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cta__overlay{background:var(--overlay-strong);pointer-events:none;position:absolute;inset:0}.cta__inner{z-index:1;column-gap:var(--space-12);row-gap:var(--space-4);grid-template:"judul aksi"1fr"judul catatan"/minmax(0,7fr) minmax(0,5fr);align-items:end;display:grid;position:relative}.cta__judul{max-width:20ch;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:-.025em;grid-area:judul;font-stretch:85%}.cta__aksi{align-items:center;gap:var(--space-4);flex-wrap:wrap;grid-area:aksi;display:flex}.cta__magnet{pointer-events:auto;will-change:transform;display:inline-flex}.cta__cta{--ripple-size:calc(var(--space-24) + var(--space-12));position:relative;overflow:hidden}.cta__cta:after{content:"";top:var(--ripple-y,50%);left:var(--ripple-x,50%);width:var(--ripple-size);height:var(--ripple-size);margin:calc(var(--ripple-size) / -2) 0 0 calc(var(--ripple-size) / -2);border-radius:var(--radius-pill);background:var(--accent-pressed);opacity:0;pointer-events:none;position:absolute;transform:scale(0)}.cta__cta.is-ripple:after{animation:cta-ripple var(--duration-slow) var(--ease-out)}@keyframes cta-ripple{0%{opacity:.55;transform:scale(0)}to{opacity:0;transform:scale(1)}}.cta__catatan{text-transform:none;letter-spacing:0;color:var(--text-faint);grid-area:catatan}.cta .reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger-step));transform:translateY(16px)}.cta .reveal.is-in{opacity:1;transform:none}@media (width<=900px){.cta{min-height:60vh;padding:var(--space-16) 0}.cta__inner{row-gap:var(--space-6);grid-template:"judul""aksi""catatan"/1fr}}.app{width:100%}.loader{z-index:var(--z-loader);justify-content:center;align-items:center;gap:var(--space-6);background:var(--bg);opacity:1;visibility:visible;transition:opacity var(--duration-slow) var(--ease-out), visibility 0s linear 0s;flex-direction:column;display:flex;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-out), visibility 0s linear var(--duration-slow)}.loader__mark{width:40px;height:40px;fill:var(--accent);animation:loader-denyut 1.1s var(--ease-in-out) infinite}@keyframes loader-denyut{0%,to{opacity:1}50%{opacity:.35}}.loader__bar{border-radius:var(--radius-pill);background:var(--border);width:min(160px,40vw);height:2px;overflow:hidden}.loader__bar-fill{transform-origin:0;background:var(--accent);width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out);transform:scaleX(0)}.sequence{background:var(--bg);width:100%;height:100dvh;position:relative;overflow:hidden}.sequence-canvas{width:100vw;height:100dvh;display:block}.hold-video{z-index:var(--z-hold-video);object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none;position:absolute;inset:0}.hold-video.is-on{opacity:1}.hold-layer{--pad-x:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));z-index:var(--z-hold-panel);padding-inline:var(--pad-x);pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.hold-layer:before{content:"";pointer-events:none;background:radial-gradient(120% 95% at 0% 50%, var(--overlay) 0%, var(--overlay) 34%, transparent 72%), linear-gradient(100deg, var(--overlay) 0%, var(--overlay) 40%, transparent 80%), linear-gradient(to top, var(--overlay-strong) 0%, var(--overlay) 12%, transparent 38%);position:absolute;inset:0}@media (width<=900px){.hold-layer:before{background:linear-gradient(to top, var(--overlay-strong) 0%, var(--overlay-strong) 55%, var(--overlay) 100%)}.hold-panel,.hold-panel--wide{max-width:none;width:calc(100vw - 2 * var(--pad-x))}}.hold-panel{will-change:transform, opacity;max-width:34rem;position:absolute}.hold-panel h2{margin-bottom:var(--space-4)}.hold-panel p{max-width:42ch;font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.hold-panel__metric{margin-top:var(--space-6);pointer-events:auto}.hold-panel--wide{max-width:var(--container-narrow)}.hold-panel__cards{gap:var(--space-5);margin-top:var(--space-8);pointer-events:auto;grid-template-columns:1fr 1fr;display:grid}.fear-card{padding:var(--space-3);gap:var(--space-3);background:var(--surface);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);margin:0}.fear-card__img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%;height:auto;display:block}.fear-card__quote{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-muted);font-style:italic}@media (width<=640px){.hold-panel__cards{gap:var(--space-3);margin-top:var(--space-5)}.fear-card{padding:var(--space-2);gap:var(--space-2)}}.hold-line{padding-bottom:.08em;display:block;overflow:hidden}.hold-line__isi{will-change:transform;display:block}.sequence-larut{z-index:var(--z-hold-panel);background:var(--bg);opacity:0;pointer-events:none;position:absolute;inset:0}.hero{justify-content:center;gap:var(--space-6);padding:var(--space-20) var(--pad-x) var(--space-16);will-change:transform, opacity;flex-direction:column;display:flex;position:absolute;inset:0}.hero.is-past{pointer-events:none}.hero__judul{flex-direction:column;max-width:18ch;display:flex}.hero__baris{display:block}.hero__baris--tenang{margin-top:var(--space-3);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:-.02em;color:var(--text-muted);font-stretch:90%}.hero__paragraf{max-width:46ch;color:var(--text-muted)}.hero__aksi{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.hero__magnet{pointer-events:auto;will-change:transform;display:inline-flex}.hero__cta{--ripple-size:calc(var(--space-24) + var(--space-12));position:relative;overflow:hidden}.hero__cta:after{content:"";top:var(--ripple-y,50%);left:var(--ripple-x,50%);width:var(--ripple-size);height:var(--ripple-size);margin:calc(var(--ripple-size) / -2) 0 0 calc(var(--ripple-size) / -2);border-radius:var(--radius-pill);background:var(--accent-pressed);opacity:0;pointer-events:none;position:absolute;transform:scale(0)}.hero__cta.is-ripple:after{animation:hero-ripple var(--duration-slow) var(--ease-out)}@keyframes hero-ripple{0%{opacity:.55;transform:scale(0)}to{opacity:0;transform:scale(1)}}.hero__catatan{color:var(--text-faint)}.hero__reveal{opacity:0;transform:translateY(var(--space-4));animation:hero-in var(--duration-slow) var(--ease-out) forwards;animation-delay:calc(var(--stagger-step) * var(--i,0))}@keyframes hero-in{to{opacity:1;transform:none}}@media (width<=900px){.hero{justify-content:flex-end;gap:var(--space-5);padding-bottom:var(--space-20)}.hero__judul,.hero__paragraf{max-width:none}}@media (width<=900px) and (height<=740px){.hero{gap:var(--space-3);padding-bottom:calc(var(--space-16) + var(--space-4))}}@media (width<=900px) and (height<=600px){.hero{gap:var(--space-2)}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.dots{top:50%;right:var(--gutter);z-index:var(--z-dots);gap:var(--space-4);flex-direction:column;display:flex;position:fixed;transform:translateY(-50%)}.dot{border-radius:var(--radius-pill);background:var(--dot-idle);cursor:pointer;width:8px;height:8px;transition:background-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border:0;padding:0;position:relative}.dot:before{content:"";position:absolute;inset:-18px}@media (hover:hover){.dot:hover{background:var(--text);transform:scale(1.4)}}.dot.is-active{background:var(--accent);transform:scale(1.4)}.dot:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.dots{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.dots.is-off{opacity:0;transform:translate(var(--space-3), -50%);pointer-events:none}.scrollpill{--pill-h:140px;--thumb-h:36px;top:50%;right:var(--gutter);z-index:var(--z-dots);width:3px;height:var(--pill-h);border-radius:var(--radius-pill);background:var(--dot-idle);transform:translate(var(--space-3), -50%);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);position:fixed}.scrollpill.is-on{opacity:1;transform:translateY(-50%)}.scrollpill__thumb{width:100%;height:var(--thumb-h);border-radius:inherit;background:var(--accent);transform:translateY(calc(var(--p,0) * (var(--pill-h) - var(--thumb-h))));transition:transform var(--duration-fast) linear;position:absolute;top:0;left:0}