@font-face{font-family:Inter UI;src:url(inter-latin-opsz-normal-3t51grms.woff2)format(woff2);font-style:normal;font-weight:100 900;font-display:swap;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:Khit Haungg;src:url(khit-haungg-regular-1eg65nz1.woff2)format(woff2);font-weight:400;font-display:swap;unicode-range:U+1000-109f,U+a9e0-a9ff,U+aa60-aa7f}@font-face{font-family:Khit Haungg;src:url(khit-haungg-medium-2lm4xkfw.woff2)format(woff2);font-weight:500;font-display:swap;unicode-range:U+1000-109f,U+a9e0-a9ff,U+aa60-aa7f}@font-face{font-family:Khit Haungg;src:url(khit-haungg-semibold-3v3pu05x.woff2)format(woff2);font-weight:600;font-display:swap;unicode-range:U+1000-109f,U+a9e0-a9ff,U+aa60-aa7f}@font-face{font-family:Khit Haungg;src:url(khit-haungg-bold-2ujinbr5.woff2)format(woff2);font-weight:700;font-display:swap;unicode-range:U+1000-109f,U+a9e0-a9ff,U+aa60-aa7f}:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--page:#fff;--surface:#f5f5f7;--raised:#eeeef1;--fill:#e7e7eb;--ink:#18181c;--muted:#6b6b73;--line:#18181c14;--line-strong:#18181c29;--field:#f2f2f5;--field-on-surface:#fff;--seg-thumb:#fff;--seg-shadow:0 1px 2px #18181c1f,0 1px 1px #18181c0a;--float-shadow:0 1px 2px #18181c0d,0 18px 40px -14px #18181c4d;--accent:#f2541b;--accent-from:#fa6c14;--accent-to:#e93a1f;--accent-soft:#f2541b1a;--glow:linear-gradient(135deg,#fff1e6 0%,#ffeae8 55%,#fbf0ff 100%);--rail:#151518;--rail-foot:#f2541b33;--rail-ink:#93939c;--rail-hover:#ffffff17;--rail-current:#fff;--rail-current-ink:#151518;--danger:#d1382b;--success:#1f8a55;--stage:#ececef;--hue-recap:#2a78d6;--hue-novel:#c98500;--hue-football:#14a072;--hue-templates:#7a52d8;--label-note:#a8660a;--font-ui:"Khit Haungg","Inter UI",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--text-micro:.75rem;--text-small:.8125rem;--text-ui:.9375rem;--text-lede:1.0625rem;--text-heading:1.25rem;--text-section:clamp(1.75rem,1.25rem + 2vw,2.625rem);--text-display:clamp(2.25rem,1.1rem + 4.9vw,4.5rem);--radius-control:12px;--radius-field:14px;--radius-tile:18px;--radius-card:24px;--radius-sheet:28px;--motion-press:90ms;--motion-fast:.12s;--motion-base:.18s;--motion-slow:.24s;--motion-ease:cubic-bezier(.2,0,0,1);--motion-ease-exit:cubic-bezier(.4,0,1,1);--motion-pop:cubic-bezier(.34,1.4,.64,1);--frame:72rem;--gutter:clamp(1rem,4vw,2rem);--section-gap:clamp(5rem,3rem + 8vw,9rem);--nav-height:3.25rem}[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--page:#111113;--surface:#1b1b1e;--raised:#232327;--fill:#2c2c31;--ink:#f3f3f5;--muted:#9d9da6;--line:#ffffff14;--line-strong:#ffffff2e;--field:#1c1c20;--field-on-surface:#28282d;--seg-thumb:#3a3a41;--seg-shadow:0 1px 2px #00000073;--float-shadow:0 0 0 1px #ffffff12,0 24px 48px -12px #000000bf;--accent:#ff6a2b;--accent-from:#ff7a22;--accent-to:#f0452a;--accent-soft:#ff6a2b26;--glow:linear-gradient(135deg,#ff7a2229 0%,#f0452a1a 55%,#b078ff1a 100%);--rail:#1e1e22;--rail-foot:#ff6a2b29;--rail-current:#f3f3f5;--rail-current-ink:#111113;--danger:#f26457;--success:#2e9e67;--stage:#0b0b0d;--hue-recap:#4c9bff;--hue-novel:#f0b03a;--hue-football:#2fcf98;--hue-templates:#ac92ff;--label-note:#e5b257}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 2rem)}body{background:var(--page);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;margin:0;line-height:1.6}:lang(my) body{line-height:1.75}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{list-style:none;padding:0}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.15}:lang(my) h1,:lang(my) h2,:lang(my) h3{line-height:1.6}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-soft)}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.skip{position:absolute;z-index:60;background:var(--ink);color:var(--page);transition:top var(--motion-base)var(--motion-ease);border-radius:999px;padding:.6rem 1rem;font-weight:600;top:-4rem;left:1rem}.skip:focus{top:1rem}.frame{width:min(100% - 2*var(--gutter),var(--frame));margin-inline-start:auto;margin-inline-end:auto}.section{padding-block:calc(var(--section-gap)/2)}.section__title{font-size:var(--text-section);letter-spacing:0}.section__lede{color:var(--muted);font-size:var(--text-lede);max-width:34rem;margin-top:1rem;line-height:1.55}:lang(my) .section__lede{line-height:1.9}.phrase{display:inline-block}.icon{fill:currentColor;flex:none;width:1.25em;height:1.25em}.btn{display:inline-flex;font-size:var(--text-ui);text-align:center;white-space:nowrap;transition:transform var(--motion-press)var(--motion-ease),background-color var(--motion-fast)var(--motion-ease),box-shadow var(--motion-base)var(--motion-ease),color var(--motion-fast)var(--motion-ease);border-radius:999px;justify-content:center;align-items: center;gap:.5rem;min-height:2.75rem;padding:.5rem 1.25rem;font-weight:600;line-height:1.25}:lang(my) .btn{line-height:1.7}.btn:active:not(:disabled){transform:scale(.97)}.btn--large{min-height:3.25rem;padding-inline-start:1.6rem;padding-inline-end:1.6rem;font-size:1rem}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));box-shadow:0 10px 24px -12px var(--accent)}.btn--primary:hover{box-shadow:0 14px 30px -12px var(--accent)}.btn--secondary{background:var(--fill)}.btn--secondary:hover{background:var(--line-strong)}.btn--quiet{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn--quiet:hover{background:var(--surface)}.btn--light{background:var(--rail-current);color:var(--rail-current-ink)}.btn--light:hover{background:#e9e9ee}.btn--off{color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:default;background:0 0;border-radius:999px}.btn .icon{width:1.15em;height:1.15em}.btn--wrap{white-space:normal}.chip{display:inline-flex;background:var(--surface);font-size:var(--text-small);border-radius:999px;align-items: center;gap:.4rem;padding:.3rem .75rem;font-weight:500;line-height:1.4}:lang(my) .chip{line-height:1.7}.link{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.2em}.link:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}.nav{position:sticky;z-index:50;display:flex;padding-inline:var(--gutter);pointer-events:none;justify-content:center;margin-top:.75rem;top:.75rem}.nav__capsule{pointer-events:auto;display:flex;width:min(100%,var(--frame));min-height:var(--nav-height);color:#fff;background:var(--rail);background-image:linear-gradient(to left,var(--rail-foot),transparent 38%);box-shadow:var(--float-shadow);border-radius:999px;align-items: center;gap:.5rem;padding:.375rem .375rem .375rem .625rem}.nav__brand{display:flex;border-radius:999px;align-items: center;gap:.6rem;padding-right:.5rem}.nav__brand img{border-radius:28%;width:2rem;height:2rem}.nav__name{white-space:nowrap;font-size:1rem;font-weight:650}.nav__links{position:relative;display:none;align-items: center;gap:.125rem;margin-inline-start:auto;margin-inline-end:auto}.nav__links a{position:relative;z-index:1;color:var(--rail-ink);font-size:var(--text-ui);white-space:nowrap;transition:color var(--motion-fast)var(--motion-ease);border-radius:999px;padding:.45rem .9rem;font-weight:500}.nav__links a:hover{color:#fff}.nav__links a[aria-current]{color:var(--rail-current-ink)}.nav__thumb{position:absolute;width:var(--w,0);background:var(--rail-current);opacity:0;translate:var(--x,0)-50%;transition:translate .32s var(--motion-ease),width .32s var(--motion-ease),opacity var(--motion-base)var(--motion-ease);border-radius:999px;height:2.25rem;top:50%;left:0}.nav__links[data-current] .nav__thumb{opacity:1}.nav__tools{display:flex;align-items: center;gap:.375rem;margin-left:auto}.nav__links+.nav__tools{margin-left:auto}.lang{display:flex;background:var(--rail-hover);border-radius:999px;gap:.125rem;padding:.1875rem}.lang a{display:grid;opacity:.55;transition:opacity var(--motion-fast)var(--motion-ease),background-color var(--motion-fast)var(--motion-ease);border-radius:50%;place-items: center;width:2.125rem;height:2.125rem}.lang a:hover{opacity:1}.lang a[aria-current]{opacity:1;background:#ffffff29}.flag{overflow:hidden;border-radius:50%;width:1.25rem;height:1.25rem}.nav__theme{position:relative;display:grid;color:#fff;background:var(--rail-hover);transition:background-color var(--motion-fast)var(--motion-ease),transform var(--motion-press)var(--motion-ease);border-radius:50%;place-items: center;width:2.5rem;height:2.5rem}.nav__theme:hover{background:#ffffff29}.nav__theme:active{transform:scale(.94)}html:not([data-theme]) .nav__theme{display:none}.nav__theme .icon{grid-area:1/1;transition:opacity var(--motion-base)var(--motion-ease),rotate .42s var(--motion-ease),scale .42s var(--motion-ease);width:1.2rem;height:1.2rem}.nav__sun{opacity:0;rotate:-90deg;scale:.4}[data-theme=dark] .nav__sun{opacity:1;rotate:none;scale:1}[data-theme=dark] .nav__moon{opacity:0;rotate:90deg;scale:.4}.nav__cta{min-height:2.5rem;padding-inline-start:1.1rem;padding-inline-end:1.1rem}.nav :focus-visible{outline-color:#fff}@media (min-width:60rem){.nav__links{display:flex}.nav__tools{margin-left:0}}@media (max-width:26rem){.nav__name{display:none}.nav__cta{padding-inline-start:.85rem;padding-inline-end:.85rem}}::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:none;mix-blend-mode:normal}.hero{text-align:center;padding-top:clamp(2.75rem,2rem + 4vw,5.5rem);padding-bottom:clamp(2.25rem,1.5rem + 3vw,4rem)}.hero__inner{display:flex;flex-direction:column;align-items: center}.hero__status{display:inline-flex;background:var(--accent-soft);color:color-mix(in srgb,var(--accent)62%,var(--ink));font-size:var(--text-small);text-align:center;transition:background-color var(--motion-fast)var(--motion-ease);border-radius:999px;align-items: center;gap:.55rem;max-width:100%;padding:.4rem .95rem .4rem .75rem;font-weight:600;line-height:1.5}:lang(my) .hero__status{line-height:1.8}.hero__status:hover{background:color-mix(in srgb,var(--accent)16%,transparent)}.hero__status i{position:relative;background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem}.hero__status i:after{content:"";position:absolute;background:var(--accent);border-radius:50%;inset:0}[data-motion] .hero__status i:after{animation:status-ping 2.4s var(--motion-ease)2}@keyframes status-ping{0%{opacity:.6;scale:1}70%,to{opacity:0;scale:3}}.hero__title{font-size:var(--text-display);letter-spacing:0;margin-top:1.5rem;font-weight:650;line-height:1.04}:lang(my) .hero__title{font-size:calc(var(--text-display)*.78);max-width:13.5em;font-weight:700;line-height:1.5}.hero__lede{color:var(--muted);max-width:39rem;margin-top:1.25rem;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.55}:lang(my) .hero__lede{max-width:42rem;font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.95}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}@media (max-width:30rem){.hero__actions{flex-direction:column;align-self:stretch}.hero__actions .btn{white-space:normal}}.stage{--scene-hue:var(--hue-recap);position:relative;padding-bottom:calc(var(--section-gap)/2)}.stage[data-scene=voice]{--scene-hue:var(--accent)}.stage[data-scene=novel]{--scene-hue:var(--hue-novel)}.stage[data-scene=football]{--scene-hue:var(--hue-football)}.stage__floor{position:relative}.stage__floor:before{content:"";position:absolute;z-index:0;background:var(--scene-hue);opacity:.13;filter:blur(72px);pointer-events:none;transition:background-color .7s var(--motion-ease);border-radius:50%;width:min(96%,60rem);height:70%;top:18%;left:50%;translate:-50%}[data-theme=dark] .stage__floor:before{opacity:.2}.laptop{position:relative;z-index:1;container-type:inline-size;perspective:2400px;perspective-origin:50% 35%;width:min(100%,62rem);margin-inline-start:auto;margin-inline-end:auto}.laptop__body{transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg))rotateY(var(--tilt-y,0deg));transition:transform .7s var(--motion-ease)}.laptop__body[data-tilting]{transition-duration:.16s}.laptop__lid{transform-origin:50% 100%;transition:transform 1.25s cubic-bezier(.16,.84,.24,1),filter .9s var(--motion-ease);width:86cqw;margin-inline-start:auto;margin-inline-end:auto}html[data-motion] .stage[data-lid=closed] .laptop__lid{filter:brightness(.3);transform:rotateX(-84deg)}.laptop__screen{position:relative;transition:padding .42s var(--motion-ease),border-radius .42s var(--motion-ease),box-shadow .42s var(--motion-ease);background:#0b0b0d;border-radius:2.1cqw 2.1cqw .5cqw .5cqw;padding:1.3cqw 1.3cqw 1.5cqw;box-shadow:inset 0 0 0 .14cqw #34353a,0 0 0 .22cqw #c6c9ce,0 -.08cqw 0 .22cqw #f1f2f4}.laptop__display{position:relative;display:flex;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;isolation:isolate;background:#000;border-radius:.7cqw .7cqw .2cqw .2cqw;flex-direction:column}.laptop__display>*{transition:opacity .26s var(--motion-ease);font-size:1.78571cqw}html[data-motion] .stage[data-lid=closed] .laptop__display>*{opacity:0}html[data-motion] .stage[data-lid=open]:not([data-lit]) .laptop__display>*{transition:opacity .7s .45s var(--motion-ease)}.laptop__camera{position:absolute;transition:width .42s var(--motion-ease),height .42s var(--motion-ease),top .42s var(--motion-ease),border-radius .42s var(--motion-ease);background:#0b0b0d;border-radius:0 0 .75cqw .75cqw;width:10.5cqw;height:1.75cqw;top:1.3cqw;left:50%;translate:-50%}.laptop__camera:after{content:"";position:absolute;background:radial-gradient(circle at 35% 35%,#3b4a6b,#10131c 60%);border-radius:50%;width:.5cqw;height:.5cqw;top:50%;left:50%;translate:-50% -50%}.laptop__glare{position:absolute;border-radius:inherit;opacity:var(--glare,.7);pointer-events:none;transition:opacity .4s var(--motion-ease);background:linear-gradient(112deg,#ffffff17 0%,#ffffff08 24%,#0000 42%);inset:0}.laptop__base{position:relative;transition:background-color .42s var(--motion-ease),border-radius .42s var(--motion-ease);background:linear-gradient(#f0f1f3 0%,#d6d9dd 20%,#bcbfc5 58%,#90939a 100%);border-radius:.35cqw .35cqw 1.7cqw 1.7cqw/.35cqw .35cqw 1.15cqw 1.15cqw;width:100cqw;height:2.1cqw;margin-top:-.1cqw;box-shadow:inset 0 .12cqw #fffffff2,inset 0 -.3cqw .45cqw #0003}.laptop__base:before{content:"";position:absolute;border-radius:inherit;opacity:0;transition:opacity .42s var(--motion-ease);background:linear-gradient(#5a5d65 0%,#3c3e45 22%,#2a2b30 60%,#17181b 100%);inset:0;box-shadow:inset 0 .12cqw #ffffff38}.laptop__base:after{content:"";position:absolute;filter:blur(.5cqw);pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,#0000004d,#0000 72%);height:3.2cqw;top:100%;left:3%;right:3%}.laptop__lip{position:absolute;z-index:1;transition:opacity .42s var(--motion-ease),width .42s var(--motion-ease);background:linear-gradient(#9da0a6,#cdd0d4);border-radius:0 0 1cqw 1cqw;width:15cqw;height:.75cqw;top:0;left:50%;translate:-50%;box-shadow:inset 0 -.08cqw #ffffffa6}.stage[data-os=windows] .laptop__screen{border-radius:1.1cqw 1.1cqw .4cqw .4cqw;padding:1cqw .9cqw 2.3cqw;box-shadow:inset 0 0 0 .14cqw #24252a,0 0 0 .22cqw #3a3c42,0 -.08cqw 0 .22cqw #595c64}.stage[data-os=windows] .laptop__display{border-radius:.25cqw}.stage[data-os=windows] .laptop__camera{border-radius:50%;width:.45cqw;height:.45cqw;top:.3cqw}.stage[data-os=windows] .laptop__base{border-radius:.3cqw .3cqw 1cqw 1cqw/.3cqw .3cqw .8cqw .8cqw}.stage[data-os=windows] .laptop__base:before{opacity:1}.stage[data-os=windows] .laptop__lip{opacity:0;width:100cqw}.stage[data-os-switching] .laptop__lid{transition-duration:.28s;transform:rotateX(-16deg)}.stage[data-os-switching] .laptop__display>*{opacity:0;transition:opacity .2s var(--motion-ease)}@supports  not (container-type: inline-size){.stage__floor{display:none}}.stage__controls{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:.75rem 1rem;margin-top:clamp(2rem,1.25rem + 3vw,3.5rem)}.tabs{position:relative;display:flex;background:var(--fill);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:999px;gap:2px;max-width:100%;padding:4px}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;z-index:1;display:inline-flex;color:var(--muted);font-size:var(--text-ui);white-space:nowrap;transition:color var(--motion-fast)var(--motion-ease);border-radius:999px;align-items: center;gap:.45rem;min-height:2.5rem;padding:.4rem .95rem;font-weight:600;line-height:1.3}:lang(my) .tab{line-height:1.7}.tab:hover,.tab[aria-selected=true]{color:var(--ink)}.tab .icon{width:1.1rem;height:1.1rem}.tabs:not([data-ready]) .tab[aria-selected=true]{background:var(--seg-thumb);box-shadow:var(--seg-shadow)}.tabs__thumb{position:absolute;width:var(--w,0);background:var(--seg-thumb);box-shadow:var(--seg-shadow);opacity:0;translate:var(--x,0)0;border-radius:999px;top:4px;bottom:4px;left:0}.tabs[data-ready] .tabs__thumb{opacity:1;transition:translate .32s var(--motion-ease),width .32s var(--motion-ease)}.tab__time{position:absolute;background:var(--accent);transform-origin:left center;opacity:0;border-radius:2px;height:2px;bottom:.3rem;left:.95rem;right:.95rem;scale:0 1}html[data-motion] .tab[aria-selected=true] .tab__time{opacity:1;animation:tab-time calc(var(--seconds)*1s)linear forwards}@keyframes tab-time{to{scale:1}}.stage__tools{display:flex;align-items: center;gap:.5rem}.os{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--fill);border-radius:999px;padding:4px}.os button{position:relative;z-index:1;display:inline-flex;color:var(--muted);font-size:var(--text-small);white-space:nowrap;transition:color var(--motion-fast)var(--motion-ease);border-radius:999px;justify-content:center;align-items: center;gap:.4rem;min-height:2.5rem;padding:.4rem .9rem;font-weight:600}.os button:hover,.os button[aria-checked=true]{color:var(--ink)}.os .icon{width:1rem;height:1rem}.os__thumb{position:absolute;background:var(--seg-thumb);box-shadow:var(--seg-shadow);transition:translate .32s var(--motion-ease);border-radius:999px;width:calc(50% - 4px);top:4px;bottom:4px;left:4px}.os[data-choice=windows] .os__thumb{translate:100%}html:not(.js) .os,html:not(.js) .tabs{display:none}.stage__pause{display:grid;background:var(--fill);color:var(--ink);transition:background-color var(--motion-fast)var(--motion-ease),transform var(--motion-press)var(--motion-ease);border-radius:50%;place-items: center;width:2.75rem;height:2.75rem}.stage__pause:hover{background:var(--line-strong)}.stage__pause:active{transform:scale(.94)}.stage__pause .icon{grid-area:1/1;width:1.1rem;height:1.1rem}.stage__pause-play,.stage[data-user-paused] .stage__pause-pause{display:none}.stage[data-user-paused] .stage__pause-play{display:block}html:not([data-motion]) .stage__pause{display:none}.stage__captions{display:grid;text-align:center;justify-items:center;margin-top:1.75rem}.caption{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity var(--motion-slow)var(--motion-ease),translate var(--motion-slow)var(--motion-ease),visibility 0s var(--motion-slow);max-width:37rem;translate:0 .5rem}.caption[data-active]{visibility:visible;opacity:1;transition-delay:0s;translate:0}.caption h3{font-size:clamp(1.25rem,1.1rem + .7vw,1.625rem)}.caption p{color:var(--muted);font-size:var(--text-lede);margin-top:.5rem;line-height:1.55}:lang(my) .caption p{line-height:1.9}html:not(.js) .caption{grid-area:auto;visibility:visible;opacity:1;margin-bottom:1.75rem;translate:none}html:not([data-motion]) .laptop__display *,html:not([data-motion]) .laptop__display *:before,html:not([data-motion]) .laptop__display *:after{animation:none!important}html[data-motion] .stage:not([data-playing]) .laptop__display *,html[data-motion] .stage:not([data-playing]) .laptop__display *:before,html[data-motion] .stage:not([data-playing]) .laptop__display *:after,html[data-motion] .stage:not([data-playing]) .tab__time{animation-play-state:paused!important}@keyframes a-in{0%{opacity:0}to{opacity:1}}@keyframes a-out{0%{opacity:1}to{opacity:0}}@keyframes a-window{0%{opacity:0}3%,97%{opacity:1}to{opacity:0}}@keyframes a-gap{0%{opacity:1}3%,97%{opacity:0}to{opacity:1}}@keyframes a-rise{0%{opacity:0;translate:0 .9em}to{opacity:1;translate:0}}@keyframes a-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes a-press{0%,to{scale:1}45%{scale:.93}}@keyframes a-grow-x{0%{scale:0 1}to{scale:1}}@keyframes a-grow-y{0%{scale:1 0}to{scale:1}}@keyframes a-spin{to{rotate:360deg}}@keyframes a-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes a-click{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.5}}@keyframes a-beckon{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent)55%,transparent)}to{box-shadow:0 0 0 .9em #0000}}@keyframes a-view-in{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}.os-menubar{display:flex;background:color-mix(in srgb,var(--page)78%,var(--fill));color:var(--ink);flex:none;align-items: center;gap:1.05em;height:1.55em;padding:0 .9em}.os-menubar>span,.os-menubar>b{white-space:nowrap;font-size:.62em;font-weight:500}.os-menubar>b{font-weight:700}.os-menubar .icon{width:.85em;height:.85em}.os-menubar__right{display:flex;align-items: center;gap:.9em;margin-left:auto}.os-menubar__battery{position:relative;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)45%,transparent);border-radius:.28em;width:1.9em;height:.9em}.os-menubar__battery:after{content:"";position:absolute;background:var(--ink);border-radius:.14em;inset:.16em .5em .16em .16em}.os-taskbar{position:relative;display:none;background:color-mix(in srgb,var(--page)70%,var(--fill));box-shadow:inset 0 1px 0 var(--line);flex:none;justify-content:center;align-items: center;height:2.3em}.os-taskbar__apps{display:flex;align-items: center;gap:.7em}.os-taskbar__apps .icon{color:#2a78d6;width:1.2em;height:1.2em}.os-taskbar__apps i{background:var(--line-strong);border-radius:.32em;width:1.3em;height:1.3em}.os-taskbar__apps .os-taskbar__search{border-radius:999px;width:6.2em}.os-taskbar__apps img{border-radius:28%;width:1.45em;height:1.45em}.os-taskbar__clock{position:absolute;font-size:.6em;font-weight:500;right:1em}.stage[data-os=windows] .os-menubar{display:none}.stage[data-os=windows] .os-taskbar{display:flex}.a{position:relative;display:flex;overflow:hidden;background:var(--page);color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-height:0;line-height:1.45}:lang(my) .a{line-height:1.7}.a b{font-weight:600}.a small{color:var(--muted);font-size:.72em;font-weight:500}.a i{font-style:normal}.a .icon{width:1.15em;height:1.15em}.a-bar{display:grid;grid-template-columns:1fr auto 1fr;background:var(--surface);box-shadow:inset 0 -1px 0 var(--line);flex:none;align-items: center;height:2em;padding:0 .8em}.a-bar__lights{display:flex;gap:.45em}.a-bar__lights i{background:#ff5f57;border-radius:50%;width:.72em;height:.72em}.a-bar__lights i:nth-child(2){background:#febc2e}.a-bar__lights i:nth-child(3){background:#28c840}.a-bar__title{display:flex;color:var(--muted);white-space:nowrap;align-items: center;gap:.5em;font-size:.72em;font-weight:600}.a-bar__title img{border-radius:28%;width:1.35em;height:1.35em}.a-bar__buttons{display:none;color:var(--ink);justify-self:end;align-items: center;gap:1.5em}.a-bar__buttons i{position:relative;width:.7em;height:.7em}.a-bar__min:after{content:"";position:absolute;background:currentColor;height:1px;top:50%;left:0;right:0}.a-bar__max{box-shadow:inset 0 0 0 1px}.a-bar__close:before,.a-bar__close:after{content:"";position:absolute;background:currentColor;height:1px;top:50%;left:-15%;right:-15%;rotate:45deg}.a-bar__close:after{rotate:-45deg}.stage[data-os=windows] .a-bar{grid-template-columns:1fr auto}.stage[data-os=windows] .a-bar__lights{display:none}.stage[data-os=windows] .a-bar__buttons{display:flex}.a-body{position:relative;display:flex;flex:1;min-height:0}.a-rail{display:flex;background:var(--rail);background-image:linear-gradient(to top,var(--rail-foot),transparent 38%);color:var(--rail-ink);border-radius:999px;flex-direction:column;flex:none;align-items: center;width:3.4em;margin:.7em 0 .7em .7em;padding:.55em 0}.a-rail__logo{border-radius:28%;width:2em;height:2em;margin-bottom:.6em}.a-rail__links{position:relative;display:flex;flex-direction:column;gap:.28em}.a-rail__link{position:relative;z-index:1;display:grid;transition:color .32s var(--motion-ease);border-radius:50%;place-items: center;width:2.3em;height:2.3em}.a .a-rail__link .icon{width:1.2em;height:1.2em}.js .a-rail__link[data-rail]{cursor:pointer}.js .a-rail__link[data-rail]:hover{color:#fff}.a-rail__foot{margin-top:auto}.a-rail__disc{position:absolute;background:var(--rail-current);translate:0 calc(var(--place,2)*2.58em);transition:translate .46s var(--motion-ease);border-radius:50%;width:2.3em;height:2.3em;top:0;left:0}.stage[data-scene=novel] .a-rail__disc{--place:3}.stage[data-scene=football] .a-rail__disc{--place:4}.stage[data-scene=voice] .a-rail__disc{--place:5}.stage[data-scene=recap] .a-rail__link[data-rail=recap],.stage[data-scene=novel] .a-rail__link[data-rail=novel],.stage[data-scene=football] .a-rail__link[data-rail=football],.stage[data-scene=voice] .a-rail__link[data-rail=voice]{color:var(--rail-current-ink)}.stage[data-scene=editor] .a-rail{display:none}.a-views{position:relative;flex:1;min-width:0}.a-view{position:absolute;display:none;flex-direction:column;inset:0}.a-view.is-active{display:flex;animation:a-view-in .42s var(--motion-ease)both}.a-page{display:flex;flex-direction:column;gap:.95em;height:100%;padding:1.5em 2em 1.4em 1.8em}.a-h1{white-space:nowrap;font-size:1.7em;line-height:1.25}:lang(my) .a-h1{font-size:1.5em;line-height:1.6}.a-h2{font-size:1.02em}.a-h3{font-size:.86em}.a-trail{display:flex;white-space:nowrap;align-items: center}.a-trail i{opacity:.5;margin:0 .5em}.a-panel{background:var(--surface);border-radius:1.5em;padding:1.1em 1.2em}.a-row{display:flex;justify-content:space-between;align-items: center;gap:1em}.a-pill{display:inline-flex;background:var(--fill);white-space:nowrap;border-radius:999px;flex:none;align-items: center;gap:.45em;height:2.5em;padding:0 1.05em;font-size:.8em;font-weight:600}.a-pill--accent{color:#fff;background:linear-gradient(135deg,var(--accent-from),var(--accent-to))}.a-pill--glow{background:var(--glow)}.a-pill--small{height:2.3em;padding:0 .85em;font-size:.7em}.a-mark{position:relative;display:grid;flex:none;place-items: center;width:1.7em;height:1.7em}.a-mark>*{grid-area:1/1;display:grid;border-radius:50%;place-items: center;width:100%;height:100%}.a-mark__num{background:var(--fill);color:var(--muted);opacity:0;animation:a-out .2s var(--from)both;font-size:.72em;font-weight:600}.a-mark__ring{box-shadow:inset 0 0 0 .16em var(--accent-soft);opacity:0;animation:a-window calc(var(--to) - var(--from))var(--from)both}.a-mark__ring:after{content:"";position:absolute;border:.16em solid #0000;border-top-color:var(--accent);animation:a-spin .8s linear infinite;border-radius:50%;inset:0}.a-mark__check{background:var(--ink);color:var(--page);animation:a-pop .32s var(--to)var(--motion-pop)both}.a .a-mark__check .icon{width:1em;height:1em}.a-state{display:grid}.a-state>*{grid-area:1/1;white-space:nowrap}.a-state__todo{opacity:0;animation:a-out .2s var(--from)both}.a-state__work{opacity:0;animation:a-window calc(var(--to) - var(--from))var(--from)both}.a-state__done{animation:a-in .2s var(--to)both}.a-wave{display:flex;overflow:hidden;flex:1;align-items: center;gap:.14em;min-width:0;height:1.3em}.a-wave i{height:calc(var(--h)*100%);background:var(--muted);border-radius:1px;flex:none;width:.16em}.a-cursor{position:absolute;z-index:6;opacity:0;pointer-events:none;filter:drop-shadow(0 .12em .2em #0000004d);width:1.5em;height:1.5em;top:0;left:0}.a-cursor svg{width:100%;height:100%}.a-cursor__press{position:absolute;border:.14em solid var(--accent);opacity:0;border-radius:50%;width:1.8em;height:1.8em;top:-.75em;left:-.75em}.a-video__sky{position:absolute;background:radial-gradient(circle at 70% 34%,#ffe2b0 0 3.2%,#ffc48073 4% 11%,#0000 26%),linear-gradient(#1b2250 0%,#3a3a7c 36%,#b0546f 66%,#f39a4f 100%);inset:0}.a-video__sky:after{content:"";position:absolute;background:linear-gradient(#0f1229,#0f1229) 3% 100%/8% 58% no-repeat,linear-gradient(#141834,#141834) 13% 100%/6% 82% no-repeat,linear-gradient(#0f1229,#0f1229) 22% 100%/10% 46% no-repeat,linear-gradient(#141834,#141834) 35% 100%/7% 96% no-repeat,linear-gradient(#0f1229,#0f1229) 45% 100%/9% 64% no-repeat,linear-gradient(#141834,#141834) 57% 100%/6% 40% no-repeat,linear-gradient(#0f1229,#0f1229) 66% 100%/11% 74% no-repeat,linear-gradient(#141834,#141834) 80% 100%/7% 52% no-repeat,linear-gradient(#0f1229,#0f1229) 92% 100%/10% 88% no-repeat,linear-gradient(#0f1229,#0f1229) 0 100%/100% 16% no-repeat;height:44%;bottom:0;left:-6%;right:-6%}.a-video__time{position:absolute;background:#00000085;border-radius:999px;padding:.1em .6em;top:.9em;right:.9em}.a .a-video__time{color:#fff;font-size:.62em;font-weight:600}.a-play{display:grid;background:var(--ink);color:var(--page);border-radius:50%;flex:none;place-items: center;width:2.3em;height:2.3em}.a-play .icon{grid-area:1/1}.a-play--still{color:#18181c;background:#ffffffeb}.a-disc{border-radius:50%;flex:none;width:2.3em;height:2.3em}.a-disc--mine{background:radial-gradient(circle at 32% 28%,#ffffffbf,#0000 42%),conic-gradient(from 120deg,#1c6fb8,#86d6ea,#0b5a7a,#4fb3d9,#1c6fb8)}.a-disc--cat{background:radial-gradient(circle at 32% 28%,#ffffffb3,#0000 42%),conic-gradient(from 40deg,#f2541b,#ffc27a,#b8420f,#ff8a3d,#f2541b)}.a-board{position:relative;background-color:var(--surface);background-image:radial-gradient(var(--line-strong).06em,transparent .07em);background-size:1.25em 1.25em;border-radius:1.5em;flex:1;min-height:0}.a-recap__url{display:flex;align-items: center;gap:.7em;padding:.7em}.a-field{display:grid;grid-template-columns:auto 1fr;background:var(--field-on-surface);color:var(--muted);border-radius:.95em;flex:1;align-items: center;gap:.6em;min-width:0;height:2.5em;padding:0 .9em}.a-field span{grid-area:1/2;white-space:nowrap;font-size:.8em}.a-field__hint{opacity:0;animation:a-out .16s 1.15s both}.a-field__value{color:var(--ink);animation:a-type .26s 1.15s var(--motion-ease)both}.a-recap__download{animation:a-press .34s 2.05s var(--motion-ease)}.a-recap__flow{display:flex;flex-direction:column;gap:.85em}.a-recap__edit{animation:a-pop .38s 7s var(--motion-pop)both,a-beckon 1.1s 7.3s var(--motion-ease)2,a-press .34s 8.75s var(--motion-ease)}.a-steps{display:flex;align-items: center;gap:.7em}.a-step{display:flex;align-items: center;gap:.55em;min-width:0}.a-step__text{display:flex;flex-direction:column;min-width:0;line-height:1.3}:lang(my) .a-step__text{line-height:1.6}.a-step__text b{white-space:nowrap;font-size:.78em}.a-step--1{--from:2.3s;--to:3.5s}.a-step--2{--from:4s;--to:6.3s}.a-step--3 .a-mark__num,.a-step--3 .a-state__todo{opacity:1;animation:none}.a-step--3 .a-mark__ring,.a-step--3 .a-mark__check,.a-step--3 .a-state__work,.a-step--3 .a-state__done{display:none}.a-steps__line{position:relative;overflow:hidden;background:var(--line-strong);border-radius:1em;flex:1;min-width:1.4em;height:.14em}.a-steps__line:after{content:"";position:absolute;background:var(--ink);transform-origin:left center;animation:a-grow-x .48s var(--at)var(--motion-ease)both;inset:0}.a-steps__line--1{--at:3.5s}.a-steps__line--2{--at:6.3s}.a-recap__result{display:flex;flex:1;gap:1em;min-height:0}.a-video{position:relative;aspect-ratio:16/9;overflow:hidden;animation:a-rise .52s 6.5s var(--motion-ease)both;border-radius:1.2em;flex:none;align-self: flex-start;width:19em}.a-video__caption{position:absolute;color:#fff;white-space:nowrap;background:#0000008c;border-radius:.6em;max-width:92%;padding:.15em .75em;font-size:.66em;font-weight:600;line-height:1.7;bottom:.9em;left:50%;translate:-50%}.a-files{display:flex;flex-direction:column;flex:1;gap:.5em;min-width:0}.a-file{display:flex;background:var(--surface);color:var(--muted);animation:a-rise .44s var(--at)var(--motion-ease)both;border-radius:1em;align-items: center;gap:.7em;padding:.58em .9em}.a-file--1{--at:3.6s}.a-file--2{--at:5.2s}.a-file--3{--at:4.7s}.a-file__text{display:flex;flex:1;justify-content:space-between;align-items: center;gap:.8em;min-width:0}.a-file__text b{color:var(--ink);white-space:nowrap;font-size:.76em}.a-file .a-wave{flex:0 8.5em;height:1.15em}.a-wave--grow i{transform-origin:center;animation:a-grow-y .3s calc(5.35s + var(--i)*26ms)var(--motion-ease)both}.a-cursor--recap{animation:recap-cursor 10s both}.a-cursor--recap .a-cursor__press{animation:a-click .46s 1.05s var(--motion-ease),a-click .46s 2.05s var(--motion-ease),a-click .46s 8.75s var(--motion-ease)}@keyframes recap-cursor{0%{left:62%;top:78%;opacity:0;animation-timing-function:cubic-bezier(.3,0,.2,1)}3%{opacity:1}9.5%,12%{left:16%;top:21%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}19.5%,24%{left:88%;top:21.5%;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}36%,72%{left:70%;top:62%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}86%,93%{left:88%;top:37%;opacity:1}to{left:88%;top:37%;opacity:0}}.a-editor__bar{display:flex;flex:none;align-items: center;gap:1em;height:2.9em;padding:0 1em 0 1.3em}.a-editor__name{display:flex;align-items: center;gap:.8em;min-width:0;margin-right:auto}.a-editor__name b{white-space:nowrap;font-size:.86em}.a-editor__name small{display:inline-flex;white-space:nowrap;align-items: center;gap:.25em}.a-editor__history{display:flex;color:var(--muted);gap:.9em}.a-editor__export{animation:a-press .34s 7.75s var(--motion-ease)}.a-editor__main{display:flex;flex:1;gap:.7em;min-height:0;padding:0 .8em}.a-editor__stage{display:grid;background:var(--stage);border-radius:1.4em;flex:1;place-items: center;min-width:0}.a-editor__frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.5em;height:17.4em}.a-editor__frame .a-video__sky:after{animation:editor-pan 9.5s linear both}@keyframes editor-pan{0%{translate:4%}to{translate:-4%}}.a-editor__logo{position:absolute;opacity:.92;border-radius:28%;width:2.1em;height:2.1em;top:.9em;right:.9em}.a-editor__caption{position:absolute;color:#fff;white-space:nowrap;background:#00000080;border-radius:.5em;padding:.12em .8em;font-size:.86em;font-weight:600;line-height:1.75;bottom:1.4em;left:50%;translate:-50%}.a-editor__caption--1{opacity:0;animation:a-window 2.25s .5s both}.a-editor__caption--2{opacity:0;animation:a-window 2.4s 3.05s both}.a-editor__caption--3{animation:a-in .22s 5.75s both}.a-editor__card{display:flex;background:var(--surface);border-radius:1.4em;flex-direction:column;flex:none;gap:.5em;width:13em;padding:1em}.a .a-label{margin-top:.35em}.a-switch{position:relative;background:var(--ink);border-radius:999px;width:2.3em;height:1.35em}.a-switch:after{content:"";position:absolute;background:var(--page);border-radius:50%;width:1.03em;height:1.03em;top:.16em;right:.16em}.a-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:.45em}.a-look{display:grid;aspect-ratio:4/3;color:#fff;background:linear-gradient(135deg,#4f6475,#c7a27a);border-radius:.7em;place-items: end center;padding-bottom:.25em;font-size:.66em;font-weight:700;line-height:1.2}.a-look--box{color:#ffe45c}.a-look--glow{text-shadow:0 0 .5em #ff6a2b,0 0 .2em #ff6a2b}.a-look.is-chosen{outline:.14em solid var(--ink);outline-offset:.14em}.a-slider{position:relative;background:linear-gradient(to right,var(--ink)var(--v),var(--fill)var(--v));border-radius:999px;height:.4em;margin:.3em .5em .3em 0}.a-slider:after{content:"";position:absolute;left:var(--v);background:var(--page);box-shadow:0 0 0 .12em var(--ink);border-radius:50%;width:1.1em;height:1.1em;top:50%;translate:-50% -50%}.a-spots{display:grid;grid-template-columns:repeat(3,1fr);background:var(--field-on-surface);border-radius:.7em;gap:.42em;width:4.4em;padding:.5em}.a-spots i{background:var(--line-strong);border-radius:50%;justify-self:center;width:.5em;height:.5em}.a-spots i.is-chosen{background:var(--ink)}.a-editor__rail{display:flex;flex-direction:column;flex:none;gap:.15em;width:3.7em}.a-editor__tool{display:flex;color:var(--muted);border-radius:.8em;flex-direction:column;align-items: center;gap:.05em;padding:.35em 0 .25em;line-height:1.3}:lang(my) .a-editor__tool{line-height:1.6}.a .a-editor__tool small{white-space:nowrap;font-size:.54em}.a-editor__tool.is-current{background:var(--fill);color:var(--ink)}.a .a-editor__tool.is-current small{color:var(--ink)}.a-timeline{position:relative;display:flex;background:var(--surface);flex-direction:column;flex:none;gap:.4em;height:8em;margin-top:.7em;padding:.45em 1.2em .7em}.a-timeline__ruler{display:flex;justify-content:space-between;padding-left:.2em}.a .a-timeline__ruler small{font-size:.54em}.a-timeline__lane{display:flex;gap:.25em;height:2.2em}.a-timeline__lane>*{flex:var(--w)1 0;background:var(--fill);border-radius:.6em;min-width:0}.a-timeline__lane .a-timeline__ending{background:linear-gradient(135deg,var(--accent-from),var(--accent-to))}.a-timeline__lane--voice{gap:1.6em;padding-right:13%}.a-timeline__lane--voice>span{display:flex;background:var(--accent-soft);align-items: center;padding:0 .5em}.a-timeline__lane--voice .a-wave i{background:color-mix(in srgb,var(--accent)70%,var(--muted))}.a-playhead{position:absolute;background:var(--ink);animation:editor-playhead 7.2s .4s linear both;border-radius:1em;width:.14em;top:1.35em;bottom:.5em;left:1.2em;translate:40em}@keyframes editor-playhead{0%{translate:0}to{translate:40em}}.a-playhead:before{content:"";position:absolute;background:var(--ink);border-radius:50%/40% 40% 60% 60%;width:.8em;height:.8em;top:-.5em;left:50%;translate:-50%}.a-toast{position:absolute;z-index:4;display:flex;background:var(--page);box-shadow:var(--float-shadow);animation:a-rise .46s 8.1s var(--motion-ease)both;border-radius:1.1em;align-items: center;gap:.7em;padding:.65em 1.1em .65em .7em;bottom:9.3em;right:1.3em}.a-toast__mark{display:grid;background:var(--success);color:#fff;border-radius:50%;place-items: center;width:1.9em;height:1.9em}.a-toast__text{display:flex;flex-direction:column;line-height:1.3}:lang(my) .a-toast__text{line-height:1.6}.a-toast__text b{white-space:nowrap;font-size:.78em}.a-cursor--editor{animation:editor-cursor 10s both}.a-cursor--editor .a-cursor__press{animation:a-click .46s 7.75s var(--motion-ease)}@keyframes editor-cursor{0%{left:46%;top:58%;opacity:0}4%,62%{left:46%;top:58%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}75%,92%{left:93.5%;top:5%;opacity:1}to{left:93.5%;top:5%;opacity:0}}.a-voice__grid{display:grid;grid-template-columns:1fr 15.5em;flex:1;gap:1em;min-height:0}.a-voice__write{display:flex;flex-direction:column;gap:.8em;min-width:0;padding:1.2em}.a-voice__text{background:var(--field-on-surface);border-radius:1.1em;flex:1;margin:0;padding:.9em 1em}.a-type{display:block;white-space:nowrap;animation:a-type var(--for)var(--at)steps(var(--keys))both;width:-moz-fit-content;width:fit-content;line-height:2}.a-type:first-child{--at:1.9s;--for:.7s;--keys:7}.a-type:nth-child(2){--at:2.75s;--for:1.7s;--keys:22}.a-voice__player{display:flex;background:var(--field-on-surface);animation:a-rise .46s 5.6s var(--motion-ease)both;border-radius:999px;align-items: center;gap:.8em;padding:.5em 1em .5em .5em}.a-voice__player .a-play__pause{opacity:0;animation:a-window 2.75s 6s both}.a-voice__player .a-play__play{animation:a-gap 2.75s 6s both}.a-wave--play i{background:var(--accent);animation:voice-played .12s calc(6s + var(--i)*62ms)both}@keyframes voice-played{0%{background:var(--muted)}}.a .a-voice__ready{display:inline-flex;color:var(--success);white-space:nowrap;flex:none;align-items: center;gap:.3em}.a-voice__foot{gap:.6em}.a-chips{display:flex;gap:.4em;min-width:0}.a-chip{display:inline-flex;background:var(--field-on-surface);white-space:nowrap;border-radius:999px;align-items: center;gap:.45em;height:2.5em;padding:0 .85em;font-size:.7em;font-weight:500}.a-chip .a-disc{width:1.5em;height:1.5em}.a-chip:first-child{animation:a-in .24s 1.05s both}.a-voice__go{animation:a-press .34s 4.75s var(--motion-ease),voice-busy .8s 4.9s both}@keyframes voice-busy{0%,to{opacity:1}20%,80%{opacity:.55}}.a-voice__pick{display:flex;flex-direction:column;gap:.7em;padding:.9em}.a-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--fill);border-radius:999px;padding:.2em}.a-seg span{color:var(--muted);text-align:center;white-space:nowrap;border-radius:999px;padding:.3em 0;font-size:.72em;font-weight:600}.a-seg .is-on{background:var(--seg-thumb);box-shadow:var(--seg-shadow);color:var(--ink)}.a-subtabs{display:flex;gap:.3em}.a-subtabs span{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.2em .8em;font-size:.7em;font-weight:600}.a-subtabs .is-on{background:var(--field-on-surface);color:var(--ink)}.a-vrow{display:flex;border-radius:1em;align-items: center;gap:.65em;padding:.5em}.a-vrow__text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}:lang(my) .a-vrow__text{line-height:1.6}.a-vrow__text b{white-space:nowrap;font-size:.76em}.a .a-vrow__text small{font-size:.62em}.a-tick{display:grid;background:var(--ink);color:var(--page);border-radius:50%;flex:none;place-items: center;width:1.35em;height:1.35em}.a .a-tick .icon{width:.9em;height:.9em}.a-vrow--mine{background:var(--field-on-surface);animation:voice-row-on .24s 1.05s both}@keyframes voice-row-on{0%{background:0 0}}.a-vrow--mine .a-tick{animation:a-pop .3s 1.05s var(--motion-pop)both}.a-vrow--cat .a-tick{opacity:0;animation:a-out .2s 1.05s both}.a-cursor--voice{animation:voice-cursor 9s both}.a-cursor--voice .a-cursor__press{animation:a-click .46s 1.05s var(--motion-ease),a-click .46s 4.75s var(--motion-ease)}@keyframes voice-cursor{0%{left:56%;top:82%;opacity:0;animation-timing-function:cubic-bezier(.3,0,.2,1)}3%{opacity:1}10.5%,14%{left:82%;top:41%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}21%,42%{left:44%;top:46%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}51%,60%{left:57%;top:89.5%;opacity:1}66%,to{left:57%;top:89.5%;opacity:0}}.a-novel__flow{display:flex;flex-direction:column;gap:.8em}.a-novel__auto{animation:a-press .34s 1s var(--motion-ease)}.a-tabs{display:flex;background:var(--fill);border-radius:999px;align-self: flex-start;gap:.2em;max-width:100%;padding:.25em}.a-tab{display:inline-flex;color:var(--muted);white-space:nowrap;border-radius:999px;align-items: center;gap:.5em;padding:.3em .9em .3em .35em;font-size:.72em;font-weight:600}.a-tab.is-on{background:var(--seg-thumb);box-shadow:var(--seg-shadow);color:var(--ink)}.a-tab__mark{display:grid;background:var(--line-strong);border-radius:50%;place-items: center;width:1.7em;height:1.7em}.a-tab__mark>*{grid-area:1/1}.a-tab__mark.is-done,.a-novel__last .a-tab__mark{background:var(--ink);color:var(--page)}.a .a-tab__mark .icon{width:1.05em;height:1.05em}.a-novel__last .a-tab__mark{animation:novel-mark .3s 9.2s both}@keyframes novel-mark{0%{background:var(--line-strong);color:var(--muted)}}.a-novel__four{opacity:0;animation:a-out .16s 9.2s both}.a-novel__last .icon{animation:a-pop .3s 9.2s var(--motion-pop)both}.a-novel__board{display:grid;grid-template-columns:repeat(4,1fr);align-items: center;gap:.9em;padding:1.1em}.a-chapter{display:flex;background:var(--field-on-surface);border-radius:1.1em;flex-direction:column;gap:.5em;padding:.6em}.a-chapter__picture{aspect-ratio:16/10;filter:hue-rotate(calc(var(--n)*-34deg));background:radial-gradient(circle at 68% 36%,#ffffff80,#0000 34%),linear-gradient(160deg,#f0b03a,#b8562f 55%,#4a2a4f);border-radius:.7em}.a-chapter b{white-space:nowrap;font-size:.76em}.a-chapter__marks{display:flex;gap:.32em}.a-dot{display:grid;background:var(--success);color:#fff;animation:novel-dot .56s calc(1.3s + var(--n)*1.5s + var(--k)*.34s)both;border-radius:50%;place-items: center;width:1.6em;height:1.6em}.a .a-dot .icon{width:.9em;height:.9em}@keyframes novel-dot{0%{background:var(--fill);color:var(--muted);box-shadow:inset 0 0 0 0 var(--accent)}35%,65%{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 .13em var(--accent)}to{background:var(--success);color:#fff;box-shadow:inset 0 0 0 0 var(--accent)}}.a-novel__foot{display:flex;flex:none}.a-novel__join{color:#fff;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));animation:novel-join .32s 7.6s both,a-press .34s 8.85s var(--motion-ease)}@keyframes novel-join{0%{color:var(--ink);background:var(--fill)}}.a-cursor--novel{animation:novel-cursor 10s both}.a-cursor--novel .a-cursor__press{animation:a-click .46s 1s var(--motion-ease),a-click .46s 8.85s var(--motion-ease)}@keyframes novel-cursor{0%{left:52%;top:84%;opacity:0;animation-timing-function:cubic-bezier(.3,0,.2,1)}3%{opacity:1}9%,13%{left:87%;top:30%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}24%,74%{left:66%;top:55%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}87%,94%{left:17%;top:91.5%;opacity:1}to{left:17%;top:91.5%;opacity:0}}.a-links{position:absolute;overflow:visible;width:100%;height:100%;inset:0}.a-links path{fill:none;stroke:var(--muted);stroke-width:.22;stroke-dasharray:1;stroke-linecap:round;animation:football-draw .52s var(--at)var(--motion-ease)both}@keyframes football-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.a-links__1{--at:.8s}.a-links__2{--at:2.9s}.a-links__3{--at:5.6s}.a-card{position:absolute;display:flex;background:var(--field-on-surface);box-shadow:0 0 0 1px var(--line);border-radius:1.1em;gap:.6em;padding:.7em}.a-card__text{display:flex;flex-direction:column;min-width:0;line-height:1.3}:lang(my) .a-card__text{line-height:1.6}.a-card__text b{white-space:nowrap;font-size:.76em}.a .a-card__label{display:inline-flex;align-items: center;gap:.35em;font-weight:600}.a-football__source{animation:a-rise .42s .25s var(--motion-ease)both;align-items: center;width:19%;height:24%;top:20%;left:3%}.a-avatar{display:grid;background:color-mix(in srgb,var(--hue-football)18%,var(--surface));color:color-mix(in srgb,var(--hue-football)70%,var(--ink));border-radius:50%;flex:none;place-items: center;width:2.2em;height:2.2em;font-size:.74em;font-weight:700}.a-football__article{animation:a-pop .44s 1.2s var(--motion-pop)both;flex-direction:column;width:23%;height:68%;top:16%;left:32%}.a-football__photo{background:radial-gradient(circle,#0000 0 17%,#ffffffbf 17.5% 19%,#0000 19.5%),linear-gradient(90deg,#0000 49.4%,#ffffffbf 49.4% 50.6%,#0000 50.6%),repeating-linear-gradient(90deg,#1f8a55 0 12.5%,#1a7a4b 12.5% 25%);border-radius:.7em;flex:1;min-height:0}.a-football__article b{font-size:.76em;line-height:1.35}:lang(my) .a-football__article b{line-height:1.65}.a-football__write{animation:a-press .34s 2.5s var(--motion-ease);align-self: flex-start}.a-football__post{animation:a-pop .44s 3.2s var(--motion-pop)both;flex-direction:column;gap:.45em;width:31%;height:38%;top:8%;left:65%}.a-football__line{animation:a-type 1.5s 3.7s steps(18)both;font-size:.68em;line-height:1.75}.a-skeleton{background:var(--fill);transform-origin:left center;animation:a-grow-x .52s 4.6s var(--motion-ease)both;border-radius:999px;flex:none;height:.5em}.a-skeleton--short{animation-delay:4.95s;width:62%}.a-football__video{animation:a-pop .44s 6s var(--motion-pop)both;flex-direction:column;gap:.45em;width:31%;height:40%;top:54%;left:65%}.a-football__clip{position:relative;display:grid;overflow:hidden;background:linear-gradient(160deg,#1d6b47,#0d2a22 70%);border-radius:.7em;flex:1;place-items: center;min-height:0}.a-football__clip .a-play{animation:a-beckon 1.1s 6.8s var(--motion-ease)2;width:2em;height:2em}.a-cursor--football{animation:football-cursor 9s both}.a-cursor--football .a-cursor__press{animation:a-click .46s 2.5s var(--motion-ease)}@keyframes football-cursor{0%{left:24%;top:90%;opacity:0;animation-timing-function:cubic-bezier(.3,0,.2,1)}5%{opacity:1}26%,31%{left:41%;top:79%;opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}44%,92%{left:58%;top:90%;opacity:1}to{left:58%;top:90%;opacity:0}}.ticks{display:grid;gap:.7rem}.ticks li{display:grid;grid-template-columns:auto 1fr;align-items: start;gap:.7rem}.ticks .icon{background:var(--fill);border-radius:50%;width:1.375rem;height:1.375rem;margin-top:.1rem;padding:.2rem}:lang(my) .ticks .icon{margin-top:.25rem}.facts{display:flex;color:var(--muted);font-size:var(--text-small);flex-wrap:wrap;gap:.25rem 1.1rem}.small-print{color:var(--muted);font-size:var(--text-small);max-width:34rem;line-height:1.6}:lang(my) .small-print{line-height:1.9}.why__grid{display:grid;gap:2.5rem}.why__list{display:grid;gap:2rem 2.5rem}.why__point dt{display:flex;font-size:var(--text-heading);align-items: center;gap:.75rem;font-weight:600;line-height:1.3}:lang(my) .why__point dt{font-size:1.125rem;line-height:1.7}.why__icon{display:grid;background:var(--surface);border-radius:50%;flex:none;place-items: center;width:2.5rem;height:2.5rem}.why__point dd{color:var(--muted);font-size:var(--text-lede);margin-top:.5rem;padding-left:3.25rem;line-height:1.55}:lang(my) .why__point dd{font-size:1rem;line-height:1.9}@media (min-width:40rem){.why__list{grid-template-columns:1fr 1fr}}@media (min-width:64rem){.why__grid{grid-template-columns:minmax(0,5fr)minmax(0,7fr);align-items: start;gap:4rem}.why .section__title{position:sticky;top:calc(var(--nav-height) + 2.5rem);max-width:14ch}:lang(my) .why .section__title{max-width:18ch}}.mobile__grid{display:grid;align-items: center;gap:3rem}.mobile__text{display:grid;justify-items:start;gap:1.5rem}.mobile .section__lede{margin-top:-.5rem}.mobile__get{display:grid;justify-items:start;gap:.75rem;margin-top:.5rem}.mobile__device{display:grid;place-items: center}@media (min-width:56rem){.mobile__grid{grid-template-columns:minmax(0,1fr)minmax(0,.85fr);gap:4rem}}.pricing__title{max-width:20ch}:lang(my) .pricing__title{max-width:26ch}.plans{display:grid;gap:1rem;margin-top:2.5rem}.plan{position:relative;display:flex;border-radius:var(--radius-sheet);background:var(--surface);overflow:hidden;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,1rem + 2vw,2.25rem)}.plan__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem 1rem}.plan__head h3{font-size:var(--text-heading)}.plan__for{display:inline-flex;color:var(--muted);font-size:var(--text-small);align-items: center;gap:.4rem;font-weight:500}.plan__for .icon{width:1.05rem;height:1.05rem}.plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem}.plan__amount{font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,2rem + 3.6vw,4.25rem);font-weight:500;line-height:1}:lang(my) .plan__amount{line-height:1.35}.plan__unit{font-size:var(--text-heading);font-weight:600}.plan__per{color:var(--muted);font-size:var(--text-ui)}.plan .ticks{font-size:var(--text-ui)}.plan__action{align-self:stretch;min-height:3rem;margin-top:auto}.plan__downloads{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:-.75rem}.plan__downloads .btn{flex:12rem}.plan--desktop{--ink:#f3f3f5;--muted:#a6a6b0;--fill:#ffffff1f;--line-strong:#ffffff3d;color:var(--ink);background:var(--rail);background-image:radial-gradient(34rem 20rem at var(--spot-x,82%)var(--spot-y,108%),var(--rail-foot),transparent 70%),radial-gradient(26rem 18rem at 100% 100%,#f2541b38,transparent 70%)}[data-theme=dark] .plan--desktop{box-shadow:inset 0 0 0 1px #ffffff12}.plan__state{display:inline-flex;color:#f0c477;font-size:var(--text-small);background:#e5b25729;border-radius:999px;align-self: flex-start;align-items: center;gap:.5rem;margin-top:-.75rem;padding:.3rem .8rem .3rem .65rem;font-weight:600;line-height:1.5}:lang(my) .plan__state{line-height:1.8}.plan__state i{background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.plan--desktop .btn--off{color:#c8c8d0}@media (min-width:52rem){.plans{grid-template-columns:minmax(0,5fr)minmax(0,7fr)}}.notice{display:grid;grid-template-columns:auto 1fr;border-radius:var(--radius-card);background:color-mix(in srgb,var(--label-note)9%,var(--page));gap:1rem;margin-top:1rem;padding:1.25rem 1.5rem}.notice__icon{display:grid;background:color-mix(in srgb,var(--label-note)16%,transparent);color:color-mix(in srgb,var(--label-note)76%,var(--ink));border-radius:50%;place-items: center;width:2.5rem;height:2.5rem}.notice h3{font-size:var(--text-lede);line-height:1.4}:lang(my) .notice h3{line-height:1.7}.notice p{color:var(--muted);max-width:44rem;margin-top:.25rem}.notice .link{display:inline-block;margin-top:.6rem;font-weight:600}.pay{display:grid;border-radius:var(--radius-card);background:var(--surface);gap:1.75rem;margin-top:1rem;padding:clamp(1.5rem,1rem + 2vw,2.25rem)}.pay__how{display:grid;grid-template-columns:auto 1fr;gap:1rem}.pay__icon{display:grid;background:var(--fill);border-radius:50%;place-items: center;width:2.5rem;height:2.5rem}.pay h3{font-size:var(--text-lede);line-height:1.4}:lang(my) .pay h3{line-height:1.7}.pay p{color:var(--muted);margin-top:.25rem}.pay .pay__label{font-size:var(--text-small);color:var(--ink);margin:0 0 .6rem;font-weight:600}.pay__apps{display:flex;flex-wrap:wrap;align-items: center;gap:.4rem}.pay__apps .chip{background:var(--field-on-surface)}.pay__more{color:var(--muted);font-size:var(--text-small);padding-left:.35rem}@media (min-width:56rem){.pay{grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:3rem}}.faq__grid{display:grid;gap:2rem}.faq__list{border-radius:var(--radius-card);background:var(--surface);padding:.5rem clamp(1.25rem,.75rem + 2vw,2rem)}.faq__item+.faq__item{box-shadow:inset 0 1px 0 var(--line)}.faq__item summary{display:flex;font-size:var(--text-lede);cursor:pointer;list-style:none;justify-content:space-between;align-items: center;gap:1rem;padding:1.1rem 0;font-weight:600;line-height:1.4}:lang(my) .faq__item summary{font-size:1rem;line-height:1.8}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary .icon{background:var(--fill);transition:rotate var(--motion-slow)var(--motion-ease);border-radius:50%;width:1.75rem;height:1.75rem;padding:.2rem}.faq__item[open] summary .icon{rotate:180deg}.faq__item p{color:var(--muted);max-width:44rem;padding:0 2.75rem 1.4rem 0;line-height:1.65}:lang(my) .faq__item p{line-height:1.95}[data-motion] .faq__item[open] p{animation:faq-in var(--motion-slow)var(--motion-ease)}@keyframes faq-in{0%{opacity:0;translate:0 -.25rem}}@media (min-width:64rem){.faq__grid{grid-template-columns:minmax(0,4fr)minmax(0,8fr);align-items: start;gap:4rem}.faq .section__title{position:sticky;top:calc(var(--nav-height) + 2.5rem)}}.closing__card{--muted:#a6a6b0;display:flex;border-radius:var(--radius-sheet);color:#f3f3f5;background:var(--rail);text-align:center;background-image:radial-gradient(60% 90% at 50% 118%,#f2541b6b,#0000 70%);flex-direction:column;align-items: center;padding:clamp(2.5rem,1.5rem + 5vw,5rem) clamp(1.5rem,1rem + 3vw,4rem)}[data-theme=dark] .closing__card{box-shadow:inset 0 0 0 1px #ffffff12}.closing__card p{color:var(--muted);font-size:var(--text-lede);max-width:34rem;margin-top:1rem;line-height:1.55}:lang(my) .closing__card p{line-height:1.9}.closing__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.btn--ghost{color:#f3f3f5;box-shadow:inset 0 0 0 1.5px #ffffff47}.btn--ghost:hover{background:#ffffff1a}.closing :focus-visible{outline-color:#fff}@media (max-width:30rem){.closing__actions{flex-direction:column;align-self:stretch}.closing__actions .btn{white-space:normal}}.footer{padding-block-start:3rem;padding-block-end:2.5rem}.footer__grid{display:grid;gap:2.5rem}.footer__logo{display:inline-flex;align-items: center;gap:.7rem;font-size:1.0625rem;font-weight:650}.footer__logo img{border-radius:28%;width:2.25rem;height:2.25rem}.footer__brand p{color:var(--muted);max-width:22rem;margin-top:.75rem}.footer__links{display:grid;align-content: start;justify-items:start;gap:.6rem}.footer__links h2{color:var(--muted);font-size:var(--text-small);margin-bottom:.25rem;font-weight:500}.footer__links a{display:inline-flex;transition:color var(--motion-fast)var(--motion-ease);align-items: center;gap:.55rem;font-weight:500}.footer__links a:hover{color:var(--accent)}.footer__links .icon{width:1.15rem;height:1.15rem}.footer__rights{color:var(--muted);font-size:var(--text-small);margin-top:3rem}@media (min-width:44rem){.footer__grid{grid-template-columns:minmax(0,2fr)minmax(0,1fr)minmax(0,1fr)}}.phone{position:relative;background:#0b0b0d;border-radius:2.6rem;width:min(100%,18.5rem);padding:.55rem;box-shadow:inset 0 0 0 1.5px #3a3b41,0 0 0 1px #17181b,0 30px 60px -28px #00000080}.phone__screen{aspect-ratio:9/19;overflow:hidden;background:var(--page);container-type:inline-size;border-radius:2.1rem}.phone__camera{position:absolute;background:radial-gradient(circle at 35% 35%,#33415f,#08090d 62%);border-radius:50%;width:.6rem;height:.6rem;top:1.15rem;left:50%;translate:-50%;box-shadow:0 0 0 1.5px #1c1d22}.m{display:flex;color:var(--ink);-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;font-size:4.16667cqw;line-height:1.45}.m .icon{width:1.15em;height:1.15em}.m-status{display:flex;flex:none;justify-content:space-between;align-items: center;height:2.5em;padding:.4em 1.5em 0}.m-status span{font-size:.72em;font-weight:600}.m-status__signs{display:flex;align-items: center;gap:.5em}.m-status__signal{background:linear-gradient(to right,var(--ink)18%,transparent 18% 27%,var(--ink)27% 45%,transparent 45% 54%,var(--ink)54% 72%,transparent 72% 81%,var(--ink)81%);clip-path:polygon(0 100%,100% 0,100% 100%);width:1.2em;height:.85em}.m-status__battery{position:relative;box-shadow:inset 0 0 0 1px var(--muted);border-radius:.28em;width:1.8em;height:.9em}.m-status__battery:after{content:"";position:absolute;background:var(--ink);border-radius:.14em;inset:.16em .5em .16em .16em}.m-bar{display:flex;flex:none;align-items: center;gap:.55em;padding:.5em 1em .6em}.m-bar img{border-radius:28%;width:2.1em;height:2.1em}.m-bar b{color:var(--accent);letter-spacing:.06em;margin-right:auto;font-size:.62em;font-weight:800;line-height:1.15}.m-flags{display:flex;background:var(--surface);border-radius:999px;gap:.25em;padding:.25em}.m-flags .flag{width:1.25em;height:1.25em}.m-flags .flag:first-child{opacity:.45}.m-round{display:grid;background:var(--surface);border-radius:50%;place-items: center;width:1.9em;height:1.9em}.m .m-round .icon{width:1em;height:1em}.m-list{display:flex;flex-direction:column;flex:1;gap:.6em;min-height:0;padding:.2em .8em 0}.m-voice{background:var(--surface);border-radius:1.2em;padding:.8em}.m-voice__row{display:flex;align-items: center;gap:.7em}.m-play{display:grid;background:var(--accent-soft);color:var(--accent);border-radius:50%;flex:none;place-items: center;width:2.3em;height:2.3em}.m-voice--playing .m-play{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff}.m-voice .a-wave{height:1.6em}.m-voice p{margin-top:.55em;font-size:.8em;line-height:1.75}.m-voice--playing .a-wave i{background:var(--accent)}[data-motion] .phone[data-live] .a-wave--loop i{animation:phone-played .12s calc(var(--i)*.15s)both}@keyframes phone-played{0%{background:var(--muted)}}.m-input{display:flex;background:var(--surface);border-radius:999px;flex:none;align-items: center;gap:.6em;margin:.7em .8em 0;padding:.4em .4em .4em 1em}.m-input span{color:var(--muted);white-space:nowrap;flex:1;font-size:.8em}.m-send{display:grid;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;border-radius:50%;place-items: center;width:2.3em;height:2.3em}.m-tabs{display:flex;background:var(--rail);color:var(--rail-ink);border-radius:999px;flex:none;align-self: center;gap:.15em;margin:.8em 0 1em;padding:.3em}.m-tabs span{display:inline-flex;white-space:nowrap;border-radius:999px;align-items: center;gap:.35em;padding:.45em .8em;font-size:.68em;font-weight:600}.m-tabs .is-on{background:var(--rail-current);color:var(--rail-current-ink)}
