/* v2 (lux2): per-page fallback support, hero depth, svg diagram polish. */
/* ============================================================================
   LANDING LUXE — premium skin for product/SEO landing pages (2026-09-18-lux1)
   Scoped to 19 pages via data-page. Visual layer only.
   ========================================================================= */
html[data-lux]{--lxnavy:#1A237E;--lxnavy2:#232F9E;--lxdeep:#111857;--lxgreen:#8BC53F;--lxgink:#679F26;
 --lxink:#0E1626;--lxbody:#3A4456;--lxmute:#66738A;--lxline:#E7EBF3;--lxwash:#F6F9FD;
 --lxr:16px;--lxsh:0 1px 2px rgba(12,18,34,.04),0 22px 52px -26px rgba(12,18,34,.20);
 --lxe:cubic-bezier(.22,.61,.36,1)}
html[data-lux] body{background:
 radial-gradient(1px 1px at 26px 26px,rgba(26,35,126,.045) 1px,transparent 1px) 0 0/58px 58px,#fff}

/* ---------------- HERO ---------------- */
html[data-lux] .xw-hero{position:relative;background:
 radial-gradient(56% 44% at 96% 0%,#EDF3FB,transparent 62%),
 radial-gradient(40% 40% at 0% 18%,rgba(139,197,63,.08),transparent 60%);
 padding-top:clamp(112px,13vh,164px);padding-bottom:clamp(8px,1vw,16px)}
html[data-lux] .xw-hero .xw-rule{border:0;height:1px;margin:clamp(28px,3.5vw,44px) 0 0;
 background:linear-gradient(90deg,var(--lxnavy) 0,var(--lxline) 30%,var(--lxline) 70%,transparent)}
html[data-lux] .xw-hero__meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:clamp(20px,2.5vw,30px)}
html[data-lux] .xw-hero__meta .xw-mono{font:600 10.5px/1 'Inter',sans-serif;letter-spacing:.09em;text-transform:uppercase;
 color:var(--lxmute);background:#fff;border:1px solid var(--lxline);border-radius:999px;padding:8px 13px}
html[data-lux] .xw-hero__meta .xw-mono--ink,html[data-lux] .xw-hero__meta .xw-mono:first-child{color:var(--lxnavy);border-color:#D8E1F0;
 background:linear-gradient(180deg,#fff,#F3F7FD)}
html[data-lux] .xw-hero__title{font-family:'Manrope','Inter',sans-serif;font-weight:800;color:var(--lxink);
 font-size:clamp(2.1rem,1.1rem + 2.7vw,3.45rem);line-height:1.06;letter-spacing:-.028em;max-width:21ch}
html[data-lux] .xw-hero__title .xw-mask{display:block}
html[data-lux] .xw-hero__title .xw-accent{color:var(--lxgink);position:relative}
html[data-lux] .lx-h1{max-width:20ch}
html[data-lux] .lx-punch{font-weight:650;color:var(--lxink);font-size:clamp(17px,1rem + .45vw,20px);line-height:1.5;max-width:56ch;margin:18px 0 10px}
html[data-lux] .xw-hero__lede,html[data-lux] .lx-lede{font-size:clamp(16.5px,1rem + .35vw,18.5px);line-height:1.7;color:var(--lxbody);max-width:60ch}
html[data-lux] .xw-hero__row{padding-bottom:clamp(26px,3vw,40px)}
html[data-lux] .xw-hero__actions,html[data-lux] .lx-acts{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px}
html[data-lux] .lx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
html[data-lux] .lx-chip{font:600 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.05em;color:var(--lxnavy);
 background:linear-gradient(180deg,#fff,#F2F6FC);border:1px solid #DEE6F2;border-radius:999px;padding:8px 13px;
 box-shadow:0 1px 2px rgba(12,18,34,.04)}
html[data-lux] .lx-split{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(28px,4vw,64px);align-items:center}
@media(max-width:900px){html[data-lux] .lx-split{grid-template-columns:1fr}}
html[data-lux] .lx-vis{position:relative}
html[data-lux] .lx-vis::before{content:'';position:absolute;inset:8% -4% -6% 6%;border-radius:22px;z-index:-1;
 background:linear-gradient(140deg,rgba(26,35,126,.10),rgba(139,197,63,.12));filter:blur(2px)}
html[data-lux] .lx-img,html[data-lux] .lx-vis picture img,html[data-lux] .lx-vis svg{width:100%;height:auto;display:block;border-radius:16px;
 border:1px solid var(--lxline);box-shadow:var(--lxsh);background:#fff}

/* ---------------- BUTTONS ---------------- */
html[data-lux] .xw-btn{display:inline-flex;align-items:center;gap:9px;font:600 15.5px/1 'Inter',sans-serif;letter-spacing:.01em;
 padding:16px 27px;border-radius:999px;text-decoration:none;cursor:pointer;
 transition:transform .2s var(--lxe),box-shadow .2s,background .2s,color .2s,border-color .2s}
html[data-lux] .xw-btn--ink{background:linear-gradient(180deg,var(--lxnavy2),var(--lxnavy));color:#fff;
 box-shadow:0 12px 28px -12px rgba(26,35,126,.55),inset 0 1px 0 rgba(255,255,255,.14)}
html[data-lux] .xw-btn--ink:hover{transform:translateY(-1px);box-shadow:0 16px 34px -12px rgba(26,35,126,.6)}
html[data-lux] .xw-btn--ink svg{stroke:var(--lxgreen)}
html[data-lux] .xw-btn--line{background:#fff;border:1px solid #D8E1F0;color:var(--lxink)}
html[data-lux] .xw-btn--line:hover{border-color:var(--lxnavy);color:var(--lxnavy)}
html[data-lux] :focus-visible{outline:2px solid var(--lxnavy);outline-offset:2px}

/* ---------------- SECTION RHYTHM ---------------- */
html[data-lux] section.xw-statement{padding-block:clamp(60px,7vw,100px)}
html[data-lux] section.xw-statement:nth-of-type(even){background:linear-gradient(180deg,var(--lxwash),#FBFCFE);
 border-block:1px solid #EDF1F8}
html[data-lux] .lx-secr{padding-top:clamp(44px,5vw,68px)}
html[data-lux] .xw-sechead{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;
 border:0;padding:0;margin-bottom:clamp(20px,2.5vw,30px)}
html[data-lux] .xw-sechead .xw-mono{font:600 11.5px/1 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lxmute)}
html[data-lux] .xw-sechead .xw-mono:first-child{color:var(--lxink);display:inline-flex;align-items:center;gap:9px}
html[data-lux] .xw-sechead .xw-mono:first-child::before{content:'';width:26px;height:3px;border-radius:2px;background:var(--lxgreen);
 box-shadow:0 0 12px rgba(139,197,63,.55)}
html[data-lux] .lx-h2{font-family:'Manrope','Inter',sans-serif;font-size:clamp(1.5rem,1rem + 1.45vw,2.2rem);font-weight:800;
 letter-spacing:-.024em;color:var(--lxink);margin:0 0 16px;max-width:32ch;position:relative;padding-top:14px}
html[data-lux] .lx-h2::before{content:'';position:absolute;top:0;left:0;width:30px;height:3px;border-radius:2px;
 background:linear-gradient(90deg,var(--lxgreen),#B7DD7E)}
html[data-lux] .lx-h3{font-family:'Manrope',sans-serif;font-size:17px;font-weight:800;color:var(--lxink);margin:20px 0 8px}
html[data-lux] .lx-p{font-size:16px;line-height:1.78;color:var(--lxbody);max-width:76ch;margin:0 0 16px}
html[data-lux] .lx-link{color:#0273AE;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(2,132,199,.3)}
html[data-lux] .lx-link:hover{color:var(--lxnavy);border-bottom-color:var(--lxnavy)}

/* ---------------- CARDS ---------------- */
html[data-lux] .lx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0 8px}
html[data-lux] .lx-card{position:relative;background:#fff;border:1px solid var(--lxline);border-radius:var(--lxr);
 padding:24px 22px 20px;overflow:hidden;transition:transform .22s var(--lxe),box-shadow .22s,border-color .22s}
html[data-lux] .lx-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--lxc,var(--lxnavy));
 transform:scaleX(.18);transform-origin:left;transition:transform .3s var(--lxe)}
html[data-lux] .lx-card:hover::before{transform:scaleX(1)}
html[data-lux] .lx-card:hover{transform:translateY(-3px);box-shadow:var(--lxsh);border-color:#DCE4F1}
html[data-lux] .lx-cards .lx-card:nth-child(4n+1){--lxc:#1A237E}
html[data-lux] .lx-cards .lx-card:nth-child(4n+2){--lxc:#0284C7}
html[data-lux] .lx-cards .lx-card:nth-child(4n+3){--lxc:#0E7490}
html[data-lux] .lx-cards .lx-card:nth-child(4n+4){--lxc:#679F26}
html[data-lux] .lx-card-t{font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;color:var(--lxink);
 margin-bottom:8px;display:flex;align-items:baseline;gap:9px}
html[data-lux] .lx-card-t::before{content:'';width:8px;height:8px;border-radius:3px;background:var(--lxc,var(--lxnavy));flex:none;transform:translateY(-1px)}
html[data-lux] .lx-card-d{font-size:14.5px;line-height:1.66;color:var(--lxbody)}

/* legacy h2+p stacks -> card grid via :has() */
html[data-lux] .xw-statement .xw-wrap:has(> .xw-reveal > h2:first-child){display:grid;
 grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
html[data-lux] .xw-statement .xw-wrap:has(> .xw-reveal > h2:first-child) > .xw-sechead{grid-column:1/-1}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2:first-child){position:relative;background:#fff;
 border:1px solid var(--lxline);border-radius:var(--lxr);padding:24px 22px 20px;margin:0;overflow:hidden;
 transition:transform .22s var(--lxe),box-shadow .22s}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2:first-child):hover{transform:translateY(-3px);box-shadow:var(--lxsh)}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2:first-child)::before{content:'';position:absolute;top:0;left:0;right:0;
 height:3px;background:var(--lxc,#1A237E)}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2):nth-of-type(4n+1){--lxc:#1A237E}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2):nth-of-type(4n+2){--lxc:#0284C7}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2):nth-of-type(4n+3){--lxc:#0E7490}
html[data-lux] .xw-statement .xw-wrap > .xw-reveal:has(> h2):nth-of-type(4n+4){--lxc:#679F26}
html[data-lux] .xw-statement .xw-reveal > h2:first-child{font-family:'Manrope',sans-serif;font-size:18px;font-weight:800;
 letter-spacing:-.015em;color:var(--lxink);margin:0 0 9px}
html[data-lux] .xw-statement .xw-reveal:has(> h2:first-child) > p{font-size:14.5px;line-height:1.68;color:var(--lxbody);max-width:none;margin:0}

/* ---------------- LISTS / STEPS ---------------- */
html[data-lux] .lx-ul{list-style:none;margin:18px 0 0;padding:0;max-width:none;display:grid;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px 28px}
html[data-lux] .lx-li{position:relative;padding:8px 0 8px 26px;font-size:15px;color:var(--lxbody);border-bottom:1px dashed #EDF1F8}
html[data-lux] .lx-dot{position:absolute;left:0;top:13px;width:14px;height:14px;border-radius:50%;
 background:radial-gradient(circle at 35% 35%,#A6D667,var(--lxgreen));box-shadow:0 0 0 3px rgba(139,197,63,.18)}
html[data-lux] .lx-steps{list-style:none;counter-reset:lxs;margin:22px 0 0;padding:0;max-width:78ch;position:relative}
html[data-lux] .lx-steps::before{content:'';position:absolute;left:15px;top:10px;bottom:14px;width:2px;
 background:linear-gradient(180deg,var(--lxgreen),#DCE9C8)}
html[data-lux] .lx-step-li{counter-increment:lxs;position:relative;margin:0 0 16px;padding:2px 0 2px 48px;font-size:15.5px;line-height:1.7;color:var(--lxbody)}
html[data-lux] .lx-step-li::before{content:counter(lxs);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:999px;
 background:linear-gradient(180deg,#97CE4E,var(--lxgreen));color:#0C1222;font:800 13px/32px 'Manrope';text-align:center;
 box-shadow:0 6px 14px -6px rgba(139,197,63,.6),0 0 0 4px #fff}
html[data-lux] .lx-b{color:var(--lxink)}

/* ---------------- FAQ ---------------- */
html[data-lux] .lx-faqwrap{margin-top:12px;display:grid;gap:12px}
html[data-lux] .lx-faq-i{border:1px solid var(--lxline);border-radius:14px;background:#fff;padding:18px 20px 8px;
 border-left:3px solid var(--lxline);transition:border-color .2s,box-shadow .2s}
html[data-lux] .lx-faq-i:hover{border-left-color:var(--lxgreen);box-shadow:var(--lxsh)}
html[data-lux] .lx-faq-q{font-family:'Manrope',sans-serif;font-size:16.5px;font-weight:800;color:var(--lxink);margin:0 0 8px}
html[data-lux] .lx-faq-a{font-size:15px;line-height:1.7;color:var(--lxbody);max-width:80ch;margin:0 0 12px}

/* ---------------- TABLE ---------------- */
html[data-lux] .lx-tblwrap{overflow-x:auto;border:1px solid var(--lxline);border-radius:var(--lxr);background:#fff;box-shadow:var(--lxsh)}
html[data-lux] .lx-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14.5px;line-height:1.55}
html[data-lux] .lx-thr th{background:linear-gradient(180deg,#F5F8FC,#EEF3FA);border-bottom:2px solid var(--lxline)}
html[data-lux] .lx-th,html[data-lux] .lx-th-x,html[data-lux] .lx-th-c{text-align:left;padding:14px;font:800 12px/1.3 'Manrope';letter-spacing:.04em;text-transform:uppercase}
html[data-lux] .lx-th{color:var(--lxink)} html[data-lux] .lx-th-x{color:var(--lxnavy)} html[data-lux] .lx-th-c{color:var(--lxmute)}
html[data-lux] .lx-td-k{padding:13px 14px;font-weight:700;color:var(--lxink);border-bottom:1px solid #EDF1F8;vertical-align:top}
html[data-lux] .lx-td-x{padding:13px 14px;color:#233A16;border-bottom:1px solid #EDF1F8;vertical-align:top;
 background:linear-gradient(90deg,#F4FAEA,#F8FCF1);border-left:2px solid rgba(139,197,63,.5)}
html[data-lux] .lx-td-c{padding:13px 14px;color:var(--lxbody);border-bottom:1px solid #EDF1F8;vertical-align:top}
html[data-lux] .lx-table tbody tr:hover td{background-color:#FAFCFF}
html[data-lux] .lx-table tbody tr:hover .lx-td-x{background:linear-gradient(90deg,#EFF8E0,#F5FAEA)}

/* ---------------- RELATED ---------------- */
html[data-lux] .lx-rel-ul{list-style:none;padding:0;margin:clamp(18px,2.5vw,28px) 0 0;display:flex;flex-wrap:wrap;gap:10px}
html[data-lux] .lx-rel-li{margin:0}
html[data-lux] .lx-rel-li .lx-link{display:inline-flex;border:1px solid #DAE2F0;border-radius:999px;padding:11px 18px;
 background:#fff;font-size:14.5px;border-bottom-width:1px;transition:.2s}
html[data-lux] .lx-rel-li .lx-link:hover{border-color:var(--lxnavy);background:#F6F9FD;transform:translateY(-1px)}

/* ---------------- CTA (lx + legacy xw-cta) ---------------- */
html[data-lux] .lx-ctasec,html[data-lux] section.xw-cta{position:relative;background:
 radial-gradient(48% 62% at 88% 4%,rgba(139,197,63,.15),transparent 58%),
 radial-gradient(36% 52% at 4% 96%,rgba(2,132,199,.13),transparent 60%),
 linear-gradient(130deg,#0B1140,var(--lxdeep) 55%,var(--lxnavy));
 color:#fff;padding-block:clamp(64px,7.5vw,104px);margin-top:clamp(40px,5vw,72px);overflow:hidden}
html[data-lux] .lx-ctasec::before,html[data-lux] section.xw-cta::before{content:'';position:absolute;inset:0;opacity:.45;pointer-events:none;
 background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
 background-size:52px 52px;mask-image:radial-gradient(70% 70% at 70% 20%,#000 20%,transparent 75%)}
html[data-lux] .lx-ctasec > *,html[data-lux] section.xw-cta > *{position:relative}
html[data-lux] .lx-cta-h,html[data-lux] .xw-cta .xw-display{font-family:'Manrope',sans-serif;color:#fff;
 font-size:clamp(1.8rem,1.1rem + 2.2vw,3rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:0 0 20px;max-width:24ch}
html[data-lux] .xw-cta .xw-rule{border:0;height:1px;background:rgba(255,255,255,.18);margin:0}
html[data-lux] .xw-cta .xw-display{margin-top:clamp(30px,4vw,48px)}
html[data-lux] .lx-ctasec .xw-btn--ink,html[data-lux] .xw-cta .xw-btn--ink{background:linear-gradient(180deg,#9AD24E,var(--lxgreen));color:#0C1222;
 box-shadow:0 14px 32px -12px rgba(139,197,63,.6),inset 0 1px 0 rgba(255,255,255,.35)}
html[data-lux] .lx-ctasec .xw-btn--ink svg,html[data-lux] .xw-cta .xw-btn--ink svg{stroke:#0C1222}
html[data-lux] .lx-ctasec .xw-btn--line{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
html[data-lux] .lx-ctasec .xw-btn--line:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
html[data-lux] .xw-cta__mail,html[data-lux] .lx-contact a{color:rgba(255,255,255,.85);font-weight:600;text-decoration:none}
html[data-lux] .xw-cta__mail:hover,html[data-lux] .lx-contact a:hover{color:#fff}
html[data-lux] .lx-contact{font-size:14.5px;color:rgba(255,255,255,.6);margin:18px 0 0}
html[data-lux] .lx-ctasec .lx-p{color:rgba(255,255,255,.8);max-width:74ch}
html[data-lux] .xw-cta p{color:rgba(255,255,255,.65)}
html[data-lux] .xw-cta p a{color:#CDE9A4!important}
html[data-lux] .xw-cta__row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}

/* ---------------- SCHEMATICS & GPON EXTRAS ---------------- */
html[data-lux] .xw-schematic{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--lxline);
 border-radius:var(--lxr);box-shadow:var(--lxsh);padding:clamp(12px,1.6vw,22px);box-sizing:border-box}
html[data-lux] .card{background:#fff;border:1px solid var(--lxline);border-radius:var(--lxr);padding:24px 22px;
 transition:transform .22s var(--lxe),box-shadow .22s}
html[data-lux] .card:hover{transform:translateY(-3px);box-shadow:var(--lxsh)}
html[data-lux] .xa-kpi{background:linear-gradient(180deg,#fff,#F8FBFF);border:1px solid var(--lxline);border-radius:var(--lxr);
 padding:22px 20px;position:relative;overflow:hidden}
html[data-lux] .xa-kpi::before{content:'';position:absolute;top:0;left:0;width:44px;height:3px;background:var(--lxgreen)}
html[data-lux] .xa-kpi__v{font:300 clamp(2rem,1.2rem + 2vw,3rem)/1.1 'Manrope';color:var(--lxink);letter-spacing:-.02em}
html[data-lux] .xa-kpi__v sup,html[data-lux] .xa-kpi__v b{color:var(--lxgink)}
html[data-lux] .xa-kpi__k{font:600 11px/1 'Inter';letter-spacing:.11em;text-transform:uppercase;color:var(--lxmute);margin-bottom:10px}
html[data-lux] .xa-kpi__d{font-size:13.5px;color:var(--lxbody);margin-top:8px}
html[data-lux] details.faq{border:1px solid var(--lxline);border-radius:14px;background:#fff;padding:4px 20px;margin:0 0 12px;
 border-left:3px solid var(--lxline)}
html[data-lux] details.faq[open]{border-left-color:var(--lxgreen);box-shadow:var(--lxsh)}
html[data-lux] details.faq summary{font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;color:var(--lxink);
 padding:14px 0;cursor:pointer;list-style:none;position:relative;padding-right:30px}
html[data-lux] details.faq summary::after{content:'+';position:absolute;right:2px;top:50%;transform:translateY(-50%);
 font:600 20px/1 'Inter';color:var(--lxgink)}
html[data-lux] details.faq[open] summary::after{content:'\2212'}

html[data-lux] .lx-blk{margin-bottom:clamp(36px,4.5vw,60px)}
@media (prefers-reduced-motion:reduce){
 html[data-lux] .lx-card,html[data-lux] .xw-btn,html[data-lux] .lx-faq-i,html[data-lux] .card,html[data-lux] .xw-statement .xw-reveal{transition:none!important}}

/* ---------------- LUX2 POLISH ---------------- */
html[data-lux] .xw-hero{border-bottom:1px solid #EDF1F8}
html[data-lux] .xw-hero__title{text-wrap:balance}
html[data-lux] .lx-punch{position:relative;display:inline-block}
html[data-lux] .lx-punch::after{content:'';position:absolute;left:0;bottom:-6px;width:64px;height:3px;
 border-radius:2px;background:linear-gradient(90deg,var(--lxgreen),transparent)}
html[data-lux] .lx-card{padding:26px 24px 22px}
html[data-lux] .lx-card-t{font-size:16.5px}
html[data-lux] .lx-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
html[data-lux] .lx-td-k{min-width:150px}
html[data-lux] .lx-table tbody tr:last-child td{border-bottom:0}
html[data-lux] .lx-ctasec,html[data-lux] section.xw-cta{border-top:3px solid var(--lxgreen)}
html[data-lux] .lx-faq-q{font-size:17px}
/* SVG schematic + hero-diagram beautification (styles win over presentation attrs) */
html[data-lux] .lx-vis svg rect,html[data-lux] .xw-schematic rect{rx:10px;fill:#FBFCFF;
 filter:drop-shadow(0 3px 6px rgba(12,18,34,.07))}
html[data-lux] .lx-vis svg rect[stroke]{stroke-width:1.6px}
html[data-lux] .lx-vis svg text,html[data-lux] .xw-schematic text{font-family:'Inter','JetBrains Mono',monospace}
html[data-lux] .lx-vis svg path[marker-end],html[data-lux] .lx-vis svg .ln{stroke:#94A3C0}
html[data-lux] .xw-schematic{background:
 radial-gradient(1px 1px at 14px 14px,rgba(26,35,126,.06) 1px,transparent 1px) 0 0/28px 28px,#fff}
html[data-lux] .lx-vis svg{background:
 radial-gradient(1px 1px at 14px 14px,rgba(26,35,126,.05) 1px,transparent 1px) 0 0/28px 28px,#fff;
 padding:clamp(10px,1.4vw,18px);box-sizing:border-box}
@media(max-width:900px){html[data-lux] .lx-vis{margin-top:6px}}