/* ============================================================
   home.css
   Page-specific styles for the Nadi home page: hero, ticker,
   section base patterns, problem, equipment search, verified,
   numbers, differentiators, engineers, cities, CTA, contact form
   and footer-adjacent page content. Scoped under .nadi-wrap so it
   never collides with other CMS-generated blocks on the page.
   (Shared header/footer/reset/tokens live in nav.css.)
   ============================================================ */

/* HERO */
.nadi-wrap .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:10rem 4% 4rem;position:relative;overflow:hidden}
.nadi-wrap .hero-bg-image{position:absolute;inset:-30px;background-image:var(--hero-bg-url);background-size:cover;background-position:center;filter:blur(8px) brightness(0.55);transform:scale(1.05);z-index:0}
.nadi-wrap .hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,11,0.55) 0%,rgba(7,9,11,0.75) 55%,rgba(7,9,11,0.95) 100%);z-index:1}
.nadi-wrap .hero-glow{position:absolute;top:-20%;right:-10%;width:70vw;height:70vw;background:radial-gradient(ellipse,rgba(0,232,162,0.09) 0%,transparent 65%);pointer-events:none;animation:pulse-glow 6s ease-in-out infinite;z-index:1}
.nadi-wrap .hero>*:not(.hero-bg-image):not(.hero-bg-overlay){position:relative;z-index:2}
@keyframes pulse-glow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.nadi-wrap .hero-eyebrow{display:flex;align-items:center;gap:.6rem;font-family:var(--cond);font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:1.75rem}
.nadi-wrap .hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.nadi-wrap .hero-h1{font-family:var(--serif);font-size:clamp(3.2rem,4vw,7rem);font-weight:300;line-height:1.05;letter-spacing:-2px;max-width:900px;margin-bottom:.5rem}
.nadi-wrap .hero-h1 em{font-style:italic;color:var(--acc)}
.nadi-wrap .hero-h1-line2{font-family:var(--serif);font-size:clamp(3.2rem,4vw,7rem);font-weight:300;line-height:1.05;letter-spacing:-2px;color:var(--fg2);margin-bottom:1.5rem}
.nadi-wrap .hero-sub{font-size:1rem;color:var(--fg2);max-width:480px;line-height:1.8;margin-bottom:2rem;font-weight:300}
.nadi-wrap .hero-actions{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}
.nadi-wrap .btn-acc{background:var(--acc);color:#000;padding:1rem 2.2rem;font-size:.88rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:transform .15s,box-shadow .25s;display:inline-block;position:relative;overflow:hidden}
.nadi-wrap .btn-acc:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,232,162,0.4)}
.nadi-wrap .btn-ghost{color:var(--fg);padding:1rem 2.2rem;font-size:.88rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;border:1px solid var(--fg3);border-radius:2px;transition:border-color .2s,color .2s;display:inline-block}
.nadi-wrap .btn-ghost:hover{border-color:var(--acc);color:var(--acc)}

/* TICKER */
.nadi-wrap .ticker-wrap{position:relative;overflow:hidden;padding:1.2rem 0;border-top:1px solid var(--fg3);border-bottom:1px solid var(--fg3);margin-top:5rem}
.nadi-wrap .ticker-track{display:flex;gap:0;animation:ticker-move 28s linear infinite;white-space:nowrap;width:max-content}
.nadi-wrap .ticker-wrap:hover .ticker-track{animation-play-state:paused}
@keyframes ticker-move{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nadi-wrap .ticker-item{display:inline-flex;align-items:center;gap:.6rem;padding:0 2.5rem;font-family:var(--cond);font-size:.78rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg3)}
.nadi-wrap .ticker-item .t-name{color:var(--fg2)}
.nadi-wrap .ticker-dot{width:4px;height:4px;border-radius:50%;background:var(--acc);flex-shrink:0}

/* SECTION BASE */
.nadi-wrap section{padding:7rem 4%}
.nadi-wrap .s-inner{max-width:1200px;margin:0 auto}
.nadi-wrap .s-label{font-family:var(--cond);font-size:.72rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--acc);margin-bottom:1rem}
.nadi-wrap .s-title{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:300;line-height:1.15;letter-spacing:-1px;color:var(--fg);margin-bottom:1.25rem}
.nadi-wrap .s-sub{font-size:1rem;color:var(--fg2);max-width:520px;line-height:1.8;font-weight:300}

