.sp{--sp-pad: 20px;--sp-cut: var(--st-cut-md, 16px);--sp-shape: polygon(0 0, 100% 0, 100% calc(100% - var(--sp-cut)), calc(100% - var(--sp-cut)) 100%, 0 100%);--sp-rule: color-mix(in oklab, var(--ink) 14%, white);--sp-key-line: var(--sp-rule);--sp-key-fill: var(--ink);--sp-key-ink: var(--white);position:relative;container-type:inline-size;min-width:0}.sp-frame{position:relative}.sp-stage{position:relative;aspect-ratio:4 / 5;overflow:clip;background:var(--blue-deep);clip-path:var(--sp-shape)}.sp-chrome{display:grid;grid-template-columns:minmax(0,1fr) var(--sp-key-s, 32px);grid-template-areas:"name key" "price key";align-items:start;column-gap:16px;row-gap:4px;margin-top:18px;color:var(--ink)}.sp-name{grid-area:name;min-height:calc(2em * var(--sp-name-lh, 1.3));margin:0;font:500 var(--sp-name, 16px)/var(--sp-name-lh, 1.3) var(--font-body);letter-spacing:-.01em;text-wrap:pretty}.sp-name a{color:inherit;text-decoration:none}.sp-name a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.sp-name a:focus-visible{outline:none}.sp-price{grid-area:price;margin:0;font:400 var(--sp-price, 14px)/var(--sp-price-lh, 1.5) var(--font-body);color:var(--st-muted, #4A5468);white-space:nowrap}.sp-price-figure{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.sp-cur{font-size:.946em}.sp-key{grid-area:key;display:block;width:var(--sp-key-s, 32px);height:var(--sp-key-s, 32px);color:var(--ink);overflow:visible}.sp-key-frame{fill:transparent;stroke:var(--sp-key-line);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .15s ease,stroke .15s ease}.sp-key-arrow{stroke:currentColor;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50% 50%;transition:stroke .15s ease}.sp-line{margin:10px 0 0;max-width:36ch;font:400 var(--sp-line, 16px)/var(--sp-line-lh, 1.5) var(--font-body);color:var(--st-muted, #4A5468);text-wrap:pretty}.sp-frame:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:1;pointer-events:none;opacity:0;background:var(--st-focus, var(--blue));clip-path:polygon(evenodd,0 0,100% 0,100% calc(100% - var(--sp-cut) - 3.51px),calc(100% - var(--sp-cut) - 3.51px) 100%,0 100%,0 0,2px 2px,2px calc(100% - 2px),calc(100% - 2px - var(--sp-cut) - 2.34px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px - var(--sp-cut) - 2.34px),calc(100% - 2px) 2px,2px 2px)}.sp:has(.sp-name a:focus-visible) .sp-frame:before{opacity:1}.sp:has(.sp-name a:focus-visible) .sp-key-frame{fill:var(--sp-key-fill);stroke:var(--sp-key-fill);transition-duration:0s}.sp:has(.sp-name a:focus-visible) .sp-key-arrow{stroke:var(--sp-key-ink);transition-duration:0s}@media(hover:hover)and (pointer:fine){.sp:hover .sp-key-frame{fill:var(--sp-key-fill);stroke:var(--sp-key-fill)}.sp:hover .sp-key-arrow{stroke:var(--sp-key-ink)}}:lang(th) .sp{--sp-name-lh: 1.35;--sp-price-lh: 1.7}:lang(th) .sp-line{--sp-line: 16px;--sp-line-lh: 1.7}@container (max-width: 275px){:lang(th) .sp-line{--sp-line: 15px}}@container (max-width: 267px){.sp-card{--sp-name: 15px;--sp-price: 13px;--sp-key-s: 28px}.sp-line,:lang(th) .sp-line{--sp-line: 15px}}@container (max-width: 243px){.sp-card{--sp-pad: 16px}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.sp-key-arrow{transition:stroke .15s ease,transform .15s var(--st-ease-inout)}.sp:is(:hover,:has(.sp-name a:focus-visible)) .sp-key-arrow{transform:rotate(45deg);transition:stroke .15s ease,transform .15s var(--st-ease)}.sp{transition:scale var(--st-t-press, .15s) ease-out}.st-motion .sp[data-st]{transition:opacity var(--st-t-fade) var(--st-ease) calc(var(--st-i, 0) * var(--st-step, 80ms) + var(--st-delay, 0ms)),transform var(--st-t-rise) var(--st-ease) calc(var(--st-i, 0) * var(--st-step, 80ms) + var(--st-delay, 0ms)),scale var(--st-t-press, .15s) ease-out}.sp:active{scale:.96}.sp:active .sp-name a:after{top:-2.0834%;right:-2.0834%;bottom:-2.0834%;left:-2.0834%}}@media(forced-colors:active){.sp-stage{clip-path:none;border:1px solid CanvasText;background:Canvas}.sp-sky{display:none}.sp-name a:focus-visible:after{outline:2px solid Highlight;outline-offset:3px}.sp-frame:before{display:none}.sp-key-frame,.sp-key-arrow{stroke:CanvasText}}.sp-sky{--cobalt: var(--blue);--deep: var(--blue-deep);--pale: var(--blue-light);--signal: var(--orange);--signal-ink: var(--orange-ink);--muted: #4A5468;--display: var(--font-display);--body: var(--font-body);--mono: var(--font-mono);--ease: var(--st-ease, cubic-bezier(.16, 1, .3, 1));--ease-io: var(--st-ease-inout, cubic-bezier(.65, 0, .35, 1));--fs: clamp(12px, 4.1cqi, 14px);--fx: clamp(12px, 3.6cqi, 12.5px);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;container-type:inline-size;font:400 17px/1.6 var(--body);color:var(--ink);text-align:start}.sp-sky *,.sp-sky *:before,.sp-sky *:after{box-sizing:border-box;margin:0;padding:0}.sp-sky svg{display:inline;max-width:none}.sp-sky{background:linear-gradient(180deg,var(--top),var(--bottom));--c0: var(--top);--c1: color-mix(in oklab, var(--top) 83%, var(--bottom));--c2: color-mix(in oklab, var(--top) 67%, var(--bottom));--c3: color-mix(in oklab, var(--top) 50%, var(--bottom));--c4: color-mix(in oklab, var(--top) 33%, var(--bottom));--c5: color-mix(in oklab, var(--top) 17%, var(--bottom));--c6: var(--bottom)}.sp-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.38;pointer-events:none}.sp-sky .mosaic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:calc(100cqi / 6);opacity:.38}.sp-sky .mosaic i{background:color-mix(in oklab,var(--top) var(--p),var(--bottom))}.sp-sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(80% 46% at 50% 64%,rgb(255 255 255 / var(--glow, .4)),transparent 72%)}.sp-sky.t1{--top: color-mix(in oklab, var(--cobalt) 58%, var(--pale));--bottom: color-mix(in oklab, var(--pale) 55%, white)}.sp-sky.t2{--top: color-mix(in oklab, var(--cobalt) 30%, var(--pale));--bottom: color-mix(in oklab, var(--pale) 40%, white)}.sp-sky.t3{--top: color-mix(in oklab, var(--pale) 92%, white);--bottom: color-mix(in oklab, var(--pale) 22%, white)}.sp-sky.t4{--top: color-mix(in oklab, var(--pale) 60%, white);--bottom: color-mix(in oklab, var(--pale) 12%, white)}.sp-sky.t5{--top: color-mix(in oklab, var(--cobalt) 82%, var(--deep));--bottom: color-mix(in oklab, var(--cobalt) 74%, var(--pale));--glow: .16}.sp-sky.tw{--top: color-mix(in oklab, var(--signal) 34%, var(--paper));--bottom: color-mix(in oklab, var(--paper) 55%, white);--glow: .5}.sp-sky.tg{--top: color-mix(in oklab, #2A9461 16%, var(--surface));--bottom: color-mix(in oklab, var(--surface) 55%, white);--glow: .45}.sp-sky.tt{--top: var(--signal-ink);--bottom: color-mix(in oklab, var(--signal-ink) 72%, var(--signal));--glow: .1}.sp-sky.ts{--top: var(--cobalt);--bottom: color-mix(in oklab, var(--cobalt) 62%, var(--pale));--glow: .12}.sp-sky.tn{--top: color-mix(in oklab, var(--deep) 70%, var(--ink));--bottom: color-mix(in oklab, var(--deep) 64%, var(--cobalt));--glow: .06}.sp-sky .p{position:absolute;left:var(--x);top:var(--y);width:var(--w)}.sp-sky .lift{isolation:isolate}.sp-sky .lift:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;box-shadow:0 16px 24px #182d8329,0 2px 4px #182d8314}.sp-sky .win{padding:5px;background:#ffffff6b;box-shadow:inset 0 0 0 1px #fffc;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.sp-sky .wi{background:var(--white);color:var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);font:500 var(--fs)/1.3 var(--body)}.sp-sky .bleed .win,.sp-sky .bleed .wi{clip-path:none}.sp-sky .cutc{clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.sp-sky .chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px 8px 10px;background:var(--white);color:var(--ink);font:500 var(--fs)/1 var(--body);white-space:nowrap}.sp-sky .mono{font-family:var(--mono);font-weight:400;font-variant-numeric:tabular-nums}.sp-sky .ok{flex:none;width:13px;height:13px;fill:none;stroke:#1e7f4f;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sp-sky .kw{white-space:nowrap}.sp-sky mark{background:none;color:inherit}.sp-sky [lang=th]{font-family:Switzer,Switzer Fallback,IBM Plex Sans Thai,IBM Plex Sans Thai Fallback,sans-serif;letter-spacing:0}:root:lang(th) .sp-sky *{letter-spacing:0}:root:lang(th) .c-websites .h4{font-weight:700;font-size:clamp(21px,8.6cqi,33px);line-height:1.3}:root:lang(th) .c-websites .h5,:root:lang(th) .c-design .ttl{font-weight:700;line-height:1.3}@media(prefers-reduced-motion:reduce){.sp-sky *,.sp-sky *:before,.sp-sky *:after{transition:none!important;animation:none!important}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.sp-sky{will-change:transform}}.sp-sky.c-build:before{background:linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-connect:before{background:linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-data:before{background:linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 50cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-platforms:before{background:linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-websites:before{background:linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-design:before{background:linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-evaluate:before{background:linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 100cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 50cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 83.333cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.sp-sky.c-cloud:before{background:linear-gradient(var(--c0) 0 33.333cqi,var(--c1) 0 50cqi,var(--c2) 0 83.333cqi,var(--c3) 0 100cqi,var(--c4) 0 116.667cqi,var(--c5) 0 150cqi) 0% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 20% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 40% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 16.667cqi,var(--c2) 0 33.333cqi,var(--c3) 0 66.667cqi,var(--c4) 0 83.333cqi,var(--c5) 0 100cqi,var(--c6) 0 150cqi) 60% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c1) 0 33.333cqi,var(--c2) 0 50cqi,var(--c3) 0 66.667cqi,var(--c4) 0 100cqi,var(--c5) 0 116.667cqi,var(--c6) 0 150cqi) 80% 0 / 16.667% 100% no-repeat,linear-gradient(var(--c0) 0 16.667cqi,var(--c1) 0 33.333cqi,var(--c2) 0 66.667cqi,var(--c3) 0 83.333cqi,var(--c4) 0 116.667cqi,var(--c5) 0 133.333cqi,var(--c6) 0 150cqi) 100% 0 / 16.667% 100% no-repeat}.c-build{--e-out: cubic-bezier(.22, 1, .36, 1);--io: cubic-bezier(.65, 0, .35, 1)}.c-build .pa{--x: 6%;--y: 7%;--w: 88%}.c-build .pb{--x: 30%;--y: 52%;--w: 64%}.c-build .wi{font:400 var(--fs)/1.3 var(--body)}.c-build .hd{display:flex;align-items:center;gap:8px;height:10.4cqi;padding:0 4cqi;font-weight:500}.c-build .hd i{flex:none;width:9px;height:9px;background:var(--cobalt);clip-path:polygon(0 0,100% 0,100% 64%,64% 100%,0 100%)}.c-build .hd time{margin-left:auto;font-size:var(--fx);color:var(--muted)}.c-build .wv{position:relative;height:12cqi;margin:0 4cqi}.c-build .bars{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(40,1fr);column-gap:.75cqi;align-items:center}.c-build .bars i{height:calc(var(--h) * 100%);border-radius:1px;background:#cdd5e6}.c-build .pl i{background:var(--cobalt)}.c-build .plw{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.c-build .ph{position:absolute;top:-1.4cqi;right:0;bottom:-1.4cqi;left:0;pointer-events:none;transform:translate(-100%)}.c-build .ph:before,.c-build .ph:after{content:"";position:absolute;background:var(--cobalt)}.c-build .ph:after{right:-1px;top:0;bottom:0;width:2px;border-radius:1px}.c-build .ph:before{right:-3px;top:-3px;width:6px;height:6px;border-radius:50%}.c-build .tx{padding:2.6cqi 4cqi 3.6cqi}.c-build .tx [lang=th]{line-height:1.6}.c-build .gl{margin-top:.4cqi;font-size:var(--fx);line-height:1.4;color:var(--muted)}.c-build mark{position:relative;background:none;color:inherit}.c-build mark:before{content:"";position:absolute;z-index:-1;top:.12em;right:-.18em;bottom:.02em;left:-.18em;background:#243eb51f;box-shadow:inset 0 -1.5px var(--cobalt)}.c-build .row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:1.9cqi 4cqi;border-top:1px solid #EEF0F3}.c-build .row>span{color:var(--muted)}.c-build .row b{font-weight:500}.c-build .t{position:relative}.c-build .t:before{content:"";position:absolute;z-index:-1;top:-.18em;right:-.3em;bottom:-.18em;left:-.3em;border-radius:2px;background:#243eb51c}.c-build .ft{display:flex;align-items:center;gap:7px;padding:2.2cqi 4cqi 2.6cqi;border-top:1px solid #EEF0F3;font-size:var(--fx)}.c-build .av{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:color-mix(in oklab,var(--pale) 55%,white);color:var(--deep);font:500 12px/1 var(--body)}.c-build .blk{display:inline-block;width:.52em;height:.52em;margin-left:.12em;background:var(--signal)}.c-build .tt{--cx: calc(2.2cqi + var(--fs) * 1.5);position:absolute;z-index:2;right:calc(5px + 1.8cqi);bottom:calc(100% - 5px - 11.6cqi);padding:6px 9px 12px;background:var(--ink);color:var(--white);font:400 12px/1.45 var(--body);white-space:nowrap;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 5px),calc(100% - var(--cx) + 5px) calc(100% - 5px),calc(100% - var(--cx)) 100%,calc(100% - var(--cx) - 5px) calc(100% - 5px),0 calc(100% - 5px));transform-origin:calc(100% - var(--cx)) 100%}.c-build .tt .mono{font-size:12px}.c-build .pl,.c-build mark:before,.c-build .t:before,.c-build .tt{opacity:0}.sp.on .c-build .pl,.sp.on .c-build mark:before,.sp.on .c-build .t:before,.sp.on .c-build .tt{opacity:1}.sp.on .c-build .ph{opacity:0}@media(prefers-reduced-motion:no-preference){.c-build .pl{opacity:1}.c-build .plw{transform:translate(-100%);transition:transform .45s var(--io)}.c-build .plw .pl{transform:translate(100%);transition:transform .45s var(--io)}.sp.on .c-build .plw,.sp.on .c-build .plw .pl{transform:none;transition:transform .9s var(--io)}.c-build .ph{will-change:transform;transition:transform .45s var(--io)}.sp.on .c-build .ph{opacity:1;transform:none;transition:transform .9s var(--io)}.c-build mark:before{opacity:1;clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--e-out)}.sp.on .c-build mark:before{clip-path:inset(0);transition:clip-path .3s var(--e-out) .52s}.c-build .t:before{transition:opacity .16s var(--e-out)}.sp.on .c-build .t:before{transition:opacity .26s var(--e-out) .76s}.c-build .tt{transform:translateY(6px) scale(.96);transition:opacity .14s var(--e-out),transform .14s var(--e-out)}.sp.on .c-build .tt{transform:none;transition:opacity .26s var(--e-out) .76s,transform .26s var(--e-out) .76s}}.c-connect{--e-out: cubic-bezier(.22, 1, .36, 1);--io: cubic-bezier(.65, 0, .35, 1);--fade: 82cqi}.c-connect .sheet{--x: 8%;--y: 12%;--w: 104%;-webkit-mask-image:linear-gradient(#000 calc(var(--fade) - 16cqi),transparent var(--fade));mask-image:linear-gradient(#000 calc(var(--fade) - 16cqi),transparent var(--fade))}.c-connect .bar{display:flex;align-items:center;gap:8px;padding:3cqi 4cqi;border-bottom:1px solid #E7EAEE}.c-connect .bar>i{width:10px;height:10px;border-radius:2px;background:#2a9461}.c-connect .bar>span{margin-left:6px;font-weight:400;color:var(--muted);font-size:var(--fx);font-variant-numeric:tabular-nums}.c-connect .cols{display:grid;grid-template-columns:7cqi 23cqi 29cqi 1fr}.c-connect .cols>span{padding:0 2cqi;height:8cqi;display:flex;align-items:center;overflow:hidden;border-right:1px solid #EEF0F3;border-bottom:1px solid #EEF0F3;white-space:nowrap;font:400 var(--fx)/1 var(--body)}.c-connect .rows .cols>span{position:relative}.c-connect .rows .cols>span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums}.c-connect .hrow>span{background:#f5f6f8;color:var(--muted)}.c-connect .shb{position:relative;display:grid;grid-template-columns:7cqi 1fr;height:104cqi;overflow:hidden}.c-connect .nums{display:grid;grid-auto-rows:8cqi;background:#f5f6f8}.c-connect .nums span{display:flex;align-items:center;justify-content:center;border-right:1px solid #EEF0F3;border-bottom:1px solid #EEF0F3;font:400 var(--fx)/1 var(--mono);color:var(--muted)}.c-connect .rows{position:relative;transform:translateY(-16cqi)}.c-connect .rows .cols{grid-template-columns:23cqi 29cqi 1fr}.c-connect .rows:before{content:"";position:absolute;left:0;right:0;top:0;height:16cqi;background:#eff3fe;opacity:0}.c-connect .src-t{display:inline-flex;align-items:center;gap:6px}.c-connect .chipw{--x: 6%;--y: 84%;--w: auto}.c-connect .dw{display:inline-grid;position:relative;clip-path:inset(0)}.c-connect .dw .sz{grid-area:1 / 1;visibility:hidden}.c-connect .ds{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center}.c-connect .sw{display:inline-grid;overflow:clip;padding-block:.15em}.c-connect .sw>span{grid-area:1 / 1}.c-connect .sw .mono{font-size:.96em}.c-connect .sw>span:last-child{opacity:0}.sp.on .c-connect .sw>span:first-child{opacity:0}.sp.on .c-connect .sw>span:last-child,.sp.on .c-connect .rows:before{opacity:1}@media(prefers-reduced-motion:reduce){.c-connect .rows{transform:none}.c-connect .rows .cols:nth-child(-n+2){display:none}.sp.on .c-connect .rows .cols:nth-child(-n+2){display:grid}.c-connect .ds span:last-child{position:absolute;top:0;opacity:0}.sp.on .c-connect .ds span:last-child{opacity:1}.sp.on .c-connect .ds span:first-child{opacity:0}}@media(prefers-reduced-motion:no-preference){.c-connect .ds{will-change:transform;transition:transform .3s var(--io)}.sp.on .c-connect .ds{transform:translateY(-50%);transition:transform .42s var(--io)}.c-connect .rows{will-change:transform;transition:transform .42s var(--io) 80ms}.sp.on .c-connect .rows{transform:none;transition:transform .7s cubic-bezier(.33,1,.68,1) .12s}.c-connect .rows:before{transition:opacity .16s var(--e-out)}.sp.on .c-connect .rows:before{transition:opacity .28s var(--e-out) .56s}.c-connect .sw>span:first-child{transition:opacity .24s var(--e-out) 60ms,transform .28s var(--e-out) 60ms}.c-connect .sw>span:last-child{transform:translateY(60%);transition:opacity .14s var(--e-out),transform .16s var(--e-out)}.sp.on .c-connect .sw>span:first-child{transform:translateY(-60%);transition:opacity .16s var(--e-out) .64s,transform .16s var(--e-out) .64s}.sp.on .c-connect .sw>span:last-child{transform:none;transition:opacity .3s var(--e-out) .68s,transform .3s var(--e-out) .68s}}.c-data{--e-out: cubic-bezier(.22, 1, .36, 1);--io: cubic-bezier(.65, 0, .35, 1);--t: 14cqi;--wt: 21.5cqi;--wh: 36cqi}.c-data .dstg{position:absolute;top:0;right:0;bottom:0;left:0}.c-data .wrs{position:absolute;left:0;width:100%;top:var(--wt);height:var(--wh);overflow:visible;pointer-events:none}.c-data .wrs path{fill:none;stroke:#ffffff8c;stroke-width:1.25;vector-effect:non-scaling-stroke}.c-data .wrs.lit path{stroke:var(--white);stroke-width:2}.c-data .tile{position:absolute;display:grid;place-items:center;width:var(--t);min-width:36px;aspect-ratio:1;border-radius:22%;background:var(--c);background-image:linear-gradient(#ffffff29,#fff0 60%);box-shadow:inset 0 0 0 1px #ffffff4d,0 12px 20px -8px #182d8366,0 2px 4px #182d831f}.c-data .sh{--c: #EE4D2D}.c-data .ln{--c: #06C755}.c-data .st{--c: var(--deep)}.c-data .tile.sh{left:calc(17cqi - var(--t) / 2);top:calc(var(--wt) + var(--wh) * .069 - var(--t))}.c-data .tile.ln{left:calc(50cqi - var(--t) / 2);top:calc(var(--wt) + var(--wh) * .278 - var(--t))}.c-data .tile.st{left:calc(83cqi - var(--t) / 2);top:calc(var(--wt) - var(--t))}.c-data .jn{position:absolute;z-index:1;left:50%;top:calc(var(--wt) + var(--wh));width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--white);box-shadow:0 0 0 2.5px #ffffff59}.c-data .total{--x: 8%;--y: calc(var(--wt) + var(--wh));--w: 84%;isolation:isolate}.c-data .total:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;box-shadow:0 16px 24px #182d8329,0 2px 4px #182d8314}.c-data .wi{padding:4.2cqi 4.6cqi 3.4cqi;font:400 var(--fx)/1.3 var(--body)}.c-data .kpi>span{display:block;color:var(--muted)}.c-data .kpi b{display:block;margin-top:4px;font:500 clamp(22px,9cqi,34px)/1.05 var(--display);letter-spacing:-.02em}.c-data .rws{margin-top:3cqi;border-top:1px solid #EEF0F3}.c-data .rw{display:grid;grid-template-columns:12px 15cqi 1fr auto;align-items:center;gap:2.2cqi;height:7cqi;min-height:22px;border-bottom:1px solid #F1F3F6}.c-data .rw:last-child{border-bottom:0}.c-data .mti{display:grid;place-items:center;width:12px;height:12px;border-radius:3px;background:var(--c)}.c-data .rw>span:nth-child(2){white-space:nowrap}.c-data .tr{height:1.5cqi;min-height:4px;background:#eef0f3;overflow:hidden}.c-data .tr i{display:block;height:100%;background:var(--b);transform:scaleX(var(--v));transform-origin:left}.c-data .rw .mono{text-align:right}.c-data .dw{display:inline-grid;position:relative;clip-path:inset(0)}.c-data .dw .sz{grid-area:1 / 1;visibility:hidden}.c-data .ds{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center}.c-data .lit{opacity:0}.sp.on .c-data .lit{opacity:1}.sp.on .c-data .tr i{transform:scaleX(var(--v2))}@media(prefers-reduced-motion:reduce){.c-data .ds span:last-child{position:absolute;top:0;opacity:0}.sp.on .c-data .ds span:last-child{opacity:1}.sp.on .c-data .ds span:first-child{opacity:0}}@media(prefers-reduced-motion:no-preference){.c-data .lit{opacity:1;clip-path:inset(0 0 100% 0);transition:clip-path .3s var(--io)}.sp.on .c-data .lit{clip-path:inset(0);transition:clip-path .56s var(--io) var(--d)}.c-data .ds{will-change:transform;transition:transform .3s var(--io)}.sp.on .c-data .ds{transform:translateY(-50%);transition:transform .42s var(--io) var(--d)}.sp.on .c-data .kpi .ds{transition:transform .48s var(--io) .64s}.c-data .tr i{will-change:transform;transition:transform .3s var(--e-out)}.sp.on .c-data .tr i{transition:transform .5s var(--e-out) var(--d)}}.c-platforms{--e-out: cubic-bezier(.22, 1, .36, 1);--io: cubic-bezier(.65, 0, .35, 1)}.c-platforms .appw{--x: 7%;--y: 23%;--w: 86%}.c-platforms .app{height:110cqi;display:grid;grid-template-columns:10cqi 1fr;border-radius:8px 8px 0 0;overflow:hidden;background:var(--white);color:var(--ink);font:400 var(--fs)/1.3 var(--body)}.c-platforms .rail{display:flex;flex-direction:column;align-items:center;gap:2cqi;padding-top:4cqi;background:#f5f6f8;box-shadow:inset -1px 0 #eceef2}.c-platforms .nv{display:grid;place-items:center;width:6.2cqi;height:6.2cqi;min-width:18px;min-height:18px;border-radius:3px;color:#8a93a4}.c-platforms .nv.act{background:var(--cobalt);color:var(--white)}.c-platforms .logo{display:grid;place-items:center;width:6.2cqi;height:6.2cqi;min-width:18px;min-height:18px;margin-bottom:1.6cqi;border-radius:4px;background:var(--ink)}.c-platforms .main{padding:4.2cqi 4.4cqi 0}.c-platforms .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:500}.c-platforms .top small{font-weight:400;font-size:var(--fx);color:var(--muted)}.c-platforms .kpi{display:flex;align-items:baseline;gap:.3em;margin-top:3.4cqi;color:var(--muted)}.c-platforms .kpi b{font:500 clamp(22px,9cqi,32px)/1 var(--display);letter-spacing:-.02em;color:var(--ink)}.c-platforms .trk{height:1.3cqi;min-height:4px;margin-top:2.8cqi;border-radius:2px;background:#eef0f3;overflow:hidden}.c-platforms .trk i{display:block;height:100%;background:var(--cobalt);transform:scaleX(.75);transform-origin:left}.c-platforms .rooms{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4cqi;margin-top:4.6cqi}.c-platforms .rooms>i{position:relative;display:grid;place-items:center;height:9cqi;border-radius:3px;background:var(--cobalt);color:var(--white);font:400 12px/1 var(--mono)}.c-platforms .rooms>i.due{background:var(--white);box-shadow:inset 0 0 0 1px #d5dae2;color:var(--ink)}.c-platforms .pd{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:3px;background:var(--cobalt);color:var(--white);font-style:normal;opacity:0}.c-platforms .pd:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#2a9461;box-shadow:0 0 0 1.5px var(--cobalt)}.c-platforms .lgd{display:flex;gap:4cqi;margin-top:3.4cqi;font-size:var(--fx);color:var(--muted)}.c-platforms .lgd span{display:inline-flex;align-items:center;gap:6px}.c-platforms .lgd i{width:9px;height:9px;border-radius:2px;background:var(--cobalt)}.c-platforms .lgd i.d{background:var(--white);box-shadow:inset 0 0 0 1px #c9cfd9}.c-platforms .tw{position:absolute;z-index:3;bottom:calc(77% - 7px);right:5%}.c-platforms .rem{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3.6cqi;padding-top:3.2cqi;border-top:1px solid #EEF0F3;font-size:var(--fx);color:var(--muted)}.c-platforms .rem>span{display:inline-flex;align-items:center;gap:6px}.c-platforms .rem b{font-weight:500;color:var(--ink)}.c-platforms .toast{display:flex;align-items:center;gap:9px;padding:9px 13px 9px 10px;border-radius:8px;background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px #242a330f,0 16px 24px #182d8329,0 2px 4px #182d8314;font:500 var(--fs)/1.25 var(--body);white-space:nowrap;transform-origin:50% 0}.c-platforms .gk{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#2a9461}.c-platforms .toast b{font-weight:500}.c-platforms .toast small{display:block;margin-top:1px;font:400 var(--fx)/1.3 var(--body);color:var(--muted)}.c-platforms .dw{display:inline-grid;position:relative;clip-path:inset(0)}.c-platforms .dw .sz{grid-area:1 / 1;visibility:hidden}.c-platforms .ds{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center}.c-platforms .tw .toast{opacity:0}.sp.on .c-platforms .toast,.sp.on .c-platforms .pd{opacity:1}@media(prefers-reduced-motion:reduce){.c-platforms .ds span:last-child{position:absolute;top:0;opacity:0}.sp.on .c-platforms .ds span:last-child{opacity:1}.sp.on .c-platforms .ds span:first-child{opacity:0}.sp.on .c-platforms .trk i{transform:scaleX(.7917)}}@media(prefers-reduced-motion:no-preference){.c-platforms .toast{transform:translateY(-6px) scale(.97);transition:opacity .18s var(--e-out),transform .18s var(--e-out)}.sp.on .c-platforms .toast{transform:none;transition:opacity .32s var(--e-out),transform .32s var(--e-out)}.c-platforms .pd{opacity:1;clip-path:circle(0 at 50% 50%);transition:clip-path .22s var(--e-out)}.sp.on .c-platforms .pd{clip-path:circle(75% at 50% 50%);transition:clip-path .42s var(--e-out) .2s}.c-platforms .ds{will-change:transform;transition:transform .28s var(--io)}.sp.on .c-platforms .ds{transform:translateY(-50%);transition:transform .42s var(--io) .34s}.c-platforms .trk i{will-change:transform;transition:transform .3s var(--e-out)}.sp.on .c-platforms .trk i{transform:scaleX(.7917);transition:transform .5s var(--e-out) .34s}}.c-websites{--e-out: cubic-bezier(.22, 1, .36, 1);--hero: 106cqi;--bar: 11cqi;--nav: 10cqi;--scroll: -72cqi;--th: 56cqi;--tt: 44cqi;color:var(--white)}.c-websites .bar{position:absolute;left:0;right:0;top:0;height:var(--bar);z-index:3;display:flex;align-items:center;gap:2.2cqi;padding:0 3.4cqi 0 4cqi;background:color-mix(in oklab,var(--ink) 94%,white);box-shadow:inset 0 -1px #0006;color:#ffffffbd;font:400 12px/1 var(--body)}.c-websites .tl{flex:none;width:9.6cqi;height:2.8cqi;min-height:8px;margin-right:1.4cqi;background:radial-gradient(closest-side,#ff5f57 90%,#0000) 0 0 / 2.8cqi 100% no-repeat,radial-gradient(closest-side,#febc2e 90%,#0000) 3.4cqi 0 / 2.8cqi 100% no-repeat,radial-gradient(closest-side,#28c840 90%,#0000) 6.8cqi 0 / 2.8cqi 100% no-repeat}.c-websites .sb,.c-websites .bk{flex:none;display:grid;place-items:center;height:6.4cqi;min-height:18px;border-radius:999px}.c-websites .sb{width:8.6cqi;min-width:24px;background:#ffffff17;--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Crect x='1.5' y='3' width='13' height='10' rx='2.2'/%3E%3Cpath d='M6.2 3v10'/%3E%3C/svg%3E")}.c-websites .bk{width:4.4cqi;min-width:12px;--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3.5 5.5 8l4.5 4.5'/%3E%3C/svg%3E")}.c-websites .sb:before,.c-websites .bk:before{content:"";width:3.8cqi;height:3.8cqi;min-width:11px;min-height:11px;background:currentColor;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.c-websites .ad{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;height:6.6cqi;min-height:20px;border-radius:7px;background:#ffffff17;color:#ffffffe0;white-space:nowrap;overflow:hidden}.c-websites .ad .ic{flex:none;width:10px;height:10px}.c-websites .nav{position:absolute;left:0;right:0;top:var(--bar);height:var(--nav);z-index:3}.c-websites .nv{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:3.4cqi;padding:0 6cqi;font:400 12px/1 var(--body);color:#ffffffdb}.c-websites .nv b{margin:0 auto 0 -1.6cqi;font:500 12px/1 var(--body);color:var(--white);letter-spacing:-.005em}.c-websites .lang{display:inline-flex;padding:2px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff80;font:500 12px/1 var(--body)}.c-websites .lang>*{padding:3px 6px;border-radius:999px;font-style:normal}.c-websites .lang i{background:var(--white);color:var(--signal-ink)}.c-websites .nv.solid{background:var(--paper);box-shadow:inset 0 -1px #242a3314;color:var(--muted);opacity:0;transition:opacity .26s var(--ease-io) .18s}.c-websites .nv.solid b{color:var(--ink)}.c-websites .nv.solid .lang{box-shadow:inset 0 0 0 1px #242a3329}.c-websites .nv.solid .lang i{background:var(--ink);color:var(--white)}.c-websites .vp{position:absolute;left:0;right:0;bottom:0;top:calc(var(--bar) + var(--nav));overflow:clip;-webkit-mask:linear-gradient(transparent,#000 5cqi);mask:linear-gradient(transparent,#000 5cqi)}.c-websites .pg{position:relative;transition:transform .52s var(--ease-io)}.c-websites .hro{height:var(--hero);padding:9cqi 6cqi 0}.c-websites .eb{font:500 12px/1.2 var(--body);color:#ffffffeb}.c-websites .h4{margin-top:2.6cqi;max-width:15ch;font:500 clamp(24px,10cqi,38px)/1 var(--display);letter-spacing:-.035em;text-wrap:balance}.c-websites .sub{margin-top:3.4cqi;max-width:31em;font:400 12px/1.45 var(--body);color:#fffffff0;text-wrap:pretty}.c-websites .cta{display:flex;gap:2cqi;margin-top:5cqi}.c-websites .pll{display:inline-flex;align-items:center;padding:0 max(12px,3.8cqi);height:max(26px,9cqi);border-radius:999px;font:500 12px/1 var(--body);white-space:nowrap}.c-websites .pk{background:var(--ink);color:var(--white)}.c-websites .pr{box-shadow:inset 0 0 0 1px #ffffffb3;color:var(--white)}.c-websites .prod{position:relative;padding:7cqi 6cqi;background:var(--paper);color:var(--ink)}.c-websites .pt{max-width:46%}.c-websites .k{font:400 12px/1.2 var(--body);color:var(--muted)}.c-websites .h5{margin-top:1.6cqi;font:500 clamp(14px,5.6cqi,19px)/1.08 var(--display);letter-spacing:-.02em}.c-websites .th{margin-top:1.2cqi;font-size:12px;line-height:1.6;color:var(--muted)}.c-websites .notes{display:flex;flex-wrap:wrap;gap:1.6cqi;margin-top:4.4cqi}.c-websites .notes span{padding:4px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px #242a3324;font:400 12px/1 var(--body);color:var(--ink)}.c-websites .buy{display:flex;align-items:center;gap:2.4cqi;margin-top:4cqi}.c-websites .szt{display:inline-flex;padding:2px;border-radius:999px;background:#eaebe5;font-size:12px}.c-websites .szt>*{display:inline-flex;align-items:center;height:max(22px,7.6cqi);padding:0 8px;border-radius:999px;font-weight:400;color:var(--muted)}.c-websites .szt b{background:var(--white);color:var(--ink);box-shadow:0 1px 2px #242a331f}.c-websites .buy .pll{flex:1;justify-content:center}.c-websites .rd{margin-top:3.4cqi;font-size:12px;color:var(--muted)}.c-websites .bag{position:absolute;left:56%;top:calc(var(--hero) - 21cqi);width:36cqi;height:46cqi;transform:rotate(-6deg);filter:drop-shadow(0 12px 14px rgb(24 45 131 / .26)) drop-shadow(0 2px 3px rgb(24 45 131 / .18))}.c-websites .bag>i{position:absolute}.c-websites .bag .body{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(10 16 48 / .34),transparent 16%,transparent 66%,rgb(255 255 255 / .08) 78%,transparent 86%,rgb(10 16 48 / .3)),linear-gradient(transparent 70%,#0a10302e),var(--deep);clip-path:polygon(8% 0,92% 0,100% 12%,100% 100%,0 100%,0 12%)}.c-websites .bag .crimp{left:8%;right:8%;top:0;height:7%;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .16) 0 1px,transparent 1px 3px);box-shadow:0 1px #ffffff24}.c-websites .bag .valve{left:calc(50% - 2.4cqi);top:17%;width:4.8cqi;height:4.8cqi;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4d;background:radial-gradient(circle,rgb(255 255 255 / .22) 0 24%,transparent 27%)}.c-websites .bag .lbl{position:absolute;left:9%;right:9%;top:33%;display:grid;gap:2px;padding:2.4cqi 2.6cqi 2.8cqi;background:var(--paper);color:var(--ink);font:400 12px/1.15 var(--body);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}.c-websites .bag .lbl b{font-weight:500}.c-websites .bag .lbl span{color:var(--muted)}.c-websites .bag .lbl .mono{margin-top:1.4cqi;color:var(--ink)}.c-websites .thumb{position:absolute;right:1.2cqi;top:calc(var(--bar) + var(--nav) + 3px);z-index:4;width:4px;height:var(--th);border-radius:2px;background:#242a3361;box-shadow:0 0 0 1px #ffffff8c;opacity:0;transition:opacity .2s var(--e-out) .3s,transform .52s var(--ease-io)}.c-websites .pg.end{position:absolute;left:0;right:0;top:0;display:none}.sp.on .c-websites .nv.solid{opacity:1;transition:opacity .26s var(--e-out) .3s}.sp.on .c-websites .thumb{opacity:1;transition:opacity .16s var(--e-out),transform .9s var(--ease-io) 60ms}@media(prefers-reduced-motion:no-preference){.c-websites .pg,.c-websites .thumb{will-change:transform}.sp.on .c-websites .pg:not(.end){transform:translateY(var(--scroll));transition:transform .9s var(--ease-io) 60ms}.sp.on .c-websites .thumb{transform:translateY(var(--tt))}}@media(prefers-reduced-motion:reduce){.c-websites .pg.end{display:block;opacity:0;transform:translateY(var(--scroll))}.sp.on .c-websites .pg.end{opacity:1}.sp.on .c-websites .pg:not(.end){opacity:0}.sp.on .c-websites .thumb{transform:translateY(var(--tt))}}.c-design.t4{--top: color-mix(in oklab, var(--surface) 70%, var(--pale));--bottom: color-mix(in oklab, var(--paper) 80%, white)}.c-design{--e-out: cubic-bezier(.22, 1, .36, 1);--ab-w: 40%;--ab-h: 53cqi;--ab-y: 10cqi;--home-x: 6%;--class-x: 50%}.c-design .fl{position:absolute;top:var(--ab-y);left:var(--fx-x);transform:translateY(calc(-100% - 4px));font:400 12px/1 var(--body);color:var(--muted)}.c-design .ab{position:absolute;top:var(--ab-y);width:var(--ab-w);height:var(--ab-h);overflow:clip;background:var(--white);box-shadow:0 0 0 1px #242a3314,0 1px 2px #242a330d}.c-design .ab.home{left:var(--home-x);padding:2.6cqi 3cqi 0}.c-design .ab.cls{left:var(--class-x)}.c-design .sk{display:block;width:var(--bw);height:1.3cqi;min-height:3px;border-radius:2px;background:#e9ecf1}.c-design .st{display:flex;align-items:center}.c-design .cls .st{position:absolute;left:3cqi;right:3cqi;top:2.6cqi;z-index:1}.c-design .cls .st .sk{background:#ffffffb3}.c-design .pic{display:grid;grid-template-columns:repeat(6,1fr);height:16cqi;--top: var(--cobalt);--bottom: color-mix(in oklab, var(--pale) 60%, white)}.c-design .pic i{background:color-mix(in oklab,var(--top) var(--p),var(--bottom))}.c-design .cls .bd{padding:0 3cqi}.c-design .ab{contain:layout paint}.c-design .ttl{position:relative;font:500 12px/1.08 var(--display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}.c-design .home .ttl{margin-top:3.6cqi}.c-design .cls .ttl{margin:2.6cqi 3cqi 0}.c-design .sel{position:absolute;top:-2px;right:-3px;bottom:-2px;left:-3px;box-shadow:0 0 0 1px var(--cobalt);pointer-events:none}.c-design .sel i{position:absolute;width:5px;height:5px;background:var(--white);box-shadow:0 0 0 1px var(--cobalt)}.c-design .sel i:nth-child(1){left:-3px;top:-3px}.c-design .sel i:nth-child(2){right:-3px;top:-3px}.c-design .sel i:nth-child(3){left:-3px;bottom:-3px}.c-design .sel i:nth-child(4){right:-3px;bottom:-3px}.c-design .rows{display:grid;gap:2cqi;margin-top:3cqi}.c-design .row{display:grid;grid-template-columns:5.4cqi 1fr;gap:0 2.2cqi;align-items:center}.c-design .row b{grid-row:span 2;width:5.4cqi;height:5.4cqi;border-radius:3px;background:color-mix(in oklab,var(--pale) 45%,white)}.c-design .row .sk+.sk{margin-top:-.6cqi;background:#f0f2f5}.c-design .tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:2.2cqi 3cqi 2.6cqi;box-shadow:inset 0 1px #eef0f3}.c-design .tabs i{width:3.4cqi;height:3.4cqi;min-width:8px;min-height:8px;border-radius:2px;background:#e3e7ee}.c-design .tabs i:first-child{background:var(--cobalt)}.c-design .cls .bd .sk:first-child{margin-top:3cqi}.c-design .cls .bd .sk+.sk{margin-top:1.4cqi}.c-design .rsv{position:absolute;left:3cqi;right:3cqi;bottom:3cqi;display:grid;place-items:center;height:max(22px,8cqi);border-radius:999px;background:var(--cobalt);color:var(--white);font:500 12px/1 var(--body);white-space:nowrap}.c-design .rln{position:absolute;left:56%;top:100%;height:7px;width:1px;background:var(--signal);opacity:0;transform-origin:50% 0}.c-design .rln:before,.c-design .rln:after{content:"";position:absolute;left:-2px;width:5px;height:1px;background:var(--signal)}.c-design .rln:before{top:0}.c-design .rln:after{bottom:0}.c-design .rln b{position:absolute;left:5px;top:50%;margin-top:-8px;padding:0 3px;border-radius:2px;background:var(--signal);color:var(--white);font:500 12px/16px var(--mono)}.c-design .insp{--x: 50%;--y: 59%;--w: 46%}.c-design .ip{position:relative;display:grid;gap:1.8cqi;padding:3cqi;border-radius:6px;background:var(--white);color:var(--ink);font:400 12px/1 var(--body)}.c-design .ih{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding-bottom:.6cqi;font-weight:500;white-space:nowrap}.c-design .ih span{font-weight:400;color:var(--muted)}.c-design .fd{display:flex;align-items:center;gap:4px;height:max(22px,7.4cqi);padding:0 6px;border-radius:4px;background:#f2f4f7;white-space:nowrap;min-width:0}.c-design .fd.fam{font:500 12px/1 var(--display);letter-spacing:-.01em}.c-design .two{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqi}.c-design .fd em{font-style:normal;color:var(--muted);margin-right:2px;font-family:var(--body)}.c-design .fd.sz{position:relative;box-shadow:inset 0 0 0 1.5px var(--cobalt);background:var(--white)}.c-design .dw{display:inline-block;height:1.2em;line-height:1.2;overflow:clip;vertical-align:top}.c-design .ds{display:block;transition:transform .26s var(--ease-io)}.c-design .sz .mono{line-height:1.2}.c-design .cur{position:absolute;left:44%;top:52%;z-index:2;transform-origin:1px 1px;pointer-events:none}.c-design .cur svg{display:block;width:14px;height:15px;filter:drop-shadow(0 1px 1px rgb(36 42 51 / .25))}.c-design .cur b{position:absolute;left:12px;top:13px;padding:3px 6px 3px 5px;background:var(--cobalt);color:var(--white);font:500 12px/1 var(--body);clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%)}.c-design .ref{position:absolute;left:6%;top:62%;width:38%}.c-design .ref>p{margin-bottom:4px;font:400 12px/1 var(--body);color:var(--muted)}.c-design .rc{padding:1.8cqi 1.8cqi 2.2cqi;background:var(--white);box-shadow:0 0 0 1px #242a3314,0 6px 14px -8px #182d8340;transform:rotate(-1.5deg)}.c-design .rp{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:5.6cqi;overflow:clip;background:color-mix(in oklab,var(--deep) 40%,var(--cobalt));--top: var(--deep);--bottom: color-mix(in oklab, var(--cobalt) 45%, var(--pale))}.c-design .rp i{background:color-mix(in oklab,var(--top) var(--p),var(--bottom))}.c-design .rp .aa{position:absolute;left:2.6cqi;bottom:1.4cqi;font:500 clamp(28px,12cqi,44px)/1 var(--display);letter-spacing:-.02em;color:var(--white)}.c-design .rc>.mono{display:flex;justify-content:space-between;margin-top:1.8cqi;font-size:12px;color:var(--muted)}.c-design .ttl{transition:font-size .42s var(--e-out)}.c-design .rln,.c-design .rln b{transition:opacity .12s var(--e-out),transform .12s var(--e-out)}.sp.on .c-design .rln{opacity:1;transition:opacity .24s var(--e-out) .56s,transform .24s var(--e-out) .56s}@media(prefers-reduced-motion:no-preference){.sp.on .c-design .ttl{font-size:16px;transition:font-size .56s var(--e-out) var(--d)}.sp.on .c-design .ds{transform:translateY(-50%);transition:transform .36s var(--ease-io) 80ms}.c-design .rln{transform:scaleY(.6)}.c-design .rln b{transform:translateY(3px)}.sp.on .c-design .rln,.sp.on .c-design .rln b{transform:none}.sp.on .c-design .rln b{transition:transform .24s var(--e-out) .56s}}@media(prefers-reduced-motion:reduce){.sp.on .c-design .ds{transform:translateY(-50%)}.sp.on .c-design .ttl{font-size:16px}}.c-evaluate{--e-out: cubic-bezier(.22, 1, .36, 1)}.c-evaluate .mx{position:absolute;left:10%;right:8%;top:12%;bottom:23%;box-shadow:inset 0 0 0 1px #ffffff80}.c-evaluate .mx:before,.c-evaluate .mx:after{content:"";position:absolute;background:repeating-linear-gradient(var(--dir),rgb(255 255 255 / .55) 0 4px,transparent 4px 8px)}.c-evaluate .mx:before{--dir: 180deg;left:50%;top:0;bottom:0;width:1px}.c-evaluate .mx:after{--dir: 90deg;top:50%;left:0;right:0;height:1px}.c-evaluate .q{position:absolute;left:0;top:0;width:50%;height:50%;background:#ffffff24;opacity:0}.c-evaluate .ax{position:absolute;font:500 var(--fx)/1 var(--body);color:#ffffffe6;white-space:nowrap}.c-evaluate .ax.y{left:10%;top:calc(12% - 22px)}.c-evaluate .ax.x{right:8%;top:calc(77% + 10px)}.c-evaluate .op{position:absolute;left:var(--ox);top:var(--oy);display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:var(--white);color:var(--ink);font:500 var(--fx)/1.15 var(--body);white-space:nowrap;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);transform-origin:0 50%}.c-evaluate .op:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.c-evaluate .op .tw{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:var(--cobalt);color:var(--white);opacity:0}.c-evaluate .op .tw:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.c-evaluate .start{position:absolute;left:var(--ox);top:calc(var(--oy) + 34px);display:inline-flex;align-items:center;gap:7px;padding:6px 9px;background:var(--ink);color:var(--white);font:500 var(--fx)/1 var(--body);white-space:nowrap;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);opacity:0;transform-origin:0 0}.c-evaluate .start i{width:8px;height:8px;background:var(--signal)}.c-evaluate .q,.c-evaluate .op .tw{transition:opacity .2s var(--e-out)}.c-evaluate .op{transition:opacity .24s var(--e-out),transform .26s var(--e-out)}.c-evaluate .start{transition:opacity .14s var(--e-out),transform .14s var(--e-out)}.sp.on .c-evaluate .op:not(.best){opacity:.6;transition:opacity .28s var(--e-out) var(--d),transform .28s var(--e-out) var(--d)}.sp.on .c-evaluate .q,.sp.on .c-evaluate .op .tw,.sp.on .c-evaluate .start{opacity:1}.sp.on .c-evaluate .q{transition:opacity .24s var(--e-out) 60ms}.sp.on .c-evaluate .op .tw{transition:opacity .24s var(--e-out) .16s}.sp.on .c-evaluate .start{transition:opacity .28s var(--e-out) .42s,transform .28s var(--e-out) .42s}@media(prefers-reduced-motion:no-preference){.c-evaluate .q{opacity:1;transform:scale(0);transform-origin:100% 100%;transition:transform .26s var(--e-out)}.sp.on .c-evaluate .q{transform:none;transition:transform .52s var(--e-out) 60ms}.c-evaluate .op .tw{opacity:1;clip-path:inset(0 100% 0 0);transition:clip-path .22s var(--e-out)}.sp.on .c-evaluate .op .tw{clip-path:inset(0);transition:clip-path .38s var(--ease-io) .16s}.c-evaluate .start{transform:translateY(-6px) scale(.96)}.sp.on .c-evaluate .start{transform:none}}.c-cloud{--e-out: cubic-bezier(.22, 1, .36, 1);--hz: 72.5cqi;--rad: 36cqi;--turn: 82deg}.c-cloud .day{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;--top: color-mix(in oklab, var(--cobalt) 70%, var(--pale));--bottom: color-mix(in oklab, var(--pale) 55%, white)}.c-cloud .day .mosaic{z-index:0}.c-cloud .day:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,var(--top),var(--bottom));opacity:0;transition:opacity .38s var(--ease-io)}.sp.on .c-cloud .day:before{opacity:1;transition:opacity .9s var(--e-out) .12s}.c-cloud .day .rows9{grid-template-columns:none}.c-cloud .day .rows9>b{display:grid;grid-template-columns:repeat(6,1fr);opacity:0;transition:opacity .38s var(--ease-io)}.sp.on .c-cloud .day .rows9>b{opacity:1;transition:opacity .42s var(--e-out)}.c-cloud .stars i{position:absolute;left:var(--sx);top:var(--sy);width:var(--sz);height:var(--sz);border-radius:50%;background:var(--white);opacity:var(--so);transition:opacity .3s var(--e-out) .2s}.sp.on .c-cloud .stars i{opacity:0;transition:opacity .3s var(--e-out) calc(var(--i) * 30ms)}.c-cloud .arc{position:absolute;left:0;top:0;width:100%;height:var(--hz);overflow:clip;pointer-events:none}.c-cloud .ring,.c-cloud .dial{position:absolute;left:calc(50% - var(--rad));top:calc(var(--hz) - var(--rad));width:calc(2 * var(--rad));height:calc(2 * var(--rad));border-radius:50%}.c-cloud .ring{border:1px dashed rgb(255 255 255 / .3)}.c-cloud .orb{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);transform:rotate(var(--a)) translateY(calc(-1 * var(--rad))) rotate(calc(-1 * var(--a)))}.c-cloud .orb>i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.c-cloud .moon{--a: 38deg;--s: 9cqi}.c-cloud .moon>i{background:color-mix(in oklab,var(--pale) 60%,white);-webkit-mask:radial-gradient(circle calc(var(--s) * .4) at 70% 30%,transparent 98%,#000 100%);mask:radial-gradient(circle calc(var(--s) * .4) at 70% 30%,transparent 98%,#000 100%);filter:drop-shadow(0 0 5px rgb(171 192 239 / .45))}.c-cloud .sun{--a: 218deg;--s: 10cqi}.c-cloud .sun>i{background:var(--white);box-shadow:0 0 0 1px #ffffff80}.c-cloud .sun:before{content:"";position:absolute;top:-110%;right:-110%;bottom:-110%;left:-110%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .35),rgb(255 255 255 / .12) 55%,transparent)}.c-cloud .sunr{--a: calc(218deg + var(--turn));display:none;opacity:0}.c-cloud .night{position:absolute;left:8%;top:6cqi;right:8%;color:var(--white)}.c-cloud .clock{position:relative;display:flex;font:500 clamp(36px,16cqi,60px)/1.2 var(--display)}.c-cloud .dg{display:block;width:.6em;height:1.2em;text-align:center}.c-cloud .dg.co{width:.28em}.c-cloud .dw{overflow:clip;margin-inline:-.06em;padding-inline:.06em;box-sizing:content-box;-webkit-mask:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.c-cloud .ds{display:block;transition:transform .6s var(--ease-io)}.c-cloud .clock-r{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.c-cloud .sub{margin-top:.4cqi;max-width:88%;font:400 var(--fs)/1.35 var(--body);color:#ffffffe0}.c-cloud .sw{display:inline-grid;grid-template:auto / auto;gap:0;overflow:clip;padding-block:.15em}.c-cloud .sw>*{grid-area:1 / 1}.c-cloud .sw>:last-child{opacity:0;transition:opacity .18s var(--e-out)}.c-cloud .sw>:first-child{transition:opacity .24s var(--e-out) 60ms}.sp.on .c-cloud .sw>:first-child{opacity:0;transition:opacity .16s var(--e-out) .64s}.sp.on .c-cloud .sw>:last-child{opacity:1;transition:opacity .3s var(--e-out) .68s}.c-cloud .log{top:var(--hz)}.c-cloud .log .r{display:flex;align-items:center;gap:8px;padding:2.6cqi 4cqi;font-weight:500}.c-cloud .log .r+.r{border-top:1px solid #EEF0F3}.c-cloud .log .r .mono{margin-left:auto;color:var(--muted);font-size:var(--fx)}@media(prefers-reduced-motion:no-preference){.sp.on .c-cloud .day .rows9>b{transition-delay:calc(.12s + (8 - var(--r)) * 50ms)}.c-cloud .dial,.c-cloud .moon>i{transition:transform .6s var(--ease-io)}.sp.on .c-cloud .dial{transform:rotate(var(--turn));transition:transform 1.1s var(--ease-io);will-change:transform}.sp.on .c-cloud .moon>i{transform:rotate(calc(-1 * var(--turn)));transition:transform 1.1s var(--ease-io)}.sp.on .c-cloud .ds{transform:translateY(calc(-100% * (var(--n) - 1) / var(--n)));transition:transform 1.1s var(--ease-io);will-change:transform}.c-cloud .sw>:first-child{transition:opacity .24s var(--e-out) 60ms,transform .3s var(--e-out) 60ms}.c-cloud .sw>:last-child{transform:translateY(60%);transition:opacity .18s var(--e-out),transform .2s var(--e-out)}.sp.on .c-cloud .sw>:first-child{transform:translateY(-60%);transition:opacity .16s var(--e-out) .64s,transform .16s var(--e-out) .64s}.sp.on .c-cloud .sw>:last-child{transform:none;transition:opacity .3s var(--e-out) .68s,transform .3s var(--e-out) .68s}}@media(prefers-reduced-motion:reduce){.c-cloud .sunr,.c-cloud .clock-r{display:flex}.sp.on .c-cloud .sunr,.sp.on .c-cloud .clock-r{opacity:1}.c-cloud .clock-r{opacity:0}.sp.on .c-cloud .moon,.sp.on .c-cloud .clock>.dg{opacity:0}}.sp-sky .ic{display:inline-block;flex:none;width:12px;height:12px;background:currentColor;-webkit-mask:var(--ic) center / 100% 100% no-repeat;mask:var(--ic) center / 100% 100% no-repeat}.sp-sky .ic-ok{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 6.8l2.4 2.4 5-5.2'/%3E%3C/svg%3E")}.sp-sky .ic-web{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='4.6'/%3E%3Cpath d='M1.4 6h9.2M6 1.4c1.2 1.3 1.8 2.8 1.8 4.6S7.2 9.3 6 10.6C4.8 9.3 4.2 7.8 4.2 6S4.8 2.7 6 1.4z'/%3E%3C/svg%3E")}.sp-sky .ic-line{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 2.2h6a1.4 1.4 0 0 1 1.4 1.4v3.6A1.4 1.4 0 0 1 9 8.6H5.4l-2.2 1.7V8.6A1.4 1.4 0 0 1 1.6 7.2V3.6A1.4 1.4 0 0 1 3 2.2z'/%3E%3C/svg%3E")}.sp-sky .ic-mail{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='2.7' width='9' height='6.6' rx='1'/%3E%3Cpath d='m1.9 3.3 4.1 3.2 4.1-3.2'/%3E%3C/svg%3E")}.sp-sky .ic-home{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.4 8 3l5.5 4.4V13h-11z'/%3E%3C/svg%3E")}.sp-sky .ic-rent{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2.5h8v11l-2-1.2-2 1.2-2-1.2-2 1.2z'/%3E%3Cpath d='M6.2 6h3.6M6.2 8.6h3.6'/%3E%3C/svg%3E")}.sp-sky .ic-rooms{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h4v4H3zM9 3h4v4H9zM3 9h4v4H3zM9 9h4v4H9z'/%3E%3C/svg%3E")}.sp-sky .ic-people{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='5.2' r='2.4'/%3E%3Cpath d='M3.2 13.4c.6-2.4 2.4-3.7 4.8-3.7s4.2 1.3 4.8 3.7'/%3E%3C/svg%3E")}.sp-sky .ic-building{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5V3.2L6 1.5l3 1.7v7.3M3 10.5h6M5 10.5V7.6h2v2.9'/%3E%3C/svg%3E")}.sp-sky .ic-down{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4 5 6.5 7.5 4'/%3E%3C/svg%3E")}.sp-sky .ic-bell{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.6V5.4a3 3 0 0 1 6 0v3.2l.9.9H2.1zM5 10.6h2'/%3E%3C/svg%3E")}.sp-sky .ic-tick{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5.2l2 2 4-4.4'/%3E%3C/svg%3E")}.sp-sky .ic-lock{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5.5' width='7' height='5' rx='1'/%3E%3Cpath d='M4 5.5V4a2 2 0 0 1 4 0v1.5'/%3E%3C/svg%3E")}.sp-sky .ic-bean{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath fill-rule='evenodd' d='M6 1.2C9.1 1.2 10.8 4.3 10.8 8S9.1 14.8 6 14.8 1.2 11.7 1.2 8 2.9 1.2 6 1.2zM6.5 2.3C4.9 4.4 7.7 6.1 6.1 8S5.2 11.6 5.6 13.7l.7.1C5.9 11.7 8.6 9.9 7 8s-1.6-3.6-.1-5.6z'/%3E%3C/svg%3E")}.sp-sky .ic-chev{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 3l2.5 2.5L6.5 3'/%3E%3C/svg%3E")}.sp-sky .ic-sh{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8.2V7.4a3 3 0 0 1 6 0v.8'/%3E%3Cpath d='M5.4 8.2h13.2l-.9 11.1a1.2 1.2 0 0 1-1.2 1.1H7.5a1.2 1.2 0 0 1-1.2-1.1z'/%3E%3Cpath d='M14.1 11.7c-.5-.5-1.2-.8-2-.8-1.1 0-1.9.6-1.9 1.4 0 2 4 1.1 4 3.2 0 .9-.9 1.5-2.1 1.5-.9 0-1.7-.3-2.2-.9'/%3E%3C/svg%3E")}.sp-sky .ic-sh-s{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8.2V7.4a3 3 0 0 1 6 0v.8'/%3E%3Cpath d='M5.4 8.2h13.2l-.9 11.1a1.2 1.2 0 0 1-1.2 1.1H7.5a1.2 1.2 0 0 1-1.2-1.1z'/%3E%3Cpath d='M14.1 11.7c-.5-.5-1.2-.8-2-.8-1.1 0-1.9.6-1.9 1.4 0 2 4 1.1 4 3.2 0 .9-.9 1.5-2.1 1.5-.9 0-1.7-.3-2.2-.9'/%3E%3C/svg%3E")}.sp-sky .ic-st{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5 6 5.5h12l1.5 4'/%3E%3Cpath d='M4.5 9.5a1.875 1.875 0 0 0 3.75 0 1.875 1.875 0 0 0 3.75 0 1.875 1.875 0 0 0 3.75 0 1.875 1.875 0 0 0 3.75 0'/%3E%3Cpath d='M6 11.8V19h12v-7.2'/%3E%3Cpath d='M10.4 19v-4.2h3.2V19'/%3E%3C/svg%3E")}.sp-sky .ic-st-s{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9.5 6 5.5h12l1.5 4'/%3E%3Cpath d='M4.5 9.5a1.875 1.875 0 0 0 3.75 0 1.875 1.875 0 0 0 3.75 0 1.875 1.875 0 0 0 3.75 0 1.875 1.875 0 0 0 3.75 0'/%3E%3Cpath d='M6 11.8V19h12v-7.2'/%3E%3Cpath d='M10.4 19v-4.2h3.2V19'/%3E%3C/svg%3E")}.sp-sky .ic-ln{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C7.6 5 4 7.8 4 11.2c0 3 2.8 5.6 6.6 6.1l-.4 2.2c-.1.4.3.6.6.4l3.3-2.5c3.4-.7 5.9-3.2 5.9-6.2C20 7.8 16.4 5 12 5z'/%3E%3C/svg%3E")}.sp-sky .ic-ln-s{--ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C7.6 5 4 7.8 4 11.2c0 3 2.8 5.6 6.6 6.1l-.4 2.2c-.1.4.3.6.6.4l3.3-2.5c3.4-.7 5.9-3.2 5.9-6.2C20 7.8 16.4 5 12 5z'/%3E%3C/svg%3E")}.sp-sky .ic-ok{width:13px;height:13px;color:#1e7f4f}.c-connect .src-t .ic{color:var(--muted)}.c-data .tile .ic{width:58%;height:58%;color:var(--white)}.c-data .mti .ic{width:9px;height:9px;color:var(--white)}.c-platforms .nv .ic{width:3.8cqi;min-width:12px;height:auto;aspect-ratio:1}.c-platforms .logo .ic{width:58%;height:58%;color:var(--white)}.c-platforms .top small .ic{width:9px;height:9px;margin-left:4px;vertical-align:0}.c-platforms .gk .ic{width:10px;height:10px;color:var(--white)}.c-websites .ic-bean{width:3.6cqi;min-width:10px;height:auto;aspect-ratio:12 / 16;color:var(--white);transform:rotate(28deg)}.c-websites .nv.solid .ic-bean{color:var(--ink)}.c-websites .bag .lbl .ic-bean{width:2.6cqi;min-width:8px;margin-bottom:1.2cqi;color:var(--deep)}.c-design .fd .ic{width:8px;height:8px;margin-left:auto;color:var(--muted)}.c-design .two .fd>.ic{display:none}@container (min-width: 330px){.c-design .two .fd>.ic{display:inline-block}}.c-build .bars i:nth-child(1){--h: .3}.c-build .bars i:nth-child(2){--h: .5}.c-build .bars i:nth-child(3){--h: .78}.c-build .bars i:nth-child(4){--h: .6}.c-build .bars i:nth-child(5){--h: .92}.c-build .bars i:nth-child(6){--h: .66}.c-build .bars i:nth-child(7){--h: .84}.c-build .bars i:nth-child(8){--h: .48}.c-build .bars i:nth-child(9){--h: .3}.c-build .bars i:nth-child(10){--h: .26}.c-build .bars i:nth-child(11){--h: .7}.c-build .bars i:nth-child(12){--h: .88}.c-build .bars i:nth-child(13){--h: .62}.c-build .bars i:nth-child(14){--h: .4}.c-build .bars i:nth-child(15){--h: .28}.c-build .bars i:nth-child(16){--h: .25}.c-build .bars i:nth-child(17){--h: .55}.c-build .bars i:nth-child(18){--h: .8}.c-build .bars i:nth-child(19){--h: 1}.c-build .bars i:nth-child(20){--h: .74}.c-build .bars i:nth-child(21){--h: .58}.c-build .bars i:nth-child(22){--h: .42}.c-build .bars i:nth-child(23){--h: .3}.c-build .bars i:nth-child(24){--h: .26}.c-build .bars i:nth-child(25){--h: .72}.c-build .bars i:nth-child(26){--h: .95}.c-build .bars i:nth-child(27){--h: .8}.c-build .bars i:nth-child(28){--h: .98}.c-build .bars i:nth-child(29){--h: .76}.c-build .bars i:nth-child(30){--h: .6}.c-build .bars i:nth-child(31){--h: .66}.c-build .bars i:nth-child(32){--h: .5}.c-build .bars i:nth-child(33){--h: .38}.c-build .bars i:nth-child(34){--h: .3}.c-build .bars i:nth-child(35){--h: .27}.c-build .bars i:nth-child(36){--h: .33}.c-build .bars i:nth-child(37){--h: .26}.c-build .bars i:nth-child(38){--h: .3}.c-build .bars i:nth-child(39){--h: .25}.c-build .bars i:nth-child(40){--h: .27}.c-cloud .stars i:nth-child(1){--sx: 58%;--sy: 3.5%;--sz: 2px;--so: .7;--i: 0}.c-cloud .stars i:nth-child(2){--sx: 72%;--sy: 8%;--sz: 1.5px;--so: .55;--i: 1}.c-cloud .stars i:nth-child(3){--sx: 87%;--sy: 4.5%;--sz: 2px;--so: .7;--i: 2}.c-cloud .stars i:nth-child(4){--sx: 94%;--sy: 17%;--sz: 1.5px;--so: .5;--i: 3}.c-cloud .stars i:nth-child(5){--sx: 88%;--sy: 30%;--sz: 2px;--so: .6;--i: 4}.c-cloud .stars i:nth-child(6){--sx: 34%;--sy: 40%;--sz: 1.5px;--so: .45;--i: 5}.c-cloud .stars i:nth-child(7){--sx: 56%;--sy: 45%;--sz: 1.5px;--so: .4;--i: 6}.c-data .wrs.lit:nth-of-type(2){--d: 0ms}.c-data .wrs.lit:nth-of-type(3){--d: 80ms}.c-data .wrs.lit:nth-of-type(4){--d: .16s}.c-data .rw:nth-child(1){--d: .48s}.c-data .rw:nth-child(2){--d: .54s}.c-data .rw:nth-child(3){--d: .6s}.c-design .pic i:nth-child(1){--p: 100%}.c-design .pic i:nth-child(2){--p: 75%}.c-design .pic i:nth-child(3){--p: 100%}.c-design .pic i:nth-child(4){--p: 75%}.c-design .pic i:nth-child(5){--p: 75%}.c-design .pic i:nth-child(6){--p: 100%}.c-design .pic i:nth-child(7){--p: 50%}.c-design .pic i:nth-child(8){--p: 50%}.c-design .pic i:nth-child(9){--p: 50%}.c-design .pic i:nth-child(10){--p: 25%}.c-design .pic i:nth-child(11){--p: 50%}.c-design .pic i:nth-child(12){--p: 50%}.c-design .pic i:nth-child(13){--p: 25%}.c-design .pic i:nth-child(14){--p: 0%}.c-design .pic i:nth-child(15){--p: 0%}.c-design .pic i:nth-child(16){--p: 0%}.c-design .pic i:nth-child(17){--p: 0%}.c-design .pic i:nth-child(18){--p: 25%}.c-design .rp i:nth-child(1){--p: 100%}.c-design .rp i:nth-child(2){--p: 100%}.c-design .rp i:nth-child(3){--p: 75%}.c-design .rp i:nth-child(4){--p: 75%}.c-design .rp i:nth-child(5){--p: 75%}.c-design .rp i:nth-child(6){--p: 50%}.c-design .rp i:nth-child(7){--p: 75%}.c-design .rp i:nth-child(8){--p: 50%}.c-design .rp i:nth-child(9){--p: 25%}.c-design .rp i:nth-child(10){--p: 50%}.c-design .rp i:nth-child(11){--p: 25%}.c-design .rp i:nth-child(12){--p: 50%}.c-design .rp i:nth-child(13){--p: 25%}.c-design .rp i:nth-child(14){--p: 0%}.c-design .rp i:nth-child(15){--p: 25%}.c-design .rp i:nth-child(16){--p: 0%}.c-design .rp i:nth-child(17){--p: 0%}.c-design .rp i:nth-child(18){--p: 0%}.c-design .rp i:nth-child(19){--p: 0%}.c-design .rp i:nth-child(20){--p: 0%}.c-design .fl:nth-of-type(1){--fx-x: var(--home-x)}.c-design .fl:nth-of-type(2){--fx-x: var(--class-x)}.c-design .home :is(.ttl,.flow){--d: .18s}.c-design .cls :is(.ttl,.flow){--d: .12s}.c-evaluate .op.best,.c-evaluate .start{--ox: 5%;--oy: 24%}.c-evaluate .op.o2{--ox: 57%;--oy: 6%;--d: 0ms}.c-evaluate .op.o3{--ox: 8%;--oy: 68%;--d: 40ms}.c-evaluate .op.o4{--ox: 60%;--oy: 76%;--d: 80ms}.c-cloud .sunr{left:50%;top:var(--hz)}.c-cloud .log{--x: 8%;--w: 84%}.cap{overflow-x:clip}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--st-col-gap);row-gap:clamp(40px,3.34cqw,48px);margin:0;padding:0;list-style:none}.cap-grid>.sp{--st-i: 0;--st-step: var(--st-step-poster, 60ms)}.cap-grid:not([data-size])>.sp:nth-child(4n+2){--st-i: 1}.cap-grid:not([data-size])>.sp:nth-child(4n+3){--st-i: 2}.cap-grid:not([data-size])>.sp:nth-child(4n+4){--st-i: 3}@media(max-width:1179px){.cap-grid:not([data-size]){grid-template-columns:repeat(2,minmax(0,1fr))}.cap-grid:not([data-size])>.sp:nth-child(n){--st-i: 0}.cap-grid:not([data-size])>.sp:nth-child(2n){--st-i: 1}}@media(max-width:639px){.cap-grid:not([data-size]){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(86%,340px);column-gap:12px;row-gap:0;margin:-8px calc(-1 * var(--st-gutter));padding:8px var(--st-gutter);overflow:auto hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scroll-padding-inline:var(--st-gutter)}@media(pointer:coarse){.cap-grid:not([data-size]){scrollbar-width:none}.cap-grid:not([data-size])::-webkit-scrollbar{display:none}}@media(pointer:fine){.cap-grid:not([data-size]){scrollbar-width:thin;scrollbar-color:var(--st-rule) transparent}}.cap-grid:not([data-size])>.sp{scroll-snap-align:start}.cap-grid:not([data-size]) .sp .sp-line{--sp-line: 15px}@container (max-width: 260px){.cap-grid:not([data-size]) .sp .sp-line{--sp-line: 14px}}}@media screen and (prefers-reduced-motion:no-preference){@media(min-width:640px){.st-motion .cap-grid[data-st]:not([data-st-in]){opacity:1;transform:none}}@media(max-width:639px){.st-motion .cap-grid:not([data-size])>.sp[data-st]:not([data-st-in]){opacity:1;transform:none}}}.cap-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:clamp(56px,6cqw,88px)}.cap-foot-text{min-width:0}.cap-foot-line{margin:0;font:500 16px/1.5 var(--font-body);color:var(--st-ink, var(--ink));text-wrap:pretty}.cap-note{margin:4px 0 0;max-width:52ch;font:400 14px/1.5 var(--font-body);color:var(--st-muted);text-wrap:pretty}.cap-all{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:inherit;text-decoration:none;font:500 16px/1.5 var(--font-body)}.cap-all-text{background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;padding-bottom:2px}.cap-key{flex:none;display:block;width:32px;height:32px;color:var(--ink);overflow:visible}.cap-key .sp-key-frame{stroke:var(--st-rule)}.cap-all:focus-visible .sp-key-frame{fill:var(--ink);stroke:var(--ink);transition-duration:0s}.cap-all:focus-visible .sp-key-arrow{stroke:var(--white);transition-duration:0s}@media(hover:hover)and (pointer:fine){.cap-all:hover .sp-key-frame{fill:var(--ink);stroke:var(--ink)}.cap-all:hover .sp-key-arrow{stroke:var(--white)}.cap-all-text{transition:background-size .5s var(--st-ease)}.cap-all:hover .cap-all-text{background-size:0 1px;background-position:100% 100%}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.cap-key .sp-key-arrow{transition:stroke .15s ease,transform .15s var(--st-ease-inout)}.cap-all:is(:hover,:focus-visible) .sp-key-arrow{transform:rotate(45deg);transition:stroke .15s ease,transform .15s var(--st-ease)}.cap-all{transition:transform .15s ease-out}.cap-all:active{transform:scale(.96)}}:lang(th) .cap-foot-line{line-height:1.6}.cap-heading{margin:0 0 clamp(28px,2.6cqw,40px);font:500 var(--st-type-3)/1.2 var(--font-display);letter-spacing:-.02em;text-wrap:balance}:lang(th) .cap-heading{font-weight:700;letter-spacing:0;line-height:1.4}.cap-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--st-col-gap)}.cap-wall>.cap-grid{grid-area:1 / 1 / 2 / -1;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(48px,4.45cqw,64px)}.cap-grid[data-size=page]>.sp:nth-child(3n+2){--st-i: 1}.cap-grid[data-size=page]>.sp:nth-child(3n){--st-i: 2}.cap-grid[data-size=page] .sp-line{min-height:calc(2em * var(--sp-line-lh, 1.5))}@media(min-width:900px){.cap-wall>.cap-foot-text{grid-area:1 / 3 / 2 / 4;align-self:end;container-type:inline-size}.cap-wall>.cap-foot-text>.cap-note{margin-bottom:67px}:lang(th) .cap-wall>.cap-foot-text>.cap-note{margin-bottom:70.4px}@container (max-width: 275px){.cap-wall>.cap-foot-text>.cap-note{margin-bottom:64px}:lang(th) .cap-wall>.cap-foot-text>.cap-note{margin-bottom:67px}}@container (max-width: 260px){.cap-wall>.cap-foot-text>.cap-note{margin-bottom:58px}:lang(th) .cap-wall>.cap-foot-text>.cap-note{margin-bottom:63.6px}}}@media(max-width:899px){.cap-wall{grid-template-columns:minmax(0,1fr)}.cap-wall>.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-grid[data-size=page]>.sp:nth-child(n){--st-i: 0}.cap-grid[data-size=page]>.sp:nth-child(2n){--st-i: 1}.cap-wall>.cap-foot-text{margin:clamp(48px,7cqw,64px) 0 0}}@media(max-width:599px){.cap-wall>.cap-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--st-stack, 56px)}.cap-grid[data-size=page]>.sp:nth-child(n){--st-i: 0}.cap-grid[data-size=page] .sp .sp-line{--sp-line: 16px;min-height:0}.cap-grid[data-size=page] .sp-name{min-height:0}}@media(forced-colors:active){.cap-key .sp-key-frame,.cap-key .sp-key-arrow{stroke:CanvasText}}