.hub{--rail:58px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"copy lookout""index index";align-items:center;column-gap:clamp(32px,4vw,64px);padding-top:clamp(24px,4vw,56px);display:grid}.hero-copy{grid-area:copy}.hero-kicker{align-items:center;gap:10px;display:flex!important}.live-dot{background:var(--cobalt);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2b4fd026}.hero-title{font-family:var(--display);letter-spacing:-.055em;font-variation-settings:"opsz" 96;margin:28px 0 32px;font-size:clamp(52px,7.4vw,120px);font-weight:700;line-height:.9}.hero-title .line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hero-title .line>span{display:inline-block}.hero-title em{color:var(--cobalt);letter-spacing:-.03em;padding-right:.03em}.hero-lede{max-width:33em;color:var(--ink-2);margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:40px;display:flex}.text-button{min-height:44px;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.text-button svg{color:var(--cobalt);transition:transform .6s var(--ease-out)}.text-button:hover svg{transform:rotate(180deg)scale(1.15)}.lookout{aspect-ratio:1/.98;background:radial-gradient(120% 90% at 20% 0%, #ffffff29, transparent 55%), var(--cobalt);isolation:isolate;border-radius:36px;grid-area:lookout;place-items:end center;display:grid;position:relative;overflow:hidden}.lookout-grid{z-index:-1;background:radial-gradient(#ffffff38 1.2px,#0000 1.6px) 0 0/24px 24px;position:absolute;inset:0;mask-image:radial-gradient(75% 70% at 55% 60%,#000 20%,#0000 80%)}.mascot{width:86%;transition:transform .6s var(--ease-out);transform-origin:50% 90%;background:0 0;border:0;margin-bottom:-2%;padding:0}.mascot svg{width:100%;display:block;overflow:visible}.mascot:hover{transform:rotate(-2deg)scale(1.015)}.mascot:focus-visible{outline-offset:-12px;border-radius:40px;outline-color:#fff}.m-body,.m-star,.m-eye,.m-lines{transform-box:fill-box;transform-origin:50%}.m-body{transform-origin:50% 100%}.m-mouth{transition:opacity .2s}.m-mouth-smile{opacity:0}.mascot:hover .m-mouth-smile,.lookout.has-pick .m-mouth-smile{opacity:1}.mascot:hover .m-mouth-flat,.lookout.has-pick .m-mouth-flat{opacity:0}.mascot:hover .m-star{transform:rotate(40deg)scale(1.1)}.m-star{transition:transform .7s var(--ease-out)}.bubble{z-index:2;background:var(--paper);transform-origin:0 100%;border-radius:22px 22px 22px 6px;max-width:min(64%,340px);padding:14px 18px 16px;position:absolute;top:clamp(16px,2.2vw,28px);left:clamp(16px,2.2vw,28px);box-shadow:0 1px #0000000d,0 18px 40px -12px #0a143c73}.bubble-label{font:500 10.5px/1.3 var(--mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;display:block}.bubble-text{font:600 17px/1.3 var(--display), sans-serif;letter-spacing:-.015em;display:block}.bubble-link{grid-template-columns:1fr auto;column-gap:12px;display:grid}.bubble-link b{letter-spacing:-.03em;font-size:21px}.bubble-link span{color:var(--ink-2);grid-column:1;margin-top:2px;font:400 14px/1.4 DM Sans,sans-serif}.bubble-link i{background:var(--ink);width:36px;height:36px;color:var(--paper);transition:transform .4s var(--ease-out);border-radius:50%;grid-area:1/2/span 2;align-self:center;place-items:center;font-style:normal;display:grid}.bubble-link:hover i{background:var(--cobalt);transform:translate(4px)rotate(-30deg)}.lookout-hint{font:500 11px var(--mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;position:absolute;bottom:18px;right:22px}.topic-index{border-block:1px solid var(--line);grid-area:index;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:clamp(48px,6vw,88px);display:grid}.topic-index a{border-right:1px solid var(--line);isolation:isolate;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr auto;min-height:200px;padding:18px 18px 22px;transition:color .3s;display:grid;position:relative}.topic-index a:last-child{border-right:0}.topic-index a:before{content:"";z-index:-1;background:var(--tone);transform-origin:50% 100%;transition:transform .55s var(--ease-out);position:absolute;inset:-1px 0;transform:scaleY(0)}.topic-index a:hover:before,.topic-index a:focus-visible:before{transform:scaleY(1)}.topic-index a:hover,.topic-index a:focus-visible{color:var(--on-tone)}.ti-count{grid-area:1/2}.ti-num,.ti-count{font:500 11px var(--mono), monospace;letter-spacing:.06em;opacity:.7}.ti-icon{background:var(--tone-soft);width:46px;height:46px;color:var(--tone-deep);transition:background-color .3s, color .3s, transform .6s var(--ease-out);border-radius:15px;grid-column:1/-1;align-self:center;place-items:center;margin-block:18px;display:grid}.topic-index a:hover .ti-icon,.topic-index a:focus-visible .ti-icon{color:inherit;background:#fff3;transform:rotate(-10deg)scale(1.08)}.ti-sample{color:var(--ink-3);grid-column:1/-1;margin-top:8px;font-size:12.5px;line-height:1.4;transition:color .3s}.topic-index a:hover .ti-sample,.topic-index a:focus-visible .ti-sample{color:inherit;opacity:.8}.ti-name{font:600 clamp(16px, 1.35vw, 20px) / 1.12 var(--display), sans-serif;letter-spacing:-.025em;grid-column:1/-1;max-width:9em}.catalog{padding-top:clamp(80px,8vw,120px)}.catalog-intro{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px 48px;display:flex}.catalog-title{font:650 clamp(38px, 4.8vw, 72px) / .98 var(--display), sans-serif;letter-spacing:-.045em;margin:0}.catalog-title .kicker{letter-spacing:.08em;margin-bottom:20px}.catalog-title em{color:var(--cobalt)}.catalog-controls{flex-wrap:wrap;gap:10px;display:flex}.catalog-search{background:var(--paper-2);height:50px;color:var(--ink-3);border-radius:999px;align-items:center;gap:10px;padding:0 10px 0 18px;transition:background-color .2s,box-shadow .2s;display:flex}.catalog-search:focus-within{box-shadow:0 0 0 2px var(--cobalt);background:#fbfaf6}.catalog-search input{width:210px;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:15px}.catalog-search input:focus-visible{outline:none}.catalog-search input::-webkit-search-cancel-button{cursor:pointer}.market-switch{background:var(--paper-2);border-radius:999px;gap:2px;padding:5px;display:flex}.market-switch button{height:40px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.market-switch button:hover{background:var(--paper-3)}.market-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.market-switch button:disabled{opacity:1}.hub .flag{border-radius:50%;flex:none;width:11px;height:11px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.hub .flag.sg{background:linear-gradient(#e03a3e 50%,#fff 50%)}.hub .flag.vn{background:radial-gradient(circle,#ffcd00 26%,#da251d 30%)}.hub .flag.my{background:linear-gradient(#1f3a93,#1f3a93) 0 0/50% 50% no-repeat,repeating-linear-gradient(#cc0001 0 1.6px,#fff 1.6px 3.2px)}.topic-rail{top:var(--header);z-index:40;scrollbar-width:none;-webkit-backdrop-filter:blur(14px)saturate(1.3);border-block:1px solid var(--line);background:#f3f0e8db;margin-top:48px;position:sticky;overflow-x:auto}.topic-rail::-webkit-scrollbar{display:none}.topic-rail-inner{min-width:max-content;height:var(--rail);align-items:center;gap:4px;display:flex}.topic-rail a{height:38px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background-color .25s,color .25s;display:inline-flex}.topic-rail a i{background:var(--tone);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #0000001a}.topic-rail a sup{font:500 10px var(--mono), monospace;color:var(--ink-3);vertical-align:.5em}.topic-rail a:hover{background:var(--paper-2)}.topic-rail a[aria-current]{background:var(--ink);color:var(--paper)}.topic-rail a[aria-current] sup{color:#f3f0e899}.topic-rail a[aria-current] i{box-shadow:0 0 0 2px var(--paper)}.topic-rail a[aria-disabled]{opacity:.35;pointer-events:none}.rail-status{font:500 11px var(--mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;margin-left:auto;padding-left:24px}.shelf{scroll-margin-top:calc(var(--header) + var(--rail) - 40px);padding-block:clamp(72px,8vw,112px) 24px}.shelf-inner{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.shelf-head{top:calc(var(--header) + var(--rail) + 36px);justify-items:start;display:grid;position:sticky}.shelf-index{font:500 12px var(--mono), monospace;letter-spacing:.06em}.shelf-index span{color:var(--ink-3)}.shelf-glyph{background:var(--tone);width:60px;height:60px;color:var(--on-tone);box-shadow:6px 6px 0 var(--ink);border-radius:20px;place-items:center;margin:28px 0 26px;display:grid;transform:rotate(-7deg)}.shelf-head h2{font:650 clamp(30px, 3.2vw, 48px) / 1 var(--display), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0 0 16px}.shelf-head p{max-width:30em;color:var(--ink-2);margin:0;font-size:15px;line-height:1.6}.shelf-count{font:500 11px var(--mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:22px}.shelf-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0;padding:0;list-style:none;display:grid}.shelf-list li{border-bottom:1px solid var(--line)}.product-row{isolation:isolate;grid-template-columns:50px minmax(0,1fr) 34px;gap:10px 16px;height:100%;margin-inline:-12px;padding:22px 12px 20px;display:grid;position:relative}.product-row:before{content:"";z-index:-1;background:var(--paper-2);opacity:0;transition:opacity .3s, transform .5s var(--ease-out);border-radius:18px;position:absolute;inset:6px 0;transform:scale(.97)}.product-row:hover:before,.product-row:focus-visible:before{opacity:1;transform:none}.row-icon{background:var(--tone-soft);width:50px;height:50px;color:var(--tone-deep);transition:background-color .3s, color .3s, transform .6s var(--ease-out);border-radius:15px;grid-row:1/span 2;place-items:center;display:grid}.product-row:hover .row-icon,.product-row:focus-visible .row-icon{background:var(--tone);color:var(--on-tone);transform:rotate(-8deg)scale(1.06)}.row-body{min-width:0}.row-body h3{font:600 19px/1.25 var(--display), sans-serif;letter-spacing:-.025em;transition:background-size .45s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;margin:0;display:inline}.product-row:hover h3,.product-row:focus-visible h3{background-size:100% 1.5px}.row-body p{color:var(--ink-3);margin:5px 0 0;font-size:14px;line-height:1.45}.row-meta{font:500 10.5px var(--mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);grid-column:2;align-items:center;gap:7px;display:flex}.row-go{background:var(--ink);width:34px;height:34px;color:var(--paper);opacity:0;transition:opacity .3s, transform .5s var(--ease-out);border-radius:50%;grid-area:1/3/span 2;align-self:center;place-items:center;display:grid;transform:translate(-10px)rotate(-45deg)}.product-row:hover .row-go,.product-row:focus-visible .row-go{opacity:1;transform:rotate(-45deg)}@media (hover:none){.row-go{opacity:1;color:var(--ink-3);background:0 0;transform:rotate(-45deg)}}.shelf--stage{--line:#f3f0e824;--ink-2:#f3f0e8c7;--ink-3:#f3f0e894;--paper-2:#f3f0e80f;background:radial-gradient(60% 50% at 85% 0%, #2b4fd059, transparent 70%), radial-gradient(50% 40% at 0% 100%, #ff9a6c29, transparent 70%), var(--ink);color:var(--paper);border-radius:clamp(28px,3vw,44px);margin:clamp(56px,7vw,96px) clamp(8px,1.2vw,16px) 0;padding-block:clamp(80px,9vw,128px)}.shelf--stage .shelf-glyph{background:var(--peach);color:var(--ink);box-shadow:6px 6px 0 var(--cobalt)}.shelf--stage .shelf-list{grid-template-columns:1fr}.shelf--stage .product-row{grid-template-columns:64px minmax(0,1fr) auto 44px;align-items:center;padding-block:26px}.shelf--stage .row-icon{width:64px;height:64px;color:var(--peach);background:#f3f0e814;border-radius:20px;grid-row:auto}.shelf--stage .product-row:hover .row-icon,.shelf--stage .product-row:focus-visible .row-icon{background:var(--peach);color:var(--ink)}.shelf--stage .row-body{transition:transform .6s var(--ease-out)}.shelf--stage .product-row:hover .row-body,.shelf--stage .product-row:focus-visible .row-body{transform:translate(10px)}.shelf--stage .row-body h3{letter-spacing:-.045em;background-image:linear-gradient(var(--peach), var(--peach));background-size:0 3px;font-size:clamp(28px,3.4vw,50px);font-weight:650;line-height:1.02}.shelf--stage .product-row:hover h3,.shelf--stage .product-row:focus-visible h3{background-size:100% 3px}.shelf--stage .row-body p{margin-top:8px;font-size:15px}.shelf--stage .row-meta{grid-column:3}.shelf--stage .row-go{background:var(--peach);width:44px;height:44px;color:var(--ink);grid-area:auto/4}.shelf--stage+.shelf{padding-top:clamp(96px,10vw,140px)}.empty-state{padding-block:96px 40px}.empty-title{font:650 clamp(30px, 3.6vw, 52px) / 1.02 var(--display), sans-serif;letter-spacing:-.04em;margin:0 0 12px}.empty-title em{color:var(--cobalt)}.empty-state>p:not(.empty-title){color:var(--ink-2);margin:0 0 28px}.empty-state .pill-button{gap:12px;height:50px;padding-inline:22px}.principles{padding-block:clamp(120px,13vw,200px) clamp(96px,10vw,150px)}.principles h2{max-width:13em;font:650 clamp(40px, 5.6vw, 88px) / .95 var(--display), sans-serif;letter-spacing:-.05em;margin:20px 0 0}.principles h2 em{color:var(--cobalt)}.principle-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);margin:clamp(56px,6vw,88px) 0 0;padding:0;list-style:none;display:grid}.principle-list li{border-top:1px solid var(--ink);padding-top:26px}.p-num{font:italic 400 64px/.9 var(--serif), serif;color:var(--cobalt);display:block}.principle-list h3{font:600 23px/1.15 var(--display), sans-serif;letter-spacing:-.025em;margin:28px 0 10px}.principle-list p{max-width:26em;color:var(--ink-2);margin:0;font-size:15px;line-height:1.6}.principles .text-link{margin-top:56px}@keyframes arrive{0%{opacity:0;transform:translateY(40%)scale(.9)}60%{opacity:1;transform:translateY(-3%)scale(1.02,.97)}}@keyframes hop{30%{transform:translateY(-9%)scale(.96,1.05)}55%{transform:translateY(0)scale(1.04,.95)}}@keyframes blink{40%,60%{transform:scaleY(.1)}}@keyframes spin{to{transform:rotate(144deg)}}@keyframes pop{0%{opacity:.4;transform:scale(.85)}}@keyframes stage-in{0%{clip-path:inset(18% 6% 0 round 44px)}}.motion .hero-title .line>span{animation:rise 1.1s var(--ease-out) both}.motion .hero-title .line:nth-child(2)>span{animation-delay:90ms}.motion .hero-title .line:nth-child(3)>span{animation-delay:.18s}.motion .hero-kicker,.motion .hero-lede,.motion .hero-actions{animation:rise-soft .9s var(--ease-out) both}.motion .hero-kicker{animation-delay:0s}.motion .hero-lede{animation-delay:.3s}.motion .hero-actions{animation-delay:.4s}.motion .lookout{animation:rise-soft 1s .15s var(--ease-out) both}.motion .mascot svg{animation:arrive 1.1s .45s var(--ease-out) both}.motion .bubble{animation:pop .6s 1.1s var(--ease-out) both}.motion .lookout.poke .m-body{animation:hop .6s var(--ease-out)}.motion .lookout.poke .m-eye{animation:.32s 80ms blink}.motion .lookout.poke .m-star{animation:spin .8s var(--ease-out)}.motion .bubble.poke{animation:pop .45s var(--ease-out)}.motion .topic-index a{animation:rise-soft .9s var(--ease-out) both;animation-delay:calc(.5s + var(--i) * 60ms)}.motion .shelf:not(.is-seen) .shelf-head,.motion .shelf:not(.is-seen) .shelf-list li{opacity:0}.motion .shelf.is-seen .shelf-head{animation:rise-soft .9s var(--ease-out) both}.motion .shelf.is-seen .shelf-list li{animation:rise-soft .8s var(--ease-out) both;animation-delay:calc(min(var(--i), 12) * 45ms + .12s)}.motion .shelf--stage.is-seen{animation:stage-in 1.2s var(--ease-out) both}@media (width<=1100px){.topic-index{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.topic-index a{border-bottom:1px solid var(--line);min-height:150px}.topic-index a:nth-child(4n){border-right:0}.shelf-inner{grid-template-columns:1fr;gap:36px}.shelf-head{grid-template-columns:auto 1fr;align-items:center;column-gap:24px;position:static}.shelf-index{grid-column:1/-1}.shelf-glyph{grid-row:2/span 2;align-self:start;margin:20px 0 0}.shelf-head h2{margin-top:20px}.shelf-head p,.shelf-count{grid-column:2}}@media (width<=760px){.hub{--rail:54px}.hero{grid-template-columns:1fr;grid-template-areas:"copy""lookout""index";padding-top:20px}.hero-title{letter-spacing:-.05em;margin:20px 0 22px;font-size:clamp(46px,13.4vw,72px)}.hero-actions{margin-top:28px}.lookout{aspect-ratio:1/1.02;border-radius:28px;margin-top:40px}.bubble{max-width:calc(100% - 32px)}.bubble-text{font-size:16px}.topic-index{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}.topic-index a{min-height:0;padding:14px 14px 16px}.ti-icon{border-radius:12px;width:38px;height:38px;margin-block:14px 12px}.ti-sample{display:none}.topic-index a:nth-child(4n){border-right:1px solid var(--line)}.topic-index a:nth-child(2n){border-right:0}.catalog-controls,.catalog-search{width:100%}.catalog-search input{flex:1;width:auto}.catalog-search kbd{display:none}.market-switch{justify-content:space-between;width:100%}.market-switch button{flex:1;justify-content:center;padding-inline:10px}.topic-rail{margin-top:32px}.rail-status{display:none}.shelf-head{grid-template-columns:1fr;display:grid}.shelf-glyph{border-radius:17px;grid-row:auto;width:52px;height:52px}.shelf-head p,.shelf-count{grid-column:1}.shelf-list{grid-template-columns:1fr}.product-row{padding-block:18px 16px}.shelf--stage .product-row{grid-template-columns:52px minmax(0,1fr) 36px;row-gap:8px}.shelf--stage .row-icon{border-radius:16px;width:52px;height:52px}.shelf--stage .row-meta{grid-area:2/2}.shelf--stage .row-go{grid-area:1/3/span 2;width:36px;height:36px}.principle-list{grid-template-columns:1fr}}