/* PROBLEM — full bleed asymmetric */
.nadi-wrap .problem-section{background:var(--bg2)}
.nadi-wrap .problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:5rem}
.nadi-wrap .p-item{padding:2.5rem 2rem;border-top:1px solid var(--fg3);position:relative;overflow:hidden;transition:background .25s}
.nadi-wrap .p-item:nth-child(2n){border-left:1px solid var(--fg3)}
.nadi-wrap .p-item:hover{background:rgba(255,255,255,0.02)}
.nadi-wrap .p-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--acc-dim),transparent);opacity:0;transition:opacity .3s}
.nadi-wrap .p-item:hover::before{opacity:1}
.nadi-wrap .p-item-num{font-family:var(--cond);font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--fg3);margin-bottom:1.25rem}
.nadi-wrap .p-item h3{font-size:1.05rem;font-weight:600;color:var(--fg);margin-bottom:.6rem}
.nadi-wrap .p-item p{font-size:.88rem;color:var(--fg2);line-height:1.75;font-weight:300}
.nadi-wrap .p-strike{text-decoration:line-through;color:var(--fg3)}

/* EQUIPMENT SEARCH DEMO */
.nadi-wrap .search-section{background:var(--bg)}
.nadi-wrap .search-demo{margin-top:3.5rem;border:1px solid var(--fg3);border-radius:4px;overflow:hidden}
.nadi-wrap .search-bar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--fg3)}
.nadi-wrap .search-input-wrap{flex:1;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-right:1px solid var(--fg3)}
.nadi-wrap .search-input-wrap input{background:transparent;border:none;outline:none;font-family:var(--sans);font-size:1rem;color:var(--fg);font-weight:300;width:100%;caret-color:var(--acc)}
.nadi-wrap .search-input-wrap input::placeholder{color:var(--fg3)}
.nadi-wrap .search-filter{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.8rem;font-size:.82rem;color:var(--fg2);border-right:1px solid var(--fg3);white-space:nowrap;font-weight:500}
.nadi-wrap .search-btn{padding:1.25rem 1.75rem;background:var(--acc);color:#000;font-size:.8rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;border:none;cursor:none;transition:background .2s}
.nadi-wrap .search-btn:hover{background:#00ffb3}
.nadi-wrap .eq-list{padding:.5rem}
.nadi-wrap .eq-row{display:flex;align-items:center;gap:1.5rem;padding:1.1rem 1rem;border-radius:3px;transition:background .2s;position:relative;overflow:hidden;cursor:none}
.nadi-wrap .eq-row::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--acc);transform:scaleY(0);transition:transform .2s;transform-origin:center}
.nadi-wrap .eq-row:hover{background:rgba(255,255,255,0.03)}
.nadi-wrap .eq-row:hover::after{transform:scaleY(1)}
.nadi-wrap .eq-tag{font-family:var(--cond);font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--acc-dim);color:var(--acc);padding:.25rem .6rem;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,232,162,0.2)}
.nadi-wrap .eq-tag.rent{color:var(--acc)}
.nadi-wrap .eq-tag.buy{color:var(--fg2);background:rgba(255,255,255,0.04);border-color:var(--fg3)}
.nadi-wrap .eq-name-col{flex:1}
.nadi-wrap .eq-name-col strong{display:block;font-size:.92rem;font-weight:500;color:var(--fg);margin-bottom:.15rem}
.nadi-wrap .eq-name-col span{font-size:.78rem;color:var(--fg2);font-weight:300}
.nadi-wrap .eq-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--acc);border:1px solid rgba(0,232,162,0.3);padding:.2rem .55rem;border-radius:2px}
.nadi-wrap .eq-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--acc);animation:blink 2s infinite}
.nadi-wrap .eq-price-col{text-align:right;flex-shrink:0}
.nadi-wrap .eq-price-col strong{display:block;font-size:.95rem;font-weight:600;color:var(--fg)}
.nadi-wrap .eq-price-col span{font-size:.75rem;color:var(--fg2);font-weight:300}

