/*
 * BridgeBotics Theme – Main Stylesheet
 * Author: BridgeBotics LLP
 */

/* ─── GOOGLE FONTS ─── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --gold:#FFB800;--gold-d:#CC8C00;--gold-l:#FFD060;
  --glow:rgba(255,184,0,.28);--glow2:rgba(255,184,0,.10);
  --dark:#09080A;--dark2:#0E0C10;--dark3:#141118;
  --card:rgba(255,255,255,.035);--cb:rgba(255,184,0,.14);--ch:rgba(255,184,0,.08);
  --text:#E8E2D5;--muted:#7A7266;--white:#FFF;
  --fd:'Cormorant Garamond',serif;--fb:'Outfit',sans-serif;--fm:'Space Mono',monospace;
  --r:14px;--tr:.38s cubic-bezier(.4,0,.2,1);
}
body{font-family:var(--fb);background:var(--dark);color:var(--text);font-size:16px;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* ─── PARALLAX BG LAYERS ─── */
#px-grid{position:fixed;inset:0;z-index:0;pointer-events:none;will-change:transform;
  background-image:linear-gradient(rgba(255,184,0,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,184,0,.022) 1px,transparent 1px);
  background-size:72px 72px}
.px-blob{position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform;filter:blur(90px)}
#b1{width:800px;height:800px;top:-15%;left:-20%;background:radial-gradient(circle,rgba(255,184,0,.07),transparent 70%)}
#b2{width:650px;height:650px;bottom:-15%;right:-20%;background:radial-gradient(circle,rgba(180,100,0,.06),transparent 70%)}
#b3{width:450px;height:450px;top:35%;left:55%;background:radial-gradient(circle,rgba(255,184,0,.04),transparent 70%)}
#b4{width:350px;height:350px;top:60%;left:20%;background:radial-gradient(circle,rgba(255,150,0,.03),transparent 70%)}
#px-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ptcl{position:absolute;border-radius:50%;background:var(--gold);will-change:transform}
.hx{position:absolute;pointer-events:none;z-index:0;color:var(--gold);user-select:none;line-height:1;will-change:transform}
.ln{position:absolute;pointer-events:none;z-index:0;will-change:transform}
*{position:relative;z-index:1}
a{color:var(--gold);text-decoration:none;transition:var(--tr)}
a:hover{color:var(--white)}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--fd);line-height:1.12;font-weight:700;color:var(--white);letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6vw,5rem);font-weight:600}
h2{font-size:clamp(1.9rem,4vw,3.4rem);font-weight:600}
h3{font-size:clamp(1.2rem,2vw,1.8rem)}
h4{font-size:1.1rem}
p{color:var(--muted);margin-bottom:1rem}
.wrap{max-width:1220px;margin:0 auto;padding:0 2rem}
section{padding:7rem 0}

