/* Approved Miza AI native theme: royal blue, navy and one emerald accent.
   Presentation only; site settings, contact data and Hub pricing are unchanged. */
/* Redesign aliases only. The palette itself comes from miza.css (both theme blocks). */
:root{--nr-accent:var(--clr-accent);--nr-ink:var(--clr-section-dark-bg);--nr-paper:var(--clr-bg-base)}
:root[data-theme="light"] .hp-comp-badge,
:root[data-theme="light"] .footer-trust-badge,
:root[data-theme="dark"] .hp-comp-badge,
:root[data-theme="dark"] .footer-trust-badge{border-inline-start:1px solid var(--clr-border)}
:root[data-theme="light"] .navbar-brand .brand-name,
:root[data-theme="dark"] .navbar-brand .brand-name{color:var(--clr-text-primary)}
body{font-family:'Cairo','Inter',system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
body.lang-en{line-height:1.6}
h1,h2,h3{letter-spacing:-.02em;text-wrap:balance}
.navbar{background:var(--clr-bg-elevated);border-bottom:1px solid var(--clr-border)}
.navbar .brand-logo{border-radius:10px}
.nav-link{position:relative}
.nav-link::after{content:"";position:absolute;inset-inline:.6rem;bottom:.15rem;height:2px;background:var(--nr-accent);transform:scaleX(0);transition:transform .25s}
.nav-link:hover::after{transform:scaleX(1)}
.btn,.hp-btn-main,.hp-btn-wa{border-radius:12px;font-weight:700;transition:transform .2s,box-shadow .2s}
.btn:hover,.hp-btn-main:hover,.hp-btn-wa:hover{transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--nr-accent);outline-offset:2px}
.hp-hero{background:linear-gradient(180deg,var(--nr-paper),var(--clr-bg-base));position:relative}
.hp-hero .hp-glow{opacity:.35}
.hp-h1{font-weight:900;line-height:1.2}
.hp-accent{background:none;color:var(--clr-primary);padding-inline:0}
.hp-eyebrow{border-radius:999px;border:1px solid var(--clr-border);background:var(--clr-bg-card)}
.hp-db-card,.hp-float-card{border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid var(--clr-border)}
.hp-db-kpi-num{opacity:.4}
.hp-db-live::after{content:"";}
.hp-erp-card,.card,.contact-channel,.hp-stat-item{border-radius:18px;transition:transform .25s,border-color .25s,box-shadow .25s}
.hp-erp-card:hover,.contact-channel:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--nr-accent)}
.hp-section,.section{padding-block:var(--section-y,64px)}
.section-header,.nr-head,.hp-section-head{max-width:720px;margin-inline:auto;margin-bottom:32px;text-align:center}
.page-hero{background:linear-gradient(135deg,var(--nr-paper),var(--clr-bg-base));border-bottom:1px solid var(--clr-border)}
.page-hero-title{font-weight:900}
.form-control{border-radius:12px;min-height:46px}
.contact-form-col{border-top:4px solid var(--nr-accent);background:var(--clr-bg-card)!important;color:var(--clr-text-primary)}
.contact-form-col .form-control{background:var(--clr-bg-base);border-color:var(--clr-border-bright)}
.contact-form-col .form-control:focus{border-color:var(--clr-cyan);background:var(--clr-bg-card)}
.btn-primary{color:var(--clr-on-primary)}
.footer{border-top:4px solid var(--nr-accent)}
.whatsapp-bubble{box-shadow:var(--shadow-md)}
.nr-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.nr-reveal.nr-in{opacity:1;transform:none}
img,svg{max-width:100%}
@media(max-width:768px){.container{padding-inline:1rem}.hp-h1{font-size:clamp(2rem,7.5vw,2.5rem)}.hp-ctas{flex-direction:column;align-items:stretch}.hp-float-card{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.nr-reveal{opacity:1;transform:none}}

/* ---- icons ---- */
.nr-ico{flex-shrink:0}
.dropdown-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--clr-cyan)}
.mobile-nav-link{display:flex;align-items:center;gap:.6rem}
/* ---- hero ecosystem ---- */
.hp-visual-col{display:flex;justify-content:center}
.nr-eco{position:relative;width:min(100%,430px);aspect-ratio:1;color:var(--clr-cyan)}
.nr-eco-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.nr-eco-core{position:absolute;inset:30%;border-radius:50%;background:var(--clr-bg-card);border:2px solid var(--nr-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem;box-shadow:var(--shadow-lg);color:var(--clr-text-primary)}
.nr-eco-core img{width:34px;height:34px;object-fit:contain;border-radius:8px;margin-bottom:.2rem}
.nr-eco-core b{font-size:var(--fs-card);line-height:1.2}
.nr-eco-core small{font-size:var(--fs-xs);color:var(--clr-text-muted);line-height:1.3}
.nr-node{position:absolute;display:flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:999px;background:var(--clr-bg-card);border:1px solid var(--clr-border);box-shadow:var(--shadow-md);font-weight:700;font-size:var(--fs-sm);color:var(--clr-text-primary);white-space:nowrap}
.nr-node .nr-ico{color:var(--clr-cyan)}
.n-a{top:5%;inset-inline-start:2%}.n-b{top:5%;inset-inline-end:2%}.n-c{bottom:5%;inset-inline-start:2%}.n-d{bottom:5%;inset-inline-end:2%}
.n-e{top:44%;inset-inline-start:0}
.nr-eco-note{position:absolute;bottom:-1.6rem;inset-inline:0;text-align:center;font-size:var(--fs-xs);color:var(--clr-text-muted)}
@media(prefers-reduced-motion:no-preference){.nr-node{animation:nrfloat 6s ease-in-out infinite}.n-b,.n-c{animation-delay:-3s}}
@keyframes nrfloat{50%{transform:translateY(-6px)}}
/* ---- inner pages ---- */
.nr-hero .page-hero-title{max-width:22ch;margin-inline:auto}
.nr-hero .nr-lead{margin-inline:auto}
.nr-lead{max-width:60ch;margin-top:1rem;color:var(--clr-text-secondary);font-size:var(--fs-lead)}
.nr-sol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.nr-sol,.nr-ind{display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:inherit;position:relative;overflow:hidden;border-top:3px solid var(--tint)}
.nr-sol-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--tint);background:color-mix(in srgb,var(--tint) 14%,transparent)}
.nr-sol-ico .nr-ico{width:24px;height:24px}
.nr-ind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.nr-ind h3{font-size:var(--fs-title);font-weight:800}
.nr-ind p{font-size:var(--fs-card);color:var(--clr-text-muted);flex:1}
.nr-ind-no{position:absolute;top:.6rem;inset-inline-end:1rem;font-weight:900;font-size:var(--fs-stat);color:var(--clr-border-bright);opacity:.6}
.nr-arrow{display:inline-block}
[dir=rtl] .nr-arrow{transform:scaleX(-1)}
.nr-band{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;padding:2rem clamp(1.25rem,4vw,2.5rem);border-radius:24px;background:var(--nr-ink);color:var(--clr-section-dark-text)}
.nr-band h2{font-size:var(--fs-h2);font-weight:900;color:var(--clr-section-dark-text)}
.nr-band p{color:var(--clr-section-dark-muted);margin-top:.4rem;max-width:52ch}
.nr-empty{padding:2.5rem;text-align:center;border:1px dashed var(--clr-border-bright);border-radius:20px;display:flex;flex-direction:column;gap:1rem;align-items:center}
/* about */
.nr-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.nr-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.nr-pillar{padding:1.4rem}
.nr-pillar .nr-sol-ico{margin-bottom:.8rem}
.nr-pillar h3{font-size:var(--fs-title);font-weight:800;margin-bottom:.35rem}
.nr-pillar p{font-size:var(--fs-card);color:var(--clr-text-secondary)}
.nr-steps{counter-reset:s;display:grid;gap:1rem;list-style:none;padding:0}
.nr-steps li{counter-increment:s;display:flex;gap:1rem;align-items:flex-start}
.nr-steps li::before{content:counter(s);flex:0 0 2.2rem;height:2.2rem;border-radius:50%;background:var(--nr-accent);color:var(--clr-section-dark-bg);font-weight:900;display:flex;align-items:center;justify-content:center}
.nr-steps b{display:block}
.nr-steps span{font-size:var(--fs-card);color:var(--clr-text-secondary)}
/* contact */
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important}
.nr-contact-note{padding:1.25rem 1.5rem;border-radius:18px;background:var(--clr-bg-card);border:1px solid var(--clr-border)}
select.form-control,.form-select{background-color:var(--clr-bg-card)!important;color:var(--clr-text-primary)!important}
select.form-control option,.form-select option{background-color:var(--clr-bg-card)!important;color:var(--clr-text-primary)!important}
@media(max-width:900px){.nr-split{grid-template-columns:1fr}.nr-band{flex-direction:column;align-items:flex-start}.nr-node{font-size:var(--fs-xs);padding:.4rem .65rem}}
@media(max-width:768px){.contact-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:1024px){.nr-sol-grid,.nr-ind-grid,.nr-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nr-sol-grid,.nr-ind-grid,.nr-pillars{grid-template-columns:1fr;gap:16px}}
