/* Eligent Labs | Electric Spectrum design edition, November 2026 */
:root {
  --bg:#080D20;--surface:#10182D;--surface2:#15203A;--surface3:#1B2641;
  --ink:#F6F7FF;--muted:#B3BBD1;--low:#8493B1;--line:rgba(163,185,235,.17);
  --teal:#75F2B8;--blue:#65CDFF;--pink:#FF63AD;--orange:#FFAD50;--violet:#A68AFF;
  --spectrum:linear-gradient(110deg,#FF72B1 0%,#A887FF 28%,#57CEFF 56%,#76F2B6 80%,#FFBB61 100%);
}
body{background:#080D20;color:var(--ink)}
body::selection{background:#FF72B1;color:#111527}
.ambient{height:950px;background:radial-gradient(ellipse at 4% 2%,rgba(255,79,151,.11),transparent 35%),radial-gradient(ellipse at 82% 13%,rgba(63,181,255,.16),transparent 42%),radial-gradient(ellipse at 64% 70%,rgba(158,98,255,.07),transparent 40%)}
.header{background:rgba(8,13,32,.88);border-bottom:1px solid rgba(161,181,255,.11)}
.header.scrolled{background:rgba(8,13,32,.97)}
.brand-mark{background:linear-gradient(140deg,rgba(255,107,173,.2),rgba(99,198,255,.15));border:1px solid rgba(170,139,255,.65);color:#FFF;box-shadow:inset 0 0 18px rgba(188,138,255,.12)}
.brand-mark i{background:#FF68AC;box-shadow:0 0 14px #FF68AC}
.brand-text span{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links a.active:after{background:linear-gradient(90deg,#FF6BAB,#9A82FF,#58CBFF)}
.btn{background:linear-gradient(105deg,#FF64A2,#DD58B0 38%,#986DFF);color:#fff;box-shadow:0 14px 42px rgba(255,91,160,.21);border-color:rgba(255,255,255,.09)}
.btn:hover{background:linear-gradient(105deg,#FF82B7,#E66CC7 42%,#A787FF);box-shadow:0 18px 46px rgba(244,78,160,.30)}
.btn-outline{background:rgba(255,255,255,.025);border-color:rgba(161,194,255,.33);color:#F2F5FF;box-shadow:none}
.btn-outline:hover{background:rgba(102,196,255,.09);border-color:rgba(113,203,255,.52);box-shadow:0 10px 40px rgba(89,183,255,.07)}
.eyebrow{color:#D8C8FF}.eyedot{background:#FF7AAE;box-shadow:0 0 15px rgba(255,107,180,.6)}
.hero{background:radial-gradient(ellipse at 83% 38%,rgba(32,102,186,.12),transparent 46%),radial-gradient(ellipse at 14% 90%,rgba(255,107,163,.06),transparent 40%)}
.hero:before{background:radial-gradient(ellipse,rgba(142,98,255,.20),rgba(51,184,245,.09) 34%,transparent 67%)}
.hero h1 em,.page-hero h1 em,.section-title h2 span{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-trust strong{color:#FFF}
.tiny-circles span{background:#43304E;color:#FFC1E0}.tiny-circles span:nth-child(2){background:#243D61;color:#9ADFFF}.tiny-circles span:nth-child(3){background:#224B43;color:#97F5C8}
.art-glow{background:conic-gradient(from 145deg,rgba(255,91,175,.24),rgba(95,185,255,.24),rgba(115,242,187,.15),rgba(159,112,255,.23),rgba(255,91,175,.24));filter:blur(95px)}
.art-frame{background:#10182E;border:1px solid rgba(165,168,255,.3);box-shadow:0 36px 95px rgba(0,0,0,.48),0 0 70px rgba(142,96,255,.12)}
.art-nav{border-color:rgba(255,255,255,.1)}.art-nav i:first-child{background:#FF6EAD}.art-nav i:nth-child(2){background:#FFB767}.art-nav i:last-child{background:#76F3B9}.art-nav>span:last-child{color:#82F1C1}
.art-logo{background:linear-gradient(145deg,#FF68A6,#9879FF);color:#fff}.art-sidebar b:nth-of-type(1){background:#FF7AAE}.art-sidebar b:nth-of-type(2){background:#6ED0FF}.art-sidebar b:nth-of-type(3){background:#FFB45F}
.art-stats>div{background:linear-gradient(140deg,#1C294A,#15243C);border-color:rgba(130,159,240,.19)}.art-stats>div:first-child{border-top:2px solid #FF7CAD}.art-stats>div:nth-child(2){border-top:2px solid #78D4FF}
.art-stats span{color:#89EACB}.art-chart{background:#151F3C;border-color:rgba(143,151,240,.24)}.art-tasks div{background:#1C2A48}.art-tasks div:nth-child(1) span{color:#88EFC2}.art-tasks div:nth-child(2) span{color:#7BCCFF}.art-tasks div:nth-child(3) span{color:#FFA9CF}
.floating-note{background:rgba(30,29,60,.93);border:1px solid rgba(210,143,255,.36);box-shadow:0 18px 55px rgba(0,0,0,.38)}.floating-ico{background:linear-gradient(140deg,#FF72B7,#A07EFF);color:#fff}
.cred-strip{background:#0B1127}.cred-inner i{background:#A17DF8}
.section-dark{background:linear-gradient(140deg,rgba(23,28,55,.9),rgba(9,17,36,.96))}
.service-card{background:linear-gradient(145deg,#1A2540,#111A30 75%);border-color:rgba(166,187,241,.17);box-shadow:0 15px 50px rgba(0,0,0,.09)}
.service-card:before{height:3px;opacity:.85;background:linear-gradient(90deg,var(--accent,#FF75AB),var(--accent2,#A58CFF))}
.service-card:nth-child(4n+1){--accent:#FF69AE;--accent2:#B785FF;--glow:rgba(255,99,173,.13)}
.service-card:nth-child(4n+2){--accent:#8DEFAC;--accent2:#4BCCEF;--glow:rgba(96,228,160,.12)}
.service-card:nth-child(4n+3){--accent:#58C5FF;--accent2:#A28AFF;--glow:rgba(83,188,255,.13)}
.service-card:nth-child(4n+4){--accent:#FFAD52;--accent2:#FF73A9;--glow:rgba(255,169,80,.13)}
.service-card:hover{border-color:var(--accent);box-shadow:0 23px 55px var(--glow);transform:translateY(-5px)}
.service-icon{color:var(--accent)!important;background:linear-gradient(140deg,var(--glow),rgba(255,255,255,.025))!important;border-color:var(--accent)!important}
.sc-top>span:first-child{color:var(--accent)}.sc-link{color:var(--accent)!important}
.story-visual{box-shadow:0 25px 65px rgba(0,0,0,.2)}.story-badge{background:linear-gradient(110deg,rgba(255,91,159,.94),rgba(139,106,255,.93));color:#fff;border-color:rgba(255,255,255,.28)}
.checkrow>span{color:#FFB565!important}.checkrow:nth-of-type(2)>span{color:#7AD2FF!important}.checkrow:nth-of-type(3)>span{color:#80EFB9!important}
.text-link{color:#82D5FF}.text-link:hover{color:#FF94C3}
.work-image>span{background:rgba(17,16,43,.88);border:1px solid rgba(175,147,255,.45);color:#E3CFFF}
.work-card{border-color:rgba(157,181,243,.18)}.work-card:hover{border-color:rgba(166,138,255,.55)}
.big-step:nth-child(3n+1){--step-accent:#FF74AF}.big-step:nth-child(3n+2){--step-accent:#6DD1FF}.big-step:nth-child(3n+3){--step-accent:#9DF0AF}
.big-step strong,.step strong{color:var(--step-accent,#FFA6C8)}
.cta-panel{background:radial-gradient(ellipse at 10% 10%,rgba(255,91,159,.15),transparent 48%),radial-gradient(ellipse at 91% 65%,rgba(104,183,255,.16),transparent 52%),linear-gradient(135deg,#1C2042,#0D1935)!important;border:1px solid rgba(174,157,255,.3)!important}
.cta-panel h2 em{font-style:normal;background:var(--spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-form-panel{background:linear-gradient(150deg,#1A2341,#101B30);border-color:rgba(173,165,255,.23)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8A9EFF!important;box-shadow:0 0 0 3px rgba(121,139,255,.13)}
.aside-icon{background:linear-gradient(135deg,rgba(255,105,167,.17),rgba(100,192,255,.13))!important;color:#FFC1DA!important}
.footer{background:#090E21}.foot-links a:hover{color:#F58DB8}
.faq-item[open]{border-color:rgba(160,141,255,.42)}
/* Micro accents */
.tag-row span:nth-child(4n+1){border-color:rgba(255,125,175,.28);color:#FFC6DB}
.tag-row span:nth-child(4n+2){border-color:rgba(111,214,255,.3);color:#9DE5FF}
.tag-row span:nth-child(4n+3){border-color:rgba(152,240,185,.3);color:#9AF3BC}
.tag-row span:nth-child(4n+4){border-color:rgba(255,181,100,.28);color:#FFD3A0}
.image-panel:after{background:linear-gradient(135deg,rgba(255,108,169,.14),rgba(109,180,255,.08))}
/* Accessible reduced motion and small screen tweaks */
@media(max-width:760px){.hero{background:radial-gradient(ellipse at 50% 20%,rgba(124,92,244,.12),transparent 65%)}.art-frame{box-shadow:0 16px 50px rgba(0,0,0,.3)}.btn{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.btn,.service-card{transition:none}}

/* Vector icons: transparent, consistently sized and theme-aware */
.aside-icon,.service-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#F5A7DB!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;line-height:1!important;vertical-align:middle!important}
.aside-icon{width:44px!important;height:44px!important}
.service-icon{width:49px!important;height:49px!important;color:var(--accent,#82D8FF)!important}
.aside-icon .line-icon{width:40px;height:40px;display:block;flex:0 0 auto}
.service-icon .line-icon{width:40px;height:40px;display:block;flex:0 0 auto}
@media (max-width:640px){.aside-icon{width:38px!important;height:38px!important}.aside-icon .line-icon,.service-icon .line-icon{width:34px;height:34px}}