/* ─── SCROLL ANIMATION CLASSES ─── */
.sa{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.sa.visible{opacity:1;transform:translateY(0)}
.sa-left{opacity:0;transform:translateX(-50px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.sa-left.visible{opacity:1;transform:translateX(0)}
.sa-right{opacity:0;transform:translateX(50px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.sa-right.visible{opacity:1;transform:translateX(0)}
.sa-scale{opacity:0;transform:scale(.92);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.sa-scale.visible{opacity:1;transform:scale(1)}
.sa-d1{transition-delay:.1s}.sa-d2{transition-delay:.2s}.sa-d3{transition-delay:.3s}.sa-d4{transition-delay:.4s}.sa-d5{transition-delay:.5s}.sa-d6{transition-delay:.6s}

/* Text reveal animation */
.text-reveal{overflow:hidden}
.text-reveal span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1)}
.text-reveal.visible span{transform:translateY(0);opacity:1}

/* Scene transitions */
.scene-section{position:relative;overflow:hidden}
.scene-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity 1s ease}
.scene-section.in-view::before{opacity:.4}

/* Depth cards */
.depth-card{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease;transform-style:preserve-3d}
.depth-card:hover{transform:perspective(1000px) rotateX(-4deg) rotateY(4deg) translateY(-8px);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 50px var(--glow2)}

/* Line draw animation */
.line-draw{height:2px;background:linear-gradient(90deg,var(--gold-d),var(--gold),var(--gold-l));transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.line-draw.visible{transform:scaleX(1)}

/* Image fade-in with scale */
.img-reveal{overflow:hidden;border-radius:16px}
.img-reveal img{transform:scale(1.08);transition:transform 1.4s cubic-bezier(.22,1,.36,1);opacity:0}
.img-reveal.visible img{transform:scale(1);opacity:1;transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity 1s ease}

/* ─── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.88rem 2.1rem;border-radius:6px;font-family:var(--fb);font-weight:600;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:var(--tr);border:none;text-decoration:none;text-transform:uppercase}
.btn-p{background:linear-gradient(135deg,var(--gold-d),var(--gold),var(--gold-l));color:#0E0C10;box-shadow:0 0 30px var(--glow),0 4px 20px rgba(0,0,0,.5)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 0 55px var(--glow),0 8px 35px rgba(0,0,0,.5);color:#0E0C10}
.btn-o{background:transparent;color:var(--gold);border:1.5px solid var(--cb);backdrop-filter:blur(10px)}
.btn-o:hover{background:var(--ch);border-color:var(--gold);color:var(--white);transform:translateY(-2px)}

/* ─── LABELS ─── */
.lbl{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--fm);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:rgba(255,184,0,.07);border:1px solid rgba(255,184,0,.2);padding:.42rem 1.05rem;border-radius:50px;margin-bottom:1.5rem}
.lbl::before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%;animation:gp 2.5s infinite}
@keyframes gp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}

/* ─── CARDS ─── */
.card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2.5rem;transition:var(--tr);backdrop-filter:blur(18px)}
.card:hover{border-color:rgba(255,184,0,.4);transform:translateY(-6px);box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 40px var(--glow2);background:var(--ch)}
.gdiv{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:2rem 0;opacity:.35}
.accent{color:var(--gold)}
.gtext{background:linear-gradient(135deg,var(--white) 30%,var(--gold-l),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ─── HEADER ─── */
#hdr{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem 0;transition:var(--tr)}
#hdr.sc{background:rgba(9,8,10,.93);backdrop-filter:blur(24px);border-bottom:1px solid var(--cb);padding:.85rem 0}
.hi{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.logo{display:flex;align-items:center;gap:.65rem;cursor:pointer}
.logo img{height:44px;width:auto}
.logo-sub{font-family:var(--fm);font-size:.52rem;color:var(--gold);letter-spacing:.15em;display:block;line-height:1;text-transform:uppercase;margin-top:2px}
nav ul{list-style:none;display:flex;align-items:center;gap:.15rem}
nav ul li a{color:var(--muted);font-size:.87rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:var(--tr);cursor:pointer;display:block}
nav ul li a:hover,nav ul li.current-menu-item a,nav ul li.current_page_item a{color:var(--white);background:rgba(255,255,255,.05)}
.hcta{display:flex;align-items:center;gap:1rem}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}
.hamburger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:var(--tr)}
.mob-nav{display:none;position:fixed;inset:0;background:rgba(9,8,10,.97);backdrop-filter:blur(24px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:2rem}
.mob-nav.open{display:flex}
.mob-nav a{font-family:var(--fd);font-size:2rem;color:var(--muted);cursor:pointer;transition:var(--tr)}
.mob-nav a:hover{color:var(--gold)}

/* ─── HERO ─── */
.hero{min-height:100vh;display:flex;align-items:center;padding:10rem 0 6rem;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.8rem;background:rgba(255,184,0,.06);border:1px solid rgba(255,184,0,.22);border-radius:50px;padding:.42rem 1.1rem .42rem .42rem;margin-bottom:2rem;font-family:var(--fm);font-size:.74rem;color:var(--gold);letter-spacing:.07em}
.edot{width:28px;height:28px;background:linear-gradient(135deg,var(--gold-d),var(--gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--dark);font-weight:800;animation:dp 3s ease-in-out infinite}
@keyframes dp{0%,100%{box-shadow:0 0 0 0 var(--glow)}60%{box-shadow:0 0 0 14px rgba(255,184,0,0)}}
.hero h1{margin-bottom:1.5rem}
.hdesc{font-size:1.1rem;color:var(--muted);margin-bottom:2.5rem;max-width:490px;line-height:1.85}
.hacts{display:flex;gap:1rem;flex-wrap:wrap}
.hstats{display:flex;gap:2.5rem;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--cb)}
.snum{font-family:var(--fd);font-size:2.3rem;font-weight:700;color:var(--white);line-height:1}
.slbl{font-size:.76rem;color:var(--muted);margin-top:.3rem;font-family:var(--fm);letter-spacing:.05em}

/* ─── ORB ─── */
.orb-wrap{display:flex;align-items:center;justify-content:center}
.orb{width:420px;height:420px;position:relative;flex-shrink:0}
.orb-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--gold-l),var(--gold),var(--gold-d) 75%,transparent);box-shadow:0 0 70px var(--glow),0 0 140px rgba(255,184,0,.12);animation:cb 4.5s ease-in-out infinite}
@keyframes cb{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 70px var(--glow)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 110px var(--glow),0 0 200px rgba(255,184,0,.15)}}
.oring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid;transform:translate(-50%,-50%)}
.oring:nth-child(2){width:245px;height:245px;border-color:rgba(255,184,0,.22);animation:rr1 10s linear infinite}
.oring:nth-child(3){width:330px;height:330px;border-color:rgba(255,184,0,.13);animation:rr2 16s linear infinite reverse}
.oring:nth-child(4){width:410px;height:410px;border-color:rgba(255,184,0,.06);animation:rr1 24s linear infinite}
@keyframes rr1{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes rr2{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.oring::after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);top:-4.5px;left:50%;transform:translateX(-50%);box-shadow:0 0 14px var(--gold),0 0 28px var(--glow)}
.oring:nth-child(3)::after{background:var(--gold-l)}
.oring:nth-child(4)::after{width:6px;height:6px;top:-3px;opacity:.5}
.ocard{position:absolute;background:rgba(14,12,16,.92);border:1px solid rgba(255,184,0,.22);border-radius:10px;padding:.75rem 1.1rem;font-size:.74rem;backdrop-filter:blur(20px);white-space:nowrap}
.ocard:nth-child(5){top:9%;right:0;animation:fa 5s ease-in-out infinite}
.ocard:nth-child(6){bottom:13%;left:0;animation:fb 6.5s ease-in-out infinite}
.ocard:nth-child(7){top:53%;right:-3%;animation:fa 7s ease-in-out infinite 1.2s}
@keyframes fa{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes fb{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
.ocard-ico{font-size:1rem;margin-bottom:.22rem}
.ocard-lbl{color:var(--muted);font-size:.67rem;font-family:var(--fm)}
.ocard-val{color:var(--gold);font-weight:600;font-family:var(--fm);font-size:.83rem}

/* ─── MARQUEE ─── */
.mq-wrap{overflow:hidden;padding:2rem 0;border-top:1px solid var(--cb);border-bottom:1px solid var(--cb);margin:3rem 0}
.mq-track{display:flex;gap:2rem;animation:mqs 28s linear infinite;width:max-content}
@keyframes mqs{to{transform:translateX(-50%)}}
.mq-item{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-family:var(--fm);font-size:.8rem;white-space:nowrap;padding:.5rem 1.4rem;background:var(--card);border:1px solid var(--cb);border-radius:50px}

/* ─── SERVICE CARDS ─── */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}
.sc-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2.3rem;transition:var(--tr);overflow:hidden}
.sc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:var(--tr)}
.sc-card:hover::before{opacity:1}
.sc-card:hover{border-color:rgba(255,184,0,.35);transform:translateY(-8px);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 50px var(--glow2);background:var(--ch)}
.sico{width:52px;height:52px;background:rgba(255,184,0,.09);border:1px solid rgba(255,184,0,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.6rem;transition:var(--tr)}
.sc-card:hover .sico{background:rgba(255,184,0,.18);border-color:var(--gold);box-shadow:0 0 22px var(--glow)}
.sc-card h3{font-size:1.15rem;margin-bottom:.7rem;color:var(--white);font-family:var(--fb);font-weight:600}
.sc-card p{font-size:.88rem;margin:0}

/* ─── STEPS ─── */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;counter-reset:st}
.step{counter-increment:st;background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2rem;transition:var(--tr)}
.step:hover{border-color:rgba(255,184,0,.4);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 35px var(--glow2);background:var(--ch)}
.step-n{font-family:var(--fd);font-size:3.2rem;font-weight:700;color:rgba(255,184,0,.1);line-height:1;margin-bottom:.75rem}
.step-n::before{content:'0' counter(st)}
.step h3{font-size:1rem;color:var(--white);margin-bottom:.7rem;font-family:var(--fb);font-weight:600}
.step p{font-size:.85rem;margin:0}

