/* ════════════════════════════════
   HELXSYNC — style.css v1.1
   © 2026 iCounter Inc.
════════════════════════════════ */

/* ── Reset + Variables ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
:root{
  --teal:#00F0C8;--teal2:#00C4A4;--teal3:#007A66;--teal4:#003D33;
  --bg:#02080A;--bg2:#040E10;--bg3:#071416;--bg4:#0A1A1C;
  --line:rgba(0,240,200,.08);--line2:rgba(0,240,200,.14);
  --w:#E0F8F4;--w2:#7AB8AE;--dim:#2A5048;
  --red:#FF3A3A;--redbg:rgba(255,58,58,.06);
  --r:4px;
  --body:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --head:var(--body);
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sigil:"Segoe UI Symbol","Apple Symbols",system-ui,sans-serif;
  --nav-h:92px;
}

body{
  background:var(--bg);color:var(--w2);
  font-family:var(--body);font-weight:300;line-height:1.7;
  overflow-x:hidden;
  padding-top:var(--nav-h);
}

/* Grille de fond */
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 47px,var(--line) 48px),
    repeating-linear-gradient(90deg,transparent,transparent 47px,var(--line) 48px);
}

/* Grain */
body::after{
  content:'';position:fixed;inset:0;z-index:9001;pointer-events:none;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlbGF3AAAACXRSTQMAEBAQEBAQEBB3xeMAAAA3SURBVDjLY2AYBUMHAAIAAQABAAIAAgADAAMAAQAEAAQAAgAFAAUAAwAGAAYABAAHAAcABQAIAAgABgAJAAkABwAKAAoACAAAAABJRU5ErkJggg==");
  background-size:64px 64px;
  opacity:0.025;
}

/* ════════════════════════════════
   NAVIGATION
════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;
  z-index:7000;
  background:rgba(2,8,10,.92);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(20px);
  font-family:var(--mono);
}

/* Rangée 1 */
.nav-row1{
  height:54px;
  display:flex;align-items:center;
  padding:0 52px;
  border-bottom:1px solid rgba(0,240,200,.05);
  position:relative;
}

.logo{
  font-family:var(--head);font-size:1.15rem;font-weight:700;
  color:var(--w);letter-spacing:.08em;text-decoration:none;
  margin-right:24px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.logo em{color:var(--teal);font-style:normal;}
.brand-logo{display:block;flex-shrink:0;}

.nav-main{
  display:flex;list-style:none;gap:0;align-items:center;
  font-size:.82rem;letter-spacing:.1em;
  margin-left:32px;
}
.nav-main li{display:flex;align-items:center;}
.nav-main li+li::before{
  content:'';display:block;
  width:3px;height:3px;border-radius:50%;
  background:rgba(0,240,200,.5);
  box-shadow:0 0 5px rgba(0,240,200,.8),0 0 10px rgba(0,240,200,.4);
  flex-shrink:0;
}
.nav-main a{
  color:rgba(224,248,244,.32);text-decoration:none;
  transition:color .2s;padding:0 14px;
}
.nav-main a:hover,.nav-main a.active{color:var(--teal);}

/* Hamburger */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px;
  z-index:8000;flex-shrink:0;
}
.hamburger span{
  display:block;width:24px;height:2px;
  background:var(--teal);border-radius:2px;
  transition:transform .3s,opacity .3s;
}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Rangée 2 */
.nav-row2{
  height:38px;display:flex;align-items:center;
  padding:0 52px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.nav-row2::-webkit-scrollbar{display:none;}

.nav-sub{
  display:flex;list-style:none;gap:0;align-items:center;
  font-size:.76rem;letter-spacing:.1em;white-space:nowrap;
}
.nav-sub li{display:flex;align-items:center;}
.nav-sub li+li::before{
  content:'';display:block;
  width:3px;height:3px;border-radius:50%;
  background:rgba(0,240,200,.35);
  box-shadow:0 0 5px rgba(0,240,200,.6),0 0 10px rgba(0,240,200,.3);
  flex-shrink:0;
}
.nav-sub a{
  color:rgba(224,248,244,.26);text-decoration:none;
  transition:color .2s;padding:0 14px;
}
.nav-sub a:hover{color:var(--teal);}
.nav-sub a.active{color:var(--teal2);position:relative;}
.nav-sub a.active::after{
  content:'';position:absolute;
  bottom:-11px;left:14px;right:14px;height:1px;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  box-shadow:0 0 8px rgba(0,240,200,.6);
}

/* Drawer mobile */
.nav-drawer{
  display:none;
  position:fixed;top:54px;left:0;right:0;
  background:rgba(2,8,10,.98);
  border-bottom:1px solid var(--line2);
  backdrop-filter:blur(20px);
  z-index:6999;
  animation:panelIn .18s ease;
}
.nav-drawer.open{display:block;}
.drawer-group{padding:10px 24px 14px;border-bottom:1px solid var(--line);}
.drawer-group:last-child{border-bottom:none;}
.drawer-label{
  font-size:.55rem;letter-spacing:.3em;color:var(--dim);
  text-transform:uppercase;margin-bottom:6px;padding-top:4px;
}
.drawer-links{list-style:none;}
.drawer-links li{display:flex;align-items:center;}
.drawer-links li+li::before{
  content:'';display:block;
  width:3px;height:3px;border-radius:50%;
  background:rgba(0,240,200,.35);
  box-shadow:0 0 5px rgba(0,240,200,.6);
  flex-shrink:0;
}
.drawer-links a{
  display:block;font-family:var(--mono);
  color:rgba(224,248,244,.55);text-decoration:none;
  font-size:.9rem;letter-spacing:.08em;
  padding:8px 14px;transition:color .2s;
}
.drawer-links.sub a{font-size:.8rem;color:rgba(224,248,244,.32);}
.drawer-links a:hover{color:var(--teal);}

/* ════════════════════════════════
   BADGE COIN
════════════════════════════════ */
#badge-glow{
  position:fixed;top:0;right:0;z-index:8997;pointer-events:none;
  width:340px;height:340px;
  background:radial-gradient(circle at 100% 0%,
    rgba(0,240,200,.18) 0%,rgba(0,240,200,.08) 28%,
    rgba(0,240,200,.03) 50%,transparent 70%);
  filter:blur(18px);
  animation:glowPulse 3s ease-in-out infinite;
}
#badge-glow.active{
  background:radial-gradient(circle at 100% 0%,
    rgba(0,240,200,.45) 0%,rgba(0,240,200,.22) 28%,
    rgba(0,240,200,.08) 50%,transparent 70%);
}
@keyframes glowPulse{0%,100%{opacity:.7;}50%{opacity:1;}}

