@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,d09GMgABAAAAAAQMABAAAAAAB+AAAAOwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbgQwcLgZgP1NUQVQqAFwRCAqDJIJtCxQAATYCJAMiBCAFhEYHZwwHG3oGIxFmfM0O8M/D2IE2KXexlvRX30jl4k0ByoIFW5Pm075+YpPjCMK6+K9Osusn4APwSeKJ0ARA/zfCdz9c0xILi5BPgVU7UACUe6B7QO0mZzupNnE5/rFs1LZf+AIRJzI3rkEf/YdjYxmFr42NC6Q839aFT4hla06fRTcFxCDqdm5WoAtIQshCoG2qheXlV1x9ff23O2Tf3fXffZv999RfgYpA7LbDvntqIhCKlqbQFBKakuEKFjRRkqFa83rN1eChoJIElHjEY5huuu3gAmICbC/po/SQGunUtDFWwzixpbmxkUXUQPIDWHOZNbnM6NF35U+qPOX7GEmc+8KL0mLpe0bLQmgK9BcYLh200877R0ESEO30EEjI6C8L9FesjJ6akrrRlnGZxyONvquC7hvVp36BZcQH6wr9MiEqeoEW6IsOdsLZGE6GrFIlg3cIFZDNOUXRc6tOqd0+aDK79tBNso2ily0l1fLOzu3dtjn19dfjmDtfeGOjjZ54RZC/3j711eHtN2h557TXXnP0bc++uv76dz15k6NfUxbfGNV5tUv7Rp9Dp/mw/PrtxPn3nxHPDHPcXf36Ct89+f2Tje/23z91xXc/3/HzqVjujbOurV17wOv637034uzFR579nnBtnuy168WLbaSuOOngf6u8aXGPIY/sU520Wn+lk5VnbvNXW36zXS5edGfh/IXW+1526gV/71vZuLT1kLeOvGbQ5HWHq56vO+2+Z2orOW6525WL9O+72eabLfDYWeME7e2e//Kma5/3ycsXfv1vY1z36wsHbXrixltthQ+kiQINjVibZnfTK2ZDkB/Kz/Pgy2cRdx5w/rdL9t6q1+K/NXP+Eh8sdebx8OHm49YR1e2n1SUQ/FSq88Piv9/zQx+02sybW9HCt1v9qbl8jQnop6dAyyKKofJT9ksCbUfKorRwSwyVhdA3mkLSDEI224tCMdxdQs2GthTqhluW72lBXVEUXTa3NYM5G4EkiA7+YY5hrznO/rYkw7GJLakELYE7Pz651b/Q1Rmw4Q5VdgeWLaFeGZEFHW0E3kFU7WdKVmS8JAy8WV8ANl4tVuzVK1rp9ZI622L0TZRefpBd5wEaoZUjZWVMx8RUbsThlXgmXVgow/fNzNbNsHq07Eon2xlBspLcL0IZ1E60jiiowKPu2Jzrt9KNWexWFxnv2cL4fSQ5cpSoRb2+zFcd/nVpV5co3VL+zTHdTUvbfLsOlKThqk0jWXBNMhM6V9T+hBNuKwEAAA==) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/explainer-motion/assets/unbounded-cyrillic-700-normal-BnWDpkfm.woff2) format("woff2"),url(/demo/explainer-motion/assets/unbounded-cyrillic-700-normal-BKv7sql3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/explainer-motion/assets/unbounded-vietnamese-700-normal-CjKRcRIV.woff2) format("woff2"),url(/demo/explainer-motion/assets/unbounded-vietnamese-700-normal-Bvu7IMCd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/explainer-motion/assets/unbounded-latin-ext-700-normal-BLzWLLjG.woff2) format("woff2"),url(/demo/explainer-motion/assets/unbounded-latin-ext-700-normal-C5zWdd_U.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/explainer-motion/assets/unbounded-latin-700-normal-CaoNriVp.woff2) format("woff2"),url(/demo/explainer-motion/assets/unbounded-latin-700-normal-CZtriu5h.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/explainer-motion/assets/sora-latin-ext-400-normal-Twk1CgKs.woff2) format("woff2"),url(/demo/explainer-motion/assets/sora-latin-ext-400-normal-BmhJC382.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/explainer-motion/assets/sora-latin-400-normal-CRt88UEn.woff2) format("woff2"),url(/demo/explainer-motion/assets/sora-latin-400-normal-OW7qkl5a.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/explainer-motion/assets/sora-latin-ext-600-normal-Cue1zdhl.woff2) format("woff2"),url(/demo/explainer-motion/assets/sora-latin-ext-600-normal-DLOJK0Ta.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/explainer-motion/assets/sora-latin-600-normal-Cdg4DaK0.woff2) format("woff2"),url(/demo/explainer-motion/assets/sora-latin-600-normal-1_7fyUAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0c0c0e;--bg-2: #16161a;--bg-3: #222228;--fg: #f2efe9;--dim: #a9a8b0;--hot: #ff3e8a;--line: rgba(242, 239, 233, .16);--display: "Unbounded", "Sora", system-ui, sans-serif;--body: "Sora", system-ui, sans-serif;--gut: clamp(16px, 4vw, 56px);--ease: cubic-bezier(.2, .9, .25, 1.15);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--body);overflow-x:hidden}img,video,canvas{max-width:100%;display:block}a{color:inherit}code,pre{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}p code,li code,dd code{background:var(--bg-2);padding:1px 6px;border-radius:4px}:focus-visible{outline:3px solid var(--hot);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:-999px;top:8px;background:var(--hot);color:var(--bg);padding:10px 16px;z-index:50}.skip:focus{left:8px}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:12px var(--gut);background:var(--bg);border-bottom:1px solid var(--line)}.wordmark{font:700 20px/1 var(--display);text-decoration:none;letter-spacing:-.02em;display:inline-flex;align-items:center;min-height:44px}.wordmark span{color:var(--hot);margin-left:2px}.wordmark-sm{font-size:15px;min-height:0}.nav{margin-left:auto;display:flex;gap:4px;align-items:center}.nav a{text-decoration:none;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;font-size:14px;border-radius:6px}.nav a:hover{background:var(--bg-2)}.nav .nav-cta{background:var(--fg);color:var(--bg);margin-left:8px}.nav .nav-cta:hover{background:#d9d4ca}.menu-btn{display:none;margin-left:auto;min-height:44px;min-width:64px;font:600 14px var(--body);background:transparent;border:1.5px solid var(--fg);border-radius:6px;color:var(--fg);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font:600 15px var(--body);border-radius:8px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),background .2s}.btn:active{transform:translateY(1px) scale(.99)}.btn-ink{background:var(--fg);color:var(--bg)}.btn-ink:hover{background:#d9d4ca}.btn-hot{background:var(--hot);color:var(--bg)}.btn-hot:hover{background:#ff6aa5}.btn-line{border-color:var(--fg);color:var(--fg);background:transparent}.btn-line:hover{background:var(--bg-2)}.btn-quiet{background:var(--bg-2);color:var(--fg);min-height:44px;padding:0 14px;font-size:14px}.btn-quiet:hover{background:var(--bg-3)}.hero{padding:0 var(--gut) clamp(40px,6vw,88px)}.stage{position:relative;height:clamp(220px,30vw,400px);margin:0 calc(var(--gut) * -1);border-bottom:1px solid var(--line);overflow:hidden;background:var(--bg)}.stage canvas,.stage .poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.stage-ticks{position:absolute;left:var(--gut);right:var(--gut);bottom:0;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stage-ticks li{border-top:4px solid rgba(242,239,233,.18);padding:8px 0 12px;font:500 12px var(--display);color:var(--dim);transition:border-color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-ticks li b{color:var(--hot);margin-right:4px}.stage-ticks li.on{border-top-color:var(--hot);color:var(--fg)}.hero-copy{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);padding-top:clamp(28px,4vw,56px);align-items:end}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}h1{font-size:clamp(36px,5vw,72px);line-height:1.02;font-weight:700}h2{font-size:clamp(30px,4vw,56px);line-height:1.06;font-weight:700}h3{font-size:17px;line-height:1.25;font-weight:500}.lede{font-size:clamp(16px,1.3vw,18px);margin:0 0 24px;max-width:46ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.specs{margin:28px 0 0;display:grid;gap:10px}.specs div{display:grid;grid-template-columns:120px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:10px;font-size:14px}.specs dt{color:var(--dim)}.specs dd{margin:0;font-weight:600}[data-assemble] .ch{display:inline-block;opacity:0;transform:translateY(.4em) rotate(-14deg) scale(.6);transition:opacity .3s,transform .55s var(--ease);transition-delay:calc(var(--i) * 22ms)}[data-assemble] .w{display:inline-block;white-space:nowrap}[data-assemble].in .ch{opacity:1;transform:none}section{scroll-margin-top:72px}.sec-num{font:700 14px var(--display);color:var(--hot);margin:0 0 12px}.sec-head{max-width:760px;margin-bottom:36px}.sec-sub{margin:16px 0 0;max-width:62ch}.tag-contoh{display:block;margin-top:8px;font-size:13px;color:var(--dim)}.contoh{padding:clamp(48px,7vw,104px) var(--gut);background:var(--bg-2)}.contoh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:start}.spine{list-style:none;margin:0;padding:0 0 0 36px;position:relative}.spine:before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:var(--dim);opacity:.35}.spine-empty{padding:20px 0;color:var(--dim)}.scene{position:relative;margin-bottom:12px}.scene:before{content:"";position:absolute;left:-29px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--bg-2);border:2px solid var(--dim);transition:background .2s}.scene.active:before{background:var(--hot);border-color:var(--hot)}.scene-btn{width:100%;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:baseline;padding:14px 16px;min-height:64px;background:var(--bg);border:1.5px solid transparent;border-radius:10px;font:inherit;color:inherit;cursor:pointer}.scene-btn:hover{border-color:var(--line)}.scene.active .scene-btn{border-color:var(--fg)}.scene-no{font:700 22px var(--display);color:var(--hot);grid-row:span 2}.scene-type{font:500 12px var(--display);letter-spacing:.04em;color:var(--dim)}.scene-time{font:500 13px var(--display);color:var(--dim);font-variant-numeric:tabular-nums}.scene-title{grid-column:2 / 4;font-weight:600;font-size:16px;line-height:1.35}.scene-body{display:none;padding:12px 0 4px 16px}.scene.active .scene-body{display:block}.strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.strip button{flex:0 0 auto;width:176px;padding:0;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;scroll-snap-align:start}.strip button:hover,.strip button:focus-visible{border-color:var(--hot)}.strip img{width:100%;height:auto;border-radius:4px;aspect-ratio:16 / 9;object-fit:cover}.strip span{display:block;font:500 12px var(--display);color:var(--dim);padding:4px 2px;text-align:left}.narr{margin:10px 0 0;font-size:14px;color:var(--dim)}.player{position:sticky;top:84px}.fmt{display:inline-flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px;margin-bottom:12px}.fmt-btn{min-height:44px;padding:0 14px;border:0;border-radius:7px;background:transparent;font:600 14px var(--body);color:var(--fg);cursor:pointer}.fmt-btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.frame{background:#000;border-radius:12px;overflow:hidden}.frame video{width:100%;height:auto;aspect-ratio:16 / 9;background:#000}.frame[data-fmt="9x16"]{max-width:360px;margin:0 auto}.frame[data-fmt="9x16"] video{aspect-ratio:9 / 16}.ticks{position:relative;height:10px;margin-top:10px;background:#f2efe924;border-radius:5px;overflow:hidden}.ticks i{position:absolute;top:0;bottom:0;border-left:2px solid var(--bg-2)}.ticks b{position:absolute;left:0;top:0;bottom:0;background:var(--hot);width:0}.player-meta{font-size:13px;color:var(--dim);margin:10px 0 0}.alur{padding:clamp(56px,8vw,120px) var(--gut)}.sec-head-wide{max-width:900px}.track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:2px solid var(--fg);counter-reset:none}.node{position:relative;padding:20px 18px 22px 0;border-right:1px solid var(--line);margin-right:18px;display:flex;flex-direction:column;gap:10px}.node:last-child{border-right:0}.node:before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;background:var(--bg);border:2px solid var(--fg);transform:rotate(45deg)}.node-no{font:700 13px var(--display);color:var(--hot);margin-top:6px}.node p{margin:0;font-size:14px}.node-io{margin-top:auto;font:500 12px var(--display);color:var(--dim)}.node-wide{background:var(--fg);color:var(--bg);padding:20px 18px 22px;margin-right:18px;border-radius:0 0 10px 10px}.node-wide:before{background:var(--hot);border-color:var(--hot);left:18px}.node-wide .node-no{color:#b8155a}.node-wide .node-io{color:#4a4950}.node-wide code{background:#0c0c0e1a;color:var(--bg)}.json-peek{margin-top:32px;max-width:900px;border:1.5px solid var(--fg);border-radius:10px}.json-peek summary{cursor:pointer;padding:14px 18px;min-height:48px;font-weight:600}.json-peek pre{margin:0;padding:18px;overflow-x:auto;background:#000;color:var(--fg);border-radius:0 0 8px 8px;max-height:420px}.coba{padding:clamp(56px,8vw,120px) var(--gut);background:var(--bg-2);color:var(--fg);border-block:1px solid var(--line);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px clamp(24px,4vw,64px)}.coba .sec-num{color:var(--hot)}.coba-intro{grid-row:span 2}.coba-form label{display:block;font-weight:600;margin-bottom:8px}.coba-form textarea{width:100%;font:15px/1.6 var(--body);padding:14px 16px;border-radius:10px;border:1.5px solid #5b6770;background:var(--bg);color:var(--bg);resize:vertical}.coba-form textarea:focus-visible{outline-color:var(--hot)}.help{font-size:13px;color:#c9cdd1;margin:8px 0 0}.err{color:#ffb4a6;font-weight:600;margin:8px 0 0}.row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.coba .btn-ink{background:var(--hot);color:var(--bg)}.coba .btn-ink:hover{background:#ff6aa5}.coba .btn-line{border-color:var(--bg);color:var(--bg)}.coba .btn-line:hover{background:var(--bg-3)}.coba .btn-quiet{background:var(--bg-3);color:var(--bg)}.coba :focus-visible{outline-color:var(--hot)}.coba-out{grid-column:2;min-height:120px}.out-empty,.out-err{margin:0;padding:18px;border:1.5px dashed #5b6770;border-radius:10px;color:#d8dadd}.out-err{border-color:#ffb4a6;color:#ffd5cc}.out-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.out-head p{margin:0;font-size:14px;color:#d8dadd}.out-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.out-list li{display:grid;grid-template-columns:40px 88px 1fr auto;gap:12px;align-items:baseline;padding:12px 14px;background:var(--bg);border-radius:8px}.out-list .n{font:700 16px var(--display);color:var(--hot)}.out-list .t{font:500 12px var(--display);color:#c9cdd1}.out-list .d{font-size:13px;color:#c9cdd1;font-variant-numeric:tabular-nums}.out-loading{color:#d8dadd;margin:0;padding:18px}.brand{padding:clamp(56px,8vw,120px) var(--gut)}.brand-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:start}.brand-form>label{display:grid;gap:6px;font-weight:600;font-size:14px}.brand-form input[type=text]{min-height:48px;font:16px var(--body);padding:0 14px;border:1.5px solid var(--dim);border-radius:8px;background:var(--bg-3);color:var(--fg)}.swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.swatches label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:48px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:8px;background:var(--bg-3)}.swatches input{width:44px;height:44px;border:0;padding:0;background:none;cursor:pointer}.fonts{border:0;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}.fonts legend{font-weight:600;font-size:14px;margin-bottom:8px}.fonts label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--bg-3)}.fonts input{accent-color:var(--hot);width:18px;height:18px}.presets{display:flex;flex-wrap:wrap;gap:8px}.contrast{list-style:none;padding:0;margin:16px 0 0;font-size:14px;display:grid;gap:6px}.contrast li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-2);border-radius:6px}.contrast .ok{color:#8fdc9a;font-weight:600}.contrast .bad{color:#ff9c8a;font-weight:600}.mini{--p: #faf7f1;--k: #1a1a1e;--a: #8a5d10;--s: #35424a;--f: "Unbounded";aspect-ratio:16 / 9;background:var(--p);color:var(--k);border:1px solid var(--line);border-radius:12px;padding:5% 6.5%;position:relative;overflow:hidden;container-type:inline-size}.mini:before{content:"";position:absolute;left:0;top:0;height:1.2cqw;width:34%;background:var(--a)}.mini-top{display:flex;justify-content:space-between;font:600 1.6cqw var(--body);letter-spacing:.2em;border-bottom:1px solid color-mix(in srgb,var(--s) 40%,transparent);padding-bottom:2cqw}.mini-top span:last-child{font-family:var(--f);color:var(--s);letter-spacing:0}.mini-kicker{margin:7cqw 0 1.5cqw;font:600 1.7cqw var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--a)}.mini-head{margin:0;font:700 6.4cqw/1.06 var(--f),var(--body);letter-spacing:-.02em;max-width:90%}.mini-head .ch{display:inline-block;animation:mini-in .5s var(--ease) both;animation-delay:calc(var(--i) * 25ms)}.mini-head .w{display:inline-block;white-space:nowrap}@keyframes mini-in{0%{opacity:0;transform:translateY(.3em) rotate(-18deg) scale(.4)}}.mini-rule{display:block;width:18cqw;height:.6cqw;background:var(--a);margin-top:2.2cqw}.mini-cap{position:absolute;left:50%;bottom:5cqw;transform:translate(-50%);margin:0;background:var(--k);color:var(--p);font:600 2.2cqw var(--body);padding:1cqw 1.8cqw;border-radius:.9cqw;white-space:nowrap}.mini-cap b{color:#e9c37a}.brand-json{margin-top:16px;display:grid;gap:12px}.brand-json pre{margin:0;padding:16px;background:var(--bg-2);border-radius:10px;overflow-x:auto}.brand-json .btn{justify-self:start}.paket{padding:clamp(56px,8vw,104px) var(--gut);background:var(--bg-2);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,64px);align-items:start}.files{list-style:none;margin:28px 0 0;padding:0}.files li{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.files code{font-weight:600}.paket-buy{background:var(--bg);border:2px solid var(--hot);border-radius:14px;padding:28px;display:grid;gap:12px;position:sticky;top:90px}.price{font:700 clamp(34px,4vw,48px) var(--display);margin:0;color:var(--fg)}.price-note{margin:0 0 8px;font-size:14px;color:var(--dim)}.faq{padding:clamp(56px,8vw,104px) var(--gut);max-width:920px}.faq h2{margin-bottom:24px;font-size:clamp(26px,3vw,40px)}.faq details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 0;min-height:52px;font-weight:600;font-size:17px}.faq details p{margin:0 0 18px;max-width:70ch}.foot{padding:28px var(--gut) 40px;border-top:1px solid var(--line);font-size:14px;color:var(--dim);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}.foot p{margin:0}.foot a{display:inline-flex;align-items:center;min-height:44px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:12px 18px;border-radius:8px;font-size:14px;z-index:60}.page{padding:clamp(32px,5vw,72px) var(--gut);max-width:1180px}.page h1{font-size:clamp(34px,5vw,64px);margin-bottom:16px}.steps{list-style:none;margin:32px 0;padding:0 0 0 36px;position:relative}.steps:before{content:"";position:absolute;left:13px;top:10px;bottom:10px;width:2px;background:var(--dim);opacity:.35}.step{position:relative;padding:0 0 26px}.step label{display:flex;gap:14px;align-items:flex-start;cursor:pointer}.step input{position:absolute;left:-32px;top:2px;width:22px;height:22px;accent-color:var(--hot);margin:0;cursor:pointer}.step h3{font-size:18px}.step p{margin:6px 0 0}.step.done h3{color:var(--dim);text-decoration:line-through;text-decoration-color:var(--hot)}.cmd{display:flex;gap:8px;align-items:stretch;margin-top:10px;max-width:760px}.cmd pre{flex:1;margin:0;padding:12px 14px;background:#000;color:var(--fg);border-radius:8px;overflow-x:auto}.progress{font:600 15px var(--display);color:var(--hot)}.creds{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:24px}.cred{border:1.5px solid var(--line);border-radius:12px;padding:20px;background:var(--bg-2)}.cred:first-child{background:var(--bg-3);border:2px solid var(--hot)}.cred:first-child code{background:#ffffff1f}.cred ol{padding-left:20px;margin:10px 0 0}.cred li{margin-bottom:6px;font-size:14px}.cred .free{font:500 12px var(--display);color:var(--hot)}.cred:first-child .free{color:var(--hot)}.nf{min-height:70vh;display:grid;align-content:center;gap:20px;padding:40px var(--gut)}@media (max-width: 1080px){.track{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.node:nth-child(3){border-right:0}.creds{grid-template-columns:1fr 1fr}.cred:first-child{grid-column:span 2}}@media (max-width: 900px){.hero-copy,.contoh-grid,.brand-grid,.paket,.coba{grid-template-columns:minmax(0,1fr)}.coba-intro{grid-row:auto}.coba-out{grid-column:auto}.player{position:relative;top:0;order:-1}.paket-buy{position:static}}@media (max-width: 760px){.stage-ticks li{font-size:10px;white-space:normal}.stage-ticks li b{display:block}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gut) 16px}.nav.open{display:flex}.nav .nav-cta{margin:8px 0 0;justify-content:center}.track{grid-template-columns:minmax(0,1fr);border-top:0;border-left:2px solid var(--fg);padding-left:20px}.node,.node:nth-child(3){border-right:0;margin-right:0;padding:0 0 18px;border-bottom:1px solid var(--line)}.node:before{left:-29px;top:2px}.node-wide{padding:18px;border-radius:10px}.node-wide:before{left:-29px}.files li{grid-template-columns:minmax(0,1fr);gap:4px}.specs div{grid-template-columns:minmax(0,1fr);gap:2px}.out-list li{grid-template-columns:32px 1fr auto}.out-list .t{grid-column:2;grid-row:1}.out-list .d{grid-column:3;grid-row:1}.out-list .x{grid-column:2 / 4}.strip button{width:150px}.creds{grid-template-columns:minmax(0,1fr)}.cred:first-child{grid-column:auto}.swatches{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-assemble] .ch,.mini-head .ch{opacity:1;transform:none;transition:none;animation:none}}