/* ─── TESTIMONIALS ─── */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}
.tcard{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2rem;transition:var(--tr)}
.tcard:hover{border-color:rgba(255,184,0,.3);transform:translateY(-4px);background:var(--ch)}
.tstars{color:var(--gold);font-size:.88rem;margin-bottom:1rem;letter-spacing:.1em}
.ttext{color:var(--text);font-size:.92rem;margin-bottom:1.5rem;font-style:italic;line-height:1.7}
.tauth{display:flex;align-items:center;gap:1rem}
.tav{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold-d),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--fd);color:var(--dark);font-size:1rem;flex-shrink:0}
.tname{font-weight:600;color:var(--white);font-size:.87rem}
.ttitle{font-size:.76rem;color:var(--muted);font-family:var(--fm)}

/* ─── CTA ─── */
.cta{background:linear-gradient(135deg,rgba(255,184,0,.1),rgba(180,100,0,.06));border:1px solid rgba(255,184,0,.22);border-radius:20px;padding:4.5rem;text-align:center;overflow:hidden}
.cta::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:350px;background:radial-gradient(ellipse,rgba(255,184,0,.09),transparent);pointer-events:none}
.cta h2{margin-bottom:1rem}.cta p{font-size:1.05rem;max-width:480px;margin:0 auto 2rem}

