:root,[data-theme="dark"]{
  --bg:#0b0f14;--bg-alt:#111820;--card:#151c26;--text:#e8eef7;--muted:#9aa8bc;
  --accent:#22d3a6;--accent2:#38bdf8;--border:#243044;--warn:#fbbf24;
  --bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1200px;
  --ease-out:cubic-bezier(.22,1,.36,1);--anim-dur:.65s;
}
[data-theme="light"]{
  --bg:#f4f7fb;--bg-alt:#fff;--card:#fff;--text:#0f172a;--muted:#64748b;
  --accent:#059669;--accent2:#0284c7;--border:#e2e8f0;--warn:#d97706;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Hind Siliguri','Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,92%);margin:0 auto}
.narrow{max-width:640px}
.center{text-align:center}
.mt{margin-top:1rem}.mb{margin-bottom:2rem}
.prose{color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,15,20,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);animation:headerIn .6s var(--ease-out) both}
[data-theme="light"] .site-header{background:rgba(244,247,251,.92)}
.header-inner{display:flex;align-items:center;gap:1rem;padding:.85rem 0;flex-wrap:wrap;position:relative}
.brand{font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none}
.brand-logo{display:inline-flex;align-items:center;padding:2px 0}
.brand-logo .logo-img{display:block;height:44px;width:auto;max-width:180px;object-fit:contain}
.logo-for-dark{display:none}.logo-for-light{display:block}
[data-theme="dark"] .logo-for-dark{display:block}
[data-theme="dark"] .logo-for-light{display:none}
[data-theme="dark"] .brand-logo{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.94));
  border-radius:10px;padding:6px 12px;
  box-shadow:0 2px 12px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.15)
}
[data-theme="light"] .brand-logo{background:transparent;padding:2px 0;box-shadow:none}
[data-theme="light"] .brand-logo .logo-img{filter:drop-shadow(0 1px 2px rgba(15,23,42,.12))}
.site-nav{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin:0 auto;align-items:center}
.site-nav a{color:var(--muted);font-size:.92rem}
.site-nav a:hover{color:var(--text);text-decoration:none}
.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.nav-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:.35rem .55rem;border-radius:8px;cursor:pointer}
.nav-dropdown{position:relative}
.nav-drop-btn{background:transparent;border:none;color:var(--muted);font:inherit;font-size:.92rem;cursor:pointer;padding:0}
.nav-drop-btn:hover{color:var(--text)}
.nav-dropdown-menu{
  display:none;position:absolute;top:calc(100% + .35rem);left:0;min-width:220px;
  background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.5rem 0;
  box-shadow:0 12px 32px rgba(0,0,0,.35);z-index:60
}
.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:.55rem 1rem;color:var(--text);font-size:.9rem}
.nav-dropdown-menu a:hover{background:var(--bg-alt);text-decoration:none}

/* Buttons */
.btn-primary,.btn-ghost{
  border-radius:10px;padding:.55rem 1rem;font:inherit;cursor:pointer;border:1px solid transparent;
  transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s
}
.btn-primary{background:linear-gradient(135deg,var(--accent),#14b8a6);color:#042f2e;font-weight:600}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,211,166,.35)}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--accent2);transform:translateY(-1px)}

/* Hero & sections */
.hero{padding:4.5rem 0 3rem;background:radial-gradient(ellipse at top,#1a2b3f 0%,var(--bg) 55%)}
.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2;margin:.4rem 0}
.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em}
.lead{color:var(--muted);max-width:52ch}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}
.hero-offer{color:var(--accent);font-size:.95rem;max-width:52ch;margin-top:.75rem}
.hero-stats{display:flex;gap:1.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:2rem 0 0}
.hero-stats li{color:var(--muted);font-size:.9rem}
.hero-stats strong{display:block;color:var(--text);font-size:1.1rem}
.section{padding:3.5rem 0}
.section.alt{background:var(--bg-alt)}
.section-title{font-size:clamp(1.25rem,3vw,1.5rem);margin:0 0 1.25rem}
.page-hero{padding:2.5rem 0 1rem;border-bottom:1px solid var(--border)}
.subsection-title{font-size:1.15rem;margin:2rem 0 1rem;color:var(--accent2)}

/* Responsive grids — mobile first */
.grid-1,.grid-2-cols,.grid-3-cols,.grid-4-cols,.features-grid,.grid-5-cols{
  display:grid;gap:1.25rem;width:100%;grid-template-columns:1fr
}
.grid-2-cols{grid-template-columns:1fr}
.grid-3-cols{grid-template-columns:1fr}
.grid-4-cols,.features-grid{grid-template-columns:1fr}
.grid-5-cols{grid-template-columns:repeat(2,1fr)}

@media (min-width:640px){
  .grid-2-cols{grid-template-columns:repeat(2,1fr)}
  .grid-3-cols{grid-template-columns:repeat(2,1fr)}
  .grid-4-cols,.features-grid{grid-template-columns:repeat(2,1fr)}
  .grid-5-cols{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
  .grid-3-cols{grid-template-columns:repeat(3,1fr)}
  .grid-4-cols,.features-grid{grid-template-columns:repeat(4,1fr)}
  .grid-5-cols{grid-template-columns:repeat(5,1fr)}
}

/* Legacy aliases */
.grid-3{display:grid;gap:1.25rem;grid-template-columns:1fr}
.grid-4{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:640px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(4,1fr)}
}

/* Features block */
.features-section{padding:3.5rem 0}
.features-title{margin-bottom:.75rem}
.features-intro{text-align:center;color:var(--muted);max-width:52ch;margin:0 auto 2rem;line-height:1.7}
.feature-card h3{font-size:1.05rem;margin:0 0 .65rem;color:var(--text)}
.feature-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.65}
.feature-icon{margin-right:.25rem}
.features-cta{margin-top:2rem}

