@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/overpass-cyrillic-ext-400-normal.AKUz2ZI5.woff2)format("woff2"),url(/_astro/overpass-cyrillic-ext-400-normal.C2ZjKngx.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/overpass-cyrillic-400-normal.tXDxWGRy.woff2)format("woff2"),url(/_astro/overpass-cyrillic-400-normal.CZsFKZCk.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/overpass-vietnamese-400-normal.BKRCEiXy.woff2)format("woff2"),url(/_astro/overpass-vietnamese-400-normal.CCWAWVG7.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/overpass-latin-ext-400-normal.BIkXRwl6.woff2)format("woff2"),url(/_astro/overpass-latin-ext-400-normal.DUq_h-_z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/overpass-latin-400-normal.BpeLJ0bs.woff2)format("woff2"),url(/_astro/overpass-latin-400-normal.c_C8zulu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/overpass-cyrillic-ext-600-normal.CW4Fknsm.woff2)format("woff2"),url(/_astro/overpass-cyrillic-ext-600-normal.Zx-mtRSD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/overpass-cyrillic-600-normal.B-hc8bdn.woff2)format("woff2"),url(/_astro/overpass-cyrillic-600-normal.CXB2Mrig.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/overpass-vietnamese-600-normal.CjS-4vQf.woff2)format("woff2"),url(/_astro/overpass-vietnamese-600-normal.DlMMlPfM.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/overpass-latin-ext-600-normal.Cyj4Nio0.woff2)format("woff2"),url(/_astro/overpass-latin-ext-600-normal.DQKKMGzp.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/overpass-latin-600-normal.25RhTNCi.woff2)format("woff2"),url(/_astro/overpass-latin-600-normal.DhYQrzaY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/overpass-cyrillic-ext-800-normal.CIth-cA7.woff2)format("woff2"),url(/_astro/overpass-cyrillic-ext-800-normal.hx3cL3ZN.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/overpass-cyrillic-800-normal.CP6RWG8X.woff2)format("woff2"),url(/_astro/overpass-cyrillic-800-normal.PJW4A9xW.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/overpass-vietnamese-800-normal.BB8K9-Vo.woff2)format("woff2"),url(/_astro/overpass-vietnamese-800-normal.DZUygvj_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/overpass-latin-ext-800-normal.DZ60AB77.woff2)format("woff2"),url(/_astro/overpass-latin-ext-800-normal.D6WKWGNs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/overpass-latin-800-normal.Bzx_XP5l.woff2)format("woff2"),url(/_astro/overpass-latin-800-normal.D6-q4f0l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/overpass-cyrillic-ext-900-normal.P9UGsiq6.woff2)format("woff2"),url(/_astro/overpass-cyrillic-ext-900-normal.7nlQig5V.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/overpass-cyrillic-900-normal.CPWYUWoj.woff2)format("woff2"),url(/_astro/overpass-cyrillic-900-normal.D0oVi4e2.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/overpass-vietnamese-900-normal.BzpQ9fEd.woff2)format("woff2"),url(/_astro/overpass-vietnamese-900-normal.D1DPeIVM.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/overpass-latin-ext-900-normal.CXxCfwuC.woff2)format("woff2"),url(/_astro/overpass-latin-ext-900-normal.CL1fbAqK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/overpass-latin-900-normal.WqSsytnt.woff2)format("woff2"),url(/_astro/overpass-latin-900-normal.L-6UWqLA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-latin-ext-400-normal.DRk46D-x.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-latin-ext-400-normal.Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-latin-ext-700-normal.BoVPHkS0.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-latin-ext-700-normal.CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(/_astro/atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/overpass-mono-cyrillic-ext-500-normal.DGTQowpm.woff2)format("woff2"),url(/_astro/overpass-mono-cyrillic-ext-500-normal.DXHhqYQS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/overpass-mono-cyrillic-500-normal.tZOaLeux.woff2)format("woff2"),url(/_astro/overpass-mono-cyrillic-500-normal.DF35YEs9.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/overpass-mono-vietnamese-500-normal.Cd0aqzaH.woff2)format("woff2"),url(/_astro/overpass-mono-vietnamese-500-normal.RNTKqux2.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/overpass-mono-latin-ext-500-normal.B6Yv-hCw.woff2)format("woff2"),url(/_astro/overpass-mono-latin-ext-500-normal.BeoCr26i.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/overpass-mono-latin-500-normal.DkKmcrh_.woff2)format("woff2"),url(/_astro/overpass-mono-latin-500-normal.BmPyqWzT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/overpass-mono-cyrillic-ext-700-normal.8zVhSMJA.woff2)format("woff2"),url(/_astro/overpass-mono-cyrillic-ext-700-normal.BvRoEkV5.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/overpass-mono-cyrillic-700-normal.AIJvwgJt.woff2)format("woff2"),url(/_astro/overpass-mono-cyrillic-700-normal.Dljl9ufu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/overpass-mono-vietnamese-700-normal.BTj7HOYQ.woff2)format("woff2"),url(/_astro/overpass-mono-vietnamese-700-normal.kWdIVHQn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/overpass-mono-latin-ext-700-normal.DI247IOV.woff2)format("woff2"),url(/_astro/overpass-mono-latin-ext-700-normal.B8wpfq3v.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/overpass-mono-latin-700-normal.D6nRBrbd.woff2)format("woff2"),url(/_astro/overpass-mono-latin-700-normal.GSb37OHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[hidden]{display:none!important}:root{--asphalt:#161b26;--asphalt-2:#232a38;--marka:#f5c518;--rambu:#1d4ed8;--sinyal:#d63a2b;--aman:#1f9d61;--kertas:#f4f6f9;--tinta:#141821;--abu:#5b6475;--garis:#dce1e8;--display:"Overpass",system-ui,sans-serif;--body:"Atkinson Hyperlegible",system-ui,sans-serif;--mono:"Overpass Mono",ui-monospace,monospace;--r:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--kertas);min-height:100dvh;color:var(--tinta);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}a{color:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--marka);outline-offset:3px;border-radius:6px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.eyebrow{font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--abu)}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.02}h2{margin:12px 0 18px;font-size:clamp(34px,5vw,56px);font-weight:900}.lead{color:var(--abu);max-width:56ch}.btn{font:800 15px/1 var(--display);letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:16px 22px;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-marka{background:var(--marka);color:var(--asphalt)}.btn-marka:hover{background:#ffd43b}.btn-ghost{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #ffffff40}.btn-ghost:hover{box-shadow:inset 0 0 0 2px #fff}nav{z-index:40;backdrop-filter:blur(10px);color:#fff;background:#161b26eb;position:sticky;top:0}nav .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{font:900 16px/1 var(--display);letter-spacing:.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--rambu);width:30px;height:30px;font:900 15px/1 var(--display);color:#fff;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--rambu);border-radius:8px;place-items:center;display:grid}.nav-links{font:600 14px/1 var(--display);gap:26px;list-style:none;display:flex}.nav-links a{opacity:.75;padding:12px 2px;text-decoration:none;display:inline-block}.nav-links a:hover{opacity:1}@media (width<=860px){.nav-links{display:none}}.hero{background:var(--asphalt);color:#fff;padding:72px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.lane{background:repeating-linear-gradient(to bottom,var(--marka) 0 56px,transparent 56px 104px);opacity:.9;width:10px;animation:2.4s linear infinite drive;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes drive{to{background-position:0 104px}}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;display:grid;position:relative}.hero h1{text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(42px,6.2vw,84px);font-weight:900}.hero h1 .hl{color:var(--marka)}.hero .lead{color:#b7c0d0;margin:22px 0 32px;font-size:19px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.chip{font:700 12px/1 var(--mono);letter-spacing:.1em;color:#dce3ee;background:#ffffff14;border-radius:999px;padding:8px 12px}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{font-family:var(--mono);color:#b7c0d0;gap:36px;margin-top:44px;font-size:13px;display:flex}.hero-stats b{font:900 30px/1 var(--display);color:#fff;margin-bottom:4px;display:block}.quiz{color:var(--tinta);background:#fff;border-radius:22px;padding:22px;position:relative;box-shadow:0 30px 80px -20px #0009}.quiz-top{font:700 12px/1 var(--mono);color:var(--abu);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.quiz-top span{white-space:nowrap}.quiz-top .tag{color:#7a5b00;background:#fff4cc;border-radius:999px;padding:6px 10px}.scene{background:linear-gradient(#9cc3ea,#cfe3f5 55%,#6b7280 55%);border-radius:14px;height:190px;margin-bottom:16px;position:relative;overflow:hidden}.scene .road{background:#3b4252;height:45%;position:absolute;bottom:0;left:0;right:0}.scene .road:after{content:"";background:repeating-linear-gradient(90deg,#fff 0 34px,#0000 34px 60px);height:6px;position:absolute;top:46%;left:0;right:0}.scene .zebra{opacity:.9;background:repeating-linear-gradient(90deg,#fff 0 9px,#0000 9px 18px);width:70px;height:45%;position:absolute;bottom:0;left:58%}.scene .sign{background:#444;width:4px;height:70px;position:absolute;bottom:45%;left:66%}.scene .sign:before{content:"";background:var(--rambu);border:3px solid #fff;border-radius:6px;width:42px;height:42px;position:absolute;top:-34px;left:-19px;box-shadow:0 0 0 1px #0002}.scene .sign:after{content:"";filter:drop-shadow(0 0 #000);border-bottom:22px solid #fff;border-left:14px solid #0000;border-right:14px solid #0000;position:absolute;top:-22px;left:-12px}.scene .car{background:var(--sinyal);border-radius:10px 22px 6px 6px;width:92px;height:30px;position:absolute;bottom:12%;left:12%}.scene .car:before,.scene .car:after{content:"";background:#111;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-8px;box-shadow:inset 0 0 0 4px #555}.scene .car:before{left:12px}.scene .car:after{right:12px}.scene .kid{background:var(--marka);border-radius:6px 6px 2px 2px;width:12px;height:26px;animation:4s ease-in-out infinite cross;position:absolute;bottom:30%;left:61%}@keyframes cross{0%,20%{transform:translateY(0)}60%,to{transform:translateY(20px)}}.q{font:800 19px/1.3 var(--display);margin-bottom:14px}.opts{gap:8px;list-style:none;display:grid}.opt{text-align:left;border:2px solid var(--garis);width:100%;font:400 15px/1.35 var(--body);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.opt:hover{border-color:#aeb7c6}.opt .k{background:var(--kertas);width:26px;height:26px;font:700 13px/1 var(--mono);border-radius:8px;flex:none;place-items:center;display:grid}.opt.right{border-color:var(--aman);background:#e9f7f0}.opt.right .k{background:var(--aman);color:#fff}.opt.wrong{border-color:var(--sinyal);background:#fcedeb}.opt.wrong .k{background:var(--sinyal);color:#fff}.feedback{min-height:24px;color:var(--abu);margin-top:12px;font-size:14px}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:48px}.lane{opacity:.55;width:5px;left:auto;right:8px;transform:none}}.kerb{background:repeating-linear-gradient(90deg,var(--marka) 0 48px,var(--asphalt) 48px 96px);height:14px}section{padding:110px 0}.pillars{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}.pillar{border-radius:var(--r);border:1px solid var(--garis);background:#fff;padding:28px;position:relative}.pillar .ico{width:54px;height:54px;margin-bottom:22px}.pillar h3{margin-bottom:10px;font-size:26px;font-weight:900}.pillar p{color:var(--abu);font-size:15.5px}.pillar .pct{font:700 13px/1 var(--mono);color:var(--abu);position:absolute;top:24px;right:24px}@media (width<=860px){.pillars{grid-template-columns:1fr}}.compo{background:var(--asphalt);color:#fff;border-radius:22px;margin-top:56px;padding:32px}.compo-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;display:flex}.compo-head h3{font-size:24px;font-weight:800}.bar{border-radius:12px;gap:3px;height:56px;display:flex;overflow:hidden}.bar span{transform-origin:0;height:100%;transition:filter .2s;display:block}.bar span:hover{filter:brightness(1.15)}.legend{grid-template-columns:repeat(3,1fr);gap:14px 28px;margin-top:22px;font-size:15px;list-style:none;display:grid}.legend li{color:#c9d1de;align-items:center;gap:10px;display:flex}.legend i{border-radius:3px;flex:none;width:12px;height:12px}.legend b{font:700 15px/1 var(--mono);color:#fff;margin-left:auto}@media (width<=700px){.legend{grid-template-columns:1fr}}#unduh{border-top:1px solid var(--garis);border-bottom:1px solid var(--garis);background:#fff}.unduh-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.toggle{background:var(--kertas);border:1px solid var(--garis);border-radius:999px;padding:5px;display:inline-flex}.toggle button{font:800 15px/1 var(--display);cursor:pointer;color:var(--abu);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;display:flex}.toggle button[aria-pressed=true]{background:var(--asphalt);color:#fff}.mods{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.mod{color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;display:flex}.cover-btn{aspect-ratio:300/425;background:var(--garis);border-radius:12px;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 28px -14px #14182180,0 2px 4px #1418211a}.cover-btn svg{width:100%;height:100%;display:block}.cover-btn:after{content:"";background:linear-gradient(90deg,#00000038,#ffffff1f 60%,#0000);width:10px;position:absolute;inset:0 auto 0 0}.mod:hover .cover-btn{transform:translateY(-6px);box-shadow:0 26px 40px -18px #1418218c,0 2px 4px #1418211a}.mod:focus-visible{outline:none}.mod:focus-visible .cover-btn{outline:3px solid var(--marka);outline-offset:4px}.mod-body{padding:14px 2px 0}.mod-body h3{font:700 17px/1.3 var(--display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mod-meta{font:500 12px/1.4 var(--mono);color:var(--abu);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.btn-dark{background:var(--asphalt);color:#fff}.btn-dark:hover{background:var(--asphalt-2)}.btn-line{color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--garis);background:#fff}.btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--tinta)}@media (width<=1000px){.mods{gap:14px}}@media (width<=640px){.mods{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:28px -24px 0;padding:6px 24px 18px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.mods::-webkit-scrollbar{display:none}.mod{scroll-snap-align:start;flex:0 0 40%}.mod:hover .cover-btn{transform:none}.cover-btn{border-radius:8px}.mod-body{padding-top:10px}.mod-body h3{font:600 15px/1.25 var(--body)}.mod-meta{font-size:11px}}.tujuan{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}details{border-top:1px solid var(--garis);padding:22px 0}details:last-child{border-bottom:1px solid var(--garis)}summary{cursor:pointer;font:800 22px/1.2 var(--display);justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .plus{background:var(--kertas);border:1px solid var(--garis);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:transform .2s,background .2s;display:grid}details[open] summary .plus{background:var(--marka);border-color:var(--marka);transform:rotate(45deg)}details p{color:var(--abu);max-width:62ch;margin-top:14px}@media (width<=860px){.tujuan{grid-template-columns:1fr;gap:24px}}#testimoni{background:var(--asphalt);color:#fff}#testimoni .eyebrow{color:#8d98ab}.quotes{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px;display:grid}.quote{background:var(--asphalt-2);border-radius:18px;flex-direction:column;gap:20px;padding:28px;display:flex}.quote p{color:#e3e8f0;font-size:18px;line-height:1.55}.quote footer{color:#9aa5b8;align-items:center;gap:12px;margin-top:auto;font-size:14px;display:flex}.quote footer b{color:#fff;font-family:var(--display);font-size:15px;display:block}.badge{font:700 11px/1 var(--mono);letter-spacing:.1em;background:var(--marka);color:var(--asphalt);border-radius:999px;margin-left:auto;padding:7px 10px}.avatar{background:var(--rambu);width:40px;height:40px;font:800 15px/1 var(--display);color:#fff;border-radius:50%;place-items:center;display:grid}@media (width<=760px){.quotes{grid-template-columns:1fr}}.foot{background:var(--asphalt);color:#9aa5b8;border-top:1px solid #ffffff14;margin-top:auto;padding:40px 0;font-size:14px}main{flex:1 0 auto;display:block}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}html.js .rv{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}html.js .rv.in,html.js .hero .rv{opacity:1;transform:none}.hero .rv{animation:.7s both heroIn}.hero .quiz.rv{animation-delay:.12s}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.lane,.scene .kid{animation:none}html.js .rv,.hero .rv{opacity:1;transition:none;animation:none;transform:none}html{scroll-behavior:auto}}@media (width<=640px){section{padding:64px 0}h2{font-size:34px}nav .btn{min-height:40px}.quotes{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:28px -24px 0;padding:0 24px 8px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.quotes::-webkit-scrollbar{display:none}.quote{scroll-snap-align:start;flex:0 0 84%;padding:22px}.quote p{font-size:16px}}.menu-btn{cursor:pointer;background:#ffffff14;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.menu-btn span{background:#fff;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}nav.open .menu-btn span:first-child{transform:translateY(7px)rotate(45deg)}nav.open .menu-btn span:nth-child(2){opacity:0}nav.open .menu-btn span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-cta-m{display:none}@media (width<=860px){.menu-btn{display:flex}nav .wrap{gap:10px}nav .brand{margin-right:auto}nav.open .nav-links{background:var(--asphalt);border-top:1px solid #ffffff14;flex-direction:column;gap:0;padding:8px 24px 24px;animation:.18s menuIn;display:flex;position:absolute;top:64px;left:0;right:0;box-shadow:0 30px 40px -20px #0009}nav.open .nav-links li a{opacity:.9;border-bottom:1px solid #ffffff14;padding:16px 0;font-size:18px;display:block}nav.open .nav-links li a[aria-current=true]{color:var(--marka);opacity:1}nav.open .nav-cta-m{margin-top:20px;display:block}nav.open .nav-cta-m a.btn{opacity:1;border-bottom:0;justify-content:center;padding:16px;font-size:16px;display:flex}.menu-scrim{z-index:60;background:#0a0d1480;position:fixed;inset:64px 0 0}nav.open{z-index:70}}@media (width<=640px){.nav-cta{display:none}}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){nav.open .nav-links{animation:none}}.d-hero{background:var(--asphalt);color:#fff;padding:28px 0 72px;position:relative;overflow:hidden}.d-hero:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.crumbs{font:600 13px/1 var(--display);color:#8d98ab;flex-wrap:wrap;gap:8px;margin-bottom:36px;list-style:none;display:flex;position:relative}.crumbs a{color:#c9d1de;text-decoration:none}.crumbs a:hover{color:#fff}.crumbs li+li:before{content:"/";opacity:.5;margin-right:8px}.d-grid{grid-template-columns:320px 1fr;align-items:center;gap:64px;display:grid;position:relative}.d-cover{aspect-ratio:300/425;border-radius:14px;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 40px 70px -24px #000000bf,0 0 0 1px #ffffff0f}.d-cover svg{width:100%;height:100%;display:block}.d-cover:after{content:"";background:linear-gradient(90deg,#00000040,#ffffff24 60%,#0000);width:14px;position:absolute;inset:0 auto 0 0}.d-info .eyebrow{color:#8d98ab}.d-info h1{text-transform:uppercase;letter-spacing:-.03em;margin:12px 0 6px;font-size:clamp(48px,7vw,84px);font-weight:900}.d-info h1 span{color:var(--marka)}.d-sub{color:#b7c0d0;margin-bottom:28px;font-size:19px}.specs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;margin-bottom:32px;display:grid}.specs div{padding:14px 22px}.specs div+div{border-left:1px solid #ffffff14}.specs dt{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8d98ab;margin-bottom:8px}.specs dd{font:800 20px/1 var(--display)}.d-actions{flex-wrap:wrap;gap:12px;display:flex}.d-note{color:#8d98ab;margin-top:14px;font-size:14px}.series{max-width:460px;margin-top:36px}.series-top{font:700 12px/1 var(--mono);letter-spacing:.08em;color:#8d98ab;justify-content:space-between;margin-bottom:10px;display:flex}.series-track{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.series-track a{background:#ffffff24;border-radius:4px;height:8px;transition:background .15s}.series-track a:hover{background:#ffffff59}.series-track a[aria-current=page]{background:var(--marka)}@media (width<=860px){.d-hero{padding:20px 0 48px}.crumbs{margin-bottom:24px}.d-grid{text-align:center;grid-template-columns:1fr;justify-items:center;gap:32px}.d-cover{width:min(62vw,240px)}.specs{text-align:left;grid-template-columns:repeat(2,1fr);justify-content:stretch;width:100%}.specs div:nth-child(3){border-left:0}.specs div:nth-child(n+3){border-top:1px solid #ffffff14}.d-actions{justify-content:center}.series{width:100%;margin:28px auto 0}.d-info h1{margin-top:8px;font-size:40px}.d-sub{margin-bottom:20px;font-size:16px}.d-section{padding:56px 0}}.d-section{padding:80px 0}.isi{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;list-style:none;display:grid}.isi li{border:1px solid var(--garis);border-radius:var(--r);background:#fff;padding:24px}.isi .tag{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--kertas);color:var(--abu);border-radius:6px;margin-bottom:16px;padding:6px 9px;display:inline-block}.isi h3{margin-bottom:8px;font-size:22px;font-weight:800}.isi p{color:var(--abu);font-size:15.5px}@media (width<=860px){.isi{grid-template-columns:1fr}}.tips{border-radius:var(--r);background:#fff8db;border:1px solid #f3df8a;align-items:flex-start;gap:16px;margin-top:20px;padding:20px 22px;display:flex}.tips svg{flex:none}.tips p{color:#5c4a00;font-size:15.5px}.more{border-top:1px solid var(--garis);background:#fff}.more-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.more-head a{font:800 15px/1 var(--display);color:var(--rambu);text-decoration:none}.more-head a:hover{text-decoration:underline}.more .mods{grid-template-columns:repeat(4,1fr)}@media (width<=1000px){.more .mods{grid-template-columns:repeat(3,1fr)}}.bar-m{display:none}@media (width<=640px){.d-actions{display:none}.bar-m{z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);border-top:1px solid var(--garis);background:#fffffff5;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar-m .btn{justify-content:center}.bar-m .btn-dark{flex:1}body:has(.bar-m){padding-bottom:84px}.d-note{display:none}}.skip{z-index:100;background:var(--marka);color:var(--asphalt);font:800 14px/1 var(--display);border-radius:10px;padding:12px 16px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.qr-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;max-width:460px;margin-top:22px;padding:12px 18px 12px 12px;display:flex}.qr-card img{background:#fff;border-radius:8px;flex:none;padding:4px}.qr-card p{color:#b7c0d0;font-size:14px;line-height:1.45}.qr-card b{color:#fff;font:800 15px/1.3 var(--display);margin-bottom:2px;display:block}@media (width<=860px){.qr-card{display:none}}.foot-grid{align-items:center}.foot-qr{align-items:center;gap:14px;max-width:420px;display:flex}.foot-qr img{background:#fff;border-radius:8px;flex:none;padding:4px}.foot-qr p{font-size:13.5px;line-height:1.5}.foot-qr b{color:#fff;font:800 14px/1.3 var(--display);display:block}.foot-qr a{color:var(--marka)}.foot-legal{text-align:right;flex-direction:column;gap:6px;display:flex}@media (width<=860px){.foot-qr img{display:none}.foot-legal{text-align:left}}.d-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex;position:relative}.d-top .crumbs{margin-bottom:0}.back{color:#fff;min-height:44px;font:800 14px/1 var(--display);background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;text-decoration:none;transition:background .15s;display:inline-flex}.back:hover{background:#ffffff29}.back svg{transition:transform .15s}.back:hover svg{transform:translate(-3px)}@media (width<=860px){.d-top{margin-bottom:24px}.d-top .crumbs{display:none}}section[id]{scroll-margin-top:64px}