/* ─── PAGE HERO ─── */
.phero{padding:10rem 0 5rem;text-align:center;border-bottom:1px solid var(--cb);overflow:hidden}
.phero h1{margin-bottom:1rem}
.phero p{font-size:1.08rem;max-width:540px;margin:0 auto}

/* ─── ABOUT ─── */
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.aimg-wrap{border-radius:20px;overflow:hidden;border:1px solid var(--cb);aspect-ratio:4/3;background:linear-gradient(135deg,var(--dark3),var(--dark2));display:flex;align-items:center;justify-content:center;position:relative}
.aimg-inner{width:100%;height:100%;object-fit:cover;opacity:.85;transform:scale(1.05);transition:transform 8s ease}
.aimg-inner.loaded{transform:scale(1)}
.aimg-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,184,0,.06),transparent)}
.abadge{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--dark3);border:1px solid var(--cb);border-radius:var(--r);padding:1.5rem;backdrop-filter:blur(20px);text-align:center;min-width:145px}
.abadge .num{font-family:var(--fd);font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--white),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.abadge .lbtx{font-size:.71rem;color:var(--muted);margin-top:.3rem;font-family:var(--fm);letter-spacing:.08em}
.vlist{list-style:none;margin-top:2rem}
.vlist li{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.04)}
.vlist li:last-child{border-bottom:none}
.vico{width:40px;height:40px;flex-shrink:0;background:rgba(255,184,0,.07);border:1px solid rgba(255,184,0,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.vlist li h4{color:var(--white);font-size:.98rem;margin-bottom:.2rem;font-family:var(--fb);font-weight:600}
.vlist li p{font-size:.83rem;margin:0}
.tgrd{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}
.tmem{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2rem;text-align:center;transition:var(--tr)}
.tmem:hover{border-color:rgba(255,184,0,.35);transform:translateY(-5px);background:var(--ch)}
.tav2{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--gold-d),var(--gold-l));display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:1.4rem;font-weight:700;color:var(--dark);margin:0 auto 1.1rem}
.tmem h4{color:var(--white);margin-bottom:.25rem;font-family:var(--fb);font-weight:600;font-size:.96rem}
.trole{color:var(--gold);font-size:.72rem;font-family:var(--fm);letter-spacing:.06em;margin-bottom:.7rem}
.tmem p{font-size:.82rem;margin:0}
.vgrd{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.vcard{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2.2rem;transition:var(--tr)}
.vcard:hover{border-color:rgba(255,184,0,.35);transform:translateY(-5px);background:var(--ch)}
.vcico{font-size:1.9rem;margin-bottom:.9rem}
.vcard h3{font-size:1rem;margin-bottom:.65rem;font-family:var(--fb);font-weight:600}
.vcard p{font-size:.85rem;margin:0}
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;padding:4rem 0}