/* Business types (home) */
.business-types-section{padding:3.5rem 0}
.business-type-card h3{
  font-size:1.1rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap
}
.business-type-icon{font-size:1.25rem;line-height:1}
.business-type-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}
.business-types-cta{margin-top:2rem}

/* Cards */
.card{
  background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.15rem;
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s
}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2);border-color:rgba(56,189,248,.35)}
.card.featured{border-color:var(--accent);box-shadow:0 0 0 1px rgba(34,211,166,.25)}
.home-services-section{padding:2.5rem 0 3rem}
.home-services-grid{
  display:grid;gap:1.25rem;width:100%;grid-template-columns:repeat(4,1fr)
}
.home-services-section .service-card{
  display:block;color:inherit;text-decoration:none;height:100%
}
.home-services-section .service-card h3{margin:0 0 .5rem;font-size:1.05rem}
.home-services-section .service-card-desc{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}
.home-services-section .service-card:hover{text-decoration:none;border-color:var(--accent2)}
.home-services-section .service-app-icon{display:none}

/* Mobile: app-icon launcher grid */
@media (max-width:639px){
  .home-services-grid{
    grid-template-columns:repeat(2,1fr);gap:1.35rem 1rem;max-width:340px;margin:0 auto
  }
  .home-services-section .service-card{
    display:flex;flex-direction:column;align-items:center;text-align:center;
    padding:.25rem;background:transparent;border:none;border-radius:0;box-shadow:none
  }
  .home-services-section .service-card:hover{
    transform:none;box-shadow:none;border-color:transparent;background:transparent
  }
  .home-services-section .service-app-icon{
    display:grid;place-items:center;width:68px;height:68px;border-radius:18px;
    font-size:1.85rem;line-height:1;margin-bottom:.55rem;
    box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2);
    transition:transform .2s var(--ease-out)
  }
  .home-services-section .service-card:active .service-app-icon{transform:scale(.94)}
  .service-card[data-app="pos"] .service-app-icon{background:linear-gradient(145deg,#22d3a6,#0d9488)}
  .service-card[data-app="software"] .service-app-icon{background:linear-gradient(145deg,#38bdf8,#2563eb)}
  .service-card[data-app="web"] .service-app-icon{background:linear-gradient(145deg,#a78bfa,#7c3aed)}
  .service-card[data-app="whatsapp"] .service-app-icon{background:linear-gradient(145deg,#4ade80,#16a34a)}
  .home-services-section .service-card h3{
    margin:0;font-size:.78rem;font-weight:600;line-height:1.3;color:var(--text)
  }
  .home-services-section .service-card-desc{display:none}
}
@media (min-width:640px) and (max-width:1023px){
  .home-services-grid{grid-template-columns:repeat(2,1fr)}
}
.badge{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:var(--border);color:var(--muted);margin-bottom:.5rem}
.badge.accent{background:rgba(34,211,166,.15);color:var(--accent)}
.card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.feature-list{padding-left:1.1rem;color:var(--muted)}
.feature-list li{margin:.25rem 0}
.price{font-size:1.6rem;font-weight:700}
.price small{font-size:.9rem;color:var(--muted);font-weight:500}
.old-price{color:var(--muted);font-size:.9rem;font-weight:400;margin-right:.35rem}
.quote-card footer{margin-top:.75rem;color:var(--muted);font-size:.9rem}

/* Footer */
.site-footer{margin-top:3rem;border-top:1px solid var(--border);padding:2rem 0 1rem;background:var(--bg-alt)}
.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-copy{padding:1rem 0;color:var(--muted);font-size:.85rem}
.footer-contact{font-size:.9rem;margin-top:.5rem}
.footer-contact a{color:var(--muted)}
.footer-links{display:flex;flex-direction:column;gap:.35rem}

/* Forms & modal */
.domain-form{display:flex;gap:.5rem;flex-wrap:wrap}
.domain-form input{flex:1;min-width:200px;padding:.65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text)}
.domain-result{margin-top:1rem;padding:.75rem;border-radius:10px;background:var(--card);border:1px solid var(--border)}
.domain-result.ok{border-color:var(--accent)}.domain-result.warn{border-color:var(--warn)}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);animation:fadeIn .3s ease}
.modal-card{
  position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;
  padding:1.25rem;width:min(440px,100%);z-index:1;animation:scaleIn .4s var(--ease-out)
}
.modal-card label{display:block;margin:.65rem 0;font-size:.9rem}
.modal-card input,.modal-card textarea{
  width:100%;margin-top:.25rem;padding:.55rem;border-radius:8px;border:1px solid var(--border);
  background:var(--bg);color:var(--text);font:inherit
}
.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}
.form-msg{color:var(--accent)}
.data-table{width:100%;border-collapse:collapse;font-size:.9rem}
.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}
.admin-body{background:var(--bg)}
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;border:1px solid var(--border)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Scroll reveal animations */
.reveal{
  opacity:0;transform:translateY(28px);
  transition:opacity var(--anim-dur) var(--ease-out),transform var(--anim-dur) var(--ease-out);
  transition-delay:var(--reveal-delay,0s)
}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-fade{transform:none}
.reveal-scale{transform:scale(.96)}
.reveal-scale.is-visible{transform:scale(1)}
.hero-animate{animation:heroIn .85s var(--ease-out) both}
.hero-animate-delay-1{animation:heroIn .85s var(--ease-out) .12s both}
.hero-animate-delay-2{animation:heroIn .85s var(--ease-out) .22s both}

@keyframes headerIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .hero-animate,.hero-animate-delay-1,.hero-animate-delay-2,.site-header{animation:none}
  .card,.btn-primary,.btn-ghost{transition:none}
}

/* Mobile nav */
@media (max-width:860px){
  .nav-toggle{display:block}
  .site-nav{
    display:none;position:absolute;left:0;right:0;top:100%;
    background:var(--card);padding:1rem;border-bottom:1px solid var(--border);
    flex-direction:column;align-items:flex-start;margin:0
  }
  .site-nav.open{display:flex}
  .nav-dropdown{width:100%}
  .nav-dropdown-menu{position:static;box-shadow:none;border:none;padding-left:.75rem;display:none;width:100%}
  .nav-dropdown.open .nav-dropdown-menu{display:block}
  .header-actions{margin-left:0;width:100%;justify-content:flex-end}
}

/* Why choose us (home) */
.home-why-section{padding:3.5rem 0}
.home-why-grid{align-items:stretch}
.home-stat-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.35rem;min-height:100px;text-align:center
}
.home-stat-card strong{display:block;font-size:1.35rem;color:var(--accent);line-height:1.2}
.home-stat-card span{color:var(--muted);font-size:.9rem;line-height:1.4}
.home-services-section .section-title{margin-bottom:1.5rem}
@media (max-width:639px){
  .home-why-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}
}

