:root{--bg:#000000;--bg-secondary:rgba(15,15,15,0.7);--bg-hover:rgba(28,28,28,0.75);--text:#e2e8f0;--text-secondary:#94a3b8;--accent:#00B7D1;--accent-hover:#00D4EF;--border:rgba(0,183,209,0.2);--border-light:rgba(148,163,184,0.1);--shadow-color:rgba(0,183,209,0.15);--shadow-blur:20px;--glow-color:rgba(0,183,209,0.4);--glow-blur:30px;--success:#34d399;--danger:#f87171}
:root[data-theme="lagoon"]{--accent:#00E0C7;--accent-hover:#00FFD1;--shadow-color:rgba(0,224,199,0.15);--glow-color:rgba(0,224,199,0.4);--border:rgba(0,224,199,0.2)}
:root[data-theme="deepblue"]{--accent:#3B82F6;--accent-hover:#60A5FA;--shadow-color:rgba(59,130,246,0.15);--glow-color:rgba(59,130,246,0.4);--border:rgba(59,130,246,0.2)}
:root[data-theme="violet"]{--accent:#8B5CF6;--accent-hover:#A78BFA;--shadow-color:rgba(139,92,246,0.15);--glow-color:rgba(139,92,246,0.4);--border:rgba(139,92,246,0.2)}
:root[data-theme="emerald"]{--accent:#10B981;--accent-hover:#34D399;--shadow-color:rgba(16,185,129,0.15);--glow-color:rgba(16,185,129,0.4);--border:rgba(16,185,129,0.2)}
:root[data-theme="amber"]{--accent:#F59E0B;--accent-hover:#FBBF24;--shadow-color:rgba(245,158,11,0.15);--glow-color:rgba(245,158,11,0.4);--border:rgba(245,158,11,0.2)}
:root[data-theme="rose"]{--accent:#EC4899;--accent-hover:#F472B6;--shadow-color:rgba(236,72,153,0.15);--glow-color:rgba(236,72,153,0.4);--border:rgba(236,72,153,0.2)}
:root[data-theme="red"]{--accent:#EF4444;--accent-hover:#F87171;--shadow-color:rgba(239,68,68,0.15);--glow-color:rgba(239,68,68,0.4);--border:rgba(239,68,68,0.2)}
:root[data-theme="purple"]{--accent:#A855F7;--accent-hover:#C084FC;--shadow-color:rgba(168,85,247,0.15);--glow-color:rgba(168,85,247,0.4);--border:rgba(168,85,247,0.2)}
:root{--dfc-scroll-track-top:76px;--dfc-down-arrow-bottom:calc(clamp(1.05rem,3.6vh,1.65rem) + env(safe-area-inset-bottom, 0px));--dfc-fixed-arrow-pad:.35rem;--dfc-chev-size:22px;--dfc-chev-overlap:-9px;--dfc-chev-bounce:7px}
@property --accent{syntax:'<color>';inherits:true;initial-value:#00B7D1}@property --accent-hover{syntax:'<color>';inherits:true;initial-value:#00D4EF}@property --border{syntax:'<color>';inherits:true;initial-value:rgba(0,183,209,0.2)}@property --shadow-color{syntax:'<color>';inherits:true;initial-value:rgba(0,183,209,0.15)}@property --glow-color{syntax:'<color>';inherits:true;initial-value:rgba(0,183,209,0.4)}*{margin:0;padding:0;box-sizing:border-box}
html{overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-width:none;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="%2300B7D1" stroke="%23FFFFFF" stroke-width="2" d="M6 6L26 16L14 18L20 26L16 26L6 6Z"/></svg>') 0 0,auto!important;min-height:100%}
html,body{cursor:inherit!important}
body,body *{cursor:inherit!important}
html.dfc-ambient-boot:not(.dfc-bg-off) body::before,html.dfc-ambient-boot:not(.dfc-bg-off) #particles-js{opacity:0!important;animation:none!important;visibility:hidden!important}html.dfc-ambient-revealing:not(.dfc-bg-off) body::before,html.dfc-ambient-revealing:not(.dfc-bg-off) #particles-js{transition:opacity 2s ease-in-out!important}
html.dfc-skip-boot body::before,html.dfc-skip-boot #particles-js{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}
html.dfc-skip-boot.fonts-pending .hero-title,html.dfc-skip-boot.fonts-pending .hero-desc,html.dfc-skip-boot.fonts-pending .hero-cmd-row,html.dfc-skip-boot.fonts-pending .hero-hint,html.dfc-skip-boot.fonts-pending .scroll-indicator{visibility:visible!important;opacity:1!important;animation:none!important}
html.dfc-skip-boot[data-active-tab=main] .hero-title,html.dfc-skip-boot[data-active-tab=main] .hero-desc,html.dfc-skip-boot[data-active-tab=main] .hero-cmd-row,html.dfc-skip-boot[data-active-tab=main] .hero-hint,html.dfc-skip-boot[data-active-tab=main] .scroll-indicator{visibility:visible!important;opacity:1!important;animation:none!important;transition:none!important}
html.dfc-skip-boot[data-active-tab=main] .hero-desc,html.dfc-skip-boot[data-active-tab=main] .hero-cmd-row,html.dfc-skip-boot[data-active-tab=main] .hero-hint{transform:none!important}
html.dfc-skip-boot[data-active-tab=main] .scroll-indicator{transform:translateX(-50%) translateY(0)!important}
html.dfc-skip-boot[data-active-tab=main] header{opacity:1!important;transform:none!important;transition:none!important}
::-webkit-scrollbar{width:0;height:0;display:none}
#themeGrayOverlay{display:none}#customScroll{position:fixed;top:var(--dfc-scroll-track-top,76px);right:4px;bottom:8px;width:10px;z-index:90;border-radius:999px;background:transparent;border:0;box-shadow:none;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(24px,0,0);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}
#customScroll.show{opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important;transition:opacity .6s cubic-bezier(.4,0,.2,1) .08s,transform .65s cubic-bezier(.22,1,.36,1) .04s!important}
html[data-active-tab=main]:not(.anim-done) #customScroll #customScrollThumb{pointer-events:none!important}
#customScrollThumb{position:absolute;left:2px;right:2px;background:linear-gradient(180deg,color-mix(in srgb,#fff 26%,var(--accent)),var(--accent) 48%,color-mix(in srgb,var(--accent) 78%,#000));border:1px solid color-mix(in srgb,#fff 18%,var(--accent));border-radius:999px;pointer-events:auto;cursor:grab!important;transition:background .2s ease,transform .2s ease,border-color .2s ease;box-shadow:none}
#customScrollThumb:hover,#customScrollThumb.dragging{background:linear-gradient(180deg,color-mix(in srgb,#fff 32%,var(--accent-hover)),var(--accent-hover) 52%,var(--accent));border-color:color-mix(in srgb,#fff 26%,var(--accent-hover));box-shadow:none;transform:scaleX(1.12);cursor:grabbing!important}
@media(max-width:640px){#customScroll{z-index:260;right:max(4px,env(safe-area-inset-right,0px));width:9px;bottom:max(8px,env(safe-area-inset-bottom,0px));transform:translate3d(26px,0,0)}#customScroll.show{transform:translate3d(0,0,0)!important}#customScrollThumb{left:2px;right:2px;touch-action:none;-webkit-tap-highlight-color:transparent}.dfc-bg-toggle{left:max(.42rem,env(safe-area-inset-left,0px));bottom:max(.75rem,env(safe-area-inset-bottom,0px));width:40px;height:40px}.dfc-bg-toggle .dfc-playpause{width:18px;height:18px}.scroll-top{width:40px;height:40px;right:max(.42rem,env(safe-area-inset-right,0px));bottom:max(.75rem,env(safe-area-inset-bottom,0px));left:auto;z-index:94}.scroll-top .i{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){#customScroll,#customScroll.show{transition-duration:.06s!important;transition-delay:0s!important}.dfc-bg-toggle,.dfc-bg-toggle.dfc-bar-visible,.dfc-bg-toggle .dfc-pp-pause,.dfc-bg-toggle .dfc-pp-play{transition-duration:.08s!important;transition-delay:0s!important}body::before,#particles-js{animation:none!important;opacity:1!important;visibility:visible!important}}
.dfc-bg-toggle{position:fixed;left:calc(1rem + 1cm);bottom:1rem;z-index:115;width:46px;height:46px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 18%,transparent);opacity:0;transform:translateY(22px) scale(.88);pointer-events:none;touch-action:none;-ms-touch-action:none;transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.dfc-bg-toggle.dfc-bar-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .6s cubic-bezier(.4,0,.2,1) .08s,transform .65s cubic-bezier(.22,1,.36,1) .04s,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.dfc-bg-toggle:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.dfc-bg-toggle .dfc-playpause{display:block;width:22px;height:22px;overflow:visible}
.dfc-bg-toggle .dfc-pp-pause,.dfc-bg-toggle .dfc-pp-play{transition:opacity .42s cubic-bezier(.4,0,.2,1),transform .42s cubic-bezier(.34,1.56,.64,1);transform-box:fill-box;transform-origin:center}
.dfc-bg-toggle:not(.is-off) .dfc-pp-play{opacity:0;transform:scale(.42) rotate(-20deg);pointer-events:none}
.dfc-bg-toggle:not(.is-off) .dfc-pp-pause{opacity:1;transform:scale(1) rotate(0)}
.dfc-bg-toggle.is-off .dfc-pp-pause{opacity:0;transform:scale(.42) rotate(20deg);pointer-events:none}
.dfc-bg-toggle.is-off .dfc-pp-play{opacity:1;transform:scale(1) rotate(0)}
.dfc-bg-toggle .dfc-bg-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;pointer-events:none;z-index:0}
.dfc-bg-toggle .dfc-bg-ring-track{stroke:color-mix(in srgb,var(--accent) 18%,transparent);stroke-width:4;transition:stroke-width .25s ease,stroke .25s ease}
.dfc-bg-toggle .dfc-bg-ring-fill{stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dashoffset:calc(100 - var(--dfc-bg-fill-pct,100));transition:stroke-dashoffset .25s ease,stroke-width .25s ease,filter .25s ease,opacity .25s ease}
.dfc-bg-toggle.dfc-bg-dragging .dfc-bg-ring-track{stroke-width:6;stroke:color-mix(in srgb,var(--accent) 28%,transparent)}
.dfc-bg-toggle.dfc-bg-dragging .dfc-bg-ring-fill{stroke-width:6;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent));transition:stroke-dashoffset 0s linear,stroke-width .25s ease,filter .25s ease,opacity .25s ease}
.dfc-bg-toggle.is-off .dfc-bg-ring{opacity:0}
.dfc-bg-toggle .dfc-playpause,.dfc-bg-toggle .dfc-bg-pct{position:relative;z-index:1}
.dfc-bg-toggle .dfc-bg-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Orbitron','IBM Plex Mono',monospace;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--bg-secondary);border-radius:50%;opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1),color .25s ease,background .25s ease;pointer-events:none;text-shadow:0 0 10px color-mix(in srgb,var(--accent) 35%,transparent);z-index:1}
.dfc-bg-toggle.dfc-bg-dragging{cursor:ns-resize;border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent),0 4px 18px color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(0) scale(1.06)}
.dfc-bg-toggle.dfc-bg-dragging .dfc-playpause{opacity:0;transform:scale(.6)}
.dfc-bg-toggle.dfc-bg-dragging .dfc-bg-pct{opacity:1;transform:scale(1)}
html.dfc-bg-off #particles-js{pointer-events:none!important}
html.dfc-bg-off body::before{opacity:0!important}
:root{--dfc-bg-mul:0.75}
html:not(.dfc-bg-off) #particles-js{opacity:var(--dfc-bg-mul,0.75)!important;visibility:visible!important;animation:none!important}
html:not(.dfc-bg-off) body::before{opacity:var(--dfc-bg-mul,0.75)!important;visibility:visible!important;animation:none!important}
html.dfc-bg-off #particles-js,html.dfc-bg-off body::before{opacity:0!important;animation:none!important;transition:none!important}
.dfc-tip{position:fixed;z-index:600;pointer-events:none;font-family:'Exo 2',-apple-system,sans-serif;font-size:.82rem;font-weight:500;color:var(--accent);letter-spacing:.03em;line-height:1.2;white-space:nowrap;opacity:1;overflow:hidden;max-width:0;transition:max-width 1s cubic-bezier(.22,1,.36,1);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 30%,transparent);filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
.dfc-tip.dfc-tip-show{transition:max-width 1s cubic-bezier(.22,1,.36,1)}
.dfc-tip.dfc-tip-hide{max-width:0!important;transition:max-width .4s cubic-bezier(.55,.06,.68,.19)}
@media(prefers-reduced-motion:reduce){.dfc-tip{transition-duration:.1s!important}}
@keyframes dfcAmbientReveal{from{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}
html,body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
body{overflow-x:clip}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;visibility:visible;opacity:1;background:radial-gradient(ellipse 60% 50% at 15% 20%,color-mix(in srgb,var(--accent) 30%,transparent),transparent),radial-gradient(ellipse 50% 40% at 85% 15%,color-mix(in srgb,var(--accent) 22%,transparent),transparent),radial-gradient(ellipse 70% 50% at 50% 90%,color-mix(in srgb,var(--accent) 18%,transparent),transparent),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 6%,transparent 70%),transparent),var(--bg);transition:background 1200ms ease-in-out}
#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:transparent;visibility:visible;opacity:1}
#particles-js canvas{display:block;width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden}
.page-container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 1.5rem;min-height:100vh;display:flex;flex-direction:column}
.glass{background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,0.25);transition:border-color .25s ease,box-shadow .25s ease}
.glass:hover{box-shadow:0 6px 22px rgba(0,0,0,0.3);border-color:var(--border)}
@property --beam-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes beamSpin{to{--beam-angle:360deg}}
.beam{position:relative}
.beam::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-angle,0deg),transparent 0deg,var(--accent) 4deg,#fff 12deg,var(--accent) 20deg,transparent 60deg,transparent 180deg,var(--accent) 184deg,#fff 192deg,var(--accent) 200deg,transparent 240deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s ease;animation:beamSpin 4s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px var(--accent));z-index:2}
.beam.beam-on::before,.beam:hover::before,.beam.active::before{opacity:.85;animation-play-state:running}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem;flex-wrap:wrap;gap:1rem;position:sticky;top:0;z-index:100;isolation:isolate;transform:translateZ(0)}html.header-enter[data-active-tab=main] header{opacity:0!important;transform:translateY(-48px) translateZ(0)!important;transition:opacity 1s ease-out,transform 1s ease-out!important}html.anim-done.header-enter[data-active-tab=main] header{opacity:1!important;transform:translateY(0) translateZ(0)!important}html.booting header *,html.booting header::before{transition:none!important}html.fonts-pending .hero-title,html.fonts-pending .hero-desc,html.fonts-pending .hero-cmd-row,html.fonts-pending .hero-hint,html.fonts-pending .scroll-indicator{visibility:hidden!important;opacity:0!important;animation:none!important;transition:none!important}
.no-anim .ht-stroke,.no-anim .ht-fill{-webkit-mask-position:0% 0!important;mask-position:0% 0!important;animation:none!important}.no-anim .ht-shine{opacity:0!important;animation:none!important}.no-anim .hero-desc,.no-anim .hero-cmd-row,.no-anim .hero-hint{opacity:1!important;transform:none!important;animation:none!important}.no-anim .scroll-indicator{opacity:1!important;transform:translateX(-50%) translateY(0)!important;animation:none!important}.no-anim .scroll-indicator .chev-bounce{animation:none!important}html.fonts-pending .scroll-indicator .chev-bounce{animation:none!important}
header::before{content:'';position:absolute;inset:0;left:50%;width:100vw;transform:translateX(-50%);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 1px 10px color-mix(in srgb,var(--accent) 12%,transparent);z-index:-1;pointer-events:none}
.header-nav{display:grid;grid-template-columns:repeat(5,minmax(6.7rem,1fr));align-items:center;flex:1;min-width:0;padding:0 1rem;gap:.15rem}
.header-nav .tab-btn{width:100%;justify-content:center;white-space:nowrap}
.header-nav .tab-btn[data-tab="main"]{order:1}.header-nav .tab-btn[data-tab="products"]{order:2}.header-nav .tab-btn[data-tab="install"]{order:3}.header-nav .tab-btn[data-tab="faq"]{order:4}.header-nav .tab-btn[data-tab="releases"]{order:5}
.logo{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.logo-link{display:inline-flex;align-items:center;text-decoration:none;border:none;background:none;outline:none;transition:transform .25s ease}
.logo-link:hover{transform:scale(1.05)}
.logo-svg{height:40px;width:auto;display:block;shape-rendering:geometricPrecision;overflow:visible}
.logo-svg .cls-1{fill:var(--text-secondary)}
.logo-svg .cls-2{fill:transparent;stroke:var(--accent);stroke-width:1px}
.logo-svg .fill-layer{fill:var(--accent);-webkit-mask-image:linear-gradient(135deg,#000 37%,transparent 63%);mask-image:linear-gradient(135deg,#000 37%,transparent 63%);-webkit-mask-size:400% 400%;mask-size:400% 400%;-webkit-mask-position:100% 100%;mask-position:100% 100%;transition:-webkit-mask-position 1.1s cubic-bezier(.45,0,.55,1),mask-position 1.1s cubic-bezier(.45,0,.55,1)}
.logo-link:hover .logo-svg .fill-layer{-webkit-mask-position:0% 0%;mask-position:0% 0%;transition:-webkit-mask-position 1.1s cubic-bezier(.45,0,.55,1) .2s,mask-position 1.1s cubic-bezier(.45,0,.55,1) .2s}
.logo-svg path{vector-effect:non-scaling-stroke}
.logo-svg use.trail,.logo-svg use.head{display:none}
.switches{display:flex;gap:.5rem;align-items:center;position:relative;flex:0 0 auto;min-width:0;justify-content:flex-end}
.switch-btn{height:34px;box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:0 .75rem;border-radius:8px;font-size:.85rem;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;backdrop-filter:blur(8px);font-weight:500;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}
.switch-btn:hover,.switch-btn.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--shadow-color);background:var(--bg-hover)}
.lang-dropdown{position:relative;height:34px;width:120px;flex-shrink:0}.lang-dropdown:hover .lang-menu{border-color:var(--accent);background:var(--bg-hover)}.lang-dropdown.open .lang-menu{border-color:var(--accent);background:var(--bg-hover)}
.lang-dropdown.open{z-index:50}
.lang-menu{position:absolute;top:0;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;max-height:34px;display:flex;flex-direction:column;transition:max-height .35s cubic-bezier(.4,0,.2,1),border-color .25s ease,background .25s ease}
.lang-dropdown.open .lang-menu{max-height:200px;border-color:var(--accent)}
.lang-opt{height:34px;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;cursor:pointer;color:var(--text-secondary);font-size:.85rem;background:transparent;border:none;outline:none !important;box-shadow:none !important;font-family:inherit;text-align:left;font-weight:500;flex-shrink:0;order:1;transition:background .15s ease,opacity .25s ease,transform .35s cubic-bezier(.4,0,.2,1)}
.lang-dropdown.open .lang-opt:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}
.lang-opt:focus,.lang-opt:focus-visible,.lang-opt:active{outline:none !important;box-shadow:none !important;border:none !important}
.lang-opt .flag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:14px;border-radius:2px;overflow:hidden;line-height:0;flex-shrink:0}
.lang-opt .flag svg{width:100%;height:100%;display:block}
.lang-opt .lang-name{min-width:55px}
.theme-dropdown{position:relative;height:34px;width:42px;flex-shrink:0}.theme-dropdown:hover .theme-menu{border-color:var(--accent);background:var(--bg-hover)}.theme-dropdown.open .theme-menu{border-color:var(--accent);background:var(--bg-hover)}
.theme-dropdown.open{z-index:50}.theme-menu{position:absolute;top:0;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;max-height:34px;display:flex;flex-direction:column;transition:max-height .35s cubic-bezier(.4,0,.2,1),border-color .25s ease,background .25s ease}
.theme-dropdown.open .theme-menu{max-height:340px}
.theme-wheel-opt{height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;outline:none!important;box-shadow:none!important;flex-shrink:0;padding:0;order:1;transition:background .15s ease,transform .35s cubic-bezier(.4,0,.2,1)}
.theme-dropdown.open .theme-wheel-opt:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}
.theme-wheel-opt:focus,.theme-wheel-opt:focus-visible,.theme-wheel-opt:active{outline:none!important;box-shadow:none!important;border:none!important}
.theme-wheel-opt .theme-color{width:20px;height:20px;margin:0;display:inline-flex;align-items:center;justify-content:center}.theme-wheel-opt .theme-color svg{width:100%;height:100%}
.theme-wheel-opt.active .theme-color svg{filter:drop-shadow(0 0 6px var(--shadow-color))}html[data-lang=ru] .lang-opt[data-lang="ru"],html[data-lang=en] .lang-opt[data-lang="en"],html[data-lang=de] .lang-opt[data-lang="de"],html[data-lang=tr] .lang-opt[data-lang="tr"],html[data-lang=pl] .lang-opt[data-lang="pl"]{order:0}html:not([data-theme]) .theme-wheel-opt[data-theme=""],html[data-theme=lagoon] .theme-wheel-opt[data-theme="lagoon"],html[data-theme=deepblue] .theme-wheel-opt[data-theme="deepblue"],html[data-theme=violet] .theme-wheel-opt[data-theme="violet"],html[data-theme=emerald] .theme-wheel-opt[data-theme="emerald"],html[data-theme=amber] .theme-wheel-opt[data-theme="amber"],html[data-theme=rose] .theme-wheel-opt[data-theme="rose"],html[data-theme=red] .theme-wheel-opt[data-theme="red"],html[data-theme=purple] .theme-wheel-opt[data-theme="purple"]{order:0}html:not([data-theme]) .theme-wheel-opt[data-theme=""] .theme-color svg,html[data-theme=lagoon] .theme-wheel-opt[data-theme="lagoon"] .theme-color svg,html[data-theme=deepblue] .theme-wheel-opt[data-theme="deepblue"] .theme-color svg,html[data-theme=violet] .theme-wheel-opt[data-theme="violet"] .theme-color svg,html[data-theme=emerald] .theme-wheel-opt[data-theme="emerald"] .theme-color svg,html[data-theme=amber] .theme-wheel-opt[data-theme="amber"] .theme-color svg,html[data-theme=rose] .theme-wheel-opt[data-theme="rose"] .theme-color svg,html[data-theme=red] .theme-wheel-opt[data-theme="red"] .theme-color svg,html[data-theme=purple] .theme-wheel-opt[data-theme="purple"] .theme-color svg{filter:drop-shadow(0 0 6px var(--shadow-color))}
.icon-btn{width:34px;height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;font-size:1rem;text-decoration:none;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;backdrop-filter:blur(8px)}
.icon-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-hover);box-shadow:0 0 12px var(--shadow-color);transform:translateY(-1px)}
.icon-btn.tg-btn:hover{color:#29b6f6;border-color:#29b6f6}
.icon-btn.donate-btn:hover{color:#ec4899;border-color:#ec4899}
.icon-btn svg{width:16px;height:16px}
.search-box{display:flex;align-items:center}
.search-box .search-toggle{width:34px;height:34px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease;backdrop-filter:blur(8px);position:relative;z-index:6;overflow:hidden}
.search-box .search-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-hover)}
.search-box .search-toggle .i{position:absolute;top:50%;left:50%;width:16px;height:16px;transition:opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1)}
.search-box .search-toggle .ico-search{transform:translate(-50%,-50%) rotate(0deg) scale(1);opacity:1}
.search-box .search-toggle .ico-back{transform:translate(-50%,-50%) rotate(90deg) scale(.5);opacity:0}
.search-box.expanded .search-toggle{color:var(--accent);border-color:var(--accent);background:var(--bg-hover)}
.search-box.expanded .search-toggle .ico-search{transform:translate(-50%,-50%) rotate(-90deg) scale(.5);opacity:0}
.search-box.expanded .search-toggle .ico-back{transform:translate(-50%,-50%) rotate(0deg) scale(1);opacity:1}
.switches #searchInput{position:absolute;left:0;right:42px;top:0;box-sizing:border-box;background:rgba(15,23,42,0.95);border:1px solid var(--accent);color:var(--text);border-radius:8px;padding:0 .9rem;height:34px;font-size:.88rem;outline:none;backdrop-filter:blur(12px);font-family:inherit;clip-path:inset(0 0 0 100%);transition:clip-path .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px var(--shadow-color);z-index:5}
.switches.search-open #searchInput{clip-path:inset(0 0 0 0)}
.switches #searchInput::placeholder{color:var(--text-secondary);opacity:.6}
.switches .search-results{position:absolute;top:calc(100% + 6px);left:0;right:42px;background:rgba(15,23,42,0.95);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:10px;max-height:340px;overflow-y:auto;display:none;z-index:600;box-shadow:0 8px 24px rgba(0,0,0,0.4)}
.search-results.active{display:block}
.search-results .res-item{padding:.6rem .8rem;cursor:pointer;border-bottom:1px solid var(--border-light);font-size:.85rem;color:var(--text-secondary);transition:background .15s ease,color .15s ease}
.search-results .res-item:last-child{border-bottom:none}
.search-results .res-item:hover{background:var(--bg-hover);color:var(--accent)}
.search-results .res-item .res-tab{font-size:.7rem;color:var(--accent);font-weight:600;display:block;margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.5px}
.search-results .empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.85rem}
mark.search-hl{background:var(--accent);color:var(--bg);padding:1px 3px;border-radius:3px;font-weight:600}
nav{display:flex;gap:.5rem;flex-wrap:wrap}
.tab-btn{background-color:transparent;border:none;color:var(--text-secondary);padding:.5rem .85rem;border-radius:8px;font-size:.88rem;position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;background-image:linear-gradient(90deg,var(--accent) 50%,var(--text-secondary) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:color .45s ease,background-position .55s cubic-bezier(.4,0,.2,1)}
.tab-btn:hover{color:var(--text);background-image:linear-gradient(90deg,var(--accent) 50%,var(--text) 50%)}
.tab-btn .i,.switch-btn .i,.icon-btn .i,.btn-svg .i{width:16px;height:16px;flex-shrink:0}
.h-icon{width:22px;height:22px;flex-shrink:0;color:var(--accent)}
.tab-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .55s cubic-bezier(.4,0,.2,1);border-radius:2px;box-shadow:0 0 8px var(--glow-color)}
.tab-btn:focus{outline:none!important;box-shadow:none!important}
.tab-btn:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.tab-btn.active,html[data-active-tab=main] .tab-btn[data-tab="main"],html[data-active-tab=products] .tab-btn[data-tab="products"],html[data-active-tab=install] .tab-btn[data-tab="install"],html[data-active-tab=faq] .tab-btn[data-tab="faq"],html[data-active-tab=releases] .tab-btn[data-tab="releases"]{color:var(--accent);background-position:0 0}
.tab-btn.active::after,html[data-active-tab=main] .tab-btn[data-tab="main"]::after,html[data-active-tab=products] .tab-btn[data-tab="products"]::after,html[data-active-tab=install] .tab-btn[data-tab="install"]::after,html[data-active-tab=faq] .tab-btn[data-tab="faq"]::after,html[data-active-tab=releases] .tab-btn[data-tab="releases"]::after{width:100%}
.tab-content{display:none}html:not([data-active-tab]) .tab-content#tab-main{display:block;flex:1 0 auto}html[data-active-tab=main] .tab-content#tab-main,html[data-active-tab=products] .tab-content#tab-products,html[data-active-tab=install] .tab-content#tab-install,html[data-active-tab=faq] .tab-content#tab-faq,html[data-active-tab=releases] .tab-content#tab-releases{display:block;flex:1 0 auto}html.no-anim[data-active-tab=products] #tab-main.active,html.no-anim[data-active-tab=install] #tab-main.active,html.no-anim[data-active-tab=faq] #tab-main.active,html.no-anim[data-active-tab=releases] #tab-main.active{display:none!important}.page-container.sliding{min-height:var(--slide-h,100vh)!important;height:var(--slide-h,auto)!important}.page-container.sliding .tab-content{overflow:hidden!important}.page-container.sliding .footer{visibility:hidden!important}
.tab-content.active{display:block;flex:1 0 auto;contain:layout style}
.hero{position:relative;text-align:center;padding:1rem;margin-bottom:2.5rem;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;align-items:center}
html{scroll-behavior:smooth;overflow-anchor:none}html.dfc-thumb-drag,html.dfc-programmatic-snap{scroll-behavior:auto!important}body,.page-container,.tab-content{overflow-anchor:none}html.tab-switching,html.tab-switching body{scroll-behavior:auto!important}
.hero-brand{display:grid;justify-items:center;width:100%;margin:0 auto 1.6rem}
.hero-title{position:relative;display:inline-block;width:max-content;max-width:100%;font-family:'Orbitron',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:clamp(1.4rem,7vw,4.4rem);letter-spacing:.06em;line-height:1;text-transform:uppercase;margin:0 auto .8rem;white-space:nowrap;text-align:center;--hero-title-shift:clamp(-1.1rem,-.65vw,-.35rem);transform:translateX(calc(var(--hero-title-shift) + var(--hero-title-balance,0px)))}
.hero-title>span{display:block;text-align:center}
.hero-title .ht-fill,.hero-title .ht-shine{position:absolute;inset:0}
.hero-title .ht-stroke{color:transparent;-webkit-text-stroke:1.2px var(--accent);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 50.01%);mask-image:linear-gradient(90deg,#000 50%,transparent 50.01%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;animation:htReveal 1.1s cubic-bezier(.45,0,.55,1) .25s forwards}
.hero-title .ht-fill{color:transparent;background-image:linear-gradient(135deg,#0a8ba0 -15%,var(--accent) 35%,#bdf0fa 90%,#fff 130%);-webkit-background-clip:text;background-clip:text;-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 50.01%);mask-image:linear-gradient(90deg,#000 50%,transparent 50.01%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;animation:htReveal 1.7s cubic-bezier(.4,0,.2,1) 1.2s forwards}
.hero-title .ht-shine{color:transparent;background-image:linear-gradient(90deg,transparent 42%,rgba(255,255,255,0.95) 50%,transparent 58%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;background-repeat:no-repeat;background-position:100% 0;opacity:0;animation:htShine 1.7s cubic-bezier(.4,0,.2,1) 1.2s forwards}
@keyframes htReveal{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}
@keyframes htShine{0%{opacity:0;background-position:100% 0}10%{opacity:1}85%{opacity:1}100%{opacity:0;background-position:0% 0}}
.hero-desc{color:var(--text-secondary);font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:clamp(.85rem,1.6vw,1.15rem);letter-spacing:.32em;text-transform:uppercase;margin:0;display:flex;width:100%;min-width:0;align-items:center;gap:1.2rem;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity 1s ease-out,transform 1s ease-out}
.hero-desc::before,.hero-desc::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}
.hero-desc>.txt{display:inline-flex;gap:.55em;flex-shrink:0;text-indent:0}
.hero-desc>.txt>span{display:inline-block}
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.card h2{display:flex;align-items:center;gap:.6rem}
.card h2 .h-icon{color:var(--accent)}
.feature-item h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem}
.feature-item h3 .h-icon{width:18px;height:18px}
.card{padding:1.8rem;margin-bottom:1.5rem}
.card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;gap:.6rem}
.card h3{font-size:1.15rem;margin:1.2rem 0 .6rem;color:var(--text)}
.card p,.card li{color:var(--text-secondary);margin-bottom:.5rem}
.card ul{padding-left:1.2rem}
.card li{margin-bottom:.4rem}
.cmd-box{background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:10px;padding:1rem;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:.9rem;color:var(--accent);position:relative;overflow-x:auto;margin:1rem 0}
.hero-cmd-row{position:relative;justify-self:center;display:flex;align-items:center;gap:0;margin:1rem 0 0;opacity:0;transform:translateY(8px);transition:opacity 1s ease-out,transform 1s ease-out;width:min(100%,42rem);max-width:100%}
.hero-cmd{margin:0;padding:.32rem 1rem;font-family:'IBM Plex Mono','Share Tech Mono','SFMono-Regular',Consolas,monospace;font-size:clamp(.88rem,1.25vw,1.12rem);font-weight:600;letter-spacing:.025em;line-height:1.35;text-align:center;backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center}
.hero-cmd code{display:inline-block;font-family:inherit}
/* Сообщение «установка отключена»: на мобильных базовый .hero-cmd ставит flex-start — возвращаем центр */
.hero-cmd:has(#hero-cmd-text.dfc-downloads-off),
.hero-cmd:has(code.dfc-downloads-off){justify-content:center;text-align:center}
.hero-cmd code#hero-cmd-text.dfc-downloads-off,
.hero-cmd code.dfc-downloads-off{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center}
.copy-btn.hero-copy{position:absolute;left:100%;top:50%;transform:translate(.7rem,-50%);height:38px;width:38px;aspect-ratio:1/1;flex-shrink:0}
.hero-hint{justify-self:center;font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:clamp(.9rem,1.3vw,1.05rem);color:var(--text-secondary);margin-top:4.2rem;text-align:center;white-space:nowrap;letter-spacing:.02em;opacity:0;transform:translateY(8px);transition:opacity 1s ease-out,transform 1s ease-out}
.scroll-indicator{position:absolute;bottom:var(--dfc-down-arrow-bottom);left:50%;transform:translateX(-50%) translateY(8px);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:0;line-height:0;color:var(--accent);opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;pointer-events:none}
.dfc-global-down-arrow{position:fixed;left:50%;right:auto;bottom:var(--dfc-down-arrow-bottom);z-index:85;margin:0;padding:0 0 var(--dfc-fixed-arrow-pad);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:0;line-height:0;color:var(--accent);background:none;border:none;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(8px);transition:none}
.dfc-global-down-arrow.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity .25s ease,transform .25s ease}
.dfc-global-down-arrow .chev-bounce{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(.12rem,.2rem + .35vw,.32rem);line-height:0;animation:chevronStackBounce 1.8s ease-in-out infinite;filter:drop-shadow(0 0 2px var(--glow-color));will-change:transform}
.dfc-global-down-arrow .chev-hint{font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.42rem,.28rem + .45vw,.52rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,var(--text-secondary) 25%);opacity:.9;line-height:1.15;text-align:center;white-space:nowrap;margin:0;padding:0;display:block;width:100%;box-sizing:border-box}
.dfc-global-down-arrow .chev-stack{display:block;width:max-content;margin:0 auto;line-height:0;transform-origin:center bottom}
.dfc-global-down-arrow .chev-cel{display:block!important;line-height:0}
.dfc-global-down-arrow .chev-cel + .chev-cel{margin-top:var(--dfc-chev-overlap)}
.dfc-global-down-arrow .chev-cel .i{width:var(--dfc-chev-size);height:var(--dfc-chev-size);display:block;margin:0}
.dfc-global-down-arrow .chev-cel:nth-child(1) .i{opacity:.35}
.dfc-global-down-arrow .chev-cel:nth-child(2) .i{opacity:.65}
.dfc-global-down-arrow .chev-cel:nth-child(3) .i{opacity:1}
.scroll-indicator .chev-bounce{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(.12rem,.2rem + .35vw,.32rem);line-height:0;animation:chevronStackBounce 1.8s ease-in-out 4.65s infinite;filter:drop-shadow(0 0 2px var(--glow-color));will-change:transform}
.scroll-indicator .chev-hint{font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.42rem,.28rem + .45vw,.52rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,var(--text-secondary) 25%);opacity:.9;line-height:1.15;text-align:center;white-space:nowrap;margin:0;padding:0;display:block;width:100%;box-sizing:border-box}
.scroll-indicator .chev-stack{display:block;width:max-content;margin:0 auto;line-height:0}
.scroll-indicator .chev-cel{display:block!important;line-height:0}
.scroll-indicator .chev-cel + .chev-cel{margin-top:var(--dfc-chev-overlap)}
.scroll-indicator .chev-cel .i{width:var(--dfc-chev-size);height:var(--dfc-chev-size);display:block;margin:0}
.scroll-indicator .chev-cel:nth-child(1) .i{opacity:.35}
.scroll-indicator .chev-cel:nth-child(2) .i{opacity:.65}
.scroll-indicator .chev-cel:nth-child(3) .i{opacity:1}
@keyframes chevronStackBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--dfc-chev-bounce))}}
@keyframes scrollIndicatorIn{0%,82%{opacity:0;transform:translateX(-50%) translateY(8px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes scrollIndicatorFadeIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes pulseScroll{0%,100%{filter:none}50%{filter:drop-shadow(0 0 10px var(--glow-color))}}
.section{min-height:calc(100svh - 76px);display:flex;flex-direction:column;padding:4.5rem 0 6rem;position:relative;scroll-margin-top:76px}
.section-title{display:flex;align-items:center;gap:1.4rem;color:var(--text);font-family:'Orbitron',-apple-system,sans-serif;font-weight:700;font-size:clamp(1.3rem,2.6vw,2.1rem);letter-spacing:.16em;text-transform:uppercase;margin:0 0 2.4rem;justify-content:center;text-align:center;line-height:1}
.section-title::before,.section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}
.products-stack{display:flex;flex-direction:column;gap:2.2rem;flex:1;justify-content:center;width:100%}
#tab-main #features .products-stack{justify-content:flex-start}
#tab-main #features > .section-title{margin-bottom:6rem}
.products-row{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem 3rem}
.product-block{display:flex;flex-direction:column;gap:1rem;padding:0;background:none;border:none}
.product-head{display:flex;align-items:flex-start;gap:1rem;padding-bottom:.85rem;position:relative}
.product-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 35%,transparent) 55%,transparent 100%)}
.product-ico{flex-shrink:0;width:46px;height:46px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)}
.product-ico svg{width:24px;height:24px;filter:drop-shadow(0 0 6px var(--glow-color))}
.product-info{flex:1;min-width:0}
.product-info h3{font-family:'Orbitron',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .25rem;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 30%,transparent)}
.product-tag{margin:0;color:var(--text-secondary);font-size:.92rem;font-family:'Exo 2',sans-serif;letter-spacing:.02em}
.product-components{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 1.4rem}
.component{display:flex;flex-direction:column;gap:.35rem;padding:0 1.1rem 0 1.1rem;border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .25s ease,transform .25s ease}
.component:nth-child(3n+1){border-left:none;padding-left:0}
.component:hover{border-left-color:var(--accent)}
.component .c-head{display:flex;align-items:center;gap:.5rem;color:var(--text);font-family:'Orbitron',sans-serif;font-weight:700;font-size:.98rem;letter-spacing:.06em;transition:color .25s ease,text-shadow .25s ease}
.component .c-head svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;filter:drop-shadow(0 0 4px var(--glow-color));transition:filter .25s ease}
.component p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.5;transition:color .25s ease}
.component:hover .c-head{color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}
.component:hover .c-head svg{filter:drop-shadow(0 0 8px var(--glow-color))}
.component:hover p{color:#fff}
@media(max-width:820px){.product-components{grid-template-columns:1fr 1fr}.component,.component:nth-child(3n+1){border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-left:1.1rem}.component:nth-child(2n+1){border-left:none;padding-left:0}}
@media(max-width:520px){.product-components{grid-template-columns:1fr}.component,.component:nth-child(3n+1),.component:nth-child(2n+1){border-left:none!important;border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:.7rem 0 0}.component:first-child{border-top:none;padding-top:0}}
.steps-timeline{display:flex;flex-direction:column;gap:1.6rem;flex:1;justify-content:center;max-width:760px;margin:0 auto;width:100%}
.step-row{position:relative;display:flex;align-items:flex-start;gap:1.4rem;padding:.2rem 0}
.step-row .num{position:relative;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);border:2px solid var(--accent);color:var(--accent);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-family:'Orbitron',sans-serif;box-shadow:0 0 14px var(--shadow-color);z-index:1;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.step-row:hover .num{background:var(--accent);color:var(--bg);transform:scale(1.06);box-shadow:0 0 22px var(--glow-color)}
.step-row:not(:last-child)::after{content:'';position:absolute;left:22px;top:48px;height:calc(100% + 1.6rem - 48px);width:2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 20%,transparent));pointer-events:none}
.step-body{padding-top:.05rem;flex:1;min-width:0}
.step-row h3{color:var(--text);margin:0 0 .3rem;font-size:1.05rem;font-family:'Orbitron',sans-serif;letter-spacing:.04em}
.step-row p{color:var(--text-secondary);font-size:.92rem;margin:0;line-height:1.55}
.step-row code{background:rgba(0,0,0,0.35);padding:.08rem .4rem;border-radius:4px;color:var(--accent);font-size:1em}
.section-arrow{position:absolute;bottom:var(--dfc-down-arrow-bottom);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:0;line-height:0;color:var(--accent);text-decoration:none;background:none;border:none;padding:0}
.section-arrow .chev-bounce{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(.12rem,.2rem + .35vw,.32rem);line-height:0;animation:chevronStackBounce 1.8s ease-in-out infinite;filter:drop-shadow(0 0 2px var(--glow-color));will-change:transform}
.section-arrow .chev-hint{font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.42rem,.28rem + .45vw,.52rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,var(--text-secondary) 25%);opacity:.9;line-height:1.15;text-align:center;white-space:nowrap;margin:0;padding:0;display:block;width:100%;box-sizing:border-box}
.section-arrow .chev-stack{display:block;width:max-content;margin:0 auto;line-height:0}
.section-arrow .chev-cel{display:block!important;line-height:0}
.section-arrow .chev-cel + .chev-cel{margin-top:var(--dfc-chev-overlap)}
.section-arrow .chev-cel .i{width:var(--dfc-chev-size);height:var(--dfc-chev-size);display:block;margin:0}
.section-arrow .chev-cel:nth-child(1) .i{opacity:.35}
.section-arrow .chev-cel:nth-child(2) .i{opacity:.65}
.section-arrow .chev-cel:nth-child(3) .i{opacity:1}
@media(max-width:640px){.scroll-indicator .chev-bounce,.section-arrow .chev-bounce{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important;margin-left:auto!important;margin-right:auto!important}.scroll-indicator .chev-stack,.section-arrow .chev-stack{display:block!important;width:max-content!important;margin-left:auto!important;margin-right:auto!important}.scroll-indicator .chev-cel,.section-arrow .chev-cel{display:block!important}}
#tab-products.tab-content.active{padding-top:0;padding-left:0;padding-right:0}
#tab-products .section.snap-section{align-items:stretch}
#tab-products #prod-list{margin-top:-1.5cm}
#tab-products #prod-list>.section-title{margin-top:2.75rem}
#tab-products #prod-manager .product-lead-side{margin-top:0;margin-bottom:.85rem}
#tab-products .products-pick-inner{width:100%;flex:1;display:flex;flex-direction:column;min-height:0}
#tab-products .prod-eco-lead,#tab-install .prod-eco-lead{text-align:center;color:var(--text-secondary);font-size:1rem;line-height:1.65;max-width:42rem;margin:.5rem auto 3.5rem}
#tab-products .prod-eco-grid,#tab-install .prod-eco-grid{display:flex;flex-direction:column;gap:1.4rem;width:100%;flex:1;align-content:center;justify-content:center;padding:1.5rem 0 1.5rem;max-width:760px;margin:0 auto;transform:translateX(-1.5rem)}
#tab-products .prod-eco-card,#tab-install .prod-eco-card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.5rem;padding:.7rem 1.6rem;border-radius:18px;border:none;background:transparent;text-decoration:none;color:inherit;cursor:pointer;width:100%;max-width:none;transition:background .3s ease;-webkit-tap-highlight-color:transparent}
#tab-products .prod-eco-card+.prod-eco-card::before,#tab-install .prod-eco-card+.prod-eco-card::before{content:"";position:absolute;top:0;left:1.6rem;right:1.6rem;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 40%,transparent) 12%,color-mix(in srgb,var(--accent) 55%,transparent) 50%,color-mix(in srgb,var(--accent) 40%,transparent) 88%,transparent 100%);opacity:.7;pointer-events:none}
#tab-products .prod-eco-card:hover,#tab-install .prod-eco-card:hover{background:transparent}
#tab-products .prod-eco-card:focus-visible,#tab-install .prod-eco-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:18px}
#tab-products .prod-eco-badge,#tab-install .prod-eco-badge{display:inline-flex;width:fit-content;font-family:'Exo 2',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.22rem 0;border-radius:0;background:transparent;border:none;backdrop-filter:none;margin:0}
#tab-products .prod-eco-badge--free,#tab-install .prod-eco-badge--free{color:var(--success)}
#tab-products .prod-eco-badge--paid,#tab-install .prod-eco-badge--paid{color:#fbbf24}
#tab-products .prod-eco-ico,#tab-install .prod-eco-ico{position:relative;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,color-mix(in srgb,var(--accent) 8%,transparent) 55%,transparent 100%);color:var(--accent);transition:transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease;flex-shrink:0}
#tab-products .prod-eco-ico::before,#tab-install .prod-eco-ico::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);opacity:.65;transition:opacity .35s ease,transform .35s ease}
#tab-products .prod-eco-ico::after,#tab-install .prod-eco-ico::after{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent) 0%,transparent 70%);filter:blur(12px);opacity:.55;z-index:-1;transition:opacity .35s ease,transform .35s ease}
#tab-products .prod-eco-ico svg,#tab-install .prod-eco-ico svg{width:30px;height:30px;position:relative;z-index:1}
#tab-products .prod-eco-card:hover .prod-eco-ico,#tab-install .prod-eco-card:hover .prod-eco-ico{transform:scale(1.08)}
#tab-products .prod-eco-card:hover .prod-eco-ico::before,#tab-install .prod-eco-card:hover .prod-eco-ico::before{opacity:1;transform:scale(1.05)}
#tab-products .prod-eco-card:hover .prod-eco-ico::after,#tab-install .prod-eco-card:hover .prod-eco-ico::after{opacity:1;transform:scale(1.18)}
#tab-products .prod-eco-body,#tab-install .prod-eco-body{display:flex;flex-direction:column;gap:0;min-width:0;text-align:left;padding-right:0}
#tab-products .prod-eco-name,#tab-install .prod-eco-name{font-family:'Orbitron',sans-serif;font-size:1.55rem;font-weight:700;letter-spacing:.1em;color:var(--text);margin:-.05rem 0 .4rem;line-height:1.1;transition:color .3s ease,text-shadow .3s ease}
#tab-products .prod-eco-name-row,#tab-install .prod-eco-name-row{display:flex;align-items:center;gap:0;margin:-.05rem 0 .4rem;flex-wrap:nowrap;width:fit-content;max-width:100%}
#tab-products .prod-eco-name-row .prod-eco-name,#tab-install .prod-eco-name-row .prod-eco-name{margin:0;flex-shrink:0}
#tab-products .prod-eco-cta,#tab-install .prod-eco-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:'Exo 2',-apple-system,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.06em;text-transform:none;color:var(--text-secondary);background:transparent;border:none;border-radius:0;padding:0;line-height:1;white-space:nowrap;max-width:0;margin-left:0;opacity:0;overflow:hidden;flex-shrink:0;will-change:max-width,opacity;transition:max-width 1.1s cubic-bezier(.22,1,.36,1),margin-left 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s cubic-bezier(.22,1,.36,1)}
#tab-products .prod-eco-cta-arrow,#tab-install .prod-eco-cta-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .55s ease}
#tab-products .prod-eco-card:hover .prod-eco-cta,#tab-install .prod-eco-card:hover .prod-eco-cta{max-width:240px;margin-left:1rem;opacity:1}
#tab-products .prod-eco-card:hover .prod-eco-cta-arrow,#tab-install .prod-eco-card:hover .prod-eco-cta-arrow{transform:translateX(4px)}
#tab-products .prod-eco-desc,#tab-install .prod-eco-desc{margin:0;color:var(--text-secondary);font-size:.94rem;line-height:1.6;max-width:none;transition:color .3s ease}
#tab-products .prod-eco-card:hover .prod-eco-name,#tab-install .prod-eco-card:hover .prod-eco-name{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}
#tab-products .prod-eco-card:hover .prod-eco-desc,#tab-install .prod-eco-card:hover .prod-eco-desc{color:#fff}
#tab-install #inst-list{margin-top:-1.5cm}
#tab-install #inst-list>.section-title{margin-top:2.75rem;margin-bottom:3rem}
#tab-install #inst-list .prod-eco-grid{padding-top:2rem;padding-bottom:1.5rem;gap:1.4rem}
#tab-install #inst-list .prod-eco-card+.prod-eco-card{padding-top:1.8rem}
#tab-products #prod-list .prod-eco-card+.prod-eco-card{padding-top:1.8rem}
#tab-install #inst-license .product-head-split{padding-bottom:.45rem}
#tab-install #inst-license .product-components-tight{margin-top:.55rem}
#tab-install #inst-license .product-page-hero{margin-bottom:.2rem}
#tab-install #inst-license .product-title-stack .section-title{margin:0 0 .35rem}
@media(max-width:900px){#tab-products .prod-eco-grid,#tab-install .prod-eco-grid{gap:1rem;padding:.5rem 0 1rem;max-width:520px;transform:none}#tab-products .prod-eco-card,#tab-install .prod-eco-card{grid-template-columns:auto 1fr;gap:1rem;padding:1rem 1rem}#tab-products .prod-eco-ico,#tab-install .prod-eco-ico{width:52px;height:52px}#tab-products .prod-eco-ico svg,#tab-install .prod-eco-ico svg{width:24px;height:24px}#tab-products .prod-eco-name,#tab-install .prod-eco-name{font-size:1.2rem}#tab-products .prod-eco-desc,#tab-install .prod-eco-desc{font-size:.84rem;line-height:1.55}#tab-products .prod-eco-body,#tab-install .prod-eco-body{padding-right:0;gap:.18rem}#tab-products .prod-eco-badge,#tab-install .prod-eco-badge{font-size:.55rem}#tab-products .prod-eco-cta,#tab-install .prod-eco-cta{display:none}}
#tab-products #prod-list .step-row-with-action{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem 1.1rem;align-items:flex-start}
#tab-products #prod-list .step-row-pick.step-row-with-action{grid-template-columns:auto minmax(0,1fr);column-gap:1.15rem;row-gap:.85rem;align-items:start}
#tab-products #prod-list .step-row-pick.step-row-with-action>.pick-ico{grid-column:1;grid-row:1;align-self:start}
#tab-products #prod-list .step-row-pick.step-row-with-action>.step-body{grid-column:2;grid-row:1;min-width:0;padding-top:0;padding-right:1.85rem;box-sizing:border-box;align-self:start}
#tab-products #prod-list .step-row-pick.step-row-with-action>.pick-arrow{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:auto;min-width:0;min-height:0}
#tab-products #prod-list a.step-row-pick{color:inherit;text-decoration:none;cursor:pointer;border-radius:12px;padding:.15rem .25rem;margin:-.15rem -.25rem;transition:background .22s ease}
#tab-products #prod-list a.step-row-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#tab-products #prod-list .steps-timeline.products-pick-timeline{--pick-row-gap:2.15rem;gap:var(--pick-row-gap)}
#tab-products #prod-list .steps-timeline.products-pick-timeline .step-row-pick:not(:last-child)::after{height:calc(100% + var(--pick-row-gap) - 48px)}
#tab-products #prod-list .pick-ico{position:relative;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);border:2px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px var(--shadow-color);z-index:1;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
#tab-products #prod-list .pick-ico svg{width:22px;height:22px}
#tab-products #prod-list .step-row-pick:hover .pick-ico{background:var(--accent);color:var(--bg);transform:scale(1.06);box-shadow:0 0 22px var(--glow-color)}
#tab-products #prod-list .step-row-pick .step-body h3{margin-top:0;line-height:1.2;transition:color .25s ease,text-shadow .25s ease}
#tab-products #prod-list .step-row-pick .step-body p{transition:color .25s ease}
#tab-products #prod-list .step-row-pick:hover .step-body h3{color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}
#tab-products #prod-list .step-row-pick:hover .step-body p{color:#fff}
#tab-products #prod-list .pick-arrow{display:flex;align-items:center;justify-content:center;align-self:center;width:auto;min-width:0;min-height:28px;opacity:0;transition:opacity .22s ease,filter .22s ease,transform .22s ease;transform:translateX(4px)}
#tab-products #prod-list .step-row-pick:hover .pick-arrow,#tab-products #prod-list .step-row-pick:focus-within .pick-arrow{opacity:1;filter:drop-shadow(0 0 10px var(--glow-color));transform:translateX(0)}
#tab-products #prod-list .pick-arrow-icon{width:26px;height:26px;color:var(--accent);flex-shrink:0;display:block}
#tab-products .step-go-btn{font-family:'Exo 2',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .75rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:rgba(0,0,0,.28);color:var(--accent);cursor:pointer;white-space:nowrap;align-self:center;-webkit-tap-highlight-color:transparent}
#tab-products .step-go-btn:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
#tab-products .product-page-hero{display:flex;justify-content:center;width:100%;max-width:1000px;margin:0 auto .2rem;padding:0 .25rem;box-sizing:border-box}
#tab-products .product-title-stack{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;margin-inline:auto;align-items:stretch}
#tab-products .product-title-stack .section-title{width:100%;margin:0 0 1.25rem}
#tab-products .product-title-mid{display:flex;flex-direction:column;align-items:center;gap:.28rem;min-width:0;max-width:100%}
#tab-products .product-title-mid > .product-lic-text{align-self:flex-start;margin:0}
#tab-products .product-title-name{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;text-align:center;line-height:1.05}
#tab-products .product-title-mid .product-lic-text{display:block;width:max-content;max-width:100%;box-sizing:border-box;text-align:left;font-size:calc(0.72rem * 0.84);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;padding:0;border:none;background:none;box-shadow:none;font-family:'Exo 2',sans-serif}
#tab-products .product-lic-free{color:var(--success)}
#tab-products .product-lic-paid{color:#fbbf24}
#tab-products .product-page-card .product-head-split{display:flex;align-items:flex-start;gap:1rem;padding-bottom:.55rem}
#tab-products .product-page-card .product-head-split::after{left:0;right:0}
#tab-products .product-lead-side{flex:1;margin:0;color:var(--text-secondary);line-height:1.55;font-size:.92rem}
#tab-products .product-components-tight{margin-top:.2rem}
#tab-products #prod-manager .product-head-split,
#tab-products #prod-remnasale .product-head-split,
#tab-products #prod-support .product-head-split{padding-bottom:.72rem}
#tab-products #prod-manager .product-page-hero,
#tab-products #prod-remnasale .product-page-hero,
#tab-products #prod-support .product-page-hero{margin-bottom:1.5rem}
#tab-products #prod-manager .product-components-tight,
#tab-products #prod-remnasale .product-components-tight,
#tab-products #prod-support .product-components-tight{margin-top:.85rem}
#tab-products #prod-manager .product-mgr-invoke,
#tab-products #prod-remnasale .product-mgr-invoke,
#tab-products #prod-support .product-mgr-invoke{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.4rem .55rem;font-size:.88rem;color:#fff;line-height:1.45;text-align:left}
#tab-products #prod-manager .product-mgr-invoke--solo,
#tab-products #prod-remnasale .product-mgr-invoke--solo,
#tab-products #prod-support .product-mgr-invoke--solo{margin-top:2.5rem;margin-bottom:.55rem;padding-top:0;border-top:none}
#tab-products #prod-manager .product-mgr-invoke .product-cmd-code,
#tab-products #prod-remnasale .product-mgr-invoke .product-cmd-code,
#tab-products #prod-support .product-mgr-invoke .product-cmd-code{font-size:1.05rem;padding:0 .15rem;border:none;background:transparent;color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}
#tab-products #prod-manager .products-stack,
#tab-products #prod-remnasale .products-stack,
#tab-products #prod-support .products-stack{justify-content:flex-start;padding-top:1.5rem}
@media(max-width:640px){#tab-products #prod-support .sup-feature-f7-hide-sm{display:none!important}}
#tab-products .product-menu-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
#tab-products .product-menu-panel .product-desc{margin:0 auto .65rem;text-align:center;color:var(--text-secondary);line-height:1.55;max-width:48rem;font-size:.9rem}
#tab-products .product-cmd-invoke{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;margin:.55rem 0 .35rem}
#tab-products .product-cmd-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 92%,var(--accent) 8%)}
#tab-products .product-cmd-code{font-family:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;font-size:1.02rem;padding:.38rem .85rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);background:rgba(0,0,0,.35);color:var(--accent)}
#tab-products .product-cmd-hint{margin:.35rem auto .75rem;font-size:.86rem;color:var(--text-secondary);line-height:1.5;max-width:46rem;text-align:center}
#tab-products .product-panel-h{font-family:'Exo 2',sans-serif;font-size:.86rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:.85rem 0 .4rem;text-align:center}
#tab-products .product-panel-note{margin-top:.65rem;font-size:.82rem;color:var(--text-secondary);line-height:1.45;text-align:center;max-width:44rem;margin-left:auto;margin-right:auto}
@media(max-width:520px){#tab-products .product-head-split{flex-direction:row;align-items:flex-start;text-align:left;gap:.7rem}#tab-products .product-lead-side{text-align:left}#tab-products .product-page-card .product-ico{flex-shrink:0}}
@media(max-width:520px){#tab-products #prod-list .step-row-with-action{grid-template-columns:auto 1fr;grid-template-rows:auto auto}#tab-products #prod-list .step-row-with-action>.pick-ico{grid-row:1/span 2;align-self:start}#tab-products #prod-list .step-row-with-action>.step-body{grid-column:2;grid-row:1}#tab-products #prod-list .step-row-with-action>.pick-arrow{grid-column:2;grid-row:2;justify-self:start;margin-top:.12rem;align-self:start;width:auto;min-height:0}}
@media(max-width:520px){#tab-products #prod-list .step-row-pick.step-row-with-action{grid-template-columns:auto 1fr;grid-template-rows:auto auto}}
@media(max-width:600px){.section{min-height:auto;padding:2rem 0}.steps-timeline{gap:1.2rem}}
.hero{position:relative;will-change:opacity,transform}
.scroll-top{position:fixed;right:calc(1.6rem + 1cm);bottom:1.6rem;width:46px;height:46px;border-radius:50%;background:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 18%,transparent);opacity:0;transform:translateY(20px) scale(.85);pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1),background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;z-index:90}
.scroll-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.scroll-top:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.scroll-top .i{width:22px;height:22px;transform:rotate(180deg)}
@media(min-width:641px){.scroll-top{bottom:calc(2.2rem + .3cm)}#dfcBgToggle.dfc-bg-toggle,.dfc-bg-toggle{top:auto!important;right:auto!important;bottom:calc(1.6rem + .3cm)!important;left:calc(1rem + 1cm)!important;z-index:95!important}}
.cmd-box code{color:var(--accent)}
.cmd-clickable{position:relative;cursor:pointer;color:var(--accent);background:transparent;border:none;padding:0;border-radius:0;font-family:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;font-size:.95em;font-weight:600;display:inline-block;transition:color .25s ease,text-shadow .25s ease,transform .15s ease;user-select:none;-webkit-user-select:none}
.cmd-clickable--block{display:block!important;margin:.5rem 0 0!important;padding:0!important;text-indent:0!important;width:fit-content;max-width:100%;background:transparent!important;border-radius:0!important}
.cmd-clickable:hover{color:var(--accent-hover);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent)}
.cmd-clickable:active{transform:scale(.97)}
.cmd-check{display:inline-block;margin-left:.45rem;color:var(--success);font-weight:700;font-size:1em;opacity:0;transform:translateX(-6px) scale(.7);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none;text-shadow:0 0 12px color-mix(in srgb,var(--success) 55%,transparent)}
.cmd-check.show{opacity:1;transform:translateX(0) scale(1)}
@media(max-width:640px){
#tab-main #qstart .step-body code.cmd-clickable--block,#tab-install #inst-quickstart .step-body code.cmd-clickable--block{display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;box-sizing:border-box!important;max-width:100%!important;width:100%!important;margin:.4rem 0 0!important;padding:.22rem .3rem!important;font-size:clamp(.44rem,2.9vw,.58rem)!important;letter-spacing:-.03em!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;line-height:1.25!important}
#tab-main #qstart .step-body code.cmd-clickable--block::-webkit-scrollbar,#tab-install #inst-quickstart .step-body code.cmd-clickable--block::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#tab-main #qstart .step-body code.cmd-clickable--block .cmd-check,#tab-install #inst-quickstart .step-body code.cmd-clickable--block .cmd-check{flex-shrink:0!important;margin-left:.28rem!important;font-size:.9em!important}
}
.inst-steps-timeline .step-row{align-items:flex-start}
.inst-steps-timeline .step-body{display:flex;flex-direction:column;justify-content:flex-start;min-height:46px;padding-top:.35rem}
.inst-steps-timeline .step-body h3{margin:0 0 .25rem;line-height:1.15;transition:color .25s ease,text-shadow .25s ease}
.inst-steps-timeline .step-body p{margin:0;line-height:1.45;transition:color .25s ease}
.inst-steps-timeline .step-row:hover .step-body h3{color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}
.cmd-blocks{display:flex;flex-direction:column;gap:1.4rem;margin-top:.55rem}
.cmd-block{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.15rem 0}
.cmd-block+.cmd-block{padding-top:1.4rem;border-top:1px solid color-mix(in srgb,var(--accent) 14%,transparent)}
.cmd-block-name{margin:0;color:var(--text);font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.06em;line-height:1.2;transition:color .25s ease,text-shadow .25s ease}
.cmd-block-desc{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.55;transition:color .25s ease}
.cmd-block-desc code{background:rgba(0,0,0,0.35);padding:.08rem .4rem;border-radius:4px;color:var(--accent);font-family:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;font-size:.95em}
.cmd-block:hover .cmd-block-name{color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}
.cmd-block:hover .cmd-block-desc{color:#fff}
.cmd-block:hover .cmd-block-desc code{color:var(--accent)}
.copy-btn{position:absolute;top:.6rem;right:.6rem;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .6rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.3rem}
.copy-btn:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.copy-btn.icon-only{padding:.4rem;width:32px;height:32px;justify-content:center}
.copy-btn.icon-only .i{width:16px;height:16px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.feature-item{position:relative;padding:1.4rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light);transition:border-color .25s ease,box-shadow .25s ease}
.feature-item::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-angle,0deg),transparent 0deg,var(--accent) 4deg,#fff 12deg,var(--accent) 20deg,transparent 60deg,transparent 180deg,var(--accent) 184deg,#fff 192deg,var(--accent) 200deg,transparent 240deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s ease;animation:beamSpin 4s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px var(--accent));z-index:2}
.feature-item:hover{border-color:transparent;background:var(--bg-hover);box-shadow:0 6px 20px rgba(0,0,0,0.3)}
.feature-item:hover::before{opacity:1}
.feature-item h3{color:var(--accent);font-size:1.05rem;margin-bottom:.4rem}
.feature-item p{font-size:.9rem;color:var(--text-secondary)}
.footer{text-align:center;padding:1.4rem 2rem;color:var(--accent);font-size:.85rem;border-top:none;scroll-margin-top:76px;position:fixed;left:0;right:0;bottom:0;background:transparent;z-index:90;transform:translateY(100%);transition:transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none;margin:0}
.footer.footer-peek{transform:translateY(0);pointer-events:auto}
.footer-inner{display:flex;align-items:center;gap:0;justify-content:center;margin:0;color:inherit;white-space:nowrap;text-align:center}
.footer-inner .footer-brand{display:inline}
.footer-inner .footer-sep-desktop{display:inline}
.footer-inner .footer-rights{display:inline}
.footer-inner .footer-rights>span{display:inline}
.footer-inner::before,.footer-inner::after{content:'';flex:0 0 auto;width:160px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent);margin:0 1.2rem}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;backdrop-filter:blur(5px)}
.modal.active{visibility:visible;opacity:1}
.modal-content{background:var(--bg-secondary);border-radius:16px;padding:2rem;border:1px solid var(--border);max-width:450px;width:90%;box-shadow:0 25px 50px rgba(0,0,0,0.45);backdrop-filter:blur(15px)}
.modal-content::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-angle,0deg),transparent 0deg,var(--accent) 4deg,#fff 12deg,var(--accent) 20deg,transparent 60deg,transparent 180deg,var(--accent) 184deg,#fff 192deg,var(--accent) 200deg,transparent 240deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1;animation:beamSpin 4s linear infinite;filter:drop-shadow(0 0 5px var(--accent));z-index:2}
.modal-content h3{color:var(--text);margin-bottom:1.2rem;font-size:1.2rem;text-align:center}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.theme-opt{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .3s;color:var(--text-secondary);font-size:.8rem}
.theme-opt{position:relative}
.theme-opt::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-angle,0deg),transparent 0deg,var(--accent) 4deg,#fff 12deg,var(--accent) 20deg,transparent 60deg,transparent 180deg,var(--accent) 184deg,#fff 192deg,var(--accent) 200deg,transparent 240deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s ease;animation:beamSpin 4s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px var(--accent));z-index:2}
.theme-opt:hover{background:var(--bg-hover);border-color:transparent;box-shadow:0 4px 12px rgba(0,0,0,0.22)}
.theme-opt:hover::before{opacity:1}
.theme-opt.active{background:var(--bg-hover);border-color:transparent;color:var(--accent);font-weight:600}
.theme-opt.active::before{opacity:1}
.theme-color{width:36px;height:36px;border-radius:50%;margin-bottom:.4rem;border:2px solid var(--border-light)}
.th-aurora{color:#00B7D1}.th-aurora svg{stroke:#00B7D1}
.th-lagoon{color:#00E0C7}.th-lagoon svg{stroke:#00E0C7}
.th-deepblue{color:#3B82F6}.th-deepblue svg{stroke:#3B82F6}
.th-violet{color:#8B5CF6}.th-violet svg{stroke:#8B5CF6}
.th-emerald{color:#10B981}.th-emerald svg{stroke:#10B981}
.th-amber{color:#F59E0B}.th-amber svg{stroke:#F59E0B}
.th-rose{color:#EC4899}.th-rose svg{stroke:#EC4899}
.th-red{color:#EF4444}.th-red svg{stroke:#EF4444}
.th-purple{color:#A855F7}.th-purple svg{stroke:#A855F7}
.lang-grid{display:flex;gap:1rem;justify-content:center}
.lang-grid .lang-opt{padding:.6rem 1.2rem;border-radius:10px;border:1px solid var(--border-light);cursor:pointer;transition:all .3s;color:var(--text-secondary);font-weight:500}
.lang-grid .lang-opt:hover,.lang-grid .lang-opt.active{background:var(--bg-hover);border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px var(--shadow-color)}
.lang-grid .lang-opt .flag{font-size:1.2rem;margin-right:.4rem}
.contact-tg{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:rgba(41,182,246,0.08);border:1px solid rgba(41,182,246,0.3);border-radius:12px;text-decoration:none;color:var(--text);transition:.25s;margin:1rem 0}
.contact-tg:hover{background:rgba(41,182,246,0.14);border-color:#29b6f6;box-shadow:0 0 20px rgba(41,182,246,0.2);transform:translateY(-1px)}
.contact-tg-text{display:flex;flex-direction:column;flex:1;line-height:1.3}
.contact-tg-text b{color:#29b6f6;font-size:1rem}
.contact-tg-text span{color:var(--text-secondary);font-size:.85rem;font-family:monospace}
.contact-tg-arrow{color:var(--text-secondary);transform:rotate(0deg)}
.faq-item{border:1px solid var(--border-light);border-radius:10px;padding:0;margin-bottom:.6rem;background:rgba(0,0,0,0.15);transition:border-color .2s ease,background .2s ease;overflow:hidden}
.faq-item[open]{border-color:var(--border);background:var(--bg-secondary)}
.faq-item summary{padding:.85rem 1.1rem;cursor:pointer;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:.6rem;list-style:none;transition:color .2s ease}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:1.3rem;color:var(--accent);font-weight:400;transition:transform .25s ease;line-height:1}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--accent)}
.faq-item .faq-body{padding:0 1.1rem 1rem;color:var(--text-secondary);font-size:.92rem}
.faq-item .faq-body p{margin:.4rem 0}
.faq-item .faq-body code{background:rgba(0,0,0,0.4);padding:.1rem .35rem;border-radius:4px;color:var(--accent);font-size:.85em}
#tab-faq #faq-list{margin-top:-1.5cm;min-height:100svh}
#tab-faq #faq-list>.section-title{margin-top:2.75rem;margin-bottom:6rem}
#tab-faq #faq-list{scroll-snap-stop:always}
html[data-active-tab=faq] #customScroll{display:none!important;visibility:hidden!important;opacity:0!important}
html[data-active-tab=faq] body,html[data-active-tab=faq]{overflow-y:hidden!important;height:100svh!important}
#tab-releases #rel-list{margin-top:-1.5cm;min-height:auto}
#tab-releases #rel-list>.section-title{margin-top:2.75rem;margin-bottom:3.5rem}
#tab-releases .release-stack{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
#tab-releases .release{background:color-mix(in srgb,var(--bg-secondary) 70%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:12px;padding:1rem 1.15rem;transition:border-color .25s ease,background .25s ease}
#tab-releases .release:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent)}
#tab-releases .release-tag{background:transparent!important;color:var(--accent)!important;padding:0!important;border-radius:0!important;box-shadow:none!important;font-family:'Orbitron',sans-serif;letter-spacing:.06em;font-weight:700;font-size:.95rem}
#tab-releases .release-tag.latest{box-shadow:none!important}
#tab-releases .release-date{color:var(--text-secondary);font-size:.85rem;transition:color .25s ease}
#tab-releases .release ul{color:var(--text-secondary);font-size:.92rem;transition:color .25s ease}
#tab-releases .release:hover .release-date{color:var(--accent)}
#tab-releases .release:hover ul{color:#fff}
html[data-active-tab=releases],html[data-active-tab=releases] body{height:100svh!important;min-height:100svh!important;overflow:hidden!important}
html[data-active-tab=releases] .page-container{height:100svh!important;min-height:100svh!important;overflow:visible!important;display:flex!important;flex-direction:column!important}
html[data-active-tab=releases] header{flex:0 0 auto!important}
html[data-active-tab=releases] #tab-releases.tab-content.active{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-right:0!important}
html[data-active-tab=releases] #tab-releases #rel-list{min-height:0!important;height:auto!important}
#tab-releases .release-stack>.release:last-child{border-bottom:none!important;margin-bottom:0!important}
html[data-active-tab=releases] #tab-releases::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
html[data-active-tab=releases] #customScroll{display:block!important}
#tab-faq .faq-stack{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.28rem}
#tab-faq .faq-item{margin-bottom:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--bg-secondary) 70%,transparent);overflow:hidden;transition:border-color .25s ease,background .25s ease}
#tab-faq .faq-item:hover{border-color:color-mix(in srgb,var(--accent) 38%,transparent)}
#tab-faq .faq-item.is-open{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent)}
#tab-faq .faq-summary{width:100%;background:transparent;border:none;outline:none;padding:.85rem 1.15rem;cursor:pointer;color:var(--text);font-family:'Exo 2','Orbitron',sans-serif;font-weight:600;font-size:.96rem;letter-spacing:.02em;line-height:1.35;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.6rem;transition:color .25s ease;font:inherit;font-size:.96rem;font-weight:600}
#tab-faq .faq-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
#tab-faq .faq-summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--accent);line-height:1;width:18px;text-align:center;flex-shrink:0;transition:transform .3s cubic-bezier(.22,1,.36,1)}
#tab-faq .faq-item.is-open .faq-summary::after{transform:rotate(45deg)}
#tab-faq .faq-item.is-open .faq-summary{color:var(--accent)}
#tab-faq .faq-item .faq-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1)}
#tab-faq .faq-item.is-open .faq-body-wrap{grid-template-rows:1fr}
#tab-faq .faq-item .faq-body-wrap>.faq-body{overflow:hidden;min-height:0}
#tab-faq .faq-item .faq-body{padding:0 1.15rem;color:var(--text-secondary);font-size:.92rem;line-height:1.55;transition:padding .35s cubic-bezier(.22,1,.36,1)}
#tab-faq .faq-item.is-open .faq-body{padding:0 1.15rem 1rem}
#tab-faq .faq-item .faq-body p{margin:.4rem 0}
#tab-faq .faq-item .faq-body p:first-child{margin-top:.55rem}
#tab-faq .faq-item .faq-body code{background:rgba(0,0,0,0.4);padding:.1rem .35rem;border-radius:4px;color:var(--accent);font-size:.85em}
@media(max-width:640px){#tab-faq .faq-stack{max-width:100%}#tab-faq .faq-summary{font-size:.88rem;padding:.7rem .85rem}#tab-faq .faq-item .faq-body{font-size:.84rem}#tab-faq #faq-list>.section-title{margin-top:1rem;margin-bottom:2.1rem}}
.release{padding:1rem 0;border-bottom:1px dashed var(--border-light)}
.release:last-child{border-bottom:none}
.release-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem;flex-wrap:wrap}
.release-tag{background:var(--accent);color:var(--bg);padding:.2rem .6rem;border-radius:6px;font-size:.78rem;font-weight:700}
.release-tag.latest{box-shadow:0 0 12px var(--glow-color)}
.release-date{color:var(--text-secondary);font-size:.85rem}
.release ul{margin:.3rem 0 .3rem 1rem;color:var(--text-secondary);font-size:.92rem}
.release ul li{margin-bottom:.25rem}
.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:2rem}
.product-tab{padding:1.1rem 1.2rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.7rem;transition:.25s;text-align:left;font-family:inherit;font-size:.95rem;backdrop-filter:blur(8px);position:relative}
.product-tab:hover{color:var(--text);border-color:var(--border);background:var(--bg-hover);transform:translateY(-1px)}
.product-tab.active{color:var(--accent);border-color:transparent;background:var(--bg-hover);box-shadow:0 4px 14px rgba(0,0,0,0.25)}
.product-tab::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-angle,0deg),transparent 0deg,var(--accent) 4deg,#fff 12deg,var(--accent) 20deg,transparent 60deg,transparent 180deg,var(--accent) 184deg,#fff 192deg,var(--accent) 200deg,transparent 240deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s ease;animation:beamSpin 4s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px var(--accent));z-index:2}
.product-tab:hover::before,.product-tab.active::before{opacity:1}
.product-tab .p-ico{width:34px;height:34px;flex-shrink:0;color:var(--accent);background:rgba(0,183,209,0.1);border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.product-tab .p-ico svg{width:20px;height:20px}
.product-tab .p-text{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0}
.product-tab .p-text b{font-size:1rem;color:var(--text);font-weight:700}
.product-tab.active .p-text b{color:var(--accent)}
.product-tab .p-text span{font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-content{display:none}
.product-content.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.product-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem;flex-wrap:wrap}
.product-header .p-ico-lg{width:60px;height:60px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--bg);box-shadow:0 6px 20px var(--shadow-color)}
.product-header .p-ico-lg svg{width:30px;height:30px}
.product-header .p-info{flex:1;min-width:200px}
.product-header .p-info h2{font-size:1.8rem;margin:0 0 .2rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.product-header .p-info p{margin:0;color:var(--text-secondary);font-size:.95rem}
.lic-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:50px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.lic-pill.free{background:rgba(52,211,153,0.15);color:var(--success);border:1px solid rgba(52,211,153,0.3)}
.lic-pill.paid{background:rgba(245,158,11,0.15);color:#fbbf24;border:1px solid rgba(245,158,11,0.3)}
.menu-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem;margin:.8rem 0;list-style:none;padding:0}
.menu-list li{padding:.7rem 1rem;background:rgba(0,0,0,0.2);border-left:2px solid var(--accent);border-radius:0 8px 8px 0;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:flex-start;gap:.6rem}
.menu-list li::before{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;margin-top:.55rem;flex-shrink:0}
@media(max-width:768px){.product-tabs{grid-template-columns:1fr}.product-header .p-info h2{font-size:1.4rem}}
.donate-grid{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1rem}
.wallet-row{display:flex;align-items:center;gap:.6rem;background:rgba(0,0,0,0.3);border:1px solid var(--border-light);border-radius:8px;padding:.65rem .8rem}
.wallet-row .w-label{font-size:.78rem;color:var(--accent);font-weight:700;min-width:90px}
.wallet-row .w-addr{flex:1;font-family:'SFMono-Regular',Consolas,monospace;font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-row .w-copy{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .55rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:.2s}
.wallet-row .w-copy:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.modal-content.donate-modal{max-width:612px}
.modal-content.donate-modal .wallet-row{display:grid!important;grid-template-columns:5.85rem minmax(0,1fr) auto!important;align-items:center!important;column-gap:0!important;row-gap:0!important}
.modal-content.donate-modal .wallet-row .w-label{min-width:0!important;margin:0!important;justify-self:start;max-width:none;overflow:hidden;text-overflow:ellipsis}
.modal-content.donate-modal .wallet-row .w-addr{justify-self:start!important;text-align:left!important;margin:0!important}
.modal-content.donate-modal .wallet-row .w-copy{justify-self:end;margin-left:0!important}
@media(min-width:641px){.modal-content.donate-modal p[data-lang=donate_desc]{font-size:.836rem!important;line-height:1.48!important}}
.modal-close{position:absolute;top:.6rem;right:.8rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s}
.modal-close:hover{color:var(--accent);background:var(--bg-hover)}
.modal-content{position:relative}
.cmd-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.8rem 0}
.cmd-list .cmd-row{background:rgba(0,0,0,0.3);border:1px solid var(--border-light);border-radius:8px;padding:.55rem .8rem;font-family:'SFMono-Regular',Consolas,monospace;font-size:.82rem;color:var(--accent)}
.cmd-list .cmd-row b{color:var(--text);font-weight:600;font-family:inherit;font-size:.85rem;display:block;margin-bottom:.15rem}
.steps{counter-reset:step;list-style:none;padding:0;margin:1rem 0}
.steps li{counter-increment:step;padding:.7rem 1rem .7rem 3rem;position:relative;background:rgba(0,0,0,0.2);border-left:2px solid var(--accent);border-radius:0 8px 8px 0;margin-bottom:.5rem;color:var(--text-secondary)}
.steps li::before{content:counter(step);position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:1.7rem;height:1.7rem;background:var(--accent);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
@media(max-width:600px){.cmd-list{grid-template-columns:1fr}.wallet-row .w-label{min-width:75px;font-size:.72rem}}
@media(max-width:1100px){.header-nav{grid-template-columns:repeat(5,minmax(5.7rem,1fr))}.tab-btn{padding:.45rem .65rem;font-size:.83rem}}
@media(max-width:980px){.header-nav{order:3;width:100%;grid-template-columns:repeat(5,minmax(5.4rem,1fr))}.tab-btn{padding:.5rem .8rem;font-size:.85rem}}
@media(max-width:768px){.feature-grid{grid-template-columns:1fr}.logo-svg{height:32px}.lang-btn .lang-name{display:none}.hero-desc{font-size:.95rem}}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}
th,td{padding:.7rem;text-align:left;border-bottom:1px solid var(--border-light)}
th{color:var(--accent);font-weight:600;background:rgba(0,183,209,0.05)}
tr:hover td{background:rgba(0,183,209,0.03)}
.note{background:rgba(52,211,153,0.08);border-left:3px solid var(--success);padding:.8rem 1rem;border-radius:0 8px 8px 0;margin:1rem 0;font-size:.9rem;color:var(--text-secondary)}
.warning{background:rgba(248,113,113,0.08);border-left:3px solid var(--danger);padding:.8rem 1rem;border-radius:0 8px 8px 0;margin:1rem 0;font-size:.9rem;color:var(--text-secondary)}
.tab-content.active:not(#tab-main){padding:clamp(2rem,5vw,4.8rem) 0 clamp(3rem,6vw,5rem)}
.tab-content:not(#tab-main)>.card{position:relative;overflow:hidden;max-width:1040px;margin:0 auto clamp(1.2rem,2.4vw,1.8rem);padding:clamp(1.2rem,3vw,2.2rem);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,transparent),rgba(8,12,18,.72) 42%,rgba(0,0,0,.58));border-color:color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:0 18px 60px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--accent) 8%,transparent)}
.tab-content:not(#tab-main)>.card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 65%,transparent),transparent 30%,transparent 70%,color-mix(in srgb,var(--accent) 38%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.75}
.tab-content:not(#tab-main)>.card::after{content:'';position:absolute;top:-35%;right:-18%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);filter:blur(4px);pointer-events:none;opacity:.7}
.tab-content:not(#tab-main)>.card>*{position:relative;z-index:1}
.tab-content:not(#tab-main) .card h2{font-family:'Orbitron',-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.12em;line-height:1.15;justify-content:center;text-align:center;color:var(--text);font-size:clamp(1.25rem,2.8vw,2rem);margin-bottom:clamp(1rem,2.8vw,1.7rem)}
.tab-content:not(#tab-main) .card h2::before,.tab-content:not(#tab-main) .card h2::after{content:'';height:1px;flex:1;min-width:32px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}
.tab-content:not(#tab-main) .card h2 .h-icon{width:clamp(22px,3vw,30px);height:clamp(22px,3vw,30px);filter:drop-shadow(0 0 10px var(--glow-color))}
.tab-content:not(#tab-main) .card>p:first-of-type{max-width:820px;margin:0 auto 1.5rem;text-align:center;font-size:clamp(.95rem,1.6vw,1.08rem);color:var(--text-secondary)}
.tab-content:not(#tab-main) .feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(.85rem,2vw,1.25rem)}
.tab-content:not(#tab-main) .feature-item,.tab-content:not(#tab-main) .faq-item,.tab-content:not(#tab-main) .release,.tab-content:not(#tab-main) .cmd-list .cmd-row,.tab-content:not(#tab-main) .menu-list li{background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.24));border-color:color-mix(in srgb,var(--accent) 18%,transparent)}
.tab-content:not(#tab-main) .feature-item{min-height:132px;display:flex;flex-direction:column;justify-content:flex-start}
.tab-content:not(#tab-main) .product-tabs{gap:clamp(.7rem,1.8vw,1rem);margin-bottom:clamp(1.3rem,3vw,2.2rem)}
.tab-content:not(#tab-main) .product-tab{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,transparent),rgba(0,0,0,.26));border-color:color-mix(in srgb,var(--accent) 18%,transparent);min-height:82px}
.tab-content:not(#tab-main) .product-content.active{padding:clamp(1rem,2.5vw,1.5rem);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:14px;background:rgba(0,0,0,.16)}
.tab-content:not(#tab-main) .product-header{justify-content:center;text-align:center;margin-bottom:1.4rem}
.tab-content:not(#tab-main) .product-header .p-info h2{justify-content:center;margin-bottom:.35rem}
.tab-content:not(#tab-main) .menu-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.tab-content:not(#tab-main) .cmd-box{background:linear-gradient(145deg,rgba(0,0,0,.45),color-mix(in srgb,var(--accent) 5%,transparent));border-color:color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:inset 0 0 20px rgba(0,0,0,.18)}
.tab-content:not(#tab-main) .note{background:linear-gradient(90deg,rgba(52,211,153,.12),rgba(52,211,153,.03));border-left-color:var(--success)}
.tab-content:not(#tab-main) table{overflow:hidden;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:rgba(0,0,0,.16)}
.tab-content:not(#tab-main) th{font-family:'Orbitron',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tab-content:not(#tab-main) .faq-item{position:relative;border-color:color-mix(in srgb,var(--accent) 18%,transparent)}
.tab-content:not(#tab-main) .faq-item[open]{box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 20px color-mix(in srgb,var(--accent) 7%,transparent)}
.tab-content:not(#tab-main) .release{padding:1.1rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:12px;margin-bottom:.8rem}
.tab-content:not(#tab-main) .release-head{justify-content:space-between}
@media(max-width:900px){.page-container{padding:0 1rem}header{align-items:center;justify-content:center}.logo{width:100%;justify-content:center}.header-nav{display:grid;grid-template-columns:repeat(5,minmax(4.8rem,1fr));order:3;overflow-x:auto;width:100%;padding:.2rem 0 .35rem;scroll-snap-type:x proximity;overscroll-behavior:contain}.header-nav .tab-btn{scroll-snap-align:center}.switches{width:100%;justify-content:center}.tab-content.active:not(#tab-main){padding-top:2rem}.product-tabs{grid-template-columns:1fr!important}.cmd-list{grid-template-columns:1fr}}
@media(max-width:900px){.hero-title{--hero-title-shift:0}}
@media(min-width:2200px) and (min-height:1200px){.hero-title{max-width:none;--hero-title-shift:0px;transform:translateX(var(--hero-title-balance,0px));transform-origin:center center}}
@media(max-width:640px){.page-container{padding:0 .85rem}header{gap:.7rem;margin-bottom:.4rem;padding-top:.7rem;padding-bottom:.7rem}.logo-svg{height:30px;max-width:92vw}.header-nav{display:grid;grid-template-columns:repeat(5,minmax(4.2rem,1fr))}.tab-btn{font-size:.78rem;padding:.45rem .58rem;gap:.32rem}.tab-btn .i{width:14px;height:14px}.switches{gap:.35rem;flex-wrap:nowrap}.lang-dropdown{width:104px}.switch-btn,.icon-btn,.search-box .search-toggle{height:32px}.hero{min-height:calc(100svh - 128px);padding:.5rem 0 1.5rem}.hero-title{font-size:clamp(1.2rem,10.5vw,2.55rem);letter-spacing:.035em}.hero-desc{white-space:normal;letter-spacing:.16em;gap:.6rem;line-height:1.5}.hero-desc::before,.hero-desc::after{max-width:54px}.hero-cmd-row{width:100%;max-width:100%;padding-right:0}.hero-cmd{font-size:.76rem;padding:.42rem .75rem;white-space:normal;word-break:break-all;text-align:left;justify-content:flex-start}.copy-btn.hero-copy{position:static;transform:none;margin-left:.45rem;width:36px;height:36px}.hero-hint{white-space:normal;margin-top:2rem}.scroll-indicator{display:none}.tab-content:not(#tab-main)>.card{border-radius:12px;padding:1rem;margin-bottom:1rem}.tab-content:not(#tab-main) .card h2{letter-spacing:.07em;gap:.45rem}.tab-content:not(#tab-main) .card h2::before,.tab-content:not(#tab-main) .card h2::after{display:none}.product-header{align-items:center!important}.product-header .p-ico-lg{width:52px;height:52px}.product-header .p-info{min-width:0;width:100%}.product-header .p-info h2{font-size:1.25rem!important}.feature-item{padding:1rem}.menu-list li{padding:.7rem .85rem}.cmd-box{padding:.85rem .8rem 3.1rem;font-size:.78rem;white-space:normal;word-break:break-all}.copy-btn{top:auto;bottom:.65rem;right:.65rem}table,thead,tbody,tr,th,td{display:block;width:100%}table{border-collapse:separate}tr{border-bottom:1px solid var(--border-light)}tr:last-child{border-bottom:none}th{display:none}td{display:flex;justify-content:space-between;gap:1rem;border-bottom:none;padding:.65rem .75rem}td:first-child{color:var(--accent);font-weight:700}td:first-child::after{content:':'}.release-head{align-items:flex-start!important;justify-content:flex-start!important}.theme-grid{grid-template-columns:repeat(2,1fr)}.modal-content{padding:1.35rem;width:calc(100% - 1.5rem)}.footer{padding:1rem .5rem}.scroll-top{right:1rem;bottom:1rem;width:42px;height:42px}}
@media(max-width:420px){.tab-btn span{display:none}.tab-btn{padding:.48rem .62rem}.tab-btn .i{width:17px;height:17px}.header-nav{justify-content:center}.lang-dropdown{width:92px}.lang-opt .lang-name{display:none}.hero-title{font-size:clamp(1.05rem,11.5vw,2.1rem)}.hero-desc{font-size:.75rem;letter-spacing:.1em}.tab-content:not(#tab-main)>.card{padding:.9rem}.product-tab{padding:.9rem}.product-tab .p-text span{white-space:normal}.lic-pill{font-size:.62rem;padding:.16rem .5rem}}
.tab-content.active:not(#tab-main){padding:0;scroll-margin-top:76px}
.tab-content:not(#tab-main){font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif}
.tab-content:not(#tab-main)>.card{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:clamp(3.2rem,7vw,5.6rem) clamp(1.25rem,4vw,3rem);border-radius:0;border-left:none;border-right:none;background:transparent;box-shadow:none;border-color:transparent;overflow:visible;scroll-margin-top:76px}
.tab-content:not(#tab-main)>.card.glass{backdrop-filter:none;-webkit-backdrop-filter:none}
.tab-content:not(#tab-main)>.card::before{content:'';position:absolute;left:50%;top:50%;width:min(1060px,94vw);height:calc(100% - clamp(3rem,8vw,7rem));min-height:420px;transform:translate(-50%,-50%);border-radius:22px;padding:1px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 62%,transparent),transparent 28%,transparent 72%,color-mix(in srgb,var(--accent) 42%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.92;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 22%,transparent))}
.tab-content:not(#tab-main)>.card::after{content:'';position:absolute;left:50%;top:50%;width:min(1060px,94vw);height:calc(100% - clamp(3rem,8vw,7rem));min-height:420px;transform:translate(-50%,-50%);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,transparent),rgba(8,12,18,.62) 42%,rgba(0,0,0,.38)),radial-gradient(circle at 85% 8%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),radial-gradient(circle at 10% 92%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%);box-shadow:0 24px 80px rgba(0,0,0,.34),0 0 44px color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;z-index:0}
.tab-content:not(#tab-main)>.card>*{position:relative;z-index:1;max-width:1000px;width:100%;margin-left:auto;margin-right:auto}
.tab-content:not(#tab-main) .card h2{font-family:'Orbitron',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--text);text-align:center;justify-content:center;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.1;margin:0 auto clamp(1.5rem,3.5vw,2.4rem);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 32%,transparent)}
.tab-content:not(#tab-main) .card h2::before,.tab-content:not(#tab-main) .card h2::after{content:'';height:1px;flex:1;min-width:70px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 58%,transparent),transparent)}
.tab-content:not(#tab-main) .card h2 .h-icon{width:clamp(24px,3.2vw,34px);height:clamp(24px,3.2vw,34px);filter:drop-shadow(0 0 9px var(--glow-color))}
.tab-content:not(#tab-main) .card>p,.tab-content:not(#tab-main) .card li,.tab-content:not(#tab-main) .faq-body{font-family:'Exo 2',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.015em}
.tab-content:not(#tab-main) .card>p:first-of-type{max-width:780px;margin:0 auto clamp(1.4rem,3vw,2rem);text-align:center;color:var(--text-secondary);font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.7}
.tab-content:not(#tab-main) .card h3{font-family:'Orbitron',sans-serif;letter-spacing:.07em;color:var(--accent);text-transform:uppercase;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 24%,transparent)}
.tab-content:not(#tab-main) .product-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto clamp(1.6rem,3vw,2.2rem);max-width:1000px}
.tab-content:not(#tab-main) .product-tab,.tab-content:not(#tab-main) .feature-item,.tab-content:not(#tab-main) .faq-item,.tab-content:not(#tab-main) .release,.tab-content:not(#tab-main) .cmd-list .cmd-row,.tab-content:not(#tab-main) .menu-list li{position:relative;background:rgba(0,0,0,.18);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.tab-content:not(#tab-main) .product-tab:hover,.tab-content:not(#tab-main) .feature-item:hover,.tab-content:not(#tab-main) .faq-item:hover,.tab-content:not(#tab-main) .release:hover,.tab-content:not(#tab-main) .cmd-list .cmd-row:hover,.tab-content:not(#tab-main) .menu-list li:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 6%,rgba(0,0,0,.22));box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 24px color-mix(in srgb,var(--accent) 10%,transparent)}
.tab-content:not(#tab-main) .product-tab::before,.tab-content:not(#tab-main) .feature-item::before{filter:drop-shadow(0 0 5px var(--accent))}
.tab-content:not(#tab-main) .product-content.active{padding:clamp(1.2rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:18px;background:rgba(0,0,0,.14);box-shadow:inset 0 0 30px rgba(0,0,0,.18)}
.tab-content:not(#tab-main) .feature-grid{grid-template-columns:repeat(3,1fr);gap:1rem}
.tab-content:not(#tab-main) .feature-item{min-height:142px;border-radius:14px}
.tab-content:not(#tab-main) .menu-list{grid-template-columns:repeat(2,1fr);gap:.75rem}
.tab-content:not(#tab-main) .menu-list li{border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px}
.tab-content:not(#tab-main) .cmd-box{font-family:'IBM Plex Mono','Share Tech Mono','SFMono-Regular',Consolas,monospace;background:rgba(0,0,0,.36);border-color:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:inset 0 0 24px rgba(0,0,0,.22),0 0 18px color-mix(in srgb,var(--accent) 8%,transparent)}
.tab-content:not(#tab-main) table{font-family:'Exo 2',sans-serif;background:rgba(0,0,0,.16);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:14px;overflow:hidden}
.tab-content:not(#tab-main) th{font-family:'Orbitron',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.tab-content:not(#tab-main) .faq-item{border-radius:14px;margin-bottom:.8rem;overflow:hidden}
.tab-content:not(#tab-main) .faq-item summary{font-family:'Orbitron',sans-serif;letter-spacing:.055em;text-transform:uppercase}
.tab-content:not(#tab-main) .release{border-style:solid;padding:1.15rem 1.25rem;border-radius:14px}
.tab-content:not(#tab-main) .release-head{justify-content:space-between}
.tab-content:not(#tab-main) .release-tag{font-family:'Orbitron',sans-serif;letter-spacing:.08em}
@media(min-width:901px){.tab-content:not(#tab-main)>.card+ .card{margin-top:0}.tab-content:not(#tab-main)#tab-install>.card,.tab-content:not(#tab-main)#tab-releases>.card,.tab-content:not(#tab-main)#tab-faq>.card{padding-top:clamp(4rem,7vw,6rem);padding-bottom:clamp(4rem,7vw,6rem)}}
@media(max-width:900px){.tab-content:not(#tab-main)>.card{min-height:auto;padding:2.4rem 1rem}.tab-content:not(#tab-main)>.card::before,.tab-content:not(#tab-main)>.card::after{width:100%;height:calc(100% - 1.5rem);min-height:0;border-radius:18px}.tab-content:not(#tab-main) .product-tabs,.tab-content:not(#tab-main) .feature-grid,.tab-content:not(#tab-main) .menu-list{grid-template-columns:1fr}.tab-content:not(#tab-main) .card h2::before,.tab-content:not(#tab-main) .card h2::after{min-width:32px}.tab-content:not(#tab-main) .product-content.active{padding:1rem}}
@media(max-width:640px){.tab-content:not(#tab-main)>.card{padding:2rem .8rem}.tab-content:not(#tab-main)>.card::before,.tab-content:not(#tab-main)>.card::after{display:none}.tab-content:not(#tab-main)>.card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,transparent),rgba(8,12,18,.68) 48%,rgba(0,0,0,.4));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:16px;margin:.8rem 0}.tab-content:not(#tab-main) .card h2{letter-spacing:.08em;font-size:1.22rem}.tab-content:not(#tab-main) .card h2::before,.tab-content:not(#tab-main) .card h2::after{display:none}.tab-content:not(#tab-main) .feature-item{min-height:auto}.tab-content:not(#tab-main) .faq-item summary{font-size:.9rem;letter-spacing:.035em;text-transform:none}}
.tab-content:not(#tab-main)>.card::before,.tab-content:not(#tab-main)>.card::after{display:none!important}
.tab-content:not(#tab-main)>.card{background:transparent!important;box-shadow:none!important;border-color:transparent!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.tab-content:not(#tab-main) .product-content.active{background:transparent!important;box-shadow:none!important;border-color:transparent!important;padding:0!important}
.tab-content:not(#tab-main) .product-tab,.tab-content:not(#tab-main) .feature-item,.tab-content:not(#tab-main) .faq-item,.tab-content:not(#tab-main) .release,.tab-content:not(#tab-main) .cmd-list .cmd-row,.tab-content:not(#tab-main) .menu-list li{box-shadow:none!important;transition:color .25s ease,border-color .25s ease,text-shadow .25s ease!important}
.tab-content:not(#tab-main) .product-tab:hover,.tab-content:not(#tab-main) .feature-item:hover,.tab-content:not(#tab-main) .faq-item:hover,.tab-content:not(#tab-main) .release:hover,.tab-content:not(#tab-main) .cmd-list .cmd-row:hover,.tab-content:not(#tab-main) .menu-list li:hover{transform:none!important;box-shadow:none!important;background:transparent!important;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important}
.tab-content:not(#tab-main) .product-tab::before,.tab-content:not(#tab-main) .feature-item::before{display:none!important}
.tab-content:not(#tab-main) .feature-item,.tab-content:not(#tab-main) .product-tab,.tab-content:not(#tab-main) .faq-item,.tab-content:not(#tab-main) .release{background:transparent!important}
.tab-content:not(#tab-main) .feature-item{border-left:1px solid color-mix(in srgb,var(--accent) 34%,transparent)!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-radius:0!important}
.tab-content:not(#tab-main) .feature-item:hover h3,.tab-content:not(#tab-main) .product-tab:hover .p-text b,.tab-content:not(#tab-main) .faq-item summary:hover{color:#fff!important;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}
.tab-content:not(#tab-main) .product-tabs{align-items:stretch}
.tab-content:not(#tab-main) .product-tab{border-color:color-mix(in srgb,var(--accent) 22%,transparent)!important}
.tab-content:not(#tab-main) .menu-list li{background:transparent!important;border-top:none!important;border-right:none!important;border-bottom:none!important}
.tab-content:not(#tab-main) .release{border-left:none!important;border-right:none!important;border-top:none!important;border-radius:0!important}
@media(max-width:640px){#tab-releases.tab-content.active{padding-top:0!important;padding-bottom:0!important}#tab-releases .section{padding-top:.35rem!important;padding-bottom:.35rem!important}#tab-releases .section-title{font-size:1.05rem!important;margin-bottom:.45rem!important}#tab-releases .release-stack{display:flex;flex-direction:column;gap:.28rem!important}#tab-releases .release{margin-bottom:0!important;padding:.42rem .15rem!important}#tab-releases .release-head{margin-bottom:.18rem!important;gap:.35rem!important;align-items:center!important}#tab-releases .release-tag{font-size:.72rem!important;letter-spacing:.04em!important}#tab-releases .release-date{font-size:.68rem!important}#tab-releases .release ul{margin:.18rem 0 0!important;padding-left:1rem!important}#tab-releases .release li{font-size:.74rem!important;line-height:1.22!important;margin-bottom:.12rem!important}}
@media(max-width:900px){header{display:grid!important;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center!important;justify-content:normal!important;gap:.6rem .8rem}.logo{grid-column:1!important;grid-row:1!important;width:auto!important;justify-content:flex-start!important;flex:0 0 auto!important;min-width:0}.logo-svg{height:32px;max-width:42vw}.switches{grid-column:3!important;grid-row:1!important;width:auto!important;justify-content:flex-end!important;flex:0 0 auto!important;min-width:0!important;flex-wrap:nowrap!important;gap:.35rem}.header-nav{grid-column:1 / -1!important;grid-row:2!important;order:unset!important;width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(4.8rem,1fr))!important;overflow-x:auto;flex-wrap:nowrap!important;padding:.25rem 0 .35rem!important;margin:0 auto;scrollbar-width:none;overscroll-behavior:contain!important;-webkit-overflow-scrolling:auto!important}.header-nav::-webkit-scrollbar{display:none}.header-nav .tab-btn{flex:0 0 auto}.tab-content.active:not(#tab-main){padding-top:0!important}}
@media(max-width:640px){header{padding-top:.5rem!important;padding-bottom:.4rem!important;margin-bottom:.15rem!important}.logo-svg{height:24px;max-width:32vw}.switches{gap:.22rem}.switch-btn,.icon-btn,.search-box .search-toggle{width:28px;height:28px;padding:0;justify-content:center}.lang-dropdown{width:88px!important;height:28px}.theme-dropdown{width:34px!important;height:28px}.lang-menu,.theme-menu{max-height:28px}.lang-dropdown.open .lang-menu{max-height:150px}.theme-dropdown.open .theme-menu{max-height:250px}.lang-opt{height:28px;padding:0 .4rem;gap:.28rem;font-size:.72rem}.theme-wheel-opt{height:28px;padding:0;justify-content:center}.theme-wheel-opt .theme-color{width:14px;height:14px}.lang-opt .lang-name{display:inline!important;min-width:0;font-size:.72rem}.header-nav{grid-template-columns:repeat(5,minmax(4.2rem,1fr))!important;gap:.18rem;padding-top:.25rem!important}.tab-btn{font-size:.68rem;padding:.3rem .4rem}.tab-btn .i{width:12px;height:12px}.hero{min-height:100svh;padding:.2rem 0 .8rem}.hero-title{font-size:clamp(.82rem,7.5vw,1.6rem);letter-spacing:.015em}.hero-desc{font-size:.62rem;letter-spacing:.08em;gap:.3rem}.hero-desc::before,.hero-desc::after{max-width:24px}.hero-cmd{font-size:.58rem;padding:.28rem .5rem;letter-spacing:0}.hero-cmd-row{margin-top:.6rem}.hero-hint{font-size:.58rem;margin-top:.8rem}#customScroll{width:7px!important;right:1px!important}.tab-content:not(#tab-main)>.card{border:none!important;margin:0!important;padding:2rem .2rem!important}.tab-content:not(#tab-main) .feature-item{border-left:none!important;border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent)!important;padding-left:0!important}.tab-content:not(#tab-main) .feature-item:first-child{border-top:none!important}.tab-content:not(#tab-main) .product-tab{background:transparent!important}.tab-content:not(#tab-main) .card h2{font-size:1.05rem;letter-spacing:.08em}.scroll-indicator{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important}.snap-section{scroll-snap-align:start}.section.snap-section{scroll-margin-top:108px;min-height:100svh;padding:1rem 0 .8rem}.hero.snap-section{scroll-margin-top:0;min-height:100svh}html{scroll-snap-type:y mandatory}.section-title{font-size:clamp(.82rem,3.8vw,1.1rem);letter-spacing:.06em;margin-bottom:.6rem;gap:.5rem}.section-title::before,.section-title::after{min-width:16px}.products-stack{gap:.6rem}.product-head{gap:.45rem;padding-bottom:.35rem}.product-ico{width:28px;height:28px;border-radius:7px}.product-ico svg{width:14px;height:14px}.product-info h3{font-size:.78rem;letter-spacing:.06em;margin-bottom:.1rem}.product-tag{font-size:.62rem}.product-components{grid-template-columns:1fr;gap:.4rem}.component{border-left:none!important;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent);padding:.35rem 0 0}.component:first-child{border-top:none;padding-top:0}.component .c-head{font-size:.66rem;gap:.25rem}.component .c-head svg{width:12px;height:12px}.component p{font-size:.56rem;line-height:1.35}.steps-timeline{gap:.55rem}.step-row{gap:.6rem}.step-row .num{width:28px;height:28px;font-size:.76rem;border-width:1.5px}.step-row:not(:last-child)::after{left:13px;top:30px;height:calc(100% + .55rem - 30px);width:1.5px}.step-body h3{font-size:.72rem;letter-spacing:.03em;margin-bottom:.1rem}.step-body p{font-size:.56rem;line-height:1.35}}
@media(max-width:420px){.logo-svg{height:22px;max-width:26vw}.tab-btn span{display:inline!important;font-size:.62rem}.tab-btn{padding:.25rem .32rem;gap:.15rem}.tab-btn .i{width:11px;height:11px}.header-nav{grid-template-columns:repeat(5,minmax(3.7rem,1fr))!important;gap:.12rem}.switches .icon-btn,.switches .switch-btn,.search-box .search-toggle{width:26px;height:26px}.lang-dropdown{width:78px!important;height:26px}.lang-opt{height:26px;font-size:.66rem}.lang-opt .lang-name{display:inline!important;font-size:.66rem}.theme-dropdown{width:30px!important;height:26px}.theme-wheel-opt{height:26px}.theme-wheel-opt .theme-color{width:12px;height:12px}.hero-title{font-size:clamp(.72rem,7vw,1.4rem);letter-spacing:.01em}.hero-desc{font-size:.56rem;letter-spacing:.06em}.hero-cmd{font-size:.52rem;padding:.22rem .4rem}.hero-hint{font-size:.52rem}.hero-cmd-row{margin-top:.4rem}.hero-hint{margin-top:.6rem}.snap-section{scroll-snap-align:start}.section.snap-section{scroll-margin-top:98px;min-height:100svh;padding:.8rem 0 .6rem}.hero.snap-section{scroll-margin-top:0;min-height:100svh}html{scroll-snap-type:y mandatory}.section-title{font-size:clamp(.72rem,3.5vw,1rem);margin-bottom:.5rem;gap:.4rem}.section-title::before,.section-title::after{min-width:12px}.products-stack{gap:.4rem}.product-ico{width:24px;height:24px;border-radius:6px}.product-ico svg{width:12px;height:12px}.product-info h3{font-size:.72rem;letter-spacing:.05em}.product-tag{font-size:.58rem}.product-components{gap:.3rem}.component .c-head{font-size:.6rem}.component .c-head svg{width:10px;height:10px}.component p{font-size:.52rem;line-height:1.3}.steps-timeline{gap:.4rem}.step-row{gap:.5rem}.step-row .num{width:24px;height:24px;font-size:.66rem}.step-row:not(:last-child)::after{left:11px;top:26px;height:calc(100% + .4rem - 26px);width:1.5px}.step-body h3{font-size:.66rem}.step-body p{font-size:.52rem;line-height:1.3}}
@media(max-width:640px){.switches{isolation:isolate}.switches #searchInput{left:0!important;right:33px!important;top:0!important;height:28px!important;padding:0 .6rem!important;font-size:.76rem!important;border-radius:7px!important;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 42%,transparent)!important;z-index:20!important}.switches.search-open #searchInput{clip-path:inset(0 0 0 0)}.switches.search-open .search-box{margin-left:auto;position:relative;z-index:21}.switches.search-open .search-toggle{width:28px!important;height:28px!important}.switches.search-open .search-results{left:0!important;right:0!important;top:calc(100% + 6px)!important;max-height:min(52vh,280px)!important;z-index:700!important}}
@media(max-width:420px){.switches #searchInput{right:31px!important;height:26px!important;font-size:.72rem!important;padding:0 .5rem!important}.switches.search-open .search-toggle{width:26px!important;height:26px!important}}
@media(max-width:640px){html{scroll-snap-type:none!important;overscroll-behavior-y:auto!important;overflow-x:hidden!important;overflow-y:auto!important;min-height:100%!important}body{overflow-x:hidden!important;overflow-y:visible!important;min-height:100%!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-padding-top:76px!important}header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:100!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:color-mix(in srgb,var(--bg) 88%,transparent)!important}.glass,.search-box,.icon-btn,.switch-btn,.lang-menu,.theme-menu,.hero-cmd,.product-tab,.modal-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.page-container{padding-top:calc(76px + 1rem)!important}.snap-section{scroll-snap-align:none!important}.header-nav{scroll-snap-type:none!important}.header-nav .tab-btn{scroll-snap-align:none!important}.tab-content:not(#tab-main)>.card::before,.tab-content:not(#tab-main)>.card::after{display:none!important}.scroll-top,.product-tab,.feature-item,.faq-item,.release,.cmd-row,.menu-list li{box-shadow:none!important}.hero.snap-section{min-height:100svh!important}.section.snap-section{min-height:100svh!important}.hero{justify-content:center!important;margin-bottom:0!important;padding:.35rem max(1rem,4vw) 8rem!important}.hero-brand{margin-bottom:1rem!important}.hero-title{font-size:clamp(.77rem,6.6vw,1.54rem)!important}.hero-desc{font-size:.64rem!important;letter-spacing:.08em!important}.hero-cmd{font-size:.57rem!important;padding:.22rem .5rem!important}.hero-hint{font-size:.57rem!important;margin-top:.9rem!important}.hero-copy{width:29px!important;height:29px!important}.hero-copy svg{width:13px!important;height:13px!important}.section.snap-section{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:.75rem .15rem 8rem!important;scroll-margin-top:108px!important}.section-title{font-size:clamp(.92rem,4.5vw,1.2rem)!important;margin-bottom:.65rem!important}.products-stack{gap:.55rem!important}.product-block{gap:.52rem!important}.product-ico{width:34px!important;height:34px!important;border-radius:9px!important}.product-ico svg{width:17px!important;height:17px!important}.product-info h3{font-size:.86rem!important}.product-tag{font-size:.62rem!important}.product-components{gap:.38rem!important}.component{padding:.48rem!important}.component .c-head{font-size:.68rem!important}.component .c-head svg{width:12px!important;height:12px!important}.component p{font-size:.59rem!important;line-height:1.32!important}#qstart .steps-timeline{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:0 0 auto!important;gap:1rem!important;margin-top:auto!important;margin-bottom:auto!important}.step-row{gap:.78rem!important}.step-row .num{width:38px!important;height:38px!important;font-size:.92rem!important}.step-row:not(:last-child)::after{left:18px!important;top:40px!important;height:calc(100% + 1rem - 40px)!important}.step-body h3{font-size:.9rem!important}.step-body p{font-size:.72rem!important;line-height:1.48!important}.section-arrow{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important}.h-icon,.theme-color svg{filter:none!important}.footer{scroll-margin-top:98px!important;padding:1rem .5rem!important}}
@media(max-width:420px){.hero.snap-section{min-height:100svh!important}.section.snap-section{min-height:100svh!important}.hero{padding:.25rem max(1rem,4vw) 7rem!important}.hero-title{font-size:clamp(.66rem,6vw,1.32rem)!important}.hero-desc{font-size:.55rem!important;letter-spacing:.06em!important}.hero-cmd{font-size:.48rem!important;padding:.18rem .39rem!important}.hero-copy{width:24px!important;height:24px!important}.hero-copy svg{width:11px!important;height:11px!important}.section.snap-section{padding:.65rem .1rem 7rem!important;scroll-margin-top:98px!important}.section-title{font-size:clamp(.82rem,4.3vw,1.02rem)!important;margin-bottom:.5rem!important}.products-stack{gap:.42rem!important}.product-block{gap:.42rem!important}.product-ico{width:29px!important;height:29px!important}.product-ico svg{width:14px!important;height:14px!important}.product-info h3{font-size:.75rem!important}.product-tag{font-size:.56rem!important}.product-components{gap:.3rem!important}.component{padding:.4rem!important}.component .c-head{font-size:.61rem!important}.component p{font-size:.54rem!important;line-height:1.28!important}#qstart .steps-timeline{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;flex:0 0 auto!important;gap:.78rem!important;margin-top:auto!important;margin-bottom:auto!important}.step-row{gap:.65rem!important}.step-row .num{width:32px!important;height:32px!important;font-size:.8rem!important}.step-row:not(:last-child)::after{left:15px!important;top:34px!important;height:calc(100% + .78rem - 34px)!important}.step-body h3{font-size:.8rem!important}.step-body p{font-size:.64rem!important;line-height:1.45!important}}
@media(max-width:640px){#tab-main #hero.hero .hero-brand{transform:translateY(-3rem)!important}}
.anim-done .ht-stroke{-webkit-mask-position:0% 0!important;mask-position:0% 0!important;animation:none!important}.anim-done .ht-fill{-webkit-mask-position:0% 0!important;mask-position:0% 0!important;animation:none!important}.anim-done .ht-shine{opacity:0!important;animation:none!important}.anim-done .hero-desc{opacity:1!important;transform:none!important;animation:none!important}.anim-done .hero-cmd-row{opacity:1!important;transform:none!important;animation:none!important}.anim-done .hero-hint{opacity:1!important;transform:none!important;animation:none!important}.anim-done .scroll-indicator{opacity:1!important;transform:translateX(-50%) translateY(0)!important}.anim-done .scroll-indicator .chev-bounce{animation:chevronStackBounce 1.8s ease-in-out 4.65s infinite,pulseScroll 2s ease-in-out 1s infinite!important}header{display:grid!important;grid-template-columns:auto minmax(0,1fr) max-content!important;grid-template-rows:auto!important;align-items:center!important;justify-content:normal!important;column-gap:.75rem!important;row-gap:0!important;overflow:visible!important}
header .logo{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;justify-content:flex-start!important}
header .logo-svg{width:auto!important;min-width:0!important;max-width:none!important;height:40px!important}
header .switches{grid-column:3!important;grid-row:1!important;align-self:center!important;width:max-content!important;min-width:max-content!important;max-width:max-content!important;flex:0 0 auto!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important}
header .header-nav{grid-column:2!important;grid-row:1!important;align-self:center!important;display:grid!important;grid-template-columns:repeat(5,max-content)!important;align-items:center!important;justify-content:space-evenly!important;min-width:0!important;max-width:100%!important;width:100%!important;padding:0 .25rem!important;column-gap:.42rem!important;row-gap:0!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
header .header-nav::-webkit-scrollbar{display:none!important}
header .header-nav .tab-btn{width:auto!important;min-width:max-content!important;max-width:none!important;justify-content:center!important;text-align:center!important;padding-left:.68rem!important;padding-right:.68rem!important}
header .header-nav .tab-btn[data-tab="main"]{order:1!important}header .header-nav .tab-btn[data-tab="products"]{order:2!important}header .header-nav .tab-btn[data-tab="install"]{order:3!important}header .header-nav .tab-btn[data-tab="faq"]{order:4!important}header .header-nav .tab-btn[data-tab="releases"]{order:5!important}
@media(max-width:1100px){header{column-gap:.55rem!important}header .logo-svg{height:34px!important}header .header-nav{justify-content:space-evenly!important;column-gap:.26rem!important;padding:0 .15rem!important}header .tab-btn{font-size:.78rem!important;padding:.42rem .42rem!important}}
@media(max-width:900px){header{display:grid!important;grid-template-columns:auto minmax(0,1fr) max-content!important;grid-template-rows:auto!important;align-items:center!important;justify-content:normal!important;column-gap:.45rem!important;row-gap:0!important}header .logo{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:none!important}header .logo-svg{width:118px!important;min-width:0!important;max-width:22vw!important;height:30px!important}header .switches{grid-column:3!important;grid-row:1!important;width:max-content!important;min-width:max-content!important;max-width:max-content!important;gap:.3rem!important}header .lang-dropdown{width:108px!important}header .icon-btn,header .search-box .search-toggle{width:32px!important;height:32px!important}header .theme-dropdown{width:40px!important;height:32px!important}header .header-nav{grid-column:2!important;grid-row:1!important;grid-template-columns:repeat(5,max-content)!important;justify-content:space-evenly!important;width:100%!important;padding:0!important;column-gap:.16rem!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important}header .header-nav .tab-btn{width:auto!important;min-width:max-content!important;padding-left:.34rem!important;padding-right:.34rem!important;font-size:.72rem!important}header .header-nav::-webkit-scrollbar{display:none!important}}
@media(max-width:640px){header{grid-template-columns:auto minmax(0,1fr) max-content!important;column-gap:.34rem!important;row-gap:0!important;padding-top:.5rem!important;padding-bottom:.4rem!important;margin-bottom:.15rem!important}header .logo-svg{width:76px!important;min-width:0!important;max-width:18vw!important;height:22px!important}header .switches{gap:.18rem!important}header .header-nav{grid-template-columns:repeat(5,max-content)!important;justify-content:start!important;column-gap:.08rem!important;padding:0!important}header .tab-btn{font-size:.62rem!important;padding:.24rem .24rem!important;gap:.14rem!important}header .tab-btn .i{width:11px!important;height:11px!important}}
@media(max-width:420px){header{column-gap:.22rem!important}header .logo-svg{width:62px!important;max-width:15vw!important;height:20px!important}header .header-nav{column-gap:.04rem!important}header .tab-btn{font-size:.58rem!important;padding:.22rem .2rem!important;gap:.1rem!important}header .tab-btn .i{width:10px!important;height:10px!important}}@media(max-width:640px){#particles-js{display:block!important;z-index:0!important}#particles-js canvas{display:block!important}header{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:.38rem .42rem!important;padding:.5rem .85rem .42rem!important;margin-bottom:0!important;min-height:76px!important;white-space:normal!important;overflow:visible!important}header .logo{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:none!important}header .logo-svg{width:auto!important;height:24px!important;max-width:31vw!important}header .switches{grid-column:3!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:100%!important;gap:.22rem!important;flex-wrap:nowrap!important;justify-content:flex-end!important;position:relative!important;z-index:220!important}header .lang-dropdown.open,header .theme-dropdown.open{z-index:320!important}header .lang-dropdown.open .lang-menu{max-height:160px!important;z-index:321!important}header .theme-dropdown.open .theme-menu{max-height:260px!important;z-index:321!important}header .icon-btn,header .search-box .search-toggle{width:28px!important;height:28px!important}header .lang-dropdown{width:88px!important;height:28px!important}header .theme-dropdown{width:34px!important;height:28px!important}header .lang-menu,header .theme-menu{max-height:28px!important}header .lang-opt{height:28px!important;padding:0 .4rem!important;gap:.28rem!important;font-size:.72rem!important}header .theme-wheel-opt{height:28px!important}header .theme-wheel-opt .theme-color{width:14px!important;height:14px!important}header .header-nav{grid-column:1 / -1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(5,auto)!important;justify-content:space-between!important;justify-items:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:.18rem 0 0!important;column-gap:.24rem!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important}header .header-nav::-webkit-scrollbar{display:none!important}header .header-nav .tab-btn{width:auto!important;max-width:none!important;min-width:0!important;justify-self:center!important;font-size:.68rem!important;padding:.26rem .3rem!important;gap:.14rem!important;box-sizing:border-box!important}header .tab-btn .i{width:12px!important;height:12px!important}.page-container{padding-top:calc(76px + 1rem)!important}.switches #searchInput{left:0!important;right:33px!important;height:28px!important;font-size:.76rem!important}}@media(max-width:420px){header{gap:.32rem .28rem!important;padding:.46rem .65rem .38rem!important}header .logo-svg{height:22px!important;max-width:26vw!important}header .header-nav{grid-template-columns:repeat(5,auto)!important;justify-content:space-between!important;justify-items:center!important;column-gap:.2rem!important}header .header-nav .tab-btn{width:auto!important;min-width:0!important;padding:.23rem .28rem!important}header .tab-btn .i{width:11px!important;height:11px!important}header .icon-btn,header .search-box .search-toggle{width:26px!important;height:26px!important}header .lang-dropdown{width:78px!important;height:26px!important}header .theme-dropdown{width:30px!important;height:26px!important}header .lang-opt{height:26px!important;font-size:.66rem!important}.switches #searchInput{right:31px!important;height:26px!important;font-size:.72rem!important}}
@media(max-width:640px){html[data-active-tab=products],html[data-active-tab=install],html[data-active-tab=faq],html[data-active-tab=releases]{height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}html[data-active-tab=products] body,html[data-active-tab=install] body,html[data-active-tab=faq] body,html[data-active-tab=releases] body{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}html[data-active-tab=products] .page-container,html[data-active-tab=install] .page-container,html[data-active-tab=faq] .page-container,html[data-active-tab=releases] .page-container{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}html[data-active-tab=products] header,html[data-active-tab=install] header,html[data-active-tab=faq] header,html[data-active-tab=releases] header{flex:0 0 auto!important}html[data-active-tab=products] .tab-content.active:not(#tab-main),html[data-active-tab=install] .tab-content.active:not(#tab-main),html[data-active-tab=faq] .tab-content.active:not(#tab-main),html[data-active-tab=releases] .tab-content.active:not(#tab-main){flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-padding-top:0!important;padding-bottom:2rem!important}}
@media(max-width:640px){body.site-maintenance{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}body.site-maintenance .page-container{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}body.site-maintenance .hero{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}}
@media(max-width:640px){#tab-products #prod-manager .product-components-tight{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem .55rem!important}#tab-products #prod-manager .product-components-tight .component{border-top:none!important;border-left:1px solid color-mix(in srgb,var(--accent) 30%,transparent)!important;padding:.42rem 0 .42rem .75rem!important}#tab-products #prod-manager .product-components-tight .component:nth-child(2n+1){border-left:none!important;padding-left:0!important}}
@media(max-width:420px){#tab-products #prod-manager .product-components-tight{grid-template-columns:1fr!important;gap:.38rem!important}#tab-products #prod-manager .product-components-tight .component{border-left:none!important;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;padding:.48rem 0 0!important}#tab-products #prod-manager .product-components-tight .component:first-child{border-top:none!important;padding-top:0!important}}
#hero .scroll-indicator > .chev-bounce,a.section-arrow > .chev-bounce{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;align-content:center!important;width:max-content!important;max-width:min(96vw,320px)!important}
#hero .scroll-indicator .chev-hint,a.section-arrow .chev-hint{display:block!important;width:100%!important;text-align:center!important;flex:0 0 auto!important}
#hero .scroll-indicator .chev-stack,a.section-arrow .chev-stack,#tab-products a.section-arrow .chev-stack{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;row-gap:0!important;column-gap:0!important;height:0!important;overflow:visible!important;transform:scale(1.05)!important;transform-origin:center top!important}
#hero .scroll-indicator .chev-stack .chev-cel svg,a.section-arrow .chev-stack .chev-cel svg,#tab-products a.section-arrow .chev-stack .chev-cel svg{width:var(--dfc-chev-size)!important;height:var(--dfc-chev-size)!important;min-width:0!important;min-height:0!important;max-width:var(--dfc-chev-size)!important;max-height:var(--dfc-chev-size)!important;display:block!important;box-sizing:border-box!important}
#hero .scroll-indicator .chev-cel + .chev-cel,a.section-arrow .chev-cel + .chev-cel{margin-top:var(--dfc-chev-overlap)!important}
#hero .scroll-indicator .chev-cel,.section-arrow .chev-cel,#tab-products a.section-arrow .chev-cel{display:block!important;flex:none!important;width:auto!important;max-width:100%!important}
#tab-products .section.snap-section > a.section-arrow{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important;max-width:min(96vw,340px)!important;margin-left:0!important;margin-right:0!important}
@media(max-width:640px){#dfcBgToggle.dfc-bg-toggle{position:fixed!important;top:auto!important;right:auto!important;bottom:max(.75rem,env(safe-area-inset-bottom,0px))!important;left:max(.42rem,env(safe-area-inset-left,0px))!important;z-index:400!important}}
#hero .scroll-indicator,#tab-main #features > a.features-scroll-dock,#tab-products a.section-arrow{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

@media(max-width:900px){
#tab-faq #faq-list,#tab-releases #rel-list{margin-top:0!important}
#tab-faq #faq-list>.section-title{margin-top:1.5rem!important;margin-bottom:3rem!important}
#tab-releases #rel-list>.section-title{margin-top:1.5rem!important;margin-bottom:2rem!important}
#tab-faq .faq-stack,#tab-releases .release-stack{max-width:100%!important}
.modal-content.donate-modal{max-width:90vw!important}
}
@media(max-width:640px){
.dfc-bg-toggle{left:max(.42rem,env(safe-area-inset-left,0px))!important;bottom:max(.75rem,env(safe-area-inset-bottom,0px))!important;width:40px!important;height:40px!important;padding:0!important}
.dfc-bg-toggle .dfc-bg-pct{font-size:.62rem!important}
.dfc-bg-toggle .dfc-playpause{width:16px!important;height:16px!important}
.dfc-tip{font-size:.7rem!important;display:none!important}
#tab-faq #faq-list>.section-title,#tab-releases #rel-list>.section-title{margin-top:.3rem!important;font-size:clamp(.95rem,4vw,1.2rem)!important;padding:0 .5rem}
#tab-faq #faq-list>.section-title{margin-bottom:3.2rem!important}
#tab-releases #rel-list>.section-title{margin-bottom:2.2rem!important}
#tab-faq .faq-stack{gap:.23rem;padding:0 .35rem}
#tab-faq .faq-item{border-radius:10px}
#tab-faq .faq-summary{padding:.6rem .85rem!important;font-size:.84rem!important;line-height:1.3}
#tab-faq .faq-summary::after{font-size:1.2rem!important;width:14px}
#tab-faq .faq-item .faq-body{padding:0 .85rem!important;font-size:.78rem!important;line-height:1.5}
#tab-faq .faq-item.is-open .faq-body{padding:0 .85rem .8rem!important}
#tab-releases .release-stack{gap:.3rem;padding:0 .35rem}
#tab-releases .release{padding:.45rem .75rem;border-radius:10px}
#tab-releases .release-tag{font-size:.78rem!important}
#tab-releases .release-date{font-size:.66rem}
#tab-releases .release ul{font-size:.72rem;margin:.15rem 0 .15rem .9rem}
#tab-releases .release ul li{margin-bottom:.1rem}
.modal-content.donate-modal{max-width:96vw!important;padding:1rem!important;width:calc(100% - .8rem)!important}
.modal-content.donate-modal h3{font-size:1.05rem!important;margin-bottom:.8rem!important}
.modal-content.donate-modal p[data-lang=donate_desc]{font-size:.62rem!important;line-height:1.4!important;margin-bottom:.6rem!important;padding:0 .15rem!important}
.donate-grid{gap:.38rem!important}
.modal-content.donate-modal .wallet-row{padding:.42rem .45rem!important;display:grid!important;grid-template-columns:4.75rem minmax(0,1fr) auto!important;align-items:center!important;column-gap:0!important;row-gap:0!important}
.modal-content.donate-modal .wallet-row .w-label{flex:unset!important;min-width:0!important;margin:0!important;font-size:.6rem!important;max-width:none!important;white-space:nowrap!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important}
.modal-content.donate-modal .wallet-row .w-addr{flex:unset!important;min-width:0!important;margin:0!important;font-size:.52rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;letter-spacing:-.022em!important;justify-self:start!important;text-align:left!important}
.modal-content.donate-modal .wallet-row .w-copy{margin:0!important;justify-self:end;padding:.18rem .38rem!important;font-size:.61rem!important}
.modal-content.donate-modal a[href*=t\.me] span{font-size:.78rem}
.footer{padding:.8rem .8rem!important;font-size:.72rem!important}
.footer-inner{flex-direction:column!important;flex-wrap:nowrap!important;gap:.15rem!important;white-space:normal!important;line-height:1.35!important;padding:0 .35rem!important;box-sizing:border-box!important}
.footer-inner .footer-sep-desktop{display:none!important}
.footer-inner .footer-brand,.footer-inner .footer-rights{display:block!important;width:100%;text-align:center!important;margin:0!important}
.footer-inner::before,.footer-inner::after{display:none!important;width:0!important;height:0!important;margin:0!important;content:none!important}
.dfc-bg-toggle .dfc-bg-ring-track,.dfc-bg-toggle .dfc-bg-ring-fill{stroke-width:3!important}
.dfc-bg-toggle.dfc-bg-dragging .dfc-bg-ring-track,.dfc-bg-toggle.dfc-bg-dragging .dfc-bg-ring-fill{stroke-width:5!important}
.cmd-blocks{gap:1rem}
.cmd-block-name{font-size:.96rem!important}
.cmd-block-desc{font-size:.84rem!important;line-height:1.5}
.cmd-block-desc code{font-size:.85em}
}
@media(max-width:420px){
.dfc-bg-toggle{width:36px!important;height:36px!important}
.dfc-bg-toggle .dfc-bg-pct{font-size:.58rem!important}
.dfc-bg-toggle .dfc-playpause{width:14px!important;height:14px!important}
.scroll-top{width:36px!important;height:36px!important}
.scroll-top .i{width:16px!important;height:16px!important}
#tab-faq .faq-summary{font-size:.78rem!important;padding:.55rem .7rem!important}
#tab-faq .faq-item .faq-body{font-size:.74rem!important;padding:0 .7rem!important}
#tab-faq .faq-item.is-open .faq-body{padding:0 .7rem .7rem!important}
#tab-releases .release{padding:.6rem .7rem}
#tab-releases .release-tag{font-size:.78rem!important}
#tab-releases .release-date{font-size:.68rem}
#tab-releases .release ul{font-size:.72rem;margin-left:.85rem}
.modal-content.donate-modal h3{font-size:.92rem!important}
.modal-content.donate-modal p[data-lang=donate_desc]{font-size:.58rem!important;line-height:1.38!important;margin-bottom:.5rem!important;padding:0 .08rem!important}
.modal-content.donate-modal .wallet-row{padding:.38rem .4rem!important;grid-template-columns:4.35rem minmax(0,1fr) auto!important;column-gap:0!important}
.modal-content.donate-modal .wallet-row .w-label{font-size:.56rem!important;overflow:hidden!important;text-overflow:ellipsis!important}
.modal-content.donate-modal .wallet-row .w-addr{font-size:.48rem!important}
.modal-content.donate-modal .wallet-row .w-copy{padding:.16rem .34rem!important;font-size:.54rem!important}
.footer{font-size:.65rem!important}
}
@media(min-width:641px) and (max-width:1024px){
#tab-faq #faq-list,#tab-releases #rel-list{margin-top:-.5cm}
#tab-faq #faq-list>.section-title{margin-bottom:4rem}
#tab-releases #rel-list>.section-title{margin-bottom:2.5rem}
#tab-faq .faq-stack,#tab-releases .release-stack{max-width:90%}
}
@media(orientation:landscape) and (max-height:600px){
#tab-faq #faq-list,#tab-releases #rel-list{margin-top:0;min-height:auto}
#tab-faq #faq-list>.section-title{margin-top:.8rem;margin-bottom:2.2rem}
#tab-releases #rel-list>.section-title{margin-top:.8rem;margin-bottom:1.2rem}
.section.snap-section{min-height:auto!important;padding:.5rem 0!important}
}

@media(max-width:640px){
#tab-products .product-page-card{padding:.7rem .55rem!important}
#tab-products .product-head-split{padding-bottom:.4rem!important}
#tab-products .product-ico{width:32px!important;height:32px!important;border-radius:8px!important}
#tab-products .product-ico svg{width:16px!important;height:16px!important}
#tab-products .product-info h3,#tab-products .product-title-name{font-size:.95rem!important;letter-spacing:.04em!important;font-family:'Orbitron',sans-serif!important;font-weight:700!important}
#tab-products .product-lead-side,#tab-products .product-tag{font-size:.7rem!important;line-height:1.4!important}
#tab-products .product-components-tight{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.32rem .55rem!important;margin-top:.3rem!important}
#tab-products .product-components-tight .component{padding:.25rem 0 .15rem!important;border-top:none!important;border-left:1px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;padding-left:.55rem!important}
#tab-products .product-components-tight .component:first-child,#tab-products .product-components-tight .component:nth-child(2n+1){border-left:1px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;padding-left:.55rem!important;padding-top:.25rem!important}
#tab-products .product-components-tight .component:nth-child(odd){border-left:none!important;padding-left:0!important}
#tab-products .product-components-tight .component .c-head{font-family:'Orbitron',sans-serif!important;font-size:.66rem!important;letter-spacing:.04em!important;font-weight:700!important;gap:.3rem!important;margin-bottom:.1rem}
#tab-products .product-components-tight .component .c-head svg{width:11px!important;height:11px!important}
#tab-products .product-components-tight .component p{font-size:.62rem!important;line-height:1.32!important;margin:0!important}
#tab-products .product-mgr-invoke{margin-top:.5rem!important;font-size:.72rem!important;padding:.35rem .55rem!important}
#tab-products .product-mgr-invoke--solo code{font-size:.7rem!important}
#tab-products .section.snap-section{padding:.55rem .15rem 6rem!important}
#tab-products .product-page-hero{margin-bottom:.3rem!important}
#tab-products .product-page-hero .section-title{font-size:.95rem!important;margin-bottom:.5rem!important}
}
@media(max-width:420px){
#tab-products .product-page-card{padding:.55rem .4rem!important}
#tab-products .product-info h3,#tab-products .product-title-name{font-size:.85rem!important}
#tab-products .product-components-tight{grid-template-columns:1fr!important;gap:.2rem!important}
#tab-products .product-components-tight .component,#tab-products .product-components-tight .component:nth-child(2n+1),#tab-products .product-components-tight .component:nth-child(odd){border-left:none!important;border-top:1px solid color-mix(in srgb,var(--accent) 18%,transparent)!important;padding:.22rem 0 .12rem!important}
#tab-products .product-components-tight .component:first-child{border-top:none!important;padding-top:0!important}
#tab-products .product-components-tight .component .c-head{font-size:.62rem!important}
#tab-products .product-components-tight .component p{font-size:.58rem!important}
#tab-products .product-lead-side{font-size:.66rem!important}
#tab-products .product-mgr-invoke,#tab-products .product-mgr-invoke--solo code{font-size:.66rem!important}
}

@media(max-width:640px){
#tab-products #prod-list,#tab-install #inst-list{margin-top:0!important;padding-top:0!important}
#tab-products #prod-list>.section-title,#tab-install #inst-list>.section-title{margin-top:.3rem!important;margin-bottom:2rem!important;font-size:clamp(1rem,4.6vw,1.3rem)!important;letter-spacing:.06em!important;padding:0 .5rem}
#tab-install #inst-list .prod-eco-grid{padding-top:.8rem!important}
#tab-install #inst-quickstart .product-page-hero{margin-bottom:0!important}
#tab-install #inst-quickstart .product-title-stack .section-title{margin:0 0 3rem!important}
#tab-install #inst-quickstart .products-stack{gap:0!important;margin-top:0!important;justify-content:flex-start!important;flex:0 0 auto!important}
#tab-install #inst-quickstart .product-page-card{padding-top:.2rem!important}
#tab-install #inst-quickstart .steps-timeline{gap:.5rem!important;margin-top:0!important}
#tab-install .product-lead-side{font-size:.7rem!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-clamp:2!important;overflow:hidden!important}
#tab-install #inst-system .product-head-split{padding-bottom:1rem!important}
#tab-install #inst-system .product-page-hero{margin-bottom:0!important}
#tab-install #inst-system .product-title-stack .section-title{margin:0 0 3.6rem!important}
#tab-install #inst-system .products-stack{gap:0!important;margin-top:0!important;justify-content:flex-start!important;flex:0 0 auto!important}
#tab-install #inst-system .product-page-card{padding-top:.2rem!important}
#tab-install #inst-system .product-components-tight{margin-top:.65rem!important}
#tab-install #inst-license .product-page-hero{margin-bottom:0!important}
#tab-install #inst-license .product-title-stack .section-title{margin:0 0 3.6rem!important}
#tab-install #inst-license .products-stack{gap:0!important;margin-top:0!important;justify-content:flex-start!important;flex:0 0 auto!important}
#tab-install #inst-license .product-page-card{padding-top:.2rem!important}
#tab-install #inst-commands .product-page-hero{margin-bottom:0!important}
#tab-install #inst-commands .product-title-stack .section-title{margin:0 0 3.6rem!important}
#tab-install #inst-commands .products-stack{gap:0!important;margin-top:0!important;justify-content:flex-start!important;flex:0 0 auto!important}
#tab-install #inst-commands .product-page-card{padding-top:.2rem!important}
#tab-install #inst-commands .product-head-split{padding-bottom:1rem!important}
#tab-install #inst-commands .cmd-blocks{gap:.4rem!important}
#tab-install #inst-commands .cmd-block{padding:.3rem 0!important}
#tab-install #inst-commands .cmd-block-name{font-size:.72rem!important;margin-bottom:.1rem!important}
#tab-install #inst-commands .cmd-block-desc{font-size:.62rem!important;line-height:1.35!important}
#tab-main #qstart .section-title{margin-top:1.5rem!important;margin-bottom:3rem!important}
#tab-main #features .section-title{margin-top:1.5rem!important}
#tab-main #qstart .products-stack{gap:0!important;justify-content:flex-start!important;flex:0 0 auto!important}
#tab-main #qstart .product-block{gap:.2rem!important}
#tab-main #qstart .steps-timeline{gap:.5rem!important;margin-top:0!important;margin-bottom:auto!important}
#tab-products #prod-list>.section-title::before,#tab-products #prod-list>.section-title::after,#tab-install #inst-list>.section-title::before,#tab-install #inst-list>.section-title::after{min-width:14px!important}
#tab-products .prod-eco-grid,#tab-install .prod-eco-grid{gap:1.1rem!important;padding:0 0 .5rem!important;max-width:100%!important;transform:none!important;flex:0 0 auto!important;justify-content:flex-start!important}
#tab-products .prod-eco-card,#tab-install .prod-eco-card{grid-template-columns:auto 1fr!important;gap:1rem!important;padding:1rem .9rem!important;border-radius:14px!important}
#tab-products .prod-eco-card+.prod-eco-card,#tab-install .prod-eco-card+.prod-eco-card{padding-top:1rem!important}
#tab-products .prod-eco-card+.prod-eco-card::before,#tab-install .prod-eco-card+.prod-eco-card::before{left:.8rem!important;right:.8rem!important}
#tab-products .prod-eco-ico,#tab-install .prod-eco-ico{width:54px!important;height:54px!important}
#tab-products .prod-eco-ico svg,#tab-install .prod-eco-ico svg{width:25px!important;height:25px!important}
#tab-products .prod-eco-ico::before,#tab-install .prod-eco-ico::before{inset:-4px!important}
#tab-products .prod-eco-body,#tab-install .prod-eco-body{gap:.18rem!important;padding-right:0!important}
#tab-products .prod-eco-name,#tab-install .prod-eco-name,#tab-products .prod-eco-name-row,#tab-install .prod-eco-name-row{font-size:1.15rem!important;letter-spacing:.06em!important;margin:0!important;line-height:1.15!important}
#tab-products .prod-eco-badge,#tab-install .prod-eco-badge{font-size:.6rem!important;letter-spacing:.06em!important}
#tab-products .prod-eco-desc,#tab-install .prod-eco-desc{font-size:.78rem!important;line-height:1.45!important;margin-top:.18rem!important}
}
@media(max-width:420px){
#tab-products #prod-list>.section-title,#tab-install #inst-list>.section-title{font-size:clamp(.9rem,4.4vw,1.1rem)!important;margin-top:.3rem!important;margin-bottom:2rem!important}
#tab-products .prod-eco-grid,#tab-install .prod-eco-grid{gap:.8rem!important}
#tab-products .prod-eco-card,#tab-install .prod-eco-card{padding:.8rem .7rem!important;gap:.85rem!important}
#tab-products .prod-eco-card+.prod-eco-card,#tab-install .prod-eco-card+.prod-eco-card{padding-top:.85rem!important}
#tab-products .prod-eco-ico,#tab-install .prod-eco-ico{width:48px!important;height:48px!important}
#tab-products .prod-eco-ico svg,#tab-install .prod-eco-ico svg{width:22px!important;height:22px!important}
#tab-products .prod-eco-name,#tab-install .prod-eco-name,#tab-products .prod-eco-name-row,#tab-install .prod-eco-name-row{font-size:1rem!important}
#tab-products .prod-eco-badge,#tab-install .prod-eco-badge{font-size:.55rem!important}
#tab-products .prod-eco-desc,#tab-install .prod-eco-desc{font-size:.72rem!important;line-height:1.42!important}
}

@media(max-width:640px){
.section.snap-section{min-height:calc(100svh - 76px)!important;padding:.6rem .25rem 1rem!important}
.hero.snap-section{min-height:calc(100svh - 76px)!important;padding:.35rem max(1rem,4vw) 1rem!important}
#tab-faq #faq-list,#tab-releases #rel-list{min-height:calc(100svh - 76px)!important;height:auto!important}
}
@media(max-width:420px){
.section.snap-section{min-height:calc(100svh - 70px)!important;padding:.45rem .15rem .85rem!important}
.hero.snap-section{min-height:calc(100svh - 70px)!important}
}

@media(max-width:640px){
#tab-products .product-components-tight .component.mobile-hide,#tab-install .product-components-tight .component.mobile-hide{display:none!important}
#tab-products .product-lead-side{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;line-clamp:2!important;overflow:hidden!important;font-size:.7rem!important;line-height:1.4!important}
#tab-products #prod-remnasale .product-head-split{padding-bottom:1rem!important}
#tab-products #prod-remnasale .product-components-tight{margin-top:.65rem!important}
#tab-products #prod-support .product-head-split{padding-bottom:1rem!important}
#tab-products #prod-support .product-components-tight{margin-top:.65rem!important}
#tab-products #prod-manager,
#tab-products #prod-remnasale,
#tab-products #prod-support{padding-top:.35rem!important}
#tab-products #prod-manager .product-page-hero,
#tab-products #prod-remnasale .product-page-hero,
#tab-products #prod-support .product-page-hero{margin-top:0!important;margin-bottom:.4rem!important}
#tab-products #prod-manager .product-title-stack .section-title,
#tab-products #prod-remnasale .product-title-stack .section-title,
#tab-products #prod-support .product-title-stack .section-title{margin-top:0!important;margin-bottom:.4rem!important}
}

@media(max-width:640px){
html[data-active-tab=products] #tab-products,
html[data-active-tab=install] #tab-install,
html[data-active-tab=faq] #tab-faq,
html[data-active-tab=releases] #tab-releases{
scroll-snap-type:none!important;
scroll-padding-top:0!important;
overscroll-behavior:contain!important;
}
html[data-active-tab=products] #tab-products>.section.snap-section,
html[data-active-tab=install] #tab-install>.section.snap-section,
html[data-active-tab=faq] #tab-faq>.section.snap-section,
html[data-active-tab=releases] #tab-releases>.section.snap-section{
scroll-snap-align:none!important;
scroll-margin-top:0!important;
}
}

@media(max-width:640px){
html[data-active-tab=releases] #tab-releases{padding-top:0!important;padding-bottom:0!important}
html[data-active-tab=releases] #tab-releases>.section.snap-section{min-height:auto!important;padding:.35rem .1rem 1rem!important}
html[data-active-tab=releases] #tab-releases .section-title{font-size:1.02rem!important;margin-bottom:.4rem!important}
html[data-active-tab=releases] #tab-releases .release-stack{display:flex!important;flex-direction:column!important;gap:.22rem!important}
html[data-active-tab=releases] #tab-releases .release{margin:0!important;padding:.36rem .12rem!important}
html[data-active-tab=releases] #tab-releases .release-head{margin-bottom:.14rem!important;gap:.32rem!important;align-items:center!important}
html[data-active-tab=releases] #tab-releases .release-tag{font-size:.68rem!important;letter-spacing:.035em!important}
html[data-active-tab=releases] #tab-releases .release-date{font-size:.64rem!important}
html[data-active-tab=releases] #tab-releases .release ul{margin:.14rem 0 0!important;padding-left:.95rem!important}
html[data-active-tab=releases] #tab-releases .release li{font-size:.7rem!important;line-height:1.18!important;margin:0 0 .08rem!important}
}

@media(max-width:640px){
html[data-active-tab=faq] #tab-faq #faq-list>.section-title{margin-bottom:3.2rem!important}
}

@media(max-width:640px){
#dfcBgToggle.dfc-bg-toggle,.dfc-bg-toggle{bottom:calc(env(safe-area-inset-bottom,0px) + 2.25rem)!important}
.scroll-top{bottom:calc(env(safe-area-inset-bottom,0px) + 2.25rem)!important}
}

@media(max-width:640px){
:root{--dfc-down-arrow-bottom:calc(.65rem + env(safe-area-inset-bottom,0px))}
#tab-main #features > .section-title{margin-bottom:2rem!important}
#dfcBgToggle.dfc-bg-toggle,.dfc-bg-toggle{left:calc(env(safe-area-inset-left,0px) + .85rem + 12px)!important}
.scroll-top{right:calc(env(safe-area-inset-right,0px) + .85rem + 12px)!important}
}

@media(min-width:2200px) and (min-height:1200px){
.page-container{max-width:1380px}
.logo-svg{height:46px}
.tab-btn{font-size:.96rem;padding:.58rem .95rem}
.tab-btn .i{width:18px;height:18px}
.switch-btn,.icon-btn,.search-box .search-toggle{height:38px}
.icon-btn,.search-box .search-toggle{width:38px}
.lang-dropdown,.theme-dropdown{height:38px}
.lang-menu,.theme-menu{max-height:38px}
.lang-opt,.theme-wheel-opt{height:38px}
.theme-wheel-opt .theme-color{width:22px;height:22px}
.hero-title{font-size:clamp(1.4rem,5.45vw,6.35rem)}
.hero-desc{font-size:clamp(1rem,1.25vw,1.45rem)}
.hero-cmd-row{width:min(100%,56rem)}
.hero-cmd{font-size:clamp(1.02rem,1.1vw,1.35rem);padding:.42rem 1.25rem}
.copy-btn.hero-copy{width:44px;height:44px}
.hero-hint{font-size:clamp(1rem,1vw,1.22rem)}
.section-title{font-size:clamp(1.65rem,2.35vw,2.85rem)}
.products-stack{gap:2.8rem}
.products-row{gap:2.8rem 3.8rem}
.product-ico{width:56px;height:56px}
.product-ico svg{width:29px;height:29px}
.product-info h3{font-size:1.56rem}
.product-tag{font-size:1rem}
.component .c-head{font-size:1rem}
.component p,.step-row p,#tab-products .prod-eco-desc,#tab-install .prod-eco-desc{font-size:1.08rem;line-height:1.56}
.step-row .num{width:54px;height:54px;font-size:1.32rem}
.step-body h3{font-size:1.22rem}
}

@media(min-width:2400px) and (min-height:1200px){
.page-container{max-width:1520px}
.logo-svg{height:50px}
.hero-title{font-size:clamp(1.4rem,4.9vw,7.2rem)}
.hero-desc{font-size:clamp(1.05rem,1.18vw,1.58rem)}
.hero-cmd-row{width:min(100%,62rem)}
.hero-cmd{font-size:clamp(1.06rem,1.02vw,1.48rem)}
.section-title{font-size:clamp(1.75rem,2vw,3.15rem)}
.product-info h3{font-size:1.72rem}
.component p,.step-row p,#tab-products .prod-eco-desc,#tab-install .prod-eco-desc{font-size:1.18rem}
}

html.dfc-wide-screen .page-container{max-width:min(1520px,calc(100vw - 3rem))}
html.dfc-wide-screen header{width:100%}
html.dfc-wide-screen .logo-svg{height:clamp(40px,1.95vw,50px)}
html.dfc-wide-screen .tab-btn{font-size:clamp(.88rem,.78vw,.98rem);padding:clamp(.5rem,.46vw,.6rem) clamp(.72rem,.72vw,.95rem)}
html.dfc-wide-screen .switch-btn,html.dfc-wide-screen .icon-btn,html.dfc-wide-screen .search-box .search-toggle{height:clamp(34px,1.5vw,38px)}
html.dfc-wide-screen .icon-btn,html.dfc-wide-screen .search-box .search-toggle{width:clamp(34px,1.5vw,38px)}
html.dfc-wide-screen .lang-dropdown,html.dfc-wide-screen .theme-dropdown{height:clamp(34px,1.5vw,38px)}
html.dfc-wide-screen .hero-brand{width:min(100%,var(--dfc-header-width,100%));justify-items:center}
html.dfc-wide-screen .hero-title{max-width:none;--hero-title-shift:0px;font-size:calc(clamp(3.2rem,4.45vw,7.2rem) * var(--hero-title-scale,1));transform:translateX(var(--hero-title-balance,0px));transform-origin:center center}
html.dfc-wide-screen .hero-desc{font-size:clamp(1rem,1.05vw,1.55rem)}
html.dfc-wide-screen .hero-cmd-row{width:min(100%,62rem)}
html.dfc-wide-screen .hero-cmd{font-size:clamp(1.02rem,.98vw,1.42rem)}
html.dfc-wide-screen .section-title{font-size:clamp(1.65rem,1.9vw,3.05rem)}
html.dfc-wide-screen .products-stack{gap:clamp(2.2rem,2.1vw,2.8rem)}

html{scroll-snap-type:none!important}
.snap-section{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
.scroll-indicator,.section-arrow,.dfc-global-down-arrow{display:none!important}