/* VERIFIED — full bleed */
.nadi-wrap .verified-section{background:var(--bg2)}
.nadi-wrap .v-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:start;margin-top:4rem}
.nadi-wrap .v-process{display:flex;flex-direction:column}
.nadi-wrap .v-step{display:flex;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--fg3);position:relative;transition:padding .2s}
.nadi-wrap .v-step:last-child{border-bottom:none}
.nadi-wrap .v-step-line{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0;padding-top:.15rem}
.nadi-wrap .v-step-num{width:28px;height:28px;border-radius:50%;border:1px solid var(--fg3);display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-size:.7rem;font-weight:700;color:var(--fg2);transition:all .25s;flex-shrink:0}
.nadi-wrap .v-step:hover .v-step-num{border-color:var(--acc);color:var(--acc);background:var(--acc-dim)}
.nadi-wrap .v-step-body h4{font-size:.95rem;font-weight:600;color:var(--fg);margin-bottom:.35rem}
.nadi-wrap .v-step-body p{font-size:.85rem;color:var(--fg2);line-height:1.7;font-weight:300}
.nadi-wrap .v-id-card{background:var(--bg3);border:1px solid var(--fg3);border-radius:4px;padding:2.5rem;position:sticky;top:120px}
.nadi-wrap .v-id-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--fg3)}
.nadi-wrap .v-id-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--cond);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);border:1px solid rgba(0,232,162,0.35);padding:.4rem .85rem;border-radius:2px;animation:badge-pulse 3s ease-in-out infinite}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,232,162,0)}50%{box-shadow:0 0 0 4px rgba(0,232,162,0.12)}}
.nadi-wrap .v-id-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--acc);animation:blink 2s infinite}
.nadi-wrap .v-id-field{margin-bottom:1.1rem}
.nadi-wrap .v-id-label{font-family:var(--cond);font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg3);margin-bottom:.25rem}
.nadi-wrap .v-id-value{font-size:.88rem;color:var(--fg);font-weight:400}
.nadi-wrap .v-score-bar{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--fg3)}
.nadi-wrap .v-score-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--fg2);margin-bottom:.6rem}
.nadi-wrap .v-score-track{height:3px;background:var(--fg3);border-radius:2px;overflow:hidden}
.nadi-wrap .v-score-fill{height:100%;background:var(--acc);border-radius:2px;width:84%;animation:score-grow 1.5s ease both .5s;transform-origin:left}
@keyframes score-grow{from{width:0}to{width:84%}}

/* NUMBERS */
.nadi-wrap .numbers-section{background:var(--bg)}
.nadi-wrap .n-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:4rem;border-top:1px solid var(--fg3)}
.nadi-wrap .n-item{padding:3rem 2rem;border-right:1px solid var(--fg3);position:relative;overflow:hidden}
.nadi-wrap .n-item:last-child{border-right:none}
.nadi-wrap .n-item::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--acc);transform:scaleX(0);transition:transform .4s ease}
.nadi-wrap .n-item:hover::before{transform:scaleX(1)}
.nadi-wrap .n-num{font-family:var(--serif);font-size:clamp(2.5rem,4vw,4rem);font-weight:300;color:var(--fg);line-height:1;margin-bottom:.5rem;letter-spacing:-2px}
.nadi-wrap .n-num .acc{color:var(--acc)}
.nadi-wrap .n-label{font-size:.82rem;color:var(--fg2);font-weight:300;line-height:1.5}

/* DIFFERENTIATORS */
.nadi-wrap .diff-section{background:var(--bg2)}
.nadi-wrap .diff-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:4rem}
.nadi-wrap .d-item{padding:3rem 2.5rem;border-top:1px solid var(--fg3);position:relative;overflow:hidden;transition:background .25s}
.nadi-wrap .d-item:nth-child(2n){border-left:1px solid var(--fg3)}
.nadi-wrap .d-item:hover{background:rgba(255,255,255,0.025)}
.nadi-wrap .d-num{font-family:var(--serif);font-size:5rem;font-weight:300;color:var(--fg3);line-height:.9;margin-bottom:1.5rem;letter-spacing:-3px;transition:color .25s}
.nadi-wrap .d-item:hover .d-num{color:rgba(0,232,162,0.12)}
.nadi-wrap .d-item h3{font-size:1rem;font-weight:600;color:var(--fg);margin-bottom:.6rem}
.nadi-wrap .d-item p{font-size:.85rem;color:var(--fg2);line-height:1.75;font-weight:300}