#badge{
  position:fixed;top:0;right:0;z-index:9000;
  width:160px;height:160px; /* réduit pour éviter overlap nav */
  cursor:pointer;user-select:none;
  clip-path:polygon(100% 0,100% 100%,0 0);
  isolation:isolate;
}
.b-tri{
  position:absolute;top:0;right:0;width:0;height:0;
  border-style:solid;border-width:0 160px 160px 0;
  border-color:transparent #050E10 transparent transparent;
}
.b-tri::before{
  content:'';position:absolute;top:0;right:0;
  width:226px;height:2px;
  background:linear-gradient(to left,rgba(0,240,200,1) 0%,rgba(0,240,200,.70) 38%,rgba(0,240,200,.30) 65%,transparent 100%);
  transform:rotate(-45deg);transform-origin:top right;
  box-shadow:0 0 4px rgba(0,240,200,1),0 0 12px rgba(0,240,200,.85),0 0 30px rgba(0,240,200,.5);
  animation:sepPulse 2.5s ease-in-out infinite;
}
.b-tri::after{
  content:'';position:absolute;top:8px;right:0;
  width:212px;height:1px;
  background:linear-gradient(to left,rgba(0,240,200,.6) 0%,rgba(0,240,200,.2) 45%,transparent 78%);
  transform:rotate(-45deg);transform-origin:top right;
  animation:sepPulse 2.5s .5s ease-in-out infinite;
}
@keyframes sepPulse{0%,100%{opacity:.8;}50%{opacity:1;}}

#badge-cloud{
  position:fixed;top:-50px;right:-50px;
  width:500px;height:500px;pointer-events:none;z-index:8996;
}
#badge-cloud::before{
  content:'';position:absolute;top:0;right:0;
  width:500px;height:500px;
  background:radial-gradient(ellipse 220px 220px at 75% 20%,rgba(0,240,200,.30) 0%,rgba(0,240,200,.10) 40%,transparent 70%);
  filter:blur(40px);animation:gcl1 9s ease-in-out infinite;
}
#badge-cloud::after{
  content:'';position:absolute;top:0;right:0;
  width:500px;height:500px;
  background:radial-gradient(ellipse 180px 320px at 55% 52%,rgba(0,240,200,.14) 0%,rgba(0,240,200,.05) 50%,transparent 75%);
  filter:blur(55px);animation:gcl2 12s ease-in-out infinite;
}
@keyframes gcl1{0%,100%{opacity:.6;transform:translate(0,0) scale(1);}50%{opacity:1;transform:translate(-8px,6px) scale(1.04);}}
@keyframes gcl2{0%,100%{opacity:.5;transform:translate(0,0) scale(1);}50%{opacity:.9;transform:translate(-12px,10px) scale(1.06);}}

.b-circuits{
  position:absolute;top:0;right:0;
  width:160px;height:160px;pointer-events:none;z-index:2;
  clip-path:polygon(100% 0%,100% 100%,0% 0%);opacity:.28;
}
.cn-a{animation:cnG 2.2s 0s ease-in-out infinite;}
.cn-b{animation:cnG 2.2s .7s ease-in-out infinite;}
.cn-c{animation:cnG 2.2s 1.4s ease-in-out infinite;}
@keyframes cnG{0%,100%{opacity:.2;}50%{opacity:1;}}

