/* ═══════════════════════════════════════════════════════════
   S3 — TENON ABOUT · VISUAL OVERHAUL v2
═══════════════════════════════════════════════════════════ */
#s3.on{display:flex;flex-direction:column;background:transparent;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
#s3 .dex-foot{position:relative!important;flex-shrink:0!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 24px!important;border-top:1px solid rgba(109,232,225,0.08)!important;background:rgba(6,8,18,0.95)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:none!important;z-index:60!important;flex-wrap:nowrap!important;gap:0!important;overflow:visible!important}
#s3-foot{overflow:visible!important}
#s3-foot .dex-foot-trust{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important}
#s3-foot .fi.df-fi{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}
/* S3 Tenon DNA — sharper cards, shimmer lines, consistent typography */
#s3 .ph { position:relative; }
#s3 .ph::before { content:''; position:absolute; top:0; left:10%; right:10%; height:1.5px; background:linear-gradient(90deg,transparent,rgba(109,232,225,0.25),transparent); z-index:1; }
#s3 .scard { position:relative; }
#s3 .scard::before { content:''; position:absolute; top:0; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,rgba(109,232,225,0.2),transparent); z-index:1; }
#s3 .er { position:relative; }
#s3 .er::before { content:''; position:absolute; top:0; left:15%; right:15%; height:1px; background:linear-gradient(90deg,transparent,rgba(109,232,225,0.15),transparent); z-index:1; }
/* Section titles match app style */
#s3 .sec-title { font-family:'Orbitron',sans-serif !important; font-size:9px !important; letter-spacing:3px !important; color:rgba(109,232,225,0.4) !important; }
/* FAQ accordion items */
#s3 .rp-sec { position:relative; }
#s3 .rp-sec::before { content:''; position:absolute; top:0; left:10%; right:10%; height:1px; background:linear-gradient(90deg,transparent,rgba(109,232,225,0.12),transparent); z-index:1; }
#s3 .dex-foot::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent 10%,rgba(109,232,225,0.14) 40%,rgba(109,232,225,0.22) 50%,rgba(109,232,225,0.14) 60%,transparent 90%)!important;pointer-events:none!important}
#s3 .dex-foot-trust{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;flex:1!important;gap:0!important;overflow:visible!important;min-width:0}
#s3 .dex-foot .fi,#s3 .dex-foot .df-fi{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:6px!important;padding:0 10px!important;color:rgba(255,255,255,0.25)!important;font-size:8px!important;font-family:'IBM Plex Mono',monospace!important;letter-spacing:0.3px!important;white-space:nowrap!important;transition:color 0.2s!important;animation:none!important}
#s3 .dex-foot .fi:hover,#s3 .dex-foot .df-fi:hover{color:rgba(109,232,225,0.5)!important}
#s3 .dex-foot .fi svg,#s3 .dex-foot .df-fi svg{display:inline-block!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;width:10px!important;height:10px!important}
#s3 .dex-foot .fi-sep{display:block!important;visibility:visible!important;width:1px!important;height:16px!important;background:rgba(109,232,225,0.07)!important;flex-shrink:0!important}
#s3 .foot-dots{display:flex!important;visibility:visible!important;opacity:1!important;gap:8px!important;align-items:center!important;flex-shrink:0!important}
#s3 .foot-nd{display:block!important;visibility:visible!important;width:5px!important;height:5px!important;border-radius:50%!important;background:rgba(109,232,225,0.15)!important;cursor:pointer!important}
#s3 .foot-nd.on{width:22px!important;height:5px!important;border-radius:3px!important;background:var(--cyan)!important;box-shadow:0 0 12px var(--cyan)!important}
#s3 .foot-micro-controls{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}
#s3 .foot-micro-btn{display:flex!important;visibility:visible!important;opacity:1!important;width:26px!important;height:26px!important;border-radius:6px!important;background:rgba(255,255,255,0.04)!important;border:1px solid rgba(255,255,255,0.08)!important;color:rgba(255,255,255,0.28)!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important}

/* ── SCROLL PROGRESS BAR ── */
#s3-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:9999;background:transparent;pointer-events:none;display:none}
#s3.on #s3-progress{display:block}
#s3-progress-fill{height:2px;width:0%;background:linear-gradient(90deg,rgba(109,232,225,0.9),rgba(79,255,170,0.8));box-shadow:0 0 8px rgba(109,232,225,0.6);transition:width 0.1s linear}

/* ── SCROLL AREA ── */
#ab-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(109,232,225,0.07) transparent;background:#04060e;min-height:0;width:100%;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:1}
#ab-scroll::-webkit-scrollbar{width:2px}
#ab-scroll::-webkit-scrollbar-thumb{background:rgba(109,232,225,0.1)}