/* ENGINEERS */
.nadi-wrap .eng-section{background:var(--bg)}
.nadi-wrap .eng-list{margin-top:3.5rem;display:flex;flex-direction:column;gap:0}
.nadi-wrap .eng-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:2rem;align-items:center;padding:1.75rem 0;border-bottom:1px solid var(--fg3);transition:padding .2s,background .2s;border-radius:2px;padding-left:.5rem;padding-right:.5rem}
.nadi-wrap .eng-row:hover{background:rgba(255,255,255,0.02);padding-left:1rem}
.nadi-wrap .eng-init{width:44px;height:44px;border-radius:50%;background:var(--bg3);border:1px solid var(--fg3);display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-size:.85rem;font-weight:700;color:var(--fg2);letter-spacing:.5px;flex-shrink:0;transition:border-color .25s,color .25s}
.nadi-wrap .eng-row:hover .eng-init{border-color:var(--acc);color:var(--acc)}
.nadi-wrap .eng-name{font-size:.95rem;font-weight:500;color:var(--fg);margin-bottom:.2rem}
.nadi-wrap .eng-meta{font-size:.78rem;color:var(--fg2);font-weight:300}
.nadi-wrap .eng-devices-list{display:flex;gap:.4rem;flex-wrap:wrap}
.nadi-wrap .eng-chip{font-family:var(--cond);font-size:.62rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;background:rgba(255,255,255,0.04);border:1px solid var(--fg3);padding:.2rem .6rem;border-radius:2px;color:var(--fg2)}
.nadi-wrap .eng-rating{font-family:var(--cond);font-size:.82rem;font-weight:700;color:var(--acc);letter-spacing:.5px;flex-shrink:0}

/* CTA */
.nadi-wrap .cta-section{background:var(--bg);padding:1rem 8rem 4%}
.nadi-wrap .cta-inner{max-width:900px;margin:0 auto;text-align:center}
.nadi-wrap .cta-title{font-family:var(--serif);font-size:clamp(2.5rem,5.5vw,5rem);font-weight:300;line-height:1.1;letter-spacing:-2px;color:var(--fg);margin-bottom:1.5rem}
.nadi-wrap .cta-title em{font-style:italic;color:var(--acc)}
.nadi-wrap .cta-sub{font-size:1rem;color:var(--fg2);line-height:1.8;font-weight:300;max-width:520px;margin:0 auto 3rem}
.nadi-wrap .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.nadi-wrap .cta-divider{display:flex;align-items:center;gap:2rem;margin:5rem 0 0;border-top:1px solid var(--fg3);padding-top:3rem;justify-content:center;flex-wrap:wrap;gap:3rem}
.nadi-wrap .cta-stat{text-align:center}
.nadi-wrap .cta-stat strong{display:block;font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--fg);letter-spacing:-1px}
.nadi-wrap .cta-stat span{font-size:.78rem;color:var(--fg2);font-weight:300;letter-spacing:.3px}

/* ============================================================
   CONTACT FORM
   Visually matches the existing section language (s-label /
   s-title / s-sub, dark card surface, accent-green details).
   ============================================================ */
.nadi-wrap .contact-section{background:var(--bg2)}
.nadi-wrap .contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:6rem;align-items:start;margin-top:4rem}
.nadi-wrap .contact-points{display:flex;flex-direction:column;gap:2rem}
.nadi-wrap .contact-point h4{font-size:.95rem;font-weight:600;color:var(--fg);margin-bottom:.4rem}
.nadi-wrap .contact-point p{font-size:.85rem;color:var(--fg2);line-height:1.7;font-weight:300}