.b-seal{
  position:absolute;top:18px;right:8px;left:30px;
  display:flex;flex-direction:column;align-items:flex-end;gap:3px;
  transition:opacity .3s;z-index:15;
}
.b-seal-title{
  font-family:var(--head);font-size:.65rem;font-weight:700;
  color:var(--teal);letter-spacing:.12em;white-space:nowrap;
  text-shadow:0 0 8px rgba(2,8,10,.95),0 0 14px rgba(0,240,200,.95);
}
.b-seal-subtitle{
  font-family:var(--mono);font-size:.5rem;
  color:rgba(0,240,200,.9);letter-spacing:.08em;
  white-space:nowrap;text-align:right;line-height:1.4;
  text-shadow:0 0 6px rgba(2,8,10,1),0 0 10px rgba(0,240,200,.9);
  margin-top:2px;
}
.b-seal-icon{display:flex;justify-content:flex-end;margin-top:1px;z-index:15;}
.b-seal-icon .seal-ring{animation:sealRot 9s linear infinite;transform-origin:50% 50%;transform-box:fill-box;}
.b-seal-icon .seal-check{animation:sealGlow 1.1s ease-in-out infinite;transform-origin:50% 50%;transform-box:fill-box;}
@keyframes sealRot{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes sealGlow{
  0%,100%{opacity:.75;filter:drop-shadow(0 0 2px rgba(0,240,200,.6));}
  50%{opacity:1;filter:drop-shadow(0 0 6px rgba(0,240,200,1)) drop-shadow(0 0 18px rgba(0,240,200,.9));}
}

.b-live{
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  opacity:0;position:absolute;top:18px;right:8px;left:30px;
  pointer-events:none;transition:opacity .3s .1s;z-index:15;
}
.b-label{font-family:var(--mono);font-size:.35rem;color:var(--teal3);letter-spacing:.22em;opacity:.8;}
.b-token{font-family:var(--mono);font-size:.75rem;font-weight:700;color:var(--teal);letter-spacing:.06em;text-shadow:0 0 18px rgba(0,240,200,.75);}
.b-bar{width:64px;height:1.5px;background:var(--teal4);border-radius:1px;overflow:hidden;margin-top:1px;}
.b-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal3),var(--teal));float:right;transition:width .8s linear;}
.b-sigil{margin-top:1px;font-family:var(--sigil);font-size:.8rem;color:var(--teal);letter-spacing:3px;text-shadow:0 0 16px rgba(0,240,200,.75);min-width:64px;text-align:right;}

#badge.pinned .b-seal{opacity:0;pointer-events:none;}
#badge.pinned .b-live{opacity:1;pointer-events:auto;}
#badge.syncing .b-token{animation:flicker .6s infinite;color:var(--dim);text-shadow:none;}
@keyframes flicker{0%,100%{opacity:.9}40%{opacity:.1}60%{opacity:.7}}
#badge:not(.pinned) .b-seal{animation:badgePulse 3s ease-in-out infinite;}
@keyframes badgePulse{0%,100%{opacity:.85;}50%{opacity:1;}}

/* ════════════════════════════════
   PANEL AUTH
════════════════════════════════ */
#panel{
  position:fixed;top:108px;right:14px;z-index:8999;width:260px;
  background:rgba(2,8,10,.97);border:1px solid var(--line2);border-radius:var(--r);
  font-family:var(--mono);
  box-shadow:0 24px 90px rgba(0,0,0,.95),0 0 40px rgba(0,240,200,.10);
  backdrop-filter:blur(20px);display:none;animation:panelIn .18s ease;overflow:hidden;
}
#panel.open{display:block;}
@keyframes panelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ph{padding:12px 14px 10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
.ph-t{font-size:.78rem;color:var(--teal);letter-spacing:.22em;font-family:var(--head);}
.ph-x{color:var(--dim);cursor:pointer;font-size:.9rem;}
.ph-x:hover{color:var(--w2);}
.pb{padding:0 14px;}
.pr{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);}
.pr:last-of-type{border:none;}
.pk{color:var(--dim);font-size:.82rem;}
.pv{color:var(--w2);font-size:.82rem;}
.pv.ok{color:var(--teal);}
.pbarw{height:2px;background:var(--bg3);margin:10px 14px 12px;border-radius:1px;overflow:hidden;}
.pbar{height:100%;background:linear-gradient(90deg,var(--teal3),var(--teal));transition:width .8s linear;}
.pnote{padding:8px 14px 12px;font-family:var(--body);font-size:.75rem;font-weight:300;color:rgba(224,248,244,.46);line-height:1.7;border-top:1px solid var(--line);}
#panel::before{content:"";position:absolute;inset:10px;border-radius:calc(var(--r) - 2px);border:1px solid rgba(0,240,200,.09);box-shadow:inset 0 0 28px rgba(0,240,200,.03);pointer-events:none;z-index:1;}
#panel::after{content:"BADGE\nAUTH";white-space:pre;position:absolute;top:-1px;right:-1px;width:116px;height:116px;padding:10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;line-height:1.15;text-align:right;color:rgba(0,240,200,.72);background:linear-gradient(135deg,rgba(0,240,200,.16) 0%,rgba(0,240,200,.07) 38%,rgba(0,240,200,0) 72%),linear-gradient(135deg,rgba(0,0,0,0) 49.2%,rgba(0,240,200,.62) 50%,rgba(0,0,0,0) 50.8%);clip-path:polygon(30% 0,100% 0,100% 100%,0 30%);opacity:.96;pointer-events:none;z-index:1;mix-blend-mode:screen;}

