@layer components{.hx{--paper:#fbf6ee;--paper-2:#f3eadb;--paper-3:#ebdfcb;--ink:#16130f;--ink-2:#3b342c;--muted:#6f6457;--hair:#16130f1f;--orange:#ef6a2c;--orange-ink:#b4410f;--yellow:#f4bf45;--blue:#3e6fdc;--green:#3b9467;--pink:#ec86ad;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .5, 1);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;position:relative}.hx:before{content:"";z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hx-display{font-family:var(--font-serif);letter-spacing:-.035em;text-wrap:balance;font-weight:400;line-height:.98}:lang(zh) .hx-display,:lang(ja) .hx-display,:lang(ko) .hx-display{letter-spacing:0;line-height:1.12}.hx-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;display:inline-flex}.hx-eyebrow:before{content:"";background:var(--orange);border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #ef6a2c29}.hx-scribble{white-space:nowrap;position:relative}.hx-scribble svg{width:104%;height:.32em;position:absolute;bottom:-.16em;left:-2%;overflow:visible}.hx-scribble path{stroke-dasharray:420;stroke-dashoffset:420px;animation:hx-draw 1.1s .35s var(--ease-out) forwards}@keyframes hx-draw{to{stroke-dashoffset:0}}.hx-btn{transition:transform .35s var(--ease-spring), background-color .25s ease, box-shadow .35s ease;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.hx-btn:active{transform:scale(.97)}.hx-btn-ink{background:var(--ink);color:var(--paper);box-shadow:0 14px 30px -18px #16130fb3}.hx-btn-ink:hover{transform:translateY(-2px);box-shadow:0 20px 40px -20px #16130fbf}.hx-btn-paper{background:var(--paper);color:var(--ink)}.hx-btn-paper:hover{transform:translateY(-2px)}.hx-btn-dot{background:var(--orange);color:#fff;width:2.1rem;height:2.1rem;transition:transform .35s var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.hx-btn:hover .hx-btn-dot{transform:rotate(-45deg)}.hx-link{color:var(--orange-ink);transition:background-size .35s var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.hx-link:hover{background-size:100% 1.5px}.hx-sheet{background:#fff;border-radius:6px;position:relative;box-shadow:0 1px #16130f0a,0 18px 40px -26px #3c281473}.hx-tape{clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,2% 96%,0 52%);z-index:2;background:#f4bf459e;width:84px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}.hx-compare{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden}.hx-compare img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hx-compare-line{clip-path:inset(0 0 0 var(--pos,50%));background:#fff}.hx-compare-handle{transform:translateX(var(--pos,50%));pointer-events:none;will-change:transform;position:absolute;inset:0}.hx-compare-handle:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #16130f26}.hx-compare-knob{background:var(--ink);width:3rem;height:3rem;color:var(--paper);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 10px 24px -10px #16130fb3}.hx-compare:focus-within .hx-compare-knob{outline:3px solid var(--orange);outline-offset:3px}.hx-chip{z-index:3;letter-spacing:.04em;pointer-events:none;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:.85rem}.hx-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.hx-marquee-track{gap:2.25rem;width:max-content;padding:1.75rem 1.125rem 2.25rem;animation:70s linear infinite hx-marquee;display:flex}.hx-marquee:hover .hx-marquee-track{animation-play-state:paused}@keyframes hx-marquee{to{transform:translate(-50%)}}.hx-pin{transition:transform .5s var(--ease-spring)}.hx-pin:hover{transform:rotate(0)translateY(-6px)scale(1.03)!important}.hx-snap{scrollbar-width:none}.hx-snap::-webkit-scrollbar{display:none}.hx-caret{vertical-align:-.15em;background:var(--orange);width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite hx-blink;display:inline-block}@keyframes hx-blink{50%{opacity:0}}.hx-card{transition:transform .5s var(--ease-spring), box-shadow .5s ease, border-color .3s ease}.hx-card:hover{transform:translateY(-4px)rotate(-.4deg);box-shadow:0 28px 50px -34px #3c28148c}.hx [data-reveal].is-pending{opacity:0;transform:translateY(22px)}.hx [data-reveal].is-in{opacity:1;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:none}.hx-path{stroke-dasharray:1400;stroke-dashoffset:1400px}.is-in .hx-path,.hx-path.is-in{transition:stroke-dashoffset 2.2s var(--ease-out) .2s;stroke-dashoffset:0}.hx-faq summary{cursor:pointer;list-style:none}.hx-faq summary::-webkit-details-marker{display:none}.hx-faq-icon{transition:transform .35s var(--ease-spring)}.hx-faq[open] .hx-faq-icon{transform:rotate(45deg)}.hx-crayons{background:linear-gradient(90deg, var(--orange) 0 20%, var(--yellow) 20% 40%, var(--green) 40% 60%, var(--blue) 60% 80%, var(--pink) 80% 100%);height:6px}@media (prefers-reduced-motion:reduce){.hx *,.hx :before,.hx :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hx-marquee-track{animation:none}.hx-marquee{overflow-x:auto}.hx-scribble path,.hx-path{stroke-dashoffset:0}.hx [data-reveal].is-pending{opacity:1;transform:none}}}