:root{
  --bg:#090a0d;
  --panel:#13151a;
  --panel-2:#17191f;
  --panel-3:#1d2027;
  --card:#14171d;
  --text:#f1f3f5;
  --muted:#a9adb7;
  --line:#2b2f39;
  --line-2:#434856;
  --white:#ffffff;
  --shadow:0 16px 48px rgba(0,0,0,.34);
  --shadow-strong:0 24px 70px rgba(0,0,0,.45);
  --radius:26px;
  --radius-sm:18px;
  --display:'Space Grotesk',system-ui,sans-serif;
  --body:'DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% 20%,#151924 0,#0b0c10 28%,#08090b 100%);color:var(--text);font:400 15px/1.65 var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}
.shell{width:min(100% - 56px,1180px);margin:0 auto}
.page-noise,.ambient{pointer-events:none;position:fixed;inset:0;z-index:-2}.page-noise{opacity:.07;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:18px 18px;mix-blend-mode:soft-light}.ambient{filter:blur(70px);opacity:.18;z-index:-3}.ambient-a{background:radial-gradient(circle,#cfd6ef 0,transparent 60%);width:380px;height:380px;top:8%;left:-8%;animation:ambientFloatA 12s ease-in-out infinite alternate}.ambient-b{background:radial-gradient(circle,#61697a 0,transparent 58%);width:420px;height:420px;right:-10%;bottom:10%;animation:ambientFloatB 14s ease-in-out infinite alternate}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#fff,#8f97a6,#fff);box-shadow:0 0 14px rgba(255,255,255,.45);z-index:20}
.topbar{position:sticky;top:0;z-index:18;background:linear-gradient(to bottom,rgba(8,10,13,.95),rgba(8,10,13,.78),rgba(8,10,13,.15));backdrop-filter:blur(12px)}
.navline{display:flex;align-items:center;gap:22px;min-height:78px}.logo{font:700 17px var(--display);letter-spacing:-.6px;position:relative;padding-right:18px}.logo span{color:#aeb4c2}.logo i{position:absolute;right:0;top:8px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.35);animation:pulseDot 1.8s infinite}.navigation{display:flex;gap:18px}.navigation a,.header-contact{font-size:13px;color:#b9bec8;transition:.3s}.navigation a:hover,.header-contact:hover{color:#fff;transform:translateY(-1px)}.header-contact{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.04)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:21px;padding:0}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:center;min-height:calc(100vh - 92px);padding:48px 0 44px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#c4c7cf;font-size:11px;letter-spacing:1.7px;text-transform:uppercase}.eyebrow.center{justify-content:center}.live-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.35);animation:pulseDot 1.5s infinite}.hero h1,.section-title,.contact h2{margin:0;font:700 clamp(42px,6vw,88px)/.94 var(--display);letter-spacing:-3.5px}.hero h1{margin-top:16px;position:relative}.outlined{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62);animation:outlineBreath 4s ease-in-out infinite}.hero-intro{max-width:630px;margin:20px 0 0;color:#b8bcc7;font-size:17px}.hero-intro strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:999px;border:1px solid var(--line-2);transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.button::before{content:'';position:absolute;inset:-1px auto -1px -40%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-24deg);animation:buttonSweep 4.8s linear infinite}.button.light{background:#f3f3f3;color:#121316;border-color:#f3f3f3}.button.muted{background:rgba(255,255,255,.04);color:#edf0f4}.button:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#9ba1ad;font-size:12px}.meta-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:7px;animation:pulseDot 2s infinite}
.hero-panel{position:relative;height:540px;padding:26px;border-radius:34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(26,28,34,.96),rgba(16,18,22,.96));box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.hero-panel::before,.hero-panel::after{content:'';position:absolute;inset:0;pointer-events:none}.hero-panel::before{background:linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.08) 50%,transparent 72%);transform:translateX(-120%);animation:sheen 9s linear infinite}.hero-panel::after{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,rgba(255,255,255,.8),transparent)}
.panel-head,.panel-foot{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#c5cad2;letter-spacing:1.8px;text-transform:uppercase}.panel-center{position:absolute;inset:82px 34px 64px;display:grid;place-items:center}.panel-mark{width:124px;height:124px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(180deg,#2a2d35,#171920);border:1px solid rgba(255,255,255,.22);font:700 72px var(--display);box-shadow:0 18px 45px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.15);position:relative;z-index:2;animation:markFloat 4.5s ease-in-out infinite}.orbit,.pulse-ring,.scanline{position:absolute;border-radius:50%}.orbit-a{width:260px;height:260px;border:1px dashed rgba(255,255,255,.24);animation:spin 15s linear infinite}.orbit-b{width:168px;height:320px;border:1px solid rgba(255,255,255,.22);border-left-color:transparent;border-right-color:transparent;transform:rotate(34deg);animation:spinReverse 11s linear infinite}.pulse-ring{border:1px solid rgba(255,255,255,.12);animation:ringPulse 3s ease-out infinite}.ring-a{width:240px;height:240px}.ring-b{width:310px;height:310px;animation-delay:1.2s}.scanline{inset:auto 4% 18%;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);box-shadow:0 0 24px rgba(255,255,255,.28);animation:scanMove 4s ease-in-out infinite alternate}
.ticker{overflow:hidden;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}.ticker-track{display:block;width:max-content;white-space:nowrap;padding:15px 0;font:700 12px var(--display);letter-spacing:2px;color:#d4d7df;animation:marquee 24s linear infinite}
.section{padding:96px 0}.section-kicker{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;color:#a8afbc}.section-heading.compact{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end;margin:32px 0 24px}.section-title{font-size:clamp(34px,5vw,62px);letter-spacing:-2.5px;line-height:1.02}.section-title.small{font-size:clamp(28px,4.4vw,48px)}.section-title em,.contact h2 em{font-style:normal;color:#959daa}.section-heading p{margin:0;color:#b1b6bf;max-width:470px;justify-self:end}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card,.product-card,.step{position:relative;background:linear-gradient(180deg,rgba(22,24,30,.92),rgba(16,18,23,.98));border:1px solid rgba(255,255,255,.11);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .35s,border-color .35s,box-shadow .35s}.feature-card::before,.product-card::before,.step::before{content:'';position:absolute;inset:-1px auto auto -40%;width:48%;height:120%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skewX(-20deg);animation:cardSweep 7.5s linear infinite}.feature-card::after,.product-card::after,.step::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);animation:borderPulse 2.8s ease-in-out infinite}.feature-card:hover,.product-card:hover,.step:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.22);box-shadow:var(--shadow-strong)}.feature-card{padding:22px 22px 20px;min-height:164px}.feature-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.06);color:#e7e9ed;font:700 13px var(--display);margin-bottom:18px;animation:floatMini 3.6s ease-in-out infinite}.feature-card strong{display:block;font:700 22px/1.14 var(--display);margin-bottom:8px}.feature-card p{margin:0;color:#aeb3bd}
.library-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap;margin:26px 0 18px}.toolbar-title p{margin:10px 0 0;color:#aeb2bc;max-width:460px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#d7dbe3;padding:10px 15px;transition:.28s}.filter:hover,.filter.active{background:#f3f3f3;color:#101115;transform:translateY(-2px)}.status-line{font-size:13px;color:#9ca3af;margin-bottom:16px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.product-card{cursor:pointer;display:flex;flex-direction:column;min-width:0;isolation:isolate}.product-card .glow{position:absolute;inset:-20% auto auto -10%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0,transparent 68%);filter:blur(18px);animation:glowDrift 8s ease-in-out infinite}.product-card:nth-child(2n) .glow{animation-delay:-4s}
.product-media{position:relative;background:linear-gradient(180deg,#090a0d,#111319);border-bottom:1px solid rgba(255,255,255,.08);padding:10px;display:flex;justify-content:center;align-items:center;min-height:220px}.product-media img,.product-media video{display:block;width:auto;height:auto;max-width:100%;max-height:320px;border-radius:18px;object-fit:contain;background:#0a0a0d;box-shadow:0 10px 30px rgba(0,0,0,.35)}.product-card:hover .product-media img,.product-card:hover .product-media video{transform:scale(1.01)}.product-placeholder{display:grid;place-items:center;width:100%;min-height:180px;border-radius:18px;background:rgba(255,255,255,.03);font:700 52px var(--display);color:#6c7380;animation:floatMini 5s ease-in-out infinite}.media-badges{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.media-type,.media-count{display:inline-flex;align-items:center;gap:6px;background:rgba(6,7,10,.78);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);border-radius:999px;padding:5px 10px;font-size:11px;color:#e3e6ea}.play-hint{position:absolute;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px rgba(0,0,0,.25);animation:playPulse 2.6s ease-in-out infinite}
.product-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.product-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#9da4b0;font-size:11px;text-transform:uppercase;letter-spacing:1.6px}.product-body h3{margin:0;font:700 23px/1.18 var(--display);overflow-wrap:anywhere}.product-body .desc{margin:0;color:#c0c5cf;font-size:14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}.chip{padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:11px;color:#d7dbe4}
.product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:2px}.product-actions a,.product-actions button{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:9px 12px;font-size:12px;transition:transform .25s,background .25s,border-color .25s}.product-actions a:hover,.product-actions button:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.23)}
.empty-state{border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius);padding:42px;text-align:center;background:rgba(255,255,255,.03)}.empty-icon{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.06);font-size:30px;animation:spin 16s linear infinite}.empty-state h3{margin:16px 0 8px;font:700 26px var(--display)}.empty-state p{max-width:540px;margin:0 auto 22px;color:#aeb3bd}
.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:56px 1fr 28px;align-items:center;gap:16px;padding:18px 22px}.step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.06);font:700 15px var(--display);animation:floatMini 3.6s ease-in-out infinite}.step h3{margin:0 0 4px;font:700 18px var(--display)}.step p{margin:0;color:#aeb3bc}.step i{font-style:normal;color:#fff;animation:arrowBob 2.4s ease-in-out infinite}
.contact{margin-top:18px;padding:88px 0;background:radial-gradient(circle at 50% 0,#1e222b 0,#101216 50%,#0a0b0e 100%);border-top:1px solid rgba(255,255,255,.08)}.contact-inner{text-align:center}.contact h2{font-size:clamp(34px,5.2vw,66px);line-height:1.02;letter-spacing:-2.6px;margin:18px auto}.contact p{max-width:700px;margin:0 auto 26px;color:#b7bcc5}.center-actions{justify-content:center}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:92px;color:#a7aab3;font-size:12px}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:32}.modal-backdrop{position:absolute;inset:0;background:rgba(7,8,12,.72);backdrop-filter:blur(16px);animation:fadeIn .28s ease}.modal-dialog{position:relative;z-index:2;width:min(1180px,calc(100% - 32px));max-height:calc(100vh - 28px);margin:14px auto;overflow:auto;background:linear-gradient(180deg,#191c23,#101217);border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 32px 80px rgba(0,0,0,.5);padding:20px 20px 22px;animation:modalIn .3s cubic-bezier(.2,.8,.2,1)}.modal-close{position:sticky;top:0;margin-left:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-size:25px;z-index:5}.modal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.modal-media-wrap{display:flex;flex-direction:column;gap:12px}.modal-media-stage{min-height:420px;border-radius:24px;background:#0a0c10;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;align-items:center;padding:16px;position:relative;overflow:hidden}.modal-media-stage img,.modal-media-stage video,.modal-media-stage iframe{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;border-radius:18px;background:#090a0c}.modal-media-stage iframe{width:min(100%,960px);aspect-ratio:16/9;border:0}.modal-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.thumb{border:1px solid rgba(255,255,255,.08);background:#0f1116;border-radius:16px;padding:6px;min-height:68px;display:flex;justify-content:center;align-items:center;transition:.25s}.thumb.active,.thumb:hover{border-color:rgba(255,255,255,.25);transform:translateY(-2px)}.thumb img,.thumb video{display:block;max-width:100%;max-height:72px;border-radius:10px}.thumb .yt-thumb{display:grid;place-items:center;width:100%;min-height:58px;border-radius:10px;background:linear-gradient(135deg,#20242c,#0d0f14);font-size:12px;color:#fff}
.modal-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#bbc0ca;font-size:12px}.modal-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:7px 12px}.modal-content h3{margin:10px 0 8px;font:700 clamp(26px,3.6vw,44px)/1.08 var(--display);overflow-wrap:anywhere}.modal-author{margin:0 0 14px;color:#aeb3bc}.modal-desc{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.03);color:#d4d7df;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}.modal-links-block{margin-top:14px}.modal-links-block strong{display:block;margin-bottom:10px;font:700 13px var(--display);letter-spacing:1px;text-transform:uppercase}.modal-links{display:flex;flex-wrap:wrap;gap:10px}.modal-links a{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:10px 13px;font-size:13px;transition:.25s}.modal-links a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(34px) scale(.98);filter:blur(4px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1),filter .8s ease}.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.36)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
@keyframes outlineBreath{0%,100%{-webkit-text-stroke-color:rgba(255,255,255,.55)}50%{-webkit-text-stroke-color:#fff}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes markFloat{0%,100%{transform:translateY(-6px)}50%{transform:translateY(9px)}}
@keyframes ringPulse{0%{transform:scale(.45);opacity:.8}100%{transform:scale(1.5);opacity:0}}
@keyframes scanMove{0%{transform:translateY(-80px)}100%{transform:translateY(80px)}}
@keyframes sheen{0%,18%{transform:translateX(-135%)}38%,100%{transform:translateX(135%)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes borderPulse{0%,100%{opacity:.25}50%{opacity:.72}}
@keyframes glowDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(140px,40px)}}
@keyframes floatMini{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes arrowBob{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}
@keyframes buttonSweep{0%,18%{transform:translateX(-200%) skewX(-24deg)}40%,100%{transform:translateX(380%) skewX(-24deg)}}
@keyframes cardSweep{0%,14%{transform:translateX(-150%) skewX(-20deg)}34%,100%{transform:translateX(350%) skewX(-20deg)}}
@keyframes playPulse{0%,100%{transform:scale(1);box-shadow:0 8px 18px rgba(0,0,0,.3)}50%{transform:scale(1.08);box-shadow:0 12px 28px rgba(255,255,255,.12)}}
@keyframes ambientFloatA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(110px,80px) scale(1.15)}}
@keyframes ambientFloatB{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-90px,-70px) scale(.88)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-panel{height:420px}.section-heading.compact,.modal-grid{grid-template-columns:1fr}.section-heading p{justify-self:start}.product-grid{grid-template-columns:1fr 1fr}.modal-media-stage{min-height:300px}}
@media (max-width:760px){.shell{width:calc(100% - 28px)}.navline{min-height:68px;gap:14px}.header-contact{display:none}.menu-toggle{display:block;margin-left:auto}.navigation{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;padding:10px 14px 14px;background:rgba(12,14,18,.98);border-bottom:1px solid rgba(255,255,255,.08)}.navigation.open{display:flex}.navigation a{padding:10px 4px}.hero{padding-top:34px}.hero h1{font-size:clamp(38px,11vw,58px);letter-spacing:-2.2px}.hero-intro{font-size:15px}.hero-panel{height:340px;padding:20px}.panel-center{inset:72px 20px 56px}.section{padding:76px 0}.feature-grid,.product-grid{grid-template-columns:1fr}.feature-card strong{font-size:19px}.product-media{min-height:180px}.product-media img,.product-media video{max-height:240px}.product-body h3{font-size:20px}.step{grid-template-columns:46px 1fr 20px;padding:16px}.contact{padding:72px 0}.footer{flex-wrap:wrap;padding:22px 0;min-height:unset}.modal-dialog{width:calc(100% - 16px);margin:8px auto;padding:14px}.modal-content h3{font-size:31px}.modal-media-stage{min-height:230px;padding:10px}.modal-thumbs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}
@media (max-width:420px){.hero-actions,.product-actions,.modal-links{gap:8px}.button,.product-actions a,.product-actions button,.modal-links a{font-size:12px}.filters{gap:6px}.filter{padding:8px 12px;font-size:13px}.feature-card,.product-body{padding-left:16px;padding-right:16px}.product-body h3{font-size:18px}.modal-content h3{font-size:26px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;filter:none;transform:none}}

/* UI V2 — compact catalog with category sections */
.product-grid{display:block!important}.category-block{margin:0 0 38px}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 14px;margin-bottom:15px;border-bottom:1px solid #414550}.category-heading h3{margin:0;font:700 clamp(20px,2.3vw,27px)/1.15 var(--display);letter-spacing:.5px}.category-heading span{font-size:12px;color:#aab0ba}.category-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{border-radius:20px;min-height:0;animation:cardAlive 4.2s ease-in-out infinite!important;transition:transform .3s,border-color .3s!important}.product-card:nth-child(3n+2){animation-delay:-1.4s!important}.product-card:nth-child(3n){animation-delay:-2.8s!important}.product-card:hover{transform:translateY(-7px)!important}.product-media{height:178px;min-height:0;padding:8px;background:#090a0d;overflow:hidden;position:relative}.product-media img,.product-media video{width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;border-radius:12px;box-shadow:none}.product-media::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.075) 46%,transparent 68%);animation:previewSheen 5.5s linear infinite}.media-badges{top:12px;left:12px;right:auto}.product-body{padding:13px 14px 14px;gap:8px;flex:1}.product-body h4{font:700 17px/1.25 var(--display);overflow-wrap:anywhere;margin:0}.product-body .desc{font-size:12px;line-height:1.6;-webkit-line-clamp:3;min-height:56px;color:#b9bec9}.product-actions{margin-top:auto;padding-top:5px}.product-actions a,.product-actions button{padding:7px 11px;font-size:11px}.product-card .glow{width:190px;height:190px;opacity:.7;animation:glowDrift 6s ease-in-out infinite!important}.category-heading::before{content:'';height:6px;width:6px;background:#f7f7f7;box-shadow:0 0 13px #fff8;border-radius:50%;animation:pulseDot 2s infinite;flex-shrink:0}.category-heading h3{margin-right:auto}.product-card::before{animation:cardSweep 5.4s linear infinite!important}.feature-card::before,.step::before{animation:cardSweep 6s linear infinite!important}.product-card::after{animation:borderPulse 2s infinite!important}.modal-media-stage{overflow:auto}.modal-media-stage video,.modal-media-stage img{max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain}.modal-media-stage video{width:100%;max-width:100%;background:black}.modal-desc{line-height:1.8}.chip-row{display:none}
@keyframes cardAlive{0%,100%{border-color:#343944;box-shadow:0 5px 18px #0005}50%{border-color:#777d8b;box-shadow:0 12px 34px #ffffff0f}}
@keyframes previewSheen{0%,15%{transform:translateX(-125%)}40%,100%{transform:translateX(155%)}}
@media(max-width:1100px){.category-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.category-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-media{height:133px}.product-body{padding:10px}.product-body h4{font-size:14px}.product-body .desc{font-size:11px;min-height:0;-webkit-line-clamp:2}.product-actions a{display:none}.category-heading h3{font-size:19px}}
@media(max-width:390px){.category-products{grid-template-columns:1fr}.product-media{height:180px}}

/* Luôn chuyển động trên các thẻ hiển thị (tôn trọng reduced motion) */
.feature-card{animation:publicCardPulse 4.8s ease-in-out infinite}.feature-card:nth-child(2){animation-delay:-1.6s}.feature-card:nth-child(3){animation-delay:-3.2s}.step{animation:publicCardPulse 5.6s ease-in-out infinite}.step:nth-child(2){animation-delay:-1.6s}.step:nth-child(3){animation-delay:-3.2s}@keyframes publicCardPulse{0%,100%{border-color:rgba(255,255,255,.12);box-shadow:0 10px 28px rgba(0,0,0,.28)}50%{border-color:rgba(255,255,255,.36);box-shadow:0 12px 34px rgba(255,255,255,.08)}}@media(prefers-reduced-motion:reduce){.feature-card,.step{animation:none}}

/* Continuous motion: deliberately visible without any scroll/hover input */
.hero-panel{animation:heroFloatV3 5.8s ease-in-out infinite!important;will-change:transform}
.panel-mark{animation:heroMarkV3 2.8s ease-in-out infinite!important}
.orbit-a{animation:spin 7s linear infinite!important}
.orbit-b{animation:spinReverse 5.4s linear infinite!important}
.panel-center:before{content:"";position:absolute;inset:7%;border:2px solid rgba(255,255,255,.18);border-radius:50%;animation:ringSweepV3 3.2s ease-in-out infinite alternate;pointer-events:none}
.product-card{animation:cardMotionV3 3.5s ease-in-out infinite!important;will-change:box-shadow}
.category-products .product-card:nth-child(2n){animation-delay:-1.3s!important}
.category-products .product-card:nth-child(3n){animation-delay:-2.4s!important}
.product-media:after{animation:previewSheen 2.7s linear infinite!important;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.16) 48%,transparent 75%)!important}
.feature-card,.step{animation:cardMotionV3 4s ease-in-out infinite!important}
.feature-card:nth-child(2n),.step:nth-child(2n){animation-delay:-2s!important}
.button:before{animation:buttonSweep 2.9s ease-in-out infinite!important}
.ticker-track{animation:marquee 16s linear infinite!important}
@keyframes heroFloatV3{0%,100%{transform:translateY(0);box-shadow:0 16px 48px #0006}50%{transform:translateY(-12px);box-shadow:0 24px 58px #ffffff18}}
@keyframes heroMarkV3{0%,100%{transform:translateY(-10px) rotate(-5deg);box-shadow:0 8px 35px #fff2}50%{transform:translateY(10px) rotate(5deg);box-shadow:0 16px 50px #ffffff55}}
@keyframes cardMotionV3{0%,100%{border-color:#303743;box-shadow:0 6px 18px #0006}50%{border-color:#8a909b;box-shadow:0 12px 36px #ffffff25}}
@keyframes ringSweepV3{0%{transform:scale(.85) rotate(0);opacity:.25}100%{transform:scale(1.15) rotate(30deg);opacity:.8}}
.zoomable-image{cursor:zoom-in;transition:transform .25s ease}.zoomable-image:hover{transform:scale(1.025)}
.image-lightbox[hidden]{display:none!important}.image-lightbox{position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.96);display:flex;justify-content:center;align-items:center;padding:64px 14px 14px;animation:fadeIn .2s ease;cursor:zoom-out}
.image-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 85px);width:auto;height:auto;object-fit:contain;box-shadow:0 25px 80px #000c}
.image-lightbox-close{position:absolute;right:24px;top:18px;border:1px solid #777;border-radius:999px;background:#252831;color:#fff;padding:9px 18px;cursor:pointer}.lightbox-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.hero-panel,.panel-mark,.orbit-a,.orbit-b,.panel-center:before,.product-card,.feature-card,.step{animation:none!important}}

/* Gallery V9 fix: keep native aspect ratio for videos, no cropping */
.modal-media-stage video{width:auto!important;height:auto!important;max-width:100%!important;max-height:min(70vh,720px)!important;object-fit:contain!important}
.modal-media-stage iframe{width:min(100%,960px)!important;max-width:100%!important;aspect-ratio:16/9!important}
.video-error{padding:24px;text-align:center;line-height:2;color:#e6e8eb}
.video-error a{display:inline-block;padding:6px 14px;border:1px solid #777;border-radius:30px}

/* Community CTA */
.discord-cta{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:9px 15px;border-radius:999px;border:1px solid #555963;background:linear-gradient(125deg,#30333d,#1c2029);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .25s,box-shadow .25s,border-color .25s;animation:discordGlow 3s ease-in-out infinite}.discord-cta:hover{transform:translateY(-3px);border-color:#d9dbe2;box-shadow:0 9px 25px #a5abc027}.discord-cta svg{flex-shrink:0}@keyframes discordGlow{0%,100%{box-shadow:0 0 0 #c6cad600}50%{box-shadow:0 0 18px #c6cad633}}@media(max-width:900px){.discord-cta{margin-left:auto}.discord-cta span:nth-child(2){display:none}}