/* ════════════════════════════════
   LAYOUT GÉNÉRAL
════════════════════════════════ */
section{position:relative;z-index:1;}
.wrap{max-width:1140px;margin:0 auto;padding:0 52px;}
.s-eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.3em;color:var(--teal);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.s-eyebrow::before{content:'';width:28px;height:1px;background:var(--teal);}
.s-h{font-family:var(--head);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;color:var(--w);line-height:1.08;letter-spacing:.01em;margin-bottom:12px;}
.s-sub{font-size:.95rem;color:var(--w2);max-width:520px;line-height:1.8;}
.div{height:1px;background:linear-gradient(90deg,transparent,var(--teal3),transparent);opacity:.3;position:relative;z-index:1;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heartbeat{0%{box-shadow:0 0 0 0 rgba(0,240,200,.5)}70%{box-shadow:0 0 0 10px rgba(0,240,200,0)}100%{box-shadow:0 0 0 0 rgba(0,240,200,0)}}

/* ════════════════════════════════
   HERO
════════════════════════════════ */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 52px 60px;overflow:hidden;}
.hero-over{font-family:var(--mono);font-size:.78rem;letter-spacing:.3em;color:var(--teal);display:flex;align-items:center;gap:10px;margin-bottom:24px;animation:rise .7s ease both;}
.hero-over::before{content:'';width:32px;height:1px;background:var(--teal);}
.hero-h1{font-family:var(--head);font-size:clamp(3.5rem,8vw,7rem);font-weight:700;color:var(--w);line-height:.96;letter-spacing:-.01em;margin-bottom:10px;animation:rise .7s .08s ease both;}
.hero-h1 .hl{color:transparent;-webkit-text-stroke:1.5px var(--teal);text-shadow:0 0 60px rgba(0,240,200,.15);}
.hero-proto{font-family:var(--mono);font-size:.85rem;letter-spacing:.18em;color:var(--teal3);margin-bottom:28px;animation:rise .7s .16s ease both;}
.hero-desc{font-size:1rem;color:var(--w2);max-width:520px;line-height:1.8;margin-bottom:44px;animation:rise .7s .24s ease both;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:rise .7s .32s ease both;}
.btn-p{font-family:var(--mono);font-size:.88rem;letter-spacing:.08em;background:var(--teal);color:var(--bg);font-weight:700;padding:13px 26px;border-radius:2px;text-decoration:none;box-shadow:0 0 40px rgba(0,240,200,.2);transition:box-shadow .3s,transform .2s;}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 0 60px rgba(0,240,200,.4);}
.btn-g{font-family:var(--mono);font-size:.88rem;letter-spacing:.08em;border:1px solid var(--line2);color:var(--w2);padding:13px 26px;border-radius:2px;text-decoration:none;transition:border-color .2s,color .2s;}
.btn-g:hover{border-color:var(--teal);color:var(--teal);}

.hero-live{display:flex;align-items:center;gap:20px;margin-top:60px;padding:22px 22px 20px;border:1px solid rgba(0,240,200,.16);border-radius:var(--r);background:linear-gradient(180deg,rgba(0,240,200,.05) 0%,rgba(0,0,0,0) 48%),var(--bg3);box-shadow:0 24px 85px rgba(0,0,0,.92),0 0 60px rgba(0,240,200,.06);animation:rise .7s .4s ease both;overflow:hidden;position:relative;}
.hero-live::before{content:"";position:absolute;inset:10px;border-radius:calc(var(--r) - 2px);border:1px solid rgba(0,240,200,.09);pointer-events:none;z-index:1;}
.hero-live::after{content:"TOKEN\nLIVE";white-space:pre;position:absolute;top:-1px;right:-1px;width:116px;height:116px;padding:10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;line-height:1.15;text-align:right;color:rgba(0,240,200,.72);background:linear-gradient(135deg,rgba(0,240,200,.16) 0%,rgba(0,240,200,.07) 38%,rgba(0,240,200,0) 72%),linear-gradient(135deg,rgba(0,0,0,0) 49.2%,rgba(0,240,200,.62) 50%,rgba(0,0,0,0) 50.8%);clip-path:polygon(30% 0,100% 0,100% 100%,0 30%);opacity:.96;pointer-events:none;z-index:1;mix-blend-mode:screen;}
.hl-pulse{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0;box-shadow:0 0 0 0 rgba(0,240,200,.5);animation:heartbeat 2.5s ease infinite;}
.hl-label{font-family:var(--mono);font-size:.72rem;color:rgba(224,248,244,.30);letter-spacing:.2em;}
.hl-tok{font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--teal);letter-spacing:.06em;text-shadow:0 0 24px rgba(0,240,200,.5);}
.hl-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.hl-sigil{font-family:var(--sigil);font-size:1.2rem;color:var(--teal);letter-spacing:4px;text-shadow:0 0 16px rgba(0,240,200,.75);}