/* ── USP BAND ── */
.ab-usp-band{background:rgba(1,3,14,0.98)!important;border-top:1px solid rgba(109,232,225,0.1)!important;padding:0!important;overflow:hidden;height:30px;display:flex;align-items:center;position:relative;flex-shrink:0}
.ab-usp-band .ticker-inner{animation-duration:45s}
.ab-usp-band::before,.ab-usp-band::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.ab-usp-band::before{left:0;background:linear-gradient(90deg,rgba(1,3,14,1),transparent)}
.ab-usp-band::after{right:0;background:linear-gradient(270deg,rgba(1,3,14,1),transparent)}
.ab-usp-item{display:inline-flex!important;align-items:center;gap:8px!important;padding:0 22px!important;font-family:'IBM Plex Mono',monospace!important;font-size:8px!important;letter-spacing:2.5px!important;color:rgba(255,255,255,0.72)!important;white-space:nowrap}
.ab-usp-icon{font-size:11px;filter:drop-shadow(0 0 5px currentColor)}
.ab-usp-item+.ab-usp-item::before{display:none}
/* unique colours per USP icon */
.ab-usp-item:nth-child(1) .ab-usp-icon,.ab-usp-item:nth-child(11) .ab-usp-icon{color:#6DE8E1}
.ab-usp-item:nth-child(2) .ab-usp-icon,.ab-usp-item:nth-child(12) .ab-usp-icon{color:#FFD700}
.ab-usp-item:nth-child(3) .ab-usp-icon,.ab-usp-item:nth-child(13) .ab-usp-icon{color:#4FFFAA}
.ab-usp-item:nth-child(4) .ab-usp-icon,.ab-usp-item:nth-child(14) .ab-usp-icon{color:#9D7FEA}
.ab-usp-item:nth-child(5) .ab-usp-icon,.ab-usp-item:nth-child(15) .ab-usp-icon{color:#FF5E5E}
.ab-usp-item:nth-child(6) .ab-usp-icon,.ab-usp-item:nth-child(16) .ab-usp-icon{color:#F5B942}
.ab-usp-item:nth-child(7) .ab-usp-icon,.ab-usp-item:nth-child(17) .ab-usp-icon{color:#6DE8E1}
.ab-usp-item:nth-child(8) .ab-usp-icon,.ab-usp-item:nth-child(18) .ab-usp-icon{color:#4FFFAA}
.ab-usp-item:nth-child(9) .ab-usp-icon,.ab-usp-item:nth-child(19) .ab-usp-icon{color:#FFD700}
.ab-usp-item:nth-child(10) .ab-usp-icon,.ab-usp-item:nth-child(20) .ab-usp-icon{color:#9D7FEA}

/* ═══════════════════════════════════
   HERO — CINEMATIC FULL BLEED
═══════════════════════════════════ */
#ab-hero{position:relative;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;background:transparent;width:100%}
#ab-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 40px 56px;background:transparent;width:100%;box-sizing:border-box}
.ab-hero-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:0 32px}

/* Atmospheric blooms */
.ab-hero-bloom{position:absolute;pointer-events:none;border-radius:50%}
.ab-hb1{width:900px;height:580px;left:50%;top:50%;transform:translate(-50%,-55%);background:radial-gradient(ellipse,rgba(109,232,225,0.07) 0%,rgba(109,232,225,0.03) 35%,transparent 65%);animation:abBloom 8s ease-in-out infinite}
.ab-hb2{width:580px;height:380px;left:50%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,215,0,0.04) 0%,transparent 65%);animation:abBloom 10s ease-in-out 2s infinite}
@keyframes abBloom{0%,100%{opacity:0.7;transform:translate(-50%,-55%) scale(1)}50%{opacity:1;transform:translate(-50%,-55%) scale(1.07)}}

/* Scanning line */
.ab-hero-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(109,232,225,0.1) 15%,rgba(109,232,225,0.38) 50%,rgba(109,232,225,0.1) 85%,transparent 100%);animation:abScanMove 8s ease-in-out infinite;pointer-events:none;z-index:1}
@keyframes abScanMove{0%{top:5%;opacity:0}8%{opacity:1}85%{opacity:0.7}100%{top:95%;opacity:0}}

/* Kicker */
.ab-kicker{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:6px;color:rgba(109,232,225,0.45);margin-bottom:22px;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;opacity:0;animation:abUp .6s cubic-bezier(.16,1,.3,1) .08s forwards}
.ab-kicker-line{width:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.4))}
.ab-kicker-line:last-child{transform:scaleX(-1)}

/* Giant headline */
.ab-h1{font-family:'Orbitron',sans-serif;font-weight:900;line-height:1.05;letter-spacing:-4px;margin-bottom:0;padding-bottom:8px;opacity:0;animation:abUp 1s cubic-bezier(.16,1,.3,1) .2s forwards}
.ab-h1-l1{display:block;font-size:clamp(52px,10vw,92px);color:rgba(255,255,255,0.95);margin-bottom:2px}
.ab-h1-l2{display:block;font-size:clamp(52px,10vw,92px);background:linear-gradient(118deg,#6DE8E1 0%,#b4fff9 38%,#6DE8E1 62%,rgba(109,232,225,0.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;animation:abUp 1s cubic-bezier(.16,1,.3,1) .2s forwards,abShimmerText 6s ease-in-out 1.6s infinite}
@keyframes abShimmerText{0%,100%{background-position:0%}50%{background-position:100%}}

/* Signal chips */
.ab-signals{display:flex;align-items:center;justify-content:center;gap:0;margin:28px 0 22px;opacity:0;animation:abUp .8s cubic-bezier(.16,1,.3,1) .38s forwards;flex-wrap:wrap}
.ab-sig{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:3px;color:rgba(255,255,255,0.22);padding:5px 14px;border:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.012);transition:all .3s;cursor:default}
.ab-sig:hover{color:rgba(109,232,225,0.8);border-color:rgba(109,232,225,0.2);background:rgba(109,232,225,0.04)}
.ab-sig-sep{font-size:7px;color:rgba(109,232,225,0.12);padding:0 3px}

/* Statement */
.ab-stmt{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:300;color:rgba(255,255,255,0.5);line-height:1.68;max-width:460px;margin:0 auto 32px;letter-spacing:-.2px;opacity:0;animation:abUp .9s cubic-bezier(.16,1,.3,1) .52s forwards}
.ab-stmt strong{color:rgba(109,232,225,0.95);font-weight:600}

/* Live exec pill */
.ab-exec-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:rgba(0,0,0,0.5);border:1px solid rgba(109,232,225,0.15);backdrop-filter:blur(24px);box-shadow:0 0 0 1px rgba(109,232,225,0.04),0 8px 40px rgba(0,0,0,0.5);opacity:0;animation:abUp .8s cubic-bezier(.16,1,.3,1) .68s forwards}
.ab-tick-dot{width:6px;height:6px;border-radius:50%;background:rgba(79,255,170,.9);box-shadow:0 0 10px rgba(79,255,170,.7);animation:abPulse 1.5s ease-in-out infinite;flex-shrink:0}
.ab-tick-lbl{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(255,255,255,0.4)}
.ab-tick-val{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.5px;color:rgba(109,232,225,0.9);font-weight:500}

/* Scroll hint */
.ab-scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;animation:abUp 1s ease 1.5s forwards;pointer-events:none}
.ab-scroll-line{width:1px;height:32px;background:linear-gradient(180deg,rgba(109,232,225,0.4),transparent);animation:abScrollBlink 2.2s ease-in-out infinite}
@keyframes abScrollBlink{0%,100%{opacity:0.35}50%{opacity:1}}

/* ═══════════════════════════════════
   STATS BAND — ANIMATED COUNTERS
═══════════════════════════════════ */
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent;padding:20px 52px 8px;position:relative;z-index:2;flex-shrink:0}
.ab-stats::before{display:none}
.ab-stat{
  position:relative;overflow:hidden;
  padding:38px 32px;
  display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;
  cursor:default;
  border-radius:16px;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(109,232,225,0.018) 23px,rgba(109,232,225,0.018) 24px),
    repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(109,232,225,0.018) 23px,rgba(109,232,225,0.018) 24px),
    linear-gradient(160deg,rgba(10,16,32,0.97),rgba(5,8,18,0.99));
  border:1px solid rgba(var(--cr,109,232,225),0.35);
  box-shadow:0 0 0 1px rgba(var(--cr,109,232,225),0.06),0 0 32px rgba(var(--cr,109,232,225),0.08),0 8px 40px rgba(0,0,0,0.45);
  backdrop-filter:blur(12px);
  transition:box-shadow .4s,border-color .4s,transform .3s
}
/* top glass rim highlight */
.ab-stat::before{
  content:'';position:absolute;top:0;left:12px;right:12px;height:1.5px;
  background:linear-gradient(90deg,transparent 0%,rgba(var(--cr,109,232,225),0.6) 20%,rgba(255,255,255,0.25) 50%,rgba(var(--cr,109,232,225),0.4) 80%,transparent 100%);
  z-index:1;border-radius:16px 16px 0 0
}
/* radial colour bloom */
.ab-stat::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(var(--cr,109,232,225),0.07) 0%,transparent 65%);pointer-events:none;z-index:0;border-radius:16px}
.ab-stat:hover{border-color:rgba(var(--cr,109,232,225),0.55);box-shadow:0 0 0 1px rgba(var(--cr,109,232,225),0.12),0 0 48px rgba(var(--cr,109,232,225),0.14),0 8px 40px rgba(0,0,0,0.45);transform:translateY(-2px)}
.ab-stat>*{position:relative;z-index:2}
.ab-stat-bar{position:absolute;left:0;top:12px;bottom:12px;width:3px;background:linear-gradient(180deg,var(--c,rgba(109,232,225,0.9)),rgba(var(--cr,109,232,225),0.15));box-shadow:0 0 18px 1px rgba(var(--cr,109,232,225),0.22);z-index:1;border-radius:0 2px 2px 0}
.ab-stat-sweep{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.04),rgba(255,255,255,0.02),transparent);pointer-events:none;z-index:0;top:0;left:-100%;width:50%;height:100%;animation:abStatSweep 9s ease-in-out infinite;border-radius:16px}
@keyframes abStatSweep{0%,100%{left:-100%}50%{left:220%}}
.ab-stat-glow{position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--c,rgba(109,232,225,0.45)),transparent);opacity:0;transition:opacity .5s;z-index:1}
.ab-stat:hover .ab-stat-glow{opacity:1}
.ab-sn-unit{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:5px;color:var(--c,rgba(109,232,225,0.5));text-transform:uppercase;margin-bottom:2px}
.ab-sn{font-family:'Orbitron',sans-serif;font-weight:900;line-height:1;color:var(--c,rgba(109,232,225,0.97));letter-spacing:-2px;display:flex;align-items:baseline;gap:4px}
.ab-sn-pre{font-family:'IBM Plex Mono',monospace;font-size:20px;color:var(--c,rgba(109,232,225,0.6));letter-spacing:0;margin-right:2px;font-weight:300}
.ab-sn-num{font-size:56px;letter-spacing:-2px}
.ab-sn-sfx{font-size:24px;letter-spacing:0}
.ab-sl{font-family:'Space Grotesk',sans-serif;font-size:13px;color:rgba(255,255,255,0.36);line-height:1.55;max-width:220px}

