:root {
  --bg: #030713;
  --bg-soft: #070d1d;
  --panel: #0a1227;
  --panel-2: #0e1933;
  --ink: #f6f8ff;
  --muted: #a9b3ca;
  --muted-2: #6f7c9a;
  --blue: #4b82ff;
  --blue-bright: #75a4ff;
  --blue-deep: #173caa;
  --cyan: #8ec5ff;
  --yellow: #ffd84a;
  --red: #ff324f;
  --green: #25d366;
  --line: rgba(153, 181, 238, .16);
  --line-strong: rgba(153, 181, 238, .3);
  --shadow: 0 30px 90px rgba(0, 0, 0, .42);
  --radius: 24px;
  --radius-sm: 14px;
  --container: 1320px;
  --header-height: 84px;
  --ease: cubic-bezier(.2, .78, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 90% 8%, rgba(48, 99, 230, .12), transparent 30%),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { color: #fff; background: var(--blue); }

.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.container.narrow { width: min(calc(100% - 48px), 920px); }
.section-pad { padding-block: clamp(88px, 9vw, 150px); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.skip-link:focus { clip: auto; width: auto; height: auto; top: 12px; left: 12px; z-index: 99999; padding: 12px 18px; background: #fff; color: #000; }

.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--blue-bright);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .22em;
  line-height: 1.2;
  text-transform: uppercase;
}
.eyebrow::before { width: 34px; height: 1px; content: ""; background: currentColor; opacity: .9; }
h1, h2, h3, h4 { margin: 0; font-family: "Arial Narrow", "Helvetica Neue", sans-serif; letter-spacing: -.035em; line-height: .98; }
h1 { font-size: clamp(58px, 7.8vw, 118px); }
h2 { font-size: clamp(42px, 5.1vw, 76px); }
h3 { font-size: clamp(24px, 2.2vw, 34px); }
p { margin: 0; }

/* Loader */
.site-loader { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; background: #02050d; transition: opacity .6s ease, visibility .6s ease; }
.site-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.site-loader__inner { width: min(78vw, 350px); text-align: center; }
.site-loader img { width: 230px; margin: 0 auto 28px; filter: drop-shadow(0 0 32px rgba(89, 132, 255, .3)); animation: loaderFloat 2s ease-in-out infinite; }
.site-loader__track { position: relative; height: 2px; overflow: hidden; background: rgba(255,255,255,.12); }
.site-loader__track span { position: absolute; inset: 0 auto 0 0; width: 45%; background: linear-gradient(90deg, transparent, var(--blue-bright), transparent); animation: loaderTrack 1.25s var(--ease) infinite; }
.site-loader p { margin-top: 15px; color: var(--muted-2); font-size: 9px; font-weight: 700; letter-spacing: .25em; }
@keyframes loaderTrack { from { transform: translateX(-110%); } to { transform: translateX(330%); } }
@keyframes loaderFloat { 50% { transform: translateY(-5px); } }

.cursor-glow { position: fixed; z-index: 9999; width: 380px; height: 380px; margin: -190px 0 0 -190px; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(54, 103, 255, .08), rgba(54, 103, 255, 0) 68%); opacity: 0; transition: opacity .25s; }
body:hover .cursor-glow { opacity: 1; }

/* Header */
.announcement-bar { position: relative; z-index: 101; height: 34px; color: #dbe4fb; border-bottom: 1px solid rgba(255,255,255,.06); background: #02050d; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.announcement-bar__inner { display: flex; align-items: center; height: 100%; gap: 10px; }
.announcement-dot { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--blue-bright); box-shadow: 0 0 12px var(--blue); animation: pulseDot 1.8s infinite; }
.announcement-bar p { white-space: nowrap; }
.announcement-contact { display: flex; margin-left: auto; gap: 24px; color: var(--muted); letter-spacing: .05em; text-transform: none; }
.announcement-contact a:hover { color: #fff; }
@keyframes pulseDot { 50% { box-shadow: 0 0 2px var(--blue); opacity: .6; } }

.site-header { position: absolute; top: 34px; left: 0; z-index: 100; width: 100%; border-bottom: 1px solid rgba(255,255,255,.07); transition: background .35s, border-color .35s, transform .35s; }
.site-header.is-sticky { position: fixed; top: 0; background: rgba(3,7,19,.84); border-color: var(--line); backdrop-filter: blur(22px); box-shadow: 0 16px 44px rgba(0,0,0,.18); }
.site-header.is-hidden { transform: translateY(-105%); }
.site-header__inner { display: flex; align-items: center; min-height: var(--header-height); }
.brand { position: relative; z-index: 2; display: flex; width: 180px; align-items: center; }
.brand img { width: 100%; max-height: 58px; object-fit: contain; filter: drop-shadow(0 0 20px rgba(74, 126, 255, .12)); }
.primary-nav { margin-left: auto; }
.primary-nav ul { display: flex; align-items: center; gap: clamp(18px, 2.3vw, 37px); margin: 0; padding: 0; list-style: none; }
.primary-nav a { position: relative; padding: 30px 0; color: #d8e0f1; font-size: 12px; font-weight: 700; letter-spacing: .085em; text-transform: uppercase; }
.primary-nav a::after { position: absolute; left: 0; right: 100%; bottom: 20px; height: 2px; content: ""; background: var(--blue-bright); transition: right .3s var(--ease); }
.primary-nav a:hover, .primary-nav .current-menu-item > a { color: #fff; }
.primary-nav a:hover::after, .primary-nav .current-menu-item > a::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 9px; margin-left: clamp(20px, 3vw, 45px); }
.header-enquire { display: inline-flex; align-items: center; gap: 14px; min-height: 46px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: 999px; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: .3s var(--ease); }
.header-enquire svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.header-enquire:hover { border-color: var(--blue); background: rgba(64, 112, 255, .12); transform: translateY(-2px); }
.header-whatsapp { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; color: #07120b; background: var(--green); transition: .3s var(--ease); box-shadow: 0 0 0 0 rgba(37,211,102,.35); }
.header-whatsapp svg { width: 20px; fill: currentColor; }
.header-whatsapp:hover { transform: translateY(-2px) rotate(-5deg); box-shadow: 0 0 0 7px rgba(37,211,102,.12); }
.menu-toggle { display: none; width: 46px; height: 46px; padding: 11px; border: 1px solid var(--line); border-radius: 50%; color: #fff; background: transparent; }
.menu-toggle span { display: block; width: 100%; height: 1px; margin: 5px 0; background: currentColor; transition: .3s; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Buttons */
.btn { position: relative; display: inline-flex; min-height: 58px; align-items: center; justify-content: center; gap: 18px; padding: 0 28px; overflow: hidden; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 850; letter-spacing: .075em; line-height: 1; text-transform: uppercase; transition: transform .3s var(--ease), box-shadow .3s, border-color .3s, background .3s; }
.btn::before { position: absolute; top: 0; bottom: 0; left: -45%; width: 35%; content: ""; background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent); transform: skewX(-20deg); transition: left .6s; }
.btn:hover::before { left: 115%; }
.btn:hover { transform: translateY(-3px); }
.btn--primary { color: #fff; background: linear-gradient(135deg, #315edb, #5a8eff); box-shadow: 0 18px 40px rgba(48, 93, 220, .27); }
.btn--primary:hover { box-shadow: 0 23px 55px rgba(48, 93, 220, .42); }
.btn--ghost { color: #fff; border-color: var(--line-strong); background: rgba(8, 15, 33, .35); backdrop-filter: blur(8px); }
.btn--ghost:hover { border-color: rgba(116, 159, 255, .65); background: rgba(38, 73, 159, .12); }
.btn--outline { color: #fff; border-color: rgba(255,255,255,.22); }
.btn--outline:hover { border-color: var(--blue-bright); }
.btn--light { color: #041023; background: #fff; box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.btn--whatsapp { color: #061a0e; background: var(--green); }
.btn--full { width: 100%; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: #d9e3fb; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.text-link span { color: var(--blue-bright); transition: transform .25s; }
.text-link:hover span { transform: translateX(4px); }
.text-link--large { font-size: 13px; }

/* Hero */
.hero { position: relative; min-height: max(790px, 100vh); overflow: hidden; background: url('../images/hero-bg.jpg') center/cover no-repeat; }
.hero::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(3,7,19,.98) 0%, rgba(3,7,19,.84) 38%, rgba(3,7,19,.28) 74%, rgba(3,7,19,.78) 100%); }
.hero-grid { position: absolute; inset: 0; z-index: 1; opacity: .14; background-image: linear-gradient(rgba(118,153,225,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(118,153,225,.15) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to right, #000, transparent 78%); }
.hero-orb { position: absolute; z-index: 1; border-radius: 50%; filter: blur(2px); }
.hero-orb--one { top: 17%; right: 6%; width: 620px; height: 620px; border: 1px solid rgba(114, 158, 255, .16); box-shadow: inset 0 0 90px rgba(52, 99, 224, .08), 0 0 120px rgba(52,99,224,.08); animation: orbRotate 18s linear infinite; }
.hero-orb--two { top: 30%; right: 15%; width: 330px; height: 330px; border: 1px dashed rgba(125, 168, 255, .22); animation: orbRotate 11s linear infinite reverse; }
@keyframes orbRotate { to { transform: rotate(360deg); } }
.hero-particles { position: absolute; inset: 0; z-index: 1; opacity: .55; background-image: radial-gradient(circle, rgba(174,201,255,.55) 0 1px, transparent 1.5px); background-size: 90px 90px; animation: particleMove 20s linear infinite; mask-image: radial-gradient(circle at 80% 45%, #000, transparent 65%); }
@keyframes particleMove { to { background-position: 180px -180px; } }
.hero__inner { position: relative; z-index: 3; display: grid; min-height: max(790px, 100vh); align-items: center; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); gap: 20px; padding-top: 108px; }
.hero__content { position: relative; z-index: 4; max-width: 690px; padding-block: 50px; }
.hero-title { max-width: 760px; margin-bottom: 27px; color: #fff; font-weight: 900; letter-spacing: -.06em; text-transform: uppercase; text-shadow: 0 10px 50px rgba(0,0,0,.28); }
.hero-title .word { display: inline-block; margin-right: .12em; overflow: hidden; }
.hero-title .word > span { display: inline-block; transform: translateY(110%); transition: transform .85s var(--ease); }
.hero-title.is-visible .word > span { transform: translateY(0); }
.hero-title .word:nth-child(2n) { color: var(--blue-bright); }
.hero-copy { max-width: 610px; color: #b8c3dc; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 36px; }
.hero-specs { display: flex; align-items: stretch; gap: 0; margin-top: 52px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-specs > div { min-width: 145px; padding: 20px 25px 20px 0; }
.hero-specs > div + div { padding-left: 25px; border-left: 1px solid var(--line); }
.hero-specs strong { display: block; color: #fff; font-size: 26px; letter-spacing: -.04em; line-height: 1; }
.hero-specs span { display: block; margin-top: 8px; color: var(--muted-2); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hero-product { position: relative; height: 660px; display: grid; place-items: center; }
.hero-product > img { position: relative; z-index: 3; width: min(100%, 730px); max-height: 630px; object-fit: contain; filter: drop-shadow(0 45px 55px rgba(0,0,0,.44)) drop-shadow(0 0 46px rgba(62,107,225,.16)); animation: productFloat 5.5s ease-in-out infinite; }
@keyframes productFloat { 50% { transform: translateY(-15px) rotate(.3deg); } }
.hero-product__beam { position: absolute; z-index: 1; right: -25%; top: 39%; width: 85%; height: 240px; background: linear-gradient(90deg, rgba(100,157,255,.26), rgba(100,157,255,0)); clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%); filter: blur(12px); transform-origin: left center; animation: heroBeam 4.5s ease-in-out infinite; }
@keyframes heroBeam { 50% { opacity: .55; transform: scaleY(1.25); } }
.hero-product__rings { position: absolute; z-index: 0; inset: 8% 3% 0 5%; display: grid; place-items: center; }
.hero-product__rings i { position: absolute; border: 1px solid rgba(112,157,255,.18); border-radius: 50%; animation: ringPulse 4s ease-out infinite; }
.hero-product__rings i:nth-child(1) { width: 60%; aspect-ratio: 1; }
.hero-product__rings i:nth-child(2) { width: 80%; aspect-ratio: 1; animation-delay: 1.2s; }
.hero-product__rings i:nth-child(3) { width: 100%; aspect-ratio: 1; animation-delay: 2.4s; }
@keyframes ringPulse { 0%,100% { opacity: .25; transform: scale(.94); } 50% { opacity: .7; transform: scale(1.02); } }
.hero-floating-card { position: absolute; z-index: 5; min-width: 170px; padding: 15px 18px; border: 1px solid rgba(133,170,255,.24); border-radius: 13px; background: rgba(8,15,34,.72); backdrop-filter: blur(15px); box-shadow: 0 18px 40px rgba(0,0,0,.25); animation: floatCard 4.4s ease-in-out infinite; }
.hero-floating-card span { display: block; color: var(--blue-bright); font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.hero-floating-card strong { display: block; margin-top: 4px; font-size: 14px; }
.hero-floating-card--top { top: 22%; right: 1%; }
.hero-floating-card--bottom { bottom: 18%; left: 6%; animation-delay: -2s; }
@keyframes floatCard { 50% { transform: translateY(-10px); } }
.scroll-cue { position: absolute; z-index: 4; bottom: 28px; left: 50%; display: flex; align-items: center; gap: 12px; color: var(--muted-2); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue span { width: 26px; height: 42px; border: 1px solid rgba(255,255,255,.25); border-radius: 30px; }
.scroll-cue span::after { display: block; width: 3px; height: 7px; margin: 8px auto; content: ""; border-radius: 3px; background: #fff; animation: scrollCue 1.8s infinite; }
@keyframes scrollCue { to { opacity: 0; transform: translateY(15px); } }

/* Section headings */
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 54px; }
.section-heading > div { max-width: 720px; }
.section-heading > p { max-width: 470px; color: var(--muted); font-size: 16px; }
.section-heading--center { flex-direction: column; align-items: center; text-align: center; }
.section-heading--center .eyebrow { justify-content: center; }
.section-heading--center > p { max-width: 650px; }

/* Assurance */
.assurance { position: relative; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #050a17; }
.assurance::before { position: absolute; inset: 0; content: ""; opacity: .18; background: linear-gradient(90deg, transparent, rgba(57,101,218,.25), transparent); }
.assurance-grid { position: relative; display: grid; grid-template-columns: 1.55fr repeat(3, 1fr); }
.assurance-grid > * { padding: 54px 38px; }
.assurance-grid > * + * { border-left: 1px solid var(--line); }
.section-intro { padding-left: 0; }
.section-intro h2 { font-size: clamp(35px, 3.4vw, 52px); }
.assurance-stat strong { display: inline-block; color: #fff; font-size: 55px; letter-spacing: -.06em; line-height: .8; }
.assurance-stat em { margin-left: 5px; color: var(--blue-bright); font-size: 13px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.assurance-stat span { display: block; margin: 13px 0 8px; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.assurance-stat p { color: var(--muted-2); font-size: 12px; line-height: 1.6; }

/* Series */
.series-section { background: linear-gradient(180deg, #040916, #070d1d); }
.series-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.series-card { position: relative; min-height: 540px; overflow: hidden; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(155deg, rgba(18,29,61,.9), rgba(5,10,24,.95)); box-shadow: var(--shadow); isolation: isolate; transition: transform .5s var(--ease), border-color .5s, box-shadow .5s; }
.series-card::before { position: absolute; inset: 0; z-index: -2; content: ""; opacity: .9; background: radial-gradient(circle at 70% 70%, rgba(46,91,210,.24), transparent 42%); }
.series-card::after { position: absolute; z-index: -1; top: -50%; left: -100%; width: 70%; height: 200%; content: ""; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); transform: rotate(18deg); transition: left .75s var(--ease); }
.series-card:hover { z-index: 3; border-color: rgba(104,151,255,.5); box-shadow: 0 34px 90px rgba(0,0,0,.55), 0 0 70px rgba(45,89,220,.12); transform: translateY(-10px); }
.series-card:hover::after { left: 140%; }
.series-card__number { position: absolute; top: 30px; right: 30px; color: rgba(255,255,255,.14); font-size: 54px; font-weight: 900; letter-spacing: -.08em; }
.series-card > p { color: var(--blue-bright); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.series-card h3 { position: relative; z-index: 3; margin-top: 17px; font-size: clamp(38px, 3.4vw, 55px); }
.series-card > span { position: absolute; z-index: 4; bottom: 32px; left: 34px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.series-card img { position: absolute; z-index: 2; right: -18%; bottom: 28px; width: 115%; max-width: none; max-height: 390px; object-fit: contain; filter: drop-shadow(0 30px 38px rgba(0,0,0,.5)); transition: transform .65s var(--ease), filter .65s; }
.series-card:hover img { transform: translate(-3%, -5%) scale(1.07); filter: drop-shadow(0 38px 45px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(57,107,235,.18)); }
.series-card--dual::before { background: radial-gradient(circle at 70% 70%, rgba(208,162,38,.16), transparent 42%); }
.series-card--premium::before { background: radial-gradient(circle at 70% 70%, rgba(136,84,255,.18), transparent 42%); }

/* Product cards */
.featured-products { position: relative; background: #030713; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.product-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(165deg, rgba(13,23,48,.96), rgba(5,10,23,.98)); transition: transform .35s var(--ease), border-color .35s, box-shadow .35s; transform-style: preserve-3d; }
.product-card:hover { border-color: rgba(112,157,255,.42); box-shadow: 0 30px 80px rgba(0,0,0,.42), 0 0 55px rgba(49,91,204,.09); }
.product-card__visual { position: relative; display: grid; min-height: 350px; place-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 50% 52%, rgba(49,92,211,.18), transparent 48%); }
.product-card__visual::before { position: absolute; inset: 0; content: ""; opacity: .18; background-image: linear-gradient(rgba(147,177,235,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(147,177,235,.13) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle, #000, transparent 68%); }
.product-card__series { position: absolute; z-index: 3; top: 20px; left: 20px; padding: 7px 10px; border: 1px solid rgba(116,159,255,.25); border-radius: 999px; color: var(--blue-bright); background: rgba(5,10,22,.6); font-size: 8px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; backdrop-filter: blur(8px); }
.product-card__glow { position: absolute; width: 45%; aspect-ratio: 1; border-radius: 50%; background: rgba(67,114,243,.25); filter: blur(60px); opacity: .5; transition: transform .5s, opacity .5s; }
.product-card__visual img { position: relative; z-index: 2; width: 88%; height: 300px; object-fit: contain; filter: drop-shadow(0 30px 25px rgba(0,0,0,.43)); transition: transform .5s var(--ease); }
.product-card:hover .product-card__visual img { transform: translateY(-8px) scale(1.055); }
.product-card:hover .product-card__glow { opacity: .9; transform: scale(1.35); }
.product-card__view { position: absolute; z-index: 4; right: 18px; bottom: 16px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 999px; color: #fff; background: rgba(8,15,32,.82); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; opacity: 0; transform: translateY(10px); transition: .3s var(--ease); backdrop-filter: blur(10px); }
.product-card:hover .product-card__view { opacity: 1; transform: none; }
.product-card__body { display: flex; justify-content: space-between; gap: 24px; padding: 24px 24px 18px; }
.product-card__model { margin-bottom: 7px; color: var(--blue-bright); font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.product-card__body h3 { max-width: 280px; font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: -.015em; line-height: 1.42; }
.product-card__body h3 a:hover { color: var(--blue-bright); }
.product-card__price { flex: 0 0 auto; text-align: right; }
.product-card__price small { display: block; color: var(--muted-2); font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.product-card__price strong { display: block; margin-top: 4px; font-size: 20px; line-height: 1; }
.product-card__actions { display: flex; align-items: center; justify-content: space-between; padding: 15px 24px 20px; border-top: 1px solid rgba(153,181,238,.09); }
.mini-whatsapp { padding: 8px 14px; border: 1px solid rgba(37,211,102,.25); border-radius: 999px; color: #62e58f; font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; transition: .25s; }
.mini-whatsapp:hover { color: #05220f; background: var(--green); }
.product-card.is-filtered { display: none; }

/* Technology */
.technology-section { position: relative; padding-block: clamp(100px, 10vw, 170px); overflow: hidden; border-block: 1px solid var(--line); background: linear-gradient(120deg, #050b1b 0%, #071127 58%, #02050c 100%); }
.technology-section::before { position: absolute; inset: 0; content: ""; opacity: .12; background-image: radial-gradient(circle at 1px 1px, rgba(154,187,255,.5) 1px, transparent 0); background-size: 35px 35px; mask-image: linear-gradient(90deg, #000, transparent 80%); }
.technology-beam { position: absolute; right: -10%; top: 25%; width: 70%; height: 300px; background: linear-gradient(90deg, rgba(83,134,255,.18), transparent); clip-path: polygon(0 42%,100% 0,100% 100%,0 58%); filter: blur(12px); animation: techBeam 6s ease-in-out infinite; }
@keyframes techBeam { 50% { opacity: .45; transform: scaleY(1.3); } }
.technology-grid { position: relative; display: grid; align-items: center; grid-template-columns: 1.1fr .9fr; gap: clamp(50px, 8vw, 120px); }
.technology-visual { position: relative; min-height: 610px; display: grid; place-items: center; }
.tech-image-wrap { position: relative; z-index: 2; width: 90%; }
.tech-image-wrap::before { position: absolute; inset: 20% 10%; z-index: -1; content: ""; border-radius: 50%; background: rgba(61,112,248,.28); filter: blur(90px); }
.tech-image-wrap img { width: 100%; max-height: 580px; object-fit: contain; filter: drop-shadow(0 38px 45px rgba(0,0,0,.55)); }
.tech-callout { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--muted); background: rgba(4,9,22,.76); font-size: 10px; line-height: 1.35; backdrop-filter: blur(12px); }
.tech-callout i { width: 8px; height: 8px; border: 2px solid var(--blue-bright); border-radius: 50%; box-shadow: 0 0 13px var(--blue); }
.tech-callout strong { color: #fff; font-size: 12px; }
.tech-callout--one { top: 17%; right: 2%; }
.tech-callout--two { bottom: 18%; left: 2%; }
.tech-callout--three { right: 0; bottom: 28%; }
.technology-content > p:not(.eyebrow) { margin: 26px 0 35px; color: var(--muted); font-size: 17px; }
.feature-list { margin-bottom: 38px; border-top: 1px solid var(--line); }
.feature-list > div { display: grid; grid-template-columns: 42px 150px 1fr; gap: 18px; align-items: start; padding: 22px 0; border-bottom: 1px solid var(--line); }
.feature-list span { color: var(--blue-bright); font-size: 10px; font-weight: 850; }
.feature-list h3 { font-family: inherit; font-size: 14px; letter-spacing: 0; line-height: 1.4; }
.feature-list p { color: var(--muted-2); font-size: 12px; }

/* Modes */
.modes-section { background: #040816; }
.mode-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mode-card { position: relative; min-height: 350px; overflow: hidden; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: #071027; isolation: isolate; transition: transform .4s var(--ease), border-color .4s; }
.mode-card::before { position: absolute; z-index: -2; inset: 0; content: ""; background: radial-gradient(circle at 50% 5%, rgba(255,255,255,.13), transparent 42%); }
.mode-card i { display: block; width: 78%; aspect-ratio: 1; margin: -25% auto 6px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.95) 0 2%, rgba(255,255,255,.22) 8%, rgba(255,255,255,.03) 36%, transparent 66%); filter: blur(1px); transition: transform .5s; }
.mode-card > span { color: var(--blue-bright); font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.mode-card h3 { margin: 10px 0 13px; font-size: 27px; }
.mode-card p { color: var(--muted-2); font-size: 13px; }
.mode-card:hover { border-color: rgba(255,255,255,.35); transform: translateY(-8px); }
.mode-card:hover i { transform: scale(1.1); }
.mode-card--yellow i { background: radial-gradient(circle, rgba(255,218,61,1) 0 2%, rgba(255,198,32,.32) 10%, rgba(255,190,29,.05) 38%, transparent 66%); }
.mode-card--yellow > span { color: #ffd84a; }
.mode-card--warm i { background: radial-gradient(circle, rgba(255,235,193,1) 0 2%, rgba(255,201,122,.29) 10%, rgba(255,191,94,.05) 38%, transparent 66%); }
.mode-card--warm > span { color: #ffd3a0; }
.mode-card--red i { background: radial-gradient(circle, rgba(255,51,80,1) 0 2%, rgba(255,49,78,.34) 10%, rgba(255,37,69,.05) 38%, transparent 66%); }
.mode-card--red > span { color: #ff5b72; }

/* Comparison */
.comparison-section { background: linear-gradient(180deg, #070d1b, #030713); }
.comparison-grid { display: grid; align-items: start; grid-template-columns: .75fr 1.25fr; gap: clamp(45px, 8vw, 110px); }
.comparison-copy { position: sticky; top: 125px; }
.comparison-copy p:not(.eyebrow) { margin: 28px 0 35px; color: var(--muted); }
.comparison-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(9,17,37,.72); box-shadow: var(--shadow); }
.comparison-table { width: 100%; border-collapse: collapse; }
.comparison-table th, .comparison-table td { padding: 20px 22px; border-bottom: 1px solid var(--line); text-align: left; }
.comparison-table th { color: var(--muted-2); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.comparison-table td { color: var(--muted); font-size: 13px; }
.comparison-table td strong { color: #fff; font-size: 15px; }
.comparison-table tr:last-child td { border-bottom: 0; }
.comparison-table tbody tr { transition: background .25s; }
.comparison-table tbody tr:hover { background: rgba(61,109,233,.08); }
.comparison-table a { color: var(--blue-bright); font-size: 11px; font-weight: 800; text-transform: uppercase; }

/* Warranty */
.warranty-section { position: relative; overflow: hidden; padding-block: 80px; background: linear-gradient(120deg, #214ba9, #4273e8 55%, #214ba9); }
.warranty-section::before { position: absolute; inset: 0; content: ""; background: radial-gradient(circle at 80% 50%, rgba(255,255,255,.2), transparent 30%); }
.warranty-lines { position: absolute; inset: -100% -20%; opacity: .18; background: repeating-radial-gradient(circle at 10% 60%, transparent 0 22px, rgba(255,255,255,.5) 23px 24px); transform: rotate(-8deg); }
.warranty-grid { position: relative; display: grid; align-items: center; grid-template-columns: 220px 1fr auto; gap: 50px; }
.warranty-badge { display: flex; align-items: center; gap: 16px; }
.warranty-badge strong { font-size: 92px; letter-spacing: -.08em; line-height: .8; }
.warranty-badge span { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.4); font-size: 12px; font-weight: 850; letter-spacing: .12em; line-height: 1.5; }
.warranty-copy .eyebrow { color: #dbe7ff; }
.warranty-copy h2 { font-size: clamp(38px, 4vw, 60px); }
.warranty-copy > p:last-child { max-width: 700px; margin-top: 18px; color: #dce7ff; }
.warranty-action { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.warranty-action small { max-width: 200px; color: #d9e5ff; font-size: 10px; }

/* Final CTA */
.final-cta { position: relative; min-height: 700px; display: grid; place-items: center; overflow: hidden; text-align: center; background: #02050d; }
.final-cta::before { position: absolute; inset: 0; content: ""; opacity: .22; background-image: linear-gradient(rgba(130,163,230,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(130,163,230,.15) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(circle at center, #000, transparent 70%); }
.final-cta__light { position: absolute; top: 45%; left: 50%; width: 850px; height: 350px; background: rgba(51,102,236,.2); filter: blur(120px); transform: translate(-50%,-50%); }
.final-cta__inner { position: relative; z-index: 2; max-width: 940px; padding-block: 100px; }
.final-cta__inner > img { width: 215px; margin: 0 auto 35px; }
.final-cta__inner .eyebrow { justify-content: center; }
.final-cta__inner > p:not(.eyebrow) { max-width: 650px; margin: 24px auto 34px; color: var(--muted); font-size: 18px; }
.final-cta__inner > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }

/* Footer */
.site-footer { position: relative; overflow: hidden; padding-top: 90px; border-top: 1px solid var(--line); background: #02050d; }
.footer-beam { position: absolute; right: -20%; top: -70px; width: 70%; height: 200px; background: linear-gradient(90deg, rgba(63,114,243,.13), transparent); clip-path: polygon(0 45%,100% 0,100% 100%,0 55%); filter: blur(10px); }
.footer-grid { position: relative; display: grid; grid-template-columns: 1.6fr .7fr .9fr 1.1fr; gap: 70px; padding-bottom: 70px; }
.footer-brand img { width: 230px; margin-bottom: 25px; }
.footer-brand p { max-width: 400px; color: var(--muted); font-size: 14px; }
.footer-whatsapp { display: inline-flex; gap: 9px; margin-top: 25px; color: #65e894; font-size: 11px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.site-footer h3 { margin-bottom: 25px; color: #fff; font-family: inherit; font-size: 11px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.site-footer ul { margin: 0; padding: 0; list-style: none; }
.site-footer li + li { margin-top: 11px; }
.site-footer li a { color: var(--muted); font-size: 13px; transition: color .25s, transform .25s; }
.site-footer li a:hover { color: #fff; }
.footer-contact { display: flex; flex-direction: column; align-items: flex-start; }
.footer-contact > a, .footer-contact > p { display: block; margin-bottom: 20px; color: #fff; font-size: 14px; }
.footer-contact small { display: block; margin-bottom: 5px; color: var(--muted-2); font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.footer-bottom { display: flex; justify-content: space-between; padding-block: 22px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 10px; letter-spacing: .04em; }
.floating-whatsapp { position: fixed; z-index: 88; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 10px; }
.floating-whatsapp__label { padding: 11px 15px; border: 1px solid rgba(37,211,102,.2); border-radius: 999px; color: #dfffea; background: rgba(7,18,13,.86); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; opacity: 0; transform: translateX(12px); transition: .3s var(--ease); backdrop-filter: blur(10px); }
.floating-whatsapp__icon { position: relative; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #04140a; background: var(--green); box-shadow: 0 15px 35px rgba(37,211,102,.25); }
.floating-whatsapp__icon::before { position: absolute; inset: -7px; content: ""; border: 1px solid rgba(37,211,102,.45); border-radius: inherit; animation: whatsappPulse 2s infinite; }
.floating-whatsapp svg { width: 25px; fill: currentColor; }
.floating-whatsapp:hover .floating-whatsapp__label { opacity: 1; transform: none; }
@keyframes whatsappPulse { 70%,100% { opacity: 0; transform: scale(1.35); } }

/* Page hero */
.page-hero { position: relative; min-height: 760px; display: grid; align-items: center; overflow: hidden; padding-top: 120px; background: radial-gradient(circle at 78% 45%, rgba(44,89,211,.2), transparent 32%), #030713; }
.page-hero::before { position: absolute; inset: 0; content: ""; opacity: .17; background-image: linear-gradient(rgba(126,162,232,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(126,162,232,.13) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, #000, transparent 82%); }
.page-hero__grid { position: relative; display: grid; align-items: center; grid-template-columns: .95fr 1.05fr; gap: 30px; }
.page-hero__copy { position: relative; z-index: 4; }
.page-hero__copy h1 { font-size: clamp(58px, 7vw, 103px); text-transform: uppercase; }
.page-hero__copy > p:last-child { max-width: 620px; margin-top: 28px; color: var(--muted); font-size: 18px; }
.page-hero__visual { position: relative; height: 580px; display: grid; place-items: center; }
.page-hero__visual img { position: relative; z-index: 3; width: 100%; max-height: 560px; object-fit: contain; filter: drop-shadow(0 42px 42px rgba(0,0,0,.48)); animation: productFloat 5s ease-in-out infinite; }
.orbit { position: absolute; border: 1px solid rgba(116,158,255,.2); border-radius: 50%; animation: orbRotate 14s linear infinite; }
.orbit--one { width: 500px; height: 500px; }
.orbit--two { width: 360px; height: 360px; border-style: dashed; animation-direction: reverse; animation-duration: 9s; }
.story-section { background: #050a16; }
.story-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 120px; }
.story-sticky { position: sticky; top: 125px; align-self: start; }
.story-block { position: relative; padding: 0 0 50px 80px; border-left: 1px solid var(--line); }
.story-block + .story-block { padding-top: 50px; border-top: 1px solid var(--line); }
.story-block > span { position: absolute; left: 0; top: 0; width: 48px; color: var(--blue-bright); font-size: 10px; font-weight: 850; }
.story-block h3 { margin-bottom: 18px; font-size: 38px; }
.story-block p { color: var(--muted); }
.values-section { background: linear-gradient(180deg, #030713, #071022); }
.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.value-card { min-height: 300px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(155deg, rgba(15,26,55,.92), rgba(5,10,23,.95)); transition: .4s var(--ease); }
.value-card:hover { border-color: rgba(111,157,255,.5); transform: translateY(-7px); }
.value-card > span { color: var(--blue-bright); font-size: 10px; font-weight: 850; }
.value-card h3 { margin: 80px 0 18px; font-size: 39px; }
.value-card p { color: var(--muted-2); font-size: 13px; }
.process-section { padding-block: 130px; overflow: hidden; border-block: 1px solid var(--line); background: #050b1b; }
.process-grid { display: grid; align-items: center; grid-template-columns: 1.1fr .9fr; gap: 90px; }
.process-image { position: relative; }
.process-image::before { position: absolute; inset: 20%; content: ""; border-radius: 50%; background: rgba(50,98,225,.25); filter: blur(90px); }
.process-image img { position: relative; width: 100%; max-height: 630px; object-fit: contain; filter: drop-shadow(0 35px 38px rgba(0,0,0,.5)); }
.process-copy ul { margin: 35px 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process-copy li { display: flex; gap: 22px; padding: 18px 0; border-bottom: 1px solid var(--line); color: #dbe4f8; font-size: 14px; }
.process-copy li span { color: var(--blue-bright); font-size: 10px; font-weight: 850; }
.about-cta { background: linear-gradient(135deg, #2856c4, #4c7ce9); }
.about-cta__inner { max-width: 930px; margin-inline: auto; text-align: center; }
.about-cta__inner .eyebrow { justify-content: center; color: #dbe7ff; }
.about-cta__inner p:not(.eyebrow) { margin: 24px auto 34px; color: #dbe6ff; }

/* Shop */
.catalog-hero { position: relative; min-height: 530px; display: grid; place-items: center; overflow: hidden; padding-top: 110px; text-align: center; background: linear-gradient(180deg, #030713, #070e20); }
.catalog-hero::before { position: absolute; inset: 0; content: ""; opacity: .18; background-image: radial-gradient(circle at 1px 1px, rgba(151,183,246,.6) 1px, transparent 0); background-size: 44px 44px; mask-image: radial-gradient(circle at center, #000, transparent 75%); }
.catalog-hero__beam { position: absolute; left: 10%; top: 38%; width: 80%; height: 120px; background: linear-gradient(90deg, transparent, rgba(67,118,241,.22), transparent); filter: blur(42px); }
.catalog-hero__inner { position: relative; max-width: 920px; }
.catalog-hero .eyebrow { justify-content: center; }
.catalog-hero h1 { font-size: clamp(65px, 8vw, 114px); text-transform: uppercase; }
.catalog-hero p:last-child { max-width: 680px; margin: 24px auto 0; color: var(--muted); font-size: 18px; }
.catalog-section { background: #030713; }
.catalog-tools { display: grid; align-items: center; grid-template-columns: 280px 1fr auto; gap: 28px; margin-bottom: 42px; }
.catalog-search { position: relative; }
.catalog-search svg { position: absolute; top: 50%; left: 17px; width: 18px; fill: none; stroke: var(--muted-2); stroke-width: 1.8; transform: translateY(-50%); }
.catalog-search input { width: 100%; height: 48px; padding: 0 15px 0 47px; border: 1px solid var(--line); border-radius: 999px; outline: 0; color: #fff; background: rgba(10,18,39,.75); }
.catalog-search input:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(62,108,229,.1); }
.catalog-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.catalog-filters button { padding: 10px 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: transparent; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; transition: .25s; }
.catalog-filters button:hover, .catalog-filters button.is-active { color: #fff; border-color: var(--blue); background: rgba(61,108,229,.16); }
.catalog-count { color: var(--muted-2); font-size: 11px; white-space: nowrap; }
.catalog-count strong { color: #fff; }
.product-grid--catalog { grid-template-columns: repeat(3, 1fr); }
.catalog-empty { padding: 90px 20px; text-align: center; }
.catalog-empty h2 { font-size: 45px; }
.catalog-empty p { margin: 15px 0 25px; color: var(--muted); }
.shop-help { padding-block: 80px; color: #fff; background: linear-gradient(125deg, #214dab, #4778e8); }
.shop-help__grid { display: grid; align-items: center; grid-template-columns: 1fr 1fr auto; gap: 50px; }
.shop-help .eyebrow { color: #dbe8ff; }
.shop-help h2 { font-size: clamp(36px, 4vw, 57px); }
.shop-help p { color: #e2ebff; }

/* Single product */
.product-detail { position: relative; min-height: 820px; padding: 180px 0 100px; background: radial-gradient(circle at 18% 52%, rgba(47,93,219,.18), transparent 32%), #030713; }
.product-detail__grid { display: grid; align-items: center; grid-template-columns: 1.05fr .95fr; gap: clamp(50px, 8vw, 110px); }
.product-gallery__stage { position: relative; min-height: 600px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 32px; background: linear-gradient(145deg, rgba(15,27,56,.92), rgba(4,9,21,.96)); }
.product-gallery__stage::before { position: absolute; inset: 0; content: ""; opacity: .14; background-image: linear-gradient(rgba(150,181,239,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(150,181,239,.16) 1px, transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle, #000, transparent 70%); }
.product-gallery__glow { position: absolute; width: 55%; aspect-ratio: 1; border-radius: 50%; background: rgba(61,111,240,.27); filter: blur(80px); }
.product-gallery__stage img { position: relative; z-index: 2; width: 88%; max-height: 570px; object-fit: contain; filter: drop-shadow(0 35px 35px rgba(0,0,0,.48)); animation: productFloat 5.2s ease-in-out infinite; }
.product-gallery__note { display: flex; gap: 10px; margin-top: 15px; color: var(--muted-2); font-size: 10px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; color: var(--muted-2); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.breadcrumbs a:hover { color: #fff; }
.product-info h1 { font-size: clamp(46px, 5vw, 76px); line-height: 1.02; }
.product-rating { display: flex; gap: 12px; align-items: center; margin: 20px 0; }
.product-rating span { color: #ffd55a; letter-spacing: .12em; }
.product-rating small { color: var(--muted-2); font-size: 10px; }
.product-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; padding-block: 22px; border-block: 1px solid var(--line); }
.product-price small { color: var(--muted-2); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.product-price strong { font-size: 40px; letter-spacing: -.05em; }
.product-price span { color: var(--muted-2); font-size: 10px; }
.product-summary { margin: 26px 0; color: var(--muted); font-size: 16px; }
.product-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.product-trust { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 35px; border-top: 1px solid var(--line); }
.product-trust > div { padding: 18px 14px 0 0; }
.product-trust > div + div { padding-left: 16px; border-left: 1px solid var(--line); }
.product-trust strong, .product-trust span { display: block; }
.product-trust strong { color: #fff; font-size: 11px; }
.product-trust span { margin-top: 4px; color: var(--muted-2); font-size: 9px; }
.product-specs { background: #061022; }
.product-specs__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.product-description h2 { margin-bottom: 30px; }
.entry-content { color: var(--muted); }
.entry-content > * + * { margin-top: 18px; }
.entry-content h2, .entry-content h3 { margin-top: 40px; color: #fff; }
.entry-content a { color: var(--blue-bright); text-decoration: underline; }
.spec-card { padding: 35px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(6,13,31,.72); }
.spec-card h3 { margin-bottom: 25px; font-size: 28px; }
.spec-card dl { margin: 0; }
.spec-card dl > div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.spec-card dl > div:last-child { border: 0; }
.spec-card dt { color: var(--muted-2); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.spec-card dd { margin: 0; color: #fff; font-size: 13px; }
.included-section { background: #030713; }
.included-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.included-item { min-height: 260px; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, #0c1731, #050a17); }
.included-item span { color: var(--blue-bright); font-size: 10px; font-weight: 850; }
.included-item h3 { margin: 80px 0 12px; font-size: 27px; }
.included-item p { color: var(--muted-2); font-size: 12px; }
.product-final-cta { padding-block: 80px; background: linear-gradient(125deg, #234ca8, #4779ea); }
.product-final-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.product-final-cta h2 { font-size: 55px; }
.product-final-cta p:not(.eyebrow) { margin-top: 15px; color: #dce7ff; }
.product-final-cta .eyebrow { color: #dce7ff; }

/* Forms */
.enquiry-hero { position: relative; min-height: 750px; display: grid; align-items: center; overflow: hidden; padding-top: 115px; background: radial-gradient(circle at 75% 45%, rgba(47,93,222,.22), transparent 32%), #030713; }
.enquiry-hero::before { position: absolute; inset: 0; content: ""; opacity: .16; background-image: linear-gradient(rgba(135,168,235,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(135,168,235,.15) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(90deg,#000,transparent 85%); }
.enquiry-hero__grid { position: relative; display: grid; align-items: center; grid-template-columns: 1fr 1fr; gap: 40px; }
.enquiry-hero h1 { font-size: clamp(54px, 6.4vw, 92px); text-transform: uppercase; }
.enquiry-hero p:not(.eyebrow) { max-width: 650px; margin-top: 28px; color: var(--muted); font-size: 17px; }
.enquiry-direct { display: flex; flex-wrap: wrap; gap: 34px; margin-top: 35px; }
.enquiry-direct a { font-size: 14px; font-weight: 700; }
.enquiry-direct small { display: block; margin-bottom: 5px; color: var(--muted-2); font-size: 8px; letter-spacing: .13em; }
.enquiry-product img { width: 100%; max-height: 570px; object-fit: contain; filter: drop-shadow(0 40px 45px rgba(0,0,0,.48)); animation: productFloat 5s ease-in-out infinite; }
.form-section { background: #061022; }
.form-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.form-intro { position: sticky; top: 120px; align-self: start; }
.form-intro > p:not(.eyebrow) { margin-top: 25px; color: var(--muted); }
.form-steps { margin-top: 40px; border-top: 1px solid var(--line); }
.form-steps > div { display: grid; grid-template-columns: 40px 1fr; gap: 15px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.form-steps span { color: var(--blue-bright); font-size: 10px; font-weight: 850; }
.form-steps p { color: var(--muted); font-size: 13px; }
.enquiry-form-card, .contact-form-wrap { padding: clamp(28px,4vw,55px); border: 1px solid var(--line); border-radius: 28px; background: rgba(5,11,26,.82); box-shadow: var(--shadow); }
.zycler-form { display: grid; gap: 19px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.zycler-form label { display: grid; gap: 8px; color: #dce4f7; font-size: 10px; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; }
.zycler-form input, .zycler-form select, .zycler-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; outline: none; color: #fff; background: #081126; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; transition: border-color .25s, box-shadow .25s; }
.zycler-form input, .zycler-form select { height: 52px; padding: 0 15px; }
.zycler-form textarea { min-height: 125px; padding: 14px 15px; resize: vertical; }
.zycler-form input:focus, .zycler-form select:focus, .zycler-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(67,115,239,.11); }
.zycler-form ::placeholder { color: #53617d; }
.honey { position: absolute !important; left: -9999px !important; }
.form-alert { margin-bottom: 22px; padding: 13px 15px; border: 1px solid rgba(255,185,76,.3); border-radius: 10px; color: #ffcf85; background: rgba(255,168,39,.08); font-size: 12px; }
.form-alert--success { color: #7be8a0; border-color: rgba(37,211,102,.3); background: rgba(37,211,102,.08); }
.form-whatsapp { text-align: center; color: #66e997; font-size: 11px; font-weight: 750; }

/* Contact */
.contact-hero { position: relative; min-height: 650px; display: grid; align-items: center; overflow: hidden; padding-top: 120px; text-align: center; background: #030713; }
.contact-hero::before { position: absolute; inset: 0; content: ""; opacity: .2; background-image: radial-gradient(circle at 1px 1px, rgba(154,184,244,.55) 1px, transparent 0); background-size: 47px 47px; mask-image: radial-gradient(circle at center,#000,transparent 70%); }
.contact-hero__glow { position: absolute; top: 50%; left: 50%; width: 850px; height: 300px; background: rgba(58,106,232,.18); filter: blur(120px); transform: translate(-50%,-50%); }
.contact-hero__inner { position: relative; max-width: 1050px; }
.contact-hero .eyebrow { justify-content: center; }
.contact-hero h1 { font-size: clamp(58px,7vw,100px); text-transform: uppercase; }
.contact-hero p:last-child { max-width: 720px; margin: 28px auto 0; color: var(--muted); font-size: 18px; }
.contact-section { background: #061022; }
.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.contact-details { display: grid; gap: 14px; }
.contact-card { position: relative; padding: 27px 28px; border: 1px solid var(--line); border-radius: 18px; background: rgba(5,11,26,.65); }
.contact-card > span { position: absolute; top: 25px; right: 25px; color: rgba(255,255,255,.12); font-size: 30px; font-weight: 900; }
.contact-card small { display: block; margin-bottom: 8px; color: var(--blue-bright); font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.contact-card a, .contact-card strong { display: block; font-size: 19px; }
.contact-card p { margin-top: 8px; color: var(--muted-2); font-size: 12px; }
.contact-whatsapp-panel { display: flex; align-items: center; justify-content: space-between; min-height: 110px; padding: 25px 28px; border-radius: 18px; color: #05180b; background: var(--green); transition: transform .3s; }
.contact-whatsapp-panel:hover { transform: translateY(-4px); }
.contact-whatsapp-panel small { display: block; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.contact-whatsapp-panel strong { display: block; margin-top: 4px; font-size: 23px; }
.contact-whatsapp-panel > span { font-size: 30px; }
.contact-form-wrap > h2 { margin-bottom: 32px; }
.contact-faq { background: #030713; }
.faq-list { max-width: 950px; margin: 0 auto; border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; cursor: pointer; color: #fff; font-size: 18px; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--blue-bright); font-size: 25px; font-weight: 300; transition: transform .25s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 800px; padding: 0 0 25px; color: var(--muted); }

/* Misc pages and WooCommerce */
.default-page { min-height: 75vh; padding-top: 100px; background: #030713; }
.default-page h1 { margin-bottom: 35px; font-size: clamp(55px,7vw,95px); }
.default-page article { padding-block: 25px; border-bottom: 1px solid var(--line); }
.error-page { position: relative; min-height: 100vh; display: grid; place-items: center; overflow: hidden; text-align: center; background: #030713; }
.error-page__beam { position: absolute; width: 100%; height: 250px; background: linear-gradient(90deg, transparent, rgba(63,113,239,.2), transparent); filter: blur(40px); }
.error-page__inner { position: relative; }
.error-page .eyebrow { justify-content: center; }
.error-page p:not(.eyebrow) { margin: 20px 0 30px; color: var(--muted); }
.woocommerce-page-wrap { min-height: 75vh; padding-top: 90px; background: #030713; }
.woocommerce-page-wrap .products { display: grid !important; grid-template-columns: repeat(3,1fr); gap: 20px; }
.woocommerce-page-wrap .products::before, .woocommerce-page-wrap .products::after { display: none !important; }
.woocommerce ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #fff !important; border-radius: 999px !important; background: var(--blue) !important; }

/* Reveal animations */
.reveal { opacity: 0; transform: translateY(32px); transition: opacity .85s var(--ease), transform .85s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }
.reveal:nth-child(2) { transition-delay: .06s; }
.reveal:nth-child(3) { transition-delay: .12s; }
.reveal:nth-child(4) { transition-delay: .18s; }

@media (max-width: 1180px) {
  :root { --container: 1080px; }
  .announcement-contact a:last-child { display: none; }
  .primary-nav ul { gap: 18px; }
  .primary-nav a { font-size: 10px; }
  .header-enquire { display: none; }
  .hero__inner { grid-template-columns: .95fr 1.05fr; }
  .hero-product { height: 570px; }
  .assurance-grid { grid-template-columns: 1.3fr repeat(3,1fr); }
  .assurance-grid > * { padding-inline: 22px; }
  .product-grid, .product-grid--catalog { grid-template-columns: repeat(2,1fr); }
  .mode-grid { grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 1.4fr .7fr .9fr; }
  .footer-contact { grid-column: 1 / -1; flex-direction: row; gap: 50px; padding-top: 35px; border-top: 1px solid var(--line); }
}

@media (max-width: 940px) {
  :root { --header-height: 72px; }
  .announcement-bar { height: 30px; }
  .announcement-contact { display: none; }
  .announcement-bar__inner { justify-content: center; }
  .site-header { top: 30px; }
  .site-header.is-sticky { top: 0; }
  .brand { width: 150px; }
  .menu-toggle { display: block; }
  .header-whatsapp { display: none; }
  .primary-nav { position: fixed; inset: 0; z-index: 1; display: grid; place-items: center; margin: 0; padding: 110px 28px 60px; background: rgba(2,5,13,.97); backdrop-filter: blur(20px); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .35s var(--ease); }
  .primary-nav.is-open { opacity: 1; visibility: visible; transform: none; }
  .primary-nav ul { flex-direction: column; gap: 8px; text-align: center; }
  .primary-nav a { display: block; padding: 12px; font-family: "Arial Narrow", sans-serif; font-size: 30px; letter-spacing: -.02em; }
  .primary-nav a::after { display: none; }
  .header-actions { position: relative; z-index: 3; margin-left: auto; }
  .hero__inner { grid-template-columns: 1fr; align-content: center; padding-top: 150px; padding-bottom: 70px; }
  .hero__content { padding-bottom: 0; }
  .hero-product { height: 480px; margin-top: -40px; }
  .hero-floating-card--top { right: 8%; }
  .scroll-cue { display: none; }
  .assurance-grid { grid-template-columns: 1fr 1fr; }
  .assurance-grid > * { border-left: 0 !important; }
  .assurance-grid > *:nth-child(even) { border-left: 1px solid var(--line) !important; }
  .assurance-grid > *:nth-child(n+3) { border-top: 1px solid var(--line); }
  .series-grid { grid-template-columns: 1fr; }
  .series-card { min-height: 460px; }
  .series-card img { width: 72%; right: -3%; }
  .technology-grid, .comparison-grid, .page-hero__grid, .story-grid, .process-grid, .product-detail__grid, .product-specs__grid, .enquiry-hero__grid, .form-layout, .contact-grid { grid-template-columns: 1fr; }
  .technology-content { max-width: 720px; }
  .comparison-copy, .story-sticky, .form-intro { position: static; }
  .warranty-grid { grid-template-columns: 190px 1fr; }
  .warranty-action { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  .page-hero__copy { padding-top: 40px; }
  .page-hero__visual { height: 460px; }
  .story-grid { gap: 60px; }
  .values-grid, .included-grid { grid-template-columns: repeat(2,1fr); }
  .catalog-tools { grid-template-columns: 1fr auto; }
  .catalog-filters { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
  .product-detail { padding-top: 140px; }
  .product-gallery__stage { min-height: 520px; }
  .enquiry-product { display: none; }
  .contact-details { grid-template-columns: repeat(2,1fr); }
  .contact-whatsapp-panel { grid-column: 1 / -1; }
  .shop-help__grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; gap: 35px; }
}

@media (max-width: 680px) {
  .container, .container.narrow { width: min(calc(100% - 30px), var(--container)); }
  .section-pad { padding-block: 78px; }
  h1 { font-size: clamp(48px, 16vw, 72px); }
  h2 { font-size: clamp(38px, 12vw, 54px); }
  .announcement-bar p { overflow: hidden; max-width: 92vw; text-overflow: ellipsis; }
  .site-header__inner { min-height: 66px; }
  .brand { width: 125px; }
  .hero { min-height: 850px; }
  .hero__inner { min-height: 850px; padding-top: 130px; }
  .hero-title { font-size: clamp(51px, 16vw, 78px); }
  .hero-copy { font-size: 15px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .hero-specs { display: grid; grid-template-columns: repeat(3,1fr); }
  .hero-specs > div { min-width: 0; padding: 15px 8px 15px 0; }
  .hero-specs > div + div { padding-left: 8px; }
  .hero-specs strong { font-size: 20px; }
  .hero-specs span { font-size: 7px; }
  .hero-product { height: 360px; margin-top: -20px; }
  .hero-product > img { max-height: 360px; }
  .hero-floating-card { min-width: 130px; padding: 10px 12px; }
  .hero-floating-card--top { top: 8%; right: 0; }
  .hero-floating-card--bottom { bottom: 7%; left: 0; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 35px; }
  .assurance-grid { grid-template-columns: 1fr; }
  .assurance-grid > * { padding: 34px 0; border-left: 0 !important; border-top: 1px solid var(--line); }
  .assurance-grid > *:nth-child(even) { border-left: 0 !important; }
  .section-intro { border-top: 0; }
  .series-card { min-height: 420px; padding: 26px; }
  .series-card img { width: 100%; right: -19%; bottom: 20px; }
  .series-card > span { left: 26px; }
  .product-grid, .product-grid--catalog { grid-template-columns: 1fr; }
  .product-card__visual { min-height: 320px; }
  .technology-visual { min-height: 430px; }
  .tech-callout { display: none; }
  .feature-list > div { grid-template-columns: 32px 1fr; }
  .feature-list p { grid-column: 2; }
  .mode-grid { grid-template-columns: 1fr; }
  .mode-card { min-height: 310px; }
  .comparison-table-wrap { overflow-x: auto; }
  .comparison-table { min-width: 650px; }
  .warranty-grid { grid-template-columns: 1fr; gap: 35px; }
  .warranty-action { grid-column: auto; align-items: flex-start; flex-direction: column; }
  .final-cta { min-height: 620px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-contact { grid-column: 1 / -1; flex-direction: column; gap: 0; }
  .footer-bottom { flex-direction: column; gap: 6px; }
  .floating-whatsapp { right: 14px; bottom: 14px; }
  .floating-whatsapp__label { display: none; }
  .floating-whatsapp__icon { width: 53px; height: 53px; }
  .page-hero { min-height: 780px; padding-top: 110px; }
  .page-hero__copy h1, .catalog-hero h1, .enquiry-hero h1, .contact-hero h1 { font-size: clamp(48px,15vw,72px); }
  .page-hero__visual { height: 350px; }
  .orbit--one { width: 330px; height: 330px; }
  .orbit--two { width: 240px; height: 240px; }
  .story-block { padding-left: 50px; }
  .values-grid, .included-grid { grid-template-columns: 1fr; }
  .process-section { padding-block: 80px; }
  .catalog-hero { min-height: 490px; }
  .catalog-tools { grid-template-columns: 1fr; }
  .catalog-count { grid-row: 2; }
  .catalog-filters { grid-row: 3; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 6px; }
  .catalog-filters button { flex: 0 0 auto; }
  .product-detail { padding-top: 120px; }
  .product-gallery__stage { min-height: 390px; }
  .product-gallery__stage img { max-height: 390px; }
  .product-info h1 { font-size: 46px; }
  .product-buttons { flex-direction: column; }
  .product-buttons .btn { width: 100%; }
  .product-trust { grid-template-columns: 1fr; }
  .product-trust > div + div { padding-left: 0; border-left: 0; }
  .spec-card { padding: 25px; }
  .spec-card dl > div { grid-template-columns: 1fr; gap: 6px; }
  .product-final-cta__inner { align-items: flex-start; flex-direction: column; }
  .product-final-cta h2 { font-size: 43px; }
  .enquiry-hero { min-height: 690px; }
  .form-row { grid-template-columns: 1fr; }
  .enquiry-form-card, .contact-form-wrap { padding: 24px 18px; }
  .contact-details { grid-template-columns: 1fr; }
  .contact-whatsapp-panel { grid-column: auto; }
  .contact-hero { min-height: 620px; }
  .woocommerce-page-wrap .products { grid-template-columns: 1fr; }
}

@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; transform: none; }
  .cursor-glow { display: none; }
}

/* Product photography readability refinements */
.brand img, .site-loader img, .footer-brand img, .final-cta__inner > img { filter: brightness(1.55) saturate(.85) drop-shadow(0 0 20px rgba(92,139,255,.22)); }
.hero-product::before { position: absolute; z-index: 0; width: 76%; aspect-ratio: 1; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(224,233,255,.34) 0, rgba(104,145,242,.16) 38%, transparent 69%); filter: blur(8px); }
.product-card__visual::after { position: absolute; z-index: 0; inset: 48px 25px 30px; content: ""; border-radius: 20px; background: linear-gradient(145deg, rgba(247,249,255,.96), rgba(214,224,243,.9)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.45), 0 20px 55px rgba(0,0,0,.2); transition: transform .45s var(--ease), box-shadow .45s; }
.product-card:hover .product-card__visual::after { transform: scale(1.018); box-shadow: inset 0 0 0 1px rgba(255,255,255,.6), 0 24px 65px rgba(0,0,0,.3); }
.product-card__visual::before { z-index: 1; }
.product-card__glow { z-index: 1; }
.tech-image-wrap::after, .process-image::after { position: absolute; z-index: -1; inset: 12% 4%; content: ""; border-radius: 35%; background: radial-gradient(circle, rgba(225,233,255,.24), rgba(86,126,224,.08) 52%, transparent 72%); filter: blur(18px); }
@media (max-width:680px) { .product-card__visual::after { inset: 40px 18px 24px; } }


/* Version 1.1.0: solid white logo and product-image surfaces */
.site-loader__inner > img {
  width: min(270px, 78vw);
  padding: 18px 22px;
  border: 1px solid rgba(10, 24, 55, .08);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38);
  filter: none;
}
.brand {
  width: 195px;
  min-height: 60px;
  padding: 8px 14px;
  border: 1px solid rgba(7, 20, 45, .08);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}
.brand img { max-height: 45px; filter: none; }
.footer-brand > a {
  display: inline-flex;
  padding: 12px 16px;
  margin-bottom: 25px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(0,0,0,.28);
}
.footer-brand img { margin: 0; filter: none; }
.final-cta__inner > img {
  width: 245px;
  padding: 15px 18px;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(0,0,0,.3);
  filter: none;
}
.hero-product > img,
.series-card img,
.tech-image-wrap img,
.page-hero__visual img,
.process-image img,
.product-gallery__stage img,
.enquiry-product img {
  background: #fff;
  border: 1px solid rgba(12, 30, 68, .08);
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(0,0,0,.34);
}
.hero-product > img { padding: clamp(16px, 2.2vw, 30px); }
.series-card img { padding: 18px; right: -7%; width: 102%; max-height: 375px; }
.tech-image-wrap img, .page-hero__visual img, .process-image img { padding: clamp(16px, 2vw, 28px); }
.product-gallery__stage {
  border-color: rgba(12, 30, 68, .1);
  background: #fff;
  box-shadow: 0 35px 90px rgba(0,0,0,.28);
}
.product-gallery__stage::before, .product-gallery__glow { display: none; }
.product-gallery__stage img {
  width: 94%;
  padding: 14px;
  border: 0;
  box-shadow: none;
  filter: none;
}
.product-card__visual {
  background: #fff;
  border-bottom-color: rgba(10, 25, 55, .1);
}
.product-card__visual::before, .product-card__visual::after, .product-card__glow { display: none; }
.product-card__visual img {
  width: 94%;
  height: 320px;
  padding: 14px;
  border-radius: 18px;
  background: #fff;
  filter: none;
}
.product-card__series {
  color: #1f4db4;
  border-color: rgba(31, 77, 180, .18);
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 25px rgba(14,35,79,.09);
}
.contact-product-interest {
  margin: 14px 0 22px;
  padding: 12px 15px;
  border: 1px solid rgba(117,164,255,.22);
  border-radius: 12px;
  color: #cfd9ef;
  background: rgba(75,130,255,.08);
  font-size: 13px;
}
.contact-product-interest strong { color: #fff; }
@media (max-width: 1080px) {
  .brand { width: 175px; }
  .series-card img { right: -2%; width: 78%; }
}
@media (max-width: 680px) {
  .brand { width: 150px; min-height: 52px; padding: 7px 11px; border-radius: 12px; }
  .brand img { max-height: 37px; }
  .hero-product > img { border-radius: 20px; }
  .series-card img { right: -9%; width: 102%; padding: 12px; border-radius: 20px; }
  .product-card__visual img { height: 300px; padding: 10px; }
}