.nadi-wrap .contact-card{background:var(--bg3);border:1px solid var(--fg3);border-radius:4px;padding:2.5rem}
.nadi-wrap .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.nadi-wrap .form-field{margin-bottom:1.4rem}
.nadi-wrap .form-field label{display:block;font-family:var(--cond);font-size:.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg2);margin-bottom:.6rem}
.nadi-wrap .form-field input[type="text"],
.nadi-wrap .form-field input[type="email"],
.nadi-wrap .form-field input[type="tel"],
.nadi-wrap .form-field textarea{
  width:100%;background:var(--bg2);border:1px solid var(--fg3);border-radius:2px;
  padding:.85rem 1rem;font-family:var(--sans);font-size:.9rem;font-weight:300;
  color:var(--fg);outline:none;transition:border-color .2s,background .2s;caret-color:var(--acc);
}
.nadi-wrap .form-field input::placeholder,
.nadi-wrap .form-field textarea::placeholder{color:var(--fg3)}
.nadi-wrap .form-field input:focus,
.nadi-wrap .form-field textarea:focus{border-color:var(--acc);background:var(--bg)}
.nadi-wrap .form-field textarea{resize:none;min-height:120px;line-height:1.6}

/* intl-tel-input phone field — restyled to match the dark theme
   without touching the plugin's own layout/positioning logic */
.nadi-wrap .iti{width:100%;display:block}
.nadi-wrap .iti input{width:100%}
.nadi-wrap .iti__country-list{background:var(--bg3);border:1px solid var(--fg3);color:var(--fg);z-index:50}
.nadi-wrap .iti__country{color:var(--fg2)}
.nadi-wrap .iti__country.iti__highlight{background:var(--acc-dim)}
.nadi-wrap .iti__selected-flag{background:transparent}
.nadi-wrap .iti__selected-flag:hover,
.nadi-wrap .iti__selected-flag:focus{background:rgba(255,255,255,0.03)}
.nadi-wrap .iti__divider{border-bottom:1px solid var(--fg3)}

/* CAPTCHA */
.nadi-wrap .captcha-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.nadi-wrap .captcha-chip{
  display:flex;align-items:center;justify-content:center;
  min-width:44px;height:44px;padding:0 .5rem;
  background:var(--bg2);border:1px solid var(--fg3);border-radius:2px;
  font-family:var(--cond);font-size:1rem;font-weight:700;color:var(--fg);
}
.nadi-wrap .captcha-chip.op{color:var(--acc);border-color:rgba(0,232,162,0.3)}
.nadi-wrap .captcha-equals{font-family:var(--cond);font-size:1rem;font-weight:700;color:var(--fg3)}
.nadi-wrap .captcha-input{flex:1;min-width:100px}
.nadi-wrap .captcha-error{font-family: var(--cond);font-size: .68rem;font-weight: 600;letter-spacing: 1.5px;text-transform: uppercase;color: red;margin: .6rem 0;display:none}
.nadi-wrap .captcha-error.show{display:block}

.nadi-wrap .form-submit{
  width:100%;background:var(--acc);color:#000;padding:1rem 2.2rem;
  font-size:.88rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;
  border:none;border-radius:2px;cursor:none;transition:transform .15s,box-shadow .25s;
  margin-top:.5rem;
}
.nadi-wrap .form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,232,162,0.4)}
.nadi-wrap .form-success{
  display:none;margin-top:1.25rem;padding:1rem 1.25rem;border:1px solid rgba(0,232,162,0.35);
  background:var(--acc-dim);border-radius:2px;color:var(--acc);font-size:.85rem;font-weight:500;
}
.nadi-wrap .form-success.show{display:block}
#contact-form label.error {color: red;}
.iti__selected-flag{height: 44px}

/* RESPONSIVE — page-specific rules */
@media(max-width:820px){
  .nadi-wrap .problem-grid,.nadi-wrap .v-layout,.nadi-wrap .diff-layout,.nadi-wrap .city-layout,.nadi-wrap .n-row,.nadi-wrap .contact-layout{grid-template-columns:1fr}
  .nadi-wrap .p-item:nth-child(2n),.nadi-wrap .d-item:nth-child(2n){border-left:none}
  .nadi-wrap .city-big-text{display:none}
  .nadi-wrap .n-item{border-right:none;border-bottom:1px solid var(--fg3);padding:2rem 1rem}
  .nadi-wrap .eng-row{grid-template-columns:auto 1fr;gap:1rem}
  .nadi-wrap .eng-devices-list,.nadi-wrap .eng-rating{display:none}
  .nadi-wrap .form-row{grid-template-columns:1fr}
}