/* ═══════════════════════════════════
   ORBIT BAND
═══════════════════════════════════ */
.ab-orbit-strip{width:100%;position:relative;z-index:2;flex-shrink:0;padding:12px 52px 0;box-sizing:border-box;background:transparent}
.ab-orbit-strip::before{display:none}
.ab-orbit-inner{
  max-width:1120px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1px 1.6fr;
  position:relative;overflow:hidden;
  border-radius:16px;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(109,232,225,0.018) 23px,rgba(109,232,225,0.018) 24px),
    repeating-linear-gradient(90deg,transparent,transparent 23px,rgba(109,232,225,0.018) 23px,rgba(109,232,225,0.018) 24px),
    linear-gradient(160deg,rgba(10,16,32,0.97),rgba(5,8,18,0.99));
  border:1px solid rgba(109,232,225,0.28);
  box-shadow:0 0 0 1px rgba(109,232,225,0.05),0 0 32px rgba(109,232,225,0.07),0 8px 40px rgba(0,0,0,0.45);
  backdrop-filter:blur(12px);
  transition:box-shadow .4s,border-color .4s
}
/* glass rim highlight */
.ab-orbit-inner::before{
  content:'';position:absolute;top:0;left:12px;right:12px;height:1.5px;
  background:linear-gradient(90deg,transparent 0%,rgba(109,232,225,0.5) 20%,rgba(255,255,255,0.22) 50%,rgba(79,255,170,0.3) 80%,transparent 100%);
  z-index:1;border-radius:16px 16px 0 0;pointer-events:none
}
/* subtle radial bloom */
.ab-orbit-inner::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(109,232,225,0.05) 0%,transparent 65%);
  pointer-events:none;z-index:0;border-radius:16px
}
.ab-orbit-left{padding:28px 36px 28px 32px;display:flex;flex-direction:column;gap:10px;justify-content:center;position:relative;z-index:1}
.ab-orbit-badge{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:4px;color:rgba(109,232,225,0.7);background:rgba(109,232,225,0.055);border:1px solid rgba(109,232,225,0.18);padding:5px 14px;width:fit-content}
.ab-orbit-title{font-family:'Orbitron',sans-serif;font-size:clamp(13px,1.6vw,16px);font-weight:900;letter-spacing:.5px;color:rgba(255,255,255,0.9);line-height:1.4}
.ab-orbit-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(109,232,225,0.18) 20%,rgba(109,232,225,0.18) 80%,transparent);align-self:stretch;position:relative;z-index:1}
.ab-orbit-right{padding:28px 32px 28px 36px;display:flex;flex-direction:column;gap:16px;justify-content:center;position:relative;z-index:1}
.ab-orbit-sub{font-family:'Space Grotesk',sans-serif;font-size:13px;color:rgba(255,255,255,0.3);line-height:1.6;margin-top:-4px}
.ab-orbit-body{font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,0.42);line-height:1.85}
.ab-orbit-body em{color:rgba(109,232,225,0.88);font-style:normal;font-weight:500}
.ab-orbit-products{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ab-op{display:flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.015);font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,0.3);cursor:default}
.ab-op-active{border-color:rgba(109,232,225,0.22);color:rgba(109,232,225,0.85);background:rgba(109,232,225,0.035)}
.ab-op-dot{width:5px;height:5px;border-radius:50%;background:rgba(109,232,225,0.8);box-shadow:0 0 8px rgba(109,232,225,0.6);animation:abPulse 1.6s ease-in-out infinite}
.ab-op-dim{background:rgba(255,255,255,0.12);box-shadow:none;animation:none}
.ab-op-tag{font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:1.5px;padding:2px 6px;background:rgba(79,255,170,0.08);border:1px solid rgba(79,255,170,0.16);color:rgba(79,255,170,0.85)}
.ab-op-soon{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.4)}

/* ═══════════════════════════════════
   BODY + SECTION HEADERS
═══════════════════════════════════ */
.ab-body{max-width:1120px;margin:0 auto;padding:0 52px 48px;width:100%;box-sizing:border-box}
.ab-sh{display:flex;align-items:center;gap:16px;padding:22px 0 14px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:5px;color:rgba(109,232,225,0.6);text-transform:uppercase}
.ab-sh::before{content:'';width:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.4));flex-shrink:0}
.ab-sh::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(109,232,225,0.2),transparent)}
.ab-sh-dot{width:7px;height:7px;flex-shrink:0;transform:rotate(45deg);background:transparent;border:1.5px solid rgba(109,232,225,0.55);box-shadow:0 0 10px rgba(109,232,225,0.25),inset 0 0 4px rgba(109,232,225,0.15)}
.ab-sh-major .ab-sh-dot{width:9px;height:9px;border-color:rgba(109,232,225,0.8);box-shadow:0 0 16px rgba(109,232,225,0.38),inset 0 0 6px rgba(109,232,225,0.2)}
.ab-sh-major{padding-top:22px}

/* ═══════════════════════════════════
   IDENTITY — PROBLEM / SOLUTION
═══════════════════════════════════ */
.ab-identity{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:transparent;margin-bottom:20px}
.ab-id-panel{padding:36px 34px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(var(--pb-rgb,255,90,90),0.22);background:var(--pb-grad,linear-gradient(135deg,rgba(22,6,6,0.99),rgba(10,3,3,0.99)));box-shadow:0 4px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(var(--pb-rgb,255,90,90),0.04);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.ab-id-panel:hover{transform:translateY(-3px);border-color:rgba(var(--pb-rgb,255,90,90),0.42);box-shadow:0 12px 48px rgba(0,0,0,0.5),0 0 32px rgba(var(--pb-rgb,255,90,90),0.08)}
.ab-id-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ptc,rgba(255,90,90,0.9)) 0%,rgba(var(--pb-rgb,255,90,90),0.3) 60%,transparent 100%);pointer-events:none}
.ab-id-tag{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:5px;color:var(--ptc,rgba(255,90,90,0.8));text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-top:6px}
.ab-id-tag::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--pb-rgb,255,90,90),0.2),transparent)}
.ab-id-title{font-family:'Orbitron',sans-serif;font-size:clamp(15px,2vw,20px);font-weight:900;letter-spacing:.3px;color:rgba(255,255,255,0.92);line-height:1.3}
.ab-id-accent{color:transparent;-webkit-text-fill-color:transparent;display:block}
.ab-id-body{font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,0.48);line-height:1.85;border-top:1px solid rgba(var(--pb-rgb,255,90,90),0.08);padding-top:18px}
.ab-id-pills{display:flex;flex-wrap:wrap;gap:5px;padding-top:14px;border-top:1px solid rgba(var(--pb-rgb,255,90,90),0.06)}
.ab-id-pill{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:var(--pc,rgba(109,232,225,.7));background:rgba(var(--pb-rgb,255,90,90),0.06);border:1px solid rgba(var(--pb-rgb,255,90,90),0.18);padding:4px 10px;border-radius:2px;text-transform:uppercase;transition:all .2s;cursor:default}
.ab-id-pill:hover{background:rgba(var(--pb-rgb,255,90,90),0.12);border-color:rgba(var(--pb-rgb,255,90,90),0.35)}