/* Font Awesome icon system */
.site-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;flex-shrink:0}
.site-icon i{font-size:1em}
.site-icon--accent i{color:var(--accent)}
.site-icon--sky i{color:var(--accent2)}
.site-icon--violet i{color:#a78bfa}
.site-icon--green i{color:#4ade80}
.site-icon--amber i{color:var(--warn)}
.site-icon--rose i{color:#fb7185}
.site-icon--muted i{color:var(--muted)}
.section-title--with-icon{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap}
.section-heading-icon{font-size:1.15rem}
.card-heading-icon{font-size:1.05rem;margin-right:.15rem}
.feature-card h3,.business-type-card h3{display:flex;align-items:flex-start;gap:.5rem}
.feature-card h3>span,.business-type-card h3>span{flex:1}
.stat-value-icon{font-size:1.65rem}
.stat-value-icon i{font-size:1.65rem}
.home-stat-card strong:has(.stat-value-icon){line-height:1}
.btn-primary .btn-trailing-icon{margin-left:.4rem}
.btn-trailing-icon i{color:currentColor;opacity:.9;font-size:.85em}
.icon-row{display:flex;align-items:flex-start;gap:.65rem;margin:.65rem 0}
.icon-row-icon{font-size:1.1rem;margin-top:.15rem}
.icon-row>span{flex:1;color:var(--muted)}
.nav-toggle i,.theme-toggle-btn i{font-size:1rem;color:var(--text)}
.theme-toggle-btn{padding:.55rem .7rem}
.service-app-icon i{color:#fff;font-size:1.55rem;line-height:1}
@media (min-width:640px){
  .home-services-section .service-card h3{display:flex;align-items:center;gap:.45rem}
  .home-services-section .service-app-icon{
    display:inline-flex;width:2rem;height:2rem;border-radius:10px;align-items:center;justify-content:center;
    margin-right:.15rem;background:rgba(34,211,166,.15)
  }
  .home-services-section .service-app-icon i{font-size:1rem}
  .service-card[data-app="pos"] .service-app-icon{background:rgba(34,211,166,.18)}
  .service-card[data-app="pos"] .service-app-icon i{color:var(--accent)}
  .service-card[data-app="software"] .service-app-icon{background:rgba(56,189,248,.18)}
  .service-card[data-app="software"] .service-app-icon i{color:var(--accent2)}
  .service-card[data-app="web"] .service-app-icon{background:rgba(167,139,250,.18)}
  .service-card[data-app="web"] .service-app-icon i{color:#a78bfa}
  .service-card[data-app="whatsapp"] .service-app-icon{background:rgba(74,222,128,.18)}
  .service-card[data-app="whatsapp"] .service-app-icon i{color:#4ade80}
}