:root{--delima:#9e1b3f;--selat:#245b87;--gading:#f3e7d3;--arang:#1e1b18;--bougenvil:#f04f8b;--rempah:#f47b20;--kunyit:#e8b93f;--pesisir:#2fa7a0;--sirih:#496b45;--emas:#b68a3a;--kapuk:#f2b9c5;--langit:#8cc9de;--daun:#b8cc91;--pasir:#d8c39d;--kayu:#74513b;--paper:#fbf6ed;--white:#fff;--line:#1e1b182e;--line-strong:#1e1b1857;--shadow:0 24px 70px #4b2d1c26;--shadow-soft:0 12px 30px #4b2d1c1a;--display:"Fraunces", Georgia, serif;--sans:"Plus Jakarta Sans", system-ui, sans-serif;--hand:"Kalam", cursive;--hero-out:1;--builder-in:0;--scroll-p:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--gading)}body{color:var(--arang);background:var(--gading);font-family:var(--sans);margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--rempah);outline-offset:3px}::selection{background:var(--kunyit);color:var(--arang)}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site-nav{z-index:100;background:linear-gradient(#f3e7d3f5,#f3e7d3b8,#0000);justify-content:space-between;align-items:center;gap:20px;padding:17px clamp(18px,4vw,62px);transition:all .3s;display:flex;position:fixed;inset:0 0 auto}.site-nav.compact{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#fbf6edeb;padding-top:10px;padding-bottom:10px}.brand{align-items:center;gap:12px;min-width:max-content;display:flex}.brand-mark{background:var(--delima);width:42px;height:42px;color:var(--gading);font-family:var(--display);border-radius:50%;place-items:center;font-size:1.15rem;font-weight:800;display:grid;box-shadow:0 8px 20px #9e1b3f2e}.brand-copy strong{font-family:var(--display);font-size:1.05rem;line-height:1;display:block}.brand-copy small{letter-spacing:.13em;text-transform:uppercase;color:var(--delima);margin-top:4px;font-size:.56rem;font-weight:800;display:block}.nav-links{align-items:center;gap:24px;font-size:.76rem;font-weight:800;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--delima);height:2px;transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}.nav-links a:hover:after{right:0}.nav-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line-strong);letter-spacing:.01em;background:#ffffff94;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.76rem;font-weight:800;transition:all .22s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-soft);background:#fff;transform:translateY(-2px)}.btn.primary{background:var(--delima);border-color:var(--delima);color:var(--gading)}.btn.primary:hover{background:#861633}.btn.dark{background:var(--arang);border-color:var(--arang);color:var(--gading)}.btn.icon{border-radius:50%;width:44px;padding:0}.hero-scroll{height:190vh;position:relative}.hero-sticky{background:var(--gading);height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden}.paper-noise{pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#1e1b1809 1px,#0000 1px),linear-gradient(90deg,#1e1b1809 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 70%,#0000);mask-image:linear-gradient(#0000,#000 18% 70%,#0000)}.route-layer{pointer-events:none;z-index:1;opacity:calc(.8 * var(--hero-out) + .18);position:absolute;inset:7% 4% 8%}.route-layer path{fill:none;stroke:#245b876b;stroke-width:1.4px;stroke-dasharray:8 12;vector-effect:non-scaling-stroke}.route-layer .route-main{stroke:#9e1b3f7a;stroke-width:2px;stroke-dasharray:1600;stroke-dashoffset:1600px}body.is-ready .route-layer .route-main,.landing-root.is-ready .route-layer .route-main{animation:1.9s cubic-bezier(.2,.8,.2,1) .35s forwards drawRoute}@keyframes drawRoute{to{stroke-dashoffset:0}}.hero-stage{width:min(1500px,100%);height:100%;margin:auto;padding:96px clamp(18px,4vw,64px) 30px;position:relative}.headline-scene{z-index:10;opacity:var(--hero-out);pointer-events:none;transition:opacity 80ms linear;position:absolute;inset:98px clamp(18px,5vw,76px) 80px}.archive-label{letter-spacing:.14em;text-transform:uppercase;color:var(--selat);align-items:center;gap:9px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:1%;left:1%}.archive-label:before{content:"";background:currentColor;width:28px;height:2px}.kinetic-word{letter-spacing:-.07em;text-transform:uppercase;white-space:nowrap;will-change:transform, opacity;filter:drop-shadow(0 3px #ffffff73);margin:0;line-height:.79;position:absolute}.word-rasa{font-family:var(--display);transform:translate(var(--rasa-x,0px), var(--rasa-y,0px)) rotate(var(--rasa-r,0deg)) scale(var(--rasa-scale,1));font-size:clamp(5rem,13vw,12.8rem);font-weight:800;top:12%;left:3%}.word-rupa{font-family:var(--display);color:var(--delima);transform:translate(var(--rupa-x,0px), var(--rupa-y,0px)) rotate(var(--rupa-r,-2deg)) scale(var(--rupa-scale,1));font-size:clamp(5.8rem,14vw,14rem);font-style:italic;font-weight:800;top:25%;right:5%}.word-ide{font-family:var(--sans);color:var(--selat);transform:translate(var(--ide-x,0px), var(--ide-y,0px)) rotate(var(--ide-r,0deg));font-size:clamp(4.7rem,11vw,11rem);font-weight:800;top:55%;left:8%}.word-sistem{font-family:var(--sans);letter-spacing:-.08em;transform:translate(var(--sistem-x,0px), var(--sistem-y,0px)) rotate(var(--sistem-r,0deg));font-size:clamp(4rem,9.4vw,9.4rem);font-weight:800;top:67%;right:4%}.connector{letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);background:#fbf6edc7;border-radius:999px;padding:7px 12px;font-size:clamp(.72rem,1vw,.96rem);font-weight:800;position:absolute}.connector-a{top:20%;left:47%;transform:rotate(-5deg)}.connector-b{background:var(--kunyit);top:65%;left:49%;transform:rotate(5deg)}.floating-object{z-index:16;will-change:transform;transform:translate3d(calc(var(--px,0px) + var(--sx,0px)), calc(var(--py,0px) + var(--sy,0px)), 0) rotate(var(--sr,0deg));transition:transform .16s ease-out;position:absolute}.motion-inner{opacity:0;transform:translate(var(--from-x,0), var(--from-y,50px)) rotate(var(--from-r,0deg)) scale(var(--from-s,.78));will-change:transform, opacity}body.is-ready .motion-inner,.landing-root.is-ready .motion-inner{animation:objectEnter var(--duration,.78s) var(--delay,.35s) cubic-bezier(.17, .84, .26, 1.12) forwards}@keyframes objectEnter{to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.idle-a{animation:6s ease-in-out 3.8s infinite alternate idleA}.idle-b{animation:7.5s ease-in-out 3.5s infinite alternate idleB}.idle-c{animation:8.2s ease-in-out 3.9s infinite alternate idleC}@keyframes idleA{to{transform:translateY(-7px)rotate(1deg)}}@keyframes idleB{to{transform:translate(4px,6px)rotate(-1.2deg)}}@keyframes idleC{to{transform:translate(-5px,-3px)scale(1.018)}}.ui-card{border:1px solid var(--line-strong);box-shadow:var(--shadow);color:var(--arang);background:#ffffffe6;border-radius:18px;overflow:hidden}.ui-card:hover{box-shadow:0 30px 90px #4b2d1c33}.card-head{border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:.56rem;font-weight:800;display:flex}.drag-dots{letter-spacing:-.13em;color:#1e1b1873}.status-dot{background:var(--pesisir);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2fa7a024}.note-card{background:#fffaf2;width:clamp(175px,15vw,230px);padding:15px;transform:rotate(-3deg)}.note-card .label{font-family:var(--hand);color:var(--delima);font-size:.78rem}.note-card p{font-family:var(--display);margin:8px 0 0;font-size:clamp(.82rem,1vw,1rem);line-height:1.35}.kpi-card{background:var(--kunyit);width:clamp(126px,10vw,170px);padding:15px;transform:rotate(4deg)}.kpi-card small{letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:800}.kpi-card strong{font-family:var(--display);margin:9px 0 8px;font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1;display:block}.kpi-card span{font-size:.65rem;font-weight:800}.balance-card{background:#f6fbfd;width:clamp(190px,18vw,280px);transform:rotate(-2deg)}.mini-table{grid-template-columns:1fr 1fr;gap:7px 12px;padding:11px 13px 13px;font-size:.58rem;display:grid}.mini-table strong{text-transform:uppercase;letter-spacing:.08em;color:var(--selat);font-size:.58rem}.mini-table div{border-bottom:1px dashed #1e1b1824;justify-content:space-between;gap:8px;padding-bottom:4px;display:flex}.cash-card{background:#fff;width:clamp(150px,12vw,195px);transform:rotate(2.5deg)}.cash-list{gap:6px;padding:10px 12px 13px;display:grid}.cash-row{grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:.62rem;display:grid}.cash-row span:last-child{font-weight:800}.cash-row.final{border-top:2px solid var(--arang);color:var(--delima);margin-top:3px;padding-top:8px;font-weight:800}.video-card{aspect-ratio:1.35;background:var(--selat);width:clamp(145px,13vw,210px);color:var(--gading);flex-direction:column;justify-content:space-between;padding:15px;display:flex;transform:rotate(-4deg)}.play{background:var(--gading);width:46px;height:46px;color:var(--selat);border-radius:50%;place-items:center;font-size:1.05rem;display:grid;box-shadow:0 8px 20px #00000029}.video-card strong{font-family:var(--display);font-size:.98rem;line-height:1.05}.video-card small{letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:800}.builder-block{background:#fff;width:clamp(185px,15vw,240px);padding:0;transform:rotate(3deg)}.builder-block .body{padding:13px}.builder-block strong{font-family:var(--display);font-size:1rem;display:block}.builder-block p{color:#1e1b189e;margin:6px 0 0;font-size:.62rem;line-height:1.45}.builder-block .drag-copy{background:var(--kapuk);text-transform:uppercase;letter-spacing:.08em;margin:10px -13px -13px;padding:9px 13px;font-size:.58rem;font-weight:800}.art-placeholder{aspect-ratio:1;border:1px solid var(--line-strong);width:clamp(115px,11vw,170px);box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-4deg)}.art-placeholder strong{font-family:var(--display);color:#1e1b1842;font-size:clamp(3rem,6vw,6rem);font-weight:600}.art-placeholder small{white-space:nowrap;letter-spacing:.11em;text-transform:uppercase;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.54rem;font-weight:800;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.obj-note{--delay:.65s;--from-y:-120px;--from-r:12deg;--duration:.9s;top:12%;left:37%}.obj-kpi{--delay:.82s;--from-x:170px;--from-r:20deg;--duration:.88s;top:13%;right:9%}.obj-balance{--delay:.95s;--from-y:180px;--from-r:-16deg;--duration:.95s;top:47%;left:23%}.obj-video{--delay:1.05s;--from-s:.2;--from-r:24deg;--duration:.85s;top:43%;right:23%}.obj-cash{--delay:1.18s;--from-y:160px;--duration:.82s;bottom:7%;left:45%}.obj-block{--delay:1.32s;--from-x:180px;--from-r:18deg;--duration:.92s;bottom:12%;right:5%}.obj-art-a{--delay:.76s;--from-x:-180px;--from-r:-20deg;--duration:1s;top:30%;left:4%}.obj-art-b{--delay:1.1s;--from-x:180px;--from-r:18deg;--duration:.95s;top:57%;right:4%}.spice{width:var(--s,10px);height:var(--s,10px);background:var(--c,var(--rempah));z-index:8;opacity:0;border-radius:50%;position:absolute;transform:scale(0)}body.is-ready .spice,.landing-root.is-ready .spice{animation:spicePop .45s var(--d,1s) cubic-bezier(.2, 1.5, .3, 1) forwards}@keyframes spicePop{to{opacity:.9;transform:scale(1)}}.spice.s1{--s:10px;--c:var(--rempah);--d:.85s;top:18%;left:18%}.spice.s2{--s:14px;--c:var(--bougenvil);--d:1.2s;top:76%;left:30%}.spice.s3{--s:8px;--c:var(--sirih);--d:1.35s;top:29%;right:19%}.spice.s4{--s:11px;--c:var(--pesisir);--d:1.45s;bottom:11%;right:34%}.spice.s5{--s:7px;--c:var(--delima);--d:1.05s;top:7%;left:52%}.spice.s6{--s:16px;--c:var(--kunyit);--d:1.55s;top:37%;right:5%}.hero-copy{z-index:30;width:min(900px,82%);transform:translateX(-50%) translateY(var(--copy-y,0px));text-align:center;opacity:var(--hero-out);transition:opacity 80ms linear;position:absolute;bottom:5.2%;left:50%}.hero-copy p{color:#1e1b18c2;-webkit-backdrop-filter:blur(8px);background:#f3e7d3c2;border-radius:14px;max-width:760px;margin:0 auto 17px;padding:8px 14px;font-size:clamp(.83rem,1.15vw,1rem);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.hero-annotation{font-family:var(--hand);color:var(--delima)!important;background:0 0!important;margin-top:13px!important;padding:0!important;font-size:.92rem!important}.builder-reveal{z-index:45;width:min(1180px,88vw);height:min(70vh,660px);transform:translate(-50%, var(--builder-y,118px)) scale(var(--builder-scale,.88));opacity:var(--builder-in);pointer-events:none;filter:drop-shadow(0 32px 70px #4b2d1c2e);transition:opacity 80ms linear;position:absolute;top:50%;left:50%}.builder-reveal.is-interactive{pointer-events:auto}.builder-frame{border:1px solid var(--line-strong);background:var(--paper);height:100%;box-shadow:var(--shadow);border-radius:25px;grid-template-rows:48px 1fr;display:grid;overflow:hidden}.builder-top{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;background:#ffffffc7;justify-content:space-between;align-items:center;gap:12px;padding:0 15px;font-size:.62rem;font-weight:800;display:flex}.builder-top .dots{gap:6px;display:flex}.builder-top .dots span{background:var(--pasir);border-radius:50%;width:8px;height:8px}.builder-top .dots span:nth-child(2){background:var(--kunyit)}.builder-top .dots span:nth-child(3){background:var(--pesisir)}.builder-layout{grid-template-columns:210px minmax(0,1fr) 235px;min-height:0;display:grid}.builder-panel{border-right:1px solid var(--line);background:#fffaf2;padding:13px;overflow:hidden}.builder-panel.right{border-left:1px solid var(--line);background:#f8f4ec;border-right:0}.builder-panel h3{font-family:var(--display);margin:0 0 10px;font-size:1rem}.builder-search{border:1px solid var(--line);color:#1e1b1885;background:#fff;border-radius:9px;align-items:center;height:32px;margin-bottom:10px;padding:0 9px;font-size:.58rem;display:flex}.block-stack{gap:7px;display:grid}.block-mini{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px;font-size:.58rem;font-weight:800;display:flex}.block-mini i{background:var(--gading);border-radius:7px;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.block-mini.active{border-color:var(--delima);background:#f2b9c538}.builder-canvas{background-color:#e6dac8;background-image:linear-gradient(#74513b0b 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:0;padding:16px;overflow:hidden}.page-preview{border:1px solid var(--line);background:var(--gading);width:min(650px,100%);height:100%;box-shadow:var(--shadow-soft);border-radius:17px;margin:auto;overflow:hidden}.page-preview-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffaf2,#f2b9c547);padding:25px}.page-preview-head small{text-transform:uppercase;letter-spacing:.11em;color:var(--selat);font-size:.5rem;font-weight:800}.page-preview-head h2{font-family:var(--display);letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(1.4rem,2vw,2.25rem);line-height:1}.preview-blocks{gap:9px;padding:13px;display:grid}.preview-block{border:1px solid var(--line);background:#ffffffbd;border-radius:12px;padding:12px}.preview-block.selected{border:2px solid var(--delima);box-shadow:0 0 0 3px #9e1b3f1a}.preview-block .tiny-label{text-transform:uppercase;letter-spacing:.1em;color:var(--delima);font-size:.48rem;font-weight:800}.cash-mini{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.cash-mini div{background:var(--gading);text-align:center;border-radius:8px;padding:8px 5px;font-size:.48rem}.cash-mini strong{margin-top:3px;font-size:.66rem;display:block}.inspector-tabs{gap:5px;margin-bottom:12px;display:flex}.inspector-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 7px;font-size:.48rem;font-weight:800}.inspector-tabs button.active{background:var(--arang);color:var(--gading)}.field{margin-bottom:10px}.field label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.5rem;font-weight:800;display:block}.fake-input{border:1px solid var(--line);color:#1e1b18a6;background:#fff;border-radius:8px;min-height:31px;padding:8px;font-size:.54rem}.mode-switch{align-items:center;gap:6px;display:flex}.mode-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;font-size:.48rem;font-weight:800}.mode-chip.active{background:var(--selat);color:var(--gading);border-color:var(--selat)}.builder-caption{text-align:center;width:min(720px,90vw);position:absolute;bottom:-58px;left:50%;transform:translate(-50%)}.builder-caption h2{font-family:var(--display);margin:0 0 8px;font-size:clamp(1.75rem,3vw,3.3rem);line-height:1}.builder-caption p{color:#1e1b18a8;margin:0;font-size:.78rem}.scroll-hint{z-index:60;letter-spacing:.13em;text-transform:uppercase;color:#1e1b1894;opacity:var(--hero-out);align-items:center;gap:10px;font-size:.56rem;font-weight:800;display:flex;position:absolute;bottom:23px;right:clamp(18px,4vw,58px)}.scroll-line{background:var(--arang);width:42px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--delima);animation:2s ease-in-out 3.2s infinite scrollPulse;position:absolute;inset:0;transform:translate(-100%)}@keyframes scrollPulse{50%,to{transform:translate(100%)}}.after-hero{z-index:5;background:var(--paper);border-top:1px solid var(--line);padding:clamp(70px,9vw,130px) 20px;position:relative}.section-shell{width:min(1180px,100%);margin:auto}.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--selat);font-size:.64rem;font-weight:800}.after-hero h2{font-family:var(--display);letter-spacing:-.05em;max-width:980px;margin:14px 0 22px;font-size:clamp(2.5rem,6vw,6rem);line-height:.98}.after-hero .lead{color:#1e1b18b3;max-width:760px;font-size:1rem;line-height:1.75}.principle-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;display:grid}.principle{border:1px solid var(--line);background:#ffffffa6;border-radius:20px;min-height:190px;padding:22px}.principle span{background:var(--gading);width:42px;height:42px;font-family:var(--display);border-radius:50%;place-items:center;font-weight:800;display:inline-grid}.principle h3{font-family:var(--display);margin:18px 0 8px;font-size:1.4rem}.principle p{color:#1e1b18ad;margin:0;font-size:.82rem;line-height:1.65}.info-panel{z-index:120;border:1px solid var(--line-strong);width:min(390px,100vw - 40px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);background:#fbf6edf5;border-radius:19px;padding:18px;transition:all .35s;position:fixed;bottom:20px;right:20px;transform:translateY(140%)}.info-panel.open{transform:translateY(0)}.info-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-panel h3{font-family:var(--display);margin:0;font-size:1.35rem}.info-panel p{color:#1e1b18b3;font-size:.76rem;line-height:1.6}.close-btn{border:1px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px}.blog-section{z-index:20;background:var(--paper);border-top:1px solid var(--line);padding:80px clamp(20px,5vw,90px) 100px;position:relative}.blog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px;display:flex}.blog-head h2{font-family:var(--display);letter-spacing:-.02em;color:var(--delima);margin:8px 0 0;font-size:clamp(2rem,4vw,2.9rem)}.blog-lead{color:#1e1b18b8;max-width:480px;margin:0;font-size:.95rem;line-height:1.6}.blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.blog-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:30px 26px;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;position:relative;box-shadow:0 4px 16px #4b2d1c0a}.blog-card:hover{box-shadow:var(--shadow);border-color:var(--rempah);transform:translateY(-6px)}.blog-card-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-badge{background:var(--kapuk);color:var(--delima);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-block}.blog-date{color:#1e1b188c;font-size:.76rem;font-weight:500}.blog-title{font-family:var(--display);color:var(--arang);letter-spacing:-.01em;margin:0 0 14px;font-size:1.35rem;line-height:1.35}.blog-title a{color:inherit;transition:color .2s}.blog-title a:hover{color:var(--delima)}.blog-excerpt{color:#1e1b18b8;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 24px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:.76rem;display:flex}.blog-author{color:#1e1b1899;font-weight:600}.blog-link{color:var(--delima);align-items:center;gap:4px;font-weight:700;transition:gap .2s;display:inline-flex}.blog-link:hover{color:var(--rempah);gap:8px}@media (max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-head{margin-bottom:32px}}.blog-detail-root{background:var(--gading);min-height:100vh;color:var(--arang);flex-direction:column;display:flex}.blog-detail-nav{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#fbf6edeb;padding:16px clamp(16px,4vw,48px);position:sticky;top:0}.blog-nav-inner{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;display:flex}.blog-back-btn{color:var(--delima);align-items:center;gap:8px;font-size:.88rem;font-weight:700;transition:transform .2s,color .2s;display:inline-flex}.blog-back-btn:hover{color:var(--rempah);transform:translate(-4px)}.brand-mini{align-items:center;gap:10px;font-size:.92rem;display:flex}.brand-mark-mini{background:var(--delima);color:#fff;width:30px;height:30px;font-family:var(--display);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:inline-flex}.blog-detail-container{width:100%;max-width:820px;margin:0 auto;padding:60px 24px 120px}.blog-article{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:clamp(28px,6vw,64px)}.article-header{border-bottom:1px solid var(--line);margin-bottom:44px;padding-bottom:36px}.article-meta-top{align-items:center;gap:14px;margin-bottom:20px;display:flex}.article-badge{background:var(--kapuk);color:var(--delima);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:6px 14px;font-size:.76rem;font-weight:700;display:inline-block}.article-date{color:#1e1b1899;font-size:.82rem;font-weight:500}.article-title{font-family:var(--display);color:var(--delima);letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.2}.article-lead{color:#1e1b18c7;margin:0 0 28px;font-size:1.15rem;font-weight:500;line-height:1.65}.article-author-bar{align-items:center;gap:12px;margin-top:24px;display:flex}.author-avatar{background:var(--kunyit);width:44px;height:44px;color:var(--arang);font-family:var(--display);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 10px #00000014}.author-info strong{color:var(--arang);font-size:.92rem;display:block}.author-info span{color:#1e1b188c;font-size:.75rem}.article-cover{border:1px solid var(--line);border-radius:18px;margin-top:32px;overflow:hidden}.article-cover-img{object-fit:cover;width:100%;height:auto;max-height:450px}.article-body{color:var(--arang);font-size:1.1rem;line-height:1.8}.article-body p{margin-bottom:1.5em}.article-body h2,.article-body h3,.article-body h4{font-family:var(--display);color:var(--arang);margin-top:2em;margin-bottom:.75em;line-height:1.3}.article-body h2{color:var(--delima);border-bottom:1px dashed var(--line);padding-bottom:8px;font-size:1.85rem}.article-body h3{font-size:1.45rem}.article-body blockquote{border-left:4px solid var(--delima);color:#1e1b18d9;background:#9e1b3f0a;border-radius:0 12px 12px 0;margin:1.8em 0;padding:12px 20px;font-style:italic}.article-footer{border-top:1px solid var(--line);margin-top:60px;padding-top:40px}.article-footer-card{background:var(--gading);border:1px solid var(--line);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;display:flex}.footer-card-copy h3{font-family:var(--display);color:var(--delima);margin:0 0 4px;font-size:1.25rem}.footer-card-copy p{color:#1e1b18a6;margin:0;font-size:.85rem}@media (max-width:640px){.blog-article{border-radius:20px;padding:24px 18px}.blog-detail-container{padding:24px 12px 60px}.article-title{font-size:1.85rem}.article-lead{font-size:.98rem}.article-footer-card{flex-direction:column;align-items:flex-start}}@media (max-width:1100px){.nav-links{display:none}.hero-sticky{min-height:660px}.obj-note{top:13%;left:34%}.obj-balance{top:46%;left:20%}.obj-video{top:45%;right:20%}.obj-block{right:2%}.builder-layout{grid-template-columns:170px 1fr 190px}.builder-panel{padding:10px}}@media (max-width:820px){.site-nav{padding:12px 16px}.brand-copy small,.nav-actions .btn:not(.primary){display:none}.hero-scroll{height:145vh}.hero-sticky{min-height:640px}.headline-scene{inset:82px 14px 100px}.archive-label{font-size:.54rem}.word-rasa{font-size:clamp(4rem,18vw,7.8rem);top:12%;left:4%}.word-rupa{font-size:clamp(4.7rem,20vw,8.8rem);top:29%;right:3%}.word-ide{font-size:clamp(4rem,16vw,7.2rem);top:53%;left:5%}.word-sistem{font-size:clamp(3.4rem,13vw,6.1rem);top:67%;right:3%}.connector-a{top:18%;left:56%}.connector-b{top:62%;left:51%}.obj-note,.obj-cash,.obj-block{display:none}.obj-kpi{top:11%;right:4%;transform:scale(.78)}.obj-balance{top:43%;left:8%;transform:scale(.72)}.obj-video{top:48%;right:5%;transform:scale(.73)}.obj-art-a{top:28%;left:2%;transform:scale(.72)}.obj-art-b{top:61%;right:1%;transform:scale(.65)}.hero-copy{width:92%;bottom:4%}.hero-copy p{font-size:.76rem;line-height:1.55}.hero-annotation,.scroll-hint{display:none}.builder-reveal{width:92vw;height:64vh;top:49%}.builder-layout{grid-template-columns:1fr}.builder-panel{display:none}.builder-canvas{padding:10px}.page-preview-head{padding:20px}.builder-caption{bottom:-70px}.principle-grid{grid-template-columns:1fr}}@media (max-width:520px){.floating-object{z-index:8}.brand-mark{width:36px;height:36px}.brand-copy strong{font-size:.92rem}.nav-actions .btn.primary{padding:9px 12px;font-size:.68rem}.hero-scroll{height:135vh}.hero-sticky{min-height:610px}.headline-scene{inset:76px 10px 115px}.archive-label{top:2%;left:3%}.word-rasa{font-size:17vw;top:13%}.word-rupa{font-size:19vw;top:31%}.word-ide{font-size:16vw;top:53%}.word-sistem{font-size:12.5vw;top:69%}.connector{padding:5px 8px;font-size:.46rem}.connector-a{top:20%;left:57%}.connector-b{top:65%;left:52%}.obj-kpi{top:9%;right:-5%;transform:scale(.55)}.obj-balance{top:42%;left:-8%;transform:scale(.54)}.obj-video{top:47%;right:-7%;transform:scale(.54)}.obj-art-a{top:27%;left:-8%;transform:scale(.52)}.obj-art-b{top:61%;right:-9%;transform:scale(.5)}.hero-copy{bottom:3%}.hero-copy p{display:none}.hero-actions{gap:6px}.hero-actions .btn{min-height:40px;padding:8px 11px;font-size:.64rem}.builder-reveal{height:57vh;top:48%}.builder-top{font-size:.5rem}.page-preview-head h2{font-size:1.45rem}.builder-caption h2{font-size:1.6rem}.builder-caption p{font-size:.68rem}.after-hero{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-inner,.spice{opacity:1!important;transform:none!important}.floating-object{transform:none!important}.route-layer .route-main{stroke-dashoffset:0!important}}