/* ZOVENIQ V4 / Flagship Edition
   Original design inspired by premium editorial product presentations.
   Zero external scripts, fonts, frameworks or image dependencies. */
:root{--ink:#17191e;--muted:#70737d;--paper:#f6f7f9;--line:rgba(26,31,39,.14);--easing:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}
body{margin:0;min-width:320px;max-width:100%;overflow-x:clip;color:var(--ink);background:var(--paper);font-family:Inter,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #4f8cff;outline-offset:5px}
.skip-link{position:absolute;left:12px;top:-100px;z-index:200;background:white;padding:12px 18px;border-radius:10px}
.skip-link:focus{top:12px}

/* Signature navigation — real unmodified logo appears HERE ONLY */
.site-header{position:absolute;top:0;inset-inline:0;z-index:50;color:#f5f7fc}
.header-shell{height:94px;max-width:1580px;margin:auto;padding:0 clamp(22px,5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;direction:ltr}
.brand-anchor{display:flex;align-items:center;justify-self:start;width:56px;height:56px;border:1px solid rgba(245,250,255,.2);border-radius:17px;overflow:hidden;background:#081a35;box-shadow:0 8px 26px rgba(0,0,0,.18);transition:transform .35s var(--easing),border-color .35s}
.brand-anchor:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.55)}
.brand-anchor img{height:100%;width:100%;object-fit:contain;display:block}
.main-nav{display:flex;gap:40px;align-items:center;color:rgba(239,243,252,.78);font-size:13px;font-weight:520;letter-spacing:.01em}
.main-nav a{position:relative;transition:color .3s}.main-nav a:hover{color:white}
.main-nav a:after{position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#e8f0ff;content:"";transition:right .4s var(--easing)}.main-nav a:hover:after{right:0}
.header-right{display:flex;align-items:center;gap:22px;justify-self:end}.header-eyebrow{font-size:10px;letter-spacing:.19em;color:rgba(234,239,248,.42);font-weight:640;white-space:nowrap}.header-eyebrow span{color:#63728d}
.language-toggle{padding:8px 9px 8px 16px;display:flex;align-items:center;gap:13px;min-width:94px;justify-content:space-between;border:1px solid rgba(255,255,255,.21);border-radius:99px;color:white;background:rgba(255,255,255,.085);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);font-size:12px;transition:.3s}
.language-toggle:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55)}
.language-icon{height:25px;width:25px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;font-size:13px}

/* Cinematic opening / one large artistic brand statement */
.hero{position:relative;min-height:min(920px,100svh);min-height:max(760px,100svh);color:#fff;background:#080b12;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:132px clamp(22px,5vw,72px) 27px}
.hero-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(24,34,52,.78),transparent 28%),linear-gradient(180deg,#06080e 0%,#0b1019 34%,#111826 66%,#07090e 100%)}
.ambient{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen}
.ambient-left{width:72vw;height:58vw;left:-30vw;top:13%;background:radial-gradient(ellipse,rgba(86,113,158,.38) 0%,rgba(47,67,99,.11) 40%,transparent 70%);filter:blur(34px)}
.ambient-right{width:66vw;height:62vw;right:-27vw;top:-8%;background:radial-gradient(ellipse,rgba(132,115,140,.34),rgba(81,91,120,.10) 44%,transparent 72%);filter:blur(45px)}
.ambient-center{width:90vw;height:45vw;left:5%;top:28%;background:radial-gradient(ellipse at 50% 50%,rgba(95,119,150,.16),transparent 68%);filter:blur(29px)}
.orbital{position:absolute;width:70vw;max-width:1120px;aspect-ratio:1;border-radius:50%;top:10%;left:50%;transform:translateX(-50%) rotate(-22deg);border:1px solid rgba(170,197,222,.11);box-shadow:0 0 0 1px rgba(255,255,255,.025),inset 0 0 90px rgba(184,204,239,.025)}
.orbital-b{width:48vw;max-width:790px;top:21%;transform:translateX(-50%) rotate(31deg);border-color:rgba(207,220,246,.13)}
.lens{position:absolute;aspect-ratio:1;border-radius:45% 55% 52% 48% / 54% 46% 55% 45%;backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);background:radial-gradient(circle at 25% 18%,rgba(250,254,255,.41),rgba(189,210,245,.085) 21%,rgba(61,87,127,.15) 58%,rgba(241,246,255,.18) 85%,rgba(255,255,255,.4));border:1px solid rgba(218,234,255,.30);box-shadow:inset 8px 16px 30px rgba(255,255,255,.13),inset -15px -19px 35px rgba(10,20,44,.65),0 30px 80px rgba(0,0,0,.22);opacity:.66}
.lens-a{width:39vw;max-width:580px;left:29%;top:14%;transform:rotate(-17deg);animation:slow-drift 15s ease-in-out infinite alternate}
.lens-b{width:14vw;max-width:230px;left:64%;top:49%;opacity:.48;transform:rotate(24deg);animation:slow-drift 12s ease-in-out infinite alternate-reverse}
.lower-reflection{position:absolute;left:6%;right:6%;height:42%;bottom:-21%;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,rgba(176,195,235,.20),rgba(78,104,157,.065) 35%,transparent 70%);filter:blur(27px)}
.glow-rim{position:absolute;left:50%;bottom:1%;width:100%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(226,237,255,.25),transparent);opacity:.8}
.hero-grain{position:absolute;inset:0;opacity:.13;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.24'/%3E%3C/svg%3E")}
.hero-inner{position:relative;z-index:2;max-width:1540px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(8px)}
.hero-prelude{display:flex;gap:17px;align-items:center;letter-spacing:.24em;font-size:10px;font-weight:580;color:rgba(221,232,249,.68);text-align:center;margin-bottom:24px}
.prelude-line{width:33px;height:1px;background:linear-gradient(90deg,transparent,#718098)}.prelude-line:last-child{transform:rotate(180deg)}
.title-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;isolation:isolate;line-height:.9;--shine-x:50%;user-select:none;padding-block:24px 14px;perspective:1200px}
.wordmark,.wordmark-deep,.wordmark-cast{font-family:"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:clamp(62px,14vw,216px);font-weight:700;letter-spacing:-.07em;white-space:nowrap;line-height:1.02;direction:ltr;unicode-bidi:isolate;margin:0;text-align:center}
.wordmark{position:relative;z-index:3;display:block;padding-right:.04em;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(233,241,255,.74) 14%,rgba(187,208,235,.34) 32%,rgba(255,255,255,.56) 48%,rgba(171,194,223,.28) 62%,rgba(246,250,255,.82) 80%,rgba(182,203,231,.42) 100%);-webkit-text-stroke:.6px rgba(241,248,255,.55);filter:drop-shadow(0 1px 0 rgba(255,255,255,.16)) drop-shadow(0 8px 24px rgba(0,0,0,.13));text-shadow:0 0 22px rgba(214,233,255,.08);background-size:100% 100%;backdrop-filter:blur(4px) saturate(135%);-webkit-backdrop-filter:blur(4px) saturate(135%)}
.wordmark-deep{position:absolute;color:rgba(148,172,207,.34);z-index:2;filter:blur(1.2px);opacity:.55;transform:translate(1px,8px) scale(1.004)}
.wordmark-cast{position:absolute;z-index:1;color:rgba(219,235,255,.9);filter:blur(28px);opacity:.18;transform:translateY(10px) scale(1.008)}
.wordmark-flare{position:absolute;z-index:4;inset:22% 16% auto auto;width:18%;height:30%;pointer-events:none;opacity:.34;mix-blend-mode:screen;transform:translateX(calc((var(--shine-x) - 50%) * .18));background:radial-gradient(ellipse,rgba(255,255,255,.78),rgba(208,232,255,.32) 28%,rgba(255,255,255,.08) 48%,transparent 72%);filter:blur(20px)}
.hero-tagline{text-align:center;margin-top:30px;max-width:650px}.hero-tagline h2{font-size:clamp(30px,3.1vw,50px);font-weight:600;letter-spacing:-.05em;margin:0 0 12px}.hero-tagline em{font-style:normal;color:#dfe7f3}.hero-tagline p{color:#bcc5d4;font-size:clamp(14px,1.05vw,16px);line-height:1.72;letter-spacing:.004em;margin:0 auto;max-width:470px}
.hero-cta{margin-top:29px}.glass-button{display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:13px;color:#f4f8fe;font-weight:550;letter-spacing:.018em;padding:8px 9px 8px 23px;border:1px solid rgba(255,255,255,.29);background:linear-gradient(130deg,rgba(255,255,255,.20),rgba(255,255,255,.06));box-shadow:inset 0 1px 1px rgba(255,255,255,.22),0 14px 30px rgba(0,0,0,.12);border-radius:99px;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);transition:background .35s,border-color .35s,transform .35s var(--easing)}
.glass-button:hover{transform:translateY(-3px);background:rgba(255,255,255,.23);border-color:rgba(255,255,255,.58)}
.round-arrow{background:rgba(255,255,255,.88);color:#111923;border-radius:50%;display:grid;place-items:center;width:33px;height:33px;font-size:15px}
.hero-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(222,231,245,.46);font-size:10px;letter-spacing:.18em;max-width:1540px;width:100%;margin:auto auto 0}
.hero-index{display:flex;align-items:center;gap:11px}.index-line{width:70px;height:1px;background:linear-gradient(90deg,rgba(232,239,253,.4),rgba(232,239,253,.06))}.hero-bottom p{margin:0}.scroll-prompt{display:flex;align-items:center;gap:12px}.scroll-prompt span:last-child{font-size:20px;color:#cedbf1;animation:prompt-down 2.4s ease-in-out infinite}
.appear{animation:rise .95s var(--easing) both}.hero-prelude{animation-delay:.08s}.title-stage{animation-delay:.22s}.hero-tagline{animation-delay:.43s}.hero-cta{animation-delay:.62s}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes metal-shift{from{background-position:0 17%}to{background-position:10% 89%}}
@keyframes slow-drift{from{translate:0 0}to{translate:0 -24px}}
@keyframes prompt-down{0%,100%{transform:translateY(-4px)}50%{transform:translateY(5px)}}

/* Quiet editorial interval */
.editorial{padding:134px clamp(24px,6.4vw,100px) 40px;background:#f7f8fa;position:relative}
.editorial-overline,.small-label{font-size:11px;font-weight:620;letter-spacing:.19em;color:#7b8290;display:flex;align-items:center;gap:12px}
.dot{width:7px;height:7px;border-radius:50%;background:#6b7f9c;display:inline-block}
.editorial-grid{display:grid;grid-template-columns:1.4fr .58fr;gap:min(10vw,150px);max-width:1420px;margin:26px auto 0;align-items:end}
.editorial-headline h2{font-size:clamp(56px,7.2vw,112px);font-weight:630;letter-spacing:-.072em;line-height:.99;margin:0;color:#171a20}
.editorial-headline em,.collection-head h2 em,.vision-copy h2 em,.closing-content h2 em{font-style:normal;color:#9ca2ad}
.editorial-side{padding:0 0 12px;max-width:320px}.vertical-rule{height:46px;width:1px;background:linear-gradient(#5e708a,rgba(94,112,138,0));margin-bottom:20px}.editorial-side p{line-height:1.78;font-size:15px;color:#6d7480;margin:0 0 28px}
.editorial-micro{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.09em;color:#9da2ad;font-weight:630}.editorial-micro span{color:#acb7c9}
.editorial-divider{max-width:1420px;margin:110px auto 0;height:1px;background:linear-gradient(90deg,rgba(20,29,42,.16),rgba(20,29,42,.03))}
.reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--easing),transform 1s var(--easing)}.reveal.is-visible{opacity:1;transform:none}

/* Product gallery / 3:4 editorial image planes */
.collection{padding:78px 0 135px;background:#f7f8fa;overflow:hidden}
.collection-head,.collection-tools,.collection-foot{padding:0 clamp(24px,6.4vw,100px);max-width:1620px;margin-left:auto;margin-right:auto}
.collection-head{display:flex;justify-content:space-between;align-items:end;gap:40px}
.small-index{font-weight:700;color:#1e2630}
.collection-head h2{margin:22px 0 12px;line-height:1.06;letter-spacing:-.058em;font-size:clamp(40px,5.1vw,78px);font-weight:640}
.collection-head p{margin:0;color:#7b808a;font-size:16px;line-height:1.7;max-width:560px}
.collection-count{display:flex;flex-direction:column;text-align:right;border-bottom:1px solid #b6bac2;padding-bottom:16px;min-width:103px}
.collection-count>span{font-size:64px;font-weight:360;letter-spacing:-.07em;line-height:1}.collection-count small{font-size:10px;letter-spacing:.2em;color:#8c9199;margin-top:10px}
.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;margin-bottom:25px}
.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:12px;font-weight:570;border-radius:999px;border:1px solid rgba(40,49,66,.12);padding:11px 17px;background:transparent;color:#656b74;transition:all .3s var(--easing)}.filter:hover{border-color:#8d95a1;color:#161b22}.filter.is-active{color:#fff;background:#1b2029;border-color:#1b2029}
.collection-controllers{display:flex;gap:9px;align-items:center}.collection-controllers>span{font-size:10px;color:#9b9ea6;letter-spacing:.16em;margin-right:13px;white-space:nowrap}
.circle-button{height:42px;width:42px;background:#fff;border:1px solid rgba(40,49,66,.12);border-radius:50%;font-size:18px;color:#242831;display:grid;place-items:center;transition:all .25s}.circle-button:hover{background:#171c24;color:#fff;transform:translateY(-2px)}
.carousel-window{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;overscroll-behavior-x:contain;outline-offset:-2px}
.carousel-window.is-dragging{cursor:grabbing}.carousel-track{display:flex;align-items:start;gap:clamp(16px,2.1vw,30px);width:max-content;will-change:transform;padding:10px 0 28px;transform:translate3d(0,0,0)}
.product-card{flex:0 0 auto;width:clamp(258px,25.5vw,386px);color:#1a1f28;cursor:pointer;position:relative;outline-offset:4px}
.product-media{height:auto;aspect-ratio:3/4;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(140deg,#e9edf3,#f9f9fb);box-shadow:0 9px 26px rgba(36,47,67,.075),0 1px 1px rgba(38,47,67,.03);transition:transform .65s var(--easing),box-shadow .65s var(--easing);border:1px solid rgba(255,255,255,.82)}
.product-card:hover .product-media,.product-card:focus-visible .product-media{transform:translateY(-10px) scale(1.012);box-shadow:0 27px 55px rgba(36,47,67,.13)}
.product-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--easing)}.product-card:hover .product-media img{transform:scale(1.045)}
.product-media:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(255,255,255,.7)}
.card-label{position:absolute;top:19px;left:19px;z-index:2;padding:8px 12px;font-size:9px;letter-spacing:.17em;font-weight:650;border-radius:99px;color:#334254;background:rgba(248,251,255,.73);border:1px solid rgba(255,255,255,.79);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.card-arrow{position:absolute;bottom:18px;right:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;z-index:2;background:rgba(248,250,254,.86);color:#253342;border:1px solid rgba(255,255,255,.9);font-size:19px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}.product-card:hover .card-arrow,.product-card:focus-visible .card-arrow{opacity:1;transform:translateY(0)}
.product-copy{padding:19px 4px 4px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.product-name{font-weight:615;letter-spacing:-.036em;font-size:21px;margin:0 0 7px}.product-subtitle{font-size:13px;line-height:1.6;color:#828891;margin:0}.product-sequence{font-size:11px;color:#a3a8af;font-variant-numeric:tabular-nums;padding-top:5px}
.collection-foot{display:flex;align-items:center;gap:25px;margin-top:12px}.progress-rail{height:2px;max-width:450px;flex:1;background:#d9dce3;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:16.67%;background:#1e2837;transition:width .4s var(--easing)}.collection-counter{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;color:#4e5664}.demo-disclosure{margin-inline-start:auto;color:#9b9fa8;font-size:11px;text-align:end}

/* Original cinematic glass sculpture / a different section rhythm */
.vision{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:700px;padding:78px clamp(24px,6.4vw,100px);gap:8vw;background:#eff1f4;overflow:hidden}
.vision-art{min-height:560px;position:relative;isolation:isolate}
.vision-halo{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(191,204,225,.48) 33%,rgba(187,202,225,.07) 70%,transparent);filter:blur(13px)}
.vision-sphere{width:68%;aspect-ratio:1;position:absolute;left:15%;top:14%;border-radius:47% 53% 51% 49% / 49% 46% 54% 51%;background:radial-gradient(circle at 30% 21%,rgba(255,255,255,.96),rgba(232,244,255,.61) 12%,rgba(141,162,192,.13) 38%,rgba(50,76,113,.27) 61%,rgba(248,251,255,.88) 83%,rgba(92,112,151,.34));border:1px solid rgba(255,255,255,.86);box-shadow:inset 16px 24px 32px rgba(255,255,255,.92),inset -18px -24px 42px rgba(91,115,154,.35),0 35px 65px rgba(96,115,146,.22);backdrop-filter:blur(12px) saturate(148%);-webkit-backdrop-filter:blur(12px) saturate(148%);animation:slow-drift 16s ease-in-out infinite alternate}
.vision-inset{position:absolute;width:38%;aspect-ratio:1;left:31%;top:32%;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.87),rgba(201,223,250,.42) 30%,rgba(111,137,177,.12) 65%,rgba(245,250,255,.79));box-shadow:inset 10px 13px 23px rgba(255,255,255,.74),inset -12px -19px 25px rgba(98,116,159,.18);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.vision-highlight{position:absolute;left:23%;top:18%;width:34%;height:9%;border-radius:50%;transform:rotate(-32deg);background:rgba(255,255,255,.92);filter:blur(24px)}
.vision-mark{position:absolute;left:12%;bottom:6%;font-size:11px;color:#939eaf;letter-spacing:.17em}
.vision-copy{max-width:570px}.vision-copy h2{font-size:clamp(48px,5.45vw,82px);line-height:1.02;letter-spacing:-.062em;font-weight:645;margin:27px 0 27px}.vision-copy p{font-size:17px;line-height:1.76;color:#6d7380;max-width:460px}
.vision-principles{display:flex;gap:20px;flex-wrap:wrap;margin-top:53px;padding-top:26px;border-top:1px solid rgba(28,39,56,.16)}.vision-principles span{font-size:11px;font-weight:620;letter-spacing:.05em;color:#677184}

/* Footer is typography only: actual brand image ONLY top left */
.closing{position:relative;isolation:isolate;color:#f6f8fd;text-align:center;min-height:660px;padding:130px clamp(24px,6.4vw,100px) 25px;overflow:hidden;background:#070a10;display:flex;flex-direction:column;justify-content:space-between}
.closing-ambient{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 58% 40% at 50% 44%,rgba(87,109,151,.26),rgba(11,17,28,.14) 53%,transparent),linear-gradient(120deg,#090c14,#0e1420,#090b11)}
.closing-content h2{font-size:clamp(54px,7vw,114px);line-height:.99;font-weight:680;letter-spacing:-.073em;margin:28px auto 22px}.closing-content h2 em{color:#c3d0e5}.closing-content p{font-size:16px;line-height:1.65;color:#9eaabd}.small-label.light{justify-content:center;color:#96a5bb}
.footer-line{height:1px;background:linear-gradient(90deg,transparent,rgba(226,236,253,.21),transparent);margin-top:auto}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font-size:10px;letter-spacing:.15em;color:#78869d}footer a{color:#bdc9db;white-space:nowrap}

/* Local product inspection, no external pages */
.product-dialog{border:1px solid rgba(255,255,255,.88);padding:20px;max-width:950px;width:calc(100% - 36px);border-radius:28px;background:rgba(247,249,252,.97);box-shadow:0 50px 130px rgba(8,15,28,.36);color:#18202b;max-height:min(90vh,840px);overflow:auto}
.product-dialog::backdrop{background:rgba(4,9,18,.67);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.product-dialog[open]{display:grid;grid-template-columns:.96fr 1.04fr;gap:34px;align-items:center}
.dialog-close{position:absolute;right:12px;top:10px;border:0;background:#eef0f4;border-radius:50%;height:36px;width:36px;font-size:25px;color:#3a4250}
.dialog-media{aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#eef2f8}.dialog-media img{width:100%;height:100%;object-fit:cover;display:block}.dialog-details{padding:24px 26px 24px 0}.dialog-label{font-size:10px;letter-spacing:.19em;color:#8d9aab;font-weight:600}.dialog-details h3{font-size:clamp(30px,3.3vw,55px);letter-spacing:-.06em;line-height:1.06;margin:21px 0}.dialog-details p{font-size:16px;line-height:1.77;color:#687283}.dialog-note{display:block;font-size:11px;color:#929dad;margin-top:24px}

/* Responsive refinement */
@media(max-width:1100px){.hero{min-height:790px}.wordmark,.wordmark-cast,.wordmark-deep{font-size:15.5vw}.editorial-grid{grid-template-columns:1.15fr .8fr;gap:5vw}.product-card{width:30vw}.vision{gap:3vw}.vision-art{min-height:450px}}
@media(max-width:760px){
 .header-shell{height:78px;padding:0 20px}.brand-anchor{height:48px;width:48px;border-radius:14px}.main-nav{gap:18px;font-size:12px}.header-eyebrow{display:none}.language-toggle{padding:6px 7px 6px 12px;min-width:78px}.language-icon{height:24px;width:24px}
 .hero{min-height:780px;min-height:max(710px,100svh);padding:108px 20px 23px}.hero-inner{transform:none}.hero-prelude{font-size:9px;letter-spacing:.14em;gap:8px;margin-bottom:35px}.prelude-line{width:19px}
 .wordmark,.wordmark-cast,.wordmark-deep{font-size:15.2vw;letter-spacing:-.074em}.title-stage{margin:12px 0 4px}.lens-a{width:90vw;top:25%;left:4%;max-width:none}.lens-b{width:30vw;left:68%;top:51%}.orbital{width:110vw;top:25%}.orbital-b{width:80vw;top:32%}
 .hero-tagline{margin-top:50px}.hero-tagline h2{font-size:34px}.hero-tagline p{font-size:14px;max-width:320px}.hero-cta{margin-top:34px}.hero-bottom p{display:none}.hero-bottom{font-size:9px}
 .editorial{padding:105px 25px 26px}.editorial-grid{display:block}.editorial-headline h2{font-size:clamp(54px,12vw,86px)}.editorial-side{margin-top:45px;max-width:460px}.editorial-divider{margin-top:80px}
 .collection{padding:72px 0 98px}.collection-head,.collection-tools,.collection-foot{padding-left:25px;padding-right:25px}.collection-head h2{font-size:43px}.collection-head p{font-size:14px}.collection-count{min-width:55px;padding-bottom:12px}.collection-count>span{font-size:45px}.collection-count small{font-size:8px}.collection-tools{margin-top:34px;align-items:flex-start}.collection-controllers>span{display:none}.circle-button{width:36px;height:36px}.filter{font-size:12px;padding:9px 12px}.product-card{width:71vw}.product-media{border-radius:20px}.card-arrow{opacity:1;transform:none}.collection-foot{gap:13px}.demo-disclosure{display:none}
 .vision{display:flex;flex-direction:column;gap:5px;padding:60px 25px 90px}.vision-art{width:100%;min-height:375px}.vision-copy{width:100%}.vision-copy h2{font-size:clamp(48px,10.5vw,74px)}.vision-copy p{font-size:15px}.vision-principles{margin-top:32px}
 .closing{min-height:610px;padding:100px 25px 24px}.closing-content h2{font-size:clamp(48px,11vw,78px)}footer{font-size:9px;flex-wrap:wrap;justify-content:center;gap:14px 25px}.closing p{font-size:14px}.product-dialog[open]{grid-template-columns:1fr;gap:18px}.dialog-media{width:min(100%,290px);margin:auto}.dialog-details{padding:6px 12px 14px}.dialog-details h3{font-size:32px}
}
@media(max-width:420px){.main-nav{gap:13px;font-size:11px}.header-shell{grid-template-columns:1fr auto auto;gap:12px}.hero{min-height:max(690px,100svh)}.hero-tagline{margin-top:47px}.hero-tagline h2{font-size:29px}.hero-prelude{font-size:8px}.collection-head h2{font-size:37px}.collection-head{gap:12px}.collection-head p{max-width:290px}.collection-tools{flex-wrap:wrap;gap:15px}.collection-controllers{margin-inline-start:auto}.product-card{width:78vw}}
@media(hover:none){.product-card .card-arrow{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* The original symbol always remains in the upper-left corner on Arabic screens. */
html[dir=rtl] .header-shell{direction:ltr}html[dir=rtl] .main-nav{direction:rtl}html[dir=rtl] .hero-prelude,html[dir=rtl] .hero-bottom{direction:ltr}html[dir=rtl] .title-stage{direction:ltr}html[dir=rtl] .card-label{right:19px;left:auto}html[dir=rtl] .card-arrow{left:18px;right:auto}html[dir=rtl] .collection-count{text-align:left}html[dir=rtl] .dialog-details{padding:24px 0 24px 26px}
/* Keep the gallery physically left-anchored regardless of language; text still localizes. */
.carousel-track{direction:ltr;padding-inline-start:clamp(24px,6.4vw,100px)}
.card-label{left:auto;right:19px}
html[dir=rtl] .card-label{right:19px;left:auto}
html[dir=rtl] .product-copy{direction:rtl;text-align:right}


.wordmark span{position:relative;display:inline-block;padding-inline:.02em}
.wordmark span::before,.wordmark span::after{content:"ZOVENIQ";position:absolute;inset:0;pointer-events:none;white-space:nowrap}
.wordmark span::before{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.18) 20%,rgba(255,255,255,.58) 34%,rgba(255,255,255,.1) 46%,rgba(255,255,255,.46) 60%,rgba(255,255,255,.08) 80%,rgba(255,255,255,.38) 100%);mix-blend-mode:screen;opacity:.88;transform:translateY(-.02em) scaleY(.98)}
.wordmark span::after{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(120deg,rgba(193,228,255,0) 0%,rgba(193,228,255,.0) 40%,rgba(255,255,255,.9) 48%,rgba(214,240,255,.34) 52%,rgba(255,255,255,0) 60%);filter:blur(.2px);opacity:.78}
.title-stage::before{content:"";position:absolute;inset:18% 17% 16% 17%;border-radius:36px;background:radial-gradient(ellipse at center,rgba(216,232,255,.18),rgba(216,232,255,.03) 46%,transparent 72%);filter:blur(26px);z-index:0;pointer-events:none}
.title-stage::after{content:"";position:absolute;left:18%;right:18%;top:30%;height:38%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));filter:blur(32px);opacity:.55;pointer-events:none;z-index:0}


/* ZOVENIQ V14 — studio-glass editorial hero. Original logo only appears in header. */
.hero-surface{background:
  radial-gradient(ellipse 42% 32% at 44% 43%,rgba(37,90,135,.19),transparent 75%),
  radial-gradient(ellipse 30% 36% at 87% 48%,rgba(143,78,56,.12),transparent 77%),
  linear-gradient(142deg,#06080e 0%,#0a1120 48%,#131c2a 73%,#070b12 100%)}
.hero-inner{transform:translateY(4px)}
.hero-prelude{margin-bottom:17px}
.title-stage{position:relative;width:100%;min-height:304px;padding:0;display:flex;align-items:center;justify-content:center;isolation:isolate;--shine-x:50%;perspective:1400px}
.title-stage::before{content:"";position:absolute;inset:8% 12%;border-radius:60%;background:radial-gradient(ellipse,rgba(63,110,163,.18),transparent 62%);filter:blur(32px);z-index:0;pointer-events:none}
.title-stage::after{content:none}
.optical-wordmark{position:relative;width:min(100%,1410px);aspect-ratio:1310/345;line-height:0;z-index:2;margin:0;overflow:visible;filter:drop-shadow(0 14px 13px rgba(0,4,12,.19))}
.optical-wordmark::before,.optical-wordmark::after{content:none!important;display:none!important}
.optical-wordmark img{display:block;width:100%;height:100%;object-fit:contain;max-height:none;user-select:none;-webkit-user-drag:none;filter:contrast(1.04) saturate(1.08);transition:transform .65s cubic-bezier(.22,1,.36,1);transform-origin:center}
.title-stage:hover .optical-wordmark img{transform:perspective(1500px) rotateX(calc(var(--tilt-rotate-x,0deg) * .18)) rotateY(calc(var(--tilt-rotate-y,0deg) * .18)) scale(1.006)}
.optical-sweep{position:absolute;inset:20% 5%;z-index:3;pointer-events:none;opacity:.12;mix-blend-mode:screen;filter:blur(20px);background:radial-gradient(ellipse 8% 36% at var(--shine-x) 46%,rgba(255,255,255,.18),transparent 80%)}
.hero-tagline{margin-top:16px}
.aurora-streak{opacity:.20;filter:blur(40px)}
.lens-a{opacity:.12;filter:blur(12px)}
.lens-b{opacity:.10;filter:blur(10px)}
.orbital{border-color:rgba(185,204,235,.045)}
.orbital-b{border-color:rgba(195,213,244,.055)}
@media (max-width:760px){
 .title-stage{min-height:102px;margin:0;padding:0}
 .optical-wordmark{width:100%;aspect-ratio:1310/345}
 .optical-wordmark img{height:100%;max-height:none}
 .hero-tagline{margin-top:40px}
 .hero-prelude{margin-bottom:25px}
}
@media(max-width:420px){.title-stage{min-height:90px}.hero-tagline{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.optical-wordmark img{transition:none!important;transform:none!important}}


/* V17: preserved V14 photoreal glass, refined alpha and a corrected shared baseline. */
.title-stage{min-height:304px;perspective:none;overflow:visible}
.optical-wordmark{aspect-ratio:1365/395;filter:none;overflow:visible}
.optical-wordmark img{filter:none!important;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:translate3d(0,0,0)}
.title-stage:hover .optical-wordmark img{transform:translate3d(0,0,0) scale(1.008)}
.optical-sweep{opacity:.035;filter:blur(14px)}
@media(max-width:760px){.title-stage{min-height:112px}.optical-wordmark{aspect-ratio:1365/395}}
@media(max-width:420px){.title-stage{min-height:98px}}
@media(prefers-reduced-motion:reduce){.optical-wordmark img{transition:none!important;transform:none!important}}


/* V18: seamless full-scene glass. This is one integrated studio render, NOT a letter cutout. */
.title-stage{position:relative;min-height:318px;overflow:visible;perspective:none;isolation:isolate}
.wordmark-semantic{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;top:0;left:0}
.glass-scene-band{position:relative;display:block;width:min(96vw,1530px);height:auto;aspect-ratio:1690/365;object-fit:contain;max-width:100%;z-index:2;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:none;transform:none;mix-blend-mode:normal}
.optical-wordmark{display:none!important}
.optical-sweep{display:none!important}
.title-stage::before{opacity:.08}
.title-stage::after{display:none}
.hero-surface{background:radial-gradient(ellipse 48% 42% at 45% 43%,rgba(23,67,118,.22),transparent 78%),radial-gradient(ellipse 26% 32% at 84% 44%,rgba(45,54,83,.18),transparent 76%),linear-gradient(144deg,#060b14 0%,#0a1424 48%,#101b2c 74%,#070e1b 100%)}
.hero-inner{transform:translateY(2px)}
.hero-prelude{margin-bottom:4px}
.hero-tagline{margin-top:10px}
@media(max-width:760px){.title-stage{min-height:112px;max-width:100%;}.glass-scene-band{width:100%;aspect-ratio:1690/365}.hero-prelude{margin-bottom:10px}.hero-tagline{margin-top:36px}}
@media(max-width:420px){.title-stage{min-height:95px}}


/* V19 — approved optical glass hero. Actual approved glyph artwork, never re-drawn.
   The image has a soft falloff only outside the letters; no letter-by-letter matting. */
.hero{background:#061020}
.hero-surface{background:
 radial-gradient(ellipse 65% 52% at 48% 58%, rgba(15,35,64,.45),transparent 81%),
 radial-gradient(ellipse 45% 62% at 89% 48%, rgba(39,48,75,.26), transparent 84%),
 linear-gradient(145deg,#06101e 0%,#081527 51%,#0c172a 76%,#070d19 100%)}
.title-stage{min-height:0;width:100%;padding:0;margin:0;isolation:isolate;perspective:none}
.title-stage::before,.title-stage::after{display:none!important}
.glass-scene-band{width:min(92vw,1446px);max-width:100%;height:auto;aspect-ratio:1446 / 331;object-fit:contain;filter:none!important;transform:none!important;transition:none!important;mix-blend-mode:normal;image-rendering:auto}
.optical-sweep{display:none!important}
.hero-inner{transform:translateY(4px)}
.hero-prelude{margin-bottom:15px}
.hero-tagline{margin-top:4px}
.aurora-streak{opacity:.12;filter:blur(44px)}
.lens-a,.lens-b{opacity:.09;filter:blur(13px)}
.orbital{border-color:rgba(182,210,251,.055)}
.orbital-b{border-color:rgba(182,210,251,.055)}
@media(max-width:760px){
 .hero{min-height:max(710px,100svh);padding:108px 18px 24px}
 .hero-inner{transform:none}
 .title-stage{min-height:0;width:100%}
 .glass-scene-band{width:100%;aspect-ratio:1446 / 331}
 .hero-prelude{margin-bottom:28px}
 .hero-tagline{margin-top:27px}
 .hero-tagline h2{font-size:clamp(29px,8vw,36px)}
}
@media(max-width:420px){.hero-prelude{margin-bottom:20px}.hero-tagline{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.glass-scene-band{animation:none!important}}

/* V23.1 RTL carousel fix: the physical transform math always uses a
   left-to-right coordinate system; Arabic card content remains RTL. */
html[dir="rtl"] .carousel-window {
  direction: ltr;
}
html[dir="rtl"] .carousel-track {
  direction: ltr;
}
html[dir="rtl"] .product-card {
  direction: rtl;
}

/* ZOVENIQ V24 — existing design preserved; gallery and real-product adaptations only. */
.product-media img { object-fit:cover; background:#f6f7f9; }
.product-name { font-size:clamp(17px,1.35vw,21px); line-height:1.2; letter-spacing:-.034em; }
.product-subtitle { font-size:13px; }
.v24-dialog[open] { width:min(1120px,calc(100vw - 34px)); max-width:1120px; max-height:92dvh; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); padding:32px; gap:clamp(20px,3vw,42px); align-items:start; overflow:auto; }
.v24-dialog .dialog-details { padding:16px 25px 20px 0; }
.v24-dialog .dialog-details h3 { font-size:clamp(27px,3.1vw,43px); letter-spacing:-.045em; line-height:1.12; margin:14px 0 10px; }
.v24-dialog .dialog-details p { font-size:14px; line-height:1.75; margin:0 0 16px; }
.v24-dialog .v24-dialog-subtitle { font-size:14px; color:#737d8a; margin:0 0 20px; font-weight:500; }
.v24-gallery { width:100%; min-width:0; }
.v24-gallery .dialog-media { position:relative; aspect-ratio:3 / 4; width:100%; border-radius:18px; overflow:hidden; background:#e9edf2; }
.v24-gallery .dialog-media>img { width:100%; height:100%; object-fit:contain; display:block; }
.v24-gallery-arrow { width:42px; height:42px; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); z-index:5; background:rgba(248,250,253,.89); border:1px solid rgba(255,255,255,.9); color:#222d3a; cursor:pointer; font-size:20px; box-shadow:0 6px 15px rgba(20,34,58,.12); }
.v24-gallery-arrow:hover,.v24-gallery-arrow:focus-visible { background:white; }
.v24-gallery-arrow.prev { left:12px; }
.v24-gallery-arrow.next { right:12px; }
.v24-gallery-count { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); direction:ltr; padding:6px 13px; border-radius:99px; font-size:11px; font-weight:650; letter-spacing:.09em; background:rgba(250,252,255,.86); color:#303c4c; }
.v24-thumbs { display:flex; gap:8px; margin-top:12px; padding:3px 0 6px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; direction:ltr; }
.v24-thumb { cursor:pointer; display:block; flex:0 0 64px; height:86px; padding:0; border-radius:10px; overflow:hidden; border:2px solid transparent; background:#f2f4f7; opacity:.72; transition:border-color .2s,opacity .2s; }
.v24-thumb.selected { border-color:#1d3b63; opacity:1; }
.v24-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.v24-spec-heading { font-size:10px; font-weight:700; letter-spacing:.15em; color:#566272; margin:18px 0 13px; }
.v24-specs { margin:0; padding-left:16px; display:grid; gap:9px; color:#55616f; font-size:13px; line-height:1.55; }
.v24-dialog .dialog-note { display:block; margin:22px 0 0; font-size:11px; line-height:1.6; }
html[dir=rtl] .v24-dialog .dialog-details { padding:16px 0 20px 25px; text-align:right; }
html[dir=rtl] .v24-specs { padding-left:0; padding-right:18px; }
html[dir=rtl] .v24-gallery { direction:ltr; }
html[dir=rtl] .v24-dialog-subtitle { direction:rtl; }
@media(max-width:760px){
 .v24-dialog[open] { display:block; width:calc(100vw - 18px); max-height:95dvh; padding:12px 12px 26px; border-radius:20px; }
 .v24-dialog .dialog-details,html[dir=rtl] .v24-dialog .dialog-details { padding:18px 12px 10px; }
 .v24-gallery .dialog-media { width:min(100%,340px); margin:auto; }
 .v24-dialog .dialog-details h3 { font-size:29px; margin-top:11px; }
 .v24-dialog .dialog-details p { font-size:13px; }
 .v24-thumb { flex-basis:54px; height:72px; }
 .v24-gallery-arrow { width:36px; height:36px; }
}