/* ═══════════════════════════════════
   HOW IT WORKS — REDESIGNED
═══════════════════════════════════ */
.ab-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;border:1px solid rgba(109,232,225,0.1);background:rgba(109,232,225,0.04);margin-bottom:20px}
.ab-step{position:relative;overflow:hidden;background:rgba(4,6,14,0.98);padding:30px 28px;display:flex;flex-direction:column;gap:14px;transition:background .3s}
.ab-step:hover{background:rgba(6,10,22,0.99)}
.ab-step-top{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(109,232,225,0.7),rgba(109,232,225,0.15) 70%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.16,1,.3,1)}
.ab-step:hover .ab-step-top{transform:scaleX(1)}
.ab-step-n{font-family:'Orbitron',sans-serif;font-size:9px;font-weight:900;letter-spacing:3px;color:rgba(109,232,225,0.4);display:flex;align-items:center;gap:12px}
.ab-step-n::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(109,232,225,0.1),transparent)}
.ab-step-icon-box{width:46px;height:46px;border:1px solid rgba(109,232,225,0.14);background:rgba(109,232,225,0.04);display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;transition:all .3s}
.ab-step:hover .ab-step-icon-box{border-color:rgba(109,232,225,0.3);background:rgba(109,232,225,0.09);box-shadow:0 0 20px rgba(109,232,225,0.08)}
.ab-step-title{font-family:'Orbitron',sans-serif;font-size:9px;font-weight:800;letter-spacing:2.5px;color:rgba(255,255,255,0.88);line-height:1.5}
.ab-step-body{font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,0.54);line-height:1.78;border-top:1px solid rgba(255,255,255,0.05);padding-top:12px}

/* Animated connector */
.ab-step-conn{display:flex;align-items:center;justify-content:center;width:52px;flex-shrink:0;background:rgba(2,4,14,0.99);border-left:1px solid rgba(109,232,225,0.06);border-right:1px solid rgba(109,232,225,0.06);position:relative;overflow:hidden}
.ab-sc-dot{width:6px;height:6px;border-radius:50%;background:rgba(109,232,225,0.55);box-shadow:0 0 8px rgba(109,232,225,0.4);position:absolute;left:50%;transform:translateX(-50%);animation:abConnFlow 2.4s ease-in-out infinite}
.ab-sc-dot:nth-child(2){animation-delay:.8s}
.ab-sc-dot:nth-child(3){animation-delay:1.6s}
@keyframes abConnFlow{0%{top:-8px;opacity:0}15%{opacity:1}80%{opacity:0.7}100%{top:108%;opacity:0}}
.ab-sc-arrow{font-size:14px;color:rgba(109,232,225,0.18);z-index:1;font-family:monospace}

/* ANIMATION PANEL */
.ab-anim-panel{position:relative;background:transparent!important;border:none;margin:0;overflow:visible}
.ab-anim-panel::before{display:none}
#ab-anim-stage{height:220px;position:relative;overflow:hidden;background:transparent;border:none;margin-bottom:20px}
#ab-cvs{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;background:transparent}

/* ═══════════════════════════════════
   EXEC BLOCK
═══════════════════════════════════ */
.ab-exec-block{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:transparent;margin-bottom:20px}
.ab-exec-l,.ab-exec-r{background:linear-gradient(135deg,rgba(5,12,22,0.99) 0%,rgba(3,8,16,0.99) 100%);padding:28px 30px;border-radius:12px;border:1px solid rgba(109,232,225,0.18);box-shadow:0 4px 32px rgba(0,0,0,0.4);position:relative;overflow:hidden}
.ab-exec-l::before,.ab-exec-r::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(109,232,225,0.7) 0%,rgba(109,232,225,0.2) 60%,transparent 100%);pointer-events:none}
.ab-plat-label{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:4px;color:rgba(109,232,225,0.38);margin-bottom:14px;text-transform:uppercase}
.ab-frag{position:relative;overflow:hidden}
.ab-frag::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(109,232,225,0.18) 50%,transparent 95%)}
.ab-frag-head{font-family:'Orbitron',sans-serif;font-size:8px;letter-spacing:3px;font-weight:700;color:rgba(255,255,255,0.4);margin-bottom:24px;display:flex;align-items:center;gap:14px}
.ab-frag-live{font-size:7px;letter-spacing:2px;padding:3px 10px;color:rgba(79,255,170,.85);background:rgba(79,255,170,.055);border:1px solid rgba(79,255,170,.16);font-family:'IBM Plex Mono',monospace}
.ab-frag-row{display:flex;align-items:center;gap:0;margin-bottom:14px;opacity:0;animation:abFadeLeft .6s cubic-bezier(.16,1,.3,1) both}
@keyframes abFadeLeft{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.ab-fr-tok{font-family:'Orbitron',sans-serif;font-size:10px;font-weight:800;color:rgba(255,255,255,.9);width:74px;flex-shrink:0;letter-spacing:.5px}
.ab-fr-arr{font-size:8px;color:rgba(255,255,255,.1);margin:0 14px;flex-shrink:0}
.ab-fr-bw{flex:1;height:6px;background:rgba(255,255,255,.025);position:relative;overflow:hidden;border-radius:1px}
.ab-fr-b{position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);border-radius:1px;animation:abGrow .9s cubic-bezier(.16,1,.3,1) both}
.ab-fr-b::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.38));border-radius:1px}
@keyframes abGrow{from{width:0}to{width:var(--w,0%)}}
.ab-fr-vn{width:82px;text-align:right;font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,.3);margin:0 12px}
.ab-fr-pc{font-family:'Orbitron',sans-serif;font-size:11px;font-weight:700;width:38px;text-align:right}
.ab-frag-note{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.04);font-family:'Space Grotesk',sans-serif;font-size:13px;color:rgba(255,255,255,.35);line-height:1.65}
.ab-plat{display:flex;flex-wrap:wrap;gap:5px}
.ab-pc{padding:8px 11px;border:1px solid var(--p,rgba(109,232,225,.2));background:rgba(4,6,14,.98);position:relative;overflow:hidden;transition:all .22s;cursor:default;display:flex;flex-direction:column;gap:2px;min-width:78px}
.ab-pc::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--p,rgba(109,232,225,.28));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ab-pc:hover::before{transform:scaleX(1)}
.ab-pc:hover{background:rgba(6,10,22,.99)}
.ab-pc-cat{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.2);text-transform:uppercase}
.ab-pc-name{font-family:'Orbitron',sans-serif;font-size:8px;font-weight:700;color:rgba(255,255,255,.68);letter-spacing:.5px}
.ab-pc-soon{position:absolute;top:4px;right:5px;font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:1.5px;color:rgba(255,215,0,.7);background:rgba(255,215,0,.07);border:1px solid rgba(255,215,0,.16);padding:1px 4px}

