.BrandHeader-module__uekUuW__mobileMenu{opacity:1;transform-origin:100% 0;transition:opacity .16s,transform .2s cubic-bezier(.16,1,.3,1),visibility;display:grid;transform:translate(0,0)scale(1)}.BrandHeader-module__uekUuW__mobileDetails:not([open]) .BrandHeader-module__uekUuW__mobileMenu{visibility:hidden;pointer-events:none;opacity:0;transition:opacity .12s,transform .12s cubic-bezier(.16,1,.3,1),visibility 0s .12s;transform:translateY(-6px)scale(.97)}@media (prefers-reduced-motion:reduce){.BrandHeader-module__uekUuW__mobileMenu,.BrandHeader-module__uekUuW__mobileDetails:not([open]) .BrandHeader-module__uekUuW__mobileMenu{transition:none;transform:none}}
.BrandHero-module__MEyivG__copy,.BrandHero-module__MEyivG__bookLeft,.BrandHero-module__MEyivG__bookMiddle,.BrandHero-module__MEyivG__bookRight{animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.BrandHero-module__MEyivG__copy{animation-name:BrandHero-module__MEyivG__copy-arrive;animation-duration:.6s}.BrandHero-module__MEyivG__bookMiddle{animation-name:BrandHero-module__MEyivG__book-middle-arrive;animation-duration:.7s}.BrandHero-module__MEyivG__bookLeft,.BrandHero-module__MEyivG__bookRight{animation-duration:.76s;animation-delay:.1s}.BrandHero-module__MEyivG__bookLeft{animation-name:BrandHero-module__MEyivG__book-left-fan}.BrandHero-module__MEyivG__bookRight{animation-name:BrandHero-module__MEyivG__book-right-fan}@keyframes BrandHero-module__MEyivG__copy-arrive{0%{opacity:0;transform:translateY(14px)}}@keyframes BrandHero-module__MEyivG__book-middle-arrive{0%{opacity:.35;transform:translateY(7%)scale(.96)}}@keyframes BrandHero-module__MEyivG__book-left-fan{0%{opacity:.35;transform:translate(24%,5%)rotate(5deg)scale(.96)}}@keyframes BrandHero-module__MEyivG__book-right-fan{0%{opacity:.35;transform:translate(-24%,5%)rotate(-5deg)scale(.96)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.BrandHero-module__MEyivG__bookLeft img,.BrandHero-module__MEyivG__bookMiddle img,.BrandHero-module__MEyivG__bookRight img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.BrandHero-module__MEyivG__bookLeft:hover img{transform:translateY(-10px)rotate(-3deg)}.BrandHero-module__MEyivG__bookMiddle:hover img{transform:translateY(-12px)rotate(2deg)}.BrandHero-module__MEyivG__bookRight:hover img{transform:translateY(-10px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.BrandHero-module__MEyivG__copy,.BrandHero-module__MEyivG__bookLeft,.BrandHero-module__MEyivG__bookMiddle,.BrandHero-module__MEyivG__bookRight{animation:none}}
.BrandMotion-module__KvVdyG__root{--brand-motion-ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.BrandMotion-module__KvVdyG__root :is([id=produk] a img,[id=fitur] article img,[id=tentang] img,[id=reader] img,[id=platform]>div>img){transition:transform .42s var(--brand-motion-ease)}.BrandMotion-module__KvVdyG__root [id=produk] a img{transform-origin:50% 80%}.BrandMotion-module__KvVdyG__root [id=produk] a:nth-child(odd):hover img{transform:translateY(-4px)rotate(-2deg)scale(.98)}.BrandMotion-module__KvVdyG__root [id=produk] a:nth-child(2n):hover img{transform:translateY(-4px)rotate(2deg)scale(.98)}.BrandMotion-module__KvVdyG__root [id=produk] a svg{transition:transform .22s var(--brand-motion-ease)}.BrandMotion-module__KvVdyG__root [id=produk] a:hover svg{transform:translate(5px)}.BrandMotion-module__KvVdyG__root :is([id=fitur] article,[id=artikel] article){transition:transform .32s var(--brand-motion-ease)}.BrandMotion-module__KvVdyG__root :is([id=fitur] article,[id=artikel] article):hover{transform:translateY(-6px)}.BrandMotion-module__KvVdyG__root [id=fitur] article:nth-child(odd):hover img{transform:translateY(-4px)rotate(-2deg)scale(1.025)}.BrandMotion-module__KvVdyG__root [id=fitur] article:nth-child(2n):hover img{transform:translateY(-4px)rotate(2deg)scale(1.025)}.BrandMotion-module__KvVdyG__root [id=tentang] img:hover{transform:rotate(-1deg)scale(.99)}.BrandMotion-module__KvVdyG__root [id=tentang] div:has(>svg)>svg{transition:transform .35s var(--brand-motion-ease)}.BrandMotion-module__KvVdyG__root [id=tentang] div:has(>svg):hover>svg{transform:translateY(-3px)rotate(-12deg)scale(1.12)}.BrandMotion-module__KvVdyG__root [id=platform]>div>img:hover{transform:translateY(-6px)}.BrandMotion-module__KvVdyG__root [id=reader]>div>div:last-child>div:first-child:hover img{transform:translateY(-6px)rotate(-2deg)}.BrandMotion-module__KvVdyG__root [id=reader]>div>div:last-child>div:last-child>div:first-child:hover img{transform:scale(.985)rotate(1deg)}.BrandMotion-module__KvVdyG__root :is(header,[id=platform],[id=reader],section[data-brand-cta]) a{transition:transform .24s var(--brand-motion-ease), background-color .16s ease, color .16s ease}.BrandMotion-module__KvVdyG__root :is(header,[id=platform],[id=reader],section[data-brand-cta]) a:hover{transform:translateY(-3px)rotate(-1deg)}.BrandMotion-module__KvVdyG__root :is(header,[id=platform],[id=reader],section[data-brand-cta]) a:active{transform:translateY(1px)scale(.97)}.BrandMotion-module__KvVdyG__root button:enabled:not([role=tab]){transition:transform .18s var(--brand-motion-ease), background-color .16s ease}.BrandMotion-module__KvVdyG__root button:enabled:not([role=tab]):hover{transform:rotate(-5deg)}.BrandMotion-module__KvVdyG__root button:enabled:not([role=tab]):active{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.BrandMotion-module__KvVdyG__root :is(a,button,img){transition:none}.BrandMotion-module__KvVdyG__root :is(a,button):active{transform:scale(1)}}@media print{.BrandMotion-module__KvVdyG__root *{opacity:1!important;animation:none!important;transform:none!important}}