/* ════════════════════════════════
   IMPACT
════════════════════════════════ */
#impact{background:var(--bg2);padding:110px 0;overflow:hidden;}
.impact-grid{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start;margin-top:56px;}
.globe-container{display:flex;flex-direction:column;align-items:center;gap:16px;}
#globe-canvas{width:340px;height:340px;border-radius:50%;display:block;box-shadow:0 0 60px rgba(0,240,200,.12),0 24px 80px rgba(0,0,0,.8);}
.globe-caption{text-align:center;}
.globe-caption-title{font-family:var(--mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;}
.globe-caption-title::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red);animation:heartbeat 1.5s infinite;}
.globe-caption-sub{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;color:rgba(122,184,174,.4);text-transform:uppercase;}
.stats-col{display:flex;flex-direction:column;gap:12px;}
.stat-card{background:linear-gradient(180deg,rgba(0,240,200,.03) 0%,rgba(0,0,0,0) 60%),var(--bg3);border:1px solid var(--line2);border-left:2px solid var(--teal3);border-radius:var(--r);padding:18px 20px;transition:border-left-color .3s,background .3s;position:relative;overflow:hidden;}
.stat-card:hover{border-left-color:var(--teal);background:var(--bg4);}
.stat-card.danger{border-left-color:rgba(255,58,58,.4);}
.stat-card.danger:hover{border-left-color:var(--red);}
.stat-card.hero-card{border-left-color:var(--teal);background:linear-gradient(135deg,rgba(0,240,200,.06) 0%,rgba(0,0,0,0) 60%),var(--bg3);}
.stat-num{font-family:var(--mono);font-size:1.7rem;font-weight:700;color:var(--teal);line-height:1;margin-bottom:5px;text-shadow:0 0 20px rgba(0,240,200,.3);}
.stat-card.danger .stat-num{color:var(--red);text-shadow:0 0 20px rgba(255,58,58,.3);}
.stat-desc{font-size:.83rem;color:var(--w2);line-height:1.6;font-weight:300;}
.stat-source{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:var(--dim);margin-top:6px;}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:48px;}
.step-cell{background:var(--bg3);padding:26px 22px;transition:background .3s;position:relative;overflow:hidden;}
.step-cell:hover{background:var(--bg4);}
.step-cell::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:0;transition:opacity .3s;}
.step-cell:hover::after{opacity:1;}
.step-num{font-family:var(--mono);font-size:.6rem;letter-spacing:.3em;color:var(--teal3);margin-bottom:10px;}
.step-title{font-family:var(--head);font-size:.9rem;font-weight:600;color:var(--w);margin-bottom:8px;}
.step-body{font-size:.82rem;line-height:1.65;color:var(--w2);}

/* ════════════════════════════════
   PROBLÈME
════════════════════════════════ */
#problem{background:var(--bg2);padding:110px 0;}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:56px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.pcell{background:var(--bg3);padding:30px 28px;transition:background .3s;}
.pcell:hover{background:var(--bg4);}
.pcell-n{font-family:var(--mono);font-size:.72rem;color:var(--teal3);letter-spacing:.25em;margin-bottom:12px;}
.pcell-t{font-family:var(--head);font-size:1rem;font-weight:600;color:var(--w);margin-bottom:8px;}
.pcell-b{font-size:.87rem;line-height:1.7;}
.prob-alert{margin-top:24px;padding:20px 24px;background:var(--redbg);border:1px solid rgba(255,58,58,.18);border-radius:var(--r);font-family:var(--mono);font-size:.75rem;color:rgba(255,160,160,.75);line-height:1.8;}
.prob-alert b{color:#FF8888;}

/* ════════════════════════════════
   SOLUTION
════════════════════════════════ */
#solution{padding:110px 0;background:var(--bg);}
.sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:56px;}
.net-box{background:linear-gradient(180deg,rgba(0,240,200,.05) 0%,rgba(0,0,0,0) 48%),var(--bg3);border:1px solid rgba(0,240,200,.16);border-radius:var(--r);overflow:hidden;font-family:var(--mono);box-shadow:0 24px 85px rgba(0,0,0,.92),0 0 60px rgba(0,240,200,.06);position:relative;}
.net-box::before{content:"";position:absolute;inset:10px;border-radius:calc(var(--r) - 2px);border:1px solid rgba(0,240,200,.09);pointer-events:none;z-index:1;}
.net-box::after{content:"RÉSEAU\nOFFICIEL";white-space:pre;position:absolute;top:-1px;right:-1px;width:116px;height:116px;padding:10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;line-height:1.15;text-align:right;color:rgba(0,240,200,.72);background:linear-gradient(135deg,rgba(0,240,200,.16) 0%,rgba(0,240,200,.07) 38%,rgba(0,240,200,0) 72%),linear-gradient(135deg,rgba(0,0,0,0) 49.2%,rgba(0,240,200,.62) 50%,rgba(0,0,0,0) 50.8%);clip-path:polygon(30% 0,100% 0,100% 100%,0 30%);opacity:.96;pointer-events:none;z-index:1;mix-blend-mode:screen;}
.net-box>*{position:relative;z-index:2;}
.net-hdr{background:linear-gradient(180deg,rgba(0,240,200,.06),rgba(0,240,200,0)),var(--bg4);padding:12px 18px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,240,200,.12);font-size:.75rem;color:var(--teal);letter-spacing:.2em;}
.net-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px rgba(0,240,200,.6);animation:heartbeat 2s infinite;}
.net-body{padding:16px;}
.nd{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid rgba(0,240,200,.10);border-radius:2px;margin-bottom:8px;background:linear-gradient(180deg,rgba(0,240,200,.05),rgba(0,0,0,0) 55%),var(--bg2);transition:border-color .5s;gap:10px;}
.nd.sync{border-color:var(--teal3);}
.nd.bad{border-color:rgba(255,58,58,.3);opacity:.65;box-shadow:none;}
.nd-name{font-size:.85rem;color:var(--w2);white-space:nowrap;}
.nd-tok{font-size:.88rem;font-weight:700;color:var(--teal);text-shadow:0 0 12px rgba(0,240,200,.4);white-space:nowrap;flex-shrink:0;}
.nd.bad .nd-tok{color:rgba(255,100,100,.6);text-shadow:none;}
.net-sep{height:1px;background:rgba(255,58,58,.12);margin:12px 0;position:relative;}
.net-sep::before{content:'HORS RESEAU';position:absolute;left:50%;top:-8px;transform:translateX(-50%);font-size:.45rem;color:rgba(255,100,100,.4);letter-spacing:.15em;background:var(--bg3);padding:0 8px;}
.net-footer{padding:12px 18px;border-top:1px solid rgba(0,240,200,.10);display:flex;justify-content:space-between;align-items:center;}
.net-status{font-size:.75rem;color:var(--teal);letter-spacing:.1em;}
.net-ttl-w{width:80px;height:2px;background:var(--bg);border-radius:1px;overflow:hidden;}
.net-ttl{height:100%;background:linear-gradient(90deg,var(--teal3),var(--teal));transition:width .8s linear;}
.sol-feats{margin-top:32px;list-style:none;}
.sf{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);}
.sf:last-child{border:none;}
.sf-ico{width:34px;height:34px;flex-shrink:0;border:1px solid var(--teal3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:rgba(0,240,200,.04);}
.sf-t{font-family:var(--head);font-size:.95rem;font-weight:600;color:var(--w);margin-bottom:3px;}
.sf-b{font-size:.83rem;line-height:1.65;}

/* ════════════════════════════════
   PROPRIÉTÉS
════════════════════════════════ */
#props{background:var(--bg2);padding:110px 0;}
.props-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:56px;}
.prop{background:var(--bg3);padding:26px 24px;transition:background .3s;position:relative;overflow:hidden;}
.prop::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:0;transition:opacity .3s;}
.prop:hover{background:var(--bg4);}
.prop:hover::after{opacity:1;}
.prop-n{font-family:var(--mono);font-size:2rem;font-weight:700;color:var(--teal4);line-height:1;margin-bottom:14px;}
.prop-t{font-family:var(--head);font-size:.95rem;font-weight:600;color:var(--w);margin-bottom:8px;}
.prop-b{font-size:.82rem;line-height:1.65;}

