:root{
  color-scheme:light;
  --bg:#fbf9ff;
  --paper:#fff;
  --wash:#f3efff;
  --wash-strong:#e7defa;
  --violet-wash:#f7f3ff;
  --ink:#20172d;
  --muted:#625a6d;
  --soft:#897d96;
  --accent:#5b2dbf;
  --accent-rgb:91,45,191;
  --accent-strong:#43208f;
  --violet:#7c3aed;
  --violet-rgb:124,58,237;
  --glow:#b89cff;
  --glow-rgb:184,156,255;
  --blue:#2f69b8;
  --blue-rgb:47,105,184;
  --line:rgba(52,32,76,.14);
  --line-blue:rgba(91,45,191,.22);
  --radius:18px;
  --radius-sm:11px;
  --shadow:0 24px 70px rgba(73,42,115,.13);
  --font:"Space Grotesk","Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:var(--font);
}
*{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;scroll-behavior:smooth;background:var(--bg)}
body{width:100%;max-width:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}
@supports(overflow:clip){html,body{overflow-x:clip}}
body::before{content:none}
img,video,svg{display:block;max-width:100%}
svg{width:1.15rem;height:1.15rem}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1;letter-spacing:-.045em}
p{color:var(--muted)}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:3px solid var(--glow);outline-offset:4px}
.shell{width:min(100% - 2rem,1240px);min-width:0;margin-inline:auto}
.section{padding-block:5.2rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:1rem;top:-6rem;z-index:1000;padding:.8rem 1rem;background:var(--accent);color:#fff;font-weight:800}
.skip-link:focus{top:1rem}
.eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1rem;color:var(--accent);font:800 .66rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{content:"";width:2rem;height:2px;background:linear-gradient(90deg,var(--accent),var(--glow))}
.section-heading{max-width:850px;margin-bottom:3rem}
.section-heading h2{margin-bottom:1rem;font-size:clamp(2.45rem,10vw,5.8rem);font-weight:640}
.section-heading p{max-width:690px;margin-bottom:0;font-size:1.04rem}
.button-row{display:flex;flex-wrap:wrap;gap:.7rem}
.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.65rem;padding:.8rem 1.2rem;border:1px solid transparent;border-radius:999px;font-size:.8rem;font-weight:800;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.button svg,.text-link svg{transition:transform .2s}
.button:hover{transform:translateY(-2px)}
.button:hover svg,.text-link:hover svg{transform:translateX(.25rem)}
.button-primary{background:linear-gradient(135deg,var(--accent-strong),var(--violet));color:#fff;box-shadow:0 14px 30px rgba(var(--accent-rgb),.24)}
.button-primary:hover{box-shadow:0 18px 40px rgba(var(--accent-rgb),.26)}
.button-outline{border-color:rgba(var(--accent-rgb),.38);background:rgba(247,243,255,.82);color:var(--accent);backdrop-filter:blur(12px)}
.button-outline:hover{border-color:var(--accent);background:#fff}
.text-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent);font-size:.84rem;font-weight:800}
.scroll-progress{position:fixed;left:0;top:0;z-index:300;width:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--glow))}