/* ─── SERVICES ─── */
.svc-block{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:4rem 0;border-bottom:1px solid var(--cb)}
.svc-block:last-child{border-bottom:none}
.svc-block.flip{direction:rtl}
.svc-block.flip>*{direction:ltr}
.svc-tag{display:inline-flex;font-family:var(--fm);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d);background:rgba(255,184,0,.06);border:1px solid rgba(255,184,0,.15);padding:.32rem .85rem;border-radius:4px;margin-bottom:1.2rem}
.feat-list{list-style:none;margin:1.5rem 0}
.feat-list li{padding:.45rem 0;color:var(--muted);font-size:.88rem;display:flex;align-items:center;gap:.75rem}
.feat-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}
.svc-vis{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:2.5rem;text-align:center;backdrop-filter:blur(16px)}
.svc-ico{font-size:3.5rem;margin-bottom:1rem}
.svc-rlbl{font-family:var(--fm);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
.svc-res{font-family:var(--fd);font-size:1.5rem;color:var(--gold);font-weight:700;margin:0}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.plan{padding:2.5rem}
.plan.feat{background:linear-gradient(135deg,rgba(255,184,0,.12),rgba(180,100,0,.08));border:1px solid rgba(255,184,0,.38)}
.plan h3{font-size:1.5rem;margin-bottom:.5rem}
.plan-badge{position:absolute;top:-1px;right:1.5rem;background:var(--gold);color:var(--dark);font-family:var(--fm);font-size:.6rem;letter-spacing:.15em;padding:.3rem .7rem;border-radius:0 0 6px 6px;font-weight:700}

/* ─── JOIN ─── */
.jhero{text-align:center;margin-bottom:4rem}
.pgrd{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3rem}
.pcard{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:1.8rem;transition:var(--tr)}
.pcard:hover{border-color:rgba(255,184,0,.3);transform:translateY(-4px);background:var(--ch)}
.pico{font-size:1.6rem;display:block;margin-bottom:.7rem}
.pcard h4{color:var(--white);font-size:.95rem;margin-bottom:.4rem;font-family:var(--fb)}
.pcard p{font-size:.82rem;margin:0}
.roles{display:flex;flex-direction:column;gap:1rem}
.role{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:var(--tr);gap:2rem;flex-wrap:wrap}
.role:hover{border-color:rgba(255,184,0,.3);background:var(--ch)}
.role-l{display:flex;align-items:center;gap:1.2rem}
.role-ico{font-size:1.4rem;flex-shrink:0}
.role-name{color:var(--white);font-weight:600;font-size:.97rem;margin-bottom:.2rem}
.role-tech{color:var(--muted);font-size:.78rem;font-family:var(--fm)}
.role-r{display:flex;align-items:center;gap:1.2rem;flex-shrink:0}
.role-lvl{background:rgba(255,184,0,.08);border:1px solid rgba(255,184,0,.18);color:var(--gold);font-size:.72rem;font-family:var(--fm);letter-spacing:.1em;padding:.25rem .7rem;border-radius:50px}
.role-rate{color:var(--white);font-weight:600;font-size:.9rem;font-family:var(--fm);white-space:nowrap}

/* ─── CONTACT ─── */
.cgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem}
.citem{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.8rem}
.cico{width:44px;height:44px;background:rgba(255,184,0,.07);border:1px solid rgba(255,184,0,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.citem h4{color:var(--white);font-size:.93rem;font-family:var(--fb);margin-bottom:.2rem}
.citem p{margin:0;font-size:.87rem}
.cform{background:var(--card);border:1px solid var(--cb);border-radius:20px;padding:2.5rem;backdrop-filter:blur(18px)}
.nxt-step{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.87rem}
.nxt-n{width:28px;height:28px;background:rgba(255,184,0,.09);border:1px solid rgba(255,184,0,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-size:.72rem;color:var(--gold);flex-shrink:0}

/* ─── FORMS ─── */
.fg{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.flbl{font-size:.78rem;font-family:var(--fm);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.finp{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.82rem 1.1rem;color:var(--text);font-family:var(--fb);font-size:.92rem;transition:var(--tr);width:100%;outline:none;-webkit-appearance:none}
.finp:focus{border-color:var(--gold);background:rgba(255,184,0,.04);box-shadow:0 0 0 3px rgba(255,184,0,.1)}
.finp option{background:var(--dark2)}
.aform{background:var(--card);border:1px solid var(--cb);border-radius:20px;padding:2.5rem;backdrop-filter:blur(18px);max-width:760px;margin:0 auto}
.fmsg{display:none;padding:1rem 1.2rem;border-radius:8px;font-size:.87rem;margin-bottom:1.2rem}

/* ─── FAQ ─── */
.faq-item{border-bottom:1px solid var(--cb);padding:1.3rem 0;cursor:pointer;transition:var(--tr)}
.faq-item:first-child{border-top:1px solid var(--cb)}
.faq-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-top h4{color:var(--white);font-family:var(--fb);font-size:.97rem;font-weight:600}
.faq-ico{color:var(--gold);font-size:1.3rem;flex-shrink:0;transition:var(--tr)}
.faq-ans{display:none;padding:.9rem 0 .2rem;color:var(--muted);font-size:.88rem;line-height:1.75}

/* ─── FOOTER ─── */
footer{padding:5rem 0 2.5rem;border-top:1px solid var(--cb)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.fbrnd p{font-size:.85rem;margin:.8rem 0}
.fhd{color:var(--white);font-size:.8rem;font-family:var(--fm);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.2rem}
.flinks{list-style:none}
.flinks li{margin-bottom:.55rem}
.flinks a{color:var(--muted);font-size:.87rem;cursor:pointer;transition:var(--tr)}
.flinks a:hover{color:var(--gold)}
.soc{display:flex;gap:.8rem}
.soc a{width:38px;height:38px;border:1px solid var(--cb);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;transition:var(--tr)}
.soc a:hover{border-color:var(--gold);color:var(--gold)}
.fbot{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--cb);font-size:.82rem;color:var(--muted)}
.fbot a{color:var(--muted)}
.fbot a:hover{color:var(--gold)}

/* ─── DSEC ─── */
.dsec{background:var(--dark2)}

/* ─── INDUSTRIES GRID ─── */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}
.ind-card{background:var(--card);border:1px solid var(--cb);border-radius:var(--r);padding:1.8rem;display:flex;align-items:center;gap:1rem;transition:var(--tr)}
.ind-card:hover{border-color:rgba(255,184,0,.3);transform:translateY(-4px);background:var(--ch)}
.ind-ico{font-size:1.5rem;flex-shrink:0}
.ind-card h4{color:var(--white);font-size:.93rem;font-family:var(--fb);margin:0}

/* ─── WHY GRID ─── */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:3rem}
.why-item{display:flex;align-items:flex-start;gap:1rem;padding:1.4rem;background:var(--card);border:1px solid var(--cb);border-radius:var(--r);transition:var(--tr)}
.why-item:hover{border-color:rgba(255,184,0,.25);background:var(--ch)}
.why-check{width:28px;height:28px;background:rgba(255,184,0,.1);border:1px solid rgba(255,184,0,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;font-size:.9rem}
.why-item p{font-size:.87rem;margin:0;color:var(--text)}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--dark)}
::-webkit-scrollbar-thumb{background:var(--cb);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}

/* ─── SECTION IMAGE PARALLAX ─── */
.section-img-block{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--cb);aspect-ratio:16/9;background:var(--dark3)}
.section-img-block img{position:absolute;inset:-10% 0;height:120%;width:100%;object-fit:cover;opacity:.6;will-change:transform}
.section-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(9,8,10,.85),rgba(9,8,10,.3))}
.section-img-content{position:absolute;inset:0;display:flex;align-items:center;padding:3rem}