/* ════════════════════════════════
   COMPARATIF
════════════════════════════════ */
#compare{background:var(--bg);padding:110px 0;}
.tbl-wrap{margin-top:40px;border:1px solid rgba(0,240,200,.16);border-radius:var(--r);overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(0,240,200,.05) 0%,rgba(0,0,0,0) 48%),var(--bg3);box-shadow:0 24px 85px rgba(0,0,0,.92),0 0 60px rgba(0,240,200,.06);}
.tbl-wrap>*{position:relative;z-index:2;}
.tbl-wrap::before{content:"";position:absolute;inset:10px;border-radius:calc(var(--r) - 2px);border:1px solid rgba(0,240,200,.09);pointer-events:none;z-index:1;}
.tbl-wrap::after{content:"COMPARATIF\nLIVE";white-space:pre;position:absolute;top:-1px;right:-1px;width:116px;height:116px;padding:10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;line-height:1.15;text-align:right;color:rgba(0,240,200,.72);background:linear-gradient(135deg,rgba(0,240,200,.16) 0%,rgba(0,240,200,.07) 38%,rgba(0,240,200,0) 72%),linear-gradient(135deg,rgba(0,0,0,0) 49.2%,rgba(0,240,200,.62) 50%,rgba(0,0,0,0) 50.8%);clip-path:polygon(30% 0,100% 0,100% 100%,0 30%);opacity:.96;pointer-events:none;z-index:1;mix-blend-mode:screen;}
table{width:100%;border-collapse:collapse;font-family:var(--mono);}
th{background:var(--bg4);padding:13px 16px;font-size:.80rem;letter-spacing:.1em;color:var(--w2);border-bottom:1px solid var(--teal3);text-align:center;}
th.fl{text-align:left;}
td{padding:12px 16px;font-size:.88rem;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;transition:background .2s;}
td.fl{text-align:left;color:var(--w);font-size:.85rem;}
tr:last-child td{border:none;}
tr:hover td{background:rgba(0,240,200,.015);}
td.y{color:var(--teal);font-weight:700;}
td.n{color:var(--dim);}
td.p{color:rgba(200,160,50,.7);}
th.hx,td.hx{background:rgba(0,240,200,.03);border-left:1px solid var(--teal4);border-right:1px solid var(--teal4);}

/* ════════════════════════════════
   APPLICATIONS
════════════════════════════════ */
#apps{background:var(--bg2);padding:110px 0;}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
.acard{background:var(--bg3);border:1px solid rgba(0,240,200,.14);border-radius:var(--r);padding:28px 24px;transition:border-color .3s,transform .25s;position:relative;overflow:hidden;box-shadow:0 18px 70px rgba(0,0,0,.85);}
.acard::before{content:"";position:absolute;inset:10px;border-radius:calc(var(--r) - 2px);border:1px solid rgba(0,240,200,.08);pointer-events:none;}
.acard:hover{border-color:rgba(0,240,200,.22);transform:translateY(-4px);}
.aico{font-size:1.8rem;margin-bottom:14px;}
.at{font-family:var(--head);font-size:.95rem;font-weight:600;color:var(--w);margin-bottom:8px;}
.ab{font-size:.82rem;line-height:1.7;}

/* ════════════════════════════════
   CTA + BETA
════════════════════════════════ */
#cta{background:var(--bg);padding:130px 0;text-align:center;overflow:hidden;}
.cta-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;color:var(--teal3);background:rgba(0,240,200,.05);border:1px solid var(--teal4);border-radius:20px;padding:5px 16px;margin-bottom:28px;}
.cta-tag::before{content:'◆';font-size:.45rem;color:var(--teal);}
.cta-h{font-family:var(--head);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;color:var(--w);line-height:1.05;margin-bottom:20px;}
.cta-sub{font-size:.95rem;color:var(--w2);max-width:520px;margin:0 auto 34px;line-height:1.8;}
.cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