/* ═══════════════════════════════════
   MACRO TRIGGERS — TERMINAL STYLE
═══════════════════════════════════ */
.ab-macro{border:1px solid rgba(109,232,225,0.12);background:rgba(4,6,14,0.98);padding:28px 30px;margin-bottom:20px;position:relative;overflow:hidden}
.ab-macro::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.35) 30%,rgba(255,215,0,0.2) 70%,transparent)}
.ab-macro-head{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;margin-bottom:26px;align-items:start}
.ab-macro-badge{font-family:'Orbitron',sans-serif;font-size:7px;letter-spacing:3px;color:rgba(109,232,225,.75);background:rgba(109,232,225,.06);border:1px solid rgba(109,232,225,.15);padding:3px 11px;display:inline-block;margin-bottom:14px}
.ab-macro-title{font-family:'Orbitron',sans-serif;font-size:clamp(13px,1.6vw,17px);font-weight:900;letter-spacing:.8px;color:rgba(255,255,255,.92);line-height:1.4}
.ab-macro-desc{font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,.48);line-height:1.85}
.ab-macro-desc strong{color:rgba(109,232,225,.88);font-weight:600}
.ab-macro-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}

/* Terminal-style rows */
.ab-mg-row{display:flex;align-items:center;gap:0;padding:14px 18px;border:1px solid rgba(255,255,255,0.05);background:rgba(2,4,14,0.8);position:relative;overflow:hidden;transition:all .25s;cursor:default}
.ab-mg-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--rc,rgba(109,232,225,0.8)),transparent);opacity:0;transition:opacity .25s}
.ab-mg-row::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--rcr,109,232,225),0.03),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}
.ab-mg-row:hover{border-color:rgba(var(--rcr,109,232,225),0.2)}
.ab-mg-row:hover::before,.ab-mg-row:hover::after{opacity:1}
.ab-mg-prompt{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(109,232,225,0.3);margin-right:14px;flex-shrink:0}
.ab-mg-signal{display:flex;align-items:center;gap:12px;min-width:160px}
.ab-mg-asset{display:flex;align-items:center;gap:8px}
.ab-mg-icon{font-size:11px}
.ab-mg-sym{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:900;color:rgba(255,255,255,.9);letter-spacing:.5px;width:52px}
.ab-mg-cond{font-family:'IBM Plex Mono',monospace;font-size:9px;color:rgba(255,255,255,.35);letter-spacing:.2px;flex:1}
.ab-mg-val{font-weight:600}
.ab-mg-arr{font-size:16px;color:rgba(255,255,255,.1);margin:0 18px;flex-shrink:0;font-family:monospace}
.ab-mg-action{display:flex;align-items:baseline;gap:10px;min-width:170px}
.ab-mg-act-label{font-family:'Orbitron',sans-serif;font-size:7px;font-weight:800;letter-spacing:2.5px;color:rgba(79,255,170,.88);background:rgba(79,255,170,.06);border:1px solid rgba(79,255,170,.16);padding:3px 10px}
.ab-mg-act-tok{font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(255,255,255,.75);font-weight:600}
.ab-mg-logic{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2.5px;color:rgba(255,255,255,.14);margin-left:auto;white-space:nowrap}
.ab-macro-foot{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.04);font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.22);flex-wrap:wrap}
.ab-mf-dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:6px}
.ab-mf-sep{color:rgba(255,255,255,.07)}
.ab-mf-item{display:flex;align-items:center}

/* ═══════════════════════════════════
   PREMISE (kept for layout compat)
═══════════════════════════════════ */

/* ═══════════════════════════════════
   USE CASES
═══════════════════════════════════ */
.ab-uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:transparent;margin-bottom:20px}
.ab-uc{
  padding:32px 30px 28px;position:relative;overflow:hidden;cursor:default;
  border-radius:12px;
  border:1px solid rgba(var(--ur,109,232,225),0.2);
  /* unique gradient fill per card — set via --ug variable */
  background:var(--ug, linear-gradient(135deg,rgba(6,14,28,0.98) 0%,rgba(3,8,18,0.99) 100%));
  box-shadow:0 4px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(var(--ur,109,232,225),0.04);
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s
}
.ab-uc:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--ur,109,232,225),0.42);
  box-shadow:0 12px 48px rgba(0,0,0,0.5),0 0 32px rgba(var(--ur,109,232,225),0.08)
}
/* always-visible solid top accent bar */
.ab-uc-top{
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--u,rgba(109,232,225,0.9)) 0%,rgba(var(--ur,109,232,225),0.3) 60%,transparent 100%);
  transform:none;transition:none
}
/* large ghost number */
.ab-uc-n{font-family:'Orbitron',sans-serif;font-size:80px;font-weight:900;line-height:1;color:rgba(var(--ur,109,232,225),0.04);position:absolute;bottom:4px;right:16px;letter-spacing:-3px;pointer-events:none}
/* tag pill */
.ab-uc-tag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:3.5px;color:var(--u,rgba(109,232,225,.9));background:rgba(var(--ur,109,232,225),0.08);border:1px solid rgba(var(--ur,109,232,225),0.22);padding:4px 12px;margin-bottom:16px;border-radius:2px}
/* title */
.ab-uc-t{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,.95);margin-bottom:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.ab-uc-i{font-size:14px;filter:drop-shadow(0 0 10px var(--u,rgba(109,232,225,.7)))}
/* body */
.ab-uc-d{font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,.52);line-height:1.8}
.ab-uc-d strong{color:var(--u,rgba(109,232,225,.95));font-weight:600}
/* flow chips */
.ab-uc-flow{margin-top:20px;padding-top:14px;border-top:1px solid rgba(var(--ur,109,232,225),0.08);font-family:'IBM Plex Mono',monospace;font-size:8px;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ab-uc-s span{padding:4px 10px;border:1px solid rgba(var(--ur,109,232,225),0.18);background:rgba(var(--ur,109,232,225),0.06);letter-spacing:.5px;color:rgba(255,255,255,.5);border-radius:2px}
.ab-uc-a{color:var(--u,rgba(109,232,225,.4));font-size:11px}

/* ═══════════════════════════════════
   TRUST ARCHITECTURE
═══════════════════════════════════ */
.ab-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:transparent;margin-bottom:20px}
.ab-tc{background:linear-gradient(135deg,rgba(5,10,20,0.99) 0%,rgba(3,7,15,0.99) 100%);padding:26px 26px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(var(--dr,79,255,170),0.2);box-shadow:0 4px 24px rgba(0,0,0,0.35),0 0 0 1px rgba(var(--dr,79,255,170),0.03);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.ab-tc:hover{transform:translateY(-2px);border-color:rgba(var(--dr,79,255,170),0.38);box-shadow:0 10px 40px rgba(0,0,0,0.45),0 0 24px rgba(var(--dr,79,255,170),0.07)}
.ab-tc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--d,rgba(79,255,170,.8)) 0%,rgba(var(--dr,79,255,170),0.25) 60%,transparent 100%);pointer-events:none}
.ab-tc::after{display:none}
.ab-tc:hover::after{display:none}
.ab-td{width:7px;height:7px;background:var(--d,rgba(79,255,170,.75));box-shadow:0 0 12px var(--d,rgba(79,255,170,.35));transform:rotate(45deg)}
.ab-tl-head{font-family:'Orbitron',sans-serif;font-size:8px;font-weight:800;letter-spacing:2px;color:rgba(255,255,255,.88);text-transform:uppercase}
.ab-tl{font-family:'Space Grotesk',sans-serif;font-size:13px;color:rgba(255,255,255,.44);line-height:1.65}

