@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');

:root{
  --porcelain:#F7F5F0;
  --white:#FFFFFF;
  --onyx:#151515;
  --charcoal:#292929;
  --platinum:#B8B8B8;
  --light:#E8E6E1;
  --gold:#C7A66A;
  --dark-gold:#98733E;
  --shadow:0 18px 45px rgba(21,21,21,.08);
  --shadow-strong:0 24px 80px rgba(21,21,21,.16);
  --radius:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,sans-serif;
  color:var(--charcoal);
  background:var(--porcelain);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 15% 8%, rgba(199,166,106,.12), transparent 25%),
    radial-gradient(circle at 84% 22%, rgba(21,21,21,.045), transparent 28%),
    linear-gradient(90deg, rgba(21,21,21,.035) 1px, transparent 1px),
    linear-gradient(rgba(21,21,21,.025) 1px, transparent 1px);
  background-size:auto,auto,72px 72px,72px 72px;
}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--dark-gold),var(--gold));z-index:1200}
.site-header{
  position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(21,21,21,.08);backdrop-filter:blur(12px);
  animation:navDrop .65s ease both;
}
@keyframes navDrop{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
.nav{max-width:var(--max);margin:0 auto;padding:13px 22px;display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}.logo img{width:158px;height:auto}.logo .mini{display:none}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-links a{font-size:13px;font-weight:750;padding:10px 9px;border-radius:999px;color:#303030;position:relative}.nav-links a:hover,.nav-links a.active{color:#111;background:#F2EFE7}.nav-links a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1px;background:var(--gold)}
.nav-phone{font-size:13px;font-weight:800;white-space:nowrap;color:var(--onyx);padding-left:8px}.nav-cta{padding:11px 16px;background:var(--onyx);color:#fff;border:1px solid var(--onyx);border-radius:999px;font-size:13px;font-weight:800;position:relative;overflow:hidden;white-space:nowrap}.nav-cta::before,.btn::before{content:"";position:absolute;inset:-45% auto -45% -60%;width:46%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-22deg);transition:.65s}.nav-cta:hover::before,.btn:hover::before{left:125%}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;width:42px;height:42px;border-radius:12px;position:relative}.menu-toggle span{display:block;width:22px;height:2px;background:#151515;margin:5px auto;border-radius:2px;transition:.3s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
main{min-height:60vh}.section{padding:86px 22px}.section-tight{padding:58px 22px}.container{max-width:var(--max);margin:0 auto}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:850;color:var(--dark-gold);margin-bottom:14px}.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;color:var(--onyx);letter-spacing:-.055em;margin:0}h1{font-size:clamp(42px,7vw,82px);line-height:.95}h2{font-size:clamp(32px,4.6vw,56px);line-height:1.02}h3{font-size:clamp(22px,2.2vw,31px);line-height:1.08}p{line-height:1.7}.lead{font-size:clamp(17px,1.8vw,21px);color:#4b4b4b;max-width:720px}.muted{color:#686868}.gold{color:var(--dark-gold)}
.btn-row{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;padding:14px 20px;font-weight:850;font-size:14px;position:relative;overflow:hidden;cursor:pointer;transition:.25s}.btn-primary{background:var(--onyx);color:#fff;border-color:var(--onyx);box-shadow:0 16px 36px rgba(21,21,21,.18)}.btn-secondary{background:#fff;color:var(--onyx);border-color:#d9d3c7}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--dark-gold));color:#151515;border-color:rgba(152,115,62,.45)}.btn:hover{transform:translateY(-2px);box-shadow:0 17px 40px rgba(21,21,21,.13)}
.hero{padding:88px 22px 45px}.hero-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.hero-copy>*{animation:rise .75s ease both}.hero-copy .eyebrow{animation-delay:.05s}.hero-copy h1{animation-delay:.14s}.hero-copy .lead{animation-delay:.24s}.hero-copy .btn-row{animation-delay:.34s}.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.trust span{padding:9px 12px;background:#fff;border:1px solid var(--light);font-size:12px;font-weight:800;color:#333}.trust span::before{content:"✦";color:var(--gold);margin-right:7px}@keyframes rise{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
.ops-panel{position:relative;min-height:560px;background:radial-gradient(circle at center,rgba(199,166,106,.14),transparent 36%),linear-gradient(145deg,#171717,#242424 62%,#151515);border:1px solid rgba(199,166,106,.33);box-shadow:var(--shadow-strong);overflow:hidden;padding:26px}.ops-panel::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000,transparent 80%)}
.network{position:absolute;inset:28px;z-index:1}.orbit{position:absolute;inset:70px;border:1px solid rgba(199,166,106,.25);border-radius:50%;animation:rotate 32s linear infinite}.orbit.two{inset:112px;animation-duration:24s;animation-direction:reverse}.orbit.three{inset:32px;border-color:rgba(232,230,225,.12);animation-duration:42s}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:154px;height:154px;border-radius:50%;display:grid;place-items:center;background:#111;border:1px solid rgba(199,166,106,.72);box-shadow:0 0 60px rgba(199,166,106,.18), inset 0 0 35px rgba(199,166,106,.11);z-index:3}.core::before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(199,166,106,.5);animation:rotate 18s linear infinite}.core strong{font-family:Manrope;font-size:18px;color:#fff;letter-spacing:.08em}.core span{position:absolute;bottom:42px;font-size:10px;color:var(--platinum);letter-spacing:.18em}.node{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;color:#F7F5F0;background:rgba(21,21,21,.76);border:1px solid rgba(199,166,106,.43);padding:10px 12px;min-width:116px;box-shadow:0 12px 35px rgba(0,0,0,.22);animation:float 5.5s ease-in-out infinite}.node i{width:24px;height:24px;display:grid;place-items:center;color:var(--gold)}.node svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.node small{font-size:11px;font-weight:800}.n-phone{left:4%;top:15%}.n-wa{right:6%;top:13%;animation-delay:.4s}.n-chat{left:0;top:48%;animation-delay:.9s}.n-shop{right:0;top:50%;animation-delay:.2s}.n-crm{left:16%;bottom:12%;animation-delay:1s}.n-cal{right:14%;bottom:11%;animation-delay:.7s}.n-email{left:42%;top:3%;animation-delay:1.2s}.n-flow{left:41%;bottom:3%;animation-delay:.5s}.connection{position:absolute;left:50%;top:50%;width:1px;height:210px;background:linear-gradient(transparent,rgba(199,166,106,.65),transparent);transform-origin:top;z-index:2;opacity:.75}.c1{transform:rotate(25deg)}.c2{transform:rotate(74deg)}.c3{transform:rotate(115deg)}.c4{transform:rotate(158deg)}.c5{transform:rotate(205deg)}.c6{transform:rotate(250deg)}.c7{transform:rotate(300deg)}.status-box{position:absolute;left:22px;right:22px;bottom:22px;z-index:5;background:rgba(247,245,240,.96);border:1px solid rgba(199,166,106,.5);padding:16px;display:flex;align-items:center;gap:14px}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(199,166,106,.18);animation:pulse 1.8s infinite}.status-text{font-weight:850;color:#151515}.status-sub{font-size:12px;color:#666;margin-top:2px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(199,166,106,.04)}}
.marquee{overflow:hidden;background:#151515;color:#fff;border-block:1px solid rgba(199,166,106,.35)}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-item{display:flex;align-items:center;gap:10px;padding:19px 30px;white-space:nowrap;font-weight:850;font-size:14px;letter-spacing:.02em}.marquee-item svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.8}@keyframes marquee{to{transform:translateX(-50%)}}
.page-hero{padding:76px 22px 36px;background:linear-gradient(180deg,#fff,rgba(247,245,240,0));border-bottom:1px solid rgba(21,21,21,.06)}.page-hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:end}.crumb{font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--dark-gold)}.page-stat{background:#151515;color:#fff;padding:24px;border-left:3px solid var(--gold);box-shadow:var(--shadow)}.page-stat strong{display:block;font-family:Manrope;font-size:44px;color:var(--gold);letter-spacing:-.06em}.page-stat span{color:#ddd;font-size:14px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.solution-list{display:grid;gap:18px}.solution-block{display:grid;grid-template-columns:68px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--light);padding:22px;box-shadow:0 8px 26px rgba(21,21,21,.04);transition:.28s}.solution-block:nth-child(even){margin-left:34px}.solution-block:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(199,166,106,.65)}.iconbox{width:56px;height:56px;border:1px solid rgba(199,166,106,.55);display:grid;place-items:center;color:var(--dark-gold);background:#FBFAF7}.iconbox svg,.mini-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7}.solution-block p{margin:8px 0 0}.outcome{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:var(--dark-gold);margin-top:9px}.text-link{font-size:13px;font-weight:850;border-bottom:1px solid var(--gold);white-space:nowrap}.editorial-card{background:#151515;color:#fff;padding:32px;border:1px solid rgba(199,166,106,.35);position:sticky;top:102px}.editorial-card h3{color:#fff}.editorial-card p{color:#d8d8d8}.checks{display:grid;gap:12px;margin-top:20px}.checks span{display:flex;gap:10px;align-items:flex-start;color:#eee}.checks span::before{content:"";width:8px;height:8px;background:var(--gold);margin-top:9px;flex:0 0 auto}
.lab{background:#151515;color:#fff}.lab h2,.lab h3{color:#fff}.lab-shell{display:grid;grid-template-columns:360px 1fr;gap:20px;margin-top:28px}.controls{background:#1d1d1d;border:1px solid rgba(199,166,106,.24);padding:22px}.control-group{margin-bottom:18px}.control-group label{display:block;color:#cfcfcf;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;margin-bottom:8px}.control-group select{width:100%;background:#111;color:#fff;border:1px solid rgba(232,230,225,.15);padding:13px 12px;outline:none}.recommendation{background:#F7F5F0;color:#151515;border:1px solid rgba(199,166,106,.35);padding:24px;min-height:420px;position:relative;overflow:hidden}.recommendation::before{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(199,166,106,.45)}.dash-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:20px}.badge{display:inline-flex;padding:7px 10px;border:1px solid rgba(199,166,106,.55);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:#765726}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.step{background:#fff;border:1px solid var(--light);padding:14px;min-height:104px}.step b{display:block;color:var(--dark-gold);font-size:12px;margin-bottom:6px}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.metric{background:#fff;border:1px solid var(--light);padding:15px}.meter{height:7px;background:#E4DFD5;margin-top:9px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--dark-gold),var(--gold));width:70%;transition:.45s}.integrations{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.integrations span{font-size:12px;font-weight:800;background:#151515;color:#fff;padding:7px 9px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.tab{border:1px solid #d7d1c6;background:#fff;padding:12px 15px;font-weight:850;cursor:pointer;color:#2b2b2b}.tab.active{background:#151515;color:#fff;border-color:#151515}.industry-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;animation:fade .35s ease}.problem-list{background:#fff;border:1px solid var(--light);padding:26px}.problem-list ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:11px}.problem-list li{padding-left:22px;position:relative}.problem-list li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--gold)}.workflow-card{background:#151515;color:#eee;padding:28px;border:1px solid rgba(199,166,106,.35)}.workflow-card h3{color:#fff}.workflow-card .goldline{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:20px 0}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid rgba(199,166,106,.45);color:#151515;background:#fff;padding:8px 10px;font-size:12px;font-weight:800}.workflow-card .pill{background:#222;color:#eee}.fade-in{animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.process-wrap{position:relative;margin-top:34px}.process-line{position:absolute;left:10%;right:10%;top:58px;height:2px;background:#ddd;overflow:hidden}.process-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--dark-gold),var(--gold));animation:drawLine 2.4s ease forwards}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.stage{background:#fff;border:1px solid var(--light);padding:24px;min-height:210px}.stage-num{width:68px;height:68px;border-radius:50%;background:#151515;color:var(--gold);display:grid;place-items:center;font-family:Manrope;font-size:24px;font-weight:850;margin-bottom:26px;border:3px solid var(--porcelain);box-shadow:0 0 0 1px rgba(199,166,106,.45)}@keyframes drawLine{to{width:100%}}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.founder-card{background:#fff;border-top:3px solid var(--gold);padding:28px;box-shadow:var(--shadow)}.founder-card p{margin-bottom:0}.quote-panel{background:#151515;color:#eee;padding:34px;border:1px solid rgba(199,166,106,.35);margin-top:26px}.quote-panel h3{color:#fff}.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.counter{background:#fff;border:1px solid var(--light);padding:22px}.counter strong{display:block;font-family:Manrope;color:#151515;font-size:38px;letter-spacing:-.05em}.counter span{font-size:13px;color:#666;font-weight:700}
.faq-list{display:grid;gap:12px;max-width:900px;margin:30px auto 0}.faq-item{background:#fff;border:1px solid var(--light);overflow:hidden}.faq-q{width:100%;text-align:left;background:transparent;border:0;padding:20px 58px 20px 20px;cursor:pointer;font-weight:850;color:#151515;position:relative}.faq-q::after{content:"+";position:absolute;right:22px;top:17px;font-size:26px;color:var(--dark-gold);transition:.25s}.faq-item.open .faq-q::after{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{margin:0;padding:0 20px 20px;color:#555}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}.contact-card{background:#151515;color:#fff;padding:30px;border:1px solid rgba(199,166,106,.42);position:sticky;top:102px}.contact-card h3{color:#fff}.contact-line{display:block;margin:18px 0;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.contact-line small{display:block;color:#bfbfbf;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:850}.contact-line a,.contact-line strong{display:block;color:#fff;font-size:20px;margin-top:6px}.form{background:#fff;border:1px solid var(--light);padding:26px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#575757;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8d2c7;background:#FBFAF7;padding:13px;color:#151515;outline:none}.field textarea{min-height:126px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,106,.12)}
.cta{background:#151515;color:#fff;position:relative;overflow:hidden}.cta::before{content:"";position:absolute;inset:-20% 55% -20% -20%;background:radial-gradient(circle,rgba(199,166,106,.18),transparent 65%)}.cta .container{position:relative;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.cta h2{color:#fff}.cta p{color:#ddd;max-width:650px}
.footer{background:#101010;color:#ddd;padding:42px 22px 24px;border-top:1px solid rgba(199,166,106,.28)}.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:30px}.footer img{width:180px;margin-bottom:16px}.footer h4{color:#fff;font-size:15px;margin-bottom:12px}.footer a{display:block;color:#d7d7d7;margin:8px 0;font-size:14px}.footer a:hover{color:var(--gold)}.footer-bottom{max-width:var(--max);margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#a9a9a9}
.float-stack{position:fixed;right:22px;bottom:22px;z-index:1100;display:flex;gap:12px;align-items:flex-end}.float-btn{width:58px;height:58px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 16px 40px rgba(21,21,21,.24);transition:.25s}.float-btn:hover{transform:translateY(-3px)}.wa-float{background:#1f1f1f;color:#fff;border:1px solid rgba(199,166,106,.55)}.wa-float svg{width:28px;height:28px;fill:#25D366}.nia-float{background:#151515;border:1px solid rgba(199,166,106,.7)}.nia-logo{width:36px;height:36px}.popup{position:fixed;right:22px;bottom:94px;width:360px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--light);box-shadow:var(--shadow-strong);z-index:1090;transform:translateY(14px) scale(.97);opacity:0;pointer-events:none;transition:.25s}.popup.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.popup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#151515;color:#fff;padding:14px 16px;border-bottom:1px solid rgba(199,166,106,.38)}.popup-head strong{font-family:Manrope}.close{border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}.popup-body{padding:16px}.quick-options{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.quick-options button{border:1px solid #d6d0c5;background:#F7F5F0;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}.popup textarea{width:100%;min-height:94px;border:1px solid #d8d2c7;background:#FBFAF7;padding:11px;resize:vertical;outline:none}.popup textarea:focus{border-color:var(--gold)}
.chat{width:390px;max-width:calc(100vw - 32px);height:590px;max-height:calc(100vh - 118px);display:flex;flex-direction:column}.chat .popup-head{padding:13px 14px}.nia-title{display:flex;align-items:center;gap:10px}.nia-title .nia-logo{width:36px;height:36px}.nia-title span{display:block;color:#bfbfbf;font-size:12px;margin-top:2px}.messages{padding:16px;display:flex;flex-direction:column;gap:10px;overflow:auto;background:linear-gradient(#fff,#FBFAF7);flex:1}.bubble{max-width:86%;padding:12px 13px;line-height:1.55;font-size:14px;animation:bubble .24s ease}.bot{background:#F0EDE6;border:1px solid #ded6c8;align-self:flex-start}.user{background:#151515;color:#fff;align-self:flex-end}.typing{display:flex;gap:4px;align-items:center;padding:12px 13px;background:#F0EDE6;border:1px solid #ded6c8;width:max-content}.typing i{width:6px;height:6px;border-radius:50%;background:var(--dark-gold);animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.chat-input{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--light);background:#fff}.chat-input input{flex:1;border:1px solid #d8d2c7;padding:12px;outline:none}.icon-btn{width:42px;height:42px;border:1px solid #d8d2c7;background:#FBFAF7;display:grid;place-items:center;cursor:pointer}.icon-btn.active{background:#151515;color:var(--gold);border-color:#151515}@keyframes bubble{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typing{50%{transform:translateY(-4px);opacity:.55}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1060px){.nav-links,.nav-phone,.nav-cta{display:none}.menu-toggle{display:block}.nav.mobile-open{flex-wrap:wrap}.nav.mobile-open .nav-links{display:grid;grid-template-columns:1fr;order:5;width:100%;margin:8px 0 0;gap:4px}.nav.mobile-open .nav-links a{padding:13px;background:#F7F5F0}.nav.mobile-open .nav-phone,.nav.mobile-open .nav-cta{display:flex;order:6;width:100%;justify-content:center}.hero-grid,.page-hero .container,.split,.industry-panel,.contact-grid,.cta .container{grid-template-columns:1fr}.ops-panel{min-height:520px}.solution-block:nth-child(even){margin-left:0}.lab-shell{grid-template-columns:1fr}.stages{grid-template-columns:1fr 1fr}.process-line{display:none}.footer-grid{grid-template-columns:1fr 1fr}.editorial-card,.contact-card{position:static}.workflow{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.section{padding:62px 18px}.section-tight{padding:42px 18px}.hero{padding:58px 18px 34px}.nav{padding:10px 14px}.logo img{width:138px}h1{font-size:42px}.btn-row,.btn{width:100%}.trust{display:grid}.ops-panel{min-height:470px;padding:16px}.network{inset:12px}.node{min-width:auto;padding:8px}.node small{display:none}.core{width:118px;height:118px}.core span{bottom:27px}.orbit{inset:78px}.orbit.two{inset:110px}.status-box{left:14px;right:14px;bottom:14px}.solution-block{grid-template-columns:52px 1fr;padding:18px}.solution-block .text-link{grid-column:2}.iconbox{width:46px;height:46px}.workflow,.dash-grid,.about-grid,.counter-grid,.form-grid,.stages,.footer-grid{grid-template-columns:1fr}.dash-top{display:block}.float-stack{right:14px;bottom:14px}.float-btn{width:54px;height:54px}.popup{right:14px;bottom:82px}.chat{height:calc(100vh - 100px)}.cta .btn-row{width:100%}.page-stat strong{font-size:34px}.marquee-item{padding:16px 20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab{font-size:12px;padding:11px}.contact-line a,.contact-line strong{font-size:17px}}


/* Upgrade pass: real brand logo, stronger hero motion, premium NIA identity */
.logo{background:#050505;border:1px solid rgba(199,166,106,.24);padding:5px 8px;box-shadow:0 10px 28px rgba(21,21,21,.08)}
.logo img{width:168px;height:54px;object-fit:contain;object-position:center}.footer img{background:#050505;border:1px solid rgba(199,166,106,.25);padding:10px;width:210px;height:auto}.nav-phone{border:0;background:transparent;cursor:pointer}.phone-action:hover{color:var(--dark-gold)}.contact-number{display:block;background:transparent;border:0;padding:0;color:#fff;font-size:20px;margin-top:6px;cursor:pointer;font-weight:800;text-align:left}.contact-number:hover{color:var(--gold)}
.hero h1{background:linear-gradient(94deg,#151515 0%,#151515 46%,#98733E 52%,#151515 60%,#151515 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:headlineSheen 6.5s ease-in-out infinite}@keyframes headlineSheen{0%,55%,100%{background-position:0% 50%}72%{background-position:100% 50%}}
.hero-ticker{margin-top:22px;overflow:hidden;border-block:1px solid rgba(199,166,106,.28);background:rgba(255,255,255,.58);max-width:640px}.ticker-line{display:flex;width:max-content;animation:heroTextMove 18s linear infinite}.ticker-line span{white-space:nowrap;padding:11px 0;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7c5c31}@keyframes heroTextMove{to{transform:translateX(-50%)}}
.ops-panel{animation:panelEntrance 1s ease .2s both}.ops-panel::before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 140deg,transparent 0 18%,rgba(199,166,106,.55),transparent 32% 100%);animation:borderOrbit 7s linear infinite;opacity:.45}.ops-panel>*{position:relative}.network{filter:drop-shadow(0 18px 45px rgba(0,0,0,.32))}@keyframes panelEntrance{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes borderOrbit{to{transform:rotate(360deg)}}
.ambient-code{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ambient-code span{position:absolute;color:rgba(232,230,225,.46);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(199,166,106,.16);padding:6px 8px;background:rgba(0,0,0,.18);animation:codeDrift 9s ease-in-out infinite}.ambient-code span:nth-child(1){left:8%;top:8%}.ambient-code span:nth-child(2){right:8%;top:34%;animation-delay:1.4s}.ambient-code span:nth-child(3){left:9%;bottom:26%;animation-delay:2.2s}.ambient-code span:nth-child(4){right:10%;bottom:13%;animation-delay:3.1s}@keyframes codeDrift{0%,100%{transform:translate3d(0,0,0);opacity:.34}50%{transform:translate3d(0,-14px,0);opacity:.78}}
.node::after{content:"";position:absolute;inset:-1px;border:1px solid rgba(199,166,106,.28);transform:scale(.96);opacity:0;animation:nodePing 3.4s ease-in-out infinite}.node:nth-of-type(odd)::after{animation-delay:1s}@keyframes nodePing{35%{opacity:.8;transform:scale(1.08)}70%,100%{opacity:0;transform:scale(1.18)}}
.connection{animation:connectionGlow 2.8s ease-in-out infinite}.c2,.c5{animation-delay:.5s}.c3,.c7{animation-delay:1.1s}@keyframes connectionGlow{0%,100%{opacity:.35;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.8)}}
.nia-logo{object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 10px rgba(199,166,106,.22))}.nia-float{animation:floatButton 4.5s ease-in-out infinite}.wa-float{animation:floatButton 4.5s ease-in-out .8s infinite}@keyframes floatButton{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.chat .popup-head{background:linear-gradient(135deg,#101010,#1c1c1c)}.messages{background:radial-gradient(circle at 78% 12%,rgba(199,166,106,.12),transparent 24%),linear-gradient(#fff,#FBFAF7)}
.solution-block,.stage,.founder-card,.problem-list,.workflow-card,.form,.recommendation{will-change:transform}.solution-block:hover .iconbox svg{animation:iconDraw .9s ease both}@keyframes iconDraw{0%{stroke-dasharray:1 80;stroke-dashoffset:20}100%{stroke-dasharray:80 0;stroke-dashoffset:0}}
@media(max-width:680px){.logo img{width:130px;height:42px}.logo{padding:4px 6px}.hero-ticker{max-width:100%}.ambient-code span{font-size:9px}.contact-number{font-size:17px}}


/* Second revision: transparent logo, plain phone display, no hero line-network */
.logo{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.logo img{width:78px!important;height:64px!important;object-fit:contain!important}.footer img{background:transparent!important;border:0!important;padding:0!important;width:128px!important;height:auto!important}.phone-static{cursor:default!important}.phone-static:hover{color:var(--onyx)!important}.contact-number{display:block;color:#fff;font-size:20px;margin-top:6px;font-weight:850}.contact-number:hover{color:#fff!important}.contact-line a.contact-number{pointer-events:none}.console-panel{min-height:560px;background:linear-gradient(145deg,#111,#1b1b1b 58%,#121212)!important;border:1px solid rgba(199,166,106,.38);padding:26px;display:flex;flex-direction:column;gap:18px}.console-panel::before,.console-panel::after{display:none!important}.console-top{display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(232,230,225,.12);padding-bottom:18px}.console-emblem{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#050505;border:1px solid rgba(199,166,106,.55)}.console-emblem img{width:44px;height:44px}.console-top span{display:block;color:#B8B8B8;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:850}.console-top strong{display:block;color:#fff;font-family:Manrope;font-size:22px;letter-spacing:-.04em;margin-top:3px}.console-main-status{background:#F7F5F0;border:1px solid rgba(199,166,106,.55);padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 50px rgba(0,0,0,.24)}.console-tape{overflow:hidden;border-block:1px solid rgba(199,166,106,.22);margin-top:2px}.console-tape div{display:flex;width:max-content;animation:consoleTape 20s linear infinite}.console-tape span{white-space:nowrap;padding:11px 16px;color:#C7A66A;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900}@keyframes consoleTape{to{transform:translateX(-50%)}}
.console-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:12px}.console-card{background:rgba(247,245,240,.07);border:1px solid rgba(232,230,225,.12);padding:16px;min-height:112px;animation:consoleFloat 5.5s ease-in-out infinite}.console-card:nth-child(2){animation-delay:.5s}.console-card:nth-child(3){animation-delay:1s}.console-card small{display:block;color:#B8B8B8;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:850;margin-bottom:8px}.console-card strong{display:block;color:#fff;font-family:Manrope;font-size:19px;letter-spacing:-.04em}.console-card p{color:#d8d8d8;font-size:13px;line-height:1.55;margin:8px 0 0}@keyframes consoleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.workflow-feed{display:grid;gap:10px;margin-top:auto}.feed-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;background:rgba(255,255,255,.045);border:1px solid rgba(232,230,225,.1);padding:13px 14px;color:#fff;animation:feedIn 4.8s ease-in-out infinite}.feed-row:nth-child(2){animation-delay:.45s}.feed-row:nth-child(3){animation-delay:.9s}.feed-row:nth-child(4){animation-delay:1.35s}.feed-row span{color:#C7A66A;font-weight:900}.feed-row b{font-size:13px}.feed-row em{font-style:normal;color:#151515;background:#C7A66A;padding:5px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}@keyframes feedIn{0%,100%{border-color:rgba(232,230,225,.1);background:rgba(255,255,255,.045)}50%{border-color:rgba(199,166,106,.55);background:rgba(199,166,106,.095)}}
@media(max-width:680px){.logo img{width:62px!important;height:52px!important}.console-panel{min-height:auto;padding:18px}.console-grid{grid-template-columns:1fr}.feed-row{grid-template-columns:32px 1fr}.feed-row em{grid-column:2;width:max-content}.contact-number{font-size:17px}}


/* Final requested revision: restore orbit hero, use clean original logo, WhatsApp external tab */
.logo{background:#050505!important;border:1px solid rgba(199,166,106,.28)!important;padding:5px 9px!important;box-shadow:0 10px 24px rgba(21,21,21,.08)!important}.logo img{width:118px!important;height:56px!important;object-fit:contain!important}.footer img{background:#050505!important;border:1px solid rgba(199,166,106,.28)!important;padding:10px!important;width:170px!important;height:auto!important}.ops-panel{position:relative!important;min-height:560px!important;background:radial-gradient(circle at center,rgba(199,166,106,.14),transparent 36%),linear-gradient(145deg,#171717,#242424 62%,#151515)!important;border:1px solid rgba(199,166,106,.33)!important;box-shadow:var(--shadow-strong)!important;overflow:hidden!important;padding:26px!important;display:block!important}.ops-panel::before{display:block!important;content:""!important;position:absolute!important;inset:-2px!important;background:conic-gradient(from 140deg,transparent 0 18%,rgba(199,166,106,.42),transparent 32% 100%)!important;animation:borderOrbit 8s linear infinite!important;opacity:.34!important}.ops-panel::after{display:block!important;content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:38px 38px!important;mask-image:radial-gradient(circle at center,#000,transparent 80%)!important}.network{position:absolute!important;inset:28px!important;z-index:1!important}.status-box{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;top:auto!important;z-index:5!important;background:rgba(247,245,240,.96)!important;border:1px solid rgba(199,166,106,.5)!important;padding:16px!important;display:flex!important;align-items:center!important;gap:14px!important}.orbit,.core,.node,.connection{display:initial}.node{display:flex!important}.core{display:grid!important}.console-panel,.console-top,.console-tape,.console-grid,.workflow-feed,.console-main-status{all:unset}@media(max-width:680px){.logo img{width:96px!important;height:46px!important}.logo{padding:4px 7px!important}.ops-panel{min-height:470px!important;padding:16px!important}.network{inset:12px!important}.status-box{left:14px!important;right:14px!important;bottom:14px!important}}


/* Logo final: real transparent logo, no forced background box */
.logo{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.logo img{width:92px!important;height:74px!important;object-fit:contain!important;object-position:center!important}.footer img{background:transparent!important;border:0!important;padding:0!important;width:118px!important;height:auto!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.site-header .nav{min-height:82px}.footer .footer-grid>div:first-child{background:rgba(255,255,255,.03)}@media(max-width:680px){.logo img{width:76px!important;height:62px!important}.site-header .nav{min-height:70px}}


/* Requested main-text capitalization */
h1,
h2,
h3,
h4,
.eyebrow,
.crumb,
.nav-links a,
.nav-cta,
.btn,
label,
.popup-head strong,
.page-stat strong,
.badge {
  text-transform: capitalize;
}


/* =========================================================
   CLEAN NAVIGATION + TAB + MOTION UPDATE
   No palette or background colors changed.
   ========================================================= */

/* Gentle page entrance */
body {
  opacity: 0;
}
body.page-ready {
  animation: agencyPageIn .48s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes agencyPageIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}

/* Strong current-page indicator in the top navigation */
.nav-links a {
  overflow: visible;
  isolation: isolate;
}
.nav-links a::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 2px;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s cubic-bezier(.2,.7,.2,1);
}
.nav-links a:hover::after,
.nav-links a.active::after,
.nav-links a[aria-current="page"]::after {
  transform: scaleX(1);
}
.nav-links a.active,
.nav-links a[aria-current="page"] {
  font-weight: 900;
}

/* Selected switching-tab indicator */
.tabs {
  align-items: flex-end;
}
.tabs .tab {
  position: relative;
  overflow: visible;
  transition: transform .22s ease, box-shadow .22s ease;
}
.tabs .tab::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -7px;
  height: 2px;
  background: var(--gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .26s cubic-bezier(.2,.7,.2,1);
}
.tabs .tab.active::after,
.tabs .tab[aria-selected="true"]::after {
  transform: scaleX(1);
}
.tabs .tab:hover {
  transform: translateY(-2px);
}
.tab-panel-enter {
  animation: agencyTabSwitch .38s cubic-bezier(.2,.7,.2,1);
}
@keyframes agencyTabSwitch {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: 1; transform: none; }
}

/* Clean staggered section reveals */
.reveal {
  transition-delay: var(--reveal-delay, 0ms);
}
.reveal.visible {
  will-change: opacity, transform;
}

/* Small professional motion details */
.solution-block,
.stage,
.founder-card,
.problem-list,
.workflow-card,
.form,
.recommendation,
.editorial-card,
.contact-card {
  transition:
    transform .28s cubic-bezier(.2,.7,.2,1),
    box-shadow .28s ease,
    border-color .28s ease;
}
.solution-block:hover,
.stage:hover,
.founder-card:hover,
.editorial-card:hover,
.contact-card:hover {
  transform: translateY(-5px);
}

.quick-options button {
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
}
.quick-options button:hover {
  transform: translateY(-2px);
}
.quick-options button.chip-confirmed {
  animation: agencyChipConfirm .34s ease;
}
@keyframes agencyChipConfirm {
  0% { transform: scale(1); }
  45% { transform: scale(.96); }
  100% { transform: scale(1); }
}

.popup.open {
  animation: agencyPopupOpen .28s cubic-bezier(.2,.75,.2,1);
}
@keyframes agencyPopupOpen {
  from { opacity: 0; transform: translateY(14px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.btn,
.nav-cta,
.text-link {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}
.btn:hover,
.nav-cta:hover {
  transform: translateY(-2px);
}

/* Mobile current-page line remains visible and clean */
@media (max-width:1060px) {
  .nav.mobile-open .nav-links a::after {
    left: 13px;
    right: auto;
    width: 34px;
    bottom: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body,
  body.page-ready,
  .tab-panel-enter,
  .popup.open,
  .quick-options button.chip-confirmed {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .reveal {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}


/* =========================================================
   RESPONSIVE V7 — TABLET, MOBILE AND FIXED WHATSAPP
   Existing colours and page backgrounds remain unchanged.
   ========================================================= */

/* Never transform BODY: transformed ancestors break fixed-position widgets. */
body {
  opacity: 0;
  transform: none !important;
}
body.page-ready {
  animation: agencyPageFadeV7 .38s ease forwards !important;
  transform: none !important;
}
@keyframes agencyPageFadeV7 {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* WhatsApp remains in the bottom-right at every scroll position. */
.float-stack {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 2147483000 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}
.float-btn {
  flex: 0 0 auto;
  touch-action: manipulation;
}
.popup {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: calc(max(18px, env(safe-area-inset-bottom)) + 72px) !important;
  z-index: 2147482999 !important;
  max-height: min(620px, calc(100dvh - 112px));
  overflow-y: auto;
  overscroll-behavior: contain;
}
#waContinue[disabled] {
  opacity: .72;
  cursor: wait;
}

/* Prevent any grid child from making the viewport desktop-width. */
.hero-grid > *,
.page-hero .container > *,
.split > *,
.industry-panel > *,
.contact-grid > *,
.lab-shell > *,
.cta .container > *,
.footer-grid > * {
  min-width: 0;
}
h1,h2,h3,h4,p,a,button,label,span {
  overflow-wrap: break-word;
}
input,select,textarea,button {
  max-width: 100%;
}

/* Landscape tablets and smaller laptops */
@media (max-width: 1120px) {
  :root { --max: 940px; }
  .nav { padding-inline: 18px; }
  .hero { padding-top: 64px; }

  .hero-grid,
  .page-hero .container,
  .split,
  .industry-panel,
  .contact-grid,
  .cta .container {
    grid-template-columns: 1fr !important;
  }

  .hero-grid { gap: 34px; }
  .hero-copy { max-width: 780px; }
  .ops-panel { width: 100%; min-height: 500px !important; }
  .contact-card,.editorial-card { position: static !important; }

  .lab-shell {
    grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr);
  }

  .footer-grid {
    grid-template-columns: 1.2fr 1fr 1fr;
  }
}

/* Tablet portrait and compact landscape */
@media (max-width: 900px) {
  .section { padding: 70px 24px; }
  .section-tight { padding: 46px 24px; }
  .hero,.page-hero { padding-inline: 24px; }

  .nav { min-height: 72px !important; }
  .logo img { width: 82px !important; height: 64px !important; }

  .nav.mobile-open { align-items: flex-start; }
  .nav.mobile-open .nav-links {
    max-height: calc(100dvh - 155px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-top: 1px solid var(--light);
    padding-top: 8px;
  }

  .hero-grid { grid-template-columns: 1fr !important; }
  h1 { font-size: clamp(46px,8vw,66px); max-width: 820px; }
  .ops-panel { min-height: 460px !important; }
  .network { inset: 18px !important; }

  .lab-shell { grid-template-columns: 1fr !important; }
  .controls {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }
  .control-group { margin: 0; }
  .controls > .btn { grid-column: 1/-1; }

  .workflow,.stages,.counter-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .dash-grid,.about-grid,.form-grid {
    grid-template-columns: 1fr 1fr;
  }

  .tabs {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
  }
  .tab { width: 100%; min-height: 48px; }

  .footer-grid { grid-template-columns: 1fr 1fr !important; }
  .footer-grid > :first-child { grid-column: 1/-1; }
}

/* Phones */
@media (max-width: 680px) {
  html { scroll-padding-top: 74px; }

  .section { padding: 58px 16px !important; }
  .section-tight { padding: 38px 16px !important; }
  .hero { padding: 44px 16px 28px !important; }
  .page-hero { padding: 52px 16px 28px !important; }

  .nav { padding: 7px 12px !important; gap: 10px; }
  .site-header .nav { min-height: 66px !important; }
  .logo img { width: 68px !important; height: 54px !important; }
  .menu-toggle { width: 44px; height: 44px; }

  .nav.mobile-open .nav-links {
    grid-template-columns: 1fr !important;
    max-height: calc(100dvh - 145px);
  }
  .nav.mobile-open .nav-links a {
    min-height: 46px;
    display: flex;
    align-items: center;
  }

  h1 { font-size: clamp(38px,12vw,52px) !important; line-height: 1 !important; }
  h2 { font-size: clamp(30px,9vw,42px) !important; }
  h3 { font-size: clamp(21px,6.5vw,28px) !important; }
  .lead { font-size: 17px; }

  .btn-row {
    display: grid !important;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .btn-row .btn,.cta .btn,.controls > .btn { width: 100%; }
  .trust { display: grid !important; grid-template-columns: 1fr; }
  .hero-ticker { width: 100%; overflow: hidden; }

  .ops-panel { min-height: 390px !important; padding: 12px !important; }
  .network {
    inset: 8px !important;
    transform: scale(.88);
    transform-origin: center;
  }
  .core { width: 104px; height: 104px; }
  .core strong { font-size: 14px; }
  .core span { bottom: 22px; font-size: 8px; }
  .orbit { inset: 66px; }
  .orbit.two { inset: 94px; }
  .orbit.three { inset: 28px; }

  .node {
    min-width: 42px !important;
    min-height: 42px;
    padding: 8px !important;
    justify-content: center;
  }
  .node small { display: none !important; }

  .status-box {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    padding: 12px !important;
  }
  .status-sub { display: none; }

  .marquee-item { padding: 14px 18px !important; font-size: 12px; }

  .split,.industry-panel,.contact-grid,.lab-shell,
  .cta .container,.page-hero .container {
    grid-template-columns: 1fr !important;
    gap: 20px;
  }

  .solution-block {
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 14px !important;
  }
  .solution-block .text-link { grid-column: 2 !important; }

  .controls { display: block; }
  .control-group { margin-bottom: 16px; }

  .recommendation,.problem-list,.workflow-card,.founder-card,
  .quote-panel,.form,.contact-card {
    padding: 20px !important;
  }

  .workflow,.dash-grid,.about-grid,.counter-grid,.form-grid,
  .stages,.footer-grid {
    grid-template-columns: 1fr !important;
  }

  .tabs {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px;
  }
  .tab {
    padding: 11px 8px !important;
    font-size: 12px !important;
    line-height: 1.25;
  }

  .page-stat { padding: 20px; }

  .footer { padding: 36px 16px 110px; }
  .footer-grid > :first-child { grid-column: auto; }
  .footer img { width: 104px !important; }
  .footer-bottom { display: grid !important; gap: 8px; }

  .float-stack {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }
  .float-btn { width: 56px !important; height: 56px !important; }

  .popup {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(max(12px, env(safe-area-inset-bottom)) + 68px) !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 96px);
    border-radius: 14px;
  }
  .popup-body { padding: 14px; }
  .popup textarea { min-height: 82px; }

  .quick-options {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .quick-options button {
    min-height: 42px;
    padding: 8px;
  }
  #waContinue,#waCopy { width: 100%; }
}

/* Very small phones */
@media (max-width: 390px) {
  .section,.hero,.page-hero {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
  h1 { font-size: 37px !important; }
  .ops-panel { min-height: 360px !important; }
  .network { transform: scale(.78); }
  .tabs,.quick-options { grid-template-columns: 1fr !important; }
  .popup { left: 8px !important; right: 8px !important; }
}






/* Client testimonials V8 */
.reviews-section{overflow:hidden}
.reviews-heading{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:end;margin-bottom:26px}
.reviews-heading h2{max-width:820px;margin-top:12px}
.reviews-heading p{max-width:730px;margin-top:12px;color:var(--muted)}
.reviews-proof{border-left:2px solid var(--gold);padding-left:18px;display:grid;gap:4px}
.reviews-proof strong{font-size:36px;line-height:1;color:var(--ink)}
.reviews-proof span{font-size:13px;color:var(--muted)}
.testimonial-shell{border:1px solid var(--light);background:var(--white);box-shadow:0 18px 48px rgba(0,0,0,.07);padding:22px}
.testimonial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 18px;border-bottom:1px solid var(--light);margin-bottom:20px}
.testimonial-toolbar>div:first-child{display:flex;align-items:center;gap:14px}
.testimonial-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#testimonialCounter{font-size:13px;color:var(--gold);letter-spacing:.08em}
.testimonial-actions{display:flex;gap:8px}
.testimonial-actions button{width:42px;height:42px;border:1px solid var(--light);background:var(--white);color:var(--ink);font-size:20px;display:grid;place-items:center;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease}
.testimonial-actions button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.testimonial-actions button:disabled{opacity:.35;cursor:not-allowed}
.testimonial-viewport{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-behavior:smooth;padding:2px 1px 10px}
.testimonial-viewport::-webkit-scrollbar{display:none}
.testimonial-track{display:flex;gap:18px;width:max-content}
.testimonial-card{flex:0 0 calc((min(1180px,100vw - 96px) - 80px)/3);min-width:300px;max-width:385px;min-height:390px;scroll-snap-align:start;display:flex;flex-direction:column;padding:24px;border:1px solid var(--light);background:var(--white);position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.testimonial-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 18px 38px rgba(0,0,0,.08)}
.testimonial-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-size:14px;font-weight:900;letter-spacing:.05em}
.testimonial-person h3{font-size:17px;line-height:1.2;margin:0 0 4px}
.testimonial-person p{font-size:12px;color:var(--muted);margin:0}
.testimonial-number{font-size:11px;font-weight:900;color:var(--gold);letter-spacing:.12em}
.testimonial-rating{display:flex;align-items:center;gap:3px;margin:22px 0 16px;color:var(--gold);font-size:18px}
.testimonial-rating strong{margin-left:8px;color:var(--ink);font-size:12px;letter-spacing:.08em}
.testimonial-card blockquote{margin:0;color:var(--ink);font-size:15px;line-height:1.72;flex:1}
.testimonial-footer{margin-top:22px;padding-top:16px;border-top:1px solid var(--light)}
.testimonial-footer span{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media(max-width:1050px){.testimonial-card{flex-basis:calc((100vw - 100px)/2);max-width:none}}
@media(max-width:900px){.reviews-heading{grid-template-columns:1fr}.testimonial-shell{padding:18px}}
@media(max-width:680px){
 .reviews-heading{gap:20px}
 .reviews-proof{padding-left:14px}
 .reviews-proof strong{font-size:31px}
 .testimonial-shell{padding:14px}
 .testimonial-toolbar{align-items:flex-start}
 .testimonial-toolbar>div:first-child{display:grid;gap:5px}
 .testimonial-card{flex-basis:calc(100vw - 64px);min-width:calc(100vw - 64px);min-height:0;padding:20px}
 .testimonial-card blockquote{font-size:14px}
}
@media(max-width:390px){.testimonial-card{flex-basis:calc(100vw - 48px);min-width:calc(100vw - 48px)}}


/* Why Nexlify V9 */
.why-nexlify-section{position:relative;overflow:hidden}
.why-nexlify-section:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  top:40px;
  border:1px solid rgba(193,160,98,.20);
  border-radius:50%;
  pointer-events:none;
}
.why-nexlify-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:56px;
  align-items:end;
  margin-bottom:34px;
}
.why-nexlify-intro h2{max-width:790px;margin-top:12px}
.why-nexlify-intro>p{
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
  max-width:530px;
}
.why-nexlify-layout{
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);
  gap:20px;
  align-items:stretch;
}
.why-nexlify-feature{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:34px;
  background:var(--ink);
  color:var(--white);
  overflow:hidden;
}
.why-nexlify-feature:after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-100px;
  bottom:-100px;
  border:1px solid rgba(193,160,98,.35);
  border-radius:50%;
}
.why-nexlify-label{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:22px;
}
.why-nexlify-feature h3{
  color:var(--white);
  font-size:30px;
  line-height:1.2;
  margin-bottom:18px;
  max-width:470px;
}
.why-nexlify-feature p{
  color:rgba(255,255,255,.70);
  line-height:1.72;
  max-width:470px;
}
.why-nexlify-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:30px 0 26px;
  position:relative;
  z-index:1;
}
.why-nexlify-flow span{
  border:1px solid rgba(255,255,255,.16);
  padding:8px 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.why-nexlify-flow i{color:var(--gold);font-style:normal}
.why-nexlify-link{margin-top:auto;position:relative;z-index:1;color:var(--gold)}
.why-nexlify-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.why-quality-card{
  position:relative;
  padding:25px;
  border:1px solid var(--light);
  background:var(--white);
  min-height:240px;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.why-quality-card:hover{
  transform:translateY(-5px);
  border-color:var(--gold);
  box-shadow:0 18px 38px rgba(0,0,0,.07);
}
.why-quality-card>span{
  position:absolute;
  top:22px;
  right:22px;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.why-quality-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid var(--light);
  margin-bottom:24px;
}
.why-quality-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:var(--ink);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.why-quality-card h3{font-size:20px;margin-bottom:10px;padding-right:30px}
.why-quality-card p{font-size:14px;line-height:1.68;color:var(--muted)}
.why-nexlify-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-top:20px;
  padding:18px 22px;
  border-top:1px solid var(--light);
  border-bottom:1px solid var(--light);
}
.why-nexlify-strip span{
  position:relative;
  padding-left:16px;
  color:var(--ink);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.why-nexlify-strip span:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}

@media(max-width:1050px){
  .why-nexlify-layout{grid-template-columns:1fr}
  .why-nexlify-feature{min-height:auto}
}
@media(max-width:900px){
  .why-nexlify-intro{grid-template-columns:1fr;gap:18px}
  .why-nexlify-intro>p{max-width:700px}
}
@media(max-width:680px){
  .why-nexlify-grid{grid-template-columns:1fr}
  .why-nexlify-feature{padding:26px}
  .why-nexlify-feature h3{font-size:26px}
  .why-quality-card{min-height:0;padding:22px}
  .why-nexlify-strip{align-items:flex-start;justify-content:flex-start}
  .why-nexlify-strip span{width:calc(50% - 7px)}
}
@media(max-width:390px){
  .why-nexlify-strip span{width:100%}
}