#beta{background:var(--bg2);padding:110px 0;text-align:center;overflow:hidden;position:relative;}
.beta-wrap{max-width:560px;margin:0 auto;position:relative;z-index:1;}
.beta-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;color:var(--teal3);background:rgba(0,240,200,.05);border:1px solid var(--teal4);border-radius:20px;padding:5px 16px;margin-bottom:28px;}
.beta-tag::before{content:'◆';font-size:.45rem;color:var(--teal);animation:heartbeat 2s infinite;}
.beta-h{font-family:var(--head);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--w);line-height:1.06;margin-bottom:14px;}
.beta-sub{font-size:.92rem;color:var(--w2);line-height:1.8;margin-bottom:36px;}
.beta-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.beta-input{font-family:var(--mono);font-size:.88rem;background:var(--bg3);color:var(--w);border:1px solid var(--line2);border-radius:2px;padding:13px 18px;flex:1 1 240px;min-width:0;outline:none;transition:border-color .2s,box-shadow .2s;}
.beta-input::placeholder{color:var(--dim);}
.beta-input:focus{border-color:var(--teal3);box-shadow:0 0 0 1px var(--teal4);}
.beta-btn{font-family:var(--mono);font-size:.88rem;letter-spacing:.08em;font-weight:700;background:var(--teal);color:var(--bg);border:none;border-radius:2px;padding:13px 26px;cursor:pointer;box-shadow:0 0 40px rgba(0,240,200,.2);transition:box-shadow .3s,transform .2s;white-space:nowrap;}
.beta-btn:hover{transform:translateY(-2px);box-shadow:0 0 60px rgba(0,240,200,.4);}
.beta-note{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--dim);margin-top:18px;}
.beta-count{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.58rem;letter-spacing:.15em;color:var(--teal3);background:rgba(0,240,200,.04);border:1px solid var(--teal4);border-radius:2px;padding:7px 16px;margin-bottom:30px;}
.beta-count::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);animation:heartbeat 2s infinite;}
.beta-confirm{display:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--teal);padding:13px 26px;border:1px solid var(--teal3);border-radius:2px;background:rgba(0,240,200,.04);}

/* ════════════════════════════════
   CLIENTS CAROUSEL
════════════════════════════════ */
#clients{background:var(--bg2);padding:90px 0;overflow:hidden;}
.clients-head{text-align:center;margin-bottom:48px;}
.clients-sub{font-size:.88rem;color:var(--w2);margin-top:8px;}
.carousel-track-wrap{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);}
.carousel-track{display:flex;gap:20px;animation:scrollLeft 22s linear infinite;width:max-content;}
.carousel-track:hover{animation-play-state:paused;}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ccard{flex-shrink:0;width:280px;background:linear-gradient(180deg,rgba(0,240,200,.05) 0%,rgba(0,0,0,0) 48%),var(--bg3);border:1px solid rgba(0,240,200,.16);border-radius:var(--r);padding:22px 20px;transition:border-color .3s,transform .25s;cursor:default;position:relative;overflow:hidden;}
.ccard::before{content:"";position:absolute;inset:10px;border-radius:calc(var(--r) - 2px);border:1px solid rgba(0,240,200,.08);pointer-events:none;z-index:1;}
.ccard::after{content:"MEMBRE\nACTIF";white-space:pre;position:absolute;top:-1px;right:-1px;width:116px;height:116px;padding:10px;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;line-height:1.15;text-align:right;color:rgba(0,240,200,.72);background:linear-gradient(135deg,rgba(0,240,200,.16) 0%,rgba(0,240,200,.07) 38%,rgba(0,240,200,0) 72%),linear-gradient(135deg,rgba(0,0,0,0) 49.2%,rgba(0,240,200,.62) 50%,rgba(0,0,0,0) 50.8%);clip-path:polygon(30% 0,100% 0,100% 100%,0 30%);opacity:.96;pointer-events:none;z-index:1;mix-blend-mode:screen;}
.ccard>*{position:relative;z-index:2;}
.ccard:hover{border-color:var(--teal3);transform:translateY(-3px);}
.ccard-domain{font-family:var(--mono);font-size:.88rem;color:var(--teal);letter-spacing:.08em;margin-bottom:6px;}
.ccard-desc{font-size:.78rem;color:var(--w2);line-height:1.6;margin-bottom:14px;}
.ccard-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--teal);background:rgba(0,240,200,.06);border:1px solid var(--teal4);border-radius:2px;padding:4px 10px;}
.ccard-badge::before{content:'✓';color:var(--teal);font-size:.6rem;}
.clients-cta{text-align:center;margin-top:48px;}
.clients-cta p{font-family:var(--mono);font-size:.78rem;letter-spacing:.18em;color:var(--dim);margin-bottom:18px;}

/* ════════════════════════════════
   FOOTER
════════════════════════════════ */
footer{background:var(--bg2);border-top:1px solid var(--line);padding:36px 52px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;font-family:var(--mono);font-size:.78rem;}
.flogo{font-family:var(--head);font-size:.95rem;font-weight:700;color:var(--w);letter-spacing:.08em;}
.flogo em{color:var(--teal);font-style:normal;}
.fcopy{color:var(--dim);letter-spacing:.08em;}
.flink{color:var(--teal3);text-decoration:none;border-bottom:1px solid var(--teal4);}
.flink:hover{color:var(--teal);}