/* ═══════════════════════════════════
   PRE-CTA + CTA
═══════════════════════════════════ */
.ab-pre-cta{display:flex;align-items:center;gap:28px;padding:14px 52px 8px;text-align:center;justify-content:center;width:100%;box-sizing:border-box;align-self:center}
.ab-pre-cta-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,.15))}
.ab-pre-cta-line-r{transform:scaleX(-1)}
.ab-pre-cta-text{display:flex;flex-direction:column;gap:10px;flex-shrink:0;max-width:500px}
.ab-pre-cta-big{font-family:'Orbitron',sans-serif;font-size:clamp(11px,1.4vw,14px);font-weight:900;letter-spacing:.5px;color:rgba(255,255,255,.84);line-height:1.5}
.ab-pre-cta-sub{font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,.35);line-height:1.65}
.ab-cta{display:flex;gap:14px;justify-content:center;align-items:center;padding:16px 0 40px;width:100%;box-sizing:border-box;align-self:center}
.ab-cta-p{font-family:'Orbitron',sans-serif;font-size:9px;letter-spacing:3.5px;font-weight:800;background:linear-gradient(135deg,rgba(255,228,0,.97),rgba(255,176,0,.99));color:rgba(0,0,0,.88);border:none;padding:19px 52px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 60px rgba(255,215,0,.22),inset 0 1px 0 rgba(255,255,255,.32);position:relative;overflow:hidden;outline:1px solid rgba(255,215,0,.4);outline-offset:3px}
.ab-cta-p::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(-100%);transition:transform .6s}
.ab-cta-p:hover::after{transform:translateX(100%)}
.ab-cta-p:hover{transform:translateY(-2px);box-shadow:0 14px 60px rgba(255,215,0,.36)}

/* ═══════════════════════════════════
   POWERED BY — INTEGRATION CREDITS
═══════════════════════════════════ */
.ab-powered{padding:32px 24px 20px;text-align:center;border-top:1px solid rgba(109,232,225,0.06)}
.ab-powered-lbl{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:2px;color:rgba(255,255,255,0.25);margin-bottom:16px}
.ab-powered-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;align-items:center}
.ab-powered-item{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,0.45);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.5px}
.ab-pi-icon{flex-shrink:0}
.ab-pi-cyan{color:rgba(109,232,225,0.6)}
.ab-pi-green{color:rgba(79,255,170,0.6)}
.ab-pi-gold{color:rgba(255,215,0,0.5)}

/* ═══════════════════════════════════
   FAQ — CONDITION-STACK STYLE
═══════════════════════════════════ */
.ab-faq{margin-bottom:28px}
.ab-faq-pills{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}
.ab-faq-pill{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2px;color:rgba(255,255,255,.3);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:5px 12px;cursor:pointer;transition:all .2s;text-transform:uppercase}
.ab-faq-pill:hover{color:rgba(109,232,225,.6);border-color:rgba(109,232,225,.2);background:rgba(109,232,225,.04)}
.ab-faq-pill.on{color:rgba(109,232,225,.9);border-color:rgba(109,232,225,.3);background:rgba(109,232,225,.07)}
.ab-faq-list{display:flex;flex-direction:column;gap:6px}
.ab-fq{border:1px solid rgba(109,232,225,.08);background:linear-gradient(160deg,rgba(10,16,32,.97),rgba(5,8,18,.99));border-radius:0;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .25s}
.ab-fq::before{content:'';position:absolute;top:0;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,.25) 30%,rgba(255,255,255,.1) 50%,rgba(109,232,225,.25) 70%,transparent);opacity:0;transition:opacity .3s}
.ab-fq.open::before{opacity:1}
.ab-fq.open{border-color:rgba(109,232,225,.2);box-shadow:0 4px 24px rgba(0,0,0,.3),0 0 20px rgba(109,232,225,.03)}
.ab-fq-head{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;transition:background .2s;user-select:none}
.ab-fq-head:hover{background:rgba(109,232,225,.02)}
.ab-fq-dot{width:7px;height:7px;border-radius:50%;background:rgba(109,232,225,.15);border:1px solid rgba(109,232,225,.25);flex-shrink:0;transition:all .3s;box-shadow:none}
.ab-fq.open .ab-fq-dot{background:rgba(79,255,170,.6);border-color:rgba(79,255,170,.5);box-shadow:0 0 10px rgba(79,255,170,.3)}
.ab-fq-cat{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:2.5px;color:rgba(109,232,225,.3);text-transform:uppercase;flex-shrink:0;min-width:52px}
.ab-fq-q{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:rgba(255,255,255,.72);flex:1;line-height:1.4;letter-spacing:-.1px}
.ab-fq.open .ab-fq-q{color:rgba(255,255,255,.92)}
.ab-fq-chev{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(109,232,225,.25);flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1),color .3s;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(109,232,225,.08);background:rgba(109,232,225,.02)}
.ab-fq.open .ab-fq-chev{transform:rotate(45deg);color:rgba(79,255,170,.7);border-color:rgba(79,255,170,.2);background:rgba(79,255,170,.04)}
.ab-fq-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1),padding .35s}
.ab-fq.open .ab-fq-body{max-height:300px}
.ab-fq-ans{padding:0 20px 20px 42px;font-family:'Space Grotesk',sans-serif;font-size:14px;color:rgba(255,255,255,.42);line-height:1.8;letter-spacing:-.05px;border-top:1px solid rgba(109,232,225,.05);margin:0 14px;padding-top:14px}
.ab-fq-ans strong{color:rgba(109,232,225,.85);font-weight:600}
.ab-fq-ans em{color:rgba(255,215,0,.75);font-style:normal;font-weight:500}
@media(max-width:720px){
  .ab-fq-cat{display:none}
  .ab-fq-head{padding:14px 16px;gap:10px}
  .ab-fq-ans{padding:0 16px 16px 28px;margin:0 10px}
}

/* ═══════════════════════════════════
   SHARED ANIMATIONS
═══════════════════════════════════ */
@keyframes abUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes abPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.45);opacity:1}}

/* ═══════════════════════════════════
   RESPONSIVE
═══════════════════════════════════ */
@media(max-width:720px){
  .ab-exec-block,.ab-identity,.ab-uc-grid,.ab-trust{grid-template-columns:1fr;gap:12px}
  .ab-steps{grid-template-columns:1fr}.ab-step-conn{display:none}
  .ab-orbit-strip{padding:0 22px}
  .ab-orbit-inner{grid-template-columns:1fr}.ab-orbit-divider{display:none}
  .ab-orbit-left,.ab-orbit-right{padding:20px 22px}
  .ab-stats{grid-template-columns:1fr;padding:16px 22px 4px}
  
  .ab-h1-l1,.ab-h1-l2{font-size:clamp(56px,8.5vw,110px);letter-spacing:-3px}
  .ab-body{padding:0 22px 48px}
  .ab-stat{padding:28px 24px}
  .ab-identity{grid-template-columns:1fr}
}

