.landing .lj{--hijau:#2f7d6d;--hijau-tua:#24584d;--hijau-muda:#dcefeb;--oranye:#f1a55a;--oranye-muda:#fbe3c8;--krem:#f2f1ec;--krem-tua:#ebe7df;--garis:#e6e1d6;--navy:#132a3a;--navy-2:#22455b;--langit-1:#8ccff2;--langit-2:#c3e8f8;--tepi:clamp(20px, 4.61vw, 66px);--lengkung:cubic-bezier(.22, 1, .36, 1);--pegas:cubic-bezier(.34, 1.56, .64, 1);color:var(--tinta);font-size:18px;line-height:1.6;overflow-x:clip}:where(.landing .lj) :where(h2,h3,p,figure){margin:0}:where(.landing .lj) :where(ul,ol){margin:0;padding:0;list-style:none}.landing .lj img{max-width:100%;height:auto;display:block}.landing .lj [tabindex="-1"]:focus{outline:none}.landing .lj .gelap :focus-visible,.landing .lj .warna-hijau :focus-visible,.landing .lj .warna-indigo :focus-visible{outline-color:#fff}.landing .lj .warna-oranye{--latar:var(--oranye);--tulisan:var(--navy);--aksen:var(--navy)}.landing .lj .warna-hijau{--latar:var(--hijau);--tulisan:#fff;--aksen:#fff}.landing .lj .warna-koral{--latar:var(--koral);--tulisan:var(--tinta);--aksen:var(--tinta)}.landing .lj .warna-indigo{--latar:var(--indigo);--tulisan:#fff;--aksen:#fff}.landing .lj .warna-langit{--latar:linear-gradient(135deg, #7fe9f0 0%, #8fd0f2 45%, #a9b9ee 100%);--tulisan:var(--navy);--aksen:var(--navy)}.landing .lj .warna-ungu{--latar:linear-gradient(135deg, var(--ungu-1), var(--ungu-2));--tulisan:#fff;--aksen:#fff}.landing .wadah{max-width:1440px;padding-inline:var(--tepi);margin-inline:auto}.landing .bagian{padding-block:clamp(64px,7.5vw,112px)}.landing .judul-bagian{text-align:center;letter-spacing:-.02em;text-wrap:balance;max-width:21ch;margin-inline:auto;font-size:clamp(32px,3.75vw,54px);font-weight:900;line-height:1.1}.landing .judul-bagian--sedang{letter-spacing:-.01em;max-width:none;font-size:clamp(26px,2.6vw,38px)}.landing .sub-bagian{text-align:center;max-width:48ch;color:var(--teks);text-wrap:pretty;margin:18px auto 0;font-size:clamp(17px,1.4vw,20px)}.landing .label-tangan{font-family:var(--font-caveat), cursive;font-size:clamp(26px,2.2vw,32px);font-weight:600;line-height:1}.landing .lj .tombol{height:56px;transition:filter .2s, transform .3s var(--pegas), box-shadow .3s;border-radius:999px;gap:10px;padding:0 32px;font-size:19px;box-shadow:0 14px 28px -16px #7433ffbf}.landing .lj .tombol:hover{transform:translateY(-2px);box-shadow:0 18px 32px -16px #7433ffd9}.landing .lj .tombol:active{transform:translateY(0)scale(.98)}.landing .tombol-garis{border:2px solid;border-radius:999px;align-items:center;height:56px;padding:0 30px;font-size:19px;font-weight:700;transition:background .2s;display:inline-flex}.landing .tombol-garis:hover{background:#ffffff1f}.landing .chip{background:var(--krem);height:48px;color:var(--tinta);font:700 17px/1 var(--font-lato), system-ui, sans-serif;white-space:nowrap;cursor:pointer;transition:background .25s, color .25s, transform .3s var(--pegas);border:0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 22px;display:inline-flex}.landing .chip svg{width:18px;height:18px}.landing .chip:hover{background:var(--krem-tua)}.landing .chip:active{transform:scale(.96)}.landing .chip[aria-selected=true],.landing .chip[aria-pressed=true]{background:var(--tinta);color:#fff}.landing .pilihan{padding-bottom:clamp(24px,3vw,40px)}.landing .pilihan__kisi{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;margin-top:clamp(32px,3.6vw,52px);display:grid}.landing .pil{border:1.5px solid var(--garis);height:100%;min-height:88px;transition:transform .35s var(--pegas), box-shadow .35s, border-color .35s;background:#fff;border-radius:22px;align-items:center;gap:16px;padding:14px 18px 14px 28px;font-size:clamp(18px,1.45vw,21px);font-weight:700;line-height:1.3;display:flex}.landing .pil:hover{border-color:#d6c6ff;transform:translateY(-5px);box-shadow:0 20px 40px -24px #1d1a2e80}.landing .pil__teks{flex:1}.landing .pil__ikon{background:var(--latar);width:54px;height:54px;color:var(--aksen);transition:transform .45s var(--pegas), border-radius .6s;border-radius:58% 42% 52% 48%/46% 56% 44% 54%;flex:none;place-items:center;display:grid}.landing .pil__ikon svg{width:26px;height:26px}.landing .pil:hover .pil__ikon{border-radius:44% 56% 46% 54%/56% 44%;transform:rotate(-10deg)scale(1.1)}.landing .pil__panah{width:24px;height:24px;transition:transform .35s var(--pegas);flex:none}.landing .pil:hover .pil__panah{transform:translate(5px)}.landing .fitur__tab{flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(28px,3vw,40px) 0 clamp(20px,2vw,28px);display:flex;position:relative}.landing .chip__titik{background:var(--latar);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1.5px #fff9}.landing .fitur__jendela{touch-action:pan-y}.landing .fitur__jalur{--celah:22px;--sisa:0px;gap:var(--celah);transform:translate3d(calc(var(--aktif) * (var(--sisa) - 100% - var(--celah)) + var(--geser)), 0, 0);transition:transform .9s cubic-bezier(.65,.05,.25,1);display:flex}.landing .fitur__jalur.diseret{-webkit-user-select:none;user-select:none;transition:none}.landing .slide{flex:0 0 calc(100% - var(--sisa));background:var(--latar);min-height:clamp(540px,42vw,620px);color:var(--tulisan);cursor:pointer;border-radius:clamp(26px,2.5vw,38px);position:relative;overflow:hidden}.landing .slide.aktif{cursor:auto}.landing .slide__isi{min-height:inherit;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);height:100%;display:grid}.landing .slide__teks{align-self:center;max-width:600px;padding:clamp(40px,4.5vw,72px) clamp(16px,2vw,32px) clamp(40px,4.5vw,72px) clamp(32px,5.4vw,88px)}.landing .slide__label{font-family:var(--font-caveat), cursive;margin-bottom:10px;font-size:clamp(25px,2.1vw,31px);font-weight:600;line-height:1}.landing .slide h3{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,3.1vw,46px);font-weight:900;line-height:1.08}.landing .slide__teks>p:not(.slide__label){margin-top:18px;font-size:clamp(17px,1.3vw,19px);line-height:1.6}.landing .slide__poin{gap:10px;margin-top:22px;display:grid}.landing .slide__poin li{align-items:flex-start;gap:12px;font-size:17px;font-weight:700;line-height:1.4;display:flex}.landing .slide__poin svg{width:24px;height:24px;color:var(--navy);stroke-width:3px;background:#ffffff8c;border-radius:50%;flex:none;padding:4px}.landing .slide .tombol{margin-top:30px}.landing .slide__visual{justify-content:center;display:flex;position:relative}.landing .slide__visual--hp{align-items:flex-start;padding-top:clamp(48px,4.5vw,72px)}.landing .slide__visual--laptop{align-items:center;padding:40px 0 40px 12px}.landing .hp{aspect-ratio:390/844;background:#1d1a2e;border-radius:clamp(38px,3.4vw,50px);flex:none;width:clamp(230px,20vw,292px);padding:10px;position:relative;box-shadow:inset 0 0 0 2px #3a3550,0 40px 70px -40px #132a3aa6}.landing .hp img{object-fit:cover;object-position:top;background:var(--krem);border-radius:clamp(28px,2.6vw,40px);width:100%;height:100%}.landing .hp__poni{background:#1d1a2e;border-radius:999px;width:30%;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.landing .laptop{flex:none;width:min(118%,760px);margin-right:-18%}.landing .laptop__layar{background:#1d1a2e;border-radius:18px 18px 6px 6px;padding:12px;box-shadow:0 40px 70px -40px #132a3ab3}.landing .laptop__layar img{aspect-ratio:1100/688;background:#f8fafc;border-radius:8px;width:100%}.landing .laptop__alas{background:linear-gradient(#d9d6e0,#a9a5b6);border-radius:0 0 22px 22px;height:16px;margin:0 -6%}.landing .gelembung{z-index:2;max-width:270px;color:var(--tinta);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 18px 12px 12px;line-height:1.3;display:flex;position:absolute;box-shadow:0 20px 40px -20px #132a3a8c}.landing .gelembung--1{top:26%;left:2%}.landing .gelembung--2{bottom:18%;right:3%}.landing .slide__visual--laptop .gelembung--1{top:9%;left:-2%}.landing .slide__visual--laptop .gelembung--2{bottom:9%;left:8%;right:auto}.landing .gelembung__ikon{background:var(--latar);width:40px;height:40px;color:var(--aksen);border-radius:14px;flex:none;place-items:center;display:grid}.landing .gelembung__ikon svg{width:20px;height:20px}.landing .gelembung b{font-size:16px;font-weight:900;display:block}.landing .gelembung small{color:var(--teks);font-size:14px;display:block}.landing .fitur__kendali{justify-content:center;align-items:center;gap:14px;margin-top:22px;display:flex}.landing .fitur__titik{display:flex}.landing .fitur__titik button{cursor:pointer;background:0 0;border:0;place-items:center;height:32px;padding:0 4px;display:grid}.landing .titik{width:10px;height:10px;transition:width .45s var(--lengkung), background .3s;background:#d5cfd8;border-radius:999px;display:block;position:relative;overflow:hidden}.landing .fitur__titik button:hover .titik{background:#b7afbd}.landing .fitur__titik button[aria-current] .titik{width:44px}.landing .titik__isi{border-radius:inherit;background:var(--tinta);transform-origin:0;position:absolute;inset:0}.landing .fitur__jeda{width:40px;height:40px;color:var(--tinta);cursor:pointer;background:#fff;border:1.5px solid #cfc8d3;border-radius:50%;place-items:center;transition:background .2s;display:grid}.landing .fitur__jeda:hover{background:var(--krem)}.landing .fitur__jeda svg{fill:currentColor;width:16px;height:16px}.landing .cerita__kepala{padding-block:clamp(80px,9vw,150px) clamp(16px,2vw,24px);position:relative}.landing .cerita{padding-top:clamp(16px,2vw,32px)}.landing .cerita__kepala .judul-bagian{max-width:22ch;font-size:clamp(34px,4.4vw,64px);position:relative}.landing .cerita__bentuk{pointer-events:none;position:absolute;inset:0}.landing .bentuk{place-items:center;display:grid;position:absolute}.landing .bentuk svg{width:44%;height:44%}.landing .bentuk--1{aspect-ratio:1;background:var(--koral);width:clamp(60px,6.2vw,92px);color:var(--tinta);box-shadow:-10px -8px 0 0 var(--pink-kiri);border-radius:50%;top:18%;left:7%}.landing svg.bentuk--2{width:clamp(28px,2.8vw,40px);height:auto;fill:var(--oranye);top:5%;left:31%}.landing .bentuk--3{aspect-ratio:1;background:var(--hijau);color:#fff;border-radius:30%;width:clamp(66px,6.6vw,96px);top:7%;right:11%}.landing .bentuk--4{aspect-ratio:1;background:linear-gradient(135deg, var(--ungu-1), var(--ungu-2));color:#fff;border-radius:50% 50% 50% 14%;width:clamp(56px,5.6vw,80px);bottom:6%;left:13%}.landing .bentuk--5{aspect-ratio:1;clip-path:polygon(0 0,0 100%,100% 100%);background:linear-gradient(160deg,#00f5f4,#36a6da 60%,#5d6fc7);width:clamp(44px,4.4vw,62px);bottom:10%;right:13%}.landing svg.bentuk--6{width:clamp(20px,2vw,28px);height:auto;fill:var(--koral);top:50%;right:6%}.landing .cerita__daftar{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:clamp(40px,4vw,60px);display:grid}.landing .kartu-cerita{background:var(--krem);height:100%;transition:transform .35s var(--pegas), box-shadow .35s;border-radius:30px;flex-direction:column;padding:clamp(26px,2.6vw,40px);display:flex}.landing .kartu-cerita:hover{transform:translateY(-6px);box-shadow:0 26px 46px -30px #1d1a2e80}.landing .kartu-cerita__label{background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:15px;font-weight:900;display:inline-flex}.landing .kartu-cerita__ikon{background:var(--latar);width:32px;height:32px;color:var(--aksen);border-radius:50%;place-items:center;display:grid}.landing .kartu-cerita__ikon svg{width:17px;height:17px}.landing .alur{margin-top:26px}.landing .alur li{padding:0 0 26px 34px;position:relative}.landing .alur li:last-child{padding-bottom:0}.landing .alur li:before{content:"";background:var(--latar);border-radius:50%;width:16px;height:16px;position:absolute;top:9px;left:0;box-shadow:0 0 0 4px #fff}.landing .alur li:not(:last-child):after{content:"";transform-origin:top;border-left:2px dashed #c9c1b4;position:absolute;top:32px;bottom:4px;left:7px}.landing .alur__waktu{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.landing .alur time{letter-spacing:-.01em;font-size:clamp(26px,2.2vw,32px);font-weight:900;line-height:1.1}.landing .alur__siapa{color:var(--hijau-tua);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.landing .alur__siapa svg{width:16px;height:16px}.landing .alur__teks{margin-top:6px;font-size:clamp(17px,1.25vw,19px);line-height:1.55}.landing .alamat{padding-top:clamp(24px,3vw,48px)}.landing .kartu-alamat{background:var(--navy);color:#fff;border-radius:clamp(28px,2.8vw,40px);overflow:hidden}.landing .pawai{border-bottom:1px solid #ffffff1f;padding-block:clamp(22px,2.2vw,32px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.landing .pawai__jalur{width:max-content;display:flex}.landing .pawai__item{white-space:nowrap;align-items:center;gap:12px;margin-right:clamp(36px,3.6vw,56px);font-size:clamp(18px,1.6vw,23px);font-weight:900;display:inline-flex}.landing .pawai__item svg{width:1.25em;height:1.25em;color:var(--oranye)}.landing .kartu-alamat__isi{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,4vw,64px);padding:clamp(40px,5vw,80px) clamp(28px,5.4vw,88px) clamp(48px,5.4vw,88px);display:grid}.landing .kartu-alamat .label-tangan{color:var(--oranye);margin-bottom:10px}.landing .kartu-alamat h2{letter-spacing:-.02em;font-size:clamp(34px,3.75vw,54px);font-weight:900;line-height:1.06}.landing .kartu-alamat__teks>p:not(.label-tangan,.alamat-contoh){color:#ffffffe0;margin-top:18px;font-size:clamp(17px,1.35vw,20px)}.landing .alamat-contoh{overflow-wrap:anywhere;background:#ffffff1a;border-radius:999px;align-items:center;gap:10px;max-width:100%;margin-top:22px;padding:10px 20px 10px 14px;font-weight:700;display:inline-flex}.landing .alamat-contoh svg{width:22px;height:22px;color:var(--oranye);flex:none}.landing .aksi{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.landing .kolase{aspect-ratio:1.22;position:relative}.landing .kolase figure{background:#fff;border:6px solid #fff;border-radius:22px;margin:0;position:absolute;overflow:hidden;box-shadow:0 34px 60px -30px #000000bf}.landing .kolase img{width:100%}.landing .kolase__web{width:74%;top:16%;left:0;rotate:-3deg}.landing .kolase__hp{border-radius:26px}.landing .kolase__hp--1{width:33%;top:0;right:1%;rotate:5deg}.landing .kolase__hp--2{width:30%;bottom:-2%;right:17%;rotate:-4deg}.landing .kolase__hp--2 img{aspect-ratio:420/520;object-fit:cover;object-position:top}.landing .kolase__gumpal{aspect-ratio:1;background:var(--navy-2);border-radius:46% 54% 60% 40%/52% 44% 56% 48%;width:62%;position:absolute;top:4%;left:18%}.landing .kolase__kilau{fill:var(--oranye);position:absolute}.landing .kolase__kilau--1{width:44px;top:4%;left:8%}.landing .kolase__kilau--2{width:26px;fill:var(--koral);bottom:22%;right:2%}.landing .pita{background:var(--oranye);color:var(--navy);padding-block:clamp(14px,1.5vw,22px);overflow:hidden}.landing .pita__jalur{align-items:center;width:max-content;display:flex}.landing .pita__unit{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:clamp(18px,2vw,30px);padding-right:clamp(18px,2vw,30px);font-size:clamp(26px,2.6vw,38px);font-weight:900;display:flex}.landing .mata{gap:5px;display:inline-flex}.landing .mata__bola{aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;width:clamp(30px,2.6vw,40px);display:grid}.landing .mata__pupil{aspect-ratio:1;background:var(--navy);border-radius:50%;width:46%}.landing .modul__saring{flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(28px,3vw,40px) 0;display:flex}.landing .modul__daftar{margin-right:calc(-1 * var(--tepi));padding:12px var(--tepi) 26px 0;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:22px;display:flex;overflow-x:auto}.landing .modul__daftar::-webkit-scrollbar{display:none}.landing .modul__daftar>li{scroll-snap-align:start;flex:0 0 clamp(250px,22.4vw,322px)}.landing .modul__daftar--semua{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-right:0;padding-right:0;display:grid;overflow:visible}.landing .kartu-modul{background:var(--latar);height:100%;min-height:clamp(360px,29vw,420px);color:var(--tulisan);text-align:center;transition:transform .4s var(--pegas), box-shadow .4s;border-radius:28px;flex-direction:column;padding:22px 24px 30px;display:flex;position:relative;overflow:hidden}.landing .kartu-modul:hover{transform:translateY(-8px)rotate(-.6deg);box-shadow:0 30px 50px -30px #1d1a2e99}.landing .kat-inti{--latar:var(--navy);--tulisan:#fff;--gumpal:var(--navy-2);--ikon:var(--oranye)}.landing .kat-akademik{--latar:var(--hijau);--tulisan:#fff;--gumpal:#3f9381;--ikon:#fff}.landing .kat-kesiswaan{--latar:var(--indigo);--tulisan:#fff;--gumpal:#5a4b9c;--ikon:#fff}.landing .kat-keuangan{--latar:var(--oranye);--tulisan:var(--navy);--gumpal:#f7c793;--ikon:var(--navy)}.landing .kat-layanan{--latar:var(--koral);--tulisan:var(--tinta);--gumpal:var(--pink-kiri);--ikon:var(--tinta)}.landing .lencana{z-index:1;color:var(--tinta);background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:900;line-height:1.3;position:absolute;top:18px;left:18px}.landing .lencana--segera{background:var(--tinta);color:#fff}.landing .kartu-modul__gambar{flex:1;place-items:center;min-height:200px;display:grid;position:relative}.landing .gumpal{aspect-ratio:1;background:var(--gumpal);border-radius:46% 54% 60% 40%/52% 44% 56% 48%;width:clamp(150px,13vw,188px);position:absolute}.landing .titik-hias{background:var(--ikon);opacity:.55;border-radius:50%;position:absolute}.landing .titik-hias--1{width:12px;height:12px;top:26%;right:18%}.landing .titik-hias--2{width:8px;height:8px;bottom:22%;left:20%}.landing .kartu-modul__gambar svg{width:76px;height:76px;color:var(--ikon);stroke-width:1.6px;transition:transform .5s var(--pegas);position:relative}.landing .kartu-modul:hover .kartu-modul__gambar svg{transform:scale(1.14)rotate(-8deg)}.landing .kartu-modul h3{text-wrap:balance;margin-top:10px;font-size:clamp(22px,1.75vw,26px);font-weight:900;line-height:1.15}.landing .kartu-modul p{text-wrap:pretty;margin-top:8px;font-size:16px;line-height:1.5}.landing .modul__bawah{justify-content:flex-end;align-items:center;gap:12px;display:flex}.landing .lihat-semua{color:var(--tinta);font:700 18px/1.2 var(--font-lato), system-ui, sans-serif;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;margin-right:8px;padding:8px 4px;text-decoration:underline}.landing .lihat-semua:hover{color:var(--ungu-2)}.landing .panah{background:var(--krem);width:50px;height:50px;color:var(--tinta);cursor:pointer;transition:background .2s, transform .3s var(--pegas);border:0;border-radius:50%;place-items:center;display:grid}.landing .panah:hover:not(:disabled){background:var(--krem-tua);transform:scale(1.07)}.landing .panah:disabled{opacity:.45;cursor:default}.landing .angka{padding-top:clamp(24px,3vw,40px)}.landing .kartu-langit{background:linear-gradient(180deg, var(--langit-1) 0%, var(--langit-2) 58%, #e3f4fc 100%);color:var(--navy);text-align:center;border-radius:clamp(28px,2.8vw,40px);padding:clamp(56px,6vw,96px) clamp(24px,4vw,64px) clamp(48px,5vw,80px);position:relative;overflow:hidden}.landing .awan{background:radial-gradient(closest-side,#ffffffe6,#ffffff80 55%,#fff0);border-radius:50%;position:absolute}.landing .awan--1{width:46%;height:32%;top:8%;left:-6%}.landing .awan--2{width:52%;height:36%;top:34%;right:-10%}.landing .awan--3{width:60%;height:34%;bottom:2%;left:22%}.landing .kartu-langit>:not(.awan,.avatar-melayang){position:relative}.landing .avatar-melayang{pointer-events:none;position:absolute;inset:0}.landing .avatar{aspect-ratio:1;background:var(--latar);width:clamp(56px,5.4vw,80px);color:var(--aksen);border:4px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 18px 30px -18px #132a3a99}.landing .avatar svg{width:44%;height:44%}.landing .avatar--1{top:12%;left:14%}.landing .avatar--2{width:clamp(48px,4.6vw,68px);top:17%;right:13%}.landing .avatar--3{width:clamp(48px,4.6vw,68px);top:38%;left:23%}.landing .avatar--4{top:37%;right:25%}.landing .pil-atas{border:2px solid var(--navy);background:#fff6;border-radius:999px;align-items:center;gap:12px;padding:7px 20px 7px 18px;font-size:17px;font-weight:900;display:inline-flex}.landing .tumpuk{display:flex}.landing .tumpuk span{background:var(--latar);width:30px;height:30px;color:var(--aksen);border:2px solid #fff;border-radius:50%;place-items:center;margin-left:-8px;display:grid}.landing .tumpuk span svg{width:15px;height:15px}.landing .kartu-langit h2{letter-spacing:-.025em;text-wrap:balance;max-width:15ch;margin:22px auto 0;font-size:clamp(36px,4.4vw,64px);font-weight:900;line-height:1.05}.landing .kartu-langit .tombol{margin-top:32px}.landing .statistik{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:clamp(48px,5vw,76px) 0 0;display:grid}.landing .statistik div{flex-direction:column;align-items:center;gap:8px;display:flex}.landing .statistik dd{letter-spacing:-.02em;order:-1;margin:0;font-size:clamp(48px,4.6vw,68px);font-weight:900;line-height:1}.landing .statistik dt{max-width:20ch;font-size:17px;font-weight:700;line-height:1.35}.landing .faq__daftar{max-width:900px;margin:clamp(32px,3.5vw,48px) auto 0}.landing .faq__item{border-bottom:1.5px solid var(--garis)}.landing .faq__tombol{width:100%;color:var(--tinta);font:700 clamp(18px, 1.5vw, 22px)/1.35 var(--font-lato), system-ui, sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:24px 4px;display:flex}.landing .faq__tombol:hover{color:var(--ungu-2)}.landing .faq__plus{background:var(--krem);width:40px;height:40px;color:var(--tinta);transition:transform .45s var(--pegas), background .3s, color .3s;border-radius:50%;flex:none;place-items:center;display:grid}.landing .faq__plus svg{width:20px;height:20px}.landing .faq__tombol[aria-expanded=true] .faq__plus{background:var(--ungu-2);color:#fff;transform:rotate(45deg)}.landing .faq__panel{visibility:hidden;transition:grid-template-rows .45s var(--lengkung), visibility 0s linear .45s;grid-template-rows:0fr;display:grid}.landing .faq__item.buka .faq__panel{visibility:visible;transition:grid-template-rows .45s var(--lengkung), visibility 0s;grid-template-rows:1fr}.landing .faq__panel>div{overflow:hidden}.landing .faq__panel p{max-width:68ch;color:var(--teks);padding:0 60px 14px 4px;font-size:18px;line-height:1.65}.landing .faq__panel p:last-child{padding-bottom:28px}.landing .ajakan{padding:clamp(120px, 12vw, 180px) var(--tepi) clamp(110px, 10vw, 160px);background:linear-gradient(100deg, var(--pink-kiri) 0%, #fedfd6 55%, var(--pink-kanan) 100%);text-align:center;margin-top:clamp(32px,4vw,64px);position:relative;overflow:hidden}.landing .ajakan__ombak{width:200%;height:clamp(44px,5vw,76px);position:absolute;top:-1px;left:0}.landing .ajakan__ombak svg{fill:#fff;width:100%;height:100%;display:block}.landing .ajakan__isi{position:relative}.landing .ajakan .label-tangan{color:var(--ungu-2)}.landing .ajakan h2{letter-spacing:-.02em;text-wrap:balance;max-width:20ch;margin:10px auto 0;font-size:clamp(32px,3.4vw,50px);font-weight:900;line-height:1.1}.landing .ajakan__isi>p:not(.label-tangan){text-wrap:balance;color:var(--teks);margin-top:14px;font-size:clamp(17px,1.4vw,20px)}.landing .lj .tombol--raksasa{letter-spacing:-.02em;height:auto;margin-top:clamp(32px,3.4vw,48px);padding:clamp(22px,2.3vw,34px) clamp(40px,5vw,84px);font-size:clamp(30px,4.6vw,66px);font-weight:900;line-height:1.05;box-shadow:0 26px 50px -22px #7433ffb3}.landing .coret{fill:none;stroke:#1d1520;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;position:absolute}.landing .coret--bintang{width:clamp(34px,3.4vw,50px);top:30%;left:12%}.landing .coret--pesawat{width:clamp(56px,5.4vw,80px);top:34%;right:11%}.landing .coret--bintang2{width:clamp(26px,2.4vw,36px);bottom:16%;right:22%}.landing .kaki{padding:clamp(48px, 5vw, 72px) var(--tepi) 28px;background:var(--krem);color:var(--teks)}.landing .kaki__isi,.landing .kaki__bawah{max-width:calc(1440px - 2 * var(--tepi));margin-inline:auto}.landing .kaki__isi{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;display:grid}.landing .kaki__logo{color:var(--indigo);align-items:center;gap:10px;display:flex}.landing .kaki__logo svg{width:28px;height:36px}.landing .kaki__logo b{letter-spacing:1px;font-size:17px;font-weight:900}.landing .kaki__merek>p:not(.kaki__logo){max-width:34ch;margin-top:14px;font-size:16px}.landing .kaki h2{color:var(--tinta);margin-bottom:14px;font-size:18px;font-weight:900}.landing .kaki ul{gap:4px;display:grid}.landing .kaki ul a{padding:4px 0;font-size:16px;display:inline-block}.landing .kaki ul a:hover{color:var(--tinta);text-decoration:underline}.landing .kaki__bawah{border-top:1.5px solid var(--garis);justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(40px,4vw,56px);padding-top:22px;font-size:15px;display:flex}.landing .ke-atas{height:44px;color:var(--tinta);font:700 15px/1 var(--font-lato), system-ui, sans-serif;cursor:pointer;transition:transform .3s var(--pegas);background:#fff;border:1.5px solid #cfc8bd;border-radius:999px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.landing .ke-atas svg{width:18px;height:18px}.landing .ke-atas:hover{transform:translateY(-3px)}@media (max-width:1099px){.landing .pilihan__kisi{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .cerita__daftar{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto}.landing .kartu-alamat__isi{grid-template-columns:minmax(0,1fr)}.landing .kolase{width:min(100%,620px);margin-inline:auto}.landing .kaki__isi{grid-template-columns:repeat(3,minmax(0,1fr))}.landing .kaki__merek{grid-column:1/-1}}@media (max-width:899px){.landing .cerita__kepala{padding-top:136px}.landing .bentuk--1{width:54px;top:10px;left:0}.landing svg.bentuk--2{width:26px;top:22px;left:34%}.landing .bentuk--3{width:58px;top:4px;right:2%}.landing .bentuk--4{width:44px;top:74px;bottom:auto;left:20%}.landing .bentuk--5{width:36px;top:70px;bottom:auto;right:24%}.landing svg.bentuk--6{display:none}.landing .fitur__tab,.landing .modul__saring{margin-inline:calc(-1 * var(--tepi));padding:4px var(--tepi);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.landing .fitur__tab::-webkit-scrollbar{display:none}.landing .modul__saring::-webkit-scrollbar{display:none}.landing .fitur__jalur{--celah:12px;--sisa:28px}.landing .slide{min-height:0}.landing .slide__isi{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.landing .slide__teks{align-self:start;padding:30px 24px 8px}.landing .slide .tombol{margin-top:24px}.landing .slide__visual{min-height:330px}.landing .slide__visual--hp{height:360px;padding-top:28px}.landing .hp{border-radius:34px;width:220px;padding:8px}.landing .hp img{border-radius:27px}.landing .hp__poni{height:18px;top:15px}.landing .slide__visual--laptop{justify-content:flex-start;align-items:flex-start;height:330px;padding:30px 0 0 24px}.landing .laptop{width:560px;margin-right:0}.landing .gelembung{border-radius:16px;max-width:230px;padding:10px 14px 10px 10px}.landing .gelembung__ikon{border-radius:12px;width:34px;height:34px}.landing .gelembung b{font-size:15px}.landing .gelembung small{font-size:13px}.landing .gelembung--1,.landing .slide__visual--laptop .gelembung--1{top:46px;left:12px}.landing .gelembung--2,.landing .slide__visual--laptop .gelembung--2{inset:auto 12px 28px auto}.landing .statistik{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.landing .avatar--1{top:3%;left:5%}.landing .avatar--2{top:4%;right:5%}.landing .avatar--3,.landing .avatar--4{display:none}.landing .kartu-langit{padding-top:96px}.landing .coret--bintang{top:18%;left:6%}.landing .coret--pesawat{top:15%;right:6%}.landing .coret--bintang2{bottom:6%;right:8%}}@media (max-width:639px){.landing .slide__poin{display:none}.landing .slide__visual--hp{height:320px}.landing .hp{width:200px}.landing .slide__visual--laptop{height:290px}.landing .laptop{width:480px}.landing .pil-atas{white-space:nowrap;gap:8px;padding:6px 14px;font-size:15px}.landing .tumpuk span{width:26px;height:26px;margin-left:-7px}.landing .tumpuk span svg{width:13px;height:13px}.landing .pilihan__kisi{grid-template-columns:minmax(0,1fr);gap:12px}.landing .pil{min-height:76px;padding-left:22px}.landing .pil__ikon{width:46px;height:46px}.landing .faq__panel p{padding-right:4px}.landing .kartu-alamat__isi{padding-inline:24px}.landing .kaki__isi{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.landing .kaki__bawah{flex-wrap:wrap}}@media (prefers-reduced-motion:no-preference){.landing .lj.gerak [data-muncul]{opacity:0;transition:opacity .8s var(--lengkung), translate 1s var(--lengkung);transition-delay:calc(var(--urut,0) * 90ms);translate:0 40px}.landing .lj.gerak [data-muncul][data-tampil]{opacity:1;translate:0}.landing .pawai__jalur{animation:46s linear infinite landing-pawai}.landing .pita__jalur{animation:34s linear infinite landing-pawai}.landing .pawai:hover .pawai__jalur,.landing .pita:hover .pita__jalur{animation-play-state:paused}.landing .mata__pupil{animation:4.6s ease-in-out infinite landing-lirik}.landing .mata__bola{animation:5.2s ease-in-out infinite landing-kedip}.landing .pita__unit:nth-child(2n) .mata__pupil{animation-delay:-2.1s}.landing .pita__unit:nth-child(3n) .mata__bola{animation-delay:-1.7s}.landing .fitur__titik.berjalan .titik__isi{animation:landing-isi var(--lama) linear both}.landing .slide .gelembung{opacity:0}.landing .slide.aktif .gelembung{animation:landing-gelembung .7s var(--pegas) both, landing-melayang-kecil 5s ease-in-out infinite;animation-delay:calc(.5s + var(--n) * .6s), calc(1.4s + var(--n) * .8s)}.landing .slide.aktif .hp,.landing .slide.aktif .laptop{animation:landing-naik .9s var(--lengkung) both .15s}.landing .lj.gerak .cerita__kepala .bentuk{scale:0}.landing .lj.gerak .cerita__kepala[data-tampil] .bentuk{animation:landing-pop .8s var(--pegas) both, landing-melayang 7s ease-in-out infinite}.landing .lj.gerak .cerita__kepala[data-tampil] .bentuk--2{animation-duration:.8s,5.5s;animation-delay:.15s,-1.2s}.landing .lj.gerak .cerita__kepala[data-tampil] .bentuk--3{animation-duration:.8s,8s;animation-delay:.3s,-3s}.landing .lj.gerak .cerita__kepala[data-tampil] .bentuk--4{animation-duration:.8s,6.5s;animation-delay:.45s,-2s}.landing .lj.gerak .cerita__kepala[data-tampil] .bentuk--5{animation-duration:.8s,9s;animation-delay:.6s,-4.5s}.landing .lj.gerak .cerita__kepala[data-tampil] .bentuk--6{animation-duration:.8s,4.8s;animation-delay:.75s,-.6s}.landing .lj.gerak [data-tampil] .alur li:after{animation:landing-tumbuh .9s var(--lengkung) both calc(.5s + var(--urut,0) * 90ms)}.landing .kolase figure,.landing .kolase__kilau{animation:6s ease-in-out infinite landing-melayang-kecil}.landing .kolase__hp--1{animation-duration:7s;animation-delay:-2s}.landing .kolase__hp--2{animation-duration:5.5s;animation-delay:-4s}.landing .kolase__kilau--1{animation:9s linear infinite landing-putar}.landing .kolase__gumpal,.landing .gumpal{animation:10s ease-in-out infinite alternate landing-gumpal}.landing .modul__daftar>li{animation:landing-masuk .6s var(--lengkung) both;animation-delay:calc(var(--urut,0) * 60ms)}.landing .awan{animation:26s ease-in-out infinite alternate landing-awan}.landing .awan--2{animation-duration:32s;animation-direction:alternate-reverse}.landing .avatar{animation:7s ease-in-out infinite landing-melayang}.landing .avatar--2{animation-duration:8s;animation-delay:-2.4s}.landing .avatar--3{animation-duration:6.2s;animation-delay:-4s}.landing .avatar--4{animation-duration:7.6s;animation-delay:-1.2s}.landing .lj.gerak .kartu-langit[data-tampil] .statistik div{animation:landing-pop .7s var(--pegas) both;animation-delay:calc(.4s + var(--urut) * .12s)}.landing .ajakan__ombak{animation:18s linear infinite landing-pawai}.landing .coret{animation:7s ease-in-out infinite landing-melayang}.landing .coret--pesawat{animation-duration:5.6s;animation-delay:-2s}.landing .lj .tombol--raksasa{animation:3.6s ease-in-out infinite landing-napas}.landing .lj .tombol--raksasa:hover{animation-play-state:paused}}@keyframes landing-pawai{to{transform:translate(-50%)}}@keyframes landing-lirik{0%,18%{translate:-32%}30%,58%{translate:32%}70%,82%{translate:0 -28%}94%,to{translate:-32%}}@keyframes landing-kedip{0%,90%,to{scale:1}94%{scale:1 .08}}@keyframes landing-isi{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes landing-gelembung{0%{opacity:0;translate:0 24px;scale:.6}to{opacity:1;translate:0;scale:1}}@keyframes landing-naik{0%{opacity:.4;translate:0 60px}to{opacity:1;translate:0}}@keyframes landing-melayang{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-16px)rotate(6deg)}}@keyframes landing-melayang-kecil{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes landing-pop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes landing-tumbuh{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes landing-putar{to{transform:rotate(360deg)}}@keyframes landing-gumpal{0%{border-radius:46% 54% 60% 40%/52% 44% 56% 48%;rotate:none}to{border-radius:58% 42% 44% 56%/42% 58%;rotate:24deg}}@keyframes landing-masuk{0%{opacity:0;translate:24px}to{opacity:1;translate:0}}@keyframes landing-awan{0%{transform:translate(-6%)}to{transform:translate(8%)}}@keyframes landing-napas{0%,to{scale:1}50%{scale:1.04}}@media (prefers-reduced-motion:reduce){.landing .lj *,.landing .lj :before,.landing .lj :after{transition-duration:0s!important;animation:none!important}}
.landing{--ungu-1:#a457ff;--ungu-2:#7433ff;--indigo:#413772;--tinta:#1d1a2e;--teks:#5c5562;--abu-logo:#9390a3;--koral:#ffaea7;--pink-kiri:#fed8dc;--pink-kanan:#fde5d2}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing{min-height:100dvh;color:var(--tinta);font-family:var(--font-lato), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:#fff;margin:0;line-height:normal}.landing a{color:inherit;text-decoration:none}.landing :focus-visible{outline:2px solid var(--ungu-2);outline-offset:3px}.landing .halaman{max-width:1440px;margin:0 auto;overflow:hidden;container-type:inline-size}.landing .halaman>*{--u:calc(100cqw / 976)}.landing .tombol{border-radius:calc(2 * var(--u));background:linear-gradient(90deg, var(--ungu-1), var(--ungu-2));color:#fff;justify-content:center;align-items:center;font-weight:700;transition:filter .2s;display:inline-flex}.landing .tombol:hover{filter:brightness(1.08)}.landing .nav{height:calc(70 * var(--u));position:relative}.landing .nav ul{top:calc(26 * var(--u));gap:calc(34 * var(--u));font-size:calc(13.4 * var(--u));color:#1e1e29;margin:0;padding:0;font-weight:700;list-style:none;display:flex;position:absolute}.landing .nav .kiri{left:calc(45 * var(--u))}.landing .nav .kanan{left:calc(647 * var(--u))}.landing .nav ul a{padding-bottom:calc(4 * var(--u));display:block;position:relative}.landing .nav ul a[aria-current=page]:after{content:"";left:0;right:0;top:calc(22 * var(--u));height:calc(2 * var(--u));background:var(--koral);position:absolute}.landing .nav ul a:hover{color:var(--ungu-2)}.landing .logo{left:calc(389 * var(--u));top:calc(15 * var(--u));align-items:center;gap:calc(10 * var(--u));display:flex;position:absolute}.landing .logo svg{width:calc(33 * var(--u));height:calc(42 * var(--u))}.landing .logo b{font-size:calc(15 * var(--u));letter-spacing:calc(1 * var(--u));color:var(--indigo);font-weight:900;line-height:1;display:block}.landing .logo small{margin-top:calc(5 * var(--u));font-size:calc(7.2 * var(--u));letter-spacing:calc(2.6 * var(--u));color:var(--abu-logo);font-weight:700;display:block}.landing .nav .masuk{left:calc(843 * var(--u));top:calc(21 * var(--u));width:calc(62 * var(--u));height:calc(28 * var(--u));font-size:calc(12.5 * var(--u));position:absolute}.landing .hero{height:calc(546 * var(--u));position:relative}.landing .hero__latar{left:calc(118 * var(--u));top:calc(31 * var(--u));width:calc(638 * var(--u));height:calc(483 * var(--u));background:linear-gradient(100deg, var(--pink-kiri) 0%, #fedfd6 55%, var(--pink-kanan) 100%);position:absolute}.landing .hero__teks{z-index:2;left:calc(45 * var(--u));top:calc(118 * var(--u));width:calc(420 * var(--u));position:absolute}.landing .hero h1{font-size:calc(36.5 * var(--u));font-weight:900;line-height:calc(52 * var(--u));letter-spacing:calc(-.2 * var(--u));color:var(--tinta);margin:0}.landing .hero p{margin:calc(26.6 * var(--u)) 0 0;font-size:calc(15.2 * var(--u));line-height:calc(26.5 * var(--u));letter-spacing:calc(.15 * var(--u));color:var(--teks)}.landing .hero .tombol{margin-top:calc(25 * var(--u));width:calc(115 * var(--u));height:calc(35 * var(--u));font-size:calc(13.5 * var(--u))}.landing .hero__ilustrasi{z-index:1;left:calc(455 * var(--u));top:calc(70 * var(--u));width:calc(470 * var(--u));height:calc(410 * var(--u));position:absolute}.landing .baris{display:block}@media (max-width:899px){.landing .halaman>*{--u:1px}.landing .nav{justify-content:space-between;align-items:center;height:auto;padding:16px 20px;display:flex}.landing .nav ul{display:none}.landing .logo,.landing .nav .masuk{position:static}.landing .logo b{font-size:17px}.landing .logo small{font-size:8px}.landing .nav .masuk{width:auto;height:36px;padding:0 18px;font-size:14px}.landing .hero{background:linear-gradient(160deg, var(--pink-kiri), var(--pink-kanan));height:auto;padding:32px 20px 24px}.landing .hero__latar{display:none}.landing .hero__teks{width:auto;max-width:34rem;position:static}.landing .hero h1{font-size:clamp(30px,7vw,42px);line-height:1.25}.landing .baris{display:inline}.landing .hero p{margin-top:16px;font-size:16px;line-height:1.65}.landing .hero .tombol{width:auto;height:44px;margin-top:22px;padding:0 24px;font-size:15px}.landing .hero__ilustrasi{aspect-ratio:470/410;width:100%;max-width:560px;height:auto;margin:24px auto 0;display:block;position:static}}