/*
Theme Name: No Brainer Studio — Elementor Ready
Theme URI: https://no-brainer.in/
Author: No Brainer Private Limited
Description: Dark-only, Elementor-friendly custom theme for No Brainer Private Limited.
Version: 3.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: no-brainer-studio
License: GPL-2.0-or-later
*/

/* ===== Theme variables ===== */
:root{
  --nb-black:#050505;
  --nb-deep:#080808;
  --nb-panel:#0e0e0e;
  --nb-white:#f4f4ef;
  --nb-soft:#c8c8c1;
  --nb-muted:#8f8f89;
  --nb-border:rgba(244,244,239,.13);
  --nb-orange:#ff7900;
  --nb-purple:#8a2cff;
  --nb-lime:#ddff00;
  --nb-pink:#ff2db6;
  --nb-cyan:#5fe8ff;
  --nb-max:1280px;
  --nb-radius:28px;
  --nb-ease:cubic-bezier(.2,.75,.16,1);
}

html{background:var(--nb-black);scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 80% 0%,rgba(138,44,255,.10),transparent 28rem),
  radial-gradient(circle at 0% 30%,rgba(255,121,0,.08),transparent 27rem),
  var(--nb-black);
  color:var(--nb-white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;overflow-x:hidden
}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:var(--nb-lime);color:#000}

.nb-shell{width:min(var(--nb-max),calc(100% - 48px));margin-inline:auto}
.nb-content{position:relative;overflow:hidden}
.nb-section{padding:112px 0;position:relative}
.nb-section--tight{padding:78px 0}
.nb-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--nb-muted);font-size:.71rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase
}
.nb-dot{width:8px;height:8px;border-radius:50%;background:var(--nb-lime);box-shadow:0 0 22px rgba(221,255,0,.8)}
.nb-copy{max-width:760px;color:var(--nb-soft);font-size:clamp(1rem,1.6vw,1.18rem)}
.nb-display{
  margin:0;text-transform:uppercase;font-size:clamp(4rem,10vw,10.5rem);
  line-height:.82;letter-spacing:-.085em;font-weight:950
}
.nb-display .orange,.orange{color:var(--nb-orange)}
.nb-display .purple,.purple{color:var(--nb-purple)}
.nb-display .lime,.lime{color:var(--nb-lime)}
.nb-display .pink,.pink{color:var(--nb-pink)}
.nb-outline{color:transparent;-webkit-text-stroke:1px rgba(244,244,239,.55)}
.nb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 20px;border-radius:999px;border:1px solid var(--nb-border);
  background:var(--nb-white);color:#050505;font-weight:900;
  transition:transform .28s var(--nb-ease),background .28s var(--nb-ease),color .28s var(--nb-ease),border-color .28s var(--nb-ease)
}
.nb-btn:hover{transform:translateY(-4px) rotate(-.3deg);background:var(--nb-lime);border-color:var(--nb-lime)}
.nb-btn--ghost{background:transparent;color:var(--nb-white)}
.nb-btn--orange{background:var(--nb-orange);border-color:var(--nb-orange);color:#000}
.nb-btn--purple{background:var(--nb-purple);border-color:var(--nb-purple);color:#fff}
.nb-tag{
  display:inline-flex;align-items:center;border:1px solid var(--nb-border);border-radius:999px;
  padding:7px 11px;font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#dbdbd4
}
.nb-grid{
  position:absolute;inset:0;pointer-events:none;opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.036) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.036) 1px,transparent 1px);
  background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 91%)
}
.nb-noise{
  position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")
}
.nb-scrollbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:220}
.nb-scrollbar span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--nb-orange),var(--nb-purple),var(--nb-lime))}

