/* ══════════════════════════════════════════════════════
   ANIMITR — COMPLETE STYLESHEET
   Home       → Warm cream  #FAF7F2
   About      → Steel blue  #13263A
   How Works  → Cool slate  #0A1628
   NGO Dir    → Deep forest #0D2B22
   Rescuers   → Rich amber  #2B1400
   Support    → Deep mauve  #1A0E28
   Volunteer  → Slate teal  #081A2E
   History    → Warm char   #1C1208
   Admin      → Cool ink    #0E1117
══════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --orange:#E85D26; --orange2:#F08050; --teal:#1A7A62; --amber:#D4880A;
  --ink:#1A1208; --ink2:#4A3728; --ink3:#8A7060;
  --cream:#FAF7F2; --cream2:#F3EEE6; --border:#E0D5C8; --border2:#C8BEB2;
  --serif:'DM Serif Display',serif; --sans:'DM Sans',sans-serif;
  --hand:'Caveat',cursive; --mono:'Space Mono',monospace;
  --radius:12px; --shadow:0 4px 24px rgba(26,18,8,.08); --shadow-lg:0 12px 48px rgba(26,18,8,.14);
}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
strong{font-weight:600;}

/* PAGE SYSTEM */
.hidden{display:none!important;}

/* ── GLOBAL NAV ── */
.global-nav{position:sticky;top:0;z-index:200;background:rgba(250,247,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .3s;}
.nav-inner{display:flex;align-items:center;padding:0 48px;height:62px;gap:28px;}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-mark{width:32px;height:32px;background:var(--orange);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.logo-mark svg{width:18px;height:18px;}
.logo-text{font-family:var(--serif);font-size:18px;color:var(--ink);font-style:italic;letter-spacing:-.3px;}
.logo-text em{color:var(--orange);font-style:normal;}
.nav-links{display:none;list-style:none;gap:2px;flex:1;justify-content:center;}
.nav-link{font-size:12px;font-weight:500;color:var(--ink2);padding:5px 8px;border-radius:8px;transition:all .2s;cursor:pointer;position:relative;overflow:hidden;}
.nav-link:hover,.nav-link.active{color:var(--orange);background:rgba(232,93,38,.08);}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;}
.live-badge{display:none;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--teal);background:rgba(26,122,98,.1);padding:5px 12px;border-radius:100px;white-space:nowrap;}
.live-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;animation:pulse 2s ease-in-out infinite;position:relative;}
.live-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--teal);animation:ringPulse 2s ease-in-out infinite;}
@keyframes ringPulse{0%{transform:scale(1);opacity:.6;}100%{transform:scale(2.4);opacity:0;}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.8);}}
.nav-cta{font-family:var(--sans);font-size:13px;font-weight:600;background:var(--ink);color:var(--cream);padding:9px 18px;border-radius:8px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;}
.nav-cta:hover{background:#2C2010;transform:translateY(-1px);}
.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s;}
.mobile-menu{flex-direction:column;padding:12px 24px 16px;border-top:1px solid var(--border);gap:2px;max-height:0;opacity:0;overflow:hidden;display:flex;transition:max-height .35s ease,opacity .3s ease;}
.mobile-menu.open{max-height:calc(100vh - 62px);opacity:1;overflow-y:auto;}
.mob-link{font-size:14px;font-weight:500;color:var(--ink2);padding:9px 12px;border-radius:8px;transition:all .2s;cursor:pointer;}
.mob-link:hover{background:rgba(232,93,38,.08);color:var(--orange);}

/* ── BUTTONS ── */
.btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:600;background:var(--orange);color:#fff;padding:13px 24px;border-radius:10px;border:none;cursor:pointer;transition:all .2s;}
.btn-primary:hover{background:#D04E1A;transform:translateY(-1px);}
.btn-outline{font-family:var(--sans);font-size:14px;font-weight:500;background:transparent;color:var(--ink);padding:13px 24px;border-radius:10px;border:1.5px solid var(--border2);cursor:pointer;transition:all .2s;}
.btn-outline:hover{border-color:var(--ink);background:var(--cream2);}
.btn-ghost-white{font-family:var(--sans);font-size:14px;font-weight:500;background:transparent;color:rgba(255,255,255,.7);padding:13px 24px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s;}
.btn-ghost-white:hover{color:#fff;border-color:rgba(255,255,255,.45);}

/* ── PAGE HERO (SHARED DARK) ── */
.page-hero{position:relative;padding:80px 48px 72px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);}
.page-hero-shell{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px;align-items:center;}
.page-hero-inner{max-width:660px;}
.page-hero-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.45);margin-bottom:16px;}
.page-hero-h1{font-family:var(--serif);font-size:clamp(40px,5vw,56px);line-height:1.06;color:#fff;margin-bottom:16px;}
.page-hero-h1 em{color:var(--orange2);font-style:italic;}
.page-hero-sub{font-size:16px;color:rgba(255,255,255,.58);line-height:1.72;font-weight:400;max-width:520px;margin-bottom:32px;}
.page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.page-hero-hand{font-family:var(--hand);font-size:20px;color:var(--orange2);font-weight:700;margin-top:16px;}

/* Frosted glass card on right of page heroes */
.hero-glass-card{
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:32px 32px 28px;
  backdrop-filter:blur(8px);
  box-shadow:0 20px 64px rgba(0,0,0,.28);
  display:flex;
  flex-direction:column;
  gap:0;
  transition:box-shadow .3s,border-color .3s;
  animation:glassSlideIn .6s cubic-bezier(.22,.68,0,1.1) .35s both;
}
@keyframes glassSlideIn{
  from{opacity:0;transform:translateX(18px);}
  to{opacity:1;transform:translateX(0);}
}
.hgc-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:rgba(255,255,255,.5);margin-bottom:12px;}
.hgc-title{font-family:var(--serif);font-size:clamp(22px,2.2vw,28px);line-height:1.12;color:#fff;margin-bottom:18px;}
.hgc-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:22px;}
.hgc-list li{font-size:14px;color:rgba(255,255,255,.8);padding-left:18px;position:relative;line-height:1.58;}
.hgc-list li::before{content:'';position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--orange2);}
.hgc-btn{font-family:var(--sans);font-size:14px;font-weight:600;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:13px 16px;cursor:pointer;transition:all .2s;width:100%;}
.hgc-btn:hover{background:rgba(255,255,255,.28);}

/* ── SHARED SECTION STYLES ── */
.sec-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--orange);display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.sec-tag-line{display:block;width:16px;height:1.5px;background:var(--orange);}
.sec-title{font-family:var(--serif);font-size:clamp(32px,3.5vw,42px);color:var(--ink);line-height:1.1;margin-bottom:6px;}
.sec-title em{color:var(--orange);font-style:italic;}
.sec-hand{font-family:var(--hand);font-size:20px;color:var(--orange);font-weight:700;}
.sec-hand-light{font-family:var(--hand);font-size:18px;color:var(--orange2);font-weight:700;}
.section-actions{margin-top:32px;display:flex;gap:10px;flex-wrap:wrap;}

/* ── FOOTER (shared across all pages) ── */
.site-footer{background:var(--ink);border-top:1px solid rgba(255,255,255,.06);padding:52px 48px 32px;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:28px;}
.footer-brand .logo-text{font-size:20px;display:block;margin-bottom:10px;color:var(--cream);}
.footer-brand p{font-size:13px;color:rgba(250,247,242,.35);line-height:1.7;max-width:220px;}
.footer-brand .wa-number{font-family:var(--mono);font-size:12px;color:var(--orange2);margin-top:12px;display:block;}
.footer-col h4{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(250,247,242,.28);margin-bottom:14px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.footer-col a,.footer-col button{font-size:13px;color:rgba(250,247,242,.48);transition:color .2s;background:none;border:none;cursor:pointer;text-align:left;padding:0;font-family:var(--sans);}
.footer-col a:hover,.footer-col button:hover{color:var(--orange2);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom p{font-size:12px;color:rgba(250,247,242,.2);}
.footer-spark{font-family:var(--hand);font-size:16px;color:rgba(250,247,242,.3);font-weight:600;}

/* ── REVEAL ── */
.rev{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}
.rev.in{opacity:1;transform:translateY(0);}

/* ── PAGE TRANSITIONS ── */
.page{display:none;min-height:100vh;}
.page.active{display:block;}
.page-exit{animation:pageOut .22s ease forwards;pointer-events:none;}
.page-enter{opacity:0;transform:translateY(10px);}
.page-visible{animation:pageIn .4s cubic-bezier(.22,.68,0,1.2) forwards;}
@keyframes pageOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-8px);}}
@keyframes pageIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}

/* ── BUTTON PRESS ── */
.pressing{transform:scale(.96)!important;transition:transform .1s ease!important;}

/* ── NAV UNDERLINE ── */
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:2px;background:var(--orange);border-radius:2px;transition:left .25s ease,right .25s ease;}
.nav-link:hover::after,.nav-link.active::after{left:10%;right:10%;}

/* ── MOBILE MENU SLIDE ── */


.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);font-size:13px;font-weight:500;padding:11px 22px;border-radius:10px;box-shadow:var(--shadow-lg);z-index:999;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.4,.64,1);}
.toast.hidden{opacity:0;transform:translateX(-50%) translateY(8px);pointer-events:none;}

/* ══════════════════════════════════════
   PAGE: HOME  (bg: #FAF7F2)
══════════════════════════════════════ */
#page-home{background:var(--cream);}

/* ══════════════════════════════════════
   HOME PAGE — PREMIUM REDESIGN
══════════════════════════════════════ */
.rescue-home{background:#FAF7F2;color:var(--ink);overflow:hidden;}
.rh-shell{max-width:1200px;margin:0 auto;}

/* ── HERO ── */
.rh-hero{
  min-height:720px;padding:106px 48px 96px;
  position:relative;display:flex;align-items:center;
  background:#0C0A06;overflow:hidden;color:#fff;
  isolation:isolate;
}
.rh-hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 72% 58% at 70% 46%,rgba(48,144,210,.16) 0%,transparent 64%),
    radial-gradient(ellipse 52% 48% at 17% 78%,rgba(37,204,160,.12) 0%,transparent 60%),
    radial-gradient(ellipse 38% 36% at 82% 18%,rgba(232,93,38,.12) 0%,transparent 54%),
    linear-gradient(135deg,#090B10 0%,#0C0A06 48%,#10140F 100%);
  z-index:0;
  animation:bgDrift 14s ease-in-out infinite alternate;
  transform-origin:center;
}
.rh-hero-bg::before,
.rh-hero-bg::after{
  content:'';position:absolute;inset:-18%;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0%,rgba(86,190,255,.055) 34%,transparent 44%),
    linear-gradient(292deg,transparent 0%,rgba(57,220,178,.052) 52%,transparent 62%);
  transform:translate3d(0,0,0);
  animation:rhAuroraDrift 24s ease-in-out infinite alternate;
}
.rh-hero-bg::after{
  filter:blur(18px);opacity:.62;
  animation-duration:31s;
  animation-direction:alternate-reverse;
}
.rh-hero-grid-lines{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.55) 82%,transparent 100%);
  z-index:1;
  opacity:0;
  animation:gridFadeIn 2.2s ease .3s both;
}
.rh-hero-grid-lines::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(92,220,255,.11) 50%,transparent 100%);
  width:34%;opacity:.22;transform:translateX(-110%) skewX(-12deg);
  animation:rhGridScan 15s linear infinite;
}
.rh-hero-canvas{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;
  pointer-events:none;opacity:.68;mix-blend-mode:screen;
}
/* Floating dots for network feel */
.rh-hero-dots{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;}
.rh-hero-dot{position:absolute;border-radius:50%;background:rgba(232,93,38,.55);animation:dotPulse 4s ease-in-out infinite;}
@keyframes dotPulse{0%,100%{opacity:.3;transform:scale(1);}50%{opacity:.7;transform:scale(1.4);}}
@keyframes rhAuroraDrift{
  0%{transform:translate3d(-2%,1%,0) scale(1);}
  100%{transform:translate3d(3%,-2%,0) scale(1.06);}
}
@keyframes rhGridScan{
  0%{transform:translateX(-120%) skewX(-12deg);}
  100%{transform:translateX(350%) skewX(-12deg);}
}
.rh-hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1fr) 430px;
  gap:68px;align-items:center;width:100%;
}
.rh-pill{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:#BCEEDB;
  background:rgba(26,122,98,.22);border:1px solid rgba(188,238,219,.3);
  border-radius:999px;padding:8px 15px;margin-bottom:26px;
  backdrop-filter:blur(8px);
  opacity:0;
  animation:heroUp .7s cubic-bezier(.2,.8,.3,1) .08s both;
}
.rh-pill::before{content:'';width:7px;height:7px;border-radius:50%;background:#9FE1CB;animation:pulse 2s ease-in-out infinite;}
.rh-title{
  font-family:var(--serif);
  font-size:clamp(56px,6.8vw,90px);
  line-height:.95;letter-spacing:-1.2px;
  max-width:700px;margin-bottom:24px;text-wrap:balance;
  opacity:0;
  animation:heroUp .95s cubic-bezier(.18,.78,.3,1) .22s both;
}
.rh-title em{color:var(--orange2);font-style:italic;}
.rh-copy{font-size:17px;line-height:1.76;color:rgba(255,255,255,.7);max-width:560px;margin-bottom:34px;opacity:0;animation:heroUp .72s cubic-bezier(.2,.8,.3,1) .40s both;}
.rh-actions{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:heroUp .68s cubic-bezier(.2,.8,.3,1) .56s both;}
.rh-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;padding:13px 26px;border-radius:10px;
  border:1.5px solid transparent;
  font-family:var(--sans);font-size:15px;font-weight:700;
  cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;
  color:inherit;text-decoration:none;
}
.rh-btn:hover{transform:translateY(-2px);}
.rh-btn.primary{background:var(--orange);color:#fff;box-shadow:0 8px 30px rgba(232,93,38,.4);}
.rh-btn.primary:hover{background:#D04E1A;box-shadow:0 14px 40px rgba(232,93,38,.52);}
.rh-btn.ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(6px);}
.rh-btn.ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);}
.rh-btn.partner{background:rgba(212,136,10,.18);border-color:rgba(212,136,10,.5);color:#EFC96A;}
.rh-btn.partner:hover{background:rgba(212,136,10,.3);border-color:rgba(212,136,10,.72);}

/* Hero — Telegram bot mockup */
.rh-tgm{
  background:#141210;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04);
  opacity:0;transform:translateX(22px);
  animation:tgmSlideIn .58s cubic-bezier(.22,.68,0,1.1) .35s both;
}
@keyframes tgmSlideIn{from{opacity:0;transform:translateX(22px);}to{opacity:1;transform:translateX(0);}}
.rh-tgm-bar{
  display:flex;align-items:center;gap:11px;
  padding:14px 18px;background:#0F0D0B;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.rh-tgm-av{
  width:36px;height:36px;border-radius:50%;background:var(--orange);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.rh-tgm-name{font-size:13px;font-weight:700;color:#fff;line-height:1.2;}
.rh-tgm-status{
  display:flex;align-items:center;gap:5px;
  font-size:11px;color:rgba(255,255,255,.35);margin-top:2px;
}
.rh-tgm-sd{
  width:6px;height:6px;border-radius:50%;background:#9FE1CB;flex-shrink:0;
  animation:pulse 2s ease-in-out infinite;
}
.rh-tgm-msgs{padding:14px 14px 10px;display:flex;flex-direction:column;gap:8px;}
.rh-msg{
  font-size:13px;line-height:1.46;
  max-width:85%;padding:9px 13px;border-radius:13px;
}
.rh-msg-u{
  align-self:flex-end;
  background:rgba(232,93,38,.22);color:rgba(255,255,255,.82);
  border-radius:13px 13px 3px 13px;
}
.rh-msg-b{
  align-self:flex-start;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.68);
  border-radius:13px 13px 13px 3px;
}
.rh-msg-tag{
  display:block;font-size:9px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;color:var(--orange2);margin-bottom:5px;
}
.rh-msg-b.alert{
  background:rgba(200,40,40,.1);
  border:1px solid rgba(255,80,80,.1);
}
.rh-msg-b.done{
  background:rgba(26,122,98,.16);
  border:1px solid rgba(26,122,98,.2);
  color:rgba(255,255,255,.82);
}
.rh-tgm-foot{
  padding:10px 18px 13px;
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid rgba(255,255,255,.05);
}
.rh-tgm-foot span{font-size:10px;color:rgba(255,255,255,.2);font-family:var(--mono);}
.rh-tgm-live-tag{
  font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  color:rgba(80,200,150,.75);background:rgba(26,122,98,.15);
  padding:3px 9px;border-radius:100px;
}

/* ── PROBLEM SECTION ── */
/* ══════════════════════════════════════
   PROBLEM — WhatsApp Chat Simulation
══════════════════════════════════════ */
.rh-problem{
  padding:96px 48px 88px;
  background:#0C0A06;color:#fff;
  position:relative;overflow:hidden;
}
.rh-problem::before{
  content:'';position:absolute;top:-120px;right:-80px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(232,93,38,.07) 0%,transparent 65%);
  pointer-events:none;
}
.rh-problem-head{max-width:760px;margin:0 auto 56px;text-align:center;}
.rh-problem-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;color:rgba(232,93,38,.9);
  text-transform:uppercase;letter-spacing:1.4px;margin-bottom:18px;
}
.rh-problem-h2{
  font-family:var(--serif);
  font-size:clamp(40px,5.2vw,64px);
  line-height:1.03;letter-spacing:-.6px;
  color:#fff;margin-bottom:18px;
}
.rh-problem-h2 em{color:var(--orange2);font-style:italic;}
.rh-problem-sub{font-size:17px;line-height:1.74;color:rgba(255,255,255,.5);max-width:600px;margin:0 auto;}

/* Dead Ends — helplessness sequence */
.rh-deadends-wrap{max-width:820px;margin:0 auto;}
.rh-de-intro{
  font-family:var(--serif);font-size:clamp(16px,1.9vw,20px);
  color:rgba(255,255,255,.6);text-align:center;margin-bottom:44px;
  line-height:1.65;font-style:italic;
}
.rh-deadends{
  border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;
}
.rh-de-row{
  display:grid;grid-template-columns:1fr 48px 1fr;
  align-items:center;padding:22px 32px;
  border-bottom:1px solid rgba(255,255,255,.05);
  opacity:0;transform:translateY(10px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.34,1.1,.64,1);
}
.rh-de-row:last-child{border-bottom:none;}
.rh-de-row.de-vis{opacity:1;transform:translateY(0);}
.rh-de-row:nth-child(1){transition-delay:.05s;}
.rh-de-row:nth-child(2){transition-delay:.2s;}
.rh-de-row:nth-child(3){transition-delay:.35s;}
.rh-de-row:nth-child(4){transition-delay:.5s;}
.rh-de-row:nth-child(5){transition-delay:.65s;}
.rh-de-attempt{display:flex;align-items:center;gap:14px;}
.rh-de-num{font-family:var(--mono);font-size:10px;font-weight:800;color:rgba(255,255,255,.28);letter-spacing:1px;flex-shrink:0;}
.rh-de-action{font-size:15px;color:rgba(255,255,255,.75);font-weight:500;line-height:1.35;}
.rh-de-sep{border-top:1px dashed rgba(255,255,255,.15);width:100%;}
.rh-de-result{font-size:14px;font-weight:600;color:rgba(255,255,255,.42);text-align:right;line-height:1.4;}
.rh-de-row:last-child .rh-de-result{color:rgba(232,93,38,.85);font-size:15px;font-weight:700;}
.rh-de-close{
  font-family:var(--serif);font-size:clamp(15px,1.6vw,18px);
  color:rgba(255,255,255,.38);text-align:center;
  margin-top:40px;line-height:1.85;
}
.rh-de-close strong{color:rgba(255,255,255,.7);font-style:normal;font-weight:700;}
@media(max-width:640px){
  .rh-de-row{grid-template-columns:1fr;gap:6px;padding:18px 20px;}
  .rh-de-sep{display:none;}
  .rh-de-result{text-align:left;padding-left:26px;}
  .rh-problem{padding:60px 22px 52px;}
}

