/* ELUQEN Spectrum — cross-site design layer. Version 2026-11-06.
   Scoped to public website; existing CMS content and routes remain authoritative. */
:root{--brand-blue:#2567e9;--brand-teal:#08a9ab;--brand-orange:#f8ad58;--brand-violet:#8874f7;--brand-radius:22px}
html[data-theme="light"]{--bg:#f5f8fe;--bg2:#f0f6ff;--panel:#ffffff;--panel2:#f1f7ff;--text:#122b46;--soft:#4c647b;--muted:#62778c;--line:#d7e4f1;--line2:#c8d9eb;--accent:#185acc;--accent2:#007e96;--surface:#f5f8fe;--surface-2:#ffffff;--surface-3:#edf5fe;--text-main:#122b46;--text-soft:#526b83;--border:#d7e4f1;--link:#1558ca;color-scheme:light}
html[data-theme="dark"]{--bg:#0c1c30;--bg2:#10233b;--panel:#142b45;--panel2:#1a3651;--text:#f1f8ff;--soft:#c1d3e5;--muted:#99aec6;--line:#29445e;--line2:#3a5772;--accent:#8fb5ff;--accent2:#6be1db;--surface:#0c1c30;--surface-2:#142b45;--surface-3:#10243b;--text-main:#f1f8ff;--text-soft:#bfcee0;--border:#29445e;--link:#8fb5ff;color-scheme:dark}
html[data-theme="light"] body{background:radial-gradient(ellipse 68% 32% at 84% 0%,rgba(82,151,250,.16),transparent 75%),radial-gradient(ellipse 54% 38% at 0% 27%,rgba(25,202,198,.095),transparent 75%),#f5f8fe;color:var(--text)}
html[data-theme="dark"] body{background:radial-gradient(ellipse 60% 36% at 80% -10%,rgba(77,135,245,.22),transparent 72%),radial-gradient(ellipse 50% 28% at 0% 28%,rgba(29,181,181,.11),transparent 70%),#0c1c30;color:var(--text)}
body{font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}
a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #26b6c4;outline-offset:3px}
.site-header{background:rgba(250,252,255,.9)!important;border-bottom:1px solid rgba(142,172,209,.24)!important;box-shadow:0 7px 24px rgba(34,70,119,.055);backdrop-filter:blur(22px) saturate(160%)}
html[data-theme="dark"] .site-header{background:rgba(12,27,45,.91)!important;border-bottom:1px solid rgba(96,148,192,.2)!important;box-shadow:0 7px 24px rgba(2,9,21,.18)}
.nav{height:78px}.nav-links{gap:clamp(11px,1.55vw,25px);font-weight:610}
.nav-links a{position:relative;color:var(--soft)!important;transition:color .2s ease}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent)!important}
.nav-links a::after{content:"";position:absolute;bottom:-8px;inset-inline:0;height:2px;border-radius:5px;background:linear-gradient(90deg,#2567e9,#0bbcc0);transform:scaleX(0);transform-origin:center;transition:transform .2s}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-actions .btn,.nav-actions .lang,.theme-toggle,.search-shortcut,.header-search{border-radius:12px!important}
.nav-actions .btn{background:linear-gradient(135deg,#1466e7,#0e9eac)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 6px 20px rgba(28,108,195,.18)}
.header-search{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:0 2px 10px rgba(14,63,107,.04)}
.header-search input{color:var(--text)!important}
.lang-button,.theme-toggle,.search-shortcut{color:var(--text)!important;border-color:var(--line)!important}
.language-popover,.mobile-menu{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 20px 50px rgba(22,60,103,.17)!important;background:var(--panel)!important;color:var(--text)!important}
.language-popover a{color:var(--soft)!important;border-radius:8px}
.language-popover a:hover{background:var(--panel2)!important;color:var(--text)!important}
html[data-theme="dark"] .language-popover a:hover{background:#25415d!important}
.btn{border-radius:12px!important;border-color:var(--line2)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 28px rgba(27,106,179,.13);border-color:#63bdd1!important}
.btn.primary{background:linear-gradient(120deg,#2368ed 0%,#1464e1 54%,#05a7af 100%)!important;border:1px solid transparent!important;color:#fff!important;box-shadow:0 12px 28px rgba(25,103,214,.23)}
.btn.primary:hover{box-shadow:0 16px 34px rgba(20,111,209,.3)}
html[data-theme="dark"] .btn:not(.primary),html[data-theme="dark"] .nav-actions .lang{background:rgba(28,53,79,.85);color:var(--text)}
html[data-theme="light"] .btn:not(.primary){background:rgba(255,255,255,.93);color:var(--text)}
.page-scope .hero,.page-scope .page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 48% 80% at 92% 12%,rgba(85,158,249,.18),transparent 75%),radial-gradient(ellipse 42% 70% at 5% 100%,rgba(20,191,186,.13),transparent 78%),linear-gradient(130deg,#fafdff 0%,#eaf3ff 55%,#f1fbfa 100%);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .page-scope .hero,html[data-theme="dark"] .page-scope .page-hero{background:radial-gradient(ellipse 55% 85% at 88% 10%,rgba(50,116,222,.22),transparent 74%),radial-gradient(ellipse 38% 72% at 0% 94%,rgba(18,159,170,.17),transparent 70%),linear-gradient(125deg,#10233c,#142b45 66%,#113542)}
.page-scope .page-hero{padding:68px 0 58px}
.page-scope .page-hero:before,.page-scope .hero.home-hero-v2:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(42,99,162,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(42,99,162,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 70%,transparent);z-index:-1}
html[data-theme="dark"] .page-scope .page-hero:before,html[data-theme="dark"] .page-scope .hero.home-hero-v2:before{opacity:.32}
.page-scope .page-hero h1{font-size:clamp(33px,4.2vw,54px)!important;line-height:1.16!important;letter-spacing:-.026em!important;color:var(--text);max-width:960px}
.page-scope .page-hero .page-lead{font-size:clamp(16px,1.55vw,19px)!important;line-height:1.85!important;color:var(--soft);max-width:790px}
.eyebrow{color:var(--accent)!important;letter-spacing:.11em}
.eyebrow:before{background:linear-gradient(120deg,var(--brand-blue),var(--brand-teal))!important}
.page-scope .hero.home-hero-v2{padding-top:74px;padding-bottom:48px}
.home-hero-grid{gap:clamp(25px,4.5vw,70px)}
.home-hero-copy{position:relative;z-index:1}
.home-hero-copy h1{font-size:clamp(38px,5.1vw,70px)!important;line-height:1.12!important;letter-spacing:-.042em!important;color:var(--text)}
.home-hero-copy .hero-lead{font-size:clamp(17px,1.55vw,20px)!important;line-height:1.85!important;color:var(--soft);max-width:640px}
.home-tech-tags{margin-top:23px!important;gap:7px!important}
.home-tech-tags span{border-radius:999px!important;background:rgba(37,111,207,.065)!important;color:var(--accent)!important;border:1px solid rgba(46,117,204,.16)!important;padding:7px 11px!important;font-size:10px!important;letter-spacing:.08em}
html[data-theme="dark"] .home-tech-tags span{background:rgba(100,167,232,.12)!important;color:#bcd9f9!important}
.home-system-card{border:1px solid rgba(85,148,206,.3)!important;background:linear-gradient(142deg,rgba(255,255,255,.95),rgba(227,244,254,.95) 52%,rgba(233,251,247,.96))!important;box-shadow:0 28px 65px rgba(23,88,151,.17),inset 0 1px 0 #fff!important;border-radius:27px!important;transform:rotate(-1deg)}
html[data-theme="dark"] .home-system-card{background:linear-gradient(145deg,#18324e,#132c43 65%,#18414c)!important;box-shadow:0 22px 64px rgba(0,0,0,.22)!important}
.home-system-head,.home-system-foot{color:var(--muted)!important}
.home-system-head{border-bottom:1px solid var(--line)!important}
.home-system-foot{border-top:1px solid var(--line)!important}
.home-system-core{border-radius:50%!important;background:linear-gradient(135deg,#2369e3,#16c0ba)!important;color:white!important;box-shadow:0 0 0 12px rgba(61,150,213,.1),0 19px 34px rgba(32,112,200,.24)!important}
.home-system-core span,.home-system-core small{color:white!important}
.home-module{border-radius:16px!important;border:1px solid rgba(88,150,204,.25)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 7px 20px rgba(15,75,133,.07)}
.home-module strong{color:#1c436c!important}
.home-module small,.home-module span{color:#52708c!important}
html[data-theme="dark"] .home-module{background:#1b3751!important;border-color:#355a77!important}
html[data-theme="dark"] .home-module strong{color:#eef7ff!important}
html[data-theme="dark"] .home-module small,html[data-theme="dark"] .home-module span{color:#adc8dd!important}
.home-process-strip{border-radius:16px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 15px 35px rgba(27,95,153,.08)!important}
html[data-theme="dark"] .home-process-strip{background:rgba(22,45,67,.83)!important}
.home-process-strip div:not(:last-child){border-color:var(--line)!important}
.home-process-strip strong{color:var(--text)!important}
.page-scope .section{padding:77px 0!important;border-top:1px solid rgba(90,139,194,.1)!important}
.page-scope .section:nth-of-type(even){background:linear-gradient(128deg,rgba(226,240,255,.29),rgba(236,250,247,.19))}
html[data-theme="dark"] .page-scope .section:nth-of-type(even){background:rgba(28,62,89,.16)}
.page-scope .section-head h2,.page-scope .social-contact-heading h2{font-size:clamp(26px,2.9vw,40px)!important;line-height:1.2!important;letter-spacing:-.025em!important;color:var(--text)}
.page-scope .section-head{margin-bottom:28px}
.card,.product-card,.app-card,.content-card,.story-card,.support-card,.contact-card,.social-contact-card,.search-result,.download-row,.product-variant-card,.product-price-box,.info-panel,.verify-result,.notice{border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(152deg,rgba(255,255,255,.98),rgba(245,250,255,.97))!important;color:var(--text)!important;box-shadow:0 7px 24px rgba(26,85,145,.065)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
html[data-theme="dark"] :is(.card,.product-card,.app-card,.content-card,.story-card,.support-card,.contact-card,.social-contact-card,.search-result,.download-row,.product-variant-card,.product-price-box,.info-panel,.verify-result,.notice){background:linear-gradient(140deg,rgba(24,51,77,.98),rgba(19,43,66,.98))!important;box-shadow:0 12px 32px rgba(0,0,0,.15)!important}
a:is(.card,.support-card,.contact-card,.social-contact-card,.search-result):hover,.product-card:hover,.app-card:hover,.content-card:hover,.story-card:hover{transform:translateY(-3px);border-color:rgba(19,157,177,.42)!important;box-shadow:0 15px 35px rgba(25,98,160,.13)!important}
.card h2,.card h3,.product-card h2,.product-card h3,.app-card h2,.content-card h2,.story-card h2,.support-card h2,.contact-card h2,.product-variant-card strong{color:var(--text)!important}
.card p,.product-card p,.app-card p,.content-card p,.content-card-copy,.support-card-copy p,.story-card p,.contact-card .value,.social-contact-card small{color:var(--soft)!important}
.tag,.badge,.product-status,.status-pill{border-radius:999px!important;border-color:rgba(22,143,193,.3)!important;background:rgba(30,141,200,.075)!important;color:var(--accent)!important}
html[data-theme="dark"] :is(.tag,.badge,.product-status,.status-pill){background:rgba(49,148,214,.14)!important;color:#a8d6ff!important}
.content-card-index,.support-card-top span,.story-card>span{color:var(--accent2)!important;opacity:.88}
.content-card:before,.support-card:before,.app-card:before{background:linear-gradient(90deg,var(--brand-blue),var(--brand-teal),var(--brand-orange))!important}
.product-price-box,.specs,.feature-list{color:var(--text)}
.spec-row{border-color:var(--line)!important}
.page-scope .prose{max-width:890px}
.page-scope .prose p,.page-scope .prose li,.page-scope .content-card-copy p,.page-scope .support-card-copy p{color:var(--soft)!important;line-height:1.9}
.page-scope .prose h2,.page-scope .prose h3{color:var(--text)!important}
.page-scope .prose a{color:var(--accent)!important;text-decoration-color:rgba(35,111,219,.33)!important}
html[data-theme="light"] .legal-page .legal-document{background:linear-gradient(150deg,#fff,#f8fbff)!important;box-shadow:0 12px 38px rgba(20,90,162,.065)!important;border-color:var(--line)!important}
html[data-theme="dark"] .legal-page .legal-document{background:#152d47!important;border-color:var(--line)!important}
html[data-theme="light"] .legal-page .legal-body strong{color:var(--text)!important}
html[data-theme="light"] .legal-page .legal-actions a,html[data-theme="light"] .legal-page .legal-return a{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] .legal-page .legal-actions a,html[data-theme="dark"] .legal-page .legal-return a{background:#1a3651!important;color:var(--text)!important;border-color:var(--line)!important}
.page-scope .page-hero .product-hero-grid{position:relative;z-index:1}
.product-image,.hero-panel.compact{border-radius:25px!important;overflow:hidden;box-shadow:0 25px 60px rgba(42,110,174,.12)!important;border:1px solid var(--line)!important}
.product-image img{object-fit:contain}
.app-grid,.product-grid,.support-grid,.contact-grid,.content-card-grid{gap:20px!important}
.app-card-top,.app-card-actions{border-color:var(--line)!important}
.app-card-meta code{color:var(--muted)}
.download-row{padding:17px 20px!important}
.download-row:hover{border-color:var(--accent2)!important}
.contact-icon-wrap,.social-icon-wrap{background:linear-gradient(130deg,#e8f1ff,#e5faf8)!important;border-radius:13px!important}
html[data-theme="dark"] .contact-icon-wrap,html[data-theme="dark"] .social-icon-wrap{background:linear-gradient(130deg,#21476c,#1c4b55)!important}
.notice{padding:18px 22px!important}
.site-footer{background:linear-gradient(145deg,#e9f3ff,#eefaf9)!important;border-top:1px solid var(--line)!important;color:var(--text)!important}
html[data-theme="dark"] .site-footer{background:linear-gradient(145deg,#102740,#123547)!important}
.footer-grid{gap:clamp(24px,4vw,55px)}
.footer-brand p,.footer-col a,.site-footer .footer-col h4{color:var(--soft)!important}
.site-footer .footer-col h4{color:var(--text)!important}
.site-footer a:hover{color:var(--accent)!important}
.chat-launcher,.chat-widget button{accent-color:var(--brand-blue)}
.chat-launcher{box-shadow:0 12px 30px rgba(17,91,181,.22)!important;border:1px solid rgba(69,155,227,.35)!important}
:where(.page-scope) input,:where(.page-scope) textarea,:where(.page-scope) select{border-radius:12px;color:var(--text);background:var(--panel);border-color:var(--line2)}
html[data-theme="light"] :where(.page-scope) input:focus,html[data-theme="light"] :where(.page-scope) textarea:focus{border-color:#279eb4;box-shadow:0 0 0 3px rgba(19,155,181,.12)}
@media(min-width:1100px){.home-system-card{margin:12px}}
@media(max-width:900px){.page-scope .hero.home-hero-v2{padding-top:49px}.home-system-card{transform:none}.page-scope .section{padding:55px 0!important}.page-scope .page-hero{padding:46px 0 41px}.home-hero-copy h1{font-size:clamp(35px,7vw,54px)!important}}
@media(max-width:600px){.site-header .nav{height:66px}.page-scope .hero.home-hero-v2{padding:35px 0!important}.page-scope .page-hero{padding:37px 0 35px}.page-scope .page-hero h1{font-size:clamp(29px,9vw,38px)!important}.page-scope .section{padding:42px 0!important}.page-scope .section-head h2{font-size:27px!important}.home-hero-copy h1{font-size:clamp(34px,9vw,43px)!important}.home-process-strip{border-radius:13px!important}.card,.product-card,.app-card,.content-card,.story-card,.support-card,.contact-card{border-radius:16px!important}.legal-page .legal-head{padding:28px 0 24px}}
@media(prefers-reduced-motion:reduce){.btn,a:is(.card,.support-card,.contact-card,.social-contact-card,.search-result),.product-card,.app-card,.content-card,.story-card{transition:none!important;transform:none!important}}

/* Spectrum mobile overflow hardening v2 */
/* Spectrum mobile overflow hardening v2 */
@media(max-width:680px){
  .site-header .nav{width:calc(100% - 24px);max-width:100%;gap:5px}
  .site-header .brand-logo-header{max-width:130px;height:auto}
  .site-header .nav-actions{gap:4px!important;min-width:0;flex-shrink:0}
  .site-header .search-shortcut{width:31px;height:31px;flex:0 0 31px}
  .site-header .nav-actions>.theme-menu .theme-menu-button{width:31px;min-height:31px}
  .site-header .lang{padding:6px 5px}
  .site-header .nav-toggle{width:33px;height:33px;flex:0 0 33px}
  .page-scope .hero.home-hero-v2 .wrap{width:calc(100% - 30px);max-width:100%}
  .page-scope .hero.home-hero-v2 .home-hero-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0;width:100%}
  .page-scope .hero.home-hero-v2 .home-hero-copy,.page-scope .hero.home-hero-v2 .home-system-card,.page-scope .hero.home-hero-v2 .home-system-grid,.page-scope .hero.home-hero-v2 .home-process-strip{min-width:0;max-width:100%;width:100%}
  .page-scope .hero.home-hero-v2 .home-system-card{overflow:hidden}
  .page-scope .hero.home-hero-v2 .eyebrow{max-width:100%;font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .page-scope .hero.home-hero-v2 .hero-lead{max-width:100%;overflow-wrap:break-word}
  .page-scope .hero.home-hero-v2 .home-tech-tags{min-width:0;max-width:100%;flex-wrap:wrap}
  .page-scope .hero.home-hero-v2 .home-process-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-scope .hero.home-hero-v2 .home-process-strip>div{min-width:0}
}
@media(max-width:390px){
  .site-header .brand-logo-header{max-width:113px}
  .site-header .nav-actions{gap:2px!important}
  .site-header .lang{padding:6px 3px}
  .page-scope .hero.home-hero-v2 .home-module{width:75px}
  .page-scope .hero.home-hero-v2 .home-system-core{width:103px;height:103px}
}