/* ── Mobile: ≤768px ── */
@media(max-width:768px){
  /* ── Footer: match S2 crossfade trust badges ── */
  #s3 .dex-foot{padding:0 12px !important;height:36px !important;min-height:36px !important}
  #s3 .dex-foot-trust{position:relative !important;min-width:0 !important;height:20px !important;flex:1 !important;overflow:hidden !important}
  #s3 .dex-foot .fi,#s3 .dex-foot .df-fi{position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;opacity:0 !important;transition:opacity 0.6s ease !important;pointer-events:none !important;padding:0 !important;white-space:nowrap !important;font-size:8px !important;color:rgba(255,255,255,0.35) !important;gap:4px !important}
  #s3 .dex-foot .fi.trust-active,#s3 .dex-foot .df-fi.trust-active{opacity:1 !important;pointer-events:auto !important}
  #s3 .dex-foot .fi-sep{display:none !important}
  #s3 .foot-dots{gap:4px !important;margin-left:auto !important}
  #s3 .foot-nd{width:4px !important;height:4px !important}
  #s3 .foot-nd.on{width:16px !important;height:4px !important}
  #s3 .foot-micro-btn{width:28px !important;height:28px !important;min-width:28px !important}

  /* ── Hero: reduce padding for mobile ── */
  #ab-hero-text{padding:48px 16px 40px !important}
  .ab-hero-content{padding:0 8px !important}

  /* ── Kicker: prevent overlap on narrow screens ── */
  .ab-kicker{font-size:8px !important;letter-spacing:3px !important;gap:10px !important;flex-wrap:wrap !important;justify-content:center !important}
  .ab-kicker-line{width:32px !important}

  /* ── Statement: smaller on mobile ── */
  .ab-stmt{font-size:15px !important;max-width:340px !important;margin-bottom:24px !important}

  /* ── Exec pill: compact ── */
  .ab-exec-pill{padding:8px 14px !important;gap:8px !important;flex-wrap:wrap !important;justify-content:center !important}
  .ab-tick-lbl{font-size:7px !important}
  .ab-tick-val{font-size:8px !important}

  /* ── Signal chips: wrap nicely ── */
  .ab-signals{margin:20px 0 18px !important;gap:0 !important}
  .ab-sig{padding:4px 10px !important;font-size:8px !important;letter-spacing:2px !important}

  /* ── Stats band: tighter, cohesive unit instead of a list ── */
  .ab-stats{padding:12px 16px 4px !important;gap:8px !important}
  .ab-stat{padding:20px 20px !important;gap:6px !important}
  .ab-sn-unit{font-size:8px !important;letter-spacing:3px !important}
  .ab-sn-num{font-size:42px !important}
  .ab-sn-pre{font-size:16px !important}
  .ab-sn-sfx{font-size:20px !important}
  .ab-sl{font-size:11px !important;max-width:200px !important}

  /* ── CTA section: prevent overflow on mobile ── */
  .ab-pre-cta{padding:12px 16px 8px !important;gap:12px !important;flex-direction:column !important}
  .ab-pre-cta-line{display:none !important}
  .ab-pre-cta-text{max-width:100% !important;flex-shrink:1 !important}
  .ab-pre-cta-big{font-size:12px !important;letter-spacing:0.2px !important;word-break:break-word !important}
  .ab-pre-cta-sub{font-size:12px !important}
  .ab-cta{padding:12px 16px 32px !important;flex-direction:column !important;gap:10px !important}
  .ab-cta-p{padding:16px 24px !important;font-size:8px !important;letter-spacing:2.5px !important;width:100% !important;box-sizing:border-box !important;text-align:center !important}

  /* ── S3 global overflow containment ── */
  #s3{overflow-x:hidden !important;max-width:100vw !important}
  #s3 *{box-sizing:border-box}
}

/* ── Standard phone (≤480px) ── */
@media(max-width:480px){
  .ab-body{padding:0 12px 40px}
  .ab-identity{grid-template-columns:1fr !important;gap:10px}
  .ab-trust{grid-template-columns:1fr !important;gap:8px}
  .ab-uc-grid{grid-template-columns:1fr !important;gap:8px}
  .ab-steps{grid-template-columns:1fr !important;gap:8px}
  .ab-steps .ab-step-connector{display:none}
  .ab-stats{flex-direction:column;gap:6px}
  .ab-h1-l1,.ab-h1-l2{font-size:clamp(48px,12vw,64px)}
  .ab-powered-row{flex-wrap:wrap;gap:8px;justify-content:center}
}

/* ── iPhone 14 Pro and narrow phones (≤428px) ── */
@media(max-width:428px){
  /* Safe area insets */
  #s3.on{padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px)}

  /* Heading: scale down for narrow */
  .ab-h1-l1,.ab-h1-l2{font-size:clamp(42px,10vw,56px) !important;letter-spacing:-2px !important}

  /* Hero: tighter on narrow */
  #ab-hero-text{padding:36px 12px 32px !important}
  .ab-hero-content{padding:0 4px !important}

  /* Kicker: even tighter on narrow */
  .ab-kicker{font-size:7px !important;letter-spacing:2.5px !important;gap:8px !important}
  .ab-kicker-line{width:24px !important}

  /* Statement */
  .ab-stmt{font-size:14px !important;max-width:300px !important}

  /* Body: tighter margins */
  .ab-body{padding:0 14px 40px !important}

  /* FAQ category pills: 44px tap targets */
  .ab-faq-pill{min-height:36px !important;padding:8px 14px !important;font-size:8px !important}

  /* FAQ accordion: 48px tap target */
  .ab-fq-head{min-height:48px !important;padding:12px 14px !important}

  /* Stats grid: single column, compact */
  .ab-stats{padding:8px 12px 4px !important;gap:6px !important}
  .ab-stat{padding:18px 16px !important;gap:4px !important}
  .ab-sn-num{font-size:36px !important}
  .ab-sl{font-size:10px !important}

  /* Steps: compact */
  .ab-steps{gap:10px !important}

  /* Orbit strip */
  .ab-orbit-strip{padding:0 14px !important}
  .ab-orbit-left,.ab-orbit-right{padding:16px !important}

  /* Macro section: tighter */
  .ab-macro{margin:0 14px !important}

  /* CTA: tightest */
  .ab-pre-cta{padding:10px 12px 6px !important}
  .ab-pre-cta-big{font-size:11px !important}
  .ab-pre-cta-sub{font-size:11px !important}
  .ab-cta{padding:10px 12px 28px !important}
  .ab-cta-p{padding:14px 16px !important;font-size:7px !important;letter-spacing:2px !important}
}

/* ═══════════════════════════════════
   1024px — TABLET LANDSCAPE
═══════════════════════════════════ */
@media(max-width:1024px){
  /* Feature grids: 2-col instead of 3-col steps */
  .ab-steps{grid-template-columns:1fr auto 1fr;gap:0}
  .ab-step-conn:nth-of-type(4),.ab-step:nth-of-type(5){display:none}

  /* Identity section: constrain width */
  .ab-identity{max-width:720px;margin-left:auto;margin-right:auto}

  /* Stats band: keep 3-col but tighter padding */
  .ab-stats{padding:16px 28px 6px;gap:12px}
  .ab-stat{padding:30px 24px}
  .ab-sn-num{font-size:48px}

  /* Orbit strip: reduce side padding */
  .ab-orbit-strip{padding:12px 28px 0}

  /* Body: moderate padding */
  .ab-body{padding:0 28px 48px}

  /* Use cases: 2-col stays fine, just tighten gap */
  .ab-uc-grid{gap:12px}
  .ab-trust{gap:12px}

  /* Macro head: stack on narrow tablets */
  .ab-macro-head{grid-template-columns:1fr;gap:16px}

  /* FAQ: stays readable, just ensure full width */
  .ab-faq{max-width:100%}

  /* CTA: constrain width */
  .ab-pre-cta{padding:14px 28px 8px}
}