/* ── RESCUE ROUTE ── */
.rh-section{padding:84px 48px;border-bottom:1px solid var(--border);}
.rh-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--orange);margin-bottom:13px;}
.rh-h2{font-family:var(--serif);font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.5px;margin-bottom:11px;text-wrap:balance;}
.rh-sub{font-size:16px;line-height:1.73;color:var(--ink2);max-width:640px;}
.rh-route{
  position:relative;margin-top:42px;
  min-height:450px;border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#F4EDE5 100%);
  border:1px solid var(--border);
  box-shadow:0 22px 72px rgba(26,18,8,.1);
  overflow:hidden;
}
.rh-route::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(26,18,8,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,18,8,.032) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.12));
}
.rh-route-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
.rh-route-path{
  fill:none;stroke:#E85D26;stroke-width:3;stroke-linecap:round;
  stroke-dasharray:2600;stroke-dashoffset:2600;
  opacity:.6;
}
.rh-route-path.path-animated{animation:drawPath 1.3s cubic-bezier(.4,0,.2,1) .1s forwards;}
@keyframes drawPath{to{stroke-dashoffset:0;}}
.rh-node{
  position:absolute;z-index:2;width:150px;
  background:#fff;border:1px solid var(--border);
  border-radius:17px;box-shadow:0 14px 40px rgba(26,18,8,.11);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:17px 14px;
  opacity:0;transform:scale(.9) translateY(8px);
  transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.4,.64,1),box-shadow .25s;
}
.rh-node.node-visible{opacity:1;transform:scale(1) translateY(0);}
.rh-node:hover{transform:scale(1.05) translateY(-4px)!important;box-shadow:0 22px 54px rgba(26,18,8,.16);}
.rh-node.main{width:188px;background:#171107;color:#fff;border-color:#171107;box-shadow:0 24px 58px rgba(26,18,8,.3);}
.rh-node-dot{
  width:38px;height:38px;border-radius:50%;
  background:rgba(232,93,38,.12);border:1.5px solid rgba(232,93,38,.3);
  display:flex;align-items:center;justify-content:center;
  font-weight:900;color:var(--orange);margin-bottom:10px;font-size:13px;
}
.rh-node.main .rh-node-dot{background:rgba(159,225,203,.12);border-color:rgba(159,225,203,.3);color:#9FE1CB;}
.rh-node strong{font-size:15px;line-height:1.2;color:var(--ink);}
.rh-node span{font-size:12px;line-height:1.45;color:var(--ink3);margin-top:5px;}
.rh-node.main strong{color:#fff;}
.rh-node.main span{color:rgba(250,247,242,.58);}
.rh-node.n1{left:6%;top:42%;}
.rh-node.n2{left:22%;top:10%;}
.rh-node.n3{left:41%;top:28%;}
.rh-node.n4{right:22%;top:10%;}
.rh-node.n5{right:6%;top:42%;}
.rh-node.n6{left:30%;bottom:7%;}
.rh-node.n1{transition-delay:.5s;}
.rh-node.n2{transition-delay:.72s;}
.rh-node.n3{transition-delay:.94s;}
.rh-node.n4{transition-delay:1.16s;}
.rh-node.n5{transition-delay:1.38s;}
.rh-node.n6{transition-delay:1.6s;}

/* ── TRUST STEPS (replaces fragile loop circle) ── */
.rh-trust-steps{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;margin-top:42px;
  background:#fff;border:1px solid var(--border);
  border-radius:20px;overflow:hidden;
  box-shadow:0 18px 58px rgba(26,18,8,.07);
}
.rh-trust-step{
  padding:34px 26px;border-right:1px solid var(--border);
  position:relative;
  transition:background .25s,transform .25s cubic-bezier(.34,1.2,.64,1);
}
.rh-trust-step:last-child{border-right:none;}
.rh-trust-step:hover{background:#FFFBF7;transform:translateY(-3px);}
.rh-trust-step::after{
  content:'→';
  position:absolute;right:-14px;top:50%;transform:translateY(-50%);
  font-size:18px;color:var(--border2);font-weight:700;z-index:2;
  background:#fff;padding:3px 0;line-height:1;
}
.rh-trust-step:last-child::after{display:none;}
.rh-trust-step:hover::after{background:#FFFBF7;}
.rh-step-num{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--orange);text-transform:uppercase;letter-spacing:1.1px;
  margin-bottom:16px;
}
.rh-step-icon{
  width:50px;height:50px;border-radius:14px;
  background:rgba(232,93,38,.08);border:1px solid rgba(232,93,38,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:18px;
  transition:background .25s,border-color .25s;
}
.rh-trust-step:hover .rh-step-icon{background:rgba(232,93,38,.14);border-color:rgba(232,93,38,.3);}
.rh-step-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:9px;line-height:1.22;}
.rh-step-desc{font-size:13px;line-height:1.68;color:var(--ink2);}
.rh-trust-proof{
  margin-top:22px;
  background:rgba(26,122,98,.06);border:1px solid rgba(26,122,98,.16);
  border-radius:14px;padding:22px 26px;
  display:flex;align-items:center;gap:18px;
}
.rh-trust-proof-icon{font-size:26px;flex-shrink:0;}
.rh-trust-proof p{font-size:14px;line-height:1.64;color:var(--ink2);margin:0;}
.rh-trust-proof strong{color:var(--teal);}

/* ── FINAL CTA ── */
.rh-final{padding:84px 48px;background:#FAF7F2;}
.rh-final-box{
  max-width:1200px;margin:0 auto;
  background:#0C0A06;color:#fff;
  border-radius:22px;padding:56px 60px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:48px;align-items:center;
  box-shadow:0 28px 80px rgba(26,18,8,.2);
  position:relative;overflow:hidden;
}
.rh-final-box::before{
  content:'';position:absolute;top:-120px;right:-120px;
  width:480px;height:480px;
  background:radial-gradient(circle,rgba(232,93,38,.12) 0%,transparent 65%);
  pointer-events:none;
}
.rh-final-box::after{
  content:'';position:absolute;bottom:-80px;left:28%;
  width:320px;height:320px;
  background:radial-gradient(circle,rgba(26,122,98,.1) 0%,transparent 65%);
  pointer-events:none;
}
.rh-final-content{position:relative;z-index:1;}
.rh-final h2{font-family:var(--serif);font-size:clamp(34px,4.2vw,52px);line-height:1.04;margin-bottom:14px;}
.rh-final h2 em{color:var(--orange2);font-style:italic;}
.rh-final p{color:rgba(250,247,242,.56);font-size:15px;line-height:1.74;max-width:500px;}
.rh-final-actions{
  display:flex;flex-direction:column;gap:11px;
  position:relative;z-index:1;min-width:210px;
}
.rh-final-actions .rh-btn{width:100%;justify-content:center;}

/* ── FOOTER ── */
.rh-footer{background:#0C0A06;color:rgba(250,247,242,.56);padding:56px 48px 30px;border-top:1px solid rgba(255,255,255,.06);}
.rh-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr .8fr .8fr .8fr;gap:38px;align-items:start;}
.rh-footer-brand{font-family:var(--serif);font-size:22px;color:#fff;font-style:italic;}
.rh-footer p{font-size:13px;margin-top:9px;line-height:1.72;max-width:256px;}
.rh-footer-col h4{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:rgba(250,247,242,.26);margin-bottom:15px;}
.rh-footer-links{display:flex;flex-direction:column;gap:11px;}
.rh-footer-links button,.rh-footer-links a{background:none;border:none;color:rgba(250,247,242,.52);font-family:var(--sans);font-size:13px;cursor:pointer;text-decoration:none;text-align:left;padding:0;}
.rh-footer-links button:hover,.rh-footer-links a:hover{color:var(--orange2);}
.rh-footer-bottom{max-width:1200px;margin:34px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(250,247,242,.22);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* ── HERO NETWORK OVERLAY ── */
.rh-hero-network{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.22;width:100%;height:100%;}

/* ── RESPONSIVE ── */
@media(max-width:980px){
  .rh-hero{min-height:auto;padding:72px 24px 84px;}
  .rh-hero-canvas{opacity:.5;}
  .rh-hero-grid-lines{background-size:52px 52px;}
  .rh-hero-grid,.rh-final-box{grid-template-columns:1fr;}
  .rh-problem-cards{grid-template-columns:1fr;}
  .rh-problem-head{text-align:left;}
  .rh-problem-sub{margin:0;}
  .rh-trust-steps{grid-template-columns:1fr 1fr;}
  .rh-trust-step:nth-child(2){border-right:none;}
  .rh-trust-step:nth-child(2)::after{display:none;}
  .rh-trust-step:nth-child(3){border-top:1px solid var(--border);}
  .rh-trust-step:nth-child(4){border-top:1px solid var(--border);}
  .rh-trust-step:nth-child(3)::after{display:block;}
  .rh-trust-step:nth-child(4)::after{display:none;}
  .rh-section,.rh-trust,.rh-problem,.rh-final{padding:52px 24px;}
  .rh-route{min-height:auto;}
  .rh-route-svg{display:none;}
  .rh-route{
    border:none;box-shadow:none;background:transparent;
    padding:8px 0 8px 46px;position:relative;gap:0;overflow:visible;
  }
  .rh-route::before{
    content:'';position:absolute;left:21px;top:28px;bottom:28px;width:3px;
    background:linear-gradient(to bottom,var(--orange),rgba(26,122,98,.7));
    border-radius:999px;background-image:none;
  }
  .rh-node,.rh-node.main{
    position:relative!important;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;
    width:100%!important;min-height:0;
    display:block;text-align:left;
    background:transparent;border:none;box-shadow:none;
    color:var(--ink);padding:14px 0 14px 4px;
    opacity:1!important;transform:none!important;
  }
  .rh-node.main strong,.rh-node strong{display:block;font-size:17px;line-height:1.25;margin-bottom:3px;color:var(--ink);}
  .rh-node.main span,.rh-node span{display:block;font-size:13px;line-height:1.45;color:var(--ink3);margin-top:2px;}
  .rh-node-dot{position:absolute;left:-40px;top:14px;width:34px;height:34px;background:#FAF7F2;box-shadow:0 0 0 6px #FAF7F2;}
  .rh-node.main .rh-node-dot{background:#171107;box-shadow:0 0 0 6px #FAF7F2;}
  .rh-footer-inner{grid-template-columns:1fr 1fr;gap:28px;}
  .rh-footer-inner>div:first-child{grid-column:1/-1;}
  .rh-final-actions{flex-direction:row;flex-wrap:wrap;}
  .rh-final-actions .rh-btn{flex:1;min-width:150px;}
}
@media(max-width:640px){
  .rh-hero{padding:66px 22px 74px;}
  .rh-hero-network{opacity:.16;transform:scale(1.2);transform-origin:center;}
  .rh-hero-canvas{opacity:.42;}
  .rh-title{font-size:46px;line-height:1.0;}
  .rh-copy{font-size:15px;}
  .rh-actions{display:grid;grid-template-columns:1fr;gap:10px;}
  .rh-btn{width:100%;}
  .rh-tgm{display:none;}
  .rh-problem-h2{font-size:34px;}
  .rh-h2{font-size:30px;}
  .rh-section,.rh-trust,.rh-problem,.rh-final{padding:42px 22px;}
  .rh-trust-steps{grid-template-columns:1fr;border-radius:14px;}
  .rh-trust-step{border-right:none;border-bottom:1px solid var(--border);}
  .rh-trust-step:nth-child(2){border-right:none;}
  .rh-trust-step:nth-child(3){border-top:none;}
  .rh-trust-step:nth-child(4){border-top:none;}
  .rh-trust-step:last-child{border-bottom:none;}
  .rh-trust-step::after,.rh-trust-step:nth-child(3)::after{display:none;}
  .rh-final-box{padding:34px 24px;border-radius:16px;}
  .rh-final-actions{flex-direction:column;}
  .rh-final-actions .rh-btn{width:100%;}
  .rh-footer{padding:38px 22px 26px;}
  .rh-footer-inner{grid-template-columns:1fr;gap:26px;}
  .rh-footer-bottom{flex-direction:column;gap:8px;}
}

@media(prefers-reduced-motion:reduce){
  .rh-hero-bg,
  .rh-hero-bg::before,
  .rh-hero-bg::after,
  .rh-hero-grid-lines::after,
  .rh-hero-dot{
    animation:none!important;
  }
  .rh-hero-canvas{display:none;}
  .rh-title,.rh-copy,.rh-actions,.rh-pill{opacity:1;animation:none;transform:none;}
}

/* ══════════════════════════════════════
   TRUST PIPELINE — world-class redesign
══════════════════════════════════════ */
.rh-trust{background:#0C0A06;padding:104px 48px 88px;border:none;}
.rh-trust .rh-kicker{color:var(--orange2);}
.rh-trust .rh-h2{color:#fff;}
.rh-trust .rh-sub{color:rgba(255,255,255,.48);max-width:580px;}
/* ── Trust Loop — Progress Ring ── */
.rh-pipeline{margin-top:72px;}
.rh-pipeline-track,.rh-pipeline-fill{display:none;}

/* Ring container */
.rh-ring-wrap{
  position:relative;width:300px;height:300px;
  margin:0 auto 56px;
}
.rh-ring-svg{width:100%;height:100%;display:block;overflow:visible;}

/* Arc animation: start hidden, draw in on scroll */
.rh-ring-arc{
  stroke-dasharray:0 679;
  transition:stroke-dasharray .65s cubic-bezier(.4,0,.2,1);
}
.rh-ring-arc.arc-on{stroke-dasharray:162 517;}

/* Center seal */
.rh-ring-center{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  text-align:center;pointer-events:none;
}
.rh-ring-check{
  width:54px;height:54px;border-radius:50%;
  background:rgba(159,225,203,.08);border:1.5px solid rgba(159,225,203,.18);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 8px;font-size:22px;color:#9FE1CB;
  opacity:0;transform:scale(.8);
  transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.2,.64,1);
}
.rh-ring-check.rc-vis{opacity:1;transform:scale(1);}
.rh-ring-label-center{
  font-family:var(--mono);font-size:9px;font-weight:800;
  letter-spacing:1.8px;text-transform:uppercase;
  color:rgba(255,255,255,.22);
  opacity:0;transition:opacity .5s ease .1s;
}
.rh-ring-label-center.rc-vis{opacity:1;}

/* Step reference grid below ring */
.rh-ring-steps{
  display:grid;grid-template-columns:repeat(4,1fr);
  max-width:840px;margin:0 auto;
  border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;
}
.rh-rs{
  padding:24px 22px;border-right:1px solid rgba(255,255,255,.06);
  opacity:0;transform:translateY(14px);
  transition:opacity .5s ease,transform .5s ease;
}
.rh-rs:last-child{border-right:none;}
.rh-rs.rs-vis{opacity:1;transform:translateY(0);}
.rh-rs:nth-child(1){transition-delay:.1s;}
.rh-rs:nth-child(2){transition-delay:.3s;}
.rh-rs:nth-child(3){transition-delay:.5s;}
.rh-rs:nth-child(4){transition-delay:.7s;}
.rh-rs-dot{width:8px;height:8px;border-radius:50%;margin-bottom:14px;}
.rh-rs:nth-child(1) .rh-rs-dot{background:var(--orange);}
.rh-rs:nth-child(2) .rh-rs-dot{background:var(--orange2);}
.rh-rs:nth-child(3) .rh-rs-dot{background:#1A7A62;}
.rh-rs:nth-child(4) .rh-rs-dot{background:#9FE1CB;}
.rh-rs strong{font-size:14px;font-weight:700;color:#fff;display:block;margin-bottom:5px;line-height:1.2;}
.rh-rs p{font-size:12px;line-height:1.65;color:rgba(255,255,255,.35);margin:0;}

/* bottom stats strip */
.rh-pipeline-stats{
  margin-top:76px;padding-top:46px;
  border-top:1px solid rgba(255,255,255,.07);
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
}
.rh-pstat{padding:0 48px 0 0;border-right:1px solid rgba(255,255,255,.07);}
.rh-pstat:last-child{border-right:none;padding-right:0;padding-left:48px;}
.rh-pstat:nth-child(2){padding-left:48px;}
.rh-pstat strong{display:block;font-family:var(--serif);font-size:44px;color:#fff;line-height:1;margin-bottom:9px;}
.rh-pstat strong em{color:var(--orange2);font-style:normal;font-size:26px;}
.rh-pstat span{font-size:12px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.7px;font-weight:600;}

/* ══════════════════════════════════════
   REALITY COMPARE — Split Network
══════════════════════════════════════ */
.rc-section{
  padding:88px 32px 96px;background:#0C0A06;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:relative;overflow:hidden;
}
.rc-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 48% 70% at 18% 68%,rgba(160,30,30,.11) 0%,transparent 70%),
    radial-gradient(ellipse 48% 70% at 82% 68%,rgba(26,122,98,.11) 0%,transparent 70%);
}
.rc-head{text-align:center;margin-bottom:52px;position:relative;}
.rc-arena{
  display:grid;grid-template-columns:1fr 72px 1fr;
  max-width:940px;margin:0 auto;align-items:start;
}
.rc-world{border-radius:18px;padding:26px 22px 22px;}
.rc-world--chaos{
  background:rgba(200,40,40,.045);
  border:1px solid rgba(255,80,80,.1);
}
.rc-world--live{
  background:rgba(26,122,98,.07);
  border:1px solid rgba(26,122,98,.18);
  box-shadow:0 0 48px rgba(26,122,98,.06);
}
.rc-world-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 11px;border-radius:100px;
  font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
  margin-bottom:20px;
}
.rc-world--chaos .rc-world-badge{
  background:rgba(255,80,80,.09);color:rgba(255,100,100,.65);
  border:1px solid rgba(255,80,80,.14);
}
.rc-world--live .rc-world-badge{
  background:rgba(80,200,150,.11);color:#50C896;
  border:1px solid rgba(80,200,150,.2);
}
/* Flow timeline */
.rc-flow{display:flex;flex-direction:column;margin-bottom:18px;}
.rc-step{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:10px;}
/* Chaos: progressive fade + subtle tint */
.rc-world--chaos .rc-step-l1{opacity:.6;background:rgba(255,70,70,.025);}
.rc-world--chaos .rc-step-l2{opacity:.33;background:rgba(255,70,70,.018);}
.rc-world--chaos .rc-step-l3{opacity:.13;background:rgba(255,70,70,.01);}
/* Live: colored backgrounds */
.rc-world--live .rc-step-l0{background:rgba(232,93,38,.06);}
.rc-world--live .rc-step-l1{background:rgba(232,93,38,.08);}
.rc-world--live .rc-step-l2{background:rgba(26,122,98,.08);}
.rc-world--live .rc-step-l3{background:rgba(80,200,150,.09);border:1px solid rgba(80,200,150,.14);}
/* Live: animate steps in on scroll */
.rc-world--live .rc-anim-step,.rc-world--live .rc-anim-conn{
  opacity:0;transform:translateY(7px);
  transition:opacity .44s ease,transform .44s ease;
}
.rc-world--live .rc-anim-conn{transform:none;}
.rc-section.rc-ready .rc-world--live .rc-step-l1,
.rc-section.rc-ready .rc-world--live .rc-conn-l0{opacity:1;transform:none;transition-delay:.1s;}
.rc-section.rc-ready .rc-world--live .rc-step-l2,
.rc-section.rc-ready .rc-world--live .rc-conn-l1{opacity:1;transform:none;transition-delay:.38s;}
.rc-section.rc-ready .rc-world--live .rc-step-l3,
.rc-section.rc-ready .rc-world--live .rc-conn-l2{opacity:1;transform:none;transition-delay:.66s;}
/* Step icon square */
.rc-step-icon{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;margin-top:1px;
}
.rc-world--chaos .rc-step-l0 .rc-step-icon{background:rgba(232,93,38,.1);color:rgba(232,93,38,.65);}
.rc-world--chaos .rc-step-l1 .rc-step-icon{background:rgba(255,70,70,.08);color:rgba(255,80,80,.48);}
.rc-world--chaos .rc-step-l2 .rc-step-icon{background:rgba(255,70,70,.06);color:rgba(255,80,80,.3);}
.rc-world--chaos .rc-step-l3 .rc-step-icon{background:rgba(255,70,70,.04);color:rgba(255,80,80,.18);}
.rc-world--live .rc-step-l0 .rc-step-icon{background:rgba(232,93,38,.1);color:rgba(232,93,38,.72);}
.rc-world--live .rc-step-l1 .rc-step-icon{background:rgba(232,93,38,.18);color:var(--orange2);border:1px solid rgba(232,93,38,.26);}
.rc-world--live .rc-step-l2 .rc-step-icon{background:rgba(26,122,98,.18);color:rgba(80,200,150,.9);border:1px solid rgba(26,122,98,.26);}
.rc-world--live .rc-step-l3 .rc-step-icon{background:rgba(80,200,150,.18);color:#50C896;border:1px solid rgba(80,200,150,.32);animation:rcIconGlow 2.2s ease-in-out infinite;}
@keyframes rcIconGlow{
  0%,100%{box-shadow:0 0 0 rgba(80,200,150,0);}
  50%{box-shadow:0 0 14px rgba(80,200,150,.45);}
}
/* Step body */
.rc-step-body{flex:1;min-width:0;}
.rc-step-title{display:block;font-size:13px;font-weight:600;line-height:1.35;}
.rc-world--chaos .rc-step-title{color:rgba(255,255,255,.7);}
.rc-world--live .rc-step-title{color:rgba(255,255,255,.9);}
.rc-step-desc{display:block;font-size:11.5px;line-height:1.42;margin-top:3px;color:rgba(255,255,255,.28);}
.rc-world--live .rc-step-l3 .rc-step-desc{color:rgba(80,200,150,.52);}
/* Time badge */
.rc-step-time{
  flex-shrink:0;font-family:var(--mono);font-size:9px;font-weight:700;
  letter-spacing:.4px;padding:3px 8px;border-radius:5px;margin-top:3px;white-space:nowrap;
}
.rc-world--chaos .rc-step-l0 .rc-step-time{background:rgba(232,93,38,.1);color:rgba(232,93,38,.55);}
.rc-world--chaos .rc-step-l1 .rc-step-time{background:rgba(255,70,70,.07);color:rgba(255,80,80,.4);}
.rc-world--chaos .rc-step-l2 .rc-step-time{background:rgba(255,70,70,.05);color:rgba(255,80,80,.25);}
.rc-world--chaos .rc-step-l3 .rc-step-time{background:rgba(255,70,70,.03);color:rgba(255,80,80,.14);}
.rc-world--live .rc-step-l0 .rc-step-time{display:none;}
.rc-world--live .rc-step-l1 .rc-step-time{background:rgba(232,93,38,.13);color:var(--orange2);}
.rc-world--live .rc-step-l2 .rc-step-time{background:rgba(26,122,98,.13);color:rgba(80,200,150,.78);}
.rc-world--live .rc-step-l3 .rc-step-time{background:rgba(80,200,150,.16);color:#50C896;}
/* Connector line between steps */
.rc-conn{width:1px;height:22px;margin-left:28px;}
.rc-conn-c0{background:rgba(255,70,70,.18);}
.rc-conn-c1{background:rgba(255,70,70,.1);}
.rc-conn-c2{background:rgba(255,70,70,.05);}
.rc-conn-l0{background:rgba(232,93,38,.45);}
.rc-conn-l1{background:linear-gradient(to bottom,rgba(232,93,38,.4),rgba(26,122,98,.5));}
.rc-conn-l2{background:rgba(26,122,98,.55);}
/* Dot pulse */
@keyframes rcDotPulse{
  0%,100%{box-shadow:0 0 4px rgba(80,200,150,.4);}
  50%{box-shadow:0 0 14px rgba(80,200,150,.85);}
}
.rc-outcome{
  margin-top:18px;padding:13px 15px;border-radius:11px;
  display:flex;align-items:center;gap:10px;
}
.rc-world--chaos .rc-outcome{
  background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.05);
}
.rc-world--live .rc-outcome{
  background:rgba(80,200,150,.07);border:1px solid rgba(80,200,150,.17);
}
.rc-outcome-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.rc-world--chaos .rc-outcome-dot{background:rgba(255,80,80,.28);}
.rc-world--live .rc-outcome-dot{
  background:#50C896;
  animation:rcDotPulse 2s ease-in-out infinite;
}
.rc-outcome-status{
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.35px;display:block;
}
.rc-world--chaos .rc-outcome-status{color:rgba(255,255,255,.2);}
.rc-world--live .rc-outcome-status{color:#50C896;}
.rc-outcome-detail{font-size:11px;color:rgba(255,255,255,.24);display:block;margin-top:2px;}
.rc-divider{display:flex;flex-direction:column;align-items:center;padding-top:52px;}
.rc-div-pill{
  background:rgba(232,93,38,.11);border:1px solid rgba(232,93,38,.26);
  border-radius:100px;padding:10px 11px;
  display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;
}
.rc-dp-icon{font-size:17px;line-height:1;}
.rc-dp-lbl{
  font-family:var(--mono);font-size:7px;font-weight:800;
  letter-spacing:.7px;text-transform:uppercase;color:var(--orange2);
  white-space:nowrap;line-height:1.4;
}
.rc-div-line{
  width:1px;flex:1;min-height:100px;margin-top:10px;
  background:linear-gradient(to bottom,rgba(232,93,38,.28),rgba(255,255,255,.03));
}
@media(max-width:700px){
  .rc-section{padding:60px 16px 68px;}
  .rc-arena{grid-template-columns:1fr;}
  .rc-divider{flex-direction:row;padding:18px 0;}
  .rc-div-pill{flex-direction:row;padding:7px 14px;gap:8px;}
  .rc-dp-icon{font-size:14px;}
  .rc-div-line{
    width:auto;height:1px;flex:1;min-height:auto;margin-top:0;margin-left:10px;
    background:linear-gradient(to right,rgba(232,93,38,.28),rgba(255,255,255,.03));
  }
}
@media(max-width:900px){
  .rh-trust{padding:72px 24px 64px;}
  .rh-ring-steps{grid-template-columns:1fr 1fr;}
  .rh-rs:nth-child(2){border-right:none;}
  .rh-rs:nth-child(3){border-top:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);}
  .rh-rs:nth-child(4){border-top:1px solid rgba(255,255,255,.06);border-right:none;}
}
@media(max-width:580px){
  .rh-ring-steps{grid-template-columns:1fr;}
  .rh-rs{border-right:none !important;border-top:1px solid rgba(255,255,255,.06) !important;}
  .rh-rs:first-child{border-top:none !important;}
  .rh-ring-wrap{width:240px;height:240px;}
  .rh-trust{padding:52px 22px;}
}

/* ══ ECOSYSTEM — Network Diagram ══ */
.rh-ecosystem{
  background:#111009;
  border-top:1px solid rgba(232,93,38,.22);
  border-bottom:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  padding:72px 24px 80px;
  position:relative;
}
/* Ambient radial glow from hub position */
.rh-ecosystem::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 90% at 56% 50%, rgba(232,93,38,.09) 0%, transparent 65%);
}
/* Top accent line glow */
.rh-ecosystem::after{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:320px;height:1px;pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(232,93,38,.55), transparent);
}
/* Mobile-only heading shown above the diagram */
.rh-eco-head-mob{
  display:none;
  text-align:center;
  margin-bottom:24px;
}
.rh-eco-head-mob .rh-kicker{color:var(--orange2);margin-bottom:10px;}
.rh-eco-head-mob h2{
  font-family:var(--serif);font-size:clamp(22px,6vw,28px);
  line-height:1.1;letter-spacing:-.4px;color:#fff;
}
.rh-eco-head-mob h2 em{color:var(--orange2);font-style:italic;}

/* Diagram canvas */
.rh-eco-wrap{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  height:580px;
}

/* Full-canvas SVG */
.rh-eco-svg{
  position:absolute;inset:0;
  width:100%;height:100%;
  pointer-events:none;overflow:visible;
}

/* ── Connection paths (S-curve via cubic bezier) ── */
.eco-path{
  fill:none;stroke-linecap:round;
  stroke-dasharray:900;stroke-dashoffset:900;
  transition:stroke-dashoffset 1.7s cubic-bezier(.4,0,.2,1);
}
.rh-eco-wrap.eco-go .eco-path{stroke-dashoffset:0;}

/* Glow duplicate paths (wider, more transparent — drawn first so they sit below) */
.eco-path-glow{
  fill:none;stroke-linecap:round;
  stroke-dasharray:900;stroke-dashoffset:900;
  transition:stroke-dashoffset 1.7s cubic-bezier(.4,0,.2,1);
}
.rh-eco-wrap.eco-go .eco-path-glow{stroke-dashoffset:0;}

.eco-path-glow-w{stroke:rgba(232,93,38,.12);stroke-width:8;transition-delay:.3s;}
.eco-path-glow-r{stroke:rgba(240,128,80,.1);stroke-width:8;transition-delay:.5s;}
.eco-path-glow-v{stroke:rgba(26,122,98,.12);stroke-width:8;transition-delay:.7s;}
.eco-path-glow-n{stroke:rgba(90,158,232,.1);stroke-width:8;transition-delay:.9s;}

.eco-path-w{stroke:rgba(232,93,38,.55);stroke-width:1.5;transition-delay:.3s;}
.eco-path-r{stroke:rgba(240,128,80,.5);stroke-width:1.5;transition-delay:.5s;}
.eco-path-v{stroke:rgba(26,122,98,.55);stroke-width:1.5;transition-delay:.7s;}
.eco-path-n{stroke:rgba(90,158,232,.5);stroke-width:1.5;transition-delay:.9s;}

/* Traveling signal dots */
.eco-tdot{opacity:0;transition:opacity .6s ease;transition-delay:2.2s;}
.rh-eco-wrap.eco-go .eco-tdot{opacity:1;}

/* ── Left heading ── */
.rh-eco-head{
  position:absolute;left:0;top:50%;
  transform:translateY(calc(-50% + 18px));
  max-width:196px;
  opacity:0;
  transition:opacity 1s ease,transform 1s ease;
}
.rh-eco-wrap.eco-go .rh-eco-head{opacity:1;transform:translateY(-50%);}
.rh-eco-head .rh-kicker{color:var(--orange2);margin-bottom:16px;}
.rh-eco-head h2{
  font-family:var(--serif);font-size:clamp(23px,2.3vw,33px);
  line-height:1.07;letter-spacing:-.5px;color:#fff;margin-bottom:12px;
}
.rh-eco-head h2 em{color:var(--orange2);font-style:italic;}
.rh-eco-head p{font-size:13px;line-height:1.76;color:rgba(255,255,255,.35);}

/* ── CENTER HUB ── */
.rh-eco-hub{
  position:absolute;left:55%;top:50%;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:11px;
  z-index:4;
}
.rh-eco-hubinner{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.65);
  transition:opacity .7s ease,transform .85s cubic-bezier(.34,1.2,.64,1);
  transition-delay:.12s;
}
.rh-eco-wrap.eco-go .rh-eco-hubinner{opacity:1;transform:scale(1);}

/* Expanding rings */
.rh-eco-ring{
  position:absolute;border-radius:50%;
  border:1px solid rgba(232,93,38,.2);
  animation:ecoRing 4s ease-out infinite;
}
.rh-eco-ring:nth-child(1){width:116px;height:116px;animation-delay:0s;}
.rh-eco-ring:nth-child(2){width:164px;height:164px;animation-delay:1.25s;}
.rh-eco-ring:nth-child(3){width:212px;height:212px;animation-delay:2.5s;}
@keyframes ecoRing{
  0%{transform:scale(.5);opacity:.7;}
  100%{transform:scale(1);opacity:0;}
}
/* Hub circle */
.rh-eco-hub-c{
  position:relative;z-index:2;
  width:84px;height:84px;border-radius:50%;
  background:linear-gradient(145deg,#F06030 0%,#C03810 100%);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 6px rgba(232,93,38,.1), 0 0 56px rgba(232,93,38,.4),0 10px 32px rgba(0,0,0,.55);
}
.rh-eco-hub-c svg{width:36px;height:36px;}
.rh-eco-hub-lbl{
  position:relative;z-index:2;
  font-family:var(--mono);font-size:9.5px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(232,93,38,.6);
}

/* ── PARTICIPANT NODES ── */
.rh-eco-n{
  position:absolute;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;
  text-align:center;z-index:4;
}
.rh-eco-ni{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  opacity:0;transform:translateY(14px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.1,.64,1);
}
.rh-eco-wrap.eco-go .rh-eco-ni{opacity:1;transform:translateY(0);}

/* Node positions */
.rh-eco-nw{left:22%;top:11%;}
.rh-eco-nr{left:88%;top:28%;}
.rh-eco-nv{left:88%;top:72%;}
.rh-eco-nn{left:22%;top:89%;}

/* Stagger */
.rh-eco-nw .rh-eco-ni{transition-delay:.42s;}
.rh-eco-nr .rh-eco-ni{transition-delay:.62s;}
.rh-eco-nv .rh-eco-ni{transition-delay:.82s;}
.rh-eco-nn .rh-eco-ni{transition-delay:1.02s;}

/* Outer ring + inner circle */
.rh-eco-nc{
  position:relative;
  width:66px;height:66px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid;
}
.rh-eco-nc::before{
  content:'';position:absolute;
  width:86px;height:86px;border-radius:50%;
  border:1px solid;opacity:.25;
}
.eco-nw .rh-eco-nc{
  background:rgba(232,93,38,.12);border-color:rgba(232,93,38,.5);
  box-shadow:0 0 32px rgba(232,93,38,.15),inset 0 1px 0 rgba(255,255,255,.08);
}
.eco-nw .rh-eco-nc::before{border-color:rgba(232,93,38,1);}
.eco-nr .rh-eco-nc{
  background:rgba(240,128,80,.1);border-color:rgba(240,128,80,.45);
  box-shadow:0 0 32px rgba(240,128,80,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
.eco-nr .rh-eco-nc::before{border-color:rgba(240,128,80,1);}
.eco-nv .rh-eco-nc{
  background:rgba(26,122,98,.12);border-color:rgba(26,122,98,.5);
  box-shadow:0 0 32px rgba(26,122,98,.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.eco-nv .rh-eco-nc::before{border-color:rgba(26,122,98,1);}
.eco-nn .rh-eco-nc{
  background:rgba(90,158,232,.1);border-color:rgba(90,158,232,.4);
  box-shadow:0 0 32px rgba(90,158,232,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
.eco-nn .rh-eco-nc::before{border-color:rgba(90,158,232,1);}

.rh-eco-nc svg{width:26px;height:26px;position:relative;z-index:1;}

/* Labels */
.rh-eco-nname{
  font-family:var(--sans);font-size:15px;font-weight:700;
  color:#fff;letter-spacing:-.1px;line-height:1.15;
}
.rh-eco-nrole{
  font-family:var(--sans);font-size:10px;font-weight:500;
  letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.38);
  margin-top:0px;
}

/* Ecosystem role cards */
.rh-eco-facts{
  max-width:1200px;margin:52px auto 0;
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;
  position:relative;z-index:3;
}
.rh-eco-fact{
  padding:28px 24px;border-right:1px solid rgba(255,255,255,.06);
  opacity:0;transform:translateY(12px);
  transition:opacity .5s ease,transform .5s ease;
}
.rh-eco-fact.ef-vis{opacity:1;transform:translateY(0);}
.rh-eco-fact:nth-child(1){transition-delay:.08s;}
.rh-eco-fact:nth-child(2){transition-delay:.22s;}
.rh-eco-fact:nth-child(3){transition-delay:.36s;}
.rh-eco-fact:nth-child(4){transition-delay:.50s;}
.rh-eco-fact:last-child{border-right:none;}
.rh-ef-dot{width:8px;height:8px;border-radius:50%;margin-bottom:14px;}
.eco-fact-w .rh-ef-dot{background:var(--orange);}
.eco-fact-r .rh-ef-dot{background:#F08050;}
.eco-fact-v .rh-ef-dot{background:#26AA82;}
.eco-fact-n .rh-ef-dot{background:#6AAEEE;}
.rh-eco-fact strong{font-size:14px;font-weight:700;color:#fff;display:block;margin-bottom:8px;line-height:1.2;}
.rh-eco-fact p{font-size:12.5px;line-height:1.68;color:rgba(255,255,255,.35);margin:0;}

/* ── RESPONSIVE ── */
@media(max-width:920px){
  .rh-eco-wrap{height:460px;}
  .rh-eco-head h2{font-size:20px;}
  .rh-eco-head{max-width:155px;}
  .rh-eco-nc{width:54px;height:54px;}
  .rh-eco-nc::before{width:70px;height:70px;}
  .rh-eco-nc svg{width:22px;height:22px;}
  .rh-eco-nname{font-size:13.5px;}
  .rh-eco-hub-c{width:70px;height:70px;}
  .rh-eco-hub-c svg{width:30px;height:30px;}
  .rh-eco-ring:nth-child(1){width:94px;height:94px;}
  .rh-eco-ring:nth-child(2){width:132px;height:132px;}
  .rh-eco-ring:nth-child(3){width:170px;height:170px;}
}
@media(max-width:640px){
  .rh-ecosystem{padding:48px 12px 56px;overflow:visible;}
  .rh-eco-wrap{height:460px;}
  .rh-eco-head{display:none;}
  .rh-eco-head-mob{display:block;}
  .rh-eco-nc{width:44px;height:44px;}
  .rh-eco-nc::before{display:none;}
  .rh-eco-nc svg{width:18px;height:18px;}
  .rh-eco-nname{font-size:12.5px;font-weight:700;}
  .rh-eco-nrole{display:block;font-size:9px;letter-spacing:.3px;}
  .rh-eco-hub-c{width:56px;height:56px;}
  .rh-eco-hub-c svg{width:24px;height:24px;}
  .rh-eco-ring:nth-child(1){width:76px;height:76px;}
  .rh-eco-ring:nth-child(2){width:106px;height:106px;}
  .rh-eco-ring:nth-child(3){display:none;}
  .rh-eco-facts{grid-template-columns:1fr 1fr;margin-top:28px;}
  .rh-eco-fact:nth-child(2){border-right:none;}
  .rh-eco-fact:nth-child(3){border-top:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);}
  .rh-eco-fact:nth-child(4){border-top:1px solid rgba(255,255,255,.06);border-right:none;}
  .rh-eco-fact{padding:20px 18px;}
}

/* ══════════════════════════════════════════
   HOME PAGE ANIMATIONS
══════════════════════════════════════════ */

@keyframes heroUp{
  from{opacity:0;transform:translateY(24px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes gridFadeIn{to{opacity:1;}}

/* ── Hero network SVG — nodes pop in ── */
.rh-hero-network circle{
  opacity:0;
  animation:nodeIn .45s cubic-bezier(.34,1.4,.64,1) both;
}
.rh-hero-network circle:nth-child(1){animation-delay:.18s;}
.rh-hero-network circle:nth-child(2){animation-delay:.28s;}
.rh-hero-network circle:nth-child(3){animation-delay:.22s;}
.rh-hero-network circle:nth-child(4){animation-delay:.36s;}
.rh-hero-network circle:nth-child(5){animation-delay:.30s;}
.rh-hero-network circle:nth-child(6){animation-delay:.42s;}
.rh-hero-network circle:nth-child(7){animation-delay:.50s;}
.rh-hero-network circle:nth-child(8){animation-delay:.38s;}
.rh-hero-network circle:nth-child(9){animation-delay:.44s;}
.rh-hero-network circle:nth-child(10){animation-delay:.55s;}
@keyframes nodeIn{
  from{opacity:0;transform:scale(0);}
  to{opacity:1;transform:scale(1);}
}

/* ── Hero network SVG — lines draw on ── */
.rh-hero-network line{
  stroke-dasharray:1800;
  stroke-dashoffset:1800;
  animation:lineDrawOn 2s ease both;
}
.rh-hero-network line:nth-child(11){animation-delay:.20s;}
.rh-hero-network line:nth-child(12){animation-delay:.32s;}
.rh-hero-network line:nth-child(13){animation-delay:.44s;}
.rh-hero-network line:nth-child(14){animation-delay:.54s;}
.rh-hero-network line:nth-child(15){animation-delay:.60s;}
.rh-hero-network line:nth-child(16){animation-delay:.30s;}
.rh-hero-network line:nth-child(17){animation-delay:.42s;}
.rh-hero-network line:nth-child(18){animation-delay:.52s;}
.rh-hero-network line:nth-child(19){animation-delay:.62s;}
.rh-hero-network line:nth-child(20){animation-delay:.38s;}
.rh-hero-network line:nth-child(21){animation-delay:.48s;}
.rh-hero-network line:nth-child(22){animation-delay:.58s;}
.rh-hero-network line:nth-child(23){animation-delay:.64s;}

/* ── Telegram messages — appear one by one ── */
.rh-tgm-msgs .rh-msg{
  opacity:0;transform:translateY(7px);
  animation:msgIn .38s cubic-bezier(.22,.68,0,1.22) both;
}
.rh-tgm-msgs .rh-msg:nth-child(1){animation-delay:.55s;}
.rh-tgm-msgs .rh-msg:nth-child(2){animation-delay:.85s;}
.rh-tgm-msgs .rh-msg:nth-child(3){animation-delay:1.20s;}
.rh-tgm-msgs .rh-msg:nth-child(4){animation-delay:1.60s;}
.rh-tgm-msgs .rh-msg:nth-child(5){animation-delay:2.00s;}
@keyframes msgIn{
  from{opacity:0;transform:translateY(7px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes bgDrift{
  0%{transform:scale(1) translateX(0);}
  100%{transform:scale(1.1) translateX(28px) translateY(-12px);}
}

/* ── Scroll reveal — section headings ── */
.rh-sr{
  opacity:0;transform:translateY(18px);
  transition:opacity .72s cubic-bezier(.2,.8,.3,1),transform .72s cubic-bezier(.2,.8,.3,1);
}
.rh-sr.sr-vis{opacity:1;transform:translateY(0);}
.rh-sr[data-d="1"]{transition-delay:.08s;}
.rh-sr[data-d="2"]{transition-delay:.18s;}
.rh-sr[data-d="3"]{transition-delay:.28s;}

/* ══════════════════════════════════
   COLOUR TOKENS — About Us identity
   Primary dark  : #0F1A18 (deep forest)
   Light section : #F7F4EF (warm ivory)
   Accent        : #0EA8A0 (electric teal)
   Accent warm   : #C8820A (amber)
   Completely distinct from homepage
══════════════════════════════════ */
:root{
  --ab-dark:#0F1A18;
  --ab-ivory:#F7F4EF;
  --ab-teal:#0EA8A0;
  --ab-teal-dim:rgba(14,168,160,.65);
  --ab-amber:#C8820A;
  --ab-ink:#1A1A18;
  --ab-ink2:#4A4A40;
  --ab-ink3:#8A8A80;
  --ab-border:rgba(14,168,160,.15);
}

/* ══════ ACT 1 ══════ */
.aba1{
  position:relative;
  background:#0F1A18;
  color:#fff;
  padding:88px 48px 80px;
  overflow:hidden;
}
.aba1-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 58% 52% at 16% 22%,rgba(14,168,160,.16) 0%,transparent 58%),
    radial-gradient(ellipse 42% 38% at 84% 74%,rgba(14,168,160,.1) 0%,transparent 56%),
    radial-gradient(ellipse 30% 28% at 66% 16%,rgba(200,130,10,.08) 0%,transparent 48%),
    radial-gradient(ellipse 26% 24% at 34% 82%,rgba(255,255,255,.045) 0%,transparent 54%),
    linear-gradient(140deg,rgba(7,18,17,.96) 0%,rgba(11,27,24,.94) 48%,rgba(8,20,18,.98) 100%);
  background-size:126% 126%;
  animation:abaBgFloatA 16s ease-in-out infinite alternate;
}
.aba1-grid-lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(14,168,160,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(14,168,160,.03) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 85% 80% at 50% 50%,rgba(0,0,0,.65),transparent);
  animation:abaGridDrift 22s linear infinite;
}
.aba1-light-rays{
  position:absolute;inset:-10% -4%;pointer-events:none;z-index:0;
  background:
    linear-gradient(118deg,transparent 0%,rgba(255,255,255,.035) 22%,transparent 40%),
    linear-gradient(64deg,transparent 0%,rgba(14,168,160,.045) 30%,transparent 52%),
    linear-gradient(136deg,transparent 12%,rgba(200,130,10,.03) 28%,transparent 48%);
  mix-blend-mode:screen;
  opacity:.8;
  animation:abaRayShift 18s ease-in-out infinite alternate;
}
.aba1-orbs{
  position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;
}
.aba1-orb{
  position:absolute;border-radius:50%;
  filter:blur(1px);opacity:.34;
  animation:abaOrbFloat 12s ease-in-out infinite alternate;
}
.aba1-orb.a{width:9px;height:9px;top:18%;left:12%;background:rgba(135,230,220,.9);}
.aba1-orb.b{width:7px;height:7px;top:58%;left:22%;background:rgba(232,93,38,.78);animation-duration:14s;}
.aba1-orb.c{width:8px;height:8px;top:24%;right:14%;background:rgba(200,130,10,.82);animation-duration:16s;}
.aba1-orb.d{width:6px;height:6px;bottom:18%;right:10%;background:rgba(135,230,220,.72);animation-duration:11s;}
.aba1-orb.e{width:5px;height:5px;bottom:28%;left:48%;background:rgba(255,255,255,.55);animation-duration:13s;}
.aba1::before,
.aba1::after{
  content:'';
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.aba1::before{
  width:420px;height:420px;
  top:-110px;right:-70px;
  background:radial-gradient(circle,rgba(14,168,160,.14) 0%,transparent 72%);
  filter:blur(8px);
  animation:abaBlobDrift1 14s ease-in-out infinite alternate;
}
.aba1::after{
  width:320px;height:320px;
  bottom:-80px;left:-50px;
  background:radial-gradient(circle,rgba(200,130,10,.08) 0%,transparent 72%);
  filter:blur(8px);
  animation:abaBlobDrift2 18s ease-in-out infinite alternate;
}
.aba1-shell{
  position:relative;z-index:2;
  max-width:1140px;margin:0 auto;
}

/* Eyebrow */
.aba1-eyebrow{
  display:flex;align-items:center;gap:10px;
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--ab-teal-dim);
  margin-bottom:14px;
}
.aba1-eyebrow-dash{
  display:block;width:18px;height:1.5px;
  background:var(--ab-teal-dim);
}

/* Header */
.aba1-header{text-align:center;margin-bottom:56px;}
.aba1-header .aba1-eyebrow{justify-content:center;}
.aba1-title{
  font-family:var(--serif);
  font-size:clamp(38px,5.2vw,68px);
  line-height:1.04;letter-spacing:-.5px;
  color:#fff;margin-bottom:14px;
  opacity:0;transform:translateY(20px);
  animation:abaFadeUp .8s cubic-bezier(.22,.68,0,1.1) .1s forwards;
}
.aba1-title em{color:var(--ab-teal);font-style:italic;}
.aba1-sub{
  font-size:16px;color:rgba(255,255,255,.42);
  line-height:1.74;max-width:520px;margin:0 auto;
  opacity:0;animation:abaFadeUp .65s ease .32s forwards;
}
@keyframes abaFadeUp{to{opacity:1;transform:translateY(0);}}

/* Body — split layout */
.aba1-body{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;align-items:start;
  margin-bottom:56px;
}

/* MAP */
.aba1-map-wrap{
  position:relative;
  opacity:0;transform:translateX(-16px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,.68,0,1.1);
}
.aba1-map-wrap.aba1-map-visible{opacity:1;transform:translateX(0);}
.aba1-map-svg{
  width:100%;height:auto;
  display:block;
  filter:drop-shadow(0 24px 48px rgba(0,0,0,.35));
}
.aba1-journey-path{
  transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1);
}
.aba1-journey-path.aba1-path-drawn{stroke-dashoffset:0;}
.aba1-pin{transition:opacity .45s ease;}
.aba1-pin.aba1-pin-visible{opacity:1;}
.aba1-ngo-ring{
  animation:abaNgoRing 3s ease-in-out infinite;
}
.aba1-ring-outer{animation-delay:.6s;}
@keyframes abaNgoRing{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.1);opacity:.2;}}
.aba1-map-caption{
  text-align:center;margin-top:14px;
  font-family:var(--mono);font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(255,255,255,.2);
}

/* ATTEMPTS */
.aba1-attempts{
  opacity:0;transform:translateX(16px);
  transition:opacity .7s ease .2s,transform .7s cubic-bezier(.22,.68,0,1.1) .2s;
}
.aba1-attempts.aba1-att-visible{opacity:1;transform:translateX(0);}
.aba1-attempts-header{
  font-family:var(--mono);font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(255,255,255,.28);margin-bottom:20px;
}
.aba1-attempt-list{display:flex;flex-direction:column;gap:0;}
.aba1-attempt{
  display:grid;
  grid-template-columns:36px 1fr 8px;
  gap:12px;align-items:start;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  opacity:0;transform:translateY(8px);
  transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.1,.64,1);
}
.aba1-attempt:last-child{border-bottom:none;}
.aba1-attempt.aba1-att-shown{opacity:1;transform:translateY(0);}
.aba1-att-num{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:rgba(255,255,255,.22);letter-spacing:.5px;
  padding-top:2px;
}
.aba1-num-ok{color:var(--ab-teal);font-size:16px;}
.aba1-att-action{
  font-size:14px;font-weight:600;color:rgba(255,255,255,.72);
  margin-bottom:3px;line-height:1.3;
}
.aba1-att-result{
  font-size:13px;color:rgba(255,255,255,.3);
  line-height:1.5;font-style:italic;
}
.aba1-action-ok{color:#fff;font-size:15px;}
.aba1-result-ok{
  color:rgba(14,168,160,.75);
  font-style:normal;font-weight:500;
}
.aba1-att-marker{
  width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0;
}
.aba1-marker-fail{background:rgba(200,60,60,.35);}
.aba1-marker-ok{
  background:var(--ab-teal);
  box-shadow:0 0 8px rgba(14,168,160,.5);
  animation:abaTealPulse 2s ease-in-out infinite;
}
@keyframes abaTealPulse{0%,100%{box-shadow:0 0 6px rgba(14,168,160,.4);}50%{box-shadow:0 0 16px rgba(14,168,160,.7);}}

/* Closing */
.aba1-close{text-align:center;position:relative;z-index:2;}
.aba1-close-line{
  width:1px;height:36px;
  background:linear-gradient(to bottom,rgba(14,168,160,.04),rgba(14,168,160,.3),rgba(14,168,160,.04));
  margin:0 auto 28px;
}
.aba1-close-text{
  font-family:var(--serif);
  font-size:clamp(18px,2.2vw,26px);
  line-height:1.62;color:rgba(255,255,255,.45);
}

/* ══════ ACT 2 ══════ */
.aba2{
  position:relative;
  background:#101814;
  color:#F4EEDD;
  padding:98px 48px 96px;
  overflow:hidden;
  isolation:isolate;
}
.aba2-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 56% 44% at 78% 12%,rgba(57,216,198,.18) 0%,transparent 58%),
    radial-gradient(ellipse 34% 34% at 16% 82%,rgba(243,201,128,.12) 0%,transparent 52%),
    radial-gradient(ellipse 22% 18% at 50% 42%,rgba(255,255,255,.07) 0%,transparent 62%),
    linear-gradient(145deg,rgba(10,25,22,.98) 0%,rgba(14,34,30,.96) 46%,rgba(12,22,20,.99) 100%);
  background-size:128% 128%;
  animation:abaBgFloatB 18s ease-in-out infinite alternate;
}
.aba2-light-wash{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(118deg,transparent 0%,rgba(255,255,255,.08) 22%,transparent 42%),
    linear-gradient(58deg,transparent 8%,rgba(57,216,198,.08) 28%,transparent 48%),
    linear-gradient(145deg,transparent 12%,rgba(243,201,128,.06) 32%,transparent 50%);
  mix-blend-mode:screen;
  opacity:.92;
  animation:abaWashShift 16s ease-in-out infinite alternate;
}
.aba2-grid-lines{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(57,216,198,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,216,198,.04) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(ellipse 84% 78% at 50% 44%,rgba(0,0,0,.7),transparent);
  animation:abaGridDrift 26s linear infinite;
}
.aba2-orbs{
  position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;
}
.aba2-orb{
  position:absolute;border-radius:50%;opacity:.32;filter:blur(1px);
  animation:abaOrbFloat 14s ease-in-out infinite alternate;
}
.aba2-orb.a{width:10px;height:10px;top:16%;left:18%;background:rgba(57,216,198,.82);}
.aba2-orb.b{width:8px;height:8px;top:28%;right:16%;background:rgba(243,201,128,.78);animation-duration:12s;}
.aba2-orb.c{width:6px;height:6px;bottom:18%;left:24%;background:rgba(57,216,198,.58);animation-duration:17s;}
.aba2-orb.d{width:5px;height:5px;bottom:24%;right:28%;background:rgba(244,238,221,.78);animation-duration:13s;}
.aba2-orb.e{width:7px;height:7px;top:54%;left:50%;background:rgba(243,201,128,.6);animation-duration:15s;}
.aba2::before,
.aba2::after{
  content:'';
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.aba2::before{
  width:340px;height:340px;
  top:-80px;left:-40px;
  background:radial-gradient(circle,rgba(57,216,198,.14) 0%,transparent 72%);
  filter:blur(8px);
  animation:abaBlobDrift2 16s ease-in-out infinite alternate;
}
.aba2::after{
  width:420px;height:420px;
  right:-100px;bottom:-140px;
  background:radial-gradient(circle,rgba(243,201,128,.12) 0%,transparent 72%);
  filter:blur(10px);
  animation:abaBlobDrift3 20s ease-in-out infinite alternate;
}
.aba2-shell{position:relative;z-index:2;max-width:1140px;margin:0 auto;}
.aba2-header{text-align:center;margin-bottom:46px;}
.aba2-eyebrow{
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--ab-teal);margin-bottom:14px;
}
.aba2-eyebrow-dash{display:block;width:18px;height:1.5px;background:var(--ab-teal);}
.aba2-title{
  font-family:var(--serif);
  font-size:clamp(36px,4.8vw,60px);
  line-height:1.06;letter-spacing:-.4px;
  color:#F4EEDD;margin-bottom:14px;
}
.aba2-title em{color:#D9B065;font-style:italic;}
.aba2-sub{
  font-size:15px;color:rgba(244,238,221,.72);line-height:1.74;max-width:760px;margin:0 auto;
}

.aba2-visual{
  max-width:760px;
  margin:0 auto 40px;
  opacity:0;transform:translateY(22px);
  transition:opacity .75s cubic-bezier(.2,.8,.3,1),transform .75s cubic-bezier(.22,.68,0,1.1);
  overflow:hidden;
}
.aba2-visual.aba2-sonar-visible{opacity:1;transform:translateY(0);}
.aba2-visual-frame{
  position:relative;
  background:transparent;
  border:none;
  padding:0;
  box-shadow:none;
  overflow:hidden;
}
.aba2-visual-frame::before{
  display:none;
}
.aba2-sonar-svg{width:100%;height:auto;display:block;}
.aba2-arc{
  transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);
}
.aba2-visual.aba2-sonar-visible .aba2-arc-1{stroke-dashoffset:0;transition-delay:.05s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-2{stroke-dashoffset:0;transition-delay:.25s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-3{stroke-dashoffset:0;transition-delay:.45s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-4{stroke-dashoffset:0;transition-delay:.65s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-5{stroke-dashoffset:0;transition-delay:.9s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-6{stroke-dashoffset:0;transition-delay:1.05s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-7{stroke-dashoffset:0;transition-delay:1.2s;}
.aba2-visual.aba2-sonar-visible .aba2-arc-8{stroke-dashoffset:0;transition-delay:1.35s;}
.aba2-arc-dot,.aba2-arc-label,.aba2-node-card{
  opacity:0;transition:opacity .4s ease;
}
.aba2-visual.aba2-sonar-visible .aba2-card-1,.aba2-visual.aba2-sonar-visible .aba2-arc-dot-1,.aba2-visual.aba2-sonar-visible .aba2-arc-label-1{opacity:1;transition-delay:.22s;}
.aba2-visual.aba2-sonar-visible .aba2-card-2,.aba2-visual.aba2-sonar-visible .aba2-arc-dot-2,.aba2-visual.aba2-sonar-visible .aba2-arc-label-2{opacity:1;transition-delay:.5s;}
.aba2-visual.aba2-sonar-visible .aba2-card-3,.aba2-visual.aba2-sonar-visible .aba2-arc-dot-3,.aba2-visual.aba2-sonar-visible .aba2-arc-label-3{opacity:1;transition-delay:.8s;}
.aba2-visual.aba2-sonar-visible .aba2-card-4,.aba2-visual.aba2-sonar-visible .aba2-arc-dot-4,.aba2-visual.aba2-sonar-visible .aba2-arc-label-4{opacity:1;transition-delay:1.05s;}
.aba2-visual.aba2-sonar-visible .aba2-live-ring{
  opacity:1;
  transition:opacity .4s ease 1.6s;
  animation:abaLiveRing 2.8s ease-in-out 1.6s infinite;
}
.aba2-visual.aba2-sonar-visible .aba2-live-ring-two{
  opacity:1;
  transition:opacity .4s ease 1.9s;
  animation:abaLiveRing 3.4s ease-in-out 1.9s infinite reverse;
}
@keyframes abaLiveRing{0%,100%{transform:scale(1);opacity:.42;}50%{transform:scale(1.18);opacity:.12;}}
.aba2-visual.aba2-sonar-visible .aba2-scan{
  opacity:1;
  animation:abaScanPulse 2.8s ease-in-out 1.8s infinite alternate;
}
@keyframes abaScanPulse{
  from{opacity:.14;transform:scale(.98);}
  to{opacity:.4;transform:scale(1.02);}
}
.aba2-sonar-caption{
  text-align:center;margin-top:14px;
  font-family:var(--mono);font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(244,238,221,.58);opacity:1;
}

.aba2-story{display:flex;flex-direction:column;gap:0;}
.aba2-story-items{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-bottom:28px;
  background:transparent;
  border:none;
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
}
.aba2-story-item{
  padding:28px 28px 28px;
  border-right:1px solid rgba(244,238,221,.07);
  opacity:0;transform:translateY(18px);
  transition:opacity .65s cubic-bezier(.2,.8,.3,1),transform .65s cubic-bezier(.22,.68,0,1.1);
  position:relative;
  display:block;
  overflow:hidden;
}
.aba2-story-item:last-child{border-right:none;}
.aba2-story-item.aba2-si-visible{opacity:1;transform:translateY(0);}
.aba2-story-item:nth-child(1){transition-delay:.08s;}
.aba2-story-item:nth-child(2){transition-delay:.22s;}
.aba2-story-item:nth-child(3){transition-delay:.36s;}
.aba2-story-item:nth-child(4){transition-delay:.50s;}
.aba2-step-card::after{
  display:none;
}
.aba2-si-num{
  width:auto;height:auto;border-radius:0;
  margin-bottom:12px;
  margin-top:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex-shrink:0;
  font-family:var(--mono);
  font-size:11px;
  font-weight:700;
  color:rgba(244,238,221,.35);
  letter-spacing:.5px;
  background:transparent;
}
.aba2-si-num::before{
  content:'';
  display:block;
  width:8px;height:8px;
  border-radius:50%;
}
.aba2-si-1 .aba2-si-num::before{background:#D9B065;}
.aba2-si-2 .aba2-si-num::before{background:rgba(217,176,101,.75);}
.aba2-si-3 .aba2-si-num::before{background:rgba(57,216,198,.8);}
.aba2-si-4 .aba2-si-num::before{background:#39D8C6;}
.aba2-si-1 .aba2-si-num{color:rgba(244,238,221,.35);}
.aba2-si-2 .aba2-si-num{color:rgba(244,238,221,.35);}
.aba2-si-3 .aba2-si-num{color:rgba(244,238,221,.35);}
.aba2-si-4 .aba2-si-num{color:rgba(244,238,221,.35);}

.aba2-story-item:not(.aba2-si-visible) .aba2-si-num{opacity:0;}
.aba2-si-head{
  font-size:16px;font-weight:700;color:#F4EEDD;
  margin-bottom:8px;line-height:1.28;
  font-family:var(--sans);
}
.aba2-si-text{
  font-size:13px;color:rgba(244,238,221,.48);line-height:1.72;
}
.aba2-si-live{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:600;color:#9CE5DA;
  background:rgba(14,168,160,.1);border:1px solid rgba(14,168,160,.24);
  padding:6px 11px;border-radius:100px;margin-top:10px;
}
.aba2-live-dot{
  width:6px;height:6px;border-radius:50%;background:var(--ab-teal);flex-shrink:0;
  animation:pulse 2s ease-in-out infinite;
}

.aba2-quote-wrap{
  background:transparent;
  border:none;
  border-top:1px solid rgba(244,238,221,.08);
  padding:36px 0 0;
  max-width:640px;
  margin:0 auto;
  text-align:center;
  opacity:0;transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.2,.8,.3,1) .6s,transform .7s cubic-bezier(.22,.68,0,1.1) .6s;
}
.aba2-quote-wrap.aba2-q-visible{opacity:1;transform:translateY(0);}
.aba2-quote-wrap.aba2-q-visible{opacity:1;transform:translateX(0);}
.aba2-quote-bar{
  width:52px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--ab-teal),rgba(217,176,101,.8));
  margin-bottom:14px;
}
.aba2-quote-kicker{
  font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.2px;color:#9CE5DA;margin-bottom:12px;
}
.aba2-quote{
  font-family:var(--serif);
  font-size:clamp(19px,2vw,25px);
  line-height:1.45;color:#F4EEDD;font-style:normal;
  margin-bottom:10px;
}
.aba2-quote-cite{
  font-size:12px;color:rgba(244,238,221,.62);
  font-style:normal;font-family:var(--mono);letter-spacing:.3px;
}

/* ══════ ACT 3 ══════ */
.aba3{
  position:relative;
  background:#0A1A16;
  color:#fff;
  padding:104px 48px 108px;
  overflow:hidden;
  text-align:center;
}
.aba3-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 55% 60% at 50% 50%,rgba(14,168,160,.08) 0%,transparent 65%),
    radial-gradient(ellipse 30% 35% at 15% 20%,rgba(14,168,160,.06) 0%,transparent 55%),
    radial-gradient(ellipse 28% 32% at 85% 80%,rgba(14,168,160,.05) 0%,transparent 50%);
  background-size:125% 125%;
  animation:abaBgFloatC 20s ease-in-out infinite alternate;
}
.aba3::before,
.aba3::after{
  content:'';
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.aba3::before{
  width:360px;height:360px;
  top:-90px;left:8%;
  background:radial-gradient(circle,rgba(14,168,160,.1) 0%,transparent 72%);
  animation:abaBlobDrift1 17s ease-in-out infinite alternate;
}
.aba3::after{
  width:420px;height:420px;
  right:-100px;bottom:-120px;
  background:radial-gradient(circle,rgba(14,168,160,.07) 0%,transparent 74%);
  animation:abaBlobDrift3 22s ease-in-out infinite alternate;
}
.aba3-particles-svg{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;
}
.aba3-shell{
  position:relative;z-index:2;
  max-width:680px;margin:0 auto;
}
.aba3-content{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,.68,0,1.1);
}
.aba3-content.aba3-visible{opacity:1;transform:translateY(0);}
.aba3-live{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11px;font-weight:700;color:var(--ab-teal);
  text-transform:uppercase;letter-spacing:1.2px;
  background:rgba(14,168,160,.1);border:1px solid rgba(14,168,160,.22);
  padding:6px 14px;border-radius:100px;margin-bottom:28px;
}
.aba3-live-dot{
  width:6px;height:6px;border-radius:50%;background:var(--ab-teal);flex-shrink:0;
  animation:pulse 2s ease-in-out infinite;
}
.aba3-title{
  font-family:var(--serif);
  font-size:clamp(40px,5.8vw,72px);
  line-height:1.03;letter-spacing:-.6px;
  color:#fff;margin-bottom:20px;
}
.aba3-title em{color:var(--ab-teal);font-style:italic;}
.aba3-body{
  font-size:17px;color:rgba(255,255,255,.45);
  line-height:1.74;max-width:480px;
  margin:0 auto 36px;
}
.aba3-actions{
  display:flex;align-items:center;justify-content:center;
  gap:14px;flex-wrap:wrap;margin-bottom:24px;
}
.aba3-btn-primary{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sans);font-size:15px;font-weight:700;
  background:var(--ab-teal);color:#fff;
  padding:15px 28px;border-radius:10px;
  border:none;cursor:pointer;text-decoration:none;
  transition:all .2s;
  box-shadow:0 8px 32px rgba(14,168,160,.3);
}
.aba3-btn-primary:hover{
  background:#0C9690;
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(14,168,160,.45);
}
.aba3-btn-outline{
  font-family:var(--sans);font-size:15px;font-weight:500;
  background:transparent;color:rgba(255,255,255,.65);
  padding:15px 26px;border-radius:10px;
  border:1.5px solid rgba(255,255,255,.18);
  cursor:pointer;transition:all .2s;
}
.aba3-btn-outline:hover{
  color:#fff;border-color:rgba(255,255,255,.38);
  background:rgba(255,255,255,.06);
}
.aba3-proof{
  font-size:12px;color:rgba(255,255,255,.22);
  font-family:var(--mono);letter-spacing:.3px;
}
@keyframes abaBgFloatA{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-18px,16px,0) scale(1.06);}
}
@keyframes abaBgFloatB{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(16px,-14px,0) scale(1.05);}
}
@keyframes abaBgFloatC{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-12px,-18px,0) scale(1.07);}
}
@keyframes abaBlobDrift1{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-26px,18px,0) scale(1.1);}
}
@keyframes abaBlobDrift2{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(20px,-16px,0) scale(1.08);}
}
@keyframes abaBlobDrift3{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-18px,22px,0) scale(1.09);}
}
@keyframes abaGridDrift{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(0,-24px,0);}
}
@keyframes abaOrbFloat{
  from{transform:translate3d(0,0,0) scale(1);opacity:.18;}
  to{transform:translate3d(-18px,16px,0) scale(1.18);opacity:.42;}
}
@keyframes abaRayShift{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(20px,-14px,0) scale(1.05);}
}
@keyframes abaWashShift{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(-14px,12px,0) scale(1.04);}
}

/* ══════ RESPONSIVE ══════ */
@media(max-width:960px){
  .aba1,.aba2,.aba3{padding:56px 24px 52px;}
  .aba1-body{
    grid-template-columns:1fr;
    gap:36px;
  }
  .aba1-map-wrap{
    max-width:100%;
    opacity:1;
    transform:none;
  }
  .aba1-attempts{
    opacity:1;
    transform:none;
  }
  .aba1-map-svg{
    max-height:280px;
    width:100%;
  }
  .aba2-visual{max-width:640px;}
  .aba2-story-items{grid-template-columns:1fr 1fr;}
  .aba2-story-item:nth-child(2){border-right:none;}
  .aba2-story-item:nth-child(3),
  .aba2-story-item:nth-child(4){border-top:1px solid rgba(244,238,221,.08);}
  .aba3{padding:72px 24px 80px;}
}
@media(max-width:640px){
  .aba1-title{font-size:34px;}
  .aba2-title{font-size:32px;}
  .aba3-title{font-size:36px;}
  .aba1-close-text{font-size:17px;}
  .aba2-quote{font-size:18px;}
  .aba2-visual{margin-bottom:30px;}
  .aba2-visual-frame{padding:22px 8px 18px;border-radius:24px;}
  .aba2-sonar-svg{width:108%;margin-left:-4%;}
  .aba2-arc-label{font-size:12px!important;letter-spacing:.9px!important;}
  .aba2-core-label{font-size:10px!important;letter-spacing:1.1px!important;}
  .aba2-sonar-caption{font-size:9px;line-height:1.7;max-width:260px;margin:14px auto 0;}
  .aba2-story-items{grid-template-columns:1fr;}
  .aba2-story-item{border-right:none;border-top:1px solid rgba(244,238,221,.08);padding:24px 18px;}
  .aba2-story-item:first-child{border-top:none;}
  .aba2-si-head{font-size:16px;}
  .aba2-si-text{font-size:13px;line-height:1.72;}
  .aba2-step-card::after{display:none!important;}
  .aba3-actions{flex-direction:column;align-items:stretch;}
  .aba3-btn-primary,.aba3-btn-outline{justify-content:center;text-align:center;}
  .aba1-body{grid-template-columns:1fr;gap:28px;}
.aba1-map-svg{max-height:220px;}
.aba1-attempt{grid-template-columns:28px 1fr 6px;gap:8px;}
.aba1-att-action{font-size:13px;}
.aba1-att-result{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){
  .aba1-bg,.aba2-bg,.aba3-bg,
  .aba1-light-rays,.aba2-light-wash,
  .aba1-grid-lines,.aba2-grid-lines,
  .aba1-orb,.aba2-orb,
  .aba1::before,.aba1::after,
  .aba2::before,.aba2::after,
  .aba3::before,.aba3::after{
    animation:none!important;
    transform:none!important;
  }
  .aba1-title,.aba1-sub,.aba1-map-wrap,.aba1-attempts,
  .aba1-attempt,.aba2-visual,.aba2-story-item,
  .aba2-quote-wrap,.aba3-content{
    opacity:1!important;transform:none!important;
    animation:none!important;transition:none!important;
  }
  .aba1-journey-path{stroke-dashoffset:0!important;}
  .aba1-pin{opacity:1!important;}
  .aba1-ngo-ring,.aba1-marker-ok,.abaTealPulse,
  .aba2-live-dot,.aba3-live-dot,.aba2-live-ring,.aba2-live-ring-two,
  .aba2-scan{animation:none!important;}
}
.wrap{width:100%;padding:1rem 0 2rem;font-family:system-ui,sans-serif}
.svg-wrap{width:100%;margin-bottom:2.5rem}
.sn-svg{width:100%;height:auto;display:block;overflow:visible}

@media(min-width:701px){
  .sn-svg{max-height:280px}
}

#dot-glow{transition:cy .72s cubic-bezier(.4,0,.2,1),fill .3s ease}
#dot-core{transition:cy .72s cubic-bezier(.4,0,.2,1),fill .3s ease}
.ll{opacity:0;transition:opacity .5s ease}
.ll.vis{opacity:1}
.ring{opacity:0;transition:opacity .35s ease}
.ring.vis{opacity:1}
.pop{opacity:0;transition:opacity .3s ease}
.pop.vis{opacity:1}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}
@media(max-width:700px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.cards{grid-template-columns:1fr}}

.card{
  padding:22px 20px;
  border-right:1px solid rgba(255,255,255,.08);
  background:transparent;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .5s ease,transform .5s ease;
  position:relative;
}
.card:last-child{border-right:none}
@media(max-width:700px){
  .card:nth-child(2){border-right:none}
  .card:nth-child(3){border-top:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}
  .card:nth-child(4){border-top:1px solid rgba(255,255,255,.08)}
}
@media(max-width:420px){
  .card{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .card:last-child{border-bottom:none}
}
.card.vis{opacity:1;transform:translateY(0)}
.card.active{background:rgba(255,255,255,.03)}

.cdot{width:9px;height:9px;border-radius:50%;margin-bottom:14px}
.ctitle{display:block;font-size:15px;font-weight:700;color:#E6F0FB;line-height:1.3;margin-bottom:8px}
.cdesc{font-size:13px;color:rgba(230,240,251,.42);line-height:1.65}
/* ── SECTION 1 BASE ── */
.hiw-s1{
  position:relative;
  background:#0A1628;
  color:#E6F0FB;
  overflow:hidden;
  padding:80px 48px 64px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hiw-s1-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 58% 52% at 22% 30%,rgba(55,138,221,.16) 0%,transparent 60%),
    radial-gradient(ellipse 44% 40% at 80% 70%,rgba(26,122,98,.10) 0%,transparent 58%),
    radial-gradient(ellipse 36% 32% at 72% 18%,rgba(232,93,38,.08) 0%,transparent 50%);
}
.hiw-s1-grid-lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(122,180,240,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,180,240,.04) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,0,0,.7),transparent);
}
.hiw-orbs{position:absolute;inset:0;pointer-events:none;}
.hiw-orb{position:absolute;border-radius:50%;opacity:.28;}
.hiw-orb-a{width:8px;height:8px;top:18%;left:12%;background:#7AB4F0;animation:hiwOrbFloat 9s ease-in-out infinite alternate;}
.hiw-orb-b{width:6px;height:6px;top:62%;left:88%;background:rgba(232,93,38,.8);animation:hiwOrbFloat 11s ease-in-out 1s infinite alternate;}
.hiw-orb-c{width:7px;height:7px;top:30%;left:55%;background:#9FE1CB;animation:hiwOrbFloat 13s ease-in-out 2s infinite alternate;}
@keyframes hiwOrbFloat{from{transform:translate(0,0);}to{transform:translate(14px,-18px);}}

/* ── S1 LAYOUT ── */
.hiw-s1-shell{position:relative;z-index:2;max-width:1200px;margin:0 auto;}
.hiw-eyebrow{
  display:flex;align-items:center;gap:10px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;
  color:rgba(232,93,38,.9);margin-bottom:16px;
}
.hiw-eyebrow-line{display:block;width:20px;height:1.5px;background:rgba(232,93,38,.8);}
.hiw-eyebrow-light{color:rgba(232,93,38,.85);}
.hiw-eyebrow-line-light{background:rgba(232,93,38,.75);}
.hiw-s1-header{text-align:center;margin-bottom:52px;}
.hiw-s1-header .hiw-eyebrow{justify-content:center;}
.hiw-s1-title{
  font-family:var(--serif);
  font-size:clamp(38px,5vw,62px);
  line-height:1.04;letter-spacing:-.5px;
  color:#fff;margin-bottom:14px;
}
.hiw-s1-title em{color:#7AB4F0;font-style:italic;}
.hiw-s1-sub{font-size:16px;color:rgba(230,240,251,.5);line-height:1.72;max-width:560px;margin:0 auto;}

/* ── SPLIT LAYOUT ── */
.hiw-split{
  display:grid;
  grid-template-columns:1fr 40px 1fr;
  gap:0;
  align-items:start;
  margin-bottom:40px;
}

/* ── PHONE (left) ── */
.hiw-chat-side{display:flex;flex-direction:column;align-items:center;gap:14px;}
.hiw-phone{
  background:#141210;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 24px 72px rgba(0,0,0,.45);
  width:100%;max-width:340px;
}
.hiw-phone-bar{
  display:flex;align-items:center;gap:10px;
  padding:13px 16px;
  background:#0F0D0B;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.hiw-phone-av{
  width:34px;height:34px;border-radius:50%;
  background:var(--orange);display:flex;align-items:center;justify-content:center;
  font-size:17px;flex-shrink:0;
}
.hiw-phone-name{font-size:13px;font-weight:700;color:#fff;line-height:1.2;}
.hiw-phone-status{
  display:flex;align-items:center;gap:5px;
  font-size:11px;color:rgba(255,255,255,.38);margin-top:2px;
}
.hiw-phone-dot{
  width:6px;height:6px;border-radius:50%;background:#9FE1CB;flex-shrink:0;
  animation:pulse 2s ease-in-out infinite;
}
.hiw-phone-time{
  margin-left:auto;font-family:var(--mono);
  font-size:11px;color:rgba(255,255,255,.25);flex-shrink:0;
}
.hiw-chat-body{
  padding:14px 14px 10px;
  display:flex;flex-direction:column;gap:8px;
  min-height:320px;max-height:400px;overflow-y:auto;
  background:#1A1512;
}
/* messages */
.hiw-msg{font-size:13px;line-height:1.48;max-width:86%;padding:9px 13px;border-radius:13px;opacity:0;transform:translateY(6px);transition:opacity .38s ease,transform .38s cubic-bezier(.34,1.3,.64,1);}
.hiw-msg-u{align-self:flex-end;background:rgba(232,93,38,.22);color:rgba(255,255,255,.84);border-radius:13px 13px 3px 13px;}
.hiw-msg-b{align-self:flex-start;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);border-radius:13px 13px 13px 3px;}
.hiw-msg-tag{display:block;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--orange2);margin-bottom:4px;}
.hiw-msg-b.hiw-alert{background:rgba(200,40,40,.1);border:1px solid rgba(255,80,80,.12);}
.hiw-msg-b.hiw-ok{background:rgba(26,122,98,.16);border:1px solid rgba(26,122,98,.2);color:rgba(255,255,255,.84);}
.hiw-msg.hiw-msg-visible{opacity:1;transform:translateY(0);}
.hiw-phone-input{
  padding:10px 14px 12px;
  border-top:1px solid rgba(255,255,255,.05);
  background:#141210;
}
.hiw-input-pill{
  display:flex;align-items:center;gap:4px;
  padding:7px 12px;
  background:rgba(255,255,255,.06);
  border-radius:8px;width:fit-content;
}
.hiw-typing-dot{
  width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4);
  animation:hiwTyping 1.1s ease-in-out infinite;
}
.hiw-typing-dot:nth-child(2){animation-delay:.18s;}
.hiw-typing-dot:nth-child(3){animation-delay:.36s;}
@keyframes hiwTyping{0%,100%{opacity:.3;transform:scale(.9);}50%{opacity:1;transform:scale(1.1);}}
.hiw-replay-btn{
  font-family:var(--sans);font-size:13px;font-weight:600;
  background:transparent;border:1px solid rgba(122,180,240,.28);
  color:rgba(122,180,240,.75);border-radius:8px;padding:9px 18px;
  cursor:pointer;transition:all .2s;
}
.hiw-replay-btn:hover{border-color:rgba(122,180,240,.55);color:#9CC8F3;background:rgba(122,180,240,.07);}

/* ── CONNECTOR ── */
.hiw-connector{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding-top:80px;position:relative;
}
.hiw-conn-line{
  width:1.5px;height:280px;
  background:linear-gradient(to bottom,rgba(122,180,240,.04),rgba(122,180,240,.3),rgba(122,180,240,.04));
}
.hiw-conn-pulse{
  position:absolute;top:80px;
  width:8px;height:8px;border-radius:50%;
  background:#7AB4F0;
  box-shadow:0 0 0 0 rgba(122,180,240,.4);
  animation:hiwConnPulse 2.4s ease-in-out infinite;
}
@keyframes hiwConnPulse{
  0%{top:80px;opacity:1;box-shadow:0 0 0 0 rgba(122,180,240,.4);}
  50%{box-shadow:0 0 0 6px rgba(122,180,240,.0);}
  100%{top:360px;opacity:0;box-shadow:0 0 0 0 rgba(122,180,240,0);}
}

/* ── X-RAY (right) ── */
.hiw-xray-side{display:flex;flex-direction:column;gap:0;}
.hiw-xray-label{
  font-family:var(--mono);font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(122,180,240,.5);margin-bottom:16px;padding-left:4px;
}
.hiw-xray-events{display:flex;flex-direction:column;gap:0;}
.hiw-xray-event{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  opacity:.22;
  transform:translateX(8px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.22,.68,0,1.1),border-color .3s;
}
.hiw-xray-event:last-child{border-bottom:none;}
.hiw-xray-event.hiw-xe-active{opacity:1;transform:translateX(0);}
.hiw-xray-event.hiw-xe-done{opacity:.52;transform:translateX(0);}
.hiw-xe-icon{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
  transition:all .3s;
}
.hiw-xe-orange{background:rgba(232,93,38,.12);color:rgba(232,93,38,.8);border:1px solid rgba(232,93,38,.22);}
.hiw-xe-amber{background:rgba(212,136,10,.12);color:rgba(212,136,10,.9);border:1px solid rgba(212,136,10,.22);}
.hiw-xe-teal{background:rgba(26,122,98,.14);color:rgba(80,200,150,.9);border:1px solid rgba(26,122,98,.24);}
.hiw-xe-green{background:rgba(80,200,150,.12);color:#50C896;border:1px solid rgba(80,200,150,.24);}
.hiw-xray-event.hiw-xe-active .hiw-xe-orange{background:rgba(232,93,38,.22);box-shadow:0 0 18px rgba(232,93,38,.2);}
.hiw-xray-event.hiw-xe-active .hiw-xe-amber{background:rgba(212,136,10,.22);box-shadow:0 0 18px rgba(212,136,10,.2);}
.hiw-xray-event.hiw-xe-active .hiw-xe-teal{background:rgba(26,122,98,.24);box-shadow:0 0 18px rgba(26,122,98,.2);}
.hiw-xray-event.hiw-xe-active .hiw-xe-green{background:rgba(80,200,150,.22);box-shadow:0 0 18px rgba(80,200,150,.2);}
.hiw-xe-body{flex:1;min-width:0;}
.hiw-xe-title{font-size:14px;font-weight:700;color:#E6F0FB;margin-bottom:5px;line-height:1.3;}
.hiw-xe-desc{font-size:13px;color:rgba(230,240,251,.5);line-height:1.62;margin-bottom:8px;}
.hiw-xe-desc strong{color:rgba(230,240,251,.82);font-weight:600;}
.hiw-xe-meta{display:flex;align-items:center;gap:8px;}
.hiw-xe-tag{
  font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.5px;
  padding:3px 9px;border-radius:5px;
}
.hiw-xe-tag-orange{background:rgba(232,93,38,.14);color:rgba(232,93,38,.85);}
.hiw-xe-tag-red{background:rgba(230,40,40,.15);color:rgba(255,100,100,.8);}
.hiw-xe-tag-teal{background:rgba(26,122,98,.18);color:rgba(80,200,150,.9);}
.hiw-xe-tag-green{background:rgba(80,200,150,.16);color:#50C896;}
.hiw-xe-time{font-family:var(--mono);font-size:11px;color:rgba(230,240,251,.3);margin-left:auto;}
/* Escalation timer */
.hiw-timer-wrap{margin-top:10px;}
.hiw-timer-label{font-size:11px;color:rgba(212,136,10,.8);margin-bottom:5px;font-weight:600;}
.hiw-timer-track{height:4px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden;}
.hiw-timer-fill{
  height:100%;width:100%;
  background:linear-gradient(90deg,#D4880A,rgba(232,93,38,.8));
  border-radius:2px;
  transition:width .5s linear;
}

/* ── STATS STRIP ── */
.hiw-stats-strip{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:0;margin-top:24px;
  border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;
}
.hiw-stat{
  padding:16px 20px;border-right:1px solid rgba(255,255,255,.07);
  text-align:center;
}
.hiw-stat:last-child{border-right:none;}
.hiw-stat-n{font-family:var(--serif);font-size:26px;color:#E6F0FB;line-height:1;margin-bottom:4px;}
.hiw-stat-l{font-size:11px;color:rgba(230,240,251,.35);text-transform:uppercase;letter-spacing:.5px;font-weight:600;}

/* ── STEP PILLS ── */
.hiw-steps-row{
  display:flex;align-items:center;justify-content:center;
  gap:8px;flex-wrap:wrap;margin-top:4px;
}
.hiw-step-pill{
  display:flex;align-items:center;gap:7px;
  padding:10px 18px;border-radius:100px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  transition:all .4s ease;
}
.hiw-step-pill.hiw-sp-active{
  background:rgba(232,93,38,.16);
  border-color:rgba(232,93,38,.35);
  box-shadow:0 0 18px rgba(232,93,38,.12);
}
.hiw-step-pill.hiw-sp-done{
  background:rgba(26,122,98,.1);
  border-color:rgba(26,122,98,.3);
}
.hiw-sp-num{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:rgba(230,240,251,.35);letter-spacing:.8px;
}
.hiw-step-pill.hiw-sp-active .hiw-sp-num{color:rgba(232,93,38,.9);}
.hiw-step-pill.hiw-sp-done .hiw-sp-num{color:rgba(80,200,150,.75);}
.hiw-sp-label{font-size:13px;font-weight:600;color:rgba(230,240,251,.55);}
.hiw-step-pill.hiw-sp-active .hiw-sp-label{color:#E6F0FB;}
.hiw-step-pill.hiw-sp-done .hiw-sp-label{color:rgba(80,200,150,.8);}
.hiw-step-arrow{font-size:14px;color:rgba(255,255,255,.18);margin:0 2px;}

/* ════════════════════════════════
   SECTION 2 STYLES
════════════════════════════════ */
.hiw-s2{
  position:relative;
  background:#060D18;
  color:#E6F0FB;
  overflow:hidden;
  padding:88px 48px 80px;
}
.hiw-s2-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 60% at 50% 50%,rgba(232,93,38,.06) 0%,transparent 65%),
    radial-gradient(ellipse 30% 40% at 20% 80%,rgba(55,138,221,.07) 0%,transparent 55%);
}
.hiw-s2-shell{position:relative;z-index:2;max-width:900px;margin:0 auto;}
.hiw-s2-header{text-align:center;margin-bottom:64px;}
.hiw-s2-header .hiw-eyebrow{justify-content:center;}
.hiw-s2-title{
  font-family:var(--serif);
  font-size:clamp(36px,5vw,60px);
  line-height:1.05;letter-spacing:-.4px;
  color:#fff;margin-bottom:14px;
}
.hiw-s2-title em{color:var(--orange2);font-style:italic;}
.hiw-s2-sub{font-size:16px;color:rgba(230,240,251,.45);line-height:1.74;max-width:520px;margin:0 auto;}

/* ── HEARTBEAT TIMELINE ── */
.hiw-hb-wrap{
  position:relative;
  padding-left:80px;
  display:flex;flex-direction:column;gap:0;
}
/* vertical spine */
.hiw-hb-spine{
  position:absolute;left:26px;top:16px;bottom:16px;
  width:2px;
}
.hiw-hb-spine-line{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.06),rgba(232,93,38,.2),rgba(255,255,255,.04));
}
.hiw-hb-spine-pulse{
  position:absolute;left:50%;transform:translateX(-50%);
  width:6px;height:6px;border-radius:50%;background:rgba(232,93,38,.6);
  animation:hiwSpineScroll 8s linear infinite;
}
@keyframes hiwSpineScroll{
  0%{top:0%;opacity:0;}
  5%{opacity:1;}
  95%{opacity:1;}
  100%{top:100%;opacity:0;}
}

/* Moment rows */
.hiw-hb-moment{
  position:relative;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:0 16px;
  align-items:flex-start;
  padding:28px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  opacity:0;transform:translateY(14px);
  transition:opacity .6s ease,transform .6s cubic-bezier(.22,.68,0,1.1);
}
.hiw-hb-moment:last-child{border-bottom:none;}
.hiw-hb-moment.hiw-hb-visible{opacity:1;transform:translateY(0);}
.hiw-hb-moment:nth-child(2){transition-delay:.12s;}
.hiw-hb-moment:nth-child(3){transition-delay:.24s;}
.hiw-hb-moment:nth-child(4){transition-delay:.36s;}

/* Timestamp */
.hiw-hb-timestamp{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:rgba(230,240,251,.3);letter-spacing:.3px;
  padding-top:10px;text-align:right;
}
/* Node dot */
.hiw-hb-node{
  display:none;
}
.hiw-hb-ring{
  position:absolute;inset:-6px;border-radius:50%;
  border:1px solid;
  animation:hiwRingPulse 3s ease-in-out infinite;
  opacity:0;
}
.hiw-hb-moment.hiw-hb-visible .hiw-hb-ring{opacity:.4;}
@keyframes hiwRingPulse{0%,100%{transform:scale(1);opacity:.4;}50%{transform:scale(1.15);opacity:.15;}}
.hiw-hb-node-green{background:rgba(26,122,98,.18);border:1.5px solid rgba(80,200,150,.5);color:#50C896;}
.hiw-hb-node-amber{background:rgba(212,136,10,.16);border:1.5px solid rgba(212,136,10,.5);color:#EF9F27;}
.hiw-hb-node-orange{background:rgba(232,93,38,.16);border:1.5px solid rgba(232,93,38,.5);color:var(--orange2);}
.hiw-hb-node-red{background:rgba(220,50,50,.16);border:1.5px solid rgba(220,50,50,.5);color:#F09595;}
.hiw-hb-ring-green{border-color:rgba(80,200,150,1);}
.hiw-hb-ring-amber{border-color:rgba(212,136,10,1);}
.hiw-hb-ring-orange{border-color:rgba(232,93,38,1);}
.hiw-hb-ring-red{border-color:rgba(220,50,50,1);}
/* Content */
.hiw-hb-content{padding-top:6px;}
.hiw-hb-action{
  font-size:18px;font-weight:700;color:#fff;
  margin-bottom:8px;line-height:1.22;
  font-family:var(--serif);
}
.hiw-hb-detail{
  font-size:14px;color:rgba(230,240,251,.5);
  line-height:1.72;margin-bottom:10px;
}
.hiw-hb-tag{
  display:inline-block;
  font-size:11px;font-weight:700;
  padding:4px 12px;border-radius:100px;
}
.hiw-hb-tag-green{background:rgba(80,200,150,.12);color:#50C896;border:1px solid rgba(80,200,150,.22);}
.hiw-hb-tag-amber{background:rgba(212,136,10,.12);color:#EF9F27;border:1px solid rgba(212,136,10,.22);}
.hiw-hb-tag-orange{background:rgba(232,93,38,.12);color:var(--orange2);border:1px solid rgba(232,93,38,.22);}
.hiw-hb-tag-red{background:rgba(220,50,50,.12);color:#F09595;border:1px solid rgba(220,50,50,.22);}

/* Closing statement */
.hiw-s2-close{
  margin-top:64px;
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:52px;
  text-align:center;
}
.hiw-s2-close-inner{max-width:640px;margin:0 auto;}
.hiw-s2-close-text{
  font-family:var(--serif);
  font-size:clamp(18px,2.2vw,24px);
  line-height:1.68;
  color:rgba(230,240,251,.5);
  margin-bottom:32px;
}
.hiw-s2-close-text strong{color:rgba(230,240,251,.82);font-weight:700;font-style:normal;}
.hiw-s2-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hiw-s1,.hiw-s2{padding:56px 24px 48px;}
  .hiw-split{grid-template-columns:1fr;gap:32px;}
  .hiw-connector{display:none;}
  .hiw-phone{max-width:100%;}
  .hiw-hb-wrap{padding-left:60px;}
  .hiw-hb-moment{grid-template-columns:44px 32px 1fr;}
  .hiw-hb-node{margin-left:-36px;}
  .hiw-hb-spine{left:20px;}
}
@media(max-width:600px){
  .hiw-s1-title,.hiw-s2-title{font-size:34px;}
  .hiw-steps-row{gap:4px;}
  .hiw-step-pill{padding:8px 12px;}
  .hiw-sp-label{font-size:12px;}
  .hiw-stats-strip{grid-template-columns:1fr;}
  .hiw-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);}
  .hiw-stat:last-child{border-bottom:none;}
  .hiw-hb-action{font-size:15px;}
  .hiw-hb-detail{font-size:13px;}
  .hiw-hb-wrap{padding-left:0;padding-right:0;}
  .hiw-hb-moment{
    grid-template-columns:42px 1fr;
    gap:0 12px;
    padding:20px 16px;
  }
  .hiw-hb-timestamp{
    font-size:11px;
    padding-top:4px;
    text-align:left;
  }
  .hiw-hb-node{display:none;}
  .hiw-hb-spine{display:none;}
  .hiw-hb-content{padding-top:0;}
  .hiw-hb-tag{font-size:10px;padding:3px 10px;}
  .hiw-s2{padding:56px 16px 48px;}
}
@media(prefers-reduced-motion:reduce){
  .hiw-orb,.hiw-conn-pulse,.hiw-hb-ring,.hiw-hb-spine-pulse,
  .hiw-typing-dot,.hiw-phone-dot,.hiw-timer-fill{animation:none!important;}
}

@media(min-width:900px){
  .nav-links{display:flex;}
  .live-badge{display:flex;}
  .hamburger{display:none;}
  .hero-inner{grid-template-columns:1.1fr .9fr;}
  .steps-grid{grid-template-columns:repeat(3,1fr);}
  .chat-grid{grid-template-columns:300px 1fr;}
  .chat-info{order:0;}
  .home-cta-inner{grid-template-columns:1fr auto;padding:64px;}
  .rescuer-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;}
  .support-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;}
  .vol-split{grid-template-columns:1fr 440px;}
  .about-story-inner{grid-template-columns:1fr 1fr;}
  .about-grid{grid-template-columns:repeat(3,1fr);}
  .about-next-inner{grid-template-columns:1.1fr .9fr;align-items:center;}
  .hiw-diagram{grid-template-columns:repeat(5,1fr);}
  .hiw-phase::after{content:'?';left:auto;right:-14px;top:50%;bottom:auto;transform:translateY(-50%);}
  .kw-flow{grid-template-columns:repeat(3,1fr);}
  .admin-layout{grid-template-columns:220px 1fr;min-height:calc(100vh - 62px);}
  .admin-sidebar{flex-direction:column;align-items:flex-start;padding:24px 0;border-bottom:none;border-right:1px solid rgba(255,255,255,.07);height:100%;}
  .sidebar-logo{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px;width:100%;margin-right:0;}
  .admin-nav{flex-direction:column;padding:0 10px;flex:1;flex-wrap:nowrap;}
  .sidebar-status{margin:auto 20px 0;width:calc(100% - 40px);}
  .page-hero-shell{grid-template-columns:1fr 380px;gap:48px;}
  .flow-map{grid-template-columns:repeat(4,1fr);}
  .admin-charts-row{grid-template-columns:2fr 1fr;}
  .heatmap-wrap{grid-template-columns:1fr 260px;}
}
@media(min-width:1200px){
  .hiw-grid{grid-template-columns:1fr;}
  .pipeline-cards{grid-template-columns:1fr 1fr 1fr;}
  .esc-flow{grid-template-columns:repeat(4,1fr);}
}


/* ══════════════════════════════════════════════════════════
   ANIRATNA — VOLUNTEER PAGE  (warm, grounded, empathetic)
══════════════════════════════════════════════════════════ */

:root {
  --anr-bg:    #0D0C0A;
  --anr-bg2:   #0A0908;
  --anr-bg3:   #0C0B09;
  --anr-or:    #E85D26;
  --anr-or2:   #F08050;
  --anr-or3:   #F8C4A0;
  --anr-ink:   rgba(245,242,238,.92);
  --anr-ink2:  rgba(188,170,148,.58);
  --anr-ink3:  rgba(135,118,98,.32);
}

/* ── Shell ── */
.anr-shell { position:relative; z-index:2; max-width:1140px; margin:0 auto; padding:0 24px; }

/* ── Eyebrow ── */
.anr-eyebrow {
  display:flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--sans); font-size:11px; font-weight:700;
  text-transform:uppercase; letter-spacing:1.6px;
  color:rgba(232,93,38,.85); margin-bottom:14px;
}
.anr-eyebrow-dash { display:block; width:16px; height:1.5px; background:rgba(232,93,38,.5); flex-shrink:0; }

/* ── Buttons ── */
.anr-btn-primary {
  font-family:var(--sans); font-size:14px; font-weight:600;
  background:var(--anr-or); color:#fff;
  padding:13px 26px; border-radius:10px; border:none; cursor:pointer;
  transition:background .2s,box-shadow .2s,transform .15s;
  box-shadow:0 4px 20px rgba(232,93,38,.35);
}
.anr-btn-primary:hover { background:#C94E1A; box-shadow:0 6px 28px rgba(232,93,38,.55); transform:translateY(-1px); }
.anr-btn-ghost {
  font-family:var(--sans); font-size:14px; font-weight:500;
  background:transparent; color:rgba(240,128,80,.85);
  padding:13px 24px; border-radius:10px;
  border:1px solid rgba(232,93,38,.28); cursor:pointer;
  transition:border-color .2s,color .2s;
}
.anr-btn-ghost:hover { border-color:rgba(232,93,38,.6); color:var(--anr-or2); }

/* ═══════════════════════════════════════════════════════════
   SECTION 1 — BE THE SIGNAL
═══════════════════════════════════════════════════════════ */
.anr-s1 {
  position:relative; background:var(--anr-bg); color:var(--anr-ink);
  padding:96px 48px 80px; overflow:hidden; isolation:isolate;
}
.anr-s1-bg {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 65% 55% at 18% 28%, rgba(232,93,38,.09) 0%,transparent 65%),
    radial-gradient(ellipse 50% 65% at 82% 68%, rgba(200,70,30,.07)  0%,transparent 60%),
    radial-gradient(ellipse 40% 38% at 58% 8%,  rgba(220,100,50,.05) 0%,transparent 55%),
    radial-gradient(ellipse 32% 50% at 4%  82%, rgba(180,55,25,.06)  0%,transparent 60%),
    #0D0C0A;
  animation:anrBgDrift 22s ease-in-out infinite alternate;
}
.anr-s1-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(232,93,38,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,93,38,.028) 1px,transparent 1px);
  background-size:60px 60px;
  animation:anrGridDrift 32s linear infinite;
}
.anr-s1-grid::after { display:none; }
.anr-s1-rays {
  position:absolute; inset:0; pointer-events:none;
  background:
    conic-gradient(from 270deg at 12% 50%,rgba(232,93,38,.06) 0deg,transparent 35deg,transparent 360deg),
    conic-gradient(from 90deg at 88% 50%,rgba(200,70,30,.04)  0deg,transparent 30deg,transparent 360deg);
  mix-blend-mode:screen;
  animation:anrRayShift 18s ease-in-out infinite alternate;
}
.anr-s1-orbs { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.anr-orb { position:absolute; border-radius:50%; filter:blur(1px); animation:anrOrbFloat 9s ease-in-out infinite alternate; }
.anr-orb-a { width:4px; height:4px; background:rgba(232,93,38,.55);  top:18%; left:12%; animation-duration:9s;  animation-delay:0s;  }
.anr-orb-b { width:3px; height:3px; background:rgba(220,80,40,.65);  top:62%; left:88%; animation-duration:11s; animation-delay:-3s; }
.anr-orb-c { width:5px; height:5px; background:rgba(240,120,70,.45); top:38%; left:72%; animation-duration:13s; animation-delay:-6s; }
.anr-orb-d { width:3px; height:3px; background:rgba(210,75,35,.40);  top:80%; left:28%; animation-duration:10s; animation-delay:-1s; }
.anr-orb-e { width:4px; height:4px; background:rgba(232,93,38,.45);  top:10%; left:55%; animation-duration:14s; animation-delay:-4s; }
.anr-s1::before {
  content:''; position:absolute; width:560px; height:560px; border-radius:50%;
  background:radial-gradient(circle,rgba(220,80,38,.09) 0%,transparent 70%);
  top:-140px; left:-140px; pointer-events:none;
  animation:anrAuroraDrift 22s ease-in-out infinite alternate;
}
.anr-s1::after {
  content:''; position:absolute; width:460px; height:460px; border-radius:50%;
  background:radial-gradient(circle,rgba(190,60,28,.07) 0%,transparent 70%);
  bottom:-110px; right:-90px; pointer-events:none;
  animation:anrAuroraDrift 26s ease-in-out infinite alternate-reverse;
}

/* ── Centered header ── */
.anr-s1-header { text-align:center; margin-bottom:56px; }
.anr-s1-title {
  font-family:var(--serif); font-size:clamp(46px,6vw,76px);
  line-height:1.02; color:#fff; margin-bottom:18px;
  opacity:0; transform:translateY(22px);
  animation:anrFadeUp .85s cubic-bezier(.22,.68,0,1.1) .12s forwards;
}
.anr-s1-title em { color:var(--anr-or2); font-style:italic; }
.anr-s1-sub {
  font-size:17px; color:var(--anr-ink2); line-height:1.76;
  max-width:540px; margin:0 auto 30px;
  opacity:0; animation:anrFadeUp .85s cubic-bezier(.22,.68,0,1.1) .28s forwards;
}
.anr-s1-actions {
  display:flex; gap:12px; flex-wrap:wrap; justify-content:center;
  margin-bottom:18px;
  opacity:0; animation:anrFadeUp .85s cubic-bezier(.22,.68,0,1.1) .44s forwards;
}
.anr-s1-hand {
  font-size:12.5px; color:var(--anr-ink3); font-style:italic;
  opacity:0; animation:anrFadeUp .85s cubic-bezier(.22,.68,0,1.1) .6s forwards;
}

/* ── Dispatch visual ── */
.anr-dispatch-wrap {
  display:grid; grid-template-columns:1fr 1fr; gap:20px;
  max-width:860px; margin:0 auto;
  opacity:0; animation:anrFadeUp .9s cubic-bezier(.22,.68,0,1.1) .72s forwards;
}
.anr-dc {
  border-radius:16px; border:1px solid rgba(232,93,38,.18);
  background:rgba(12,16,8,.75); backdrop-filter:blur(16px);
  overflow:hidden; display:flex; flex-direction:column;
}
.anr-dc-left  { padding:0; }
.anr-dc-right { padding:22px 22px 20px; justify-content:space-between; }

/* Case alert head */
.anr-dc-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px 12px; border-bottom:1px solid rgba(232,93,38,.1);
}
.anr-dc-urgency {
  display:flex; align-items:center; gap:7px;
  font-family:var(--mono,'Space Mono',monospace);
  font-size:10px; font-weight:700; letter-spacing:1.2px; color:#ff6b6b;
}
.anr-urg-dot {
  width:7px; height:7px; border-radius:50%; background:#ff6b6b;
  box-shadow:0 0 8px rgba(255,107,107,.8);
  animation:anrUrgPulse 1.4s ease-in-out infinite;
}
.anr-dc-caseid { font-family:var(--mono,'Space Mono',monospace); font-size:10px; color:var(--anr-ink3); }

/* ── Paw SOS visual ── */
.anr-dc-sos {
  flex:1; position:relative; display:flex; align-items:center;
  justify-content:center; background:#060A04; min-height:130px;
  overflow:hidden;
}
.anr-dc-sos::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(232,93,38,.1) 0%,transparent 70%);
}
.anr-sos-ring {
  position:absolute; border-radius:50%;
  border:1px solid rgba(232,93,38,.5);
  animation:anrSosRing 2.8s ease-out infinite;
}
.anr-sos-r1 { width:48px;  height:48px;  animation-delay:0s;   border-color:rgba(232,93,38,.7); }
.anr-sos-r2 { width:76px;  height:76px;  animation-delay:.7s;  border-color:rgba(232,93,38,.4); }
.anr-sos-r3 { width:104px; height:104px; animation-delay:1.4s; border-color:rgba(232,93,38,.2); }
.anr-sos-core {
  position:relative; z-index:3;
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  filter:drop-shadow(0 0 12px rgba(232,93,38,.8));
}
.anr-sos-paw { width:36px; height:36px; }

/* Case info block */
.anr-dc-caseinfo { padding:12px 16px 10px; }
.anr-dc-animal { font-size:13px; font-weight:600; color:var(--anr-ink); margin-bottom:7px; }
.anr-dc-loc {
  display:flex; align-items:center; gap:6px;
  font-size:11.5px; color:var(--anr-ink2); margin-bottom:10px;
}
.anr-loc-dot {
  width:6px; height:6px; border-radius:50%; background:var(--anr-amber-l);
  box-shadow:0 0 8px rgba(251,191,36,.7); flex-shrink:0;
  animation:anrLocPing 2s ease-in-out infinite;
}
.anr-sev-row { display:flex; align-items:center; gap:8px; }
.anr-sev-lbl { font-size:10px; color:var(--anr-ink3); text-transform:uppercase; letter-spacing:1px; white-space:nowrap; }
.anr-sev-track { flex:1; height:5px; background:rgba(232,93,38,.12); border-radius:3px; overflow:hidden; }
.anr-sev-fill  { height:100%; width:80%; background:linear-gradient(90deg,rgba(232,93,38,.6),#F59E0B); border-radius:3px; }
.anr-sev-val   { font-size:11px; font-weight:700; color:var(--anr-amber-l); white-space:nowrap; }

/* Footer */
.anr-dc-foot {
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px 14px; border-top:1px solid rgba(232,93,38,.1);
}
.anr-dc-timer  { display:flex; align-items:center; gap:6px; }
.anr-timer-val {
  font-family:var(--mono,'Space Mono',monospace);
  font-size:34px; font-weight:700; color:var(--anr-amber-l); line-height:1;
}
.anr-timer-lbl { font-size:9px; color:var(--anr-ink3); text-transform:uppercase; letter-spacing:1px; }
.anr-dc-cmd    { font-size:10.5px; color:var(--anr-ink3); }
.anr-respond-chip {
  display:inline-block; font-family:var(--mono,'Space Mono',monospace);
  font-size:10px; font-weight:700; letter-spacing:.8px;
  color:#0C1008; background:var(--anr-amber);
  padding:4px 11px; border-radius:5px; margin-left:5px;
  box-shadow:0 0 12px rgba(232,93,38,.55); vertical-align:middle;
}

/* ── Aniratna right panel ── */
.anr-dcr-label {
  font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:1.3px; color:rgba(251,191,36,.6); margin-bottom:16px;
}
.anr-dcr-hero {
  position:relative; display:flex; align-items:center;
  justify-content:center; height:110px; margin-bottom:14px;
}
.anr-dcrh-ring {
  position:absolute; border-radius:50%;
  animation:anrSealPulse 3s ease-in-out infinite;
}
.anr-dcrh-r1 { width:88px;  height:88px;  border:1.5px solid rgba(232,93,38,.4); animation-delay:0s;  }
.anr-dcrh-r2 { width:108px; height:108px; border:1px   solid rgba(232,93,38,.18); animation-delay:.8s; }
.anr-dcrh-avatar {
  position:relative; z-index:2;
  width:62px; height:62px; border-radius:50%;
  background:linear-gradient(135deg,rgba(232,93,38,.3),rgba(217,119,6,.5));
  border:2px solid rgba(232,93,38,.65);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 24px rgba(232,93,38,.45);
}
.anr-dcrh-initials { font-family:var(--serif); font-size:22px; color:#fff; font-weight:700; }
.anr-dcrh-badge {
  position:absolute; bottom:-2px; right:-2px;
  width:20px; height:20px; border-radius:50%;
  background:var(--anr-amber); color:#0C1008;
  font-size:10px; font-weight:900;
  display:flex; align-items:center; justify-content:center;
  border:2px solid #0C1008;
  box-shadow:0 0 8px rgba(232,93,38,.6);
}
.anr-dcrh-name {
  font-family:var(--serif); font-size:17px; color:#fff;
  text-align:center; margin-bottom:8px;
}
.anr-dcrh-meta {
  display:flex; align-items:center; gap:8px;
  flex-wrap:wrap; justify-content:center; margin-bottom:16px;
}
.anr-dcrh-vbadge {
  font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.9px;
  color:#0C1008; background:var(--anr-amber); padding:2px 8px; border-radius:4px;
}
.anr-dcrh-stat-item { font-size:11.5px; color:var(--anr-ink2); }
.anr-dcrh-stat-item strong { color:#fff; }

/* Confirm card */
.anr-confirm {
  display:flex; align-items:center; gap:12px;
  background:rgba(232,93,38,.12); border:1px solid rgba(232,93,38,.35);
  border-radius:10px; padding:12px 14px; margin-bottom:14px;
  animation:anrSlideUp .45s cubic-bezier(.22,.68,0,1.1) both;
}
.anr-confirm.anr-hidden { display:none; }
.anr-confirm-check {
  width:32px; height:32px; border-radius:50%; background:var(--anr-amber);
  display:flex; align-items:center; justify-content:center;
  font-size:15px; color:#0C1008; flex-shrink:0;
  box-shadow:0 0 16px rgba(232,93,38,.6);
}
.anr-confirm-name { font-size:12.5px; font-weight:600; color:var(--anr-amber-xl); margin-bottom:2px; }
.anr-confirm-sub  { font-size:10.5px; color:var(--anr-ink2); }
.anr-dcr-hand { font-size:11.5px; color:var(--anr-ink3); font-style:italic; line-height:1.5; text-align:center; }

/* ═══════════════════════════════════════════════════════════
   SECTION 1 — BRIDGE ARCH DIAGRAM
   Aniratna as the peak connector: Animal → AI → YOU → Help → Safe
═══════════════════════════════════════════════════════════ */
.anr-field-wrap {
  position:relative;
  width:min(360px, 88vw);
  aspect-ratio:1/1;
  margin:0 auto;
  display:flex; align-items:center; justify-content:center;
  opacity:0; animation:anrFadeUp .9s cubic-bezier(.22,.68,0,1.1) .72s forwards;
  flex-shrink:0;
}
.anr-field-wrap::before,
.anr-field-wrap::after {
  content:''; position:absolute; pointer-events:none; background:rgba(232,93,38,.05);
}
.anr-field-wrap::before { width:100%; height:1px; top:50%; }
.anr-field-wrap::after  { width:1px; height:100%; left:50%; }

.anr-fld-ring {
  position:absolute; border-radius:50%;
  left:50%; top:50%; transform:translate(-50%,-50%);
  animation:anrFldBreath 7s ease-in-out infinite;
}
.anr-fld-r1 { width:30%; height:30%; border:1.5px solid rgba(232,93,38,.34); animation-delay:0s;   }
.anr-fld-r2 { width:58%; height:58%; border:1px   solid rgba(232,93,38,.18); animation-delay:1.4s; }
.anr-fld-r3 { width:88%; height:88%; border:1px   solid rgba(232,93,38,.08); animation-delay:2.8s; }

.anr-fld-pulse {
  position:absolute; width:10px; height:10px;
  display:flex; align-items:center; justify-content:center;
  transform:translate(-50%,-50%);
}
.anr-fld-pulse span {
  width:6px; height:6px; border-radius:50%;
  background:rgba(232,93,38,.82); box-shadow:0 0 10px rgba(232,93,38,.7);
  animation:anrFldDotPulse 3.2s ease-in-out infinite; display:block;
}
.p1 { top:22%; left:70%; } .p1 span { animation-delay:0s;   }
.p2 { top:55%; left:80%; } .p2 span { animation-delay:.8s;  }
.p3 { top:74%; left:28%; } .p3 span { animation-delay:1.6s; }
.p4 { top:26%; left:18%; } .p4 span { animation-delay:2.4s; }

.anr-fld-core {
  position:relative; z-index:10;
  display:flex; align-items:center; justify-content:center;
}
.anr-fld-halo {
  position:absolute; border-radius:50%;
  left:50%; top:50%; transform:translate(-50%,-50%);
  animation:anrFldHaloPulse 3s ease-in-out infinite;
}
.anr-fld-halo.h1 { width:88px;  height:88px;  border:1.5px solid rgba(232,93,38,.5);  animation-delay:0s;   }
.anr-fld-halo.h2 { width:110px; height:110px; border:1px   solid rgba(232,93,38,.22); animation-delay:.65s; }
.anr-fld-badge {
  position:relative; z-index:2;
  width:70px; height:70px; border-radius:50%;
  background:radial-gradient(circle at 42% 38%, rgba(238,118,65,.42), rgba(185,52,16,.78));
  border:2px solid rgba(232,93,38,.85);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  box-shadow:0 0 40px rgba(232,93,38,.55), 0 0 90px rgba(232,93,38,.16), inset 0 1px 0 rgba(255,255,255,.1);
}
.anr-fld-you  { font-family:var(--mono,'Space Mono',monospace); font-size:13px; font-weight:700; color:#fff; letter-spacing:1.5px; line-height:1; }
.anr-fld-role { font-size:6.5px; color:rgba(248,200,170,.75); text-transform:uppercase; letter-spacing:1.8px; line-height:1; }

.anr-field-caption {
  display:flex; align-items:center; justify-content:center; gap:12px;
  margin-top:28px;
  font-size:12.5px; font-style:italic; color:rgba(232,93,38,.34); letter-spacing:.3px;
}
.anr-fld-cap-dash { display:block; width:28px; height:1px; background:rgba(232,93,38,.2); flex-shrink:0; }

@keyframes anrFldBreath    { 0%,100%{opacity:1;} 50%{opacity:.55;} }
@keyframes anrFldDotPulse  { 0%,100%{transform:scale(1);opacity:.82;} 50%{transform:scale(2.1);opacity:.25;} }
@keyframes anrFldHaloPulse { 0%,100%{opacity:1;transform:translate(-50%,-50%) scale(1);} 50%{opacity:.5;transform:translate(-50%,-50%) scale(1.07);} }
@keyframes anrEcoRingPulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.5;transform:scale(1.07);} }

/* ═══════════════════════════════════════════════════════════
   SECTION 2 — JOURNEY STEPS
═══════════════════════════════════════════════════════════ */
.anr-s2 {
  position:relative; background:var(--anr-bg2); color:var(--anr-ink);
  padding:100px 48px 96px; overflow:hidden; isolation:isolate;
}
.anr-s2-bg {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 58% 48% at 85% 18%,rgba(232,93,38,.07) 0%,transparent 60%),
    radial-gradient(ellipse 48% 58% at 14% 76%,rgba(200,65,28,.05) 0%,transparent 60%),
    #0A0908;
  animation:anrBgDrift2 26s ease-in-out infinite alternate;
}
.anr-s2-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(232,93,38,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,93,38,.022) 1px,transparent 1px);
  background-size:60px 60px;
}
.anr-s2-orbs { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.anr-s2-orb {
  position:absolute; border-radius:50%; filter:blur(1.5px);
  animation:anrOrbFloat 11s ease-in-out infinite alternate;
}
.anr-s2-orb-a { width:4px; height:4px; background:rgba(232,93,38,.45); top:25%; left:90%; animation-duration:11s; animation-delay:-2s; }
.anr-s2-orb-b { width:3px; height:3px; background:rgba(210,72,32,.55); top:70%; left:8%;  animation-duration:13s; animation-delay:-5s; }
.anr-s2-orb-c { width:3px; height:3px; background:rgba(230,110,60,.38); top:50%; left:50%; animation-duration:15s; animation-delay:-8s; }
.anr-s2::before {
  content:''; position:absolute; width:440px; height:440px; border-radius:50%;
  background:radial-gradient(circle,rgba(220,78,34,.07) 0%,transparent 70%);
  top:-75px; right:-110px; pointer-events:none;
}

.anr-s2-header { text-align:center; margin-bottom:56px; }
.anr-s2-title  { font-family:var(--serif); font-size:clamp(38px,4.8vw,58px); line-height:1.08; color:#fff; margin-bottom:16px; }
.anr-s2-title em { color:var(--anr-or2); font-style:italic; }
.anr-s2-sub    { font-size:16px; color:var(--anr-ink2); line-height:1.72; max-width:500px; margin:0 auto; }

/* Journey grid */
.anr-journey-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; margin-bottom:56px; }
.anr-jcard {
  background:rgba(12,16,8,.65); border:1px solid rgba(232,93,38,.14);
  border-radius:16px; padding:28px 24px 26px;
  transition:border-color .25s,box-shadow .25s;
}
.anr-jcard:hover { border-color:rgba(232,93,38,.38); box-shadow:0 8px 32px rgba(232,93,38,.1); }

.anr-jc-visual {
  position:relative; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  height:158px; margin-bottom:20px;
}
.anr-jc-vis-label {
  position:absolute; bottom:-4px;
  font-size:9.5px; font-weight:700; text-transform:uppercase;
  letter-spacing:1.1px; color:rgba(251,191,36,.45);
}

/* ── ID Card (card 01) ── */
.anr-id-card {
  position:relative; overflow:hidden;
  width:190px; border-radius:10px;
  background:linear-gradient(135deg,#131a0f 0%,#0f1a0b 60%,#181e10 100%);
  border:1px solid rgba(232,93,38,.3);
  padding:0; box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 20px rgba(232,93,38,.1);
}
.anr-idc-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 10px 7px;
  background:rgba(232,93,38,.1);
  border-bottom:1px solid rgba(232,93,38,.2);
}
.anr-idc-org  { font-size:9px; font-weight:700; color:rgba(251,191,36,.7); letter-spacing:.8px; }
.anr-idc-role-badge {
  font-size:8px; font-weight:900; letter-spacing:1.2px;
  background:var(--anr-amber); color:#0C1008;
  padding:2px 6px; border-radius:3px;
}
.anr-idc-body {
  display:flex; align-items:center; gap:9px; padding:10px 10px 8px;
}
.anr-idc-avatar {
  width:34px; height:34px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,rgba(232,93,38,.35),rgba(217,119,6,.55));
  border:1.5px solid rgba(232,93,38,.55);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-size:13px; color:#fff; font-weight:700;
  box-shadow:0 0 10px rgba(232,93,38,.35);
}
.anr-idc-name   { font-size:11px; font-weight:700; color:#fff; margin-bottom:3px; }
.anr-idc-status { font-size:9px; color:rgba(251,191,36,.7); }
.anr-idc-foot {
  display:flex; align-items:center; justify-content:space-between;
  padding:6px 10px 8px;
  border-top:1px solid rgba(232,93,38,.15);
}
.anr-idc-id   { font-family:var(--mono,'Space Mono',monospace); font-size:8px; color:rgba(251,191,36,.4); }
.anr-idc-live { font-size:8.5px; font-weight:700; color:#34d399; }
.anr-idc-shine {
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(251,191,36,.07) 50%,transparent 70%);
  animation:anrShimmer 3s ease-in-out infinite;
}

/* ── WhatsApp notification (card 02) ── */
.anr-wa-notif {
  width:195px; border-radius:12px; overflow:hidden;
  background:#1a1a1a;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 4px 20px rgba(0,0,0,.6);
}
.anr-wa-head {
  display:flex; align-items:center; gap:8px; padding:9px 11px 8px;
  background:#111;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.anr-wa-app-icon { font-size:18px; line-height:1; }
.anr-wa-sender   { font-size:11px; font-weight:700; color:#fff; }
.anr-wa-ts       { font-size:9px;  color:rgba(255,255,255,.4); }
.anr-wa-unread   { width:8px; height:8px; border-radius:50%; background:#25d366; margin-left:auto; box-shadow:0 0 6px rgba(37,211,102,.7); }
.anr-wa-body     { padding:9px 11px 8px; }
.anr-wa-urgbadge { display:inline-block; font-size:9px; font-weight:700; color:#ff6b6b; margin-bottom:5px; display:block; }
.anr-wa-text     { font-size:10.5px; color:rgba(255,255,255,.7); line-height:1.45; }
.anr-wa-reply {
  margin:0 11px 10px; padding:5px 10px;
  background:rgba(37,211,102,.15); border:1px solid rgba(37,211,102,.35);
  border-radius:6px; font-size:10px; font-weight:700;
  color:#25d366; text-align:center; letter-spacing:.5px;
}

/* ── Case sealed record (card 03) ── */
.anr-case-record {
  width:185px; border-radius:10px;
  background:rgba(12,16,8,.9);
  border:1px solid rgba(232,93,38,.28);
  padding:11px 12px 10px;
  box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 16px rgba(232,93,38,.08);
}
.anr-cr-top {
  display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;
}
.anr-cr-caseid     { font-family:var(--mono,'Space Mono',monospace); font-size:9px; color:var(--anr-ink3); }
.anr-cr-status-badge {
  font-size:8.5px; font-weight:700; letter-spacing:.8px;
  color:#0C1008; background:var(--anr-amber); padding:2px 7px; border-radius:4px;
}
.anr-cr-seal { display:flex; justify-content:center; margin:4px 0 8px; }
.anr-cr-resolver { font-size:11px; font-weight:700; color:#fff; text-align:center; margin-bottom:4px; }
.anr-cr-detail   { font-size:9.5px; color:var(--anr-ink2); text-align:center; }

/* Journey card text */
.anr-jc-num  { font-family:var(--mono,'Space Mono',monospace); font-size:11px; font-weight:700; color:rgba(232,93,38,.65); letter-spacing:1px; margin-bottom:8px; }
.anr-jc-title{ font-family:var(--serif); font-size:20px; color:#fff; line-height:1.25; margin-bottom:10px; }
.anr-jc-body { display:flex; flex-direction:column; gap:6px; }
.anr-jc-lead { display:block; font-size:15px; font-weight:700; color:#fff; line-height:1.35; }
.anr-jc-detail { display:block; font-size:13px; color:var(--anr-ink2); line-height:1.62; }

/* Closing CTA */
.anr-s2-close { text-align:center; display:flex; flex-direction:column; align-items:center; gap:18px; }
.anr-s2-close-line { width:40px; height:1.5px; background:rgba(232,93,38,.5); }
.anr-s2-close-text { font-family:var(--serif); font-size:22px; color:#fff; line-height:1.4; }
.anr-s2-close-text em { color:var(--anr-or2); font-style:italic; }

/* ─────────────────────────────────────────────────────────
   3-MOMENT ARC (replaces journey grid)
───────────────────────────────────────────────────────── */
.anr-arc-wrap {
  display:grid;
  grid-template-columns: 1fr 48px 1fr 48px 1fr;
  align-items:center;
  gap:0;
  margin-bottom:64px;
  padding:20px 0 40px;
  position:relative;
}

/* Each moment */
.anr-arc-moment {
  position:relative;
  text-align:center;
  padding:0 12px 0;
}
.anr-am-bgnum {
  position:absolute; top:-10px; left:50%;
  transform:translateX(-50%);
  font-family:var(--mono,'Space Mono',monospace);
  font-size:108px; font-weight:700; line-height:1;
  color:rgba(232,93,38,.035);
  pointer-events:none; user-select:none; z-index:0;
  letter-spacing:-4px;
}
.anr-am-visual {
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:center;
  height:128px; margin-bottom:28px;
}

/* ── Credential card — moment 01 ── */
.anr-cred-card {
  position:relative; overflow:hidden;
  width:172px; border-radius:10px;
  background:linear-gradient(155deg, rgba(22,18,14,.96) 0%, rgba(12,10,8,.98) 100%);
  border:1px solid rgba(232,93,38,.28);
  box-shadow:0 8px 36px rgba(0,0,0,.6), 0 0 24px rgba(232,93,38,.07);
}
.anr-cred-head {
  display:flex; align-items:center; gap:7px; padding:8px 10px 7px;
  border-bottom:1px solid rgba(232,93,38,.14);
  background:rgba(232,93,38,.06);
}
.anr-cred-logo { display:flex; align-items:center; flex-shrink:0; }
.anr-cred-org  { font-family:var(--mono,'Space Mono',monospace); font-size:8px; font-weight:700; letter-spacing:1.2px; color:rgba(232,93,38,.8); flex:1; }
.anr-cred-live-dot {
  width:6px; height:6px; border-radius:50%;
  background:rgba(52,211,153,.9); box-shadow:0 0 8px rgba(52,211,153,.7);
  animation:anrUrgPulse 2s ease-in-out infinite;
}
.anr-cred-body { display:flex; align-items:center; gap:10px; padding:10px 10px 8px; }
.anr-cred-avatar {
  width:32px; height:32px; border-radius:50%; flex-shrink:0;
  background:radial-gradient(circle at 38% 35%, rgba(232,93,38,.35), rgba(180,50,16,.55));
  border:1.5px solid rgba(232,93,38,.5);
}
.anr-cred-info { flex:1; display:flex; flex-direction:column; gap:6px; }
.anr-cred-bar  { height:1.5px; border-radius:2px; background:rgba(232,93,38,.22); }
.anr-cred-bar.b1 { width:80%; } .anr-cred-bar.b2 { width:55%; }
.anr-cred-foot {
  display:flex; align-items:center; justify-content:space-between;
  padding:6px 10px 8px; border-top:1px solid rgba(232,93,38,.12);
}
.anr-cred-id { font-family:var(--mono,'Space Mono',monospace); font-size:8px; color:rgba(232,93,38,.42); letter-spacing:.6px; }
.anr-cred-check {
  width:18px; height:18px; border-radius:50%;
  background:rgba(232,93,38,.12); border:1px solid rgba(232,93,38,.45);
  display:flex; align-items:center; justify-content:center;
}
.anr-cred-shine {
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);
  animation:anrShimmer 3.5s ease-in-out infinite;
}

/* ── Dot grid — moment 02 ── */
.anr-dot-grid { position:relative; display:flex; align-items:center; justify-content:center; }
.anr-dg-grid  {
  display:grid; grid-template-columns:repeat(5, 1fr); gap:10px;
  position:relative; z-index:2;
}
.anr-dg-grid span { width:5px; height:5px; border-radius:50%; background:rgba(232,93,38,.16); margin:auto; display:block; }
.anr-dg-hot {
  background:rgba(232,93,38,.9) !important;
  box-shadow:0 0 12px rgba(232,93,38,.7);
  animation:anrDgHotPulse 2.2s ease-in-out infinite;
}
.anr-dg-ring {
  position:absolute; border-radius:50%;
  border:1px solid rgba(232,93,38,.45);
  animation:anrSosRing 2.8s ease-out infinite;
}
.anr-dg-ring.r1 { width:42px; height:42px; animation-delay:0s;  border-color:rgba(232,93,38,.65); }
.anr-dg-ring.r2 { width:78px; height:78px; animation-delay:.9s; border-color:rgba(232,93,38,.28); }
@keyframes anrDgHotPulse {
  0%,100%{ box-shadow:0 0 12px rgba(232,93,38,.7); transform:scale(1);   }
  50%    { box-shadow:0 0 22px rgba(232,93,38,.4); transform:scale(1.55); }
}

/* ── Paw seal — moment 03 ── */
.anr-paw-seal {
  position:relative; display:flex; align-items:center; justify-content:center;
  width:110px; height:110px;
}
.anr-ps-ring {
  position:absolute; inset:0; border-radius:50%;
  border:2px solid rgba(232,93,38,.55);
  animation:anrSealPulse 2.5s ease-in-out infinite;
  box-shadow:0 0 28px rgba(232,93,38,.22);
}
.anr-ps-paw {
  position:relative; z-index:2;
  filter:drop-shadow(0 0 20px rgba(232,93,38,.65)) drop-shadow(0 0 6px rgba(232,93,38,.9));
}

/* Moment text */
.anr-am-step {
  position:relative; z-index:1;
  font-family:var(--mono,'Space Mono',monospace);
  font-size:10px; font-weight:700; letter-spacing:2px;
  color:rgba(232,93,38,.5); margin-bottom:10px;
}
.anr-am-title {
  position:relative; z-index:1;
  font-family:var(--serif); font-size:clamp(19px,2.2vw,25px);
  color:#fff; line-height:1.22; margin-bottom:12px;
}
.anr-am-text {
  position:relative; z-index:1;
  font-size:13.5px; color:var(--anr-ink2);
  line-height:1.68; max-width:210px; margin:0 auto;
}

/* Connector between moments — horizontal line + animated dot + arrow */
.anr-arc-conn {
  display:flex; flex-direction:row; align-items:center;
  align-self:start;
  padding-top:60px; /* offset to center of 128px visual zone */
  gap:3px;
}
.anr-arc-line {
  flex:1; height:1.5px;
  background:linear-gradient(90deg, rgba(232,93,38,.0) 0%, rgba(232,93,38,.38) 30%, rgba(232,93,38,.38) 70%, rgba(232,93,38,.0) 100%);
}
.anr-arc-dot {
  width:7px; height:7px; border-radius:50%; flex-shrink:0;
  background:rgba(232,93,38,.75);
  box-shadow:0 0 10px rgba(232,93,38,.7);
  animation:anrArcDotPulse 1.8s ease-in-out infinite;
}
.anr-arc-arrow-svg { flex-shrink:0; }

@keyframes anrArcDotPulse {
  0%,100% { opacity:1;  transform:scale(1);   box-shadow:0 0 10px rgba(232,93,38,.7); }
  50%      { opacity:.4; transform:scale(.7);  box-shadow:0 0 4px  rgba(232,93,38,.3); }
}
@keyframes anrAmGlow {
  0%,100% { box-shadow:0 0 28px rgba(232,93,38,.35), inset 0 1px 0 rgba(255,255,255,.06); }
  50%      { box-shadow:0 0 44px rgba(232,93,38,.6),  inset 0 1px 0 rgba(255,255,255,.06); }
}

/* Staggered reveal for arc children */
.anr-arc-wrap .anr-arc-moment,
.anr-arc-wrap .anr-arc-conn {
  opacity:0; transform:translateY(20px);
  transition:opacity .6s ease, transform .6s cubic-bezier(.22,.68,0,1.1);
}
.anr-arc-wrap.anr-arc-in .anr-arc-moment:nth-child(1) { opacity:1; transform:none; transition-delay:.05s; }
.anr-arc-wrap.anr-arc-in .anr-arc-conn:nth-child(2)   { opacity:1; transform:none; transition-delay:.22s; }
.anr-arc-wrap.anr-arc-in .anr-arc-moment:nth-child(3) { opacity:1; transform:none; transition-delay:.38s; }
.anr-arc-wrap.anr-arc-in .anr-arc-conn:nth-child(4)   { opacity:1; transform:none; transition-delay:.54s; }
.anr-arc-wrap.anr-arc-in .anr-arc-moment:nth-child(5) { opacity:1; transform:none; transition-delay:.70s; }

/* Mobile: field radius + arc stack */
@media(max-width:680px) {

  .anr-arc-wrap {
    grid-template-columns:1fr;
    gap:0;
  }
  .anr-arc-conn {
    flex-direction:column; align-items:center;
    padding-top:0; height:36px; justify-content:center;
  }
  .anr-arc-line {
    width:1.5px; height:100%; flex:1;
    background:linear-gradient(180deg, rgba(232,93,38,.0) 0%, rgba(232,93,38,.35) 40%, rgba(232,93,38,.35) 60%, rgba(232,93,38,.0) 100%);
  }
  .anr-arc-arrow-svg { transform:rotate(90deg); }
  .anr-am-text { max-width:280px; }
}

/* ═══════════════════════════════════════════════════════════
   ORB SCENE — Section 1 visual replacement
═══════════════════════════════════════════════════════════ */
.orb-scene {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 52px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.orb-drop-area {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: visible;
}

.orb-ball {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-340px);
  opacity: 0;
  /* Pure light source — bright white core fading to transparent */
  background: radial-gradient(circle at 50% 50%,
    rgba(255,255,255,1)    0%,
    rgba(255,215,160,.95) 10%,
    rgba(232,93,38,.55)   28%,
    rgba(232,93,38,.06)   55%,
    transparent           72%
  );
  box-shadow:
    0 0 0    2px  rgba(255,240,200,.25),
    0 0 28px 12px rgba(232,93,38,.95),
    0 0 80px 35px rgba(232,93,38,.5),
    0 0 180px 70px rgba(232,93,38,.2),
    0 0 320px 120px rgba(232,93,38,.07);
  will-change: transform, opacity;
  pointer-events: none;
}

.orb-ball.orb-falling {
  opacity: 1;
  animation: orbFall 1.1s cubic-bezier(.42, 0, .18, 1) forwards;
}

@keyframes orbFall {
  0%   { transform: translateX(-50%) translateY(-340px); }
  100% { transform: translateX(-50%) translateY(0); }
}

.orb-sw {
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 60px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid rgba(232,93,38,.85);
  transform: translateX(-50%) scale(0);
  opacity: 0;
  pointer-events: none;
}

.orb-sw.orb-sw-fire { animation: orbSwFire .55s ease-out forwards; }

@keyframes orbSwFire {
  0%   { transform: translateX(-50%) scale(.2); opacity: .9; }
  100% { transform: translateX(-50%) scale(5.5); opacity: 0; }
}

.orb-bloom {
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232,93,38,.7) 0%, rgba(232,93,38,.15) 45%, transparent 70%);
  transform: translateX(-50%) scale(0);
  opacity: 0;
  pointer-events: none;
}

.orb-bloom.orb-bloom-fire { animation: orbBloomFire .8s ease-out forwards; }

@keyframes orbBloomFire {
  0%   { transform: translateX(-50%) scale(0);   opacity: 1; }
  55%  { transform: translateX(-50%) scale(2.4); opacity: .7; }
  100% { transform: translateX(-50%) scale(3.8); opacity: 0; }
}

/* Full-section photon field — covers the entire S1 */
.orb-photon-field {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 2;
}

/* Individual photon pills — spawned by JS at ball centre, shot to random spots */
.orb-photon {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 3px 9px;
  border-radius: 20px;
  background: rgba(232,93,38,.08);
  border: 1px solid rgba(232,93,38,.5);
  color: rgba(248,200,170,.92);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1.6px;
  white-space: nowrap;
  opacity: 0;
  text-shadow: 0 0 10px rgba(232,93,38,1);
  box-shadow: 0 0 16px rgba(232,93,38,.35), inset 0 0 6px rgba(232,93,38,.1);
  will-change: transform, opacity;
  /* Long, silky transition for the dim phase */
  transition:
    opacity      2.5s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 2.5s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow   2.5s cubic-bezier(0.4, 0, 0.2, 1),
    text-shadow  2.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.orb-photon.orb-photon-out {
  animation: photonShoot var(--ph-dur, 1.1s) cubic-bezier(.22,.68,0,1.05) forwards;
}

@keyframes photonShoot {
  0%   { transform: translate(-50%, -50%) scale(.2); opacity: 0; }
  16%  { opacity: 1; }
  100% { transform: translate(calc(-50% + var(--ph-fx)), calc(-50% + var(--ph-fy))) scale(1); opacity: .85; }
}

@keyframes photonFloat {
  0%, 100% { transform: translate(-50%, -50%); }
  50%       { transform: translate(calc(-50% + var(--ph-fx)), calc(-50% + var(--ph-fy))); }
}

/* Dim photons when text appears — still readable, just softer than text */
.orb-photon-field.photons-dim .orb-photon {
  opacity: 0.32 !important;
  border-color: rgba(232,93,38,.22) !important;
  box-shadow: 0 0 6px rgba(232,93,38,.12) !important;
  text-shadow: none !important;
}

/* Tagline text block */
.orb-tagline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 52px;
  text-align: center;
  padding: 0 20px;
}

.orb-tagline span {
  display: block;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .45s ease, transform .45s ease;
  font-family: var(--sans);
  font-size: 15px;
  color: rgba(255, 242, 230, .92);
  line-height: 1.65;
}

.orb-tagline span:nth-child(2) { transition-delay: .08s; }
.orb-tagline span:nth-child(3) { transition-delay: .16s; }

.orb-tagline .otl-em {
  margin-top: 12px;
  font-family: var(--serif);
  font-size: 28px;
  color: rgba(232,93,38,1);
  transition-delay: .28s;
}

.orb-tagline span.otl-vis { opacity: 1; transform: translateY(0); }

/* ═══════════════════════════════════════════════════════════
   LIGHT TRAIL SCENE — Section 2 visual replacement
═══════════════════════════════════════════════════════════ */
.trail-scene {
  width: 100%;
  padding: 0 0 8px;
  margin-bottom: 56px;
}

.trail-svg {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
}

.trail-track {
  stroke: rgba(232,93,38,.1);
  stroke-width: 1.5;
  fill: none;
}

.trail-glow {
  stroke: rgba(232,93,38,.92);
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px rgba(232,93,38,.9)) drop-shadow(0 0 14px rgba(232,93,38,.5));
}

.trail-nd-outer {
  fill: rgba(232,93,38,.06);
  stroke: rgba(232,93,38,.22);
  stroke-width: 1;
  transition: fill .4s ease, stroke .4s ease;
}

.trail-nd-inner {
  fill: rgba(232,93,38,.25);
  transition: fill .4s ease, filter .4s ease;
}

.trail-node-lit .trail-nd-outer {
  fill: rgba(232,93,38,.2);
  stroke: rgba(232,93,38,.75);
  filter: drop-shadow(0 0 8px rgba(232,93,38,.7));
}

.trail-node-lit .trail-nd-inner {
  fill: rgba(232,93,38,1);
  filter: drop-shadow(0 0 7px rgba(232,93,38,1));
}

.trail-labels {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 28px;
}

.trail-lbl {
  flex: 1;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .55s ease, transform .55s ease;
}

.trail-lbl.trail-lbl-vis { opacity: 1; transform: translateY(0); }

.trl-step {
  font-family: var(--mono);
  font-size: 10px;
  color: rgba(232,93,38,.52);
  letter-spacing: 1.5px;
  margin-bottom: 8px;
}

.trl-title {
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 600;
  color: rgba(245,242,238,.9);
  margin-bottom: 7px;
}

.trl-sub {
  font-size: 13px;
  color: rgba(188,170,148,.58);
  line-height: 1.58;
}

@media (max-width: 640px) {
  .orb-drop-area { height: 200px; }
  .orb-tagline { margin-top: 36px; }
  .orb-tagline span { font-size: 13.5px; }
  .orb-tagline .otl-em { font-size: 22px; }
  .trail-labels { flex-direction: column; gap: 20px; }
  .trail-lbl { text-align: center; }
}

/* ═══════════════════════════════════════════════════════════
   SECTION 3 — FORM
═══════════════════════════════════════════════════════════ */
.anr-s3 {
  position:relative; background:var(--anr-bg3); color:var(--anr-ink);
  padding:100px 48px 100px; overflow:hidden; isolation:isolate;
}
.anr-s3-bg {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 52% 48% at 50% 28%,rgba(232,93,38,.07) 0%,transparent 65%),
    radial-gradient(ellipse 38% 38% at 9% 72%,rgba(190,58,24,.05)  0%,transparent 55%),
    #0C0B09;
}
.anr-s3-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(232,93,38,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(232,93,38,.02) 1px,transparent 1px);
  background-size:60px 60px;
}
.anr-s3-header { text-align:center; margin-bottom:48px; }
.anr-s3-title  { font-family:var(--serif); font-size:clamp(38px,4.5vw,54px); line-height:1.1; color:#fff; margin-bottom:16px; }
.anr-s3-title em { color:var(--anr-or2); font-style:italic; }
.anr-s3-sub    { font-size:15.5px; color:var(--anr-ink2); line-height:1.72; max-width:480px; margin:0 auto; }
.anr-form-center { max-width:720px; margin:0 auto; }

/* Form card */
.reg-form-card {
  background:rgba(16,14,11,.88); border:1px solid rgba(232,93,38,.18);
  border-radius:18px; padding:36px 36px 32px; backdrop-filter:blur(14px);
}
.form-title { font-family:var(--serif); font-size:24px; color:#fff; margin-bottom:6px; }
.form-sub   { font-size:13.5px; color:var(--anr-ink2); line-height:1.6; margin-bottom:28px; }
.reg-form   { display:flex; flex-direction:column; gap:18px; }
.form-row   { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { display:flex; flex-direction:column; gap:6px; }
.form-label { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:rgba(232,93,38,.75); }
.form-input {
  font-family:var(--sans); font-size:14px; color:var(--anr-ink);
  background:rgba(232,93,38,.05); border:1px solid rgba(232,93,38,.2);
  border-radius:9px; padding:11px 14px; outline:none;
  transition:border-color .2s,box-shadow .2s; width:100%; box-sizing:border-box;
}
.form-input::placeholder { color:rgba(210,150,110,.35); }
.form-input:focus { border-color:rgba(232,93,38,.55); box-shadow:0 0 0 3px rgba(232,93,38,.1); }
.form-select option { background:#1A1208; color:rgba(250,247,242,.9); }
.avail-checks { display:flex; flex-wrap:wrap; gap:10px; padding:4px 0; }
.check-label  { display:flex; align-items:center; gap:7px; font-size:13.5px; color:var(--anr-ink2); cursor:pointer; }
.check-label input[type="checkbox"] { accent-color:var(--anr-or); width:15px; height:15px; cursor:pointer; }
.terms-check  { font-size:12.5px; color:var(--anr-ink3); line-height:1.5; }
.file-upload-area {
  border:1.5px dashed rgba(232,93,38,.25); border-radius:10px; padding:22px;
  text-align:center; cursor:pointer;
  transition:border-color .2s,background .2s; background:rgba(232,93,38,.04);
}
.file-upload-area:hover { border-color:rgba(232,93,38,.5); background:rgba(232,93,38,.07); }
.file-upload-text { font-size:13.5px; color:var(--anr-ink2); margin-bottom:4px; }
.file-upload-sub  { font-size:11.5px; color:var(--anr-ink3); }
.form-submit-btn {
  font-family:var(--sans); font-size:15px; font-weight:600;
  background:var(--anr-or); color:#fff;
  padding:14px 28px; border-radius:10px; border:none; cursor:pointer;
  transition:background .2s,box-shadow .2s,transform .15s;
  box-shadow:0 4px 22px rgba(232,93,38,.38); align-self:stretch; margin-top:4px;
}
.form-submit-btn:hover { background:#C94E1A; box-shadow:0 6px 32px rgba(232,93,38,.55); transform:translateY(-1px); }
.form-success         { text-align:center; padding:48px 24px; }
.form-success.hidden  { display:none; }
.success-icon { font-size:40px; margin-bottom:16px; }
.form-success h4 { font-family:var(--serif); font-size:22px; color:#fff; margin-bottom:10px; }
.form-success p  { font-size:14px; color:var(--anr-ink2); line-height:1.68; max-width:380px; margin:0 auto; }
.success-hand    { font-size:13px; color:rgba(232,93,38,.45); font-style:italic; margin-top:20px; }

/* ═══════════════════════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════════════════════ */
@keyframes anrFadeUp  { to{opacity:1;transform:translateY(0);} }
@keyframes anrSlideUp { from{opacity:0;transform:translateY(12px);} to{opacity:1;transform:translateY(0);} }
@keyframes anrBgDrift  { 0%{filter:brightness(1);} 100%{filter:brightness(1.06);} }
@keyframes anrBgDrift2 { 0%{opacity:.85;} 100%{opacity:1;} }
@keyframes anrGridDrift{ from{background-position:0 0,0 0;} to{background-position:60px 60px,60px 60px;} }
@keyframes anrGridScan { from{top:-5%;opacity:0;} 20%{opacity:1;} 80%{opacity:1;} to{top:105%;opacity:0;} }
@keyframes anrRayShift { 0%{opacity:.6;} 100%{opacity:1;} }
@keyframes anrAuroraDrift { 0%{transform:translate(0,0) scale(1);} 100%{transform:translate(60px,-40px) scale(1.15);} }
@keyframes anrOrbFloat    { from{transform:translateY(0) scale(1);} to{transform:translateY(-18px) scale(1.15);} }
@keyframes anrUrgPulse  { 0%,100%{opacity:1;box-shadow:0 0 8px rgba(255,107,107,.8);} 50%{opacity:.5;box-shadow:0 0 3px rgba(255,107,107,.3);} }
@keyframes anrLocPing   { 0%,100%{box-shadow:0 0 8px rgba(251,191,36,.7);transform:scale(1);} 50%{box-shadow:0 0 14px rgba(251,191,36,1);transform:scale(1.3);} }
@keyframes anrSosRing   { 0%{transform:scale(.8);opacity:.9;} 70%{transform:scale(1.4);opacity:0;} 100%{transform:scale(.8);opacity:0;} }
@keyframes anrSealPulse { 0%,100%{transform:scale(1);opacity:.75;} 50%{transform:scale(1.06);opacity:1;} }
@keyframes anrShimmer   { 0%{transform:translateX(-100%);} 100%{transform:translateX(200%);} }

/* ═══════════════════════════════════════════════════════════
   RESCUERS PAGE  — deep jade  #071812
═══════════════════════════════════════════════════════════ */
.rsc-hero,
.rsc-board {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: rgba(220,245,230,.88);
}
.rsc-hero  { padding: 110px 48px 96px; min-height: 60vh; display: flex; align-items: center; }
.rsc-board { padding: 80px 48px 96px; }

/* animated background */
.rsc-bg {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 65% 55% at 20% 30%, rgba(14,90,52,.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 80% 70%, rgba(8,64,36,.18) 0%, transparent 60%),
    #071812;
  animation: rscBgDrift 22s ease-in-out infinite alternate;
}
@keyframes rscBgDrift {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.08); }
  100% { filter: brightness(.95); }
}

/* grid */
.rsc-grid {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(30,160,90,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,160,90,.025) 1px, transparent 1px);
  background-size: 60px 60px;
}

/* floating orbs */
.rsc-orbs { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.rsc-orb  { position: absolute; border-radius: 50%; filter: blur(1px); animation: anrOrbFloat 12s ease-in-out infinite alternate; }
.rsc-orb-a { width:5px; height:5px; background:rgba(30,180,100,.5); top:18%; left:88%; animation-duration:11s; animation-delay:-2s; }
.rsc-orb-b { width:3px; height:3px; background:rgba(20,140,70,.6);  top:72%; left:6%;  animation-duration:14s; animation-delay:-6s; }
.rsc-orb-c { width:4px; height:4px; background:rgba(40,160,80,.4);  top:45%; left:55%; animation-duration:16s; animation-delay:-9s; }

/* shell */
.rsc-shell { position: relative; z-index: 2; max-width: 840px; margin: 0 auto; width: 100%; text-align: center; }

/* eyebrow */
.rsc-eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 2px;
  color: rgba(80,200,130,.7); margin-bottom: 22px;
}
.rsc-dash { display: block; width: 28px; height: 1px; background: rgba(80,200,130,.3); flex-shrink: 0; }

/* title */
.rsc-title {
  font-family: var(--serif);
  font-size: clamp(42px, 5.5vw, 68px);
  line-height: 1.06; color: rgba(240,255,245,.96);
  margin-bottom: 32px;
}
.rsc-title em { color: rgba(80,200,130,.9); font-style: italic; }

/* 4 description lines */
.rsc-desc { display: flex; flex-direction: column; gap: 6px; }
.rsc-desc p {
  font-size: 15px; color: rgba(180,230,200,.55);
  line-height: 1.7; margin: 0;
}
.rsc-desc p:first-child { color: rgba(220,245,230,.78); font-size: 16px; }

/* hide podium cards — table only */
#rescuerPodium { display: none !important; }

/* leaderboard header */
.lb-period {
  font-family: var(--mono); font-size: 11px;
  text-transform: uppercase; letter-spacing: 1.5px;
  color: rgba(80,200,130,.5); text-align: center;
  margin-bottom: 48px;
}

/* podium — floating avatars, no rectangles */
.rescuer-podium {
  display: flex; justify-content: center; align-items: flex-end;
  gap: 32px; margin-bottom: 64px; flex-wrap: wrap;
}
.podium-card {
  display: flex; flex-direction: column; align-items: center;
  gap: 10px; padding: 0 16px; text-align: center;
  background: none; border: none;
  opacity: 0; transform: translateY(16px);
  transition: opacity .5s ease, transform .5s ease;
}
.podium-card.podium-visible { opacity: 1; transform: translateY(0); }
.podium-card.podium-1 { order: 2; }
.podium-card:not(.podium-1) { padding-top: 28px; }

.crown { font-size: 24px; line-height: 1; margin-bottom: -4px; }

.rescuer-av {
  width: 64px; height: 64px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--sans); font-size: 20px; font-weight: 700; color: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.1), 0 4px 20px rgba(0,0,0,.4);
}
.rescuer-av.av-large { width: 80px; height: 80px; font-size: 26px; box-shadow: 0 0 0 4px rgba(80,200,130,.3), 0 6px 28px rgba(0,0,0,.5); }

.podium-rank {
  font-family: var(--mono); font-size: 10px;
  color: rgba(180,230,200,.4); letter-spacing: 1px;
}
.rank-1 { color: rgba(80,200,130,.7); }

.rescuer-name { font-size: 14px; font-weight: 600; color: rgba(230,250,235,.9); }
.rescuer-loc  { font-size: 11px; color: rgba(150,210,170,.5); }
.rescuer-count { font-family: var(--mono); font-size: 13px; color: rgba(80,200,130,.8); }
.rescuer-count span { font-size: 10px; color: rgba(150,210,170,.45); margin-left: 2px; }

.rescuer-badge {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
  padding: 3px 8px; border-radius: 20px;
  background: rgba(80,200,130,.1); border: 1px solid rgba(80,200,130,.25);
  color: rgba(80,200,130,.7);
}

.rescuer-donate-btn {
  font-family: var(--sans); font-size: 12px; font-weight: 600;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  color: rgba(220,245,230,.7); border-radius: 20px;
  padding: 6px 14px; cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
}
.rescuer-donate-btn:hover { background: rgba(80,200,130,.15); border-color: rgba(80,200,130,.35); color: rgba(220,245,230,.95); }
.donate-top { border-color: rgba(80,200,130,.35); color: rgba(80,200,130,.85); }

/* full leaderboard table */
.rescuer-list { max-width: 640px; margin: 0 auto; }
.rescuer-table {
  width: 100%; border-collapse: collapse;
}
.rescuer-table thead th {
  font-family: var(--mono); font-size: 9px; text-transform: uppercase;
  letter-spacing: 1.2px; color: rgba(80,200,130,.4);
  padding: 8px 16px; text-align: left;
  border-bottom: 1px solid rgba(80,200,130,.1);
  font-weight: 400;
}
.rescuer-table tbody td {
  padding: 14px 16px; font-size: 14px;
  color: rgba(200,235,210,.68);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.rescuer-table tbody tr:hover td { color: rgba(220,245,230,.9); background: rgba(80,200,130,.04); }
.rescuer-sno { color: rgba(80,200,130,.35) !important; font-family: var(--mono); font-size: 11px !important; }
.rescuer-name-cell { font-weight: 500; color: rgba(230,250,235,.82) !important; }
.rescuer-total-cell { font-family: var(--mono); color: rgba(80,200,130,.75) !important; }

@media(max-width:680px) {
  .rsc-hero  { padding: 80px 24px 72px; }
  .rsc-board { padding: 60px 24px 72px; }
  .rescuer-podium { gap: 20px; }
}

/* ═══════════════════════════════════════════════════════════
   HISTORY PAGE  — deep indigo  #080817
═══════════════════════════════════════════════════════════ */
.hst-hero,
.hst-lookup {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: rgba(220,220,245,.88);
}
.hst-hero   { padding: 110px 48px 96px; min-height: 60vh; display: flex; align-items: center; }
.hst-lookup { padding: 80px 48px 100px; }

/* animated background */
.hst-bg {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 65% 55% at 78% 28%, rgba(60,40,140,.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 18% 72%, rgba(40,20,110,.18) 0%, transparent 60%),
    #080817;
  animation: hstBgDrift 24s ease-in-out infinite alternate;
}
@keyframes hstBgDrift {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.07); }
  100% { filter: brightness(.96); }
}

/* grid */
.hst-grid {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(100,80,200,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(100,80,200,.022) 1px, transparent 1px);
  background-size: 60px 60px;
}

/* floating orbs */
.hst-orbs { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.hst-orb  { position: absolute; border-radius: 50%; filter: blur(1px); animation: anrOrbFloat 13s ease-in-out infinite alternate; }
.hst-orb-a { width:5px; height:5px; background:rgba(120,100,220,.5); top:22%; left:85%; animation-duration:12s; animation-delay:-3s; }
.hst-orb-b { width:3px; height:3px; background:rgba(90,70,180,.6);  top:68%; left:8%;  animation-duration:15s; animation-delay:-7s; }
.hst-orb-c { width:4px; height:4px; background:rgba(140,120,240,.4); top:42%; left:52%; animation-duration:17s; animation-delay:-10s; }

/* shell */
.hst-shell { position: relative; z-index: 2; max-width: 680px; margin: 0 auto; width: 100%; text-align: center; }

/* eyebrow */
.hst-eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 2px;
  color: rgba(140,120,240,.7); margin-bottom: 22px;
}
.hst-dash { display: block; width: 28px; height: 1px; background: rgba(140,120,240,.3); flex-shrink: 0; }

/* title */
.hst-title {
  font-family: var(--serif);
  font-size: clamp(42px, 5.5vw, 68px);
  line-height: 1.06; color: rgba(238,236,255,.96);
  margin-bottom: 32px;
}
.hst-title em { color: rgba(140,120,240,.9); font-style: italic; }

/* 4 description lines */
.hst-desc { display: flex; flex-direction: column; gap: 6px; }
.hst-desc p {
  font-size: 15px; color: rgba(180,175,225,.5);
  line-height: 1.7; margin: 0;
}
.hst-desc p:first-child { color: rgba(220,215,250,.78); font-size: 16px; }

/* lookup card */
.lookup-card {
  max-width: 520px; margin: 0 auto 52px;
  padding: 0;
}
.lookup-title {
  font-family: var(--serif); font-size: 22px;
  color: rgba(235,230,255,.92); margin-bottom: 8px;
}
.lookup-sub {
  font-size: 13px; color: rgba(160,150,210,.55);
  margin-bottom: 20px; line-height: 1.6;
}
.lookup-row {
  display: flex; gap: 10px; align-items: stretch;
}
.lookup-input {
  flex: 1; font-family: var(--mono); font-size: 14px;
  background: rgba(140,120,240,.07);
  border: 1px solid rgba(140,120,240,.22);
  border-radius: 10px; padding: 13px 16px;
  color: rgba(235,230,255,.9); outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.lookup-input::placeholder { color: rgba(140,120,240,.3); }
.lookup-input:focus { border-color: rgba(140,120,240,.55); box-shadow: 0 0 0 3px rgba(140,120,240,.1); }
.lookup-btn {
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  background: rgba(140,120,240,.18); border: 1px solid rgba(140,120,240,.35);
  color: rgba(200,190,255,.9); border-radius: 10px;
  padding: 13px 22px; cursor: pointer; white-space: nowrap;
  transition: background .2s, border-color .2s;
}
.lookup-btn:hover { background: rgba(140,120,240,.3); border-color: rgba(140,120,240,.6); }

/* results */
.history-results { margin-top: 8px; }
.results-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 24px; flex-wrap: wrap; gap: 8px;
}
.results-title { font-size: 15px; font-weight: 600; color: rgba(220,215,250,.8); }
.results-title span { color: rgba(140,120,240,.9); font-family: var(--mono); }
.results-count { font-family: var(--mono); font-size: 11px; color: rgba(140,120,240,.5); text-transform: uppercase; letter-spacing: 1px; }

/* case timeline */
.cases-timeline { display: flex; flex-direction: column; gap: 16px; }
.case-timeline-item {
  padding: 18px 20px;
  background: rgba(140,120,240,.06);
  border: 1px solid rgba(140,120,240,.12);
  border-radius: 12px;
  transition: border-color .2s;
}
.case-timeline-item:hover { border-color: rgba(140,120,240,.28); }
.ct-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; gap: 8px; flex-wrap: wrap; }
.ct-id { font-family: var(--mono); font-size: 10px; color: rgba(140,120,240,.45); letter-spacing: 1px; }
.ct-status {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
  padding: 3px 8px; border-radius: 20px;
  background: rgba(140,120,240,.1); border: 1px solid rgba(140,120,240,.2);
  color: rgba(180,165,255,.75);
}
.ct-status.completed { background: rgba(30,180,100,.1); border-color: rgba(30,180,100,.25); color: rgba(80,200,130,.8); }
.ct-status.active    { background: rgba(232,93,38,.1);  border-color: rgba(232,93,38,.25);  color: rgba(232,93,38,.85); }
.ct-animal  { font-size: 15px; font-weight: 600; color: rgba(225,220,255,.88); margin-bottom: 5px; }
.ct-details { font-size: 12px; color: rgba(160,150,210,.5); margin-bottom: 8px; }
.ct-outcome { font-size: 12px; color: rgba(180,175,225,.65); margin-top: 4px; }
.ct-outcome-label { font-weight: 600; color: rgba(140,120,240,.6); margin-right: 6px; }

/* empty state */
.history-empty {
  text-align: center; padding: 48px 24px;
}
.history-empty .empty-icon { font-size: 36px; margin-bottom: 14px; }
.history-empty h3 { font-family: var(--serif); font-size: 20px; color: rgba(220,215,250,.7); margin-bottom: 8px; }
.history-empty p  { font-size: 13px; color: rgba(160,150,210,.5); line-height: 1.6; }

@media(max-width:680px) {
  .hst-hero   { padding: 80px 24px 72px; }
  .hst-lookup { padding: 60px 24px 72px; }
  .lookup-row { flex-direction: column; }
  .lookup-btn { width: 100%; }
}

/* ═══════════════════════════════════════════════════════════
   NGO PAGE  — deep sapphire  #070C1C
═══════════════════════════════════════════════════════════ */
.ngo-hero,
.ngo-listing,
.ngo-register {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: rgba(210,230,248,.88);
}
.ngo-hero     { padding: 110px 48px 96px; min-height: 60vh; display: flex; align-items: center; }
.ngo-listing  { padding: 80px 48px 80px; }
.ngo-register { padding: 64px 48px 100px; }

/* animated background */
.ngo-bg {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 65% 55% at 22% 30%, rgba(20,70,150,.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 78% 68%, rgba(10,50,120,.18) 0%, transparent 60%),
    #070C1C;
  animation: ngoBgDrift 20s ease-in-out infinite alternate;
}
@keyframes ngoBgDrift {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.09); }
  100% { filter: brightness(.94); }
}

/* grid */
.ngo-gridlines {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(50,140,220,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(50,140,220,.02) 1px, transparent 1px);
  background-size: 60px 60px;
}

/* floating orbs */
.ngo-orbs { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.ngo-orb  { position: absolute; border-radius: 50%; filter: blur(1px); animation: anrOrbFloat 12s ease-in-out infinite alternate; }
.ngo-orb-a { width:5px; height:5px; background:rgba(50,160,230,.5); top:20%; left:87%; animation-duration:11s; animation-delay:-3s; }
.ngo-orb-b { width:3px; height:3px; background:rgba(30,120,200,.6); top:70%; left:7%;  animation-duration:14s; animation-delay:-7s; }
.ngo-orb-c { width:4px; height:4px; background:rgba(80,180,245,.4); top:44%; left:53%; animation-duration:16s; animation-delay:-11s; }

/* shells */
.ngo-shell      { position: relative; z-index: 2; max-width: 680px; margin: 0 auto; width: 100%; text-align: center; }
.ngo-shell-wide { max-width: 1080px; text-align: left; }

/* eyebrow */
.ngo-eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 2px;
  color: rgba(50,160,230,.7); margin-bottom: 22px;
}
.ngo-dash { display: block; width: 28px; height: 1px; background: rgba(50,160,230,.3); flex-shrink: 0; }

/* title */
.ngo-title {
  font-family: var(--serif);
  font-size: clamp(42px, 5.5vw, 68px);
  line-height: 1.06; color: rgba(228,242,255,.96);
  margin-bottom: 32px;
}
.ngo-title em { color: rgba(60,175,240,.9); font-style: italic; }

/* 4 description lines */
.ngo-hero-desc { display: flex; flex-direction: column; gap: 6px; }
.ngo-hero-desc p {
  font-size: 15px; color: rgba(155,195,235,.5);
  line-height: 1.7; margin: 0;
}
.ngo-hero-desc p:first-child { color: rgba(208,230,252,.78); font-size: 16px; }

/* ── filter bar ── */
.ngo-filter-bar {
  display: flex; align-items: center; gap: 16px;
  margin-bottom: 36px; flex-wrap: wrap;
}
.ngo-filter-label {
  font-family: var(--mono); font-size: 10px; text-transform: uppercase;
  letter-spacing: 1.2px; color: rgba(50,160,230,.4); white-space: nowrap;
}
.filter-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-pill {
  font-family: var(--sans); font-size: 12px; font-weight: 500;
  background: rgba(50,160,230,.06); border: 1px solid rgba(50,160,230,.15);
  color: rgba(155,200,240,.6); border-radius: 20px;
  padding: 6px 14px; cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
}
.filter-pill:hover  { background: rgba(50,160,230,.12); border-color: rgba(50,160,230,.3); color: rgba(200,225,250,.85); }
.filter-pill.active { background: rgba(50,160,230,.18); border-color: rgba(50,160,230,.4); color: rgba(200,225,250,.95); }

/* ── NGO cards grid ── */
.ngo-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.ngo-card {
  background: rgba(50,160,230,.05);
  border: 1px solid rgba(50,160,230,.12);
  border-radius: 14px; overflow: hidden;
  transition: border-color .2s, transform .2s;
}
.ngo-card:hover { border-color: rgba(50,160,230,.28); transform: translateY(-2px); }
.ngo-card-top {
  padding: 18px 20px; display: flex; align-items: center;
  justify-content: space-between;
  background: rgba(50,160,230,.08);
  border-bottom: 1px solid rgba(50,160,230,.1);
}
.ct-teal  { background: rgba(30,160,130,.1) !important; border-color: rgba(30,160,130,.15) !important; }
.ngo-city-tag {
  font-family: var(--mono); font-size: 9px;
  text-transform: uppercase; letter-spacing: 1px;
  color: rgba(50,160,230,.65);
  background: rgba(50,160,230,.1); border: 1px solid rgba(50,160,230,.2);
  padding: 3px 8px; border-radius: 20px;
}
.ngo-card-body { padding: 18px 20px; }
.ngo-name { font-size: 16px; font-weight: 600; color: rgba(218,238,255,.92); margin-bottom: 8px; }
.ngo-desc { font-size: 13px; color: rgba(145,190,228,.58); line-height: 1.65; margin-bottom: 12px; }
.ngo-stats { display: flex; gap: 20px; margin-bottom: 12px; }
.ngo-stat-n { font-family: var(--mono); font-size: 16px; font-weight: 700; color: rgba(60,175,240,.85); }
.ngo-stat-l { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: rgba(115,170,215,.4); margin-top: 2px; }
.ngo-tags   { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.ngo-tag {
  font-size: 10px; padding: 3px 8px; border-radius: 12px;
  background: rgba(50,160,230,.08); border: 1px solid rgba(50,160,230,.18);
  color: rgba(125,185,235,.65);
}
.ngo-donate-btn {
  display: inline-block; font-family: var(--sans); font-size: 12px; font-weight: 600;
  background: rgba(50,160,230,.12); border: 1px solid rgba(50,160,230,.28);
  color: rgba(160,215,252,.85); border-radius: 8px;
  padding: 8px 14px; text-decoration: none;
  transition: background .2s, border-color .2s, color .2s;
}
.ngo-donate-btn:hover { background: rgba(50,160,230,.22); border-color: rgba(50,160,230,.5); color: rgba(200,232,255,.95); }

/* ── registration card ── */
.ngo-reg-card {
  max-width: 680px; margin: 0 auto;
  background: rgba(50,160,230,.04);
  border: 1px solid rgba(50,160,230,.12);
  border-radius: 16px; padding: 32px;
}
.ngo-reg-header {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.ngo-reg-title {
  font-family: var(--serif); font-size: 22px;
  color: rgba(222,240,255,.92); margin-bottom: 8px;
}
.ngo-reg-sub {
  font-size: 13px; color: rgba(135,185,228,.55);
  line-height: 1.65; max-width: 440px;
}
.ngo-apply-btn {
  font-family: var(--sans); font-size: 13px; font-weight: 600;
  background: rgba(50,160,230,.15); border: 1px solid rgba(50,160,230,.35);
  color: rgba(178,220,255,.9); border-radius: 10px;
  padding: 11px 20px; cursor: pointer; white-space: nowrap;
  transition: background .2s, border-color .2s, color .2s;
}
.ngo-apply-btn:hover { background: rgba(50,160,230,.28); border-color: rgba(50,160,230,.6); color: rgba(210,235,255,.98); }

/* ── form ── */
.ngo-form-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.ngo-field      { display: flex; flex-direction: column; gap: 5px; }
.ngo-field-full { grid-column: 1 / -1; }
.ngo-label {
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .5px; color: rgba(115,175,225,.45);
}
.ngo-input {
  background: rgba(50,160,230,.06);
  border: 1px solid rgba(50,160,230,.18);
  border-radius: 10px; padding: 11px 14px;
  font-family: var(--sans); font-size: 14px;
  color: rgba(218,238,255,.9); outline: none;
  transition: border-color .2s, box-shadow .2s;
  width: 100%; box-sizing: border-box;
}
.ngo-input::placeholder { color: rgba(80,150,220,.3); }
.ngo-input:focus { border-color: rgba(50,160,230,.5); box-shadow: 0 0 0 3px rgba(50,160,230,.08); }
.ngo-textarea { resize: vertical; min-height: 88px; }
.ngo-select {
  background: #070C1C;
  border: 1px solid rgba(50,160,230,.18);
  border-radius: 10px; padding: 11px 14px;
  font-family: var(--sans); font-size: 14px;
  color: rgba(218,238,255,.9); outline: none;
  cursor: pointer; width: 100%; box-sizing: border-box;
  transition: border-color .2s;
}
.ngo-select:focus { border-color: rgba(50,160,230,.5); }
.ngo-form-actions {
  display: flex; gap: 12px; margin-top: 16px;
  align-items: center; flex-wrap: wrap;
}
.ngo-cancel-btn {
  background: none; border: none;
  color: rgba(155,200,240,.35); font-family: var(--sans);
  font-size: 13px; cursor: pointer;
  transition: color .2s;
}
.ngo-cancel-btn:hover { color: rgba(155,200,240,.65); }

.ngo-success {
  margin-top: 20px; padding: 20px;
  background: rgba(50,160,230,.07);
  border: 1px solid rgba(50,160,230,.2);
  border-radius: 12px; text-align: center;
}
.ngo-success-icon  { font-size: 24px; margin-bottom: 8px; }
.ngo-success-title { font-size: 16px; font-weight: 700; color: rgba(218,238,255,.9); margin-bottom: 6px; }
.ngo-success p     { font-size: 13px; color: rgba(135,185,228,.55); line-height: 1.6; margin: 0; }

@media(max-width:680px) {
  .ngo-hero     { padding: 80px 24px 72px; }
  .ngo-listing  { padding: 60px 24px 72px; }
  .ngo-register { padding: 48px 24px 72px; }
  .ngo-form-grid  { grid-template-columns: 1fr; }
  .ngo-reg-header { flex-direction: column; }
  .ngo-shell-wide { text-align: center; }
}

/* ═══════════════════════════════════════════════════════════
   LEGAL PAGES — privacy.html · terms.html
═══════════════════════════════════════════════════════════ */
.legal-hero {
  background: var(--cream2);
  border-bottom: 1px solid var(--border);
  padding: 80px 48px 64px;
}
.legal-hero-inner {
  max-width: 740px;
  margin: 0 auto;
}
.legal-tag {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--ink3);
  margin-bottom: 18px;
}
.legal-h1 {
  font-family: var(--serif);
  font-size: clamp(34px, 4vw, 52px);
  color: var(--ink);
  line-height: 1.1;
  margin-bottom: 14px;
}
.legal-sub {
  font-size: 13.5px;
  color: var(--ink3);
  font-style: italic;
}

.legal-body {
  max-width: 740px;
  margin: 0 auto;
  padding: 56px 48px 96px;
}
.legal-intro {
  margin-bottom: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--border);
}
.legal-intro p {
  font-size: 15px;
  color: var(--ink2);
  line-height: 1.76;
  margin-bottom: 10px;
}
.legal-section {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--border);
}
.legal-section:last-of-type { border-bottom: none; }
.legal-section h2 {
  font-family: var(--serif);
  font-size: 22px;
  color: var(--ink);
  margin-bottom: 14px;
  line-height: 1.2;
}
.legal-section h3 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--orange);
  margin: 20px 0 8px;
}
.legal-section p {
  font-size: 14px;
  color: var(--ink2);
  line-height: 1.76;
  margin-bottom: 10px;
}
.legal-section ul {
  padding-left: 20px;
  margin: 8px 0 12px;
}
.legal-section li {
  font-size: 14px;
  color: var(--ink2);
  line-height: 1.72;
  margin-bottom: 8px;
}
.legal-section strong { color: var(--ink); font-weight: 600; }