/* ════════════════════════════════
   COOKIES
════════════════════════════════ */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(10,20,18,.97);border-top:1px solid var(--line2);box-shadow:0 -4px 32px rgba(0,0,0,.6);z-index:9500;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;backdrop-filter:blur(16px);}
#cookie-banner.hidden{display:none;}
.cb-text{flex:1;min-width:200px;}
.cb-text strong{display:block;font-size:.88rem;color:var(--w);margin-bottom:4px;}
.cb-text p{font-size:.78rem;color:var(--w2);margin:0;line-height:1.5;}
.cb-text a{color:var(--teal);}
.cb-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.cb-btn{padding:8px 16px;border-radius:4px;font-size:.75rem;font-weight:700;font-family:var(--mono);cursor:pointer;border:none;white-space:nowrap;letter-spacing:.06em;transition:opacity .2s;}
.cb-btn:hover{opacity:.85;}
.cb-refuse{background:#1a2a28;color:var(--w);border:1px solid var(--line2);}
.cb-custom{background:transparent;color:var(--w2);border:1px solid var(--line2);}
.cb-accept{background:var(--teal);color:var(--bg);}
.cb-close{background:none;border:none;font-size:1rem;color:var(--dim);cursor:pointer;padding:4px;}
#cookie-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9999;align-items:center;justify-content:center;padding:20px;}
#cookie-modal.open{display:flex;}
.cm-box{background:var(--bg3);border:1px solid var(--line2);border-radius:var(--r);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:28px;}
.cm-box h3{font-family:var(--head);font-size:1rem;color:var(--w);margin-bottom:16px;}
.cm-row{border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin-bottom:10px;}
.cm-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.cm-row-head strong{font-size:.85rem;color:var(--w);font-family:var(--mono);}
.cm-row p{font-size:.78rem;color:var(--w2);margin:0;}
.toggle{position:relative;width:38px;height:20px;flex-shrink:0;}
.toggle input{opacity:0;width:0;height:0;}
.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--line2);border-radius:20px;transition:.3s;}
.toggle-slider::before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.3s;}
.toggle input:checked+.toggle-slider{background:var(--teal);}
.toggle input:checked+.toggle-slider::before{transform:translateX(18px);}
.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed;}
.cm-btns{display:flex;gap:10px;margin-top:20px;justify-content:flex-end;}
.cm-save{background:var(--teal);color:var(--bg);border:none;padding:9px 20px;border-radius:4px;font-size:.78rem;font-weight:700;font-family:var(--mono);cursor:pointer;}
.cm-all{background:var(--bg4);color:var(--w);border:1px solid var(--line2);padding:9px 20px;border-radius:4px;font-size:.78rem;font-weight:700;font-family:var(--mono);cursor:pointer;}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:1024px){
  .impact-grid{grid-template-columns:1fr;}
  .globe-container{max-width:320px;margin:0 auto;}
  #globe-canvas{width:280px;height:280px;}
  .steps-grid{grid-template-columns:1fr 1fr;}
}

@media(max-width:860px){
  :root{--nav-h:54px;}
  .nav-row1{padding:0 20px;}
  .nav-row2{display:none;}
  .nav-main{display:none;}
  .hamburger{display:flex;}
  /* badge moins envahissant en tablette */
  #badge{width:120px;height:120px;}
  .b-tri{border-width:0 120px 120px 0;}
  .b-seal-title{font-size:.58rem;}
  .b-seal-icon svg{width:40px;height:40px;}
  .b-seal{top:14px;right:6px;left:22px;}
  .b-live{top:14px;right:6px;left:22px;}
  .b-token{font-size:.62rem;}
  /* panel */
  #panel{right:8px;left:8px;width:auto;top:62px;}
  /* layout */
  .wrap{padding:0 20px;}
  .sol-grid,.prob-grid,.props-grid,.apps-grid{grid-template-columns:1fr;}
  footer{flex-direction:column;gap:10px;text-align:center;padding:28px 20px;}
  #hero{padding:72px 20px 52px;}
  .hero-h1{font-size:2.8rem;}
  .beta-form{flex-direction:column;}
  .beta-input,.beta-btn{width:100%;height:52px;font-size:.95rem;}
}

@media(max-width:600px){
  /* badge encore plus discret, coin seulement */
  #badge{width:90px;height:90px;}
  .b-tri{border-width:0 90px 90px 0;}
  .b-circuits{width:90px;height:90px;}
  .b-seal-title{font-size:.5rem;letter-spacing:.08em;}
  .b-seal-subtitle{display:none;}
  .b-seal-icon svg{width:30px;height:30px;}
  .b-seal{top:8px;right:4px;left:14px;gap:1px;}
  .b-live{top:8px;right:4px;left:14px;}
  .b-token{font-size:.55rem;}
  /* glow badge réduit */
  #badge-glow{width:160px;height:160px;}
  #badge-cloud{width:300px;height:300px;}
  /* hero */
  .hero-h1{font-size:2.2rem;}
  /* grilles */
  .steps-grid{grid-template-columns:1fr;}
  .props-grid{grid-template-columns:1fr 1fr;}
  /* footer */
  #cookie-banner{flex-direction:column;align-items:flex-start;}
}

@media(max-width:380px){
  .hero-h1{font-size:1.9rem;}
  #badge{width:70px;height:70px;}
  .b-tri{border-width:0 70px 70px 0;}
  .b-circuits{width:70px;height:70px;}
}