.sys{--navy:#0f1432;--navy-950:#090c20;--navy-750:#1f2757;--navy-600:#343d72;--accent:#faab08;--accent-hover:#e09700;--white:#fff;--muted:#a9b1cf;--ease:cubic-bezier(.16,1,.3,1)}body:has(>.sys){background:var(--navy)}.sys{min-height:100dvh;font-family:var(--font);color:var(--white);-webkit-font-smoothing:antialiased;line-height:1.7}.sys a{color:inherit;text-decoration:none}.sys img{display:inline}.sys .ic{flex:none;width:20px;height:20px}.sys{isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:24px clamp(16px,5vw,80px);display:grid;position:relative;overflow:hidden}.sys:before{content:"";z-index:-1;background:radial-gradient(55% 70% at 22%,#1a2462 0%,#1a246200 65%),repeating-linear-gradient(114deg,#ffffff08 0 1px,#0000 1px 34px);position:absolute;inset:0}.sys:after{content:"";background:var(--accent);width:34%;height:6px;position:absolute;bottom:0;right:0}[dir=ltr] .sys:before{background:radial-gradient(55% 70% at 78%,#1a2462 0%,#1a246200 65%),repeating-linear-gradient(66deg,#ffffff08 0 1px,#0000 1px 34px)}[dir=ltr] .sys:after{left:0;right:auto}.sys-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.sys-top img{width:128px;height:auto}.sys-lang{border:1.5px solid var(--navy-600);border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:15px;font-weight:700;transition:border-color .2s;display:inline-flex}.sys-lang:hover{border-color:var(--accent)}.sys-body{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(32px,6vw,96px);width:100%;max-width:1180px;margin-inline:auto;padding-block:48px;display:grid}.sys-num{color:#0000;-webkit-text-stroke:2px var(--accent);letter-spacing:2px;margin:0 0 8px;font-size:clamp(88px,13vw,180px);font-weight:800;line-height:.9}.sys h1{margin:0;font-size:clamp(30px,3.6vw,52px);font-weight:800;line-height:1.3}.sys-p{color:var(--muted);max-width:52ch;margin:14px 0 0;font-size:clamp(16px,1.4vw,19px)}.sys .btn{min-height:54px;font:inherit;white-space:normal;cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.sys .btn--primary{background:var(--accent);color:var(--navy);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);padding-inline:26px 40px}[dir=rtl] .sys .btn--primary{clip-path:polygon(0 0,100% 0,100% 100%,14px 100%);padding-inline:26px 40px}.sys .btn--primary:hover{background:var(--accent-hover)}.sys .btn--ghost{color:var(--white);border:1.5px solid var(--white);background:0 0}.sys .btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.sys .btn--sm{min-height:44px;font-size:15px}.sys-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.sys-search{background:var(--white);max-width:520px;min-height:58px;color:var(--navy);border-radius:4px;align-items:center;gap:10px;margin-top:26px;padding-inline:18px 6px;display:flex}.sys-search .ic{color:#5a6390}.sys-search input{min-width:0;font:inherit;color:var(--navy);background:0 0;border:0;outline:0;flex:1;font-size:16px}.sys-search:focus-within{box-shadow:0 0 0 3px var(--accent)}.sys-code{color:var(--muted);margin:16px 0 0;font-size:15px}.sys-code strong{color:var(--white);letter-spacing:.5px;direction:ltr;unicode-bidi:isolate}.sys-status{min-height:1.7em;color:var(--accent);margin:14px 0 0;font-size:15px}.sys-links{border-top:1px solid var(--navy-750);flex-wrap:wrap;gap:8px 22px;margin-top:30px;padding-top:20px;font-size:15px;display:flex}.sys-links a{color:var(--muted)}.sys-links a:hover{color:var(--accent)}.sys-art{filter:drop-shadow(0 40px 50px #00000073);justify-self:center;width:min(320px,100%);height:auto;overflow:visible}.sys-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;display:flex}.sys-foot a:hover{color:var(--accent)}.sys-foot .num{direction:ltr;unicode-bidi:isolate}@media (prefers-reduced-motion:no-preference){.sys-in{animation:sysIn .9s var(--ease) both}.sys-in:nth-child(2){animation-delay:80ms}.sys-in:nth-child(3){animation-delay:.16s}.sys-in:nth-child(4){animation-delay:.24s}.sys-in:nth-child(5){animation-delay:.32s}.sys-in:nth-child(6){animation-delay:.4s}@keyframes sysIn{0%{opacity:0;transform:translateY(18px)}}.sys-art--404 .sys-lock{transform-origin:100px 220px;animation:4.2s ease-in-out 1s infinite sysShake}.sys-art--404 .sys-shackle{animation:4.2s ease-in-out 1s infinite sysTug}@keyframes sysShake{0%,70%,to{transform:none}74%{transform:rotate(-5deg)}78%{transform:rotate(4deg)}82%{transform:rotate(-3deg)}86%{transform:rotate(2deg)}90%{transform:none}}@keyframes sysTug{0%,70%,92%,to{transform:none}76%,86%{transform:translateY(-7px)}}.sys-art--404 .sys-led,.sys-art--500 .sys-led{animation:1.4s step-end infinite sysBlink}.sys-art--500 .sys-lock{animation:3.6s 1s infinite sysGlitch}@keyframes sysGlitch{0%,88%,to{opacity:1;transform:none}90%{opacity:.7;transform:translate(-4px)}92%{transform:translate(4px)}94%{opacity:.85;transform:translate(-2px)}96%{transform:none}}@keyframes sysBlink{50%{opacity:.15}}.sys-art--offline .sys-waves path{animation:2.4s ease-in-out infinite sysWave}.sys-art--offline .sys-waves path:nth-child(2){animation-delay:.25s}.sys-art--offline .sys-waves path:nth-child(3){animation-delay:.5s}@keyframes sysWave{0%,to{opacity:.2}30%{opacity:1}60%{opacity:.2}}.sys-art--offline .sys-dot{animation:1.6s ease-in-out infinite sysBlink}.sys-art--offline .sys-slash{stroke-dasharray:180;animation:sysSlash .9s .6s var(--ease) both}@keyframes sysSlash{0%{stroke-dashoffset:180px}}}@media (max-width:820px){.sys-body{text-align:center;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:28px}.sys-art{order:-1;width:170px}.sys-p{margin-inline:auto}.sys-actions,.sys-links{justify-content:center}.sys-search{margin-inline:auto}.sys-actions .btn{flex:100%}.sys-foot{text-align:center;justify-content:center}}
@media (scripting:enabled){[data-reveal]:not(.is-in){transform:translateY(28px)}}.backdrop,.drawer__panel,.search-panel,.modal,.toast,.filters,.filters-backdrop{transition-property:visibility}.chat-panel,.cookie,.form-step.is-active,.overlay.is-open .success-mark path{animation:none}.toast,.toast.is-on{opacity:0;transform:translateY(20px)}.overlay.is-open .backdrop,.drawer.is-open .backdrop,.search-overlay.is-open .backdrop{opacity:0}.overlay.is-open .modal,.modal{opacity:0;filter:blur(6px);transform:translateY(24px)scale(.96)}.drawer.is-open .drawer__panel{transform:translate(-100%)}[dir=ltr] .drawer.is-open .drawer__panel{transform:translate(100%)}.search-overlay.is-open .search-panel{transform:translateY(-100%)}.acc__panel{transition:none;display:block;overflow:hidden}.acc__panel:not(.is-open){height:0}.acc__icon{transition:background-color .2s}.fchip,.fq-chip,.pdp__swatches button{isolation:isolate;position:relative}.sel-pill{z-index:-1;background:var(--navy);pointer-events:none;border-radius:999px;position:absolute;inset:-1.5px}.fchip:not(.fchip--use)[aria-pressed=true],.fq-chip[aria-pressed=true],.pdp__swatches button[aria-checked=true]{background:0 0}.pdp__swatches .sel-pill{border:1.5px solid var(--accent);background:#faab081f}.tabs__pill{transition:none}.nav__link[aria-current=page]:after{content:none}.nav__underline{inset-inline:0;background:var(--accent-light);border-radius:2px;height:3px;position:absolute;bottom:10px}.shop__grid>.pcard-slot{min-width:0;display:grid}button.sw{cursor:pointer;border:0;padding:0;transition:box-shadow .35s cubic-bezier(.22,1,.36,1)}button.sw[aria-pressed=true]{box-shadow:inset 0 0 0 1px #0f14322e, 0 0 0 2px var(--white), 0 0 0 3.5px color-mix(in oklab, var(--sw) 70%, #0f1432)}.sw-tip{white-space:nowrap;color:var(--white);background:var(--navy-850);pointer-events:none;opacity:0;z-index:20;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:600;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateY(4px)}.sw-tip:after{content:"";border:4px solid #0000;border-top-color:var(--navy-850);position:absolute;top:100%;left:50%;translate:-50%}.sw:hover .sw-tip,button.sw:hover .sw-tip,button.sw:focus-visible .sw-tip{opacity:1;transform:translateY(0)}.sw-active-label{color:var(--accent-text);white-space:nowrap;margin-inline-start:2px;font-size:12px;font-weight:600;line-height:1}.finish-chip{border:1.5px solid color-mix(in oklab, var(--sw) 55%, transparent);background:color-mix(in oklab, var(--sw) 12%, var(--white));color:var(--navy);white-space:nowrap;pointer-events:none;will-change:transform, opacity;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:7px;padding:4px 10px 4px 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.finish-chip__dot{background:var(--sw);border-radius:50%;flex:none;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 1px #0f14322e,0 1px 3px #0f143226}.pdp__stage.is-swipe,.pcard__media.is-swipe{touch-action:pan-y;cursor:grab}.pdp__stage.is-swipe:active,.pcard__media.is-swipe:active{cursor:grabbing}.pdp__stage img,.pcard__media img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.swipe-dots{z-index:3;pointer-events:none;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%}.swipe-dots i{background:#0f143238;border-radius:50%;width:7px;height:7px;transition:background-color .2s,width .25s}.swipe-dots i.on{background:var(--navy);border-radius:4px;width:18px}.pcard__media .swipe-dots{bottom:10px}.ball,button.sw--ball{border-radius:50%;position:relative;overflow:hidden}.ball img,button.sw--ball img{object-fit:contain;mix-blend-mode:multiply;pointer-events:none;width:76%;height:76%;position:absolute;inset:12%}.pdp__swatches i.ball{width:44px;height:44px;box-shadow:0 0 0 2px var(--sw), 0 0 0 3px #090c2059;background:radial-gradient(60% 55% at 50% 45%,#fff 0%,#f3f6fa 55%,#e6ecf3 100%)}.pdp__block.is-picker .pdp__swatches button{min-height:54px;padding-inline:5px 18px}.pdp__swatches button[aria-checked=true] i.ball{box-shadow:0 0 0 2px var(--sw), 0 0 0 4px var(--navy), 0 0 0 5.5px var(--accent)}.swatches{align-items:center}button.sw--ball{background:var(--white);width:30px;height:30px;box-shadow:0 0 0 1.5px var(--sw), 0 1px 3px #0f143226}button.sw--ball[aria-pressed=true]{box-shadow:0 0 0 2px var(--white), 0 0 0 3.5px color-mix(in oklab, var(--sw) 70%, #0f1432)}.ball-fly{z-index:60;pointer-events:none;transform-origin:50%;will-change:transform, clip-path;position:fixed}.ball-fly img{object-fit:contain;position:absolute}@media (max-width:860px){.filters,.filters-backdrop{transition-property:visibility}.filters.is-open{transform:translateY(105%)}.filters-backdrop.is-on{opacity:0}}@media (max-width:960px){.nav{transition-property:visibility}.nav.is-open{opacity:0;transform:translateY(-8px)}.nav__underline{bottom:-1px;width:48px;inset-inline:0 auto}}@media (prefers-reduced-motion:reduce){[data-reveal]{filter:none!important}}.scroll-progress{z-index:49;top:70px;background:linear-gradient(90deg, var(--accent), var(--accent-soft));transform-origin:100%;pointer-events:none;height:3px;position:fixed;inset-inline:0}[dir=ltr] .scroll-progress{transform-origin:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){:is(.head h2,.partners__top h2,.reviews__head h2,.faq__intro h2,.cta h2,.spec__head h2):not(.is-shown){clip-path:inset(0 0 100%);opacity:0;translate:0 22px}}.cat{position:relative}@media (hover:hover) and (pointer:fine){:is(.pcard,.cat,.sol,.rev,.spec,.channel).is-tilting{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));will-change:transform;transition-property:box-shadow,border-color,background-color}:is(.cat,.sol,.rev,.spec,.channel):before{content:"";z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), #faab0824, #faab0800 60%);mix-blend-mode:multiply;opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}:is(.cat,.sol,.rev,.spec,.channel).is-tilting:before{opacity:1}.btn--primary,.btn--navy,.chat-fab{will-change:translate}}.shop__grid{position:relative}