.legal-back {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid var(--border);
}

@media(max-width: 680px) {
  .legal-hero  { padding: 56px 24px 44px; }
  .legal-body  { padding: 40px 24px 72px; }
  .legal-back  { flex-direction: column; }
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media(max-width:900px){
  .anr-s1{padding:80px 24px 64px;}
  .anr-s2{padding:80px 24px 72px;}
  .anr-s3{padding:80px 24px 80px;}
  .reg-form-card{padding:24px 20px;}
  .form-row{grid-template-columns:1fr;}
  /* Arc flow: stack on tablet */
  .anr-arc-wrap{grid-template-columns:1fr; gap:0;}
  .anr-arc-conn{flex-direction:column;align-items:center;padding-top:0;height:36px;justify-content:center;}
  .anr-arc-conn .anr-arc-line{width:1.5px;height:100%;flex:1;background:linear-gradient(180deg,rgba(232,93,38,.0) 0%,rgba(232,93,38,.38) 40%,rgba(232,93,38,.38) 60%,rgba(232,93,38,.0) 100%);}
  .anr-arc-conn .anr-arc-arrow-svg{transform:rotate(90deg);}
}
@media(max-width:640px){
  .anr-s1-title{font-size:clamp(38px,9vw,54px);}
  .anr-s2-title{font-size:clamp(30px,8vw,44px);}
  .anr-s3-title{font-size:clamp(30px,8vw,42px);}
  .anr-s1-actions{flex-direction:column;align-items:center;}
  .anr-am-text{max-width:260px;}
}
@media(prefers-reduced-motion:reduce){
  .anr-s1-bg,.anr-s1-grid,.anr-s1-rays,.anr-orb,.anr-s2-orb,.anr-s1::before,.anr-s1::after{animation:none!important;}
  .anr-s1-title,.anr-s1-sub,.anr-s1-actions,.anr-s1-hand,.anr-field-wrap{opacity:1!important;transform:none!important;animation:none!important;}
  .anr-fld-ring,.anr-fld-halo,.anr-fld-pulse span,.anr-dg-hot,.anr-ps-ring,.anr-dg-ring,.anr-arc-dot{animation:none!important;}
  .anr-arc-moment,.anr-arc-conn{opacity:1!important;transform:none!important;}
}