@font-face {font-family:Poppins;src:url('/assets/fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face {font-family:Poppins;src:url('/assets/fonts/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap;}
@font-face {font-family:Poppins;src:url('/assets/fonts/poppins-700.ttf') format('truetype');font-weight:700;font-display:swap;}
@font-face {font-family:Poppins;src:url('/assets/fonts/poppins-900.ttf') format('truetype');font-weight:900;font-display:swap;}
:root {--studio-accent:#01b1c8;--studio-bg:#090a0b;}
.nav-actions .btn::before,.nav-actions .btn::after,.nav-actions .cart-link::before,.nav-actions .cart-link::after {content:none !important;display:none !important;}
.btn.zx-added {background:#01b1c8 !important;color:#050708 !important;animation:none !important;transform:none !important;box-shadow:none !important;}
.cart-mini-confirm {inset:auto !important;top:90px !important;right:20px !important;width:min(360px,calc(100vw - 28px)) !important;min-width:0 !important;height:auto !important;min-height:0 !important;max-height:120px !important;box-sizing:border-box;border:1px solid #01b1c850 !important;border-radius:6px !important;background:#101415 !important;box-shadow:0 8px 24px #0005 !important;animation:none !important;transform:none !important;transition:opacity .2s ease !important;}
.cart-mini-confirm.show {animation:none !important;transform:none !important;}
.cart-mini-confirm .cart-mini-check {background:#01b1c818 !important;border-color:#01b1c840 !important;color:#01b1c8 !important;}
.cart-mini-confirm a {color:#01b1c8 !important;background:#01b1c810 !important;}
select.review-input {color-scheme:dark;background-color:#0c1418 !important;color:#f5f7f8 !important;}
select.review-input option {background:#0c1418;color:#f5f7f8;}
body {background:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px),var(--studio-bg) !important;background-size:60px 60px !important;font-family:Poppins,Arial,sans-serif !important;}
button,input,textarea,select {font-family:inherit !important;}
body::before {display:block !important;position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:60px 60px;opacity:1;mask-image:none;}
body::after {display:none !important;}
.container {width:min(1280px,calc(100% - 80px)) !important;}
.discount-promo-bar {background:#0a1012 !important;border-bottom:1px solid #01b1c820 !important;box-shadow:none !important;}
.discount-promo-bar .discount-ticker-item {color:var(--studio-accent) !important;letter-spacing:0 !important;font-weight:600;}
.discount-promo-bar .discount-ticker-dot {background:var(--studio-accent) !important;box-shadow:none !important;}
.nav-wrap {background:transparent !important;border:0 !important;backdrop-filter:none !important;}
.nav {width:calc(100% - 80px) !important;height:72px !important;grid-template-columns:1fr auto 1fr !important;gap:20px !important;}
.brand {font-family:Poppins,sans-serif;font-size:14px !important;}
.brand-mark {background:var(--studio-accent) !important;box-shadow:none !important;border-radius:5px !important;width:34px !important;height:34px !important;}
.brand-mark::after {display:none;}
.nav-links {background:transparent !important;border:0 !important;gap:16px !important;padding:0 !important;}
.nav-links a {background:transparent !important;border:0 !important;font-size:12px !important;padding:0 10px !important;color:#8fa3aa !important;font-weight:700;}
.nav-links a.active,.nav-links a:hover {background:transparent !important;box-shadow:none !important;color:#fff !important;}
.nav-links a {transition:color .3s ease !important;}
.nav-links a::after {content:"";position:absolute;left:10px;right:auto;bottom:0;height:2px;width:0;background:var(--studio-accent);box-shadow:none;transition:width .4s cubic-bezier(.25,.46,.45,.94);}
.nav-links a.active::after,.nav-links a:hover::after,.nav-links a:focus-visible::after {width:calc(100% - 20px);left:10px;right:auto;bottom:0;height:2px;background:var(--studio-accent);box-shadow:none;}
.nav-links a:focus-visible {outline:1px solid var(--studio-accent);outline-offset:4px;color:#fff !important;}
#sort-select {color-scheme:dark;background-color:#0c1418 !important;color:#f5f7f8 !important;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;}
#sort-select option {background-color:#0c1418;color:#f5f7f8;}
#sort-select:hover,#sort-select:focus-visible {border-color:var(--studio-accent) !important;box-shadow:0 0 0 2px #01b1c818 !important;}
@media(prefers-reduced-motion:reduce) {.nav-links a,.nav-links a::after,#sort-select {transition:none !important;}}
.nav-actions {gap:12px !important;}
.nav-actions .btn.ghost {min-height:34px !important;padding:0 12px !important;font-size:11px;color:#9eafb4 !important;}
.nav-actions .zx-login {min-height:34px !important;padding:0 16px !important;background:var(--studio-accent) !important;color:#081513 !important;font-size:13px;font-weight:400;border-radius:7px !important;box-shadow:0 0 20px #01b1c820 !important;}
.cart-link {height:36px !important;min-height:36px !important;background:#ffffff05 !important;color:var(--studio-accent) !important;}
.zx-announcement {margin:0 40px;min-height:84px;padding:20px 40px;border:1px solid #26343780;border-radius:24px;background:linear-gradient(105deg,#0a1012,#0e171b);display:flex;align-items:center;gap:18px;}
.zx-announcement > span {padding:3px 18px;color:#071211;background:var(--studio-accent);font-size:15px;font-weight:900;border-radius:7px;line-height:1.1;}
.zx-announcement strong {color:var(--studio-accent);font-size:25px;font-weight:900;line-height:1.2;}
.zx-announcement p {margin:0;padding:6px 16px;border:1px solid #01b1c82b;border-radius:7px;font-size:12px;color:var(--studio-accent);}
.zx-announcement > a {margin-left:auto;color:#8e9a9f;font-size:12px;white-space:nowrap;}
.hero.hero-premium {padding:56px 0 0 !important;min-height:0 !important;background:transparent !important;text-align:center !important;}
.hero.hero-premium::before,.hero.hero-premium::after {display:none !important;}
.hero-grid {display:block !important;}
.hero-copy {width:100% !important;max-width:1200px !important;margin:auto;padding:0 !important;text-align:center !important;}
.hero .eyebrow {display:inline-flex !important;padding:7px 10px !important;margin:0 0 26px !important;gap:10px;background:#10171d !important;border:1px solid #ffffff09 !important;border-radius:7px !important;color:#9bb0b6 !important;font-size:10px !important;font-weight:400 !important;}
.hero .eyebrow::before {display:none;}
.hero .eyebrow i {width:6px;height:6px;border-radius:50%;background:#01b1c8;}
.hero .eyebrow span {padding-left:12px;border-left:1px solid #ffffff20;color:var(--studio-accent);}
.hero h1 {width:100% !important;max-width:none !important;margin:0 auto 22px !important;color:#fff !important;font-family:Poppins,sans-serif !important;font-size:88px !important;font-weight:900 !important;line-height:1.08 !important;text-align:center !important;}
.hero h1 span {display:block !important;margin-top:10px;color:var(--studio-accent) !important;}
.hero p {font-family:Poppins,sans-serif !important;font-size:19px !important;line-height:1.8 !important;max-width:580px !important;margin:24px auto 0 !important;color:#8fa4aa !important;text-align:center !important;}
.hero-actions {justify-content:center !important;margin-top:34px !important;gap:16px !important;}
.hero-actions .btn {min-height:48px !important;padding:0 28px !important;border:1px solid #29363b !important;border-radius:3px !important;background:#10171d !important;color:var(--studio-accent) !important;box-shadow:none !important;font-size:13px !important;text-transform:uppercase;font-weight:700;}
.hero-actions .btn.ghost {background:#0d191a !important;}
.hero-actions .btn:hover {border-color:var(--studio-accent) !important;background:#14282a !important;transform:translateY(-2px);}
.zx-hero-note {display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:30px auto 24px;padding:12px 30px;gap:12px;border:1px solid #ffffff06;background:#0e1519;border-radius:12px;font-size:13px;color:#b8c5c8;}
.zx-hero-note > span {color:var(--studio-accent);font-size:20px;}
.zx-hero-note {width:440px;min-height:58px;height:58px;box-sizing:border-box;}
.zx-hero-note > .zx-typewriter {color:inherit;font-size:inherit;line-height:1.6;min-width:0;}
.zx-typewriter::after {content:"";display:inline-block;height:1em;border-right:1px solid #01b1c8;margin-left:3px;vertical-align:-.12em;animation:zx-caret 1s steps(1) infinite;}
@keyframes zx-caret {50% {opacity:0;}}
@media(prefers-reduced-motion:reduce) {.zx-typewriter::after {animation:none;display:none;}}
.zx-hero-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(820px,100%);margin:auto;padding:28px 36px;border:1px solid #ffffff05;border-radius:16px;background:#0d1418;}
.zx-hero-facts div {display:grid;align-content:start;gap:14px;}
.zx-hero-facts strong {color:var(--studio-accent);font-weight:900;font-size:31px;line-height:1.2;}
.zx-hero-facts span {font-size:9px;color:#93abb2;font-weight:600;}
.zx-featured-section {padding:74px 0 52px !important;background:transparent !important;}
.zx-featured-section::before,.zx-featured-section::after,.zx-marquee-edge {display:none !important;}
.zx-featured-head {display:block !important;text-align:center;margin:0 auto 48px !important;}
.zx-featured-head .section-kicker,.zx-featured-head > .btn {display:none !important;}
.zx-featured-head h2,.zx-faq-intro h2,.reviews-head h2 {font-family:Poppins,sans-serif;font-size:36px !important;font-weight:700 !important;line-height:1.25 !important;margin:0 0 22px !important;}
.zx-featured-head h2 > span,.zx-faq-intro h2 > span {color:var(--studio-accent);}
.zx-featured-head p {margin:auto !important;font-size:13px !important;color:#808d95 !important;}
.zx-marquee-shell {width:min(1140px,calc(100% - 80px));margin:auto;overflow:visible;}
.zx-marquee-viewport {overflow:visible;padding:0;mask-image:none;}
.zx-resource-carousel {display:flex;position:relative;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px;}
.zx-resource-carousel::-webkit-scrollbar {display:none;}
.zx-resource-carousel > .zx-featured-card {flex:0 0 calc((100% - 64px) / 3);width:auto !important;min-width:0 !important;scroll-snap-align:start;border:1px solid #263136 !important;border-radius:14px !important;background:#11191e !important;box-shadow:none !important;}
.zx-featured-card:hover {transform:translateY(-2px) !important;border-color:#01b1c855 !important;}
.zx-featured-image {height:auto !important;aspect-ratio:16 / 9;border-radius:13px 13px 0 0 !important;}
.zx-featured-body {padding:20px !important;}
.zx-featured-card h3 {font-family:Poppins,sans-serif;font-size:21px !important;margin:10px 0 !important;}
.zx-featured-copy {min-height:68px;font-size:12px !important;color:#a6b9bf !important;line-height:1.75 !important;}
.zx-featured-meta {font-size:9px !important;}
.zx-featured-category {color:var(--studio-accent) !important;}
.zx-featured-chips span {border:1px solid #ffffff0b !important;background:#01b1c80a !important;color:#adccc8 !important;}
.zx-featured-bottom {margin-top:auto;padding-top:20px;}
.zx-featured-view {background:#01b1c813 !important;color:var(--studio-accent) !important;border-color:#01b1c833 !important;min-height:36px !important;font-size:11px !important;}
.zx-carousel-controls {display:flex;align-items:center;justify-content:center;gap:18px;padding-top:22px;}
.zx-carousel-controls > button {width:32px;height:32px;border:1px solid #29383c;border-radius:50%;background:#10181c;color:var(--studio-accent);cursor:pointer;}
.zx-carousel-controls > button:disabled {opacity:.25;cursor:default;}
.zx-carousel-dots {display:flex;gap:8px;}
.zx-carousel-dots button {width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#29383e;cursor:pointer;}
.zx-carousel-dots button[aria-current="true"] {background:var(--studio-accent);}
.zx-home-faq {padding:64px 0 80px !important;background:transparent !important;}
.zx-faq-layout {display:block !important;}
.zx-faq-intro {text-align:center;max-width:none !important;margin-bottom:48px;}
.zx-faq-intro .section-kicker,.zx-faq-intro > .btn {display:none !important;}
.zx-faq-intro p {max-width:none !important;font-size:13px !important;color:#808d95 !important;}
.zx-faq-list {width:min(896px,100%);margin:auto;gap:12px !important;}
.zx-faq-list details {border-radius:14px !important;background:#171c20 !important;border:1px solid #ffffff08 !important;}
.zx-faq-list summary {min-height:72px;padding:22px !important;font-family:Poppins,sans-serif;font-size:13px !important;font-weight:700;text-transform:uppercase;}
.zx-faq-list summary i {border-radius:50%;width:28px;height:28px;color:var(--studio-accent) !important;background:#01b1c80d !important;}
.zx-faq-answer {padding:0 22px 22px !important;}
.reviews-section {background:transparent !important;padding-top:46px !important;padding-bottom:32px !important;}
.reviews-head {display:flex !important;flex-direction:column;align-items:center;text-align:center;}
.reviews-head .section-kicker,.reviews-head .reviews-kicker {display:none !important;}
.review-card {background:#0f191e !important;border-color:#ffffff08 !important;border-radius:14px !important;}
.review-form-card {max-width:896px;margin:30px auto 0 !important;background:#0e171b !important;}
.reviews-head h2 > span {color:var(--studio-accent);}
.reviews-summary {padding:0 !important;border:0 !important;background:transparent !important;min-width:0 !important;}
.zx-review-compose > summary {list-style:none;width:fit-content;cursor:pointer;margin:24px auto 0;padding:10px 20px;color:var(--studio-accent);font-size:12px;border:1px solid #01b1c82b;border-radius:6px;}
.zx-review-compose > summary::-webkit-details-marker {display:none;}
.zx-review-compose > summary:hover {background:#01b1c80b;}
.footer {background:transparent !important;border-top:1px solid #ffffff0a !important;padding-top:32px !important;}
.footer::before,.footer::after {display:none !important;}
.footer-grid {padding-bottom:26px !important;}
.product-card {background:#11191e !important;border-color:#263136 !important;border-radius:14px !important;}
.product-card:hover {border-color:#01b1c860 !important;}
.page-hero.premium-page-hero {background:transparent !important;text-align:center;}
.page-hero h1 {font-family:Poppins,sans-serif;font-size:56px !important;}
.page-hero p {margin-left:auto !important;margin-right:auto !important;}
.page-hero-meta {justify-content:center;}
@media(min-width:1600px) {.hero h1 {font-size:96px !important;}}
@media(max-width:1200px) {.nav-links {gap:4px !important;}.zx-announcement p {display:none;}.hero h1 {font-size:72px !important;}}
@media(max-width:980px) {
 .nav {grid-template-columns:1fr auto !important;}.nav-links {background:#10171d !important;padding:10px !important;}.nav-links a {min-height:42px !important;}
 .hero h1 {font-size:64px !important;}.zx-announcement {padding:18px 24px;}.zx-announcement strong {font-size:19px;}.zx-announcement > a {display:none;}
 .zx-resource-carousel > .zx-featured-card {flex-basis:calc((100% - 32px) / 2);}
}
@media(max-width:640px) {
 .container,.nav {width:calc(100% - 32px) !important;}.zx-top-strip {height:28px;font-size:9px;}.nav {height:64px !important;gap:8px !important;}.nav-actions {gap:6px !important;}
 .brand {font-size:11px !important;gap:7px;}.brand-mark {width:28px !important;height:28px !important;}.nav-actions .zx-login {font-size:11px;padding:0 10px !important;}
 .zx-announcement {margin:0 16px;min-height:76px;padding:14px 18px;border-radius:14px;gap:10px;flex-wrap:wrap;}.zx-announcement > span {font-size:10px;padding:4px 10px;}.zx-announcement strong {font-size:14px;}
 .hero.hero-premium {padding-top:36px !important;}.hero .eyebrow {font-size:8px !important;margin-bottom:22px !important;}.hero h1 {font-size:40px !important;line-height:1.12 !important;}.hero h1 span {margin-top:8px;}
 .hero p {font-size:14px !important;max-width:340px !important;margin-top:20px !important;}.hero-actions {gap:10px !important;margin-top:24px !important;flex-wrap:wrap;}.hero-actions .btn {padding:0 14px !important;min-height:44px !important;font-size:10px !important;}
 .zx-hero-note {margin-top:22px;padding:10px 14px;font-size:10px;}.zx-hero-facts {padding:20px 10px;gap:6px;border-radius:12px;}.zx-hero-facts strong {font-size:17px;}.zx-hero-facts span {font-size:7px;line-height:1.6;}.zx-hero-facts div {gap:10px;}
 .zx-featured-section {padding-top:48px !important;}.zx-featured-head h2,.zx-faq-intro h2,.reviews-head h2 {font-size:27px !important;}.zx-featured-head {margin-bottom:28px !important;}.zx-marquee-shell {width:calc(100% - 32px);}
 .zx-resource-carousel > .zx-featured-card {flex-basis:100%;}.zx-featured-copy {min-height:0;}.zx-home-faq {padding-top:44px !important;}.zx-faq-list summary {font-size:11px !important;padding:18px !important;min-height:64px;}.page-hero h1 {font-size:40px !important;}
}

/* ZX identity: monochrome editorial layout with electric cyan details. */
body {background:#090a0b !important;}
body[data-page="home"] {background-color:#090a0b !important;background-image:linear-gradient(rgba(1,177,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(1,177,200,.035) 1px,transparent 1px) !important;background-size:60px 60px !important;}
body::before {display:none !important;}
.nav-wrap {background:#090a0bf5 !important;border-bottom:1px solid #ffffff12 !important;}
.nav {width:min(1440px,calc(100% - 80px)) !important;height:80px !important;}
.brand-mark,.nav-actions .zx-login {border-radius:2px !important;box-shadow:none !important;}
.nav-actions .zx-login {background:#f2f4f5 !important;color:#090a0b !important;font-weight:600;}
.footer {background:#101213 !important;}
.product-card {border-radius:4px !important;background:#121415 !important;border-color:#ffffff20 !important;}
.product-card .btn {border-radius:2px !important;}
.page-hero.premium-page-hero {text-align:left;border-bottom:1px solid #ffffff20;background:#111314 !important;}
.page-hero h1 {font-family:Arial,sans-serif !important;font-size:64px !important;text-align:left !important;}
.page-hero p {margin-left:0 !important;}
.page-hero-meta {justify-content:flex-start;}
.store-control-panel {padding:16px 0 !important;border-radius:0 !important;border:0 !important;border-bottom:1px solid #ffffff20 !important;background:none !important;}
@media(max-width:980px) {
 .nav-links {background:#101213 !important;}
}
@media(max-width:640px) {
 .nav {width:calc(100% - 32px) !important;height:64px !important;}
 .page-hero h1 {font-size:42px !important;}
}