.site-header{position:fixed;inset:0 0 auto;z-index:200;width:100%;max-width:100%;border-bottom:1px solid rgba(23,33,42,.07);background:#fff;transition:box-shadow .25s,background .25s}
.site-header.scrolled{background:rgba(253,251,255,.97);box-shadow:0 10px 32px rgba(73,42,115,.1)}
.nav-shell{display:flex;width:min(100% - 2rem,1320px);height:4.6rem;align-items:center;justify-content:space-between;margin:auto}
.brand{display:inline-flex;width:min(48vw,13.5rem);align-items:center;flex:0 0 auto}
.site-logo{display:block;width:100%;height:auto;max-height:3.2rem;object-fit:contain;object-position:left center}
.menu-toggle{display:grid;width:2.8rem;height:2.8rem;place-content:center;gap:5px;border:1px solid var(--line-blue);border-radius:50%;background:#fff;cursor:pointer}
.menu-toggle>span{width:1rem;height:1px;background:var(--ink);transition:.2s}
.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)}
.site-menu{position:absolute;top:100%;right:0;left:0;display:flex;width:100%;height:calc(100vh - 4.6rem);height:calc(100dvh - 4.6rem);min-height:0;flex-direction:column;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 18px 45px rgba(31,17,46,.12);visibility:hidden;pointer-events:none;transform:translate3d(100%,0,0);transition:transform .3s ease,visibility 0s linear .3s}
.site-menu.open{visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.site-menu ul{display:grid;gap:0;margin:0 0 1rem;padding:0;list-style:none}
.site-menu li{border-bottom:1px solid var(--line)}
.site-menu li a{display:flex;padding:1rem 0;font-size:1.2rem;font-weight:680}
.site-menu li a[aria-current="page"]{color:var(--accent)}
.button-nav{width:100%;margin-top:auto;background:linear-gradient(135deg,var(--accent-strong),var(--violet));color:#fff}
.menu-signature{display:flex;flex:0 0 auto;align-items:center;gap:.65rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line);color:var(--soft);font-size:.68rem;font-weight:720;letter-spacing:.04em;text-transform:uppercase}
.menu-signature img{width:1.8rem;height:1.8rem;flex:0 0 auto;object-fit:contain}
body.menu-open{overflow:hidden;overscroll-behavior:none}

.hero{position:relative;display:flex;min-height:100svh;align-items:stretch;overflow:hidden;background:#120c1b;color:#fff;isolation:isolate}
.hero-media,.hero-shade{position:absolute;inset:0}
.hero-media{z-index:-3}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(.72) contrast(1.08) brightness(.7)}
.hero-shade{z-index:-2;background:radial-gradient(circle at 66% 42%,rgba(var(--violet-rgb),.28),transparent 34%),linear-gradient(180deg,rgba(11,7,17,.38) 0%,rgba(15,9,24,.5) 38%,rgba(13,8,20,.94) 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--glow),transparent);opacity:.65}
.hero-content{position:relative;z-index:2;display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end;gap:2rem;padding-top:7rem;padding-bottom:5.8rem}
.hero-copy{max-width:760px}
.hero .eyebrow{color:#d9ccff}
.hero .eyebrow::before{background:linear-gradient(90deg,var(--glow),#fff)}
.hero h1{max-width:900px;margin-bottom:1.25rem;padding-bottom:.08em;overflow:visible;color:#fff;font-size:clamp(3.35rem,15vw,6.6rem);font-weight:560;line-height:1;letter-spacing:-.052em;text-wrap:balance}
.hero h1 em{display:block;padding-bottom:.18em;overflow:visible;line-height:1.04;background:linear-gradient(100deg,#fff 0%,#d7c7ff 46%,#9f74ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero-copy>p{max-width:690px;margin-bottom:1.65rem;color:#ded6e8;font-size:1rem}
.hero .button-outline{border-color:rgba(255,255,255,.38);background:rgba(20,12,31,.45);color:#fff}
.hero .button-outline:hover{border-color:#fff;background:rgba(255,255,255,.12)}

.technical-svg{width:100%;height:auto;color:var(--accent);overflow:visible}
.technical-svg text{fill:var(--muted);font:700 13px var(--mono);letter-spacing:.08em}
.svg-grid path{stroke:rgba(var(--accent-rgb),.09);stroke-width:1}
.svg-cells rect,.svg-cells path,.svg-node rect,.svg-node path{stroke:currentColor;stroke-width:2}
.svg-node rect{fill:rgba(255,255,255,.72)}
.svg-heavy{stroke:var(--ink);stroke-width:7;stroke-linecap:round;opacity:.72}
.svg-accent,.svg-wave{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.spark{stroke:var(--glow);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(var(--glow-rgb),.7))}
.energy-path{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 12;animation:energyFlow 3.2s linear infinite;filter:drop-shadow(0 0 5px rgba(var(--glow-rgb),.42))}
.energy-path-delay{animation-delay:-1.5s}
.pulse-node{fill:var(--glow);stroke:#fff;stroke-width:4;transform-box:fill-box;transform-origin:center;animation:nodePulse 2s ease-in-out infinite}
@keyframes energyFlow{to{stroke-dashoffset:-88}}
@keyframes nodePulse{50%{transform:scale(1.3);opacity:.6}}

.page-hero{position:relative;display:flex;min-height:clamp(320px,38svh,430px);align-items:flex-end;padding:7.6rem 0 2.4rem;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.14);background:#171020;color:#fff;isolation:isolate}
.page-hero-media{position:absolute;z-index:-2;inset:0}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:72% 62%;filter:saturate(.62) contrast(1.08) brightness(.62);transform:scale(1.01)}
.page-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 64% 52%,rgba(var(--violet-rgb),.3),transparent 30%),linear-gradient(90deg,rgba(15,9,23,.96) 0%,rgba(20,12,30,.83) 48%,rgba(17,10,25,.28) 100%)}
.page-grid{display:none}
.page-hero-content{position:relative}
.page-hero .eyebrow{margin-bottom:.65rem;color:#cab7ff}
.page-hero .eyebrow::before{background:linear-gradient(90deg,var(--glow),#fff)}
.page-hero h1{max-width:1040px;margin-bottom:.7rem;color:#fff;font-size:clamp(2.35rem,10vw,4.7rem);font-weight:640;line-height:.93;text-wrap:balance}
.page-hero p{max-width:740px;margin-bottom:0;color:#d7cfdf;font-size:.98rem}

.offer-rail-wrap{--rail-bg:#e8defb;position:relative;z-index:5;width:100%;max-width:100%;margin-top:-2.2rem;padding-top:1.15rem;background:var(--rail-bg);border-bottom:1px solid rgba(var(--accent-rgb),.16);isolation:isolate}
.offer-rail-wrap::before{content:"";position:absolute;left:0;top:-2.35rem;z-index:-1;width:100%;height:3.75rem;border-radius:52% 48% 0 0/88% 100% 0 0;background:var(--rail-bg);pointer-events:none}
.solution-rail{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.solution-rail a{display:grid;min-width:0;min-height:5.2rem;grid-template-columns:1.35rem minmax(0,1fr);align-items:start;gap:.6rem;padding:1rem .45rem;border-right:1px solid rgba(var(--accent-rgb),.14);border-bottom:1px solid rgba(var(--accent-rgb),.14);transition:background .2s,color .2s}
.solution-rail a:nth-child(2n){border-right:0}
.solution-rail a:nth-last-child(-n+2){border-bottom:0}
.solution-rail a:hover{background:rgba(255,255,255,.52);color:var(--accent)}
.solution-rail>a>svg{width:1.35rem;height:1.35rem;color:var(--accent)}
.solution-rail a span{display:grid;min-width:0}
.solution-rail strong{overflow-wrap:anywhere;font-size:.78rem;line-height:1.2}
.solution-rail small{overflow-wrap:anywhere;color:#6e5f7d;font:.59rem/1.35 var(--mono)}

.capabilities-section{background:linear-gradient(180deg,#fff 0%,#fff 46%,var(--violet-wash) 100%)}
.capability-list{border-top:1px solid var(--line)}
.capability-row{position:relative;isolation:isolate;display:grid;gap:2rem;align-items:center;padding:3rem 0;border-bottom:1px solid var(--line)}
.capability-row>*{position:relative;z-index:1}
.capability-row:nth-child(odd){border-color:rgba(255,255,255,.28);color:#fff}
.capability-row:nth-child(odd)::before{content:"";position:absolute;inset-block:0;left:50%;z-index:0;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse 78% 112% at 50% 50%,#cbbcff 0%,#b694ff 31%,#985eea 56%,#722fc8 78%,#45147f 100%)}
.capability-row:nth-child(odd) .eyebrow{color:#f7f0ff}
.capability-row:nth-child(odd) .capability-copy h3{color:#fff}
.capability-row:nth-child(odd) .capability-copy p{color:rgba(255,255,255,.9)}
.capability-row:nth-child(odd) .text-link{color:#fff}
.capability-row:nth-child(odd) .category-visual{background:radial-gradient(circle,rgba(255,255,255,.24),rgba(255,255,255,.06) 48%,transparent 70%);color:#fff}
.capability-copy h3{max-width:640px;margin-bottom:1rem;font-size:clamp(2rem,8vw,4.2rem);font-weight:630}
.capability-copy p{max-width:620px;margin-bottom:1.4rem}
.capability-visual{position:relative;min-height:270px;display:grid;place-items:center;padding:1rem 0}
.capability-visual::before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--glow-rgb),.3),rgba(var(--violet-rgb),.08) 62%,transparent);filter:blur(38px)}

.configurator-section{background:radial-gradient(circle at 92% 2%,rgba(var(--violet-rgb),.27),transparent 26%),#1b1028;color:#fff}
.configurator-section>.shell>.section-heading h2{color:#fff}
.configurator-section>.shell>.section-heading p{color:#d0c5dc}
.configurator-section>.shell>.section-heading .eyebrow{color:#d5c5ff}
.configurator-section>.shell>.section-heading .eyebrow::before{background:linear-gradient(90deg,var(--glow),#fff)}
.filter-panel{position:relative;margin-bottom:2rem;padding:1.1rem;border:1px solid rgba(var(--accent-rgb),.25);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,243,255,.92));box-shadow:var(--shadow)}
.filter-panel::before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--glow))}
.filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.filter-head .eyebrow{margin-bottom:.4rem}
.filter-head h3{margin:0;font-size:1.3rem}
.reset-filter{padding:.35rem 0;border:0;background:none;color:var(--accent);font:750 .64rem var(--mono);cursor:pointer}
.filter-grid{display:grid;gap:.7rem}
.filter-grid label{display:grid;gap:.35rem;color:var(--muted);font:750 .61rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
.filter-grid select{width:100%;min-height:3.2rem;padding:.7rem 2.5rem .7rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);appearance:none;background-color:#faf8ff;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 17px) 1.3rem,calc(100% - 12px) 1.3rem;background-size:5px 5px;background-repeat:no-repeat;color:var(--ink);cursor:pointer}
.filter-grid select:focus{border-color:var(--accent)}
.filter-guidance{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem}
.product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:stretch}
.product-card{display:flex;min-width:0;height:100%;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:0 22px 50px rgba(8,4,13,.2)}
.product-card[hidden]{display:none}
.product-media{position:relative;display:grid;min-height:220px;aspect-ratio:4/3;place-items:center;padding:1.2rem;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#fff,#f0eafd)}
.product-media.is-visual{background:radial-gradient(circle at 50% 46%,rgba(var(--glow-rgb),.3),transparent 48%),rgba(255,255,255,.58)}
.product-media img{width:100%;height:100%;max-height:230px;object-fit:contain;object-position:center;transition:transform .4s}
.product-card:hover .product-media img{transform:scale(1.025)}
.product-media span{position:absolute;left:1rem;bottom:1rem;padding:.35rem .55rem;border:1px solid var(--line-blue);border-radius:999px;background:rgba(255,255,255,.9);color:var(--accent);font:700 .54rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.catalog-symbol{display:grid;min-height:320px;place-content:center;justify-items:center;gap:.5rem;color:var(--accent);background:radial-gradient(circle,rgba(var(--glow-rgb),.18),transparent 55%)}
.catalog-symbol svg{width:5rem;height:5rem;margin-bottom:1rem;stroke-width:1.15}
.catalog-symbol strong{color:var(--ink);font-size:clamp(2.3rem,9vw,5rem);letter-spacing:-.06em;line-height:.9}
.catalog-symbol small{font:750 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.product-body{display:flex;min-height:0;flex:1;flex-direction:column;padding:1.2rem}
.product-body>small{margin-bottom:.55rem;color:var(--accent);font:750 .6rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.product-body h3{margin-bottom:.75rem;font-size:clamp(1.45rem,5.5vw,1.85rem);line-height:1.05}
.product-body p{margin-bottom:0;font-size:.84rem}
.spec-table{display:grid;margin:1rem 0 1.4rem;border-top:1px solid var(--line)}
.spec-table>div{display:flex;justify-content:space-between;gap:1rem;padding:.58rem 0;border-bottom:1px solid var(--line);font-size:.76rem}
.spec-table span{color:var(--soft)}
.spec-table strong{max-width:62%;text-align:right;color:var(--ink);font:700 .7rem var(--mono)}
.product-body .button{width:100%;align-self:stretch;margin-top:auto}
.load-more-button{display:flex;width:100%;min-height:3.7rem;align-items:center;justify-content:center;margin-top:1.3rem;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:linear-gradient(135deg,#e9e0fb,#cbb7f5);color:var(--accent-strong);font-size:.86rem;font-weight:820;box-shadow:0 14px 32px rgba(7,3,12,.2);cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.load-more-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f4efff,#d9c9fb);box-shadow:0 18px 38px rgba(7,3,12,.26)}
.load-more-button[hidden]{display:none}
.empty-state{padding:3rem 1.3rem;text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(231,222,250,.62))}
.empty-state>svg{width:2.5rem;height:2.5rem;margin:0 auto 1rem;color:var(--accent)}
.empty-state h3{font-size:1.65rem}
.empty-state p{max-width:560px;margin-inline:auto}
.empty-state .button-row{justify-content:center}
.configurator-note{max-width:900px;margin:1.5rem 0 0;padding-left:1rem;border-left:3px solid var(--glow);color:#cfc3dc;font-size:.8rem}

.exploded-section{overflow:hidden;background:linear-gradient(180deg,#fff,var(--violet-wash))}
.exploded-grid{display:grid;gap:2.5rem;align-items:center}
.exploded-visual{position:relative;display:grid;min-height:460px;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(var(--glow-rgb),.38),transparent 47%),linear-gradient(145deg,var(--wash),var(--wash-strong))}
.exploded-visual img{width:100%;height:100%;max-height:680px;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(36,62,76,.24))}
.exploded-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.exploded-visual>span{position:absolute;left:1rem;bottom:1rem;color:var(--accent);font:750 .58rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.exploded-copy h2{font-size:clamp(2.7rem,10vw,5.7rem)}
.exploded-copy>p{font-size:1.05rem}
.layer-list{display:grid;margin:1.7rem 0 2rem;border-top:1px solid var(--line)}
.layer-list>div{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;gap:.7rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.layer-list svg{color:var(--accent)}
.layer-list span{font-size:.86rem;font-weight:700}

.process-section{background:linear-gradient(135deg,var(--wash-strong),var(--violet-wash) 58%,#fff)}
.process-grid{display:grid;gap:2.5rem}
.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.process-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.process-list li>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:#fff;color:var(--accent)}
.process-list h3{margin-bottom:.35rem;font-size:1.25rem}
.process-list p{margin:0;font-size:.86rem}

.spec-zone .section-heading{margin-bottom:1.5rem}
.table-wrap{overflow-x:auto;border-top:2px solid var(--accent);border-bottom:1px solid var(--line);background:#fff}
table{width:100%;min-width:760px;border-collapse:collapse}
caption{padding:1rem;text-align:left;background:var(--wash);color:var(--muted);font:750 .67rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
th,td{padding:.9rem 1rem;text-align:left;border-top:1px solid var(--line)}
th{color:var(--accent);font:750 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
td{font-size:.86rem;color:var(--muted)}
td:first-child{color:var(--ink);font-weight:750}

.application-section{background:linear-gradient(180deg,#fff 0%,var(--violet-wash) 100%)}
.application-list{border-top:1px solid var(--line)}
.application-line{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}
.application-line:hover{padding-inline:.6rem;color:var(--accent)}
.application-icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;background:var(--wash);color:var(--accent)}
.application-line h3{margin-bottom:.35rem;font-size:1.4rem}
.application-line p{margin:0;font-size:.86rem}
.application-line>a{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid var(--line-blue);border-radius:50%;color:var(--accent)}
.brand-wordmark-list{border-top:1px solid var(--line)}
.brand-wordmark{display:flex;min-height:7rem;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line);transition:padding .25s,background-color .25s}
.brand-wordmark:hover,.brand-wordmark:focus-visible{padding-inline:.55rem;background:rgba(255,255,255,.46)}
.brand-logo-wrap{position:relative;display:flex;width:min(56vw,320px);height:4.8rem;align-items:center;overflow:hidden}
.brand-logo{display:block;width:auto;max-width:min(56vw,300px);height:auto;max-height:4rem;object-fit:contain;object-position:left center;filter:grayscale(1) saturate(0) contrast(1.2);opacity:.78;transition:filter .3s,opacity .3s,transform .3s}
.brand-wordmark:hover .brand-logo,.brand-wordmark:focus-visible .brand-logo{filter:none;opacity:1;transform:translateX(.35rem) scale(1.02)}
.brand-action{display:flex;flex:none;align-items:center;gap:.5rem;color:var(--accent);font-size:.72rem;font-weight:800}
.brand-action svg{width:1rem;height:1rem}
.brand-vinnic .brand-logo,.brand-rayovac .brand-logo{position:absolute;top:50%;left:0;width:min(56vw,300px);max-width:none;height:min(56vw,300px);max-height:none;transform:translateY(-50%)}
.brand-vinnic:hover .brand-logo,.brand-vinnic:focus-visible .brand-logo,.brand-rayovac:hover .brand-logo,.brand-rayovac:focus-visible .brand-logo{transform:translate(.35rem,-50%) scale(1.02)}
.category-visual{min-height:320px;background:radial-gradient(circle,rgba(var(--glow-rgb),.36),rgba(var(--violet-rgb),.08) 48%,transparent 66%)}
.category-visual img{position:relative;z-index:1;display:block;width:min(82vw,420px);height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(54,17,112,.14));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.capability-row:hover .category-visual img{transform:translateY(-6px) scale(1.015)}
.category-page-visual{display:grid;min-height:330px;margin:0;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(var(--glow-rgb),.42),rgba(var(--violet-rgb),.08) 52%,transparent 68%)}
.category-page-visual img{display:block;width:min(82vw,460px);height:auto;max-height:460px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(54,17,112,.14));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.application-detail-grid:hover .category-page-visual img{transform:translateY(-6px) scale(1.015)}
.category-page-visual-fallback{place-content:center;justify-items:center;gap:1.2rem;color:var(--accent)}
.category-page-visual-fallback svg{width:9rem;height:9rem;stroke-width:1}
.category-page-visual-fallback span{color:var(--ink);font-size:clamp(1.8rem,6vw,3rem);font-weight:750;letter-spacing:-.04em}
.application-detail{background:#fff}
.application-detail-grid{display:grid;gap:2.5rem;align-items:center}
.application-detail-copy h2{font-size:clamp(2.7rem,10vw,5.5rem)}
.application-detail-copy>p{max-width:650px;font-size:1.04rem}
.application-requirements{margin:2rem 0;border-top:1px solid var(--line)}
.application-requirements>div{display:grid;grid-template-columns:2.6rem 1fr;gap:.8rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.application-requirements>div>span{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:var(--wash);color:var(--accent)}
.application-requirements p{margin:0;font-size:.84rem}
.application-requirements strong{display:block;color:var(--ink);font-size:.9rem}
.application-detail-visual{min-height:330px;display:grid;place-items:center}
.risk-section{background:linear-gradient(135deg,var(--wash-strong),var(--violet-wash))}
.risk-grid{display:grid;gap:1.5rem}
.risk-grid h2{font-size:clamp(2.2rem,8vw,4.3rem)}
.risk-grid p{max-width:650px;font-size:1rem}

.faq-section{max-width:none;background:radial-gradient(ellipse 78% 112% at 50% 50%,#cbbcff 0%,#b694ff 31%,#985eea 56%,#722fc8 78%,#45147f 100%);color:#fff}
.faq-inner{max-width:1000px}
.faq-section .section-heading h2{color:#fff}
.faq-section .section-heading p,.faq-section details p{color:rgba(255,255,255,.9)}
.faq-section .eyebrow,.faq-section .text-link{color:#fff}
.faq-section .eyebrow::before{background:linear-gradient(90deg,#fff,var(--glow))}
.faq-list{border-top:1px solid rgba(255,255,255,.28)}
.faq-section details{border-color:rgba(255,255,255,.28)}
.faq-section summary::after{color:#fff}
details{border-bottom:1px solid var(--line)}
summary{position:relative;padding:1.25rem 3rem 1.25rem 0;cursor:pointer;font-weight:750;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);color:var(--accent);font:400 1.5rem var(--mono)}
details[open] summary::after{content:"−"}
details p{padding:0 3rem 1.4rem 0;margin:0;font-size:.9rem}
.faq-more{margin-top:1.5rem}

.cta-band{display:grid;gap:1.5rem;margin-bottom:5rem;padding:2rem;background:radial-gradient(circle at 86% 20%,rgba(var(--glow-rgb),.72),transparent 35%),linear-gradient(135deg,#e4d7fb,#f8f4ff 56%,#eae3ff);box-shadow:inset 4px 0 0 var(--violet)}
.cta-band h2{font-size:clamp(2.2rem,9vw,4.5rem)}
.cta-band p{max-width:650px;margin-bottom:0}

.technology-stories{background:linear-gradient(180deg,#fff,var(--violet-wash))}
.technology-story{display:grid;gap:2rem;align-items:center;padding:3rem 0;border-top:1px solid var(--line)}
.technology-story:last-child{border-bottom:1px solid var(--line)}
.technology-story h2{font-size:clamp(2.4rem,9vw,4.8rem)}
.technology-story p{max-width:600px}
.technology-story>svg{width:100%}

.regeneration-lead{background:#fff}
.regeneration-grid{display:grid;gap:2.5rem;align-items:center}
.regeneration-copy h2{font-size:clamp(2.7rem,10vw,5.4rem)}
.regeneration-copy>p{font-size:1.04rem}
.diagnostic-lines{margin-top:2rem;border-top:1px solid var(--line)}
.diagnostic-lines p{display:flex;align-items:center;gap:.8rem;margin:0;padding:.9rem 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700}
.diagnostic-lines svg{color:var(--accent)}
.regeneration-visual{min-height:340px;display:grid;place-items:center}
.process-dark{background:linear-gradient(145deg,var(--wash-strong),var(--violet-wash))}
.regeneration-process{display:grid;border-top:1px solid var(--line)}
.regeneration-process article{padding:1.4rem 0;border-bottom:1px solid var(--line)}
.regeneration-process article>svg{width:1.7rem;height:1.7rem;margin-bottom:1.8rem;color:var(--accent)}
.regeneration-process h3{font-size:1.4rem}
.regeneration-process p{margin:0;font-size:.86rem}
.exclusion-grid{display:grid;gap:1.5rem}
.exclusion-grid ul{display:grid;gap:.8rem;margin:0;padding:1.2rem 1.2rem 1.2rem 2.2rem;border-top:2px solid var(--accent);border-bottom:1px solid var(--line)}
.exclusion-grid li{color:var(--muted)}

.knowledge-section{background:linear-gradient(180deg,#fff,var(--violet-wash))}
.knowledge-list{border-top:1px solid var(--line)}
.knowledge-row{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.8rem 0;border-bottom:1px solid var(--line)}
.knowledge-row>span{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;background:var(--wash);color:var(--accent)}
.knowledge-row h2{font-size:clamp(1.8rem,6vw,3rem)}
.knowledge-row p{margin-bottom:.8rem}
.knowledge-row>a{grid-column:2;display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-size:.82rem;font-weight:800}

.about-grid{display:grid;gap:2rem}
.about-lead h2{font-size:clamp(2.8rem,11vw,6rem)}
.about-copy p{font-size:1.04rem}
.values-grid{display:grid;border-top:1px solid var(--line)}
.values-grid article{padding:2rem 0;border-bottom:1px solid var(--line)}
.values-grid svg{width:2rem;height:2rem;margin-bottom:2rem;color:var(--accent)}
.values-grid h3{font-size:1.5rem}
.company-panel{display:grid;gap:1.5rem;border-top:2px solid var(--accent);border-bottom:1px solid var(--line)}
.company-panel>div{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.company-panel span{color:var(--accent);font:750 .62rem var(--mono);letter-spacing:.09em;text-transform:uppercase}
.company-panel h2{font-size:2rem}
.company-panel p{margin:0}
.company-panel a:not(.button){font-weight:750}

.contact-grid{display:grid;gap:2.5rem}
.contact-copy h2{font-size:clamp(2.8rem,10vw,5.4rem)}
.contact-details{display:grid;margin-top:2rem;border-top:1px solid var(--line)}
.contact-details>a,.contact-details>div{display:grid;gap:.25rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.contact-details span{color:var(--accent);font:750 .6rem var(--mono);letter-spacing:.09em;text-transform:uppercase}
.contact-details strong{font-size:.9rem}
.contact-form{display:grid;gap:1rem;padding:1.3rem;border:1px solid var(--line-blue);border-radius:var(--radius);background:linear-gradient(145deg,#fff,var(--violet-wash));box-shadow:var(--shadow)}
.contact-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.77rem;font-weight:700}
.contact-form label>span{color:var(--soft);font-weight:500}
.contact-form input,.contact-form textarea{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fcfaff;color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}
.contact-form textarea{resize:vertical}
.form-hint{margin:-.2rem 0 .3rem;font-size:.74rem}
.checkbox{display:grid!important;grid-template-columns:auto 1fr;align-items:start}
.checkbox input{width:1rem!important;margin-top:.25rem}
.contact-form .button{border:0;cursor:pointer}
.form-status{min-height:1.2rem;margin:0;font-size:.76rem}
.inquiry-checklist{display:grid;gap:1rem;border-top:1px solid var(--line)}
.inquiry-checklist h2{font-size:2rem}
.inquiry-checklist ul{display:grid;gap:.5rem;margin:0;padding-left:1.3rem;color:var(--muted)}

.sources-list{display:grid}
.sources-list article{display:grid;grid-template-columns:2.7rem 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.sources-list article:first-child{border-top:1px solid var(--line)}
.sources-list article>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--wash);color:var(--accent)}
.sources-list h2{font-size:1.4rem}
.sources-list p{font-size:.9rem}
.sources-list a{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-size:.82rem;font-weight:800}
.editorial-policy{padding:1.5rem;border-top:2px solid var(--accent);border-bottom:1px solid var(--line);background:var(--wash)}
.editorial-policy h2{font-size:2rem}
.editorial-policy span{color:var(--accent);font:750 .65rem var(--mono)}
.legal-copy{max-width:860px}
.legal-copy h2{margin:2.4rem 0 .7rem;font-size:1.8rem}
.legal-copy h2:first-child{margin-top:0}
.legal-copy p{font-size:1rem}

.site-footer{padding:4rem 0 1.3rem;background:radial-gradient(circle at 12% 0,rgba(var(--violet-rgb),.34),transparent 34%),#1b1028;color:#faf7ff}
.footer-top{display:grid;gap:2rem}
.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
.footer-brand{width:min(100%,17rem);margin-bottom:.7rem;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:rgba(255,255,255,.94)}
.footer-logo{display:block;width:100%;height:auto;object-fit:contain}
.footer-top p{max-width:310px;margin:0;color:#c8bdd4;font-size:.86rem}
.footer-top h2{margin-bottom:.4rem;color:var(--glow);font:750 .65rem var(--mono);letter-spacing:.11em;text-transform:uppercase}
.footer-top a{color:#c8bdd4;font-size:.86rem}
.footer-top a:hover{color:#fff}
.footer-bottom{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;margin-top:3rem;padding-top:1.2rem;border-top:1px solid rgba(216,204,255,.16);color:#9f90ad;font:650 .6rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.footer-bottom a{color:#c8bdd4}
.back-to-top{position:fixed;right:1rem;bottom:1rem;z-index:100;width:2.8rem;height:2.8rem;border:1px solid var(--line-blue);border-radius:50%;background:#fff;color:var(--accent);box-shadow:0 10px 30px rgba(73,42,115,.18);opacity:0;pointer-events:none;transform:translateY(1rem);transition:.25s;cursor:pointer}
.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}
.reveal{opacity:0;transform:translateY(1.2rem);transition:opacity .7s,transform .7s}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:699px){
  .capability-row:nth-child(odd)::before{left:-1rem;right:-1rem;width:auto;transform:none}
  .footer-top a,.footer-bottom{overflow-wrap:anywhere}
}

@media(min-width:700px){
  .shell{width:min(100% - 3rem,1240px)}
  .section{padding-block:7rem}
  .brand{width:14.5rem}
  .hero-content{padding-bottom:7rem}
  .hero h1{font-size:clamp(4.5rem,9vw,7rem)}
  .hero-copy>p{font-size:1.12rem}
  .button{min-height:3.45rem;padding:.9rem 1.35rem}
  .filter-panel{padding:1.4rem}
  .filter-grid{grid-template-columns:1fr 1fr}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
  .product-body{padding:1.35rem}
  .exploded-grid,.process-grid,.regeneration-grid,.exclusion-grid,.about-grid,.contact-grid,.application-detail-grid,.risk-grid{grid-template-columns:1fr 1fr}
  .exploded-visual{min-height:650px}
  .regeneration-process,.values-grid{grid-template-columns:1fr 1fr}
  .regeneration-process article:nth-child(odd),.values-grid article:nth-child(odd){padding-right:2rem;border-right:1px solid var(--line)}
  .regeneration-process article:nth-child(even),.values-grid article:nth-child(even){padding-left:2rem}
  .cta-band{grid-template-columns:1.4fr auto;align-items:center;padding:2.4rem}
  .company-panel{grid-template-columns:1.4fr 1fr}
  .contact-form{padding:2rem}
  .inquiry-checklist{grid-template-columns:.8fr 1.2fr}
  .knowledge-row{grid-template-columns:3.2rem 1fr auto;align-items:center}
  .knowledge-row>a{grid-column:3}
  .footer-top{grid-template-columns:1.5fr 1fr 1fr 1.2fr}
}

@media(min-width:1060px){
  .nav-shell{height:5.2rem}
  .menu-toggle{display:none}
  .site-header{background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}
  .site-menu{position:static;inset:auto;display:flex;width:auto;height:auto;flex-direction:row;align-items:center;gap:1rem;padding:0;overflow:visible;background:transparent;box-shadow:none;visibility:visible;pointer-events:auto;transform:none;transition:none}
  .site-menu ul{display:flex;align-items:center;gap:.15rem;margin:0}
  .site-menu li{border:0}
  .site-menu li a{padding:.55rem .6rem;font-size:.77rem;font-weight:700}
  .site-menu li a:hover{color:var(--accent)}
  .button-nav{width:auto;min-height:2.7rem;flex:0 0 auto;margin:0;padding:.65rem 1rem;color:#fff}
  .menu-signature{display:none}
  .hero{min-height:100svh;align-items:stretch}
  .hero-media img{object-position:center}
  .hero-shade{background:radial-gradient(circle at 70% 46%,rgba(var(--violet-rgb),.26),transparent 30%),linear-gradient(90deg,rgba(10,6,15,.95) 0%,rgba(14,8,22,.78) 48%,rgba(13,8,20,.2) 82%),linear-gradient(180deg,rgba(12,7,18,.25),rgba(12,7,18,.68))}
  .hero-content{min-height:100svh;justify-content:center;align-items:flex-start;gap:2.5rem;padding-block:8.8rem 7.5rem}
  .hero-copy{width:min(100%,820px)}
  .hero h1{font-size:clamp(4.7rem,6.2vw,6.8rem);font-weight:560;line-height:1}
  .offer-rail-wrap{margin-top:-3.55rem;padding-top:1.6rem}
  .offer-rail-wrap::before{top:-2.8rem;height:4.7rem;border-radius:50% 50% 0 0/92% 100% 0 0}
  .solution-rail{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}
  .solution-rail a{display:flex;min-width:0;align-items:center;padding:1.45rem 1.2rem;border-bottom:0}
  .solution-rail a:nth-child(2n){border-right:1px solid rgba(var(--accent-rgb),.14)}
  .solution-rail a:last-child{border-right:0}
  .capability-row{grid-template-columns:.9fr 1.1fr;gap:6rem;padding:5rem 0}
  .capability-row-reverse .capability-copy{order:2}
  .capability-row-reverse .capability-visual{order:1}
  .filter-grid{grid-template-columns:repeat(4,1fr)}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
  .product-card{gap:0}
  .technology-story{grid-template-columns:.85fr 1.15fr;gap:6rem;padding:5rem 0}
  .technology-story-reverse>div{order:2}
  .technology-story-reverse>svg{order:1}
  .regeneration-process{grid-template-columns:repeat(4,1fr)}
  .regeneration-process article{padding:1.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .regeneration-process article:first-child{padding-left:0}
  .regeneration-process article:last-child{padding-right:0;border-right:0}
  .values-grid{grid-template-columns:repeat(3,1fr)}
  .values-grid article{padding:2.2rem!important;border-right:1px solid var(--line)}
  .values-grid article:first-child{padding-left:0!important}
  .values-grid article:last-child{border-right:0}
  .contact-grid{grid-template-columns:.85fr 1.15fr;gap:6rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

@media print{
  .site-header,.back-to-top,.scroll-progress,.site-footer,.button-row,.cta-band{display:none!important}
  body{background:#fff;color:#000}.page-hero,.section{padding:1rem 0;background:#fff}p{color:#333}.reveal{opacity:1;transform:none}.table-wrap{overflow:visible}
}

/* Manufacturer logos: actual graphic wordmarks, not plain text labels */
.brand-wordmark-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:1.25rem;overflow:hidden}
.brand-wordmark{min-height:8.6rem;padding:1.2rem 1.35rem;background:rgba(255,255,255,.78);border:0}
.brand-wordmark:hover,.brand-wordmark:focus-visible{padding-inline:1.55rem;background:#fff}
.brand-logo-wrap{width:min(100%,360px);height:5.6rem}
.brand-logo{max-width:min(100%,340px);max-height:5.15rem;object-position:left center}
.brand-action{flex:0 0 auto}
@media(max-width:760px){.brand-wordmark-list{grid-template-columns:1fr}.brand-wordmark{min-height:7.5rem}.brand-logo-wrap{width:min(68vw,300px);height:4.8rem}.brand-logo{max-width:min(68vw,290px);max-height:4.35rem}.brand-action{font-size:.86rem}}


/* 2026-09: professional catalogue expansion — batteries remain primary */
.hero{padding-bottom:5.4rem}
.hero-brand-slider{position:absolute;z-index:4;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.14);background:rgba(17,10,25,.72);backdrop-filter:blur(16px);color:#fff}
.hero-brand-slider-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.55rem;color:#cfc3dc;font-size:.66rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.hero-brand-slider-head a{color:#fff;letter-spacing:0;text-transform:none}
.hero-brand-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hero-brand-track{display:flex;width:max-content;align-items:center;animation:brandTicker 38s linear infinite}
.hero-brand-slider:hover .hero-brand-track{animation-play-state:paused}
.hero-brand-item{display:grid;width:150px;height:4.2rem;place-items:center;padding:.7rem 1.15rem;border-right:1px solid rgba(255,255,255,.09)}
.hero-brand-item img{width:auto;max-width:118px;height:auto;max-height:2.25rem;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.78;transition:.2s}
.hero-brand-item:hover img{filter:none;opacity:1;transform:scale(1.04)}
@keyframes brandTicker{to{transform:translateX(-50%)}}

.complementary-section{background:linear-gradient(180deg,#fff,var(--violet-wash))}
.complementary-grid{display:grid;gap:1.2rem}
.complementary-card{position:relative;display:grid;min-height:440px;overflow:hidden;border:1px solid var(--line-blue);border-radius:1.7rem;background:#fff;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.complementary-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(73,42,115,.18)}
.complementary-card-copy{position:relative;z-index:2;padding:1.6rem}
.complementary-card h3{max-width:620px;margin-bottom:1rem;font-size:clamp(2rem,7vw,4.4rem);font-weight:640}
.complementary-card p{max-width:590px}
.complementary-card figure{min-height:260px;margin:0;overflow:hidden;background:var(--wash)}
.complementary-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.complementary-card:hover figure img{transform:scale(1.035)}
.complementary-glue{background:radial-gradient(circle at 90% 20%,rgba(var(--glow-rgb),.45),transparent 34%),linear-gradient(145deg,#fff,#f5f0ff)}
.glue-visual{position:relative;display:grid;min-height:270px;place-items:center;overflow:hidden;background:linear-gradient(135deg,#241330,#6f38c4);color:#fff}
.glue-visual::before{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025)}
.glue-visual strong{position:relative;font-size:clamp(3rem,12vw,6rem);letter-spacing:-.07em}
.glue-visual span{position:absolute;top:1.2rem;left:1.2rem;font:800 .72rem var(--mono);letter-spacing:.12em}
.glue-visual i{position:absolute;bottom:2rem;width:42%;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 20px #fff}

/* Modern manufacturer gallery on Marki page */
.brands-page .brand-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;border:0;background:transparent;border-radius:0;overflow:visible}
.brands-page .brand-showcase-grid .brand-wordmark{position:relative;display:grid;min-height:9rem;place-items:center;padding:1.2rem;border:1px solid var(--line);border-radius:1.15rem;background:linear-gradient(145deg,#fff,#fbf9ff);box-shadow:0 12px 34px rgba(73,42,115,.06);overflow:hidden}
.brands-page .brand-showcase-grid .brand-wordmark::after{content:"";position:absolute;inset:auto 15% 0;height:2px;background:linear-gradient(90deg,transparent,var(--glow),transparent);opacity:0;transition:.25s}
.brands-page .brand-showcase-grid .brand-wordmark:hover::after{opacity:1}
.brands-page .brand-showcase-grid .brand-logo-wrap{display:grid;width:100%;height:5rem;place-items:center;overflow:visible}
.brands-page .brand-showcase-grid .brand-logo{position:static!important;width:auto!important;max-width:82%!important;height:auto!important;max-height:3.35rem!important;object-position:center!important;filter:grayscale(1) saturate(0) contrast(1.15);opacity:.8;transform:none!important}
.brands-page .brand-showcase-grid .brand-wordmark:hover .brand-logo{filter:none;opacity:1;transform:scale(1.045)!important}
.brands-page .brand-showcase-grid .brand-action{font-size:.66rem;color:var(--soft);letter-spacing:.04em;text-transform:uppercase}

.catalog-family-page .family-page-hero{min-height:430px;background:linear-gradient(135deg,#140b1d,#4b237a)}
.catalog-family-page .family-page-hero:not(:has(.page-hero-media))::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(var(--glow-rgb),.24),transparent 28%),linear-gradient(90deg,rgba(13,8,20,.95),rgba(55,25,86,.72));z-index:-1}
.catalog-family-page .family-page-hero .page-hero-media img{object-position:center 44%;filter:saturate(.72) contrast(1.08) brightness(.42)}
.page-backlink{margin-top:1rem;color:#fff!important}
.catalog-section:nth-of-type(even){background:var(--violet-wash)}
.catalog-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.catalog-product{display:flex;min-height:260px;flex-direction:column;padding:1.35rem;border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:0 14px 38px rgba(73,42,115,.07)}
.catalog-product-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;color:var(--accent);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.catalog-product-top b{display:grid;min-width:3.2rem;height:2rem;place-items:center;padding:0 .6rem;border-radius:999px;background:var(--wash);font-size:.58rem}
.catalog-product h3{margin-bottom:.8rem;font-size:1.55rem;line-height:1.08;letter-spacing:-.035em}
.catalog-product p{font-size:.88rem}
.catalog-meta{display:grid;gap:.4rem;margin-top:auto;padding-top:1rem}
.catalog-meta>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line);font-size:.72rem}
.catalog-meta span{color:var(--soft)}
.catalog-product .text-link{margin-top:1rem}
.related-family{background:#1c1028;color:#fff}
.related-family h2{color:#fff;font-size:clamp(2.4rem,8vw,5rem)}
.related-family p{color:#cbbfd5}
.related-family-grid{display:grid;gap:2.5rem}
.related-family-links{display:grid;gap:.8rem}
.related-family-links a{display:grid;gap:.25rem;padding:1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(255,255,255,.05)}
.related-family-links a:hover{background:rgba(255,255,255,.1)}
.related-family-links span{color:#cbbfd5;font-size:.82rem}
.cross-sell-note .text-link{display:inline;color:var(--accent)}

@media(min-width:700px){
 .complementary-grid{grid-template-columns:1fr 1fr}
 .complementary-card{min-height:540px}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brands-page .brand-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .related-family-grid{grid-template-columns:1.15fr .85fr;align-items:start}
}
@media(min-width:1060px){
 .brands-page .brand-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-content{padding-bottom:10rem}
}
@media(max-width:699px){
 .hero{padding-bottom:7.2rem}
 .hero-brand-item{width:122px;height:3.7rem;padding:.65rem .9rem}
 .hero-brand-item img{max-width:95px;max-height:1.9rem}
 .hero-brand-slider-head{font-size:.58rem}
 .hero-brand-slider-head a{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-brand-track{animation:none;transform:none}.hero-brand-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}


/* family hub / SEO category navigation */
.family-hub{padding-bottom:2rem;background:linear-gradient(180deg,#fff,var(--violet-wash))}
.family-hub-grid{display:grid;gap:.9rem}
.family-hub-card{display:flex;min-height:210px;flex-direction:column;padding:1.25rem;border:1px solid var(--line-blue);border-radius:1.25rem;background:#fff;box-shadow:0 14px 36px rgba(73,42,115,.06);transition:transform .2s,border-color .2s}
.family-hub-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.42)}
.family-hub-card>span{margin-bottom:.75rem;color:var(--accent);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.family-hub-card strong{margin-bottom:.55rem;font-size:1.45rem;line-height:1.08;letter-spacing:-.03em}
.family-hub-card p{font-size:.84rem}
.family-hub-card i{margin-top:auto;color:var(--accent);font-size:.76rem;font-style:normal;font-weight:800}
.catalog-cross-sell{background:var(--violet-wash)}
@media(min-width:700px){.family-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1060px){.family-hub .family-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* 2026-09-04: animated manufacturer stream used as the homepage hero visual */
.hero-brands-animation{padding-bottom:0;background:#120b1c}
.hero-brands-animation .hero-brand-hero-media{overflow:hidden;background:radial-gradient(circle at 72% 48%,rgba(128,79,218,.24),transparent 34%),linear-gradient(135deg,#0e0815 0%,#21102f 52%,#0e0815 100%)}
.hero-brands-animation .hero-backdrop-image{display:none}
.hero-brands-animation .hero-shade{background:radial-gradient(circle at 72% 48%,rgba(var(--violet-rgb),.11),transparent 35%),linear-gradient(90deg,rgba(10,6,16,.94) 0%,rgba(13,7,20,.80) 40%,rgba(17,9,27,.32) 67%,rgba(11,6,18,.68) 100%),linear-gradient(180deg,rgba(12,7,18,.12),rgba(12,7,18,.64))}
.hero-brand-scene{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;pointer-events:none}
.hero-brand-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(171,128,255,.08),transparent 38%);pointer-events:none}
.hero-brand-stream{position:relative;width:100%;overflow:hidden;padding:1rem 0;transform:translate(10vw,7vh) rotate(-1.65deg) scale(1.01)}
.hero-brand-marquee{display:block;width:100%;overflow:hidden;contain:layout paint style}
.hero-brand-lane{display:flex;width:max-content;align-items:center;gap:.78rem;padding-right:0;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.hero-brand-chip{display:grid;flex:0 0 clamp(176px,13.6vw,228px);height:clamp(96px,8.6vw,122px);place-items:center;padding:1.1rem 1.22rem;border:1px solid rgba(255,255,255,.18);border-radius:1.2rem;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.10));box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.14)}
.hero-brand-chip img{display:block;width:auto;max-width:92%;height:auto;max-height:3.6rem;object-fit:contain;opacity:1;filter:none}
@keyframes heroBrandSeamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,0,0)}}

@media(min-width:1060px){
  .hero-brands-animation .hero-content{padding-bottom:7.5rem}
  .hero-brand-stream{transform:translate(15vw,6vh) rotate(-1.55deg) scale(1.015)}
  .hero-brand-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,7,18,.74) 0%,rgba(12,7,18,.42) 36%,transparent 58%);pointer-events:none}
}
@media(max-width:699px){
  .hero-brands-animation .hero-content{justify-content:flex-end;padding-bottom:5.5rem}
  .hero-brand-stream{transform:translateY(-14vh) rotate(-1.85deg) scale(1.015);padding:.65rem 0}
  .hero-brand-lane{gap:.62rem;padding-right:0}
  .hero-brand-chip{flex-basis:142px;height:80px;padding:.82rem .92rem;border-radius:1rem}
  .hero-brand-chip img{max-width:90%;max-height:2.35rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-brand-lane{transform:none!important;will-change:auto}
}



/* 2026-09-07: Pan Platforma CTA / SEO conversion links */
.button-platform{border-color:#fff;background:#fff;color:#2a1240;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.button-platform:hover{background:#efe6ff;color:#20102f;transform:translateY(-2px)}
.pp-home-platform-cta{display:grid;gap:1.25rem;align-items:center;margin-top:2rem;margin-bottom:2rem;padding:1.65rem;border:1px solid rgba(120,77,176,.18);border-radius:1.35rem;background:radial-gradient(circle at 88% 18%,rgba(var(--glow-rgb),.46),transparent 34%),linear-gradient(135deg,#f8f4ff 0%,#eee5ff 100%);box-shadow:0 20px 48px rgba(52,27,80,.12)}
.pp-home-platform-cta h2{margin:.2rem 0 .55rem;font-size:clamp(1.8rem,7vw,3.2rem)}
.pp-home-platform-cta p{max-width:720px;margin:0}
.pp-home-platform-cta .button{justify-self:start}
.pp-platform-cta{border-radius:1.25rem}
@media(min-width:760px){.pp-home-platform-cta{grid-template-columns:1fr auto;padding:2.1rem 2.25rem}.pp-home-platform-cta .button{justify-self:end}}


/* 2026-09-08 — Spreadsheet-grounded complementary products */
.product-complements{background:linear-gradient(180deg,#fff 0%,#f7f2fb 100%)}
.product-complements__layout{display:grid;gap:2rem;align-items:start}
.product-complements__intro h2{max-width:820px;font-size:clamp(2.35rem,6vw,5.4rem);line-height:.96;letter-spacing:-.052em}
.product-complements__intro>p{max-width:760px}
.product-complements__brands{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 1.7rem}
.product-complements__brands span{padding:.56rem .78rem;border:1px solid rgba(var(--accent-rgb),.18);border-radius:999px;background:#fff;color:var(--ink);font-size:.68rem;font-weight:800;letter-spacing:.03em;box-shadow:0 8px 24px rgba(73,42,115,.05)}
.product-complements__actions{display:flex;gap:.75rem;flex-wrap:wrap}
.product-complements__examples{display:grid;gap:.8rem}
.product-complements__examples article{padding:1.15rem 1.2rem;border:1px solid var(--line-blue);border-radius:1.05rem;background:#fff;box-shadow:0 12px 32px rgba(73,42,115,.06)}
.product-complements__examples small{display:block;margin-bottom:.4rem;color:var(--accent);font-size:.6rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.product-complements__examples strong{display:block;margin-bottom:.35rem;font-size:1.05rem;line-height:1.2}
.product-complements__examples p{margin:0;font-size:.78rem;line-height:1.55}
.product-complements--compact{padding-block:2.6rem;background:#f7f2fb;border-block:1px solid var(--line-blue)}
.product-complements__compact-inner{display:grid;gap:1.1rem;align-items:center}
.product-complements__compact-inner h2{margin:.25rem 0 .6rem;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1;letter-spacing:-.045em}
.product-complements__compact-inner p{max-width:820px;margin:0;font-size:.86rem}
.product-complements__compact-inner .button{justify-self:start}
@media(min-width:820px){.product-complements__layout{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:4rem}.product-complements__examples{grid-template-columns:1fr 1fr}.product-complements__compact-inner{grid-template-columns:minmax(0,1fr) auto;gap:2rem}.product-complements__compact-inner .button{white-space:nowrap}}
@media(max-width:699px){.product-complements__actions .button,.product-complements__compact-inner .button{width:100%;justify-content:center;text-align:center}.product-complements__examples{grid-template-columns:1fr}}