.hx{--hx-ease:cubic-bezier(.22, 1, .36, 1);--hx-spring:cubic-bezier(.34, 1.45, .5, 1);--hx-nav:108px;isolation:isolate;margin-top:calc(var(--hx-nav) * -1);padding:calc(var(--hx-nav) + 56px) 0 40px;position:relative;overflow:hidden}.hx-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hx-blob{filter:blur(90px);border-radius:50%;animation:24s ease-in-out infinite alternate hx-drift;position:absolute}.hx-blob-1{background:#0885ac47;width:620px;height:620px;top:-120px;right:-80px}.hx-blob-2{background:#78a0e142;width:520px;height:520px;animation-duration:28s;animation-delay:-9s;top:30%;left:-220px}.hx-blob-3{background:#5fd0f03d;width:440px;height:440px;animation-duration:32s;animation-delay:-16s;bottom:-200px;left:40%}.hx-grid{background-image:linear-gradient(#172c440d 1px,#0000 1px),linear-gradient(90deg,#172c440d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 65% 45%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 65% 45%,#000,#0000 75%)}.hx-inner{grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:1400px;min-height:620px;margin:0 auto;padding:0 6%;display:grid}.hx-chip{letter-spacing:.02em;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9;border-radius:999px;align-items:center;gap:10px;margin:0;padding:8px 16px 8px 10px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #172c4414,0 10px 30px -14px #172c4440}.hx-chip-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 10px #0885accc}.hx-chip-dot:after{content:"";border:1px solid var(--teal);animation:hx-ping 2.2s var(--hx-ease) infinite;border-radius:50%;position:absolute;inset:0}.hx-chip-sep{background:#172c442e;width:1px;height:12px}.hx-chip-muted{color:var(--muted);font-weight:500}.hx-title{letter-spacing:-.05em;color:var(--ink);margin:28px 0 26px;font-size:clamp(48px,5.3vw,80px);font-weight:500;line-height:1;position:relative}.hx-title>.hx-line{color:inherit;font-size:inherit;white-space:normal;margin-bottom:-.2em;padding-bottom:.2em;display:block;overflow:hidden}.hx-line>span{display:inline-block}.hx-line>.hx-gradient{white-space:nowrap;background:linear-gradient(100deg, var(--navy) 0%, var(--teal) 30%, #45c3e6 50%, var(--teal) 70%, var(--navy) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:-.14em;padding-bottom:.14em}.hx-lead{max-width:470px;color:var(--muted);margin:0;font-size:16px;line-height:1.75}.hx-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hx-btn{isolation:isolate;white-space:nowrap;height:58px;transition:transform .45s var(--hx-spring), box-shadow .45s ease, background .4s ease;border-radius:999px;align-items:center;gap:14px;padding:0 7px 0 26px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.hx-btn:before{content:"";z-index:-1;transition:transform .9s var(--hx-ease);background:linear-gradient(105deg,#0000 35%,#ffffff4d 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}.hx-btn:hover{transform:translateY(-2px)}.hx-btn:hover:before{transform:translate(100%)}.hx-btn:active{transform:scale(.97)}.hx-btn-icon{width:44px;height:44px;transition:transform .5s var(--hx-spring), background .3s ease;border-radius:50%;place-items:center;display:grid}.hx-btn-icon svg{transition:transform .5s var(--hx-spring)}.hx-btn-primary{color:#fff;background:linear-gradient(135deg, var(--navy), #13294b);box-shadow:inset 0 1px #ffffff2e,0 18px 40px -16px #1d3a6abf}.hx-btn-primary:hover{box-shadow:inset 0 1px #ffffff2e,0 24px 50px -16px #0885aca6}.hx-btn-primary .hx-btn-icon{color:var(--navy);background:#fff}.hx-btn-primary:hover .hx-btn-icon svg{transform:rotate(45deg)}.hx-btn-glass{color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8c;box-shadow:inset 0 0 0 1px #172c441f,0 12px 30px -18px #172c4459}.hx-btn-glass:hover{background:#ffffffd9}.hx-btn-glass .hx-btn-icon{background:#172c440f}.hx-btn-glass:hover .hx-btn-icon svg{animation:hx-bob .9s var(--hx-ease)}.hx-btn:focus-visible,.hx-tags a:focus-visible,.hx-scroll:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.hx-tags{flex-wrap:wrap;gap:8px;margin:40px 0 0;padding:0;list-style:none;display:flex}.hx-tags a{color:#172c44cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s var(--hx-spring), background .3s ease, color .3s ease, box-shadow .3s ease;background:#ffffff80;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:12.5px;display:inline-flex;box-shadow:inset 0 0 0 1px #172c4414}.hx-tags a span{color:#066d8e;background:#0885ac1a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:600;transition:background .3s,color .3s;display:grid}.hx-tags a:hover{color:var(--ink);background:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0885ac40,0 10px 24px -14px #0885ac99}.hx-tags a:hover span{color:#fff;background:var(--teal)}.hx-visual{justify-content:center;align-items:center;display:flex}.hx-stage{--px:0;--py:0;aspect-ratio:1;perspective:1200px;width:100%;max-width:640px;position:relative;container-type:inline-size}.hx-tilt{transform-style:preserve-3d;transform:rotateX(calc(var(--py) * -6deg)) rotateY(calc(var(--px) * 8deg));transition:transform .9s var(--hx-ease);position:absolute;inset:0}.hx-layer{transform-style:preserve-3d;transform:translate3d(calc(var(--px) * var(--d) * 1px), calc(var(--py) * var(--d) * 1px), 0);transition:transform 1s var(--hx-ease);pointer-events:none;position:absolute;inset:0}.hx-halo{width:74cqw;height:74cqw;animation:hx-scale-in 1.4s var(--hx-ease) .2s both;background:radial-gradient(circle at 35% 30%,#ffffffbf,#fff3 60%,#ffffff0d);border-radius:50%;position:absolute;top:13cqw;left:13cqw;box-shadow:inset 0 0 0 1px #fffc,inset 0 -30px 60px #0885ac14,0 40px 100px -40px #172c4440}.hx-orb{background:radial-gradient(circle at 32% 28%, #effcff 0%, #8ee0f7 10%, #1aa6c9 32%, var(--teal) 46%, var(--navy) 78%, #0e1f3b 100%);width:40cqw;height:40cqw;animation:hx-scale-in 1.4s var(--hx-ease) .35s both, hx-breathe 8s ease-in-out 1.8s infinite;border-radius:50%;position:absolute;top:30cqw;left:30cqw;box-shadow:inset -2.5cqw -3cqw 6cqw #0612268c,inset 1.5cqw 1.5cqw 4cqw #ffffff40,0 6cqw 14cqw -3cqw #0885ac8c}.hx-orb:after{content:"";filter:blur(1.2cqw);background:linear-gradient(#ffffffb3,#0000);border-radius:50%;width:40%;height:26%;position:absolute;top:10%;left:16%;transform:rotate(-24deg)}.hx-ring{transform-style:preserve-3d;animation:hx-spin var(--spd) linear infinite;border-radius:50%;position:absolute;top:50%;left:50%}.hx-ring-1{--size:64cqw;--tx:72deg;--ty:-16deg;--spd:16s;width:var(--size);height:var(--size);margin:calc(var(--size) / -2);border:1.5px solid #0885ac73}.hx-ring-2{--size:84cqw;--tx:76deg;--ty:20deg;--spd:26s;width:var(--size);height:var(--size);margin:calc(var(--size) / -2);border:1.2px dashed #1d3a6a66;animation-direction:reverse}.hx-ring-3{--size:98cqw;--tx:80deg;--ty:4deg;--spd:40s;width:var(--size);height:var(--size);margin:calc(var(--size) / -2);border:1px solid #0885ac38}.hx-spark{background:#5fd0f0;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 12px 3px #5fd0f0cc,0 0 30px 6px #0885ac66}.hx-ring-2 .hx-spark{background:var(--navy);width:8px;height:8px;top:auto;bottom:-4px;box-shadow:0 0 12px 2px #1d3a6a80}.hx-card{color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);animation:hx-pop 1.1s var(--hx-ease) calc(.7s + var(--c) * .16s) both, hx-float 7s ease-in-out calc(2s + var(--c) * .8s) infinite;background:linear-gradient(160deg,#fffc,#ffffff6b);border-radius:3.4cqw;padding:2.2cqw;font-size:max(9px,2.1cqw);position:absolute;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff9,0 0 0 1px #172c440d,0 30px 60px -26px #172c4461}.hx-card strong{letter-spacing:-.01em;font-size:1.12em;font-weight:600;display:block}.hx-card-ui{width:40cqw;top:5cqw;left:0}.hx-window{background:#fff;border-radius:2cqw;position:relative;overflow:hidden;box-shadow:0 0 0 1px #172c440f}.hx-window-bar{border-bottom:1px solid #172c440f;gap:.8cqw;padding:1.4cqw 1.6cqw;display:flex}.hx-window-bar i{background:#172c4426;border-radius:50%;width:1.2cqw;height:1.2cqw}.hx-window-bar i:first-child{background:var(--teal)}.hx-window-body{gap:1.1cqw;padding:2cqw 1.8cqw 2.2cqw;display:grid}.hx-sk{background:#172c4417;border-radius:1cqw;width:80%;height:1.2cqw;display:block}.hx-sk-title{background:var(--ink);opacity:.85;width:62%;height:2cqw}.hx-sk-short{width:52%}.hx-sk-media{background:radial-gradient(circle at 70% 40%, #ffffff8c, transparent 40%), linear-gradient(135deg, #5fd0f0, var(--teal) 50%, var(--navy));border-radius:1.4cqw;height:9cqw}.hx-sk-btn{background:var(--navy);border-radius:999px;justify-self:start;width:13cqw;height:3.4cqw;animation:6s ease-in-out 2.4s infinite hx-press}.hx-cursor{width:3.2cqw;height:3.2cqw;fill:var(--ink);stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 2px 3px #00000040);animation:hx-cursor 6s var(--hx-ease) 2.4s infinite;position:absolute;top:30%;left:70%}.hx-card-meta{flex-direction:column;gap:.4cqw;padding:1.8cqw .6cqw .2cqw;display:flex}.hx-card-meta span{color:var(--muted)}.hx-card-code{color:#d6e6f5;background:linear-gradient(160deg,#1d3a6adb,#0c1a2ed1);width:39cqw;padding:0;top:20cqw;right:-1cqw;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff0f,0 30px 60px -24px #0c1a2e99}.hx-code-head{color:#ffffff8c;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.6cqw 2.2cqw;font-size:.9em;display:flex}.hx-code-head i{background:#4fe0b0;border-radius:50%;width:1.2cqw;height:1.2cqw;box-shadow:0 0 8px #4fe0b0}.hx-card-code code{gap:.7cqw;padding:2.2cqw;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1em;display:grid}.hx-card-code code>span{width:calc(var(--w) * 1ch);white-space:pre;animation:hx-type .55s steps(var(--w)) calc(1.5s + var(--k) * .4s) both;display:block;overflow:hidden}.hx-card-code code>span:last-child:after{content:"";vertical-align:-.15em;background:#5fd0f0;width:.55em;height:1.05em;margin-left:2px;animation:1s step-end infinite hx-caret;display:inline-block}.hx-card-code em{color:#7fd6f2;font-style:normal}.hx-card-code b{color:#f2c879;font-weight:500}.hx-card-check{width:33cqw;bottom:7cqw;left:4cqw}.hx-card-check ul{gap:1.3cqw;margin:1.8cqw 0 0;padding:0;list-style:none;display:grid}.hx-card-check li{align-items:center;gap:1.3cqw;display:flex}.hx-tick{background:var(--teal);width:3.2cqw;height:3.2cqw;animation:hx-tick-bg .5s ease calc(2s + var(--k) * .45s) both;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 10px #0885ac73}.hx-tick svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:0;width:70%;height:70%;animation:hx-draw .5s var(--hx-ease) calc(2.15s + var(--k) * .45s) both}.hx-card-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:1.2cqw;padding:1.6cqw 2.4cqw 1.6cqw 1.8cqw;font-weight:600;display:flex;bottom:14cqw;right:5cqw}.hx-live{background:#22c993;border-radius:50%;width:1.6cqw;min-width:7px;height:1.6cqw;min-height:7px;position:relative;box-shadow:0 0 10px #22c993}.hx-live:after{content:"";animation:hx-ping 2.2s var(--hx-ease) infinite;border:1px solid #22c993;border-radius:50%;position:absolute;inset:0}.hx-foot{max-width:1400px;margin:36px auto 0;padding:0 6%}.hx-foot-bar{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff80;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:10px 10px 10px 28px;font-size:11px;font-weight:500;display:flex;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #172c4412,0 16px 40px -24px #172c444d}.hx-foot-bar em{color:var(--ink);font-style:normal}.hx-scroll{color:var(--ink);transition:background .3s ease, transform .4s var(--hx-spring);background:#ffffffbf;border-radius:999px;align-items:center;gap:12px;padding:7px 18px 7px 8px;display:inline-flex;box-shadow:inset 0 0 0 1px #172c4414}.hx-scroll:hover{background:#fff;transform:translateY(-1px)}.hx-mouse{border:1.5px solid var(--ink);border-radius:12px;width:20px;height:30px;position:relative}.hx-mouse i{background:var(--teal);width:3px;height:6px;animation:hx-wheel 1.8s var(--hx-ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:6px;left:50%}@keyframes hx-pop{0%{opacity:0;filter:blur(8px);transform:translateY(26px)scale(.92)}}@keyframes hx-scale-in{0%{opacity:0;transform:scale(.7)}}@keyframes hx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hx-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes hx-spin{0%{transform:rotateX(var(--tx)) rotateY(var(--ty)) rotateZ(0deg)}to{transform:rotateX(var(--tx)) rotateY(var(--ty)) rotateZ(360deg)}}@keyframes hx-type{0%{width:0}}@keyframes hx-caret{50%{opacity:0}}@keyframes hx-tick-bg{0%{box-shadow:none;background:#0885ac1f}}@keyframes hx-draw{0%{stroke-dashoffset:14px}}@keyframes hx-cursor{0%,to{top:30%;left:70%;transform:scale(1)}35%{top:84%;left:18%;transform:scale(1)}42%{transform:scale(.8)}50%{top:84%;left:18%;transform:scale(1)}}@keyframes hx-press{0%,38%,48%,to{background:var(--navy);transform:scale(1)}42%{background:var(--teal);transform:scale(.94)}}@keyframes hx-ping{to{opacity:0;transform:scale(3)}}@keyframes hx-drift{50%{transform:translate(50px,40px)scale(1.1)}to{transform:translate(-40px,70px)scale(.95)}}@keyframes hx-bob{45%{opacity:0;transform:translateY(12px)}46%{opacity:0;transform:translateY(-12px)}}@keyframes hx-wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(9px)}to{opacity:0;transform:translateY(0)}}@media (max-width:1100px){.hx-inner{grid-template-columns:1fr .9fr;gap:24px}.hx-title{font-size:clamp(44px,5.6vw,64px)}}@media (max-width:900px){.hx{--hx-nav:84px;padding-top:calc(var(--hx-nav) + 36px)}.hx-inner{grid-template-columns:1fr;gap:20px;min-height:0}.hx-title{font-size:clamp(44px,10vw,76px)}.hx-stage{max-width:520px}}@media (max-width:560px){.hx-title{margin:24px 0 20px;font-size:clamp(38px,11.5vw,54px)}.hx-line>.hx-gradient{white-space:normal}.hx-lead{font-size:15px}.hx-actions{margin-top:30px}.hx-btn{height:54px;padding-left:22px}.hx-btn-icon{width:40px;height:40px}.hx-tags{margin-top:30px}.hx-tags a{font-size:12px}.hx-foot-bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;justify-content:center;padding:0}.hx-foot-bar>span,.hx-chip-sep,.hx-chip-muted{display:none}}@media (prefers-reduced-motion:reduce){.hx *,.hx :before,.hx :after{transition-duration:.01ms!important;animation:none!important}}
.cs{--cs-ease:cubic-bezier(.22, 1, .36, 1);--cs-spring:cubic-bezier(.34, 1.45, .5, 1);max-width:1400px;margin:0 auto;padding:28px 6% 0}.cs-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.cs-tile{--mx:50%;isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);transition:transform .6s var(--cs-spring), box-shadow .5s ease;background:linear-gradient(165deg,#ffffffbf,#fff6);border-radius:28px;flex-direction:column;padding:22px 22px 24px;display:flex;position:relative;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff9,0 0 0 1px #172c440d,0 24px 50px -34px #172c4466}.cs-tile:hover{transform:translateY(-6px);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff9,0 0 0 1px #0885ac1f,0 34px 60px -32px #0885ac73}.cs-tile:before{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--nav-angle,0deg), #fff3, #0885acbf 15%, #fff3 32%, #5fd0f099 55%, #fff3 75%, #1d3a6a80 90%, #fff3);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.2px;transition:opacity .5s;animation:8s linear infinite cs-rim;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cs-tile:hover:before{opacity:1}.cs-tile:after{content:"";z-index:-1;opacity:.6;width:150px;height:150px;transition:opacity .5s ease, transform .8s var(--cs-ease);pointer-events:none;background:radial-gradient(closest-side,#0885ac29,#0000);border-radius:50%;position:absolute;top:-10px;left:-10px}.cs-tile:hover:after{opacity:1;transform:scale(1.2)}.cs-tile-top{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.cs-orb{perspective:300px;place-items:center;width:52px;height:52px;display:grid;position:relative}.cs-orb-core{z-index:1;background:radial-gradient(circle at 32% 28%, #effcff 0%, #8ee0f7 12%, #1aa6c9 34%, var(--teal) 48%, var(--navy) 80%, #0e1f3b 100%);width:30px;height:30px;transition:transform .6s var(--cs-spring), box-shadow .5s ease;border-radius:50%;position:relative;box-shadow:inset -3px -4px 8px #06122680,0 6px 16px -4px #0885ac99}.cs-orb-ring{transform-style:preserve-3d;animation:7s linear infinite cs-orbit;animation-delay:calc(var(--i) * -1.7s);border:1.2px solid #0885ac73;border-radius:50%;position:absolute;inset:2px}.cs-orb-ring:after{content:"";background:#5fd0f0;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 8px 2px #5fd0f0cc}.cs-tile:hover .cs-orb-core{transform:scale(1.12);box-shadow:inset -3px -4px 8px #06122680,0 8px 22px -2px #0885accc}.cs-tile:hover .cs-orb-ring{animation-duration:2.4s}.cs-num{font-variant-numeric:tabular-nums;color:#172c448c;background:#ffffffb3;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;transition:color .3s,background .3s;box-shadow:inset 0 0 0 1px #172c4412}.cs-tile:hover .cs-num{color:#fff;background:var(--navy)}.cs-title{letter-spacing:-.035em;color:var(--ink);margin:0 0 14px;font-size:clamp(20px,1.75vw,26px);font-weight:500;line-height:1.12}.cs-title span{background:linear-gradient(100deg, var(--navy), var(--teal) 60%, #45c3e6);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}.cs-detail{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 0;margin:auto 0 0;font-size:12.5px;display:flex}.cs-detail span{align-items:center;display:inline-flex}.cs-detail i{background:var(--teal);border-radius:50%;width:3px;height:3px;margin:0 8px}@supports (animation-timeline:view()){.cs-tile{animation:linear both cs-rise;animation-timeline:view();animation-range:entry calc(var(--i) * 6%) entry calc(55% + var(--i) * 6%)}}@keyframes cs-orbit{0%{transform:rotateX(68deg)rotateY(-14deg)rotate(0)}to{transform:rotateX(68deg)rotateY(-14deg)rotate(360deg)}}@keyframes cs-rim{to{--nav-angle:360deg}}@keyframes cs-rise{0%{opacity:0;translate:0 36px}}@media (max-width:1000px){.cs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cs{padding-top:20px}.cs-grid{gap:10px}.cs-tile{border-radius:22px;padding:16px 16px 18px}.cs-tile-top{margin-bottom:18px}.cs-orb{width:42px;height:42px}.cs-orb-core{width:24px;height:24px}.cs-title{font-size:19px}.cs-detail{font-size:11.5px}.cs-detail i{margin:0 6px}}@media (prefers-reduced-motion:reduce){.cs *,.cs :before,.cs-tile,.cs-tile:before{transition-duration:.01ms!important;animation:none!important}}
.wk{--wk-ease:cubic-bezier(.22, 1, .36, 1);--wk-spring:cubic-bezier(.34, 1.45, .5, 1);isolation:isolate;padding:110px 0 120px;position:relative;overflow:hidden}.wk-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.wk-bg span{filter:blur(100px);border-radius:50%;animation:26s ease-in-out infinite alternate wk-drift;position:absolute}.wk-bg span:first-child{background:#0885ac29;width:560px;height:560px;top:18%;left:-200px}.wk-bg span:last-child{background:#78a0e12e;width:520px;height:520px;animation-delay:-12s;bottom:0;right:-160px}.wk-inner{max-width:1400px;margin:0 auto;padding:0 6%}.wk-head{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px;display:flex}.wk-chip{color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9;border-radius:999px;align-items:center;gap:10px;margin:0 0 26px;padding:7px 7px 7px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #172c4414,0 10px 30px -14px #172c4440}.wk-chip-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #0885accc}.wk-chip-num{color:#fff;background:var(--navy);border-radius:999px;place-items:center;height:24px;padding:0 9px;font-size:11px;display:grid}.wk-title{letter-spacing:-.045em;margin:0;font-size:clamp(40px,4.8vw,72px);font-weight:500;line-height:1.02}.wk-gradient{background:linear-gradient(100deg, var(--navy), var(--teal) 55%, #45c3e6);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.1em}.wk-intro{max-width:360px}.wk-intro p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.wk-intro .wk-note{background:#ffffff8c;border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:6px 14px 6px 6px;font-size:12px;line-height:1.4;display:inline-flex;box-shadow:inset 0 0 0 1px #172c4414}.wk-note span{color:#066d8e;background:#0885ac1f;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-family:Georgia,serif;font-size:11px;font-style:italic;font-weight:600;display:grid}.wk-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.wk-wide{grid-column:span 7}.wk-narrow{grid-column:span 5}.wk-full{grid-column:1/-1}.wk-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--wk-ease), box-shadow .5s ease;background:linear-gradient(165deg,#ffffffc7,#ffffff73);border-radius:34px;flex-direction:column;padding:10px;display:flex;position:relative;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff9,0 0 0 1px #172c440d,0 40px 80px -48px #172c4473}.wk-card:hover{box-shadow:inset 0 1px #fff,inset 0 0 0 1px #fff9,0 0 0 1px #0885ac1f,0 50px 90px -46px #0885ac73}.wk-card:before{content:"";z-index:3;border-radius:inherit;background:conic-gradient(from var(--nav-angle,0deg), #fff3, #0885acbf 15%, #fff3 32%, #5fd0f099 55%, #fff3 75%, #1d3a6a80 90%, #fff3);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.2px;transition:opacity .5s;animation:8s linear infinite wk-rim;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wk-card:hover:before{opacity:1}.wk-card:after{content:"";z-index:2;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my), #ffffff47, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.wk-card:hover:after{opacity:1}.wk-art{border-radius:26px;height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #172c440f}.wk-full .wk-art{height:460px}.wk-mock{transition:transform 1s var(--wk-ease);padding:32px;position:absolute;inset:0}.wk-card:hover .wk-mock{transform:scale(1.035)}.wk-badge,.wk-index{z-index:4;height:32px;color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#ffffff9e;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:16px;box-shadow:inset 0 1px #ffffffe6,0 8px 20px -10px #172c4459}.wk-badge{opacity:0;transition:opacity .4s ease, transform .5s var(--wk-spring);left:auto;right:16px;transform:translateY(-8px)}.wk-card:hover .wk-badge,.wk-card:focus-within .wk-badge{opacity:1;transform:none}.wk-badge i{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #0885accc}.wk-index{font-variant-numeric:tabular-nums;padding:0 12px;inset:auto 16px 16px auto}.wk-index small{color:var(--muted);font-size:10px}.wk-meta{justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 14px 12px 16px;display:flex}.wk-meta h3{letter-spacing:-.025em;margin:0 0 8px;font-size:21px;font-weight:500}.wk-meta p{max-width:460px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.wk-tags{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.wk-tags li{color:#172c44bf;background:#ffffffb3;border-radius:999px;padding:6px 12px;font-size:11.5px;box-shadow:inset 0 0 0 1px #172c4414}.wk-link{z-index:4;white-space:nowrap;height:48px;color:var(--ink);transition:color .35s ease, background .35s ease, box-shadow .35s ease, transform .45s var(--wk-spring);background:#ffffffbf;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:0 5px 0 18px;font-size:13px;font-weight:500;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #172c441a,0 10px 24px -16px #172c4466}.wk-link-icon{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:38px;height:38px;transition:background .35s,color .35s;display:grid}.wk-link-icon svg{transition:transform .5s var(--wk-spring)}.wk-card:hover .wk-link{color:#fff;background:linear-gradient(135deg, var(--navy), #13294b);box-shadow:0 14px 30px -14px #1d3a6acc}.wk-card:hover .wk-link-icon{color:var(--navy);background:#fff}.wk-link:hover{transform:translateY(-2px)}.wk-link:hover .wk-link-icon svg{transform:rotate(45deg)}.wk-link:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.wk-mini-nav{z-index:2;justify-content:space-between;align-items:center;padding-right:140px;font-size:9px;display:flex;position:relative}.wk-mini-nav b{letter-spacing:1px;font-family:Georgia,serif;font-size:19px}.wk-serif{z-index:2;margin:34px 0 0;font-family:Georgia,serif;font-size:clamp(30px,3vw,40px);line-height:1.05;position:relative}.wk-caption{z-index:3;letter-spacing:1.5px;font-size:8px;position:absolute;bottom:26px;left:32px}.wk-forma{color:#41473e;background:radial-gradient(80% 60% at 85% 10%,#ffffffb3,#0000),#e9e7df}.wk-arches{align-items:flex-end;gap:10px;width:54%;height:250px;display:flex;position:absolute;bottom:0;right:28px;transform:skewY(-8deg)}.wk-arches i{width:33%;height:100%;transition:transform .9s var(--wk-spring);background:linear-gradient(90deg,#a9aa97,#d6d6c1 72%,#8e947f);border-radius:100px 100px 0 0;box-shadow:14px 14px 26px #323d3729}.wk-arches i:nth-child(2){height:82%;transition-delay:60ms}.wk-arches i:nth-child(3){height:64%;transition-delay:.12s}.wk-card:hover .wk-arches i{transform:translateY(-14px)}.wk-ora{color:#684838;background:radial-gradient(70% 60% at 80% 20%,#ffffff8c,#0000),#e9d9c9}.wk-ora .wk-mini-nav b{font-size:27px}.wk-ora .wk-mini-nav{padding-right:0}.wk-ora .wk-mini-nav span{display:none}.wk-product{width:220px;height:240px;position:absolute;bottom:0;right:30px;transform:rotate(-9deg)}.wk-bottle{z-index:2;width:88px;height:160px;transition:transform .9s var(--wk-spring);background:linear-gradient(90deg,#bc7247,#d69b6d 40%,#ab633c);border-radius:22px 22px 12px 12px;position:absolute;bottom:18px;left:0;box-shadow:14px 18px 26px #593e3633}.wk-bottle:before{content:"";background:repeating-linear-gradient(90deg,#d1ba9f 0 2px,#b69d81 2px 3px);border-radius:6px;width:50px;height:32px;position:absolute;top:-25px;left:19px}.wk-bottle>span{text-align:center;background:#eee5d2;margin-top:44px;padding:12px;font-family:Georgia,serif;font-size:23px;display:block}.wk-bottle small{letter-spacing:1px;margin-top:8px;font-family:Arial,sans-serif;font-size:5px;display:block}.wk-box{background:#f2eadb;border-radius:8px;width:112px;height:226px;padding:27px 16px;font-family:Georgia,serif;font-size:32px;position:absolute;bottom:-16px;left:96px;box-shadow:12px 12px #cebba6}.wk-box>span{letter-spacing:1px;margin-top:60px;font-family:Arial,sans-serif;font-size:6px;display:block}.wk-card:hover .wk-bottle{transform:translateY(-16px)rotate(-3deg)}.wk-flow{background:radial-gradient(60% 70% at 15% 10%,#5fd0f059,#0000),radial-gradient(50% 60% at 90% 90%,#1d3a6a2e,#0000),linear-gradient(160deg,#e6f1f4,#d3e3ea);justify-content:center;padding-top:64px;display:flex}.wk-flow:before{content:"";background-image:linear-gradient(#172c440d 1px,#0000 1px),linear-gradient(90deg,#172c440d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000)}.wk-dash{transform-origin:50% 0;width:min(78%,980px);height:380px;transition:transform 1s var(--wk-ease);background:#f9fafc;border-radius:18px;display:flex;position:relative;overflow:hidden;transform:perspective(1400px)rotateX(10deg)rotate(-2deg);box-shadow:0 0 0 1px #172c440f,0 40px 70px -30px #1d3a6a73}.wk-card:hover .wk-dash{transform:perspective(1400px)rotateX(0)rotate(0)}.wk-dash aside{color:#c7d8dd;background:linear-gradient(#173844,#12303b);flex-direction:column;gap:22px;width:24%;padding:26px 20px;font-size:10px;display:flex}.wk-dash aside b{color:#fff;margin-bottom:18px;font-size:22px}.wk-dash aside .is-on{color:#fff;background:#ffffff1a;border-radius:999px;margin:-6px -10px;padding:6px 10px}.wk-dash-main{width:76%;padding:30px}.wk-dash-head{letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:18px;display:flex}.wk-dash-head span{letter-spacing:0;color:#fff;background:#1d645d;border-radius:999px;padding:8px 14px;font-size:9px}.wk-dash-stats{gap:12px;margin:26px 0;display:flex}.wk-dash-stats div{color:var(--muted);background:#fff;border-radius:14px;flex:1;padding:14px;font-size:9px;box-shadow:inset 0 0 0 1px #e3e9ec}.wk-dash-stats strong{color:var(--ink);margin-top:10px;font-size:26px;font-weight:500;display:block}.wk-chart{background:#fff;border-radius:14px;height:170px;padding:16px;font-size:10px;box-shadow:inset 0 0 0 1px #e3e9ec}.wk-bars{align-items:flex-end;gap:12px;height:108px;margin-top:16px;display:flex}.wk-bars i{height:var(--h);transform-origin:bottom;background:#b8d7d3;border-radius:6px 6px 2px 2px;flex:1}.wk-bars i:nth-child(3n){background:linear-gradient(#5aa79d,#3c7f77)}.wk-float-card{z-index:3;width:190px;color:var(--muted);-webkit-backdrop-filter:blur(16px)saturate(170%);backdrop-filter:blur(16px)saturate(170%);background:#ffffffa6;border-radius:18px;padding:16px;font-size:10px;animation:7s ease-in-out infinite wk-float;position:absolute;bottom:40px;right:6%;box-shadow:inset 0 1px #fff,0 24px 50px -24px #172c4480}.wk-float-card strong{color:var(--ink);margin:4px 0 12px;font-size:16px;font-weight:600;display:block}.wk-progress{background:#172c4414;border-radius:999px;height:6px}.wk-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #5fd0f0);width:72%;height:100%;display:block;box-shadow:0 0 10px #0885ac99}@supports (animation-timeline:view()){.wk-card{animation:linear both wk-rise;animation-timeline:view();animation-range:entry entry 45%}.wk-head{animation:linear both wk-rise;animation-timeline:view();animation-range:entry entry 60%}.wk-bars i{animation:linear both wk-grow;animation-timeline:view();animation-range:entry calc(20% + var(--b) * 2%) cover 45%}.wk-progress i{animation:linear both wk-fill;animation-timeline:view();animation-range:entry 30% cover 50%}}@keyframes wk-rise{0%{opacity:0;translate:0 60px}}@keyframes wk-grow{0%{transform:scaleY(.05)}}@keyframes wk-fill{0%{width:0}}@keyframes wk-float{50%{transform:translateY(-10px)}}@keyframes wk-rim{to{--nav-angle:360deg}}@keyframes wk-drift{50%{transform:translate(60px,40px)scale(1.1)}to{transform:translate(-30px,80px)scale(.95)}}@media (max-width:1100px){.wk-wide,.wk-narrow{grid-column:span 6}.wk-art{height:380px}.wk-meta{flex-direction:column;align-items:flex-start}.wk-full .wk-meta{flex-direction:row;align-items:flex-end}}@media (max-width:860px){.wk{padding:80px 0 90px}.wk-head{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:40px}.wk-grid{grid-template-columns:1fr;gap:20px}.wk-wide,.wk-narrow,.wk-full{grid-column:auto}.wk-full .wk-meta{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.wk-card{border-radius:28px;padding:8px}.wk-art,.wk-full .wk-art{border-radius:22px;height:330px}.wk-mock{padding:24px}.wk-mini-nav{padding-right:0}.wk-mini-nav span{display:none}.wk-caption{bottom:20px;left:24px}.wk-arches{height:200px;right:18px}.wk-product{transform-origin:100% 100%;right:0;transform:rotate(-9deg)scale(.85)}.wk-flow{padding:40px 14px 0}.wk-dash{border-radius:14px;width:100%;height:300px}.wk-dash aside{gap:18px;padding:18px 12px;font-size:8px}.wk-dash aside b{font-size:16px}.wk-dash-main{padding:18px 14px}.wk-dash-head{font-size:12px}.wk-dash-head span{padding:6px 8px;font-size:7px}.wk-dash-stats{gap:6px;margin:16px 0}.wk-dash-stats div{border-radius:10px;padding:8px;font-size:7px}.wk-dash-stats strong{font-size:18px}.wk-chart{height:130px}.wk-bars{gap:5px;height:80px}.wk-float-card{display:none}.wk-meta{padding:18px 10px 10px}.wk-meta h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.wk *,.wk :before,.wk :after,.wk-card,.wk-head{transition-duration:.01ms!important;animation:none!important}}