:root{
  --premium-bg:#f4f6f7;--premium-surface:#fff;--premium-surface-2:#eaf0f0;--premium-text:#121b1d;--premium-muted:#647074;--premium-line:#dce4e5;--premium-accent:#087f8c;--premium-accent-2:#0f9f7f;--premium-header:#fff;--premium-glow:rgba(8,127,140,.17)
}
html[data-theme="dark"]{
  --premium-bg:#081011;--premium-surface:#0e181a;--premium-surface-2:#142124;--premium-text:#f1f7f6;--premium-muted:#91a3a4;--premium-line:#203033;--premium-accent:#22b8c7;--premium-accent-2:#2ccf9c;--premium-header:#0a1315;--premium-glow:rgba(34,184,199,.18)
}
:root,html[data-theme="dark"]{--basic-bg:var(--premium-bg);--basic-surface:var(--premium-surface);--basic-surface-2:var(--premium-surface-2);--basic-text:var(--premium-text);--basic-muted:var(--premium-muted);--basic-line:var(--premium-line);--basic-line-strong:#48506a;--basic-accent:var(--premium-accent);--basic-accent-text:#fff;--bg:var(--premium-bg);--panel:var(--premium-surface);--panel2:var(--premium-surface-2);--text:var(--premium-text);--muted:var(--premium-muted);--line:var(--premium-line);--line2:#48506a}
html{scroll-behavior:smooth}body{background:var(--premium-bg);color:var(--premium-text)}
.container{width:min(1240px,calc(100% - 40px))}
.announcement{min-height:30px;border:0;background:#080b12;color:#9298a8;font-size:.72rem}.announcement .pulse{background:#6de2b1;box-shadow:0 0 0 5px rgba(109,226,177,.1)}
.site-header{top:30px;border-bottom:1px solid var(--premium-line);background:var(--premium-header);box-shadow:none;backdrop-filter:none}
.nav{min-height:76px;gap:26px}.brand{direction:ltr}.brand-logo{width:45px;height:45px;border:1px solid #242b3c;border-radius:13px;background:#07090f}.brand-name strong{font-size:1rem;letter-spacing:.07em}.brand-name span{font-size:.58rem;letter-spacing:.2em;color:var(--premium-muted)}
.nav-links{display:flex;align-items:center;gap:4px;margin-inline:auto}.nav-links>a,.nav-more>summary{min-height:42px;display:flex;align-items:center;padding:0 13px;border-radius:10px;color:var(--premium-muted);font-size:.83rem;font-weight:700;cursor:pointer;list-style:none}.nav-links>a::after{display:none}.nav-links>a:hover,.nav-links>a.active,.nav-more[open]>summary{background:var(--premium-surface-2);color:var(--premium-text)}
.nav-more{position:relative}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary span{margin-inline-start:7px;font-size:.7rem}.nav-more>div{position:absolute;z-index:30;top:50px;inset-inline-end:0;min-width:180px;display:grid;gap:3px;padding:8px;border:1px solid var(--premium-line);border-radius:13px;background:var(--premium-surface);box-shadow:0 20px 55px rgba(0,0,0,.22)}.nav-more>div a{padding:11px 12px;border-radius:8px;color:var(--premium-muted);font-size:.8rem}.nav-more>div a:hover{background:var(--premium-surface-2);color:var(--premium-text)}
.icon-button,.menu-button{min-height:42px;border:1px solid var(--premium-line);border-radius:10px;background:var(--premium-surface);color:var(--premium-text)}.icon-button:hover,.menu-button:hover{border-color:#48506a;background:var(--premium-surface-2)}.cart-count{background:var(--premium-accent);color:#fff;border-color:var(--premium-header)}
.hero{position:relative;min-height:720px;padding:104px 0 86px;overflow:hidden;background:var(--premium-bg)}.hero::before{opacity:1;background-image:linear-gradient(rgba(116,126,160,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,126,160,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 10%,transparent 96%)}.hero::after{content:"";position:absolute;z-index:0;width:650px;height:650px;inset:-220px -160px auto auto;border-radius:50%;background:radial-gradient(circle,var(--premium-glow),transparent 66%);display:block;pointer-events:none}
.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);align-items:center;gap:clamp(50px,7vw,110px)}.hero-copy{max-width:650px}.eyebrow{width:max-content;padding:8px 12px;border:1px solid var(--premium-line);border-radius:999px;background:var(--premium-surface);color:var(--premium-muted);font:800 .67rem Consolas,monospace;letter-spacing:.13em}.eyebrow i{width:7px;height:7px;background:#6de2b1;box-shadow:0 0 0 5px rgba(109,226,177,.08)}
.hero h1{max-width:680px;margin:25px 0 24px;color:var(--premium-text);font-size:clamp(3.8rem,6vw,6.7rem);line-height:.98;letter-spacing:-.07em}.hero h1 em{display:inline;color:var(--premium-muted);font-style:normal}.hero-copy>p{max-width:610px;color:var(--premium-muted);font-size:1.05rem;line-height:1.9}.hero-actions{margin-top:30px}.button{min-height:48px;border-radius:11px;font-weight:850}.button.light,.add-button,.mini-button.primary{border-color:transparent;background:linear-gradient(135deg,var(--premium-accent),var(--premium-accent-2));color:#fff;box-shadow:0 10px 30px var(--premium-glow)}.button.light:hover,.add-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.button.ghost,.mini-button{border-color:var(--premium-line);background:var(--premium-surface);color:var(--premium-text)}
.social-proof{display:none}.hero-visual{min-height:500px;display:grid;place-items:center}.dev-stage{position:relative;width:min(590px,100%);direction:ltr}.dev-console{overflow:hidden;border:1px solid #273047;border-radius:22px;background:#0e1320;box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 80px var(--premium-glow)}.dev-console-head{height:56px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #232b3f;color:#697188;font:700 .68rem Consolas,monospace}.dev-console-head>div{display:flex;gap:7px}.dev-console-head span{width:9px;height:9px;border-radius:50%;background:#ff5f57}.dev-console-head span:nth-child(2){background:#febc2e}.dev-console-head span:nth-child(3){background:#28c840}.dev-console-head small{margin-right:auto}.dev-console-head b{padding:5px 8px;border-radius:6px;background:rgba(109,226,177,.08);color:#6de2b1;font-size:.58rem;letter-spacing:.08em}.dev-code{min-height:270px;padding:34px 24px 30px;color:#b9c1d4;font:500 .84rem/1.9 Consolas,monospace}.dev-code p{display:grid;grid-template-columns:30px 1fr;margin:0}.dev-code i{color:#444d65;font-style:normal;user-select:none}.dev-code em{color:#c78fff;font-style:normal}.dev-code strong{color:#6de2b1}.dev-code span{color:#68728c}.dev-product{display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:14px;margin:0 16px 16px;padding:12px;border:1px solid #293248;border-radius:14px;background:#151b2b;color:#f5f7fb;transition:.2s ease}.dev-product:hover{border-color:#6674ff;background:#192136;transform:translateY(-2px)}.dev-product img{width:66px;height:54px;border-radius:9px;object-fit:cover}.dev-product span{display:grid}.dev-product small{color:#7e879d;font:700 .58rem Consolas,monospace;letter-spacing:.1em}.dev-product strong{font-size:.95rem}.dev-product>b{font-size:.72rem}.dev-stat{position:absolute;inset:34px -34px auto auto;display:grid;min-width:156px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(19,25,40,.96);color:#fff;box-shadow:0 20px 55px rgba(0,0,0,.35);direction:rtl}.dev-stat strong{font-size:2.25rem}.dev-stat span{color:#8992a8;font-size:.72rem}
.home-products,.catalog{padding:96px 0;border-top:1px solid var(--premium-line);background:var(--premium-surface)}.section-head h2,.page-hero h1{color:var(--premium-text);font-size:clamp(2.3rem,4.5vw,4.2rem);letter-spacing:-.05em}.section-index{color:var(--premium-accent);font:800 .7rem Consolas,monospace;letter-spacing:.1em}.text-link{color:var(--premium-text)}.product-grid{gap:22px}.product-card{padding:0 0 22px;overflow:hidden;border:1px solid var(--premium-line);border-radius:18px;background:var(--premium-bg);box-shadow:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.product-card:hover{border-color:#48506a;box-shadow:0 24px 60px rgba(0,0,0,.18);transform:translateY(-7px)}.product-art{aspect-ratio:1.45;border-radius:0;background:var(--premium-surface-2)}.product-art img{transition:transform .45s ease}.product-card:hover .product-art img{transform:scale(1.035)}.product-body{padding:22px 22px 0}.product-title-row h3{font-size:1.25rem}.product-body>p{color:var(--premium-muted);line-height:1.75}.product-badge{top:14px;right:14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(10,13,21,.84);color:#fff}.add-button{width:44px;height:44px;border-radius:10px}.price strong{color:var(--premium-text);font-size:1.35rem}.price small,.price del,.product-category{color:var(--premium-muted)}
.home-statement{padding:0 0 100px;background:var(--premium-surface)}.statement-card{min-height:360px;padding:clamp(34px,6vw,72px);overflow:hidden;border:1px solid #262d41;border-radius:24px;background:linear-gradient(135deg,#101624,#171c2c);color:#fff;box-shadow:0 32px 80px rgba(0,0,0,.22)}.statement-card::before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px}.statement-card::after{content:"";position:absolute;width:420px;height:420px;inset:auto -130px -180px auto;border-radius:50%;background:radial-gradient(circle,rgba(102,116,255,.3),transparent 65%)}.statement-card h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.06em}.statement-card p{color:#9da5b9}.statement-card a{color:#fff}
.page-hero{padding:96px 0 76px;border-bottom:1px solid var(--premium-line);background:var(--premium-bg)}.page-hero p{color:var(--premium-muted)}.catalog-toolbar{top:108px;border-color:var(--premium-line);background:var(--premium-surface)}.category-tabs,.search-box,.faq-list details,.about-grid article,.support-workspace,.showcase-card,.review-card,.download-card{border-color:var(--premium-line);background:var(--premium-surface);color:var(--premium-text)}.category-tabs button.active{background:var(--premium-accent);color:#fff}.search-box input{background:transparent;color:var(--premium-text)}
.modal,.drawer{border-color:var(--premium-line);background:var(--premium-surface);color:var(--premium-text);box-shadow:0 35px 100px rgba(0,0,0,.35)}.overlay{background:rgba(3,5,10,.72);backdrop-filter:blur(5px)}
.support-brand{border-color:#242b3c;background:#0e1320;color:#fff}.live-chat-launcher{border:1px solid #7782ff;background:linear-gradient(135deg,var(--premium-accent),var(--premium-accent-2));color:#fff;box-shadow:0 14px 38px var(--premium-glow)}
footer{border-top:1px solid var(--premium-line);background:var(--premium-header)}.footer-grid{padding-block:58px}.footer-grid b,.footer-brand strong{color:var(--premium-text)}footer p,footer a,.copyright{color:var(--premium-muted)}
@media(max-width:1120px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:38px}.hero h1{font-size:clamp(3.4rem,7vw,5.5rem)}.dev-stat{inset:24px -10px auto auto}}
@media(max-width:820px){.container{width:min(100% - 28px,1240px)}.hero{min-height:auto;padding:64px 0 72px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:none}.hero h1{font-size:clamp(3.15rem,14vw,5rem)}.hero-visual{min-height:auto}.dev-stage{margin-top:18px}.dev-stat{display:none}.dev-code{min-height:220px;padding:24px 16px;font-size:.7rem}.dev-product{grid-template-columns:54px 1fr}.dev-product img{width:54px;height:48px}.dev-product>b{display:none}.home-products,.catalog{padding:68px 0}.product-grid{gap:15px}}
@media(max-width:560px){.brand-name{display:none}.nav{min-height:66px}.hero h1{font-size:3.35rem}.hero-copy>p{font-size:.95rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.dev-code p{grid-template-columns:24px 1fr}.dev-code code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-head{align-items:start;flex-direction:column}.statement-card{min-height:330px}.overlay{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.product-art img,.dev-product,.button{transition:none!important}}

/* MTRX cyan/emerald identity + free library */
.dev-code em{color:#52d4df}.dev-product:hover{border-color:var(--premium-accent);background:#16282a}.statement-card::after{background:radial-gradient(circle,rgba(34,184,199,.25),transparent 65%)}
.live-chat-launcher{border-color:var(--premium-accent)}
.catalog-toolbar{position:relative!important;top:auto!important;z-index:1;margin-bottom:34px}
.home-free{padding:96px 0;border-top:1px solid var(--premium-line);background:var(--premium-bg)}.home-free .section-head p{max-width:650px;margin-top:12px;color:var(--premium-muted);line-height:1.8}.free-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0 30px}.free-benefits article{padding:25px;border:1px solid var(--premium-line);border-radius:16px;background:var(--premium-surface)}.free-benefits span{color:var(--premium-accent);font:800 .68rem Consolas,monospace}.free-benefits h3{margin:25px 0 8px;font-size:1.05rem}.free-benefits p{margin:0;color:var(--premium-muted);font-size:.88rem;line-height:1.8}.free-preview-grid:empty{display:none}.free-coming-card{grid-column:1/-1;display:grid;gap:9px;padding:34px;border:1px dashed var(--premium-line);border-radius:18px;background:var(--premium-surface);color:var(--premium-text)}.free-coming-card span{color:var(--premium-accent);font:800 .7rem Consolas,monospace}.free-coming-card strong{font-size:1.4rem}.free-coming-card p{margin:0;color:var(--premium-muted)}.free-coming-card b{margin-top:12px;font-size:.84rem}
.free-hero{padding:110px 0 84px;border-bottom:1px solid var(--premium-line);background:var(--premium-bg)}.free-hero-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.free-hero h1{margin:22px 0 14px;font-size:clamp(3.2rem,7vw,6.8rem);letter-spacing:-.065em}.free-hero p{max-width:700px;color:var(--premium-muted);font-size:1.05rem;line-height:1.9}.free-hero-mark{width:270px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid var(--premium-line);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--premium-surface-2),var(--premium-surface));box-shadow:0 30px 90px var(--premium-glow)}.free-hero-mark strong{font:900 4rem/1 Consolas,monospace;color:var(--premium-accent)}.free-hero-mark span{margin-top:12px;color:var(--premium-muted);font:700 .6rem Consolas,monospace;letter-spacing:.12em}.free-catalog{min-height:480px;padding:70px 0 100px;background:var(--premium-surface)}.free-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.free-toolbar .search-box{width:min(520px,100%)}.free-filter-note{display:flex;align-items:center;gap:8px;color:var(--premium-muted);font-size:.82rem}.free-filter-note i{width:8px;height:8px;border-radius:50%;background:var(--premium-accent);box-shadow:0 0 0 5px var(--premium-glow)}.free-empty{padding:70px 25px;text-align:center;border:1px dashed var(--premium-line);border-radius:20px;background:var(--premium-bg)}.free-empty span{color:var(--premium-accent);font:800 .7rem Consolas,monospace}.free-empty h2{margin:16px 0 8px;font-size:2rem}.free-empty p{color:var(--premium-muted)}

/* Compact floating support chat */
.live-chat-widget{position:fixed;z-index:90;inset:auto 24px 88px auto;width:min(390px,calc(100vw - 28px));height:min(570px,calc(100dvh - 125px));display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--premium-line);border-radius:20px;background:var(--premium-surface);color:var(--premium-text);box-shadow:0 28px 90px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease,visibility .18s}.live-chat-widget.open{opacity:1;visibility:visible;transform:none}.live-chat-widget>header{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid var(--premium-line);background:var(--premium-header)}.live-chat-identity{display:flex;align-items:center;gap:11px}.live-chat-identity img{width:38px;height:38px;border-radius:10px;background:#050708;object-fit:cover}.live-chat-identity>span{display:grid;gap:3px}.live-chat-identity strong{font-size:.9rem}.live-chat-identity small{display:flex;align-items:center;gap:6px;color:var(--premium-muted);font-size:.7rem}.live-chat-identity i{width:7px;height:7px;border-radius:50%;background:#2ccf9c}.live-chat-widget>header>button{width:35px;height:35px;border:1px solid var(--premium-line);border-radius:9px;background:var(--premium-surface-2);color:var(--premium-text);font-size:1.25rem}.live-chat-widget-body{min-height:0;display:grid;grid-template-rows:1fr auto;background:var(--premium-bg)}.live-chat-widget .message-stream{min-height:0;max-height:none;padding:18px 14px;overflow:auto}.live-chat-widget .message{max-width:84%;padding:10px 12px;border-radius:14px}.live-chat-widget .message p{font-size:.86rem;line-height:1.65}.live-chat-widget .message time,.live-chat-widget .message small{font-size:.62rem}.live-chat-widget .chat-compose{display:grid;grid-template-columns:1fr 43px;gap:8px;margin:0;padding:12px;border-top:1px solid var(--premium-line);background:var(--premium-surface)}.live-chat-widget .chat-compose textarea{min-height:43px;max-height:95px;padding:11px 13px;border:1px solid var(--premium-line);border-radius:12px;resize:none;background:var(--premium-bg);color:var(--premium-text)}.chat-send{width:43px;height:43px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--premium-accent),var(--premium-accent-2));color:#fff;font-size:1.15rem}.chat-welcome,.chat-loading{align-self:center;padding:32px;text-align:center}.chat-welcome strong{font-size:1.2rem}.chat-welcome p,.chat-loading p{color:var(--premium-muted);line-height:1.7}.chat-welcome .button{margin-top:16px}.chat-loading span{display:inline-block;width:28px;height:28px;border:3px solid var(--premium-line);border-top-color:var(--premium-accent);border-radius:50%;animation:chatSpin .8s linear infinite}@keyframes chatSpin{to{transform:rotate(360deg)}}

@media(max-width:820px){.free-benefits{grid-template-columns:1fr}.free-hero-grid{grid-template-columns:1fr}.free-hero-mark{display:none}.free-toolbar{align-items:stretch;flex-direction:column}.home-free{padding:68px 0}.live-chat-widget{inset:auto 14px 78px 14px;width:auto;height:min(520px,calc(100dvh - 105px));transform-origin:bottom center}}