/* Gaya bersama lajuweb.com (beranda + halaman Pontianak). Token warna & font: lihat README. */
:root{--navy:#0B1324;--navy2:#131C30;--krem:#F6F1E8;--krem2:#EFE7DA;--kuning:#FFC72C;--kuning2:#FFD65A;--redup:#9AA3B5;--redup2:#B4BCCC;--abu:#5A5F6B;--abu2:#3E4654;--hijau:#34D399;--tepi:clamp(20px,5vw,72px);--ruang:clamp(72px,10vw,140px);--lengkung:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--krem);color:var(--navy);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,p,figure,blockquote{margin:0}button{font:inherit}
::selection{background:var(--kuning);color:var(--navy)}
.wrap{max-width:1320px;margin:0 auto;padding-left:var(--tepi);padding-right:var(--tepi)}
.aksen{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.08em;letter-spacing:-.01em}
h2.besar{font-weight:800;font-size:clamp(40px,6.4vw,92px);line-height:.98;letter-spacing:-.04em}
.kepala-bag{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(36px,5vw,64px)}
.kepala-bag h2{flex:1 1 520px;min-width:0}.kepala-bag p{flex:0 1 420px;max-width:420px;font-size:17px;line-height:1.6;color:var(--abu)}
.panah{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--lengkung)}
[data-nudge]:hover .panah{transform:translate(3px,-3px)}
.btn{display:inline-flex;align-items:center;gap:14px;min-height:60px;padding:0 28px;border-radius:999px;font-weight:800;font-size:17px;text-decoration:none;color:var(--navy);background-color:var(--kuning);background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .45s var(--lengkung),color .3s,transform .2s}
.btn:hover{background-size:100% 100%}
.btn.garis{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:700;transition:background-color .2s}.btn.garis:hover{background:rgba(255,255,255,.08)}
.btn.gelap{background-color:var(--navy);color:var(--kuning)}.btn.gelap:hover{color:var(--navy)}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:rgba(11,19,36,0);border-bottom:1px solid rgba(255,255,255,0);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .35s ease,border-color .35s ease}
.hdr .wrap{display:flex;align-items:center;gap:32px;padding-top:14px;padding-bottom:14px}
.wordmark{font-weight:800;font-style:italic;font-size:21px;line-height:1;letter-spacing:.01em;padding-bottom:3px;border-bottom:4px solid var(--kuning);color:#fff;text-decoration:none;transition:color .35s}
.hdr nav{display:flex;gap:30px;font-size:15px;font-weight:600;color:#fff;transition:color .35s}.hdr nav a{text-decoration:none}.hdr nav a:hover{opacity:.7}
.hdr .kanan{margin-left:auto;display:flex;align-items:center;gap:30px}
.hdr .cta{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--kuning);color:var(--navy);font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s}.hdr .cta:hover{transform:translateY(-1px)}
.hdr.gulir{background:rgba(246,241,232,.88);border-color:rgba(11,19,36,.08)}.hdr.gulir .wordmark,.hdr.gulir nav{color:var(--navy)}
@media(max-width:759px){.hdr nav{display:none}}

/* hero */
.hero{position:relative;overflow:hidden;margin-top:-75px;padding-top:75px;background:var(--navy);color:#fff}
.hero .cahaya{position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:var(--warna-cf,#C8102E);opacity:.22;filter:blur(10px);transition:background-color 1.2s ease}
.hero .wrap{position:relative;padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}
.hero .atas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:14px;font-weight:600;color:var(--redup);animation:lwFade .8s ease both}
.hero .atas .buka{display:inline-flex;align-items:center;gap:10px;color:#E6E9EF}.hero .atas .buka i{width:8px;height:8px;border-radius:50%;background:var(--hijau);animation:lwPulse 2s ease-in-out infinite}
.hero .isi{display:flex;flex-wrap:wrap;align-items:center;gap:40px clamp(32px,5vw,80px);margin-top:clamp(32px,5vw,64px)}
.hero .teks{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:30px}
.hero h1{font-weight:800;font-size:clamp(44px,7vw,104px);line-height:.98;letter-spacing:-.045em}
.hero h1 .k{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}.hero h1 .k>span{display:inline-block;animation:lwUp 1s var(--lengkung) both;animation-delay:var(--d,0s)}
.hero h1 .k.em{padding-bottom:.12em;margin-bottom:-.12em}.hero h1 .k.em>span{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:-.015em;color:var(--kuning)}
.hero p{max-width:540px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--redup2);text-wrap:pretty;animation:lwFade .9s ease both .55s}
.hero .tombol{display:flex;flex-wrap:wrap;gap:12px;animation:lwFade .9s ease both .7s}
.hero .panggung{flex:1 1 400px;display:flex;flex-direction:column;align-items:center;gap:18px;animation:lwFade 1s ease both .3s}
.cf{position:relative;width:100%;max-width:560px;height:580px;perspective:1600px}
.cf .bulat{position:absolute;left:50%;top:50%;width:420px;aspect-ratio:1;border-radius:50%;background:var(--warna-cf,#C8102E);transform:translate(-50%,-50%);transition:background-color .9s ease}
.cf .tumpuk{position:absolute;inset:0;transform-style:preserve-3d}
.cf .hp{position:absolute;left:50%;top:18px;width:250px;margin-left:-125px;padding:7px;border-radius:38px;background:#05080F;box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12);transition:transform .9s var(--lengkung),opacity .9s ease}
.cf .hp img{width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:31px}
.cf .hp[data-pos="0"]{transform:translateX(0) translateZ(0) rotateY(0) scale(1);z-index:4;opacity:1}
.cf .hp[data-pos="1"]{transform:translateX(60%) translateZ(-160px) rotateY(-30deg) scale(.84);z-index:3;opacity:.9}
.cf .hp[data-pos="2"]{transform:translateX(0) translateZ(-320px) scale(.7);z-index:1;opacity:0}
.cf .hp[data-pos="3"]{transform:translateX(-60%) translateZ(-160px) rotateY(30deg) scale(.84);z-index:3;opacity:.9}
.cf-ket{display:flex;align-items:center;gap:16px}.cf-ket .nama{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.cf-ket b{font-size:15px;font-weight:700;color:#fff}.cf-ket small{font-size:13px;color:var(--redup)}
.cf-ket .titik{display:flex;gap:6px}.cf-ket button{height:8px;width:8px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.3);transition:width .4s,background-color .4s}.cf-ket button.aktif{width:28px;background:var(--kuning)}
@media(max-width:759px){.cf{height:470px}.cf .bulat{width:300px}.cf .tumpuk{zoom:.8}}
.stat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-top:clamp(40px,6vw,80px);padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(255,255,255,.12)}
.stat div{display:flex;flex-direction:column;gap:4px}.stat b{font-weight:800;font-size:clamp(36px,4.4vw,60px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat b.kuning{color:var(--kuning)}.stat span{font-size:15px;line-height:1.45;color:var(--redup)}
@media(max-width:759px){.stat{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* pita */
.pita{overflow:hidden;background:var(--kuning);color:var(--navy);border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}
.pita .jalan{display:flex;width:max-content;animation:lwMarq 42s linear infinite}
.pita .set{display:flex;align-items:center;gap:36px;padding:22px 18px;font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em;white-space:nowrap}.pita em{font-family:'Instrument Serif',serif;font-style:normal;font-weight:400}

/* karya */
.karya{padding:var(--ruang) 0}
.karya h2 sup{font-size:.28em;font-weight:700;letter-spacing:0;vertical-align:top;margin-left:6px;color:var(--abu)}
.grid-karya{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,48px) clamp(16px,2vw,28px)}
.kartu{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:var(--navy)}
.kartu .bingkai{position:relative;border-radius:28px;overflow:hidden;transition:transform .5s var(--lengkung)}.kartu:hover .bingkai{transform:scale(.985)}
.kartu .label{position:absolute;left:18px;top:18px;z-index:3;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:700}
.kartu .hp{position:absolute;top:13%;width:32%;padding:5px;border-radius:26px;background:#05080F;box-shadow:0 30px 60px rgba(0,0,0,.42);will-change:transform}
.kartu .hp.a{left:14%}.kartu .hp.b{right:14%;top:25%}
.kartu .hp img{width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:21px}
.kartu.k7{grid-column:span 7}.kartu.k5{grid-column:span 5}.kartu.k7 .bingkai{aspect-ratio:1.4}.kartu.k5 .bingkai{aspect-ratio:1}
.kartu.k5 .hp{width:40%}.kartu.k5 .hp.a{left:7%}.kartu.k5 .hp.b{right:7%}
.kartu .ket{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px}.kartu .ket>span:not(.lihat){display:flex;flex-direction:column;gap:4px}
.kartu .ket b{font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.02em}.kartu .ket small{font-size:15px;color:var(--abu)}
.kartu .lihat{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.kartu .lihat .panah{width:17px;height:17px;stroke-width:2.2}
@media(max-width:759px){.kartu.k7,.kartu.k5{grid-column:span 12}.kartu.k7 .bingkai,.kartu.k5 .bingkai{aspect-ratio:1}.kartu .hp{width:40%}.kartu .hp.a{left:7%}.kartu .hp.b{right:7%}}

/* layanan */
.layanan{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding:var(--ruang) 0}
.layanan .kepala-bag p{color:var(--redup);max-width:380px;margin-bottom:0}.layanan .kepala-bag{margin-bottom:clamp(28px,4vw,48px)}
.baris-l{border-bottom:1px solid rgba(255,255,255,.14)}
.baris-l>div{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(0,1fr) 150px;align-items:baseline;gap:8px 28px;padding:30px 0;border-top:1px solid rgba(255,255,255,.14);transition:padding-left .45s var(--lengkung),color .3s}
.baris-l>div:hover{padding-left:22px;color:var(--kuning)}
.baris-l .no{font-size:14px;font-weight:600;color:#7D879C}.baris-l .nm{min-width:0;font-weight:700;font-size:clamp(28px,4vw,54px);line-height:1.05;letter-spacing:-.035em}
.baris-l .ds{max-width:360px;font-size:16px;line-height:1.5;color:var(--redup)}.baris-l .hg{justify-self:end;white-space:nowrap;font-weight:800;font-size:18px}
@media(max-width:899px){.baris-l>div{grid-template-columns:36px minmax(0,1fr)}.baris-l .ds,.baris-l .hg{grid-column:2/3;justify-self:start}}
.layanan .apung{position:absolute;left:0;top:0;z-index:5;width:340px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.6);box-shadow:0 30px 70px rgba(0,0,0,.5);transition:left .2s ease-out,top .2s ease-out,opacity .3s ease,transform .45s var(--lengkung)}
.layanan .apung.tampil{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}
.layanan .apung img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.layanan .apung img.aktif{opacity:1}
@media(max-width:899px){.layanan .apung{display:none}}

/* cara kerja */
.cara{padding:var(--ruang) 0}
.cara h2{max-width:900px;text-wrap:balance}
.kartu3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.langkah{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;transition:transform .4s var(--lengkung)}.langkah:hover{transform:translateY(-6px)}
.langkah em{font-family:'Instrument Serif',serif;font-style:italic;font-size:64px;line-height:.9}.langkah b{font-size:24px;font-weight:800;letter-spacing:-.02em}.langkah>span{font-size:16px;line-height:1.55;color:var(--abu2)}
.langkah .ilus{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(11,19,36,.06);font-size:14px}
.langkah .ilus .gelembung{align-self:flex-end;max-width:90%;padding:10px 12px;border-radius:14px 14px 4px 14px;background:#E9F7EF;line-height:1.4}
.langkah .ilus.baris{flex-direction:row;align-items:center;gap:12px;padding:12px}.langkah .ilus.baris img{flex:none;width:58px;height:58px;border-radius:12px;object-fit:cover;object-position:top}
.langkah .ilus.baris>span{display:flex;flex-direction:column;gap:2px;min-width:0}.langkah .ilus.baris small{font-size:12.5px;color:var(--abu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.langkah .ilus.domain{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.langkah .ilus.domain .d{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.langkah .ilus.domain .d i{flex:none;width:9px;height:11px;border-radius:2px;background:#16A34A}
.langkah .ilus.domain .tayang{flex:none;padding:5px 10px;border-radius:999px;background:var(--navy);color:var(--kuning);font-size:12px;font-weight:800}
.jaminan{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:20px;padding:clamp(22px,3vw,32px);border-radius:28px;background:var(--navy);color:#fff}
.jaminan .koin{flex:none;width:92px;height:92px;border-radius:50%;background:var(--kuning);color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.jaminan .koin b{font-size:26px;font-weight:800;letter-spacing:-.03em}.jaminan .koin small{font-size:11px;font-weight:700;margin-top:3px}
.jaminan .t{flex:1 1 320px;display:flex;flex-direction:column;gap:4px}.jaminan .t b{font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.02em}.jaminan .t span{font-size:16px;line-height:1.5;color:var(--redup)}
.jaminan .btn{min-height:56px;padding:0 24px;font-size:16px}
@media(max-width:759px){.kartu3{grid-template-columns:1fr}}

/* testimoni */
.testi{background:var(--krem2);padding:var(--ruang) 0}
.testi .tanda{padding:8px 14px;border-radius:999px;background:var(--navy);color:var(--kuning);font-size:13px;font-weight:700}
.testi .geser{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--tepi);scrollbar-width:none;margin:0 calc(-1 * var(--tepi));padding:4px var(--tepi) 12px}.testi .geser::-webkit-scrollbar{display:none}
.testi figure{flex:1 0 min(86vw,380px);scroll-snap-align:start;display:flex;flex-direction:column;gap:28px;padding:30px;border-radius:28px}
.testi figure em{font-family:'Instrument Serif',serif;font-style:normal;font-size:72px;line-height:.5;height:30px}.testi blockquote{font-size:clamp(19px,1.8vw,22px);line-height:1.45;font-weight:600;letter-spacing:-.01em}
.testi figcaption{margin-top:auto;display:flex;align-items:center;gap:12px}.testi figcaption i{flex:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:18px}
.testi figcaption span{display:flex;flex-direction:column}.testi figcaption b{font-size:15px}.testi figcaption small{font-size:13.5px;opacity:.8}

/* harga */
.harga{background:var(--navy);color:#fff;padding:var(--ruang) 0}.harga .kepala-bag p{color:var(--redup);max-width:380px}
.paket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.paket>div{display:flex;flex-direction:column;gap:18px;padding:32px;border-radius:28px;background:var(--navy2);border:1px solid rgba(255,255,255,.08)}
.paket .nm{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px;font-weight:800}.paket .nm .tag{flex:none;white-space:nowrap;padding:6px 12px;border-radius:999px;background:var(--navy);color:var(--kuning);font-size:12.5px;font-weight:800}
.paket .hg{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:clamp(44px,5vw,64px);line-height:1;letter-spacing:-.045em}.paket .hg small{font-size:16px;font-weight:600;letter-spacing:0;color:var(--redup)}
.paket .ds{font-size:15px;line-height:1.55;color:var(--redup)}
.paket ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:18px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1);font-size:15.5px;color:#D7DCE6}
.paket .btn{margin-top:auto;justify-content:center;min-height:56px;font-size:16px}
.paket>div.utama{background:var(--kuning);color:var(--navy);border-color:transparent}.paket>div.utama .ds{color:#3A3115}.paket>div.utama ul{border-top-color:rgba(11,19,36,.15);color:var(--navy)}.paket>div.utama .btn{background-color:var(--navy);color:var(--kuning)}.paket>div.utama .btn:hover{color:var(--navy)}
@media(max-width:759px){.paket{grid-template-columns:1fr}}

/* solo + faq */
.solo{padding:var(--ruang) 0}
.solo .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px clamp(32px,6vw,96px);align-items:start}
.terminal{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:var(--navy);color:#C9CFDB;box-shadow:0 30px 60px rgba(11,19,36,.18)}
.terminal .bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 18px;background:var(--navy2)}.terminal .bar i{width:10px;height:10px;border-radius:50%}.terminal .bar span{margin-left:10px;font:500 12.5px 'IBM Plex Mono',ui-monospace,monospace;color:#7D879C}
.terminal pre{margin:0;padding:22px 22px 26px;font:500 13.5px/1.95 'IBM Plex Mono',ui-monospace,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.terminal .k{color:var(--kuning)}.terminal .h{color:var(--hijau)}.terminal .r{color:#7D879C}
.kontak-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;font-size:15px;line-height:1.5;margin-top:22px}.kontak-k span{display:flex;flex-direction:column;gap:2px}.kontak-k b{font-size:13px;color:var(--abu);font-weight:700}
.solo h2{font-weight:800;font-size:clamp(36px,4.6vw,64px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.solo .intro{font-size:18px;line-height:1.6;color:var(--abu2);text-wrap:pretty;margin-top:20px}
.faq{margin-top:40px;border-top:1px solid rgba(11,19,36,.14)}
.faq>div{border-bottom:1px solid rgba(11,19,36,.14)}
.faq button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;background:none;border:0;cursor:pointer;text-align:left;font:700 18.5px/1.35 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--navy)}
.faq button i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center}.faq button svg{width:16px;height:16px;fill:none;stroke:var(--kuning);stroke-width:2.6;stroke-linecap:round}.faq button svg .v{transform-box:fill-box;transform-origin:center;transition:transform .3s var(--lengkung)}
.faq .jwb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--lengkung)}.faq .jwb>div{overflow:hidden;min-height:0}.faq .jwb p{padding:0 0 22px;font-size:16.5px;line-height:1.6;color:var(--abu2)}
.faq>div.buka .jwb{grid-template-rows:1fr}.faq>div.buka svg .v{transform:rotate(90deg)}

/* penutup & footer */
.tutup{position:relative;overflow:hidden;background:var(--kuning);color:var(--navy)}
.tutup .wrap{padding-top:clamp(80px,12vw,170px);padding-bottom:clamp(80px,12vw,170px);display:flex;flex-direction:column;gap:36px}
.tutup h2{max-width:1150px;font-weight:800;font-size:clamp(48px,9vw,136px);line-height:.94;letter-spacing:-.05em;text-wrap:balance}.tutup h2 .aksen{letter-spacing:-.015em}
.tutup .bawah{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}.tutup p{max-width:520px;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:#3A3115}
.tutup .btn{min-height:72px;padding:0 34px;font-size:19px;gap:18px}.tutup .btn .panah{width:22px;height:22px}
footer{background:var(--navy);color:#C9CFDB;overflow:hidden}
footer .wrap{padding-top:56px;padding-bottom:28px;display:flex;flex-direction:column;gap:36px}
footer .kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:24px 40px;font-size:15px;line-height:1.6}footer .kolom span{display:flex;flex-direction:column;gap:6px}footer .kolom b{font-size:13px;color:#7D879C;font-weight:700}footer .kolom a{text-decoration:none}footer .kolom a:hover{color:#fff}
footer .raksasa{font-weight:800;font-style:italic;font-size:clamp(72px,19vw,280px);line-height:.8;letter-spacing:-.04em;color:var(--navy2);white-space:nowrap;margin:0 -.04em}
footer .dasar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#7D879C}
.bilah{display:none;position:sticky;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(11,19,36,.9);backdrop-filter:blur(12px)}
.bilah a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:var(--kuning);color:var(--navy);font-weight:800;font-size:16.5px;text-decoration:none}
@media(max-width:759px){.bilah{display:block}}

/* animasi */
@keyframes lwUp{from{transform:translateY(108%)}to{transform:none}}
@keyframes lwFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes lwMarq{to{transform:translateX(-50%)}}
@keyframes lwPulse{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}50%{box-shadow:0 0 0 6px rgba(52,211,153,0)}}
[data-reveal]{opacity:1}
.gerak [data-reveal]:not(.in){opacity:0;transform:translateY(36px)}
.gerak [data-reveal]{transition:opacity .9s var(--lengkung),transform 1s var(--lengkung)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}