/* ═══════════════════════════════════
   375px — ULTRA-SMALL MOBILE
═══════════════════════════════════ */
@media(max-width:375px){
  /* Heading: smallest tier */
  .ab-h1-l1,.ab-h1-l2{font-size:clamp(36px,9.5vw,48px) !important;letter-spacing:-1.5px !important}

  /* Hero: tightest padding */
  #ab-hero-text{padding:28px 8px 24px !important}
  .ab-hero-content{padding:0 !important}

  /* Kicker: compact */
  .ab-kicker{font-size:6.5px !important;letter-spacing:2px !important;gap:6px !important}
  .ab-kicker-line{width:18px !important}

  /* Statement: tightest */
  .ab-stmt{font-size:13px !important;max-width:260px !important;margin-bottom:20px !important}

  /* Signal chips: tighter */
  .ab-signals{margin:14px 0 14px !important}
  .ab-sig{padding:3px 7px !important;font-size:7px !important;letter-spacing:1.5px !important}

  /* Body: minimal side padding */
  .ab-body{padding:0 10px 32px !important}

  /* Stats: ultra-compact */
  .ab-stats{padding:6px 8px 2px !important;gap:4px !important}
  .ab-stat{padding:14px 12px !important;gap:3px !important}
  .ab-sn-num{font-size:32px !important}
  .ab-sn-pre{font-size:14px !important}
  .ab-sn-sfx{font-size:16px !important}
  .ab-sl{font-size:9px !important;max-width:180px !important}
  .ab-sn-unit{font-size:7px !important;letter-spacing:2px !important}

  /* Identity panels: tighter */
  .ab-id-panel{padding:24px 18px !important}
  .ab-id-title{font-size:clamp(13px,3.8vw,16px) !important}
  .ab-id-body{font-size:13px !important}

  /* Trust cards: compact */
  .ab-tc{padding:20px 18px !important}
  .ab-tl{font-size:12px !important}
  .ab-tl-head{font-size:7px !important}

  /* Use case cards: compact */
  .ab-uc{padding:24px 20px 22px !important}
  .ab-uc-d{font-size:13px !important}
  .ab-uc-flow{font-size:7px !important}

  /* Orbit strip: tightest */
  .ab-orbit-strip{padding:0 8px !important}
  .ab-orbit-left,.ab-orbit-right{padding:14px 12px !important}
  .ab-orbit-title{font-size:clamp(11px,3vw,14px) !important}
  .ab-orbit-body{font-size:13px !important}

  /* Macro: compact */
  .ab-macro{padding:20px 16px !important}
  .ab-macro-title{font-size:clamp(11px,3vw,14px) !important}
  .ab-macro-desc{font-size:13px !important}
  .ab-mg-row{padding:10px 12px !important}

  /* FAQ: full-width, tap-friendly */
  .ab-faq-pill{min-height:40px !important;padding:10px 12px !important;font-size:7px !important;letter-spacing:1.5px !important}
  .ab-fq-head{min-height:52px !important;padding:14px 12px !important}
  .ab-fq-q{font-size:13px !important}
  .ab-fq-ans{font-size:13px !important;padding:0 12px 16px 24px !important;margin:0 8px !important}

  /* Powered by row: stack */
  .ab-powered{padding:24px 12px 16px !important}
  .ab-powered-row{gap:16px !important}
  .ab-powered-item{font-size:9px !important}

  /* CTA: tightest */
  .ab-pre-cta{padding:8px 8px 4px !important}
  .ab-pre-cta-big{font-size:10px !important}
  .ab-pre-cta-sub{font-size:10px !important}
  .ab-cta{padding:8px 8px 24px !important}
  .ab-cta-p{padding:14px 12px !important;font-size:7px !important;letter-spacing:1.5px !important}
}

/* ═══════════════════════════════════
   1440px — WIDE DESKTOP
═══════════════════════════════════ */
@media(min-width:1440px){
  /* About content: centered with max-width */
  .ab-body{max-width:1100px;margin:0 auto;padding:0 60px 48px}

  /* Stats band: more breathing room */
  .ab-stats{padding:24px 60px 10px;gap:20px;max-width:1200px;margin:0 auto}
  .ab-stat{padding:42px 36px}
  .ab-sn-num{font-size:62px}

  /* Orbit strip: wider with centered inner */
  .ab-orbit-strip{padding:14px 60px 0}
  .ab-orbit-inner{max-width:1100px}

  /* Feature grids: 3-col with more gap */
  .ab-uc-grid{gap:20px}
  .ab-trust{gap:20px}
  .ab-exec-block{gap:20px}
  .ab-identity{gap:20px}

  /* Steps: more spacious */
  .ab-steps{max-width:1100px;margin-left:auto;margin-right:auto}

  /* Hero: generous padding */
  #ab-hero-text{padding:88px 48px 64px}
  .ab-hero-content{max-width:1000px}

  /* Macro: centered */
  .ab-macro{max-width:1100px;margin-left:auto;margin-right:auto;margin-bottom:20px}

  /* FAQ: centered and readable */
  .ab-faq{max-width:1100px;margin-left:auto;margin-right:auto;margin-bottom:28px}

  /* CTA: generous spacing */
  .ab-pre-cta{padding:18px 60px 10px;max-width:1100px;margin:0 auto}
  .ab-cta{max-width:1100px;margin:0 auto;padding:18px 0 48px}
}

/* ═══ S3 MACRO ROWS — responsive stacking (audit fix H1) ═══
   The signal/action/logic row is a nowrap flex with min-widths totalling ~400px
   of minimum content. Inside a 291px content box at 375px it silently CLIPPED
   (the parent is overflow:hidden and the page can't scroll horizontally), so
   "SAFE HAVEN SIGNAL" lost 231px and the LONG/EXIT badges were sliced mid-glyph.
   Below 768 the row stacks and the min-widths are dropped so every label is
   fully readable. */
@media(max-width:768px){
  #s3 .ab-mg-row{flex-wrap:wrap;row-gap:8px;align-items:flex-start}
  #s3 .ab-mg-signal{min-width:0;flex:1 1 100%}
  #s3 .ab-mg-action{min-width:0;flex:1 1 auto;align-items:center}
  #s3 .ab-mg-arr{display:none}
  #s3 .ab-mg-logic{margin-left:0;flex:1 1 100%;white-space:normal;line-height:1.5}
  #s3 .ab-mg-sym{width:auto;min-width:44px}
  #s3 .ab-mg-cond{flex:1 1 auto;white-space:normal}
}

/* ── FOLLOW — the X link under Powered by. ── */
.ab-follow{display:flex;justify-content:center;padding:18px 0 34px}
.ab-follow-link{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border:1px solid rgba(109,232,225,0.18);background:rgba(109,232,225,0.03);color:rgba(255,255,255,0.85);text-decoration:none;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1px;transition:border-color .2s,background .2s,transform .2s;position:relative;overflow:hidden}
.ab-follow-link::before{content:'';position:absolute;top:0;left:-60%;width:45%;height:1px;background:linear-gradient(90deg,transparent,rgba(109,232,225,0.5) 50%,transparent);animation:r7DeckSweep 6s ease-in-out infinite;pointer-events:none}
.ab-follow-link:hover{border-color:rgba(109,232,225,0.45);background:rgba(109,232,225,0.07);transform:translateY(-1px)}
.ab-follow-x{flex-shrink:0;color:rgba(255,255,255,0.92)}
.ab-follow-handle{color:rgba(109,232,225,0.95);font-weight:600}
.ab-follow-sub{font-size:8px;letter-spacing:1.6px;color:rgba(255,255,255,0.3);text-transform:uppercase}
/* The compact footer variant, present on every screen. */
.foot-x-link{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:rgba(255,255,255,0.4);transition:color .2s;flex-shrink:0;margin-left:8px}
.foot-x-link:hover{color:rgba(109,232,225,0.95)}
.foot-x-link svg{width:11px;height:11px;fill:currentColor}