:root{--color-concrete: #d9d9d9;--color-iron: #1f1f1f;--color-iron-soft: #4a4a4a;--color-carbon: #000;--color-space: #070c19;--the-green: #027b49;--the-pink: #f19ec8;--the-red: #fa4d43;--the-yellow: #fbb833;--font-display: "Barlow Condensed", "Archivo Narrow", "Roboto Condensed", ui-sans-serif, system-ui, sans-serif;--font-system: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--hairline: 1px solid var(--color-iron);--hairline-soft: 1px solid rgba(31, 31, 31, .28);--pad: clamp(16px, 2.8vw, 40px);--header-h: 56px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;background:var(--color-concrete);color:var(--color-iron);font:400 18px/1.25 var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4,h5,p,ol,ul,dl,dd,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block}:focus-visible{outline:2px solid var(--color-iron);outline-offset:3px}.stage :focus-visible,.idx--orbit:focus-visible{outline-color:var(--color-concrete)}.shell{max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}.skip-link{position:fixed;top:-100px;left:16px;z-index:50;padding:10px 18px;background:var(--color-iron);color:var(--color-concrete);border-radius:100px}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:20;background:var(--color-concrete);border-bottom:var(--hairline)}.site-header__inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:26px;line-height:1;letter-spacing:-.03em}nav{display:flex;align-items:center;gap:24px}.nav-link{font-size:18px}.nav-link:hover{text-decoration:underline;text-underline-offset:4px}.lang-switch{display:inline-flex;border:var(--hairline);border-radius:100px;overflow:hidden}.lang-switch button{min-height:38px;min-width:44px;padding:0 12px;border:0;background:transparent;cursor:pointer;font-size:16px;letter-spacing:.04em}.lang-switch button+button{border-left:var(--hairline)}.lang-switch button:hover{background:#1f1f1f1f}.lang-switch button[aria-pressed=true]{background:var(--color-iron);color:var(--color-concrete)}.lang-switch button:focus-visible{outline-offset:-3px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 22px;border-radius:100px;background:var(--color-iron);color:var(--color-concrete);font-size:18px;line-height:1;letter-spacing:-.01em;transition:background .15s}.pill:hover{background:var(--color-carbon)}.start .pill:focus-visible{outline-color:var(--color-iron)}.cta-pair{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.cta-pair>span{font-size:18px}.micro{font:400 12px/1.4 var(--font-system);color:var(--color-iron-soft);max-width:70ch}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--color-space);color:#f5f3ec;min-height:min(900px,calc(100svh - var(--header-h)));padding-block:clamp(64px,8vw,120px) 28px;display:flex;align-items:flex-end}h1{font-weight:400;font-size:clamp(64px,11vw,158px);line-height:.9;letter-spacing:-.045em;padding-bottom:.06em}.hero-background.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;padding:0;overflow:hidden}.hero-background.stage img{position:absolute;width:210%;max-width:none;height:150%;left:-55%;top:-15%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#070c19f0,#070c199e 44%,#070c191f 80%),linear-gradient(0deg,rgba(7,12,25,.95),transparent 65%)}.hero-content{width:100%}.hero h1{max-width:9em}.hero-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:end;margin-block:32px 40px}.hero-lead{font-size:26px;line-height:1.3;letter-spacing:-.01em;max-width:28em;color:#e1e5ec}.hero-row .cta-pair{justify-content:flex-end}.hero .hero-cta{min-height:80px;min-width:280px;padding:20px 32px;gap:36px;font-size:32px;background:var(--the-yellow);color:var(--color-iron)}.hero .hero-cta:hover{background:#ffd16b}.hero :focus-visible{outline-color:#f5f3ec}.stage{background:var(--color-space);padding-block:var(--pad)}.stage img{width:100%;height:auto;aspect-ratio:1440 / 900}.hero .micro{color:#b8c0ce;max-width:80ch;margin:0}h2{font-weight:400;font-size:clamp(64px,9.5vw,150px);line-height:.8;letter-spacing:-.06em;padding-bottom:.06em}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;padding-block:40px}.section-lead{font-size:26px;line-height:1.1;letter-spacing:-.01em;max-width:30em}.levels-section{border-top:var(--hairline)}.level-index{display:grid;grid-template-columns:repeat(5,1fr);border-block:var(--hairline)}.idx{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:240px;padding:20px var(--pad) 20px 20px}.idx-num{font-size:60px;line-height:.8;letter-spacing:-.03em}.idx-name{font-size:26px;line-height:1;letter-spacing:-.03em}.idx-text{display:grid;gap:8px}.idx-desc{font-size:18px;line-height:1.1}.idx:hover .idx-name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.idx--orbit{background:var(--color-space);color:var(--color-concrete)}.idx--planet{background:var(--the-green);color:#fff}.idx--kota{background:var(--the-yellow)}.idx--interior{background:var(--the-pink)}.idx--rumah{background:var(--the-red)}.idx:focus-visible{outline-offset:-5px}.idx--planet:focus-visible{outline-color:#fff}.levels{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:start}.level-rail{position:sticky;top:calc(var(--header-h) + 20px);padding-top:40px}.level-rail ol{display:grid;gap:6px}.level-rail a{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 14px;border-radius:100px;font-size:18px}.level-rail a:hover{text-decoration:underline;text-underline-offset:4px}.level-rail a[aria-current=true]{background:var(--color-iron);color:var(--color-concrete)}.level-rail a[aria-current=true]:hover{text-decoration:none}.sw{width:10px;height:10px;border-radius:50%;flex:none;border:1px solid var(--color-iron)}.level-rail a[aria-current=true] .sw{border-color:var(--color-concrete)}.sw--orbit{background:var(--color-space)}.sw--planet{background:var(--the-green)}.sw--kota{background:var(--the-yellow)}.sw--interior{background:var(--the-pink)}.sw--rumah{background:var(--the-red)}.level-list{min-width:0}.level{padding-block:40px 80px;border-top:var(--hairline)}.level:first-child{border-top:0}.level[data-level=orbit]{--lv: var(--color-space)}.level[data-level=planet]{--lv: var(--the-green)}.level[data-level=kota]{--lv: var(--the-yellow)}.level[data-level=interior]{--lv: var(--the-pink)}.level[data-level=rumah]{--lv: var(--the-red)}.level-tag{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:18px;margin-bottom:14px}.level-tag code{font:400 12px var(--font-system);color:var(--color-iron-soft)}h3{font-weight:400;font-size:clamp(44px,5.2vw,72px);line-height:.85;letter-spacing:-.04em;padding-bottom:.06em}.level-lead{font-size:26px;line-height:1.1;letter-spacing:-.01em;max-width:30em;margin-block:20px 32px}.viewer-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.viewer-tabs [role=tab]{min-height:40px;padding:8px 18px;border:var(--hairline);border-radius:100px;background:transparent;font-size:18px;line-height:1;cursor:pointer;transition:background .15s,color .15s}.viewer-tabs [role=tab]:hover{background:#1f1f1f1a}.viewer-tabs [role=tab][aria-selected=true]{background:var(--color-iron);color:var(--color-concrete)}.frame{background:var(--lv, var(--color-space));padding:clamp(10px,1.8vw,24px)}.frame img{width:100%;height:auto;aspect-ratio:1440 / 900;background:#bdbdbd;transition:opacity .15s}.frame img.is-swapping{opacity:0}figcaption{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:20px;padding-top:14px}.cap-title{display:grid;gap:4px;align-content:start}.cap-title strong{font-weight:400;font-size:26px;line-height:1;letter-spacing:-.03em}.cap-title small{font:400 12px var(--font-system);color:var(--color-iron-soft)}figcaption>span:last-child{font-size:18px;line-height:1.25;max-width:40em}.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:48px}h4{font-weight:400;font-size:26px;line-height:1;letter-spacing:-.03em;padding-bottom:10px;border-bottom:var(--hairline)}.feature-list li{padding-block:12px;border-bottom:var(--hairline-soft);font-size:18px;line-height:1.25;max-width:42em}h5{font-weight:400;font-size:18px;line-height:1;color:var(--color-iron-soft);padding-block:22px 6px}h4+h5{padding-top:14px}.keys>div{display:grid;grid-template-columns:148px minmax(0,1fr);gap:6px 16px;align-items:baseline;padding-block:10px;border-bottom:var(--hairline-soft)}.keys>div.stack{grid-template-columns:minmax(0,1fr)}.keys dt{display:flex;flex-wrap:wrap;gap:4px}.keys dd{font-size:18px;line-height:1.25}kbd{display:inline-block;min-width:26px;padding:3px 7px 2px;border:var(--hairline);background:transparent;font:400 16px/1.2 var(--font-display);text-align:center;white-space:nowrap}dd kbd,.manual-note kbd,.steps kbd,.micro kbd{margin-inline:1px}.micro kbd{font-size:13px;padding-block:1px}.manual-note{padding-block:14px;border-bottom:var(--hairline-soft);font-size:18px;line-height:1.25}.split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}.split .cols{grid-template-columns:minmax(0,1fr);margin-top:0;gap:32px}.split figcaption{grid-template-columns:minmax(0,1fr);gap:8px}.proc-section{border-top:var(--hairline);padding-bottom:80px}.chain{border-top:var(--hairline)}.chain li{display:grid;grid-template-columns:140px minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:baseline;padding-block:18px;border-bottom:var(--hairline)}.chain-label{font-size:18px;color:var(--color-iron-soft)}.chain-name{font-size:clamp(36px,4.4vw,60px);line-height:.85;letter-spacing:-.03em}.chain-desc{font-size:18px;line-height:1.25;max-width:28em}.tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin-top:56px}.tech>div{padding-block:18px 22px;border-top:var(--hairline)}.tech dt{font-size:26px;line-height:1;letter-spacing:-.03em;margin-bottom:10px}.tech dd{font-size:18px;line-height:1.25;max-width:34em}.start{background:var(--the-red);border-top:var(--hairline)}.start-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:end;padding-block:56px 48px}.start .micro{color:var(--color-iron)}.steps{counter-reset:s;display:grid;gap:10px;margin-bottom:32px}.steps li{counter-increment:s;padding-left:28px;position:relative;font-size:22px;line-height:1.1}.steps li:before{content:counter(s) ".";position:absolute;left:0}.start .cta-pair{margin-bottom:20px}.site-footer{border-top:var(--hairline)}.site-footer__inner{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-block:20px 28px;font-size:15px}.site-footer .wordmark{font-size:20px}.site-footer a:last-child:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:1100px){.levels{grid-template-columns:minmax(0,1fr);gap:0}.level-rail{top:var(--header-h);z-index:10;margin-inline:calc(var(--pad) * -1);padding:8px var(--pad);background:var(--color-concrete);border-bottom:var(--hairline);overflow-x:auto;scrollbar-width:none}.level-rail::-webkit-scrollbar{display:none}.level-rail ol{display:flex;gap:6px;width:max-content}.level-rail a{border:var(--hairline);white-space:nowrap;min-height:44px}.level-rail a[aria-current=true]{border-color:var(--color-iron)}.level-index{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.idx{min-height:190px}.cols,.split{grid-template-columns:minmax(0,1fr)}html{scroll-padding-top:calc(var(--header-h) + 72px)}}@media(max-width:900px){.hero-row,.section-head,.start-inner{grid-template-columns:minmax(0,1fr);gap:20px}.hero-row .cta-pair{justify-content:flex-start}figcaption{grid-template-columns:minmax(0,1fr);gap:8px}.chain li{grid-template-columns:minmax(0,1fr);gap:6px}.tech{grid-template-columns:minmax(0,1fr)}.start-inner{padding-block:40px 36px}}@media(max-width:720px){:root{--header-h: 52px}body{font-size:18px}.nav-link{display:none}nav{gap:12px}.pill{min-height:44px}h1{font-size:clamp(48px,15.2vw,110px)}h2{font-size:clamp(48px,16vw,110px)}.hero{min-height:calc(100svh - var(--header-h));padding-block:64px 24px}.hero-background.stage img{width:280%;left:-90%;height:125%;top:-5%}.hero h1{font-size:clamp(56px,14vw,100px)}.hero .hero-cta{width:100%;min-width:0;min-height:72px;font-size:28px;justify-content:space-between}.hero-row{margin-block:24px 32px}.hero-lead,.section-lead,.level-lead{font-size:22px}.viewer-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scrollbar-width:none}.viewer-tabs::-webkit-scrollbar{display:none}.viewer-tabs [role=tab]{flex:none;min-height:44px}.level{padding-block:32px 56px}.keys>div{grid-template-columns:minmax(0,1fr)}.site-footer__inner{flex-wrap:wrap;gap:8px 20px}.site-footer p{order:3;width:100%}.site-footer a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.viewer-tabs [role=tab],.frame img{transition:none}}