/* ══════════════════════════════════════════
   ApiNova — Shared Stylesheet v2
══════════════════════════════════════════ */

/* ── Reset & Base ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:#020817;color:#F8FAFC;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk',sans-serif;}
a{text-decoration:none;}

/* ── Scrollbar ── */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#020817;}
::-webkit-scrollbar-thumb{background:#1E293B;border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:#334155;}

/* ── Grid BG ── */
.grid-bg{
  background-image:linear-gradient(rgba(6,182,212,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.035) 1px,transparent 1px);
  background-size:64px 64px;
}

/* ── Glass ── */
.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.07);}
.glass-card{
  background:rgba(255,255,255,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.07);
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.glass-card:hover{border-color:rgba(6,182,212,.3);transform:translateY(-5px);box-shadow:0 28px 70px rgba(6,182,212,.09);}

/* ── Accent top-line card ── */
.card-accent{position:relative;overflow:hidden;}
.card-accent::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(6,182,212,.7),rgba(139,92,246,.5),transparent);
  transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.card-accent:hover::before{transform:scaleX(1);}

/* ── Gradient text ── */
.gt{
  background:linear-gradient(135deg,#06B6D4,#8B5CF6,#22C55E);
  background-size:200% 200%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:gshift 5s ease infinite;
}
@keyframes gshift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* ── Gradient text variants ── */
.gt-cy{background:linear-gradient(135deg,#06B6D4,#22C55E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.gt-pu{background:linear-gradient(135deg,#8B5CF6,#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ── Neon border ── */
.neon-b{border:1px solid transparent;background:linear-gradient(#0b1628,#0b1628) padding-box,linear-gradient(135deg,#06B6D4,#8B5CF6) border-box;}
.neon-b-green{border:1px solid transparent;background:linear-gradient(#0a1a10,#0a1a10) padding-box,linear-gradient(135deg,#22C55E,#06B6D4) border-box;}
.neon-b-purple{border:1px solid transparent;background:linear-gradient(#0f0a20,#0f0a20) padding-box,linear-gradient(135deg,#8B5CF6,#EC4899) border-box;}

/* ── Float ── */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.fl{animation:float 6s ease-in-out infinite;}
.flb{animation:floatB 6s ease-in-out 2s infinite;}

/* ── Orb drift ── */
@keyframes orbDrift{0%,100%{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-35px) scale(1.06);opacity:1}}

/* ── Pulse dot ── */
.pdot{position:relative;display:inline-flex;width:8px;height:8px;}
.pdot span{position:absolute;inset:0;border-radius:50%;background:#22C55E;animation:ping .9s cubic-bezier(0,0,.2,1) infinite;opacity:.7;}
.pdot i{position:relative;display:inline-flex;width:8px;height:8px;border-radius:50%;background:#22C55E;}
@keyframes ping{75%,100%{transform:scale(1.8);opacity:0}}

/* ── Marquee ── */
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-track{display:flex;animation:marquee 35s linear infinite;white-space:nowrap;}

/* ── Scroll fade-in ── */
.fi{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.fi.show{opacity:1;transform:translateY(0);}
.fi-left{opacity:0;transform:translateX(-32px);transition:opacity .7s ease,transform .7s ease;}
.fi-left.show{opacity:1;transform:translateX(0);}
.fi-right{opacity:0;transform:translateX(32px);transition:opacity .7s ease,transform .7s ease;}
.fi-right.show{opacity:1;transform:translateX(0);}

/* ── Nav link ── */
.nl{position:relative;font-size:.875rem;font-weight:500;color:#94A3B8;transition:color .2s;text-decoration:none;}
.nl:hover{color:#F8FAFC;}
.nl::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,#06B6D4,#8B5CF6);transform:scaleX(0);transition:transform .2s;}
.nl:hover::after,.nl.active::after{transform:scaleX(1);}
.nl.active{color:#F8FAFC;}

/* ── Tag pill ── */
.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:.72rem;font-weight:500;letter-spacing:.02em;}

/* ── Terminal cursor ── */
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.cur{animation:blink 1s step-end infinite;}

/* ── Progress bar ── */
.bar-fill{transition:width 1.4s ease;}

/* ── Glow divider ── */
.glow-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),rgba(139,92,246,.3),transparent);}

/* ── Aurora ── */
.aurora{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.aurora::before{content:'';position:absolute;top:-20%;left:-10%;width:70%;height:70%;background:conic-gradient(from 0deg at 50% 50%,#06B6D415,#8B5CF615,#22C55E10,#06B6D415);border-radius:50%;animation:auroraRotate 18s linear infinite;filter:blur(60px);}
.aurora::after{content:'';position:absolute;bottom:-20%;right:-10%;width:60%;height:60%;background:conic-gradient(from 180deg at 50% 50%,#8B5CF615,#06B6D410,#22C55E10,#8B5CF615);border-radius:50%;animation:auroraRotate 24s linear reverse infinite;filter:blur(50px);}
@keyframes auroraRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ── Spotlight ── */
.spotlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(6,182,212,.04) 0%,transparent 70%);}

/* ── Holo shimmer ── */
.holo-card{position:relative;overflow:hidden;}
.holo-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%);transition:left .6s ease;}
.holo-card:hover::after{left:150%;}

/* ══════════════════════════════════════════
   PAGE HERO
══════════════════════════════════════════ */
.page-hero{
  padding-top:7.5rem;padding-bottom:5rem;
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#020817 0%,#050f1e 100%);
}
.page-hero-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 90% 100% at 50% 0%,black 40%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 90% 100% at 50% 0%,black 40%,transparent 100%);
}
.page-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 50% -10%,rgba(6,182,212,.09) 0%,transparent 70%);}

/* Animated orbs inside hero */
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}
.hero-orb-1{width:380px;height:380px;background:rgba(6,182,212,.07);top:-120px;right:5%;animation:orbDrift 9s ease-in-out infinite;}
.hero-orb-2{width:280px;height:280px;background:rgba(139,92,246,.06);bottom:-60px;left:3%;animation:orbDrift 11s ease-in-out 2s infinite reverse;}
.hero-orb-3{width:200px;height:200px;background:rgba(34,197,94,.05);top:20%;left:40%;animation:orbDrift 7s ease-in-out 1s infinite;}

/* Animated scan line */
.hero-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),rgba(139,92,246,.4),transparent);animation:heroScanAnim 6s ease-in-out infinite;pointer-events:none;z-index:3;}
@keyframes heroScanAnim{0%{top:-1px;opacity:0}5%{opacity:.7}90%{opacity:.7}100%{top:100%;opacity:0}}

/* Bottom accent */
.hero-bottom-accent{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.35),rgba(139,92,246,.35),transparent);}

/* ── Breadcrumb ── */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#475569;}
.breadcrumb a{color:#475569;text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:#94A3B8;}
.breadcrumb-sep{color:#334155;}

/* ── Section eyebrow ── */
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;}

/* ── Icon box ── */
.icon-box{width:60px;height:60px;border-radius:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s;}
.glass-card:hover .icon-box,.card-accent:hover .icon-box{transform:scale(1.1) rotate(-3deg);}

/* ── Stat number ── */
.stat-num{
  font-size:3rem;font-weight:700;line-height:1;
  background:linear-gradient(135deg,#F8FAFC,#94A3B8);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-variant-numeric:tabular-nums;
}

/* ── Pill stat ── */
.pill-stat{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.8rem;font-weight:600;}

/* ══════════════════════════════════════════
   FORMS
══════════════════════════════════════════ */
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-label{font-size:.78rem;font-weight:600;color:#64748B;letter-spacing:.06em;text-transform:uppercase;}
.form-input{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;
  padding:13px 16px;font-family:'DM Sans',sans-serif;font-size:.9rem;color:#F8FAFC;outline:none;
  transition:border-color .25s,box-shadow .25s,background .25s;width:100%;
}
.form-input::placeholder{color:#334155;}
.form-input:focus{border-color:rgba(6,182,212,.5);box-shadow:0 0 0 3px rgba(6,182,212,.09),inset 0 0 0 1px rgba(6,182,212,.15);background:rgba(6,182,212,.03);}
.form-input option{background:#0F172A;color:#F8FAFC;}
textarea.form-input{resize:vertical;min-height:140px;}
.form-error{font-size:.75rem;color:#F87171;margin-top:2px;display:none;}
.form-input.invalid{border-color:rgba(248,113,113,.4);}
.form-input.invalid+.form-error{display:block;}

/* ══════════════════════════════════════════
   FAQ
══════════════════════════════════════════ */
.faq-item{border-bottom:1px solid rgba(255,255,255,.06);}
.faq-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:22px 0;background:none;border:none;color:#F8FAFC;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:600;transition:color .2s;}
.faq-trigger:hover{color:#06B6D4;}
.faq-icon{flex-shrink:0;width:22px;height:22px;transition:transform .35s cubic-bezier(.16,1,.3,1),color .2s;color:#334155;}
.faq-item.open .faq-icon{transform:rotate(45deg);color:#06B6D4;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1);}
.faq-answer-inner{padding:0 0 22px;color:#64748B;font-size:.9rem;line-height:1.75;}
.faq-item.open .faq-answer{max-height:300px;}

/* ══════════════════════════════════════════
   FILTER TABS
══════════════════════════════════════════ */
.filter-tab{padding:9px 22px;border-radius:9999px;font-size:.8rem;font-weight:600;color:#475569;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);cursor:pointer;transition:all .25s;letter-spacing:.03em;}
.filter-tab:hover{color:#94A3B8;border-color:rgba(255,255,255,.12);}
.filter-tab.active{color:#F8FAFC;background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(139,92,246,.15));border-color:rgba(6,182,212,.45);}

/* ══════════════════════════════════════════
   TEAM CARDS
══════════════════════════════════════════ */
.team-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  border-radius:24px;padding:32px 24px;text-align:center;
  transition:border-color .3s,transform .3s,box-shadow .3s;
  position:relative;overflow:hidden;
}
.team-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),transparent);transform:scaleX(0);transition:transform .4s;}
.team-card:hover{border-color:rgba(6,182,212,.25);transform:translateY(-6px);box-shadow:0 24px 60px rgba(6,182,212,.09);}
.team-card:hover::before{transform:scaleX(1);}

.team-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.4rem;color:#fff;position:relative;}
.team-avatar::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid transparent;background:linear-gradient(#020817,#020817) padding-box,linear-gradient(135deg,#06B6D4,#8B5CF6) border-box;}

/* ══════════════════════════════════════════
   PROCESS STEPS
══════════════════════════════════════════ */
.process-step{position:relative;}
.process-step:not(:last-child)::after{content:'';position:absolute;top:30px;left:27px;width:1px;height:calc(100% + 24px);background:linear-gradient(180deg,rgba(6,182,212,.35),rgba(139,92,246,.1));}
.step-num{width:56px;height:56px;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(139,92,246,.15));border:1px solid rgba(6,182,212,.28);color:#06B6D4;transition:box-shadow .3s;}
.process-step:hover .step-num{box-shadow:0 0 24px rgba(6,182,212,.25);}

/* ══════════════════════════════════════════
   VALUE / FEATURE CARDS
══════════════════════════════════════════ */
.value-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s;}
.value-card:hover{border-color:rgba(139,92,246,.3);transform:translateY(-4px);box-shadow:0 20px 50px rgba(139,92,246,.07);}

/* ══════════════════════════════════════════
   TIMELINE
══════════════════════════════════════════ */
.timeline-item{display:flex;gap:20px;padding-bottom:36px;position:relative;}
.timeline-item:not(:last-child)::before{content:'';position:absolute;left:15px;top:34px;width:1px;height:calc(100% - 8px);background:linear-gradient(180deg,rgba(6,182,212,.35),transparent);}
.timeline-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#06B6D4,#8B5CF6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(6,182,212,.35);}

/* ══════════════════════════════════════════
   STAT BOX
══════════════════════════════════════════ */
.stat-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:28px;transition:border-color .3s,box-shadow .3s;}
.stat-box:hover{border-color:rgba(6,182,212,.22);box-shadow:0 12px 40px rgba(6,182,212,.06);}

/* ══════════════════════════════════════════
   TECH GRID
══════════════════════════════════════════ */
.tech-category{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:28px;transition:border-color .3s;}
.tech-category:hover{border-color:rgba(6,182,212,.15);}
.tech-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:background .2s,border-color .2s,transform .2s;}
.tech-item:hover{background:rgba(6,182,212,.06);border-color:rgba(6,182,212,.2);transform:translateX(4px);}

/* ══════════════════════════════════════════
   CHECK LIST
══════════════════════════════════════════ */
.check-item{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:#94A3B8;line-height:1.65;}
.check-dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px;}

/* ══════════════════════════════════════════
   SHARED FOOTER NAV LINK
══════════════════════════════════════════ */
.foot-link{font-size:.875rem;color:#475569;transition:color .2s;}
.foot-link:hover{color:#F8FAFC;}

/* ══════════════════════════════════════════
   LOADER (unchanged)
══════════════════════════════════════════ */
#loader{position:fixed;inset:0;z-index:99999;background:#020817;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;}
#loader.hide{animation:loaderExit .8s cubic-bezier(.76,0,.24,1) forwards;}
@keyframes loaderExit{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}
#loader .ld-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(6,182,212,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.06) 1px,transparent 1px);background-size:60px 60px;animation:gridFade 1s ease forwards;}
@keyframes gridFade{from{opacity:0}to{opacity:1}}
#loader::after{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#06B6D4,#8B5CF6,transparent);animation:scanLine 2s ease-in-out infinite;opacity:.5;}
@keyframes scanLine{0%{top:-2px;opacity:0}10%{opacity:.5}90%{opacity:.5}100%{top:100%;opacity:0}}
.ld-bracket{position:absolute;width:32px;height:32px;border-color:rgba(6,182,212,.35);border-style:solid;animation:bracketFade .6s ease .2s forwards;opacity:0;}
@keyframes bracketFade{to{opacity:1}}
.ld-tl{top:28px;left:28px;border-width:2px 0 0 2px}.ld-tr{top:28px;right:28px;border-width:2px 2px 0 0}.ld-bl{bottom:28px;left:28px;border-width:0 0 2px 2px}.ld-br{bottom:28px;right:28px;border-width:0 2px 2px 0}
.ld-glow1{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(6,182,212,.18) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;}
.ld-glow2{position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out .4s infinite;}
@keyframes glowPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}
#ld-logo{animation:logoAppear .3s ease forwards;opacity:0;}
@keyframes logoAppear{to{opacity:1}}
.ld-hex-outer{stroke-dasharray:220;stroke-dashoffset:220;animation:drawPath 1s cubic-bezier(.4,0,.2,1) .3s forwards;}
.ld-hex-inner{stroke-dasharray:120;stroke-dashoffset:120;animation:drawPath .8s cubic-bezier(.4,0,.2,1) .9s forwards;}
.ld-hex-dot{r:0;animation:dotGrow .4s cubic-bezier(.34,1.56,.64,1) 1.5s forwards;}
.ld-hex-lines{stroke-dasharray:50;stroke-dashoffset:50;animation:drawPath .5s ease 1.3s forwards;}
@keyframes drawPath{to{stroke-dashoffset:0}}
@keyframes dotGrow{to{r:5}}
#ld-logo.drawn{animation:logoGlow 2s ease-in-out infinite;}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(6,182,212,.7))}50%{filter:drop-shadow(0 0 18px rgba(6,182,212,1)) drop-shadow(0 0 30px rgba(139,92,246,.5))}}
#ld-brand{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;letter-spacing:-.01em;color:#F8FAFC;opacity:0;animation:brandReveal .6s ease 1.8s forwards;position:relative;}
#ld-brand .brand-gradient{background:linear-gradient(90deg,#06B6D4,#8B5CF6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
@keyframes brandReveal{0%{opacity:0;transform:translateY(12px) skewX(-4deg);filter:blur(8px)}60%{filter:blur(0)}100%{opacity:1;transform:translateY(0) skewX(0)}}
#ld-brand::before,#ld-brand::after{content:attr(data-text);position:absolute;top:0;left:0;right:0;font-family:'Space Grotesk',sans-serif;font-size:inherit;font-weight:700;opacity:0;}
#ld-brand::before{color:#06B6D4;clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);animation:glitch1 4s ease 2.4s infinite;}
#ld-brand::after{color:#8B5CF6;clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);animation:glitch2 4s ease 2.7s infinite;}
@keyframes glitch1{0%,90%,100%{opacity:0;transform:none}92%{opacity:.6;transform:translateX(-3px)}94%{opacity:0}96%{opacity:.4;transform:translateX(3px)}98%{opacity:0}}
@keyframes glitch2{0%,90%,100%{opacity:0;transform:none}93%{opacity:.5;transform:translateX(4px)}95%{opacity:0}97%{opacity:.3;transform:translateX(-4px)}99%{opacity:0}}
#ld-tagline{font-family:'DM Sans',sans-serif;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#475569;opacity:0;animation:tagFade .5s ease 2.3s forwards;}
#ld-legal{font-family:'DM Sans',sans-serif;font-size:.72rem;letter-spacing:.12em;color:#334155;opacity:0;animation:tagFade .5s ease 2.5s forwards;}
@keyframes tagFade{to{opacity:1}}
#ld-bar-wrap{width:min(320px,72vw);height:2px;background:rgba(255,255,255,.06);border-radius:9999px;overflow:hidden;opacity:0;animation:tagFade .4s ease 2.6s forwards;position:relative;}
#ld-bar{height:100%;width:0%;background:linear-gradient(90deg,#06B6D4,#8B5CF6,#22C55E);border-radius:9999px;transition:width .05s linear;position:relative;}
#ld-bar::after{content:'';position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#8B5CF6;box-shadow:0 0 10px #8B5CF6;}
#ld-status{font-family:'Space Grotesk',monospace;font-size:.72rem;letter-spacing:.08em;color:#334155;opacity:0;animation:tagFade .4s ease 2.6s forwards;display:flex;align-items:center;justify-content:space-between;width:min(320px,72vw);}
#ld-pct{color:#06B6D4;}
.ld-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#06B6D4;animation:particleDrift linear infinite;opacity:0;}
@keyframes particleDrift{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.6}90%{opacity:.3}100%{transform:translateY(-100px) translateX(var(--dx,20px));opacity:0}}

/* ══════════════════════════════════════════
   SHARED NAVBAR / FOOTER SNIPPET CLASSES
══════════════════════════════════════════ */
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:9999px;background:linear-gradient(135deg,#06B6D4,#8B5CF6);color:#fff;font-size:.875rem;font-weight:600;transition:opacity .2s,box-shadow .2s;}
.nav-cta:hover{opacity:.88;box-shadow:0 8px 24px rgba(6,182,212,.25);}