/* ===== Header ===== */
.nb-header{
  position:fixed;inset:0 0 auto;z-index:210;
  border-bottom:1px solid transparent;
  transition:transform .45s var(--nb-ease),background .45s var(--nb-ease),border-color .45s var(--nb-ease)
}
.nb-header.scrolled{background:rgba(5,5,5,.78);backdrop-filter:blur(18px);border-color:var(--nb-border)}
.nb-header.hidden{transform:translateY(-100%)}
.nb-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nb-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.nb-brand img{width:44px;height:44px;object-fit:contain}
.nb-brand strong{display:block;font-size:.95rem;letter-spacing:-.04em}
.nb-brand small{display:block;color:#70706b;font-size:.53rem;font-weight:850;letter-spacing:.18em}
.nb-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
.nb-menu a{font-size:.78rem;font-weight:850;color:#cecec8;transition:color .2s ease}
.nb-menu a:hover,.nb-menu a.current-menu-item>a{color:#fff}
.nb-menu .nb-btn{font-size:.73rem;color:#000}
.nb-menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.55rem;line-height:1}

/* WordPress menu wrappers */
.nb-menu > li{list-style:none}
.nb-menu > li > a{display:inline-flex;align-items:center}
.nb-menu > .menu-item-has-children{position:relative}
.nb-menu .sub-menu{display:none;position:absolute;top:calc(100% + 12px);left:0;min-width:200px;margin:0;padding:10px;list-style:none;border:1px solid var(--nb-border);border-radius:16px;background:rgba(10,10,10,.98);backdrop-filter:blur(16px)}
.nb-menu .menu-item-has-children:hover>.sub-menu{display:block}
.nb-menu .sub-menu a{display:block;padding:10px 12px}

/* ===== Homepage ===== */
.nb-hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:145px 0 100px}
.nb-hero-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:center;position:relative;z-index:2}
.nb-hero h1{margin:25px 0 30px}
.nb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.nb-hero-visual{position:relative;min-height:620px;display:grid;place-items:center}
.nb-orbit{position:absolute;width:min(43vw,570px);aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;transition:transform .35s var(--nb-ease)}
.nb-orbit:before,.nb-orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 0 28px currentColor}
.nb-orbit:before{top:8%;left:12%;color:var(--nb-orange);background:currentColor}
.nb-orbit:after{right:6%;bottom:14%;color:var(--nb-lime);background:currentColor}
.nb-hero-logo{position:relative;z-index:3;width:min(34vw,430px);filter:drop-shadow(0 24px 80px rgba(0,0,0,.5));transition:transform .35s var(--nb-ease)}
.nb-floating{
  position:absolute;z-index:4;max-width:220px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);
  border-radius:18px;background:rgba(12,12,12,.7);backdrop-filter:blur(14px);
  box-shadow:0 24px 70px rgba(0,0,0,.28);font-weight:900;line-height:1.03
}
.nb-floating small{display:block;color:#808078;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.nb-floating--a{top:10%;right:2%;transform:rotate(3deg)}
.nb-floating--b{bottom:5%;left:1%;transform:rotate(-4deg);border-color:rgba(221,255,0,.22)}
.nb-floating--c{top:42%;left:0;transform:rotate(4deg);border-color:rgba(138,44,255,.22)}
.nb-sticker{
  position:absolute;z-index:4;font-size:clamp(2.2rem,4.1vw,4.5rem);font-weight:950;line-height:.8;
  text-transform:uppercase;letter-spacing:-.07em
}
.nb-sticker--a{top:3%;left:-2%;color:var(--nb-lime);transform:rotate(-8deg)}
.nb-sticker--b{right:-3%;bottom:26%;color:var(--nb-orange);transform:rotate(7deg)}
.nb-sticker--c{left:11%;bottom:8%;color:var(--nb-purple);transform:rotate(-12deg)}

.nb-marquee{overflow:hidden;border-block:1px solid var(--nb-border);white-space:nowrap}
.nb-marquee-track{display:inline-flex;gap:34px;min-width:max-content;padding:18px 0;animation:nbMarquee 26s linear infinite}
.nb-marquee-track b{font-size:clamp(1rem,2vw,1.25rem);text-transform:uppercase;letter-spacing:.06em}
.nb-section-head{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:end;margin-bottom:48px}
.nb-section-head h2{margin:0;text-transform:uppercase;font-size:clamp(3rem,6.6vw,6.9rem);line-height:.85;letter-spacing:-.08em}
.nb-section-head p{margin:0;color:var(--nb-muted);max-width:560px}
.nb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nb-card{
  min-height:380px;padding:28px;border:1px solid var(--nb-border);border-radius:var(--nb-radius);
  background:linear-gradient(145deg,rgba(255,255,255,.043),rgba(255,255,255,.012));
  position:relative;overflow:hidden;transition:transform .45s var(--nb-ease),border-color .45s var(--nb-ease)
}
.nb-card:hover{transform:translateY(-10px);border-color:rgba(255,255,255,.24)}
.nb-card:after{content:"↗";position:absolute;right:24px;bottom:20px;color:#85857e;font-size:1.3rem}
.nb-card .num{font-size:.68rem;letter-spacing:.15em;color:#7d7d77;font-weight:900;text-transform:uppercase}
.nb-card h3{max-width:315px;margin:70px 0 18px;font-size:clamp(1.8rem,3.2vw,3rem);line-height:.9;letter-spacing:-.065em;text-transform:uppercase}
.nb-card p{max-width:340px;color:#a3a39c}
.nb-card.orange{background:linear-gradient(145deg,rgba(255,121,0,.17),rgba(255,255,255,.012))}
.nb-card.purple{background:linear-gradient(145deg,rgba(138,44,255,.17),rgba(255,255,255,.012))}
.nb-card.lime{background:linear-gradient(145deg,rgba(221,255,0,.11),rgba(255,255,255,.012))}
.nb-manifesto{padding:150px 0;overflow:hidden}
.nb-manifesto-lines span{display:block;font-size:clamp(3.4rem,8.7vw,9.4rem);font-weight:950;line-height:.83;letter-spacing:-.09em;text-transform:uppercase}
.nb-manifesto-lines span:nth-child(2){padding-left:7%;color:var(--nb-orange)}
.nb-manifesto-lines span:nth-child(3){padding-left:15%;color:var(--nb-lime)}
.nb-manifesto-lines span:nth-child(4){padding-left:23%;color:var(--nb-purple)}
.nb-manifesto-note{margin-top:24px;color:#72726c;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.nb-work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.nb-work-card{position:relative;min-height:350px;overflow:hidden;border:1px solid var(--nb-border);border-radius:var(--nb-radius);background:#0c0c0c}
.nb-work-card.tall{min-height:540px}
.nb-work-art{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s var(--nb-ease),filter .8s var(--nb-ease)}
.nb-work-card:hover .nb-work-art{transform:scale(1.055);filter:saturate(1.12)}
.nb-work-card .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.9) 100%)}
.nb-work-content{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.nb-work-content h3{margin:13px 0 10px;text-transform:uppercase;font-size:clamp(2.1rem,4.9vw,5.2rem);line-height:.83;letter-spacing:-.075em}
.nb-work-card:not(.tall) .nb-work-content h3{font-size:clamp(2rem,3.3vw,3.5rem)}
.nb-work-content p{margin:0;color:#c1c1bb;max-width:700px}
.nb-work-side .nb-work-art{background-image:linear-gradient(135deg,rgba(138,44,255,.32),transparent),url("../images/brand-art.png")}
.nb-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nb-step{padding:20px 20px 8px;border-top:1px solid var(--nb-border)}
.nb-step .num{font-size:3rem;line-height:1;color:var(--nb-orange);font-weight:950}
.nb-step h3{margin:34px 0 10px;font-size:1rem;letter-spacing:.05em;text-transform:uppercase}
.nb-step p{margin:0;color:#92928b;font-size:.92rem}

/* ===== Default WordPress page layout / Elementor host ===== */
.nb-page-shell{position:relative;overflow:hidden}
.nb-page-hero{padding:170px 0 95px;position:relative}
.nb-page-hero h1{margin:22px 0 18px}
.nb-page-hero .lead{max-width:830px;color:#c6c6bf;font-size:clamp(1rem,1.7vw,1.25rem)}
.nb-page-content{position:relative}
.nb-page-content:after{content:"";display:block;clear:both}

/* When Elementor renders, let Elementor own the whole content area without a theme-generated
 * duplicate hero/content wrapper interfering with it. */
.elementor-page .nb-page-content,
.elementor-page .nb-page-content > .elementor,
.elementor-editor-active .nb-page-content{overflow:visible}

/* Elementor/dynamic sections inherit the dark canvas. */
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap{background:transparent}
.elementor a{color:inherit}
.elementor-button{font-family:inherit}
.elementor-widget-text-editor{color:var(--nb-soft)}
.elementor-widget-heading .elementor-heading-title{color:var(--nb-white)}
.elementor-editor-active .nb-noise,
.elementor-editor-active .nb-cursor,
.elementor-editor-active .nb-cursor-follower{display:none}

/* ===== Contact ===== */
.nb-inquiry{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}
.nb-inquiry-copy,.nb-inquiry-form{border:1px solid var(--nb-border);border-radius:var(--nb-radius);background:rgba(255,255,255,.025)}
.nb-inquiry-copy{padding:34px;min-height:570px;display:flex;flex-direction:column;justify-content:space-between}
.nb-inquiry-copy h2{margin:28px 0;font-size:clamp(3rem,6vw,6.5rem);line-height:.82;letter-spacing:-.08em;text-transform:uppercase}
.nb-inquiry-form{padding:34px}
.nb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nb-field{display:flex;flex-direction:column;gap:8px}
.nb-field.full{grid-column:1/-1}
.nb-field label{font-size:.68rem;color:#7d7d77;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.nb-field input,.nb-field textarea,.nb-field select{
  width:100%;padding:15px 16px;border-radius:15px;border:1px solid var(--nb-border);outline:0;
  background:#090909;color:#eee;transition:border-color .2s ease,box-shadow .2s ease
}
.nb-field textarea{min-height:175px;resize:vertical}
.nb-field input:focus,.nb-field textarea:focus,.nb-field select:focus{border-color:var(--nb-lime);box-shadow:0 0 0 4px rgba(221,255,0,.08)}
.nb-form-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:18px}
.nb-privacy{max-width:480px;color:#6d6d67;font-size:.71rem}

/* ===== Footer ===== */
.nb-footer{padding:42px 0 50px;border-top:1px solid var(--nb-border)}
.nb-footer-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.nb-footer-brand{font-size:clamp(2.8rem,6vw,6.5rem);font-weight:950;line-height:.8;letter-spacing:-.08em;text-transform:uppercase}
.nb-footer-brand span{color:var(--nb-orange)}
.nb-footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
.nb-footer-links a{font-size:.78rem;color:#85857e}
.nb-footer-links a:hover{color:#fff}
.nb-footer-meta{text-align:right;color:#6e6e68;font-size:.71rem;letter-spacing:.09em;text-transform:uppercase}

/* ===== Animations ===== */
.nb-cursor,.nb-cursor-follower{position:fixed;left:0;top:0;z-index:230;pointer-events:none;opacity:0;mix-blend-mode:difference;border-radius:50%}
.nb-cursor{width:8px;height:8px;background:#fff;transform:translate(-50%,-50%)}
.nb-cursor-follower{width:34px;height:34px;border:1px solid rgba(255,255,255,.72);transform:translate(-50%,-50%);transition:width .24s var(--nb-ease),height .24s var(--nb-ease),background .24s var(--nb-ease)}
body.nb-pointer .nb-cursor,body.nb-pointer .nb-cursor-follower{opacity:1}
body.nb-pointer.nb-link-hover .nb-cursor-follower{width:54px;height:54px;background:rgba(255,255,255,.1)}
.nb-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--nb-ease),transform .8s var(--nb-ease)}
.nb-reveal.is-visible{opacity:1;transform:none}
.nb-reveal-scale{opacity:0;transform:scale(.96);transition:opacity .9s var(--nb-ease),transform .9s var(--nb-ease)}
.nb-reveal-scale.is-visible{opacity:1;transform:scale(1)}
.nb-float{animation:nbFloat 5.6s ease-in-out infinite}
.nb-pulse{animation:nbPulse 2.8s ease-in-out infinite}
@keyframes nbMarquee{to{transform:translateX(-50%)}}
@keyframes nbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes nbPulse{0%,100%{opacity:.55}50%{opacity:1}}
@media (max-width:1050px){
  .nb-shell{width:min(var(--nb-max),calc(100% - 32px))}
  .nb-hero-layout,.nb-inquiry{grid-template-columns:1fr}
  .nb-hero-visual{order:-1;min-height:470px}
  .nb-hero-logo{width:min(56vw,360px)}
  .nb-orbit{width:min(75vw,500px)}
  .nb-floating{display:none}
  .nb-section-head{grid-template-columns:1fr}
  .nb-cards{grid-template-columns:1fr}
  .nb-work-grid{grid-template-columns:1fr}
  .nb-process-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .nb-menu{display:none}
  .nb-menu-toggle{display:block}
  .nb-header.nav-open .nb-menu{
    display:flex;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;gap:0;
    padding:8px;border:1px solid var(--nb-border);border-radius:18px;background:rgba(10,10,10,.98);backdrop-filter:blur(18px)
  }
  .nb-header.nav-open .nb-menu>li{width:100%}
  .nb-header.nav-open .nb-menu>li>a{display:flex;width:100%;padding:14px 12px;border-bottom:1px solid var(--nb-border)}
  .nb-header.nav-open .nb-menu>li:last-child>a{border-bottom:0}
  .nb-header.nav-open .nb-menu .sub-menu{position:static;display:block;border:0;padding:0 0 8px;background:transparent}
  .nb-hero{padding:120px 0 80px}
  .nb-hero-visual{min-height:350px}
  .nb-hero-logo{width:min(77vw,340px)}
  .nb-orbit{width:min(90vw,420px)}
  .nb-sticker{font-size:2rem}
  .nb-sticker--a{top:1%;left:0}.nb-sticker--b{right:0;bottom:22%}.nb-sticker--c{left:3%;bottom:4%}
  .nb-section{padding:82px 0}
  .nb-manifesto{padding:92px 0}
  .nb-manifesto-lines span{font-size:clamp(3rem,15vw,5.6rem)}
  .nb-manifesto-lines span:nth-child(2),.nb-manifesto-lines span:nth-child(3),.nb-manifesto-lines span:nth-child(4){padding-left:0}
  .nb-process-grid{grid-template-columns:1fr}
  .nb-form-grid{grid-template-columns:1fr}
  .nb-field.full{grid-column:auto}
  .nb-form-bottom{flex-direction:column}
  .nb-footer-grid{align-items:flex-start;flex-direction:column}
  .nb-footer-meta{text-align:left}
}
@media (pointer:coarse){
  .nb-cursor,.nb-cursor-follower{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}


/* ===== Robust direct navigation + social footer ===== */
.nb-direct-menu{
  display:flex;
  align-items:center;
  gap:22px;
  margin:0;
  padding:0;
  list-style:none;
}
.nb-direct-menu a{
  display:inline-flex;
  align-items:center;
  font-size:.78rem;
  font-weight:850;
  color:#cecec8;
  transition:color .2s ease, transform .2s ease;
}
.nb-direct-menu a:hover{color:#fff;transform:translateY(-1px)}
.nb-direct-menu .nb-direct-cta{
  padding:11px 17px;
  border-radius:999px;
  background:var(--nb-orange);
  color:#000;
  border:1px solid var(--nb-orange);
}
.nb-direct-menu .nb-direct-cta:hover{
  background:var(--nb-lime);
  border-color:var(--nb-lime);
  color:#000;
}
.nb-socials{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}
.nb-social{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid var(--nb-border);
  border-radius:999px;
  color:#bcbcb6;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.02em;
  background:rgba(255,255,255,.018);
  transition:transform .22s var(--nb-ease),border-color .22s ease,color .22s ease,background .22s ease;
}
.nb-social:hover{
  transform:translateY(-3px);
  color:#fff;
  border-color:rgba(221,255,0,.4);
  background:rgba(221,255,0,.05);
}
.nb-social b{color:var(--nb-orange)}
.nb-social svg{width:14px;height:14px;flex:0 0 14px;fill:currentColor}
.nb-social-label{opacity:.96}
.nb-footer-left{min-width:0}
.nb-footer-meta a{color:#85857e}
.nb-footer-meta a:hover{color:#fff}

@media (max-width:760px){
  .nb-direct-menu{display:none}
  .nb-header.nav-open .nb-direct-menu{
    display:flex;
    position:absolute;
    top:70px;
    left:16px;
    right:16px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px;
    border:1px solid var(--nb-border);
    border-radius:18px;
    background:rgba(10,10,10,.98);
    backdrop-filter:blur(18px);
  }
  .nb-header.nav-open .nb-direct-menu a{
    display:flex;
    width:100%;
    padding:14px 12px;
    border-bottom:1px solid var(--nb-border);
  }
  .nb-header.nav-open .nb-direct-menu li:last-child a{border-bottom:0}
}

/* ===== v3.2 social icon-only footer ===== */
.nb-socials{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.nb-social{
  width:42px;
  height:42px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--nb-border);
  border-radius:50%;
  color:#c9c9c2;
  background:rgba(255,255,255,.018);
  transition:transform .22s var(--nb-ease),border-color .22s ease,color .22s ease,background .22s ease;
}
.nb-social:hover{
  transform:translateY(-4px) scale(1.04);
  color:#fff;
  border-color:rgba(221,255,0,.42);
  background:rgba(221,255,0,.055);
}
.nb-social svg{width:18px;height:18px;fill:currentColor;flex:0 0 18px}
.nb-social b,.nb-social .nb-social-label{display:none!important}
.nb-footer-right{
  min-width:min(300px,28vw);
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}
.nb-footer-mascot{
  width:min(250px,28vw);
  max-height:240px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 22px 55px rgba(0,0,0,.45));
  transition:transform .45s var(--nb-ease);
}
.nb-footer-mascot:hover{transform:translateY(-7px) rotate(-2deg)}
.nb-legal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.nb-legal-card{
  border:1px solid var(--nb-border);
  border-radius:var(--nb-radius);
  background:rgba(255,255,255,.02);
  padding:28px;
}
.nb-legal-content{
  max-width:900px;
  color:#b9b9b2;
  font-size:1rem;
}
.nb-legal-content h2{
  margin:42px 0 14px;
  color:var(--nb-white);
  font-size:clamp(1.55rem,2.4vw,2.25rem);
  line-height:1;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.nb-legal-content h2:first-child{margin-top:0}
.nb-legal-content p,.nb-legal-content li{color:#a7a7a0}
.nb-legal-content ul{padding-left:20px}
.nb-legal-content a{color:var(--nb-lime)}
.nb-legal-effective{
  color:#777770;
  font-size:.74rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@media (max-width:760px){
  .nb-footer-right{
    width:100%;
    min-width:0;
    justify-content:flex-start;
    margin-top:10px;
  }
  .nb-footer-mascot{width:180px;max-height:190px}
  .nb-legal-grid{grid-template-columns:1fr}
}

/* ===== v3.3 footer mascot-above-legal ===== */
.nb-footer-grid{
  align-items:flex-end;
}
.nb-footer-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  min-width:min(330px,32vw);
}
.nb-footer-mascot{
  width:min(210px,24vw);
  max-height:200px;
  object-fit:contain;
  object-position:center bottom;
  margin:0 0 18px auto;
  filter:drop-shadow(0 20px 48px rgba(0,0,0,.48));
}
.nb-footer-meta-text{
  text-align:right;
  color:#6e6e68;
  font-size:.71rem;
  line-height:1.55;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.nb-footer-meta-text .nb-india-line{
  color:#85857e;
  margin-top:5px;
}
.nb-parallax-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
  opacity:.45;
  will-change:transform;
}
.nb-parallax-orb.orange{
  width:210px;height:210px;
  background:radial-gradient(circle,rgba(255,121,0,.42),rgba(255,121,0,0));
}
.nb-parallax-orb.purple{
  width:270px;height:270px;
  background:radial-gradient(circle,rgba(138,44,255,.30),rgba(138,44,255,0));
}
.nb-parallax-orb.lime{
  width:150px;height:150px;
  background:radial-gradient(circle,rgba(221,255,0,.25),rgba(221,255,0,0));
}
.nb-home-graphic{
  position:absolute;
  inset:auto -70px 0 auto;
  width:min(44vw,620px);
  opacity:.75;
  pointer-events:none;
  transform:translateZ(0);
}
.nb-page-extra{
  margin-top:46px;
}
.nb-page-extra-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.nb-page-extra-card{
  min-height:220px;
  padding:24px;
  border:1px solid var(--nb-border);
  border-radius:24px;
  background:rgba(255,255,255,.018);
}
.nb-page-extra-card h3{
  margin:0 0 12px;
  text-transform:uppercase;
  font-size:1rem;
  letter-spacing:.05em;
}
.nb-page-extra-card p{
  margin:0;
  color:#96968f;
  font-size:.92rem;
}
.nb-page-section-copy{
  max-width:860px;
  color:#aaa9a2;
  font-size:1.04rem;
}
.nb-page-section-copy p{margin:0 0 18px}
.nb-page-quote{
  margin-top:50px;
  padding:30px;
  border-left:3px solid var(--nb-orange);
  background:linear-gradient(90deg,rgba(255,121,0,.07),transparent);
  color:#e1e1db;
  font-size:clamp(1.35rem,2.6vw,2.3rem);
  font-weight:850;
  line-height:1.02;
  letter-spacing:-.035em;
}
@media (max-width:760px){
  .nb-footer-meta{
    align-items:flex-start;
    min-width:0;
    width:100%;
  }
  .nb-footer-mascot{
    width:170px;
    margin:0 0 14px 0;
  }
  .nb-footer-meta-text{text-align:left}
  .nb-page-extra-grid{grid-template-columns:1fr}
  .nb-home-graphic{width:90vw;right:-120px;opacity:.52}
}

/* v3.4 liquid-glass material + water interaction */
:root{--nb-glass:rgba(255,255,255,.055);--nb-glass-border:rgba(255,255,255,.13);--nb-glass-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
html,body{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.035),transparent 26%),radial-gradient(circle at 88% 28%,rgba(138,44,255,.035),transparent 24%),#070707}
.nb-header{background:rgba(10,10,10,.54)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 10px 35px rgba(0,0,0,.16)}
.nb-direct-menu,.nb-header.nav-open .nb-direct-menu{background:rgba(16,16,16,.68);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border-color:rgba(255,255,255,.12);box-shadow:var(--nb-glass-shadow)}
.nb-card,.nb-work-card,.nb-step,.nb-page-extra-card,.nb-legal-card,.nb-inquiry-form,.nb-inquiry-copy{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 58%,rgba(255,255,255,.035));border:1px solid var(--nb-glass-border);box-shadow:var(--nb-glass-shadow);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.nb-social,.nb-tag,.nb-eyebrow,.nb-footer-links a,.nb-menu-toggle{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.nb-footer{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012)),#0b0b0b;border-top:1px solid rgba(255,255,255,.10)}
#nbWaterCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:9997;pointer-events:none;opacity:.72;mix-blend-mode:screen}
.nb-water-vignette{position:fixed;inset:0;z-index:9996;pointer-events:none;background:radial-gradient(circle at var(--water-x,50%) var(--water-y,50%),rgba(255,255,255,.035),transparent 18%);mix-blend-mode:screen;opacity:.55}
.nb-footer-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-width:min(330px,32vw)}
.nb-footer-mascot{width:min(210px,24vw);max-height:200px;object-fit:contain;margin:0 0 18px auto;filter:drop-shadow(0 20px 48px rgba(0,0,0,.48))}
.nb-footer-meta-text{text-align:right;color:#6e6e68;font-size:.71rem;line-height:1.55;letter-spacing:.06em;text-transform:uppercase}
.nb-footer-meta-text .nb-india-line{color:#85857e;margin-top:5px}
@media(max-width:760px){.nb-footer-meta{align-items:flex-start;min-width:0;width:100%}.nb-footer-mascot{width:170px;margin:0 0 14px}.nb-footer-meta-text{text-align:left}.nb-water-vignette{opacity:.4}}
@media(prefers-reduced-motion:reduce){#nbWaterCanvas,.nb-water-vignette{display:none}}

/* v3.5 — card signs / image tiles */
.nb-card-media,.nb-step-media,.nb-extra-media,.nb-work-sign{
 display:flex;align-items:center;justify-content:center;
 width:62px;height:62px;margin:0 0 20px;
 border-radius:18px;color:currentColor;
 background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
 border:1px solid rgba(255,255,255,.13);
 box-shadow:0 14px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);
 backdrop-filter:blur(16px) saturate(140%);
 -webkit-backdrop-filter:blur(16px) saturate(140%);
 overflow:hidden;
}
.nb-card-media img,.nb-step-media img,.nb-extra-media img,.nb-work-sign img{
 width:38px;height:38px;object-fit:contain;
 filter:drop-shadow(0 5px 12px rgba(255,255,255,.06));
}
.nb-card-media img,.nb-step-media img,.nb-extra-media img{animation:nbIconFloat 4.8s ease-in-out infinite}
.nb-card:nth-child(2) .nb-card-media img{animation-delay:-1.2s}
.nb-card:nth-child(3) .nb-card-media img{animation-delay:-2.4s}
.nb-page-extra-card:nth-child(2) .nb-extra-media img{animation-delay:-1.6s}
.nb-page-extra-card:nth-child(3) .nb-extra-media img{animation-delay:-3.1s}
.nb-icon-orbit{animation:nbIconOrbit 2.7s ease-in-out infinite;transform-origin:22px 5px}
@keyframes nbIconFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes nbIconOrbit{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
.nb-work-sign{width:48px;height:48px;margin:0 0 13px}
.nb-work-sign img{width:28px;height:28px}
.nb-hero-brandmark{
 position:relative;z-index:4;
 width:min(420px,82%);
 margin:0 auto 14px;
 display:block;
 filter:drop-shadow(0 24px 55px rgba(0,0,0,.45));
}
.nb-hero-brandmark img{display:block;width:100%;height:auto}
.nb-ai-note{
 margin-top:18px;padding:15px 18px;border:1px solid rgba(255,255,255,.08);
 border-radius:18px;background:rgba(255,255,255,.025);color:#a9a9a2;
 font-size:.82rem;line-height:1.55;
}
.nb-ai-note strong{color:#ededE7}
@media(max-width:760px){
 .nb-card-media,.nb-step-media,.nb-extra-media{width:54px;height:54px;border-radius:16px;margin-bottom:16px}
 .nb-card-media img,.nb-step-media img,.nb-extra-media img{width:33px;height:33px}
 .nb-hero-brandmark{width:min(330px,88%);margin-bottom:10px}
}