/* ─── CINEMATIC BAND ─── */
.cinematic-band{position:relative;overflow:hidden;min-height:380px;display:flex;align-items:center;margin:2rem 0}
.cinematic-band .cb-img{position:absolute;inset:-20% 0;height:140%;width:100%;object-fit:cover;opacity:.25;will-change:transform}
.cinematic-band .cb-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,8,10,.9) 40%,rgba(255,184,0,.04) 100%)}
.cinematic-band .cb-content{position:relative;z-index:2;max-width:600px;padding:3rem}

/* ─── WOMEN LED BADGE ─── */
.women-badge{display:inline-flex;align-items:center;gap:.7rem;background:linear-gradient(135deg,rgba(255,184,0,.1),rgba(255,100,180,.05));border:1px solid rgba(255,184,0,.3);border-radius:50px;padding:.5rem 1.3rem;font-family:var(--fm);font-size:.7rem;letter-spacing:.12em;color:var(--gold);margin-bottom:1.5rem}

/* ─── MOBILE ─── */
@media(max-width:1024px){
  .hero-in,.agrid,.cgrid,.svc-block,.svc-block.flip{grid-template-columns:1fr;gap:3rem}
  .svc-block.flip{direction:ltr}
  .sg,.tgrid,.vgrd,.pgrd{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .orb{width:320px;height:320px}
  .fgrid{grid-template-columns:1fr 1fr}
  .stats-bar{grid-template-columns:1fr 1fr}
  .tgrd{grid-template-columns:1fr 1fr}
  .ind-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  nav,.hcta .btn-o{display:none}
  .hamburger{display:flex}
  .sg,.tgrid,.vgrd,.ind-grid{grid-template-columns:1fr}
  .steps,.pgrd,.frow,.pgrid,.tgrd{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .hero h1{font-size:2.4rem}
  section{padding:5rem 0}
  .phero{padding:8rem 0 3rem}
  .hero{padding:8rem 0 4rem}
  .orb{display:none}
  .hstats{gap:1.5rem}
  .cta{padding:2.5rem 1.5rem}
  .stats-bar{grid-template-columns:1fr 1fr}
}

/* ─── WORDPRESS ADMIN BAR OFFSET ─── */
.admin-bar #hdr { top: 32px; }
@media(max-width:782px){ .admin-bar #hdr { top: 46px; } }