/*
Theme Name: OM Tax Solutions
Theme URI: https://omtaxsolutions.com
Author: OM Tax Solutions India Pvt. Ltd.
Author URI: https://omtaxsolutions.com
Description: Custom WordPress theme for OM Tax Solutions India Pvt. Ltd. — ITR, GST, TDS & Tax Compliance Experts.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: om-tax-solutions
*/

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',Arial,sans-serif;overflow-x:hidden;background:#fff}

/* ===== Primary nav menu (WordPress menu) — full-width bar below header ===== */
#s-hero .primary-nav{
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;
  background:linear-gradient(90deg,var(--indigo),var(--violet));
}
#s-hero .primary-nav > ul{list-style:none;display:flex;align-items:stretch;margin:0;padding:0 8%;gap:2px;flex-wrap:wrap}
#s-hero .primary-nav ul ul{position:absolute;flex-direction:column;background:#fff;border:1px solid var(--line, #E9E9F3);border-radius:10px;padding:8px;top:100%;left:0;box-shadow:0 12px 30px rgba(15,23,42,.12);min-width:190px;display:none;gap:4px;z-index:20}
#s-hero .primary-nav li{position:relative;display:flex;align-items:center}
#s-hero .primary-nav li:hover > ul{display:flex}
#s-hero .primary-nav > ul > li > a{
  font-size:14.5px;font-weight:600;color:#fff;text-decoration:none;
  padding:16px 20px;display:flex;align-items:center;gap:6px;
  transition:background .2s ease;white-space:nowrap;
}
#s-hero .primary-nav > ul > li > a:hover{background:rgba(255,255,255,.14)}
#s-hero .primary-nav > ul > li.current-menu-item > a,
#s-hero .primary-nav > ul > li.current_page_item > a,
#s-hero .primary-nav > ul > li.current-menu-ancestor > a{
  background:#EF4444;
}
#s-hero .primary-nav li.menu-item-has-children > a::after{
  content:'';
  width:0;height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  margin-left:2px;
  opacity:.85;
}
#s-hero .primary-nav ul ul a{color:#0F172A;padding:8px 12px;border-radius:6px}
#s-hero .primary-nav ul ul a:hover{background:var(--bg-soft,#F7F7FC)}
#s-hero .menu-toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:#0F172A}
@media(max-width:1000px){
  #s-hero header{flex-wrap:wrap}
  #s-hero .primary-nav{display:none}
  #s-hero .primary-nav.open{display:flex}
  #s-hero .primary-nav > ul{flex-direction:column;align-items:flex-start;gap:0;padding:8px 5%;width:100%}
  #s-hero .primary-nav > ul > li{width:100%}
  #s-hero .primary-nav > ul > li > a{width:100%;padding:12px 8px}
  #s-hero .primary-nav ul ul{position:static;box-shadow:none;border:none;padding-left:14px;display:flex;width:100%}
  #s-hero .menu-toggle{display:block}
}

/* ===== Footer quick links (WordPress menu) ===== */
#s-footer .footer-nav ul{list-style:none;padding:0;margin:0}
#s-footer .footer-nav li{margin-bottom:10px}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',Arial,sans-serif;overflow-x:hidden;background:#fff}

/* ===== s-hero (home) ===== */

#s-hero {
  --indigo:#4F46E5;
  --violet:#8B5CF6;
  --cyan:#06B6D4;
  --amber:#F59E0B;
  --pink:#EC4899;
  --green:#10B981;
  --ink:#0F172A;
  --ink-soft:#5B6478;
  --bg:#FFFFFF;
  --bg-soft:#F7F7FC;
  --line:#E9E9F3;
}
#s-hero * {margin:0;padding:0;box-sizing:border-box}
#s-hero {
  font-family:'Inter',Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
}
#s-hero h1, #s-hero h2, #s-hero h3 {font-family:'Plus Jakarta Sans',sans-serif}
#s-hero .mono {font-family:'JetBrains Mono',monospace}
#s-hero a {color:inherit}
#s-hero .wrap {max-width:1280px;margin:0 auto}

/* ===== TOPBAR ===== */
#s-hero .topbar {
  background:var(--ink);
  color:#fff;
  padding:9px 5%;
  text-align:center;
  font-size:13px;
  font-weight:500;
  letter-spacing:.2px;
}
#s-hero .topbar span {color:var(--amber);margin:0 6px}

/* ===== HEADER ===== */
#s-hero header {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  padding:20px 8%;
  border-bottom:1px solid var(--line);
}
#s-hero .logo {
  display:flex;align-items:center;gap:14px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:900;font-size:28px;
  letter-spacing:-.4px;
  order:1;
}
#s-hero .logo-mark {
  width:52px;height:52px;border-radius:14px;
  background:linear-gradient(135deg,var(--indigo),var(--violet) 55%,var(--cyan));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:20px;
  box-shadow:0 8px 20px rgba(79,70,229,.30);
  flex:none;
}
#s-hero .logo-text span {display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.3px;margin-top:2px}
#s-hero .header-cta {
  display:flex;align-items:center;gap:18px;
  flex-wrap:wrap;justify-content:center;
  order:2;
}
#s-hero .header-phone {font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13.5px;color:var(--ink-soft)}

/* ===== HERO ===== */
#s-hero .hero {
  position:relative;
  padding:76px 8% 90px;
  display:flex;align-items:center;justify-content:space-between;gap:60px;
  overflow:hidden;
  background:var(--bg-soft);
}
#s-hero .blob {position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0}
#s-hero .blob-1 {width:420px;height:420px;top:-160px;left:-120px;background:radial-gradient(circle,var(--indigo),transparent 70%)}
#s-hero .blob-2 {width:380px;height:380px;bottom:-180px;right:-100px;background:radial-gradient(circle,var(--cyan),transparent 70%)}
#s-hero .blob-3 {width:260px;height:260px;top:40%;right:18%;background:radial-gradient(circle,var(--pink),transparent 70%);opacity:.35}

#s-hero .hero .left {flex:1.1;position:relative;z-index:2}
#s-hero .hero .right {flex:1;display:flex;justify-content:center;position:relative;z-index:2}

#s-hero .badge-pill {
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:100px;
  font-size:13px;font-weight:700;
  color:var(--indigo);
  box-shadow:0 6px 18px rgba(79,70,229,.08);
}
#s-hero .badge-pill .sq {width:7px;height:7px;border-radius:2px;background:var(--indigo)}

#s-hero h1 {
  font-size:58px;
  line-height:1.06;
  font-weight:800;
  max-width:640px;
  letter-spacing:-1.4px;
  margin-top:22px;
  color:var(--ink);
}
#s-hero h1 .grad {
  background:linear-gradient(100deg,var(--indigo),var(--violet) 45%,var(--pink));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#s-hero .company-name {
  font-family:'JetBrains Mono',monospace;
  font-size:13px;font-weight:600;letter-spacing:1.8px;
  color:var(--ink-soft);text-transform:uppercase;margin-top:16px;
}
#s-hero .tagline {color:var(--ink-soft);font-size:17.5px;margin-top:16px;max-width:520px}

#s-hero .pillars {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#s-hero .pillar-chip {
  padding:7px 15px;border-radius:100px;
  background:#fff;border:1px solid var(--line);
  font-size:13px;font-weight:700;color:var(--ink);
  display:flex;align-items:center;gap:6px;
}
#s-hero .pillar-chip::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}

#s-hero .offer-badge {
  display:inline-flex;align-items:center;gap:10px;
  margin-top:24px;padding:11px 22px 11px 16px;
  background:linear-gradient(90deg,var(--amber),#FBBF24);
  border-radius:100px;font-weight:800;font-size:14.5px;color:#7C2D12;
  box-shadow:0 14px 30px rgba(245,158,11,.30);
}
#s-hero .offer-badge .dot {width:7px;height:7px;border-radius:50%;background:#7C2D12;animation:pulse-s-hero 1.6s infinite}
@keyframes pulse-s-hero {0%,100%{opacity:1}50%{opacity:.25}}

#s-hero .rating-line {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;font-size:14.5px;color:var(--ink-soft)}
#s-hero .rating-line b {color:var(--ink)}
#s-hero .stars {color:var(--amber);font-size:16px;letter-spacing:1.5px}
#s-hero .sep {color:var(--line)}

#s-hero .cta-row {display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
#s-hero .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:16px 30px;border-radius:12px;text-decoration:none;
  font-weight:700;font-size:15px;transition:transform .2s ease, box-shadow .2s ease;
}
#s-hero .btn-primary {
  background:linear-gradient(135deg,var(--indigo),var(--violet));
  color:#fff;box-shadow:0 16px 34px rgba(79,70,229,.32);
}
#s-hero .btn-primary:hover {transform:translateY(-3px);box-shadow:0 20px 40px rgba(79,70,229,.42)}
#s-hero .btn-secondary {background:#fff;color:var(--ink);border:1.5px solid var(--line)}
#s-hero .btn-secondary:hover {transform:translateY(-3px);border-color:var(--indigo)}

/* ===== FLOATING STAT CARD ===== */
#s-hero .floatcard {
  width:100%;max-width:400px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 40px 90px rgba(15,23,42,.18);
  border:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
#s-hero .fc-top {
  padding:26px 28px 22px;
  background:linear-gradient(135deg,var(--indigo),var(--violet) 60%,var(--cyan));
  color:#fff;position:relative;
}
#s-hero .fc-top::before {
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);
  background-size:14px 14px;
  opacity:.5;
}
#s-hero .fc-top-row {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
#s-hero .fc-brand {display:flex;align-items:center;gap:11px}
#s-hero .fc-avatar {
  width:42px;height:42px;border-radius:12px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;
  backdrop-filter:blur(6px);
}
#s-hero .fc-brand .fc-name {font-weight:800;font-size:15.5px}
#s-hero .fc-brand .fc-sub {font-size:11.5px;color:rgba(255,255,255,.8);margin-top:2px}
#s-hero .fc-verified {
  display:flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);
  padding:6px 11px;border-radius:100px;
  font-size:11px;font-weight:700;
  backdrop-filter:blur(6px);
}

#s-hero .fc-body {padding:22px 24px 26px}
#s-hero .fc-stat-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px}
#s-hero .fc-stat {
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px 16px 14px;
}
#s-hero .fc-stat .fc-icon {
  width:30px;height:30px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:#fff;margin-bottom:10px;
}
#s-hero .fc-stat:nth-child(1) .fc-icon {background:linear-gradient(135deg,var(--indigo),var(--violet))}
#s-hero .fc-stat:nth-child(2) .fc-icon {background:linear-gradient(135deg,var(--amber),#FBBF24)}
#s-hero .fc-stat:nth-child(3) .fc-icon {background:linear-gradient(135deg,var(--pink),#F472B6)}
#s-hero .fc-stat:nth-child(4) .fc-icon {background:linear-gradient(135deg,var(--green),#34D399)}
#s-hero .fc-stat .fc-val {font-family:'JetBrains Mono',monospace;font-weight:700;font-size:19px;color:var(--ink);line-height:1.1}
#s-hero .fc-stat .fc-label {font-size:11.5px;color:var(--ink-soft);font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}

#s-hero .fc-coverage {
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(90deg,#F3F0FF,#EEF9FF);
  border:1px solid var(--line);
}
#s-hero .fc-coverage .fc-cov-label {font-size:12.5px;color:var(--ink-soft);font-weight:600}
#s-hero .fc-coverage .fc-cov-val {font-family:'JetBrains Mono',monospace;font-weight:800;font-size:14px;color:var(--indigo)}

/* ===== STATS STRIP ===== */
#s-hero .stats {
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
#s-hero .stat {
  padding:36px 24px;text-align:center;border-right:1px solid var(--line);
}
#s-hero .stat:last-child {border-right:none}
#s-hero .stat h2 {font-family:'JetBrains Mono',monospace;font-size:32px;font-weight:700}
#s-hero .stat h2.c1 {color:var(--indigo)}
#s-hero .stat h2.c2 {color:var(--pink)}
#s-hero .stat h2.c3 {color:var(--cyan)}
#s-hero .stat h2.c4 {color:var(--green)}
#s-hero .stat p {font-size:12.5px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:6px}

/* ===== SECTION TITLE ===== */
#s-hero .section-title {text-align:center;max-width:640px;margin:0 auto 54px}
#s-hero .eyebrow-2 {
  display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--violet);
  background:#F3F0FF;padding:6px 14px;border-radius:100px;
}
#s-hero .section-title h2 {font-size:38px;margin-top:16px;font-weight:800;letter-spacing:-.7px}
#s-hero .section-title p {color:var(--ink-soft);margin-top:14px;font-size:15.5px}

/* ===== SERVICES ===== */
#s-hero .services {padding:100px 8%;background:#fff}
#s-hero .grid {display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
#s-hero .service {
  background:var(--bg-soft);padding:30px 24px;border-radius:20px;
  border:1px solid var(--line);transition:.3s;
}
#s-hero .service:hover {transform:translateY(-8px);box-shadow:0 22px 44px rgba(15,23,42,.10);border-color:transparent}
#s-hero .service .icon {
  width:48px;height:48px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;
  margin-bottom:16px;
}
#s-hero .service:nth-child(8n+1) .icon {background:linear-gradient(135deg,var(--indigo),var(--violet))}
#s-hero .service:nth-child(8n+2) .icon {background:linear-gradient(135deg,var(--cyan),#22D3EE)}
#s-hero .service:nth-child(8n+3) .icon {background:linear-gradient(135deg,var(--pink),#F472B6)}
#s-hero .service:nth-child(8n+4) .icon {background:linear-gradient(135deg,var(--green),#34D399)}
#s-hero .service:nth-child(8n+5) .icon {background:linear-gradient(135deg,var(--amber),#FBBF24)}
#s-hero .service:nth-child(8n+6) .icon {background:linear-gradient(135deg,var(--violet),var(--pink))}
#s-hero .service:nth-child(8n+7) .icon {background:linear-gradient(135deg,var(--indigo),var(--cyan))}
#s-hero .service:nth-child(8n+8) .icon {background:linear-gradient(135deg,#059669,var(--cyan))}
#s-hero .service h3 {font-size:17px;font-weight:700;margin-bottom:8px}
#s-hero .service p {font-size:13.8px;color:var(--ink-soft);line-height:1.55}

/* ===== PROCESS ===== */
#s-hero .process {padding:100px 8%;background:var(--bg-soft)}
#s-hero .steps {display:flex;gap:0;position:relative}
#s-hero .steps::before {
  content:"";position:absolute;top:26px;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,var(--indigo),var(--violet),var(--pink),var(--amber));
  z-index:0;
}
#s-hero .step {flex:1;padding:0 20px;text-align:center;position:relative;z-index:1}
#s-hero .step-num {
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin:0 auto;
  font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;color:#fff;
  box-shadow:0 12px 26px rgba(15,23,42,.18);
}
#s-hero .step:nth-child(1) .step-num {background:linear-gradient(135deg,var(--indigo),var(--violet))}
#s-hero .step:nth-child(2) .step-num {background:linear-gradient(135deg,var(--violet),var(--pink))}
#s-hero .step:nth-child(3) .step-num {background:linear-gradient(135deg,var(--pink),var(--amber))}
#s-hero .step:nth-child(4) .step-num {background:linear-gradient(135deg,var(--amber),var(--green))}
#s-hero .step h3 {font-size:16.5px;margin:18px 0 8px;font-weight:700}
#s-hero .step p {font-size:13.5px;color:var(--ink-soft);line-height:1.6}

/* ===== TESTIMONIALS ===== */
#s-hero .testimonials {padding:100px 8%;background:#fff}
#s-hero .t-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#s-hero .t-card {
  background:var(--bg-soft);border:1px solid var(--line);border-radius:20px;
  padding:28px;position:relative;
}
#s-hero .t-stars {color:var(--amber);font-size:15px;letter-spacing:2px;margin-bottom:14px}
#s-hero .t-card p {font-size:14.5px;color:var(--ink);line-height:1.7}
#s-hero .t-who {display:flex;align-items:center;gap:10px;margin-top:20px}
#s-hero .t-avatar {width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
#s-hero .t-card:nth-child(1) .t-avatar {background:linear-gradient(135deg,var(--indigo),var(--cyan))}
#s-hero .t-card:nth-child(2) .t-avatar {background:linear-gradient(135deg,var(--pink),var(--violet))}
#s-hero .t-card:nth-child(3) .t-avatar {background:linear-gradient(135deg,var(--green),var(--cyan))}
#s-hero .t-name {font-weight:700;font-size:13.5px}
#s-hero .t-role {font-size:12px;color:var(--ink-soft)}

/* ===== CTA ===== */
#s-hero .cta {
  margin:0 8% 90px;
  padding:70px 8%;
  text-align:center;border-radius:32px;
  background:linear-gradient(120deg,var(--indigo),var(--violet) 55%,var(--pink));
  color:#fff;position:relative;overflow:hidden;
}
#s-hero .cta::before {
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 45%);
}
#s-hero .cta h2 {font-size:40px;font-weight:800;letter-spacing:-.6px;max-width:640px;margin:0 auto;position:relative;z-index:2}
#s-hero .cta p {color:rgba(255,255,255,.88);margin-top:14px;font-size:16px;position:relative;z-index:2}
#s-hero .cta .cta-row {justify-content:center;margin-top:30px;position:relative;z-index:2}
#s-hero .cta .btn-primary {background:#fff;color:var(--indigo);box-shadow:0 16px 34px rgba(0,0,0,.20)}
#s-hero .cta .btn-secondary {background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
#s-hero .cta .btn-secondary:hover {background:rgba(255,255,255,.12);border-color:#fff}

/* ===== FOOTER ===== */
#s-hero footer {padding:40px 8%;text-align:center;background:var(--ink);color:#94A3B8;font-size:13.5px}
#s-hero footer b {color:#fff}
#s-hero footer .foot-links {margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.4px}
#s-hero footer .foot-links span {color:var(--amber);margin:0 8px}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px) {
  #s-hero .grid, #s-hero .t-grid {grid-template-columns:repeat(2,1fr)}
  #s-hero .stats {grid-template-columns:repeat(2,1fr)}
  #s-hero .stat {border-bottom:1px solid var(--line)}
  #s-hero .steps {flex-wrap:wrap;gap:36px 0}
  #s-hero .step {flex:0 0 50%}
  #s-hero .steps::before {display:none}
}
@media(max-width:900px) {
  #s-hero header {flex-direction:column;gap:14px;text-align:center}
  #s-hero .logo {font-size:24px}
  #s-hero .hero {flex-direction:column;text-align:center;padding:60px 6% 60px}
  #s-hero .hero .left, #s-hero .hero .right {width:100%}
  #s-hero h1 {font-size:38px}
  #s-hero .pillars, #s-hero .cta-row {justify-content:center}
  #s-hero .floatcard {transform:none;margin-top:30px}
  #s-hero .rating-line {justify-content:center}
  #s-hero .cta {margin:0 5% 70px;padding:56px 6%}
  #s-hero .cta h2 {font-size:30px}
}
@media(max-width:600px) {
  #s-hero .grid, #s-hero .t-grid {grid-template-columns:1fr}
  #s-hero .stats {grid-template-columns:1fr 1fr}
  #s-hero .logo {font-size:20px}
  #s-hero .logo-mark {width:44px;height:44px;font-size:17px}
  #s-hero .header-phone {display:none}
  #s-hero .header-cta {width:100%;gap:10px}
  #s-hero .header-cta .btn {flex:1 1 auto;width:100%;text-align:center}
}
@media(max-width:380px) {
  #s-hero .topbar {font-size:11.5px;padding:8px 4%}
}
@media(prefers-reduced-motion:reduce) {#s-hero * {animation:none!important;transition:none!important}}


/* ===== s-trust (trust) ===== */

#s-trust * {margin:0;padding:0;box-sizing:border-box}
#s-trust {
font-family:Inter,sans-serif;
background:linear-gradient(180deg,#f4f8ff,#eef4fb);
padding:60px 20px;color:#0f172a}
#s-trust .container {max-width:1320px;margin:auto}
#s-trust .card {
position:relative;
overflow:hidden;
background:#fff;
border-radius:34px;
padding:65px;
display:grid;
grid-template-columns:1.45fr .95fr;
gap:50px;
border:1px solid rgba(37,99,235,.08);
box-shadow:0 30px 90px rgba(15,23,42,.10)}
#s-trust .card:before {
content:"";
position:absolute;top:-180px;right:-120px;width:420px;height:420px;
background:radial-gradient(circle,#3b82f622 0%,transparent 70%);
}
#s-trust .badge {
display:inline-flex;align-items:center;gap:10px;
padding:12px 22px;
background:#eef4ff;
border:1px solid #dce8ff;
border-radius:999px;
font-weight:800;
color:#1d4ed8}
#s-trust h1 {
font-size:60px;
line-height:1.05;
letter-spacing:-2px;
margin:24px 0;
font-weight:900}
#s-trust .desc {
font-size:19px;
line-height:1.9;
color:#64748b;
max-width:720px}
#s-trust .points {
display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
#s-trust .point {
padding:12px 18px;border-radius:999px;
background:#f8fbff;border:1px solid #e6eefb;
font-weight:700;color:#1e3a8a}
#s-trust .stats {display:grid;grid-template-columns:1fr 1fr;gap:18px}
#s-trust .stat {
background:linear-gradient(180deg,#fff,#fbfdff);
border:1px solid #e6eefb;
border-radius:22px;
padding:28px;
text-align:center;
box-shadow:0 16px 35px rgba(0,0,0,.05);
transition:.3s}
#s-trust .stat:hover {transform:translateY(-6px)}
#s-trust .icon {font-size:30px;margin-bottom:12px}
#s-trust .num {font-size:46px;font-weight:900;color:#2563eb}
#s-trust .lbl {font-size:18px;font-weight:800;color:#111827;margin-top:8px}
#s-trust .sub {font-size:13px;color:#6b7280;margin-top:6px}
#s-trust .quote {
grid-column:1/-1;
padding:26px;
border-radius:22px;
background:linear-gradient(135deg,#0f172a,#1e3a8a);
color:#fff}
#s-trust .quote h3 {font-size:22px;margin-bottom:10px}
#s-trust .quote p {opacity:.9;line-height:1.8}
@media(max-width:980px) {
#s-trust .card {grid-template-columns:1fr;padding:38px}
#s-trust h1 {font-size:42px}
#s-trust .stats {grid-template-columns:1fr 1fr}
}
@media(max-width:640px) {#s-trust .stats {grid-template-columns:1fr}}


/* ===== s-services (services) ===== */

#s-services {
--bg:#f6f9fc;
--card:#fff;
--text:#0f172a;
--muted:#64748b;
--b:#e5edf5;
--g:linear-gradient(135deg,#2563eb,#14b8a6,#7c3aed);
}
#s-services * {margin:0;padding:0;box-sizing:border-box}
#s-services {font-family:"Plus Jakarta Sans",sans-serif;background:
radial-gradient(circle at top left,#dbeafe,transparent 30%),
radial-gradient(circle at bottom right,#ccfbf1,transparent 30%),var(--bg);}
#s-services .wrap {max-width:1450px;margin:auto;padding:90px 22px}
#s-services .head {text-align:center;margin-bottom:60px}
#s-services .badge {display:inline-block;padding:10px 18px;border-radius:999px;background:#eef6ff;color:#2563eb;font-weight:700}
#s-services h1 {font-size:clamp(32px,6vw,56px);margin:18px 0 10px;color:var(--text)}
@media(max-width:640px) {
  #s-services .wrap {padding:60px 18px}
  #s-services .head {margin-bottom:36px}
  #s-services .lead {font-size:16px}
}
#s-services .lead {max-width:760px;margin:auto;color:var(--muted);font-size:18px}
#s-services .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px}
#s-services .card {position:relative;background:var(--card);border:1px solid var(--b);border-radius:28px;padding:30px;overflow:hidden;transition:.35s;box-shadow:0 15px 40px rgba(15,23,42,.06)}
#s-services .card:before {content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--g)}
#s-services .card:hover {transform:translateY(-12px);box-shadow:0 30px 80px rgba(37,99,235,.18);border-color:#bfd8ff}
#s-services .card:hover .icon {transform:scale(1.08) rotate(8deg)}
#s-services .icon {width:68px;height:68px;border-radius:20px;background:var(--g);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;margin-bottom:18px;transition:.35s}
#s-services h3 {font-size:24px;color:var(--text);margin-bottom:16px}
#s-services ul {padding-left:20px}
#s-services li {margin:8px 0;color:var(--muted)}
#s-services .card:hover li {color:#334155}


/* ===== s-why (why) ===== */

#s-why {
--bg:#071826;
--card:#ffffff10;
--text:#fff;
--muted:#c9d7e8;
--grad:linear-gradient(135deg,#2563EB,#14B8A6,#7C3AED);
}
#s-why * {margin:0;padding:0;box-sizing:border-box}
#s-why {
font-family:"Plus Jakarta Sans",sans-serif;
background:#ffffff;
color:#0f172a;
}
#s-why .wrap {max-width:1450px;margin:auto;padding:90px 24px}
#s-why .head {text-align:center;margin-bottom:60px}
#s-why .badge {display:inline-block;padding:10px 18px;border-radius:999px;background:#eef6ff;border:1px solid #dbeafe;color:#2563eb}
#s-why h1 {font-size:clamp(30px,6vw,58px);margin:18px 0}
#s-why .sub {color:#64748b;font-size:18px}
@media(max-width:640px) {
  #s-why .wrap {padding:60px 18px}
  #s-why .head {margin-bottom:36px}
  #s-why .sub {font-size:16px}
}
#s-why .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
#s-why .card {
position:relative;
padding:30px;
border-radius:28px;
background:#ffffff;
border:1px solid #e5edf5;box-shadow:0 15px 40px rgba(15,23,42,.08);
backdrop-filter:blur(16px);
overflow:hidden;
transition:.45s cubic-bezier(.2,.8,.2,1);
}
#s-why .card:before {
content:"";
position:absolute;
left:0;bottom:0;
width:100%;height:0;
background:var(--grad);
transition:.45s;
z-index:0;
}
#s-why .card>* {position:relative;z-index:2;transition:.35s}
#s-why .icon {
width:74px;height:74px;
border-radius:22px;
display:flex;align-items:center;justify-content:center;
background:var(--grad);
font-size:34px;
margin-bottom:18px;
box-shadow:0 16px 40px rgba(37,99,235,.35);
}
#s-why h3 {font-size:24px;margin-bottom:14px;color:#0f172a}
#s-why p {color:#64748b;line-height:1.7}
#s-why .card:hover {transform:translateY(-12px) scale(1.02);box-shadow:0 35px 90px rgba(37,99,235,.35)}
#s-why .card:hover:before {height:100%}
#s-why .card:hover h3, #s-why .card:hover p {color:#fff}
#s-why .card:hover .icon {background:#fff;color:#2563EB;transform:rotate(8deg) scale(1.08)}


/* ===== s-pricing-basic (ITR_1) ===== */

    #s-pricing-basic {
      --bg:#ffffff;
      --surface:#ffffff;
      --surface-soft:#f8fbff;
      --text:#0f172a;
      --muted:#475569;
      --line:#dbe7f3;
      --blue:#2563eb;
      --indigo:#4f46e5;
      --violet:#7c3aed;
      --cyan:#06b6d4;
      --gold:#f59e0b;
      --green:#16a34a;
      --shadow:0 20px 60px rgba(15,23,42,.10);
      --shadow-strong:0 28px 80px rgba(37,99,235,.24);
      --radius:28px;
    }
    #s-pricing-basic * {box-sizing:border-box}
    #s-pricing-basic, #s-pricing-basic {margin:0;min-height:100%}
    #s-pricing-basic {
      font-family:Inter, Arial, Helvetica, sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 28%),
        radial-gradient(circle at top right, rgba(124,58,237,.07), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    }
    #s-pricing-basic .wrap {max-width:1240px;margin:0 auto;padding:66px 20px 74px}
    #s-pricing-basic .hero {text-align:center;margin-bottom:36px}
    #s-pricing-basic .badge {
      display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;
      background:linear-gradient(90deg, rgba(37,99,235,.08), rgba(124,58,237,.08));
      border:1px solid rgba(37,99,235,.16);font-weight:900;letter-spacing:.8px;text-transform:uppercase;
      color:var(--blue);box-shadow:0 10px 26px rgba(37,99,235,.08)
    }
    #s-pricing-basic h1 {
      margin:18px 0 10px;font-size:clamp(34px, 5vw, 60px);line-height:1.04;letter-spacing:-.05em;
      font-weight:900;text-transform:uppercase;
    }
    #s-pricing-basic .subtitle {margin:0 auto;max-width:920px;color:var(--muted);font-size:18px;line-height:1.8;font-weight:700}
    #s-pricing-basic .grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
    #s-pricing-basic .card {
      position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);
      border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
    }
    #s-pricing-basic .card:hover, #s-pricing-basic .card.active {
      transform:translateY(-10px) scale(1.01);
      box-shadow:var(--shadow-strong);
      color:#fff;
      background:linear-gradient(135deg, var(--blue), var(--indigo) 52%, var(--violet));
    }
    #s-pricing-basic .card:hover .head, #s-pricing-basic .card.active .head {
      background:rgba(255,255,255,.08);
      border-bottom-color:rgba(255,255,255,.14);
    }
    #s-pricing-basic .card:hover .desc, #s-pricing-basic .card.active .desc, #s-pricing-basic .card:hover .notes, #s-pricing-basic .card.active .notes, #s-pricing-basic .card:hover .mrp, #s-pricing-basic .card.active .mrp, #s-pricing-basic .card:hover .list li, #s-pricing-basic .card.active .list li {color:#fff}
    #s-pricing-basic .card:hover .save, #s-pricing-basic .card.active .save {background:rgba(255,255,255,.18);color:#fff}
    #s-pricing-basic .card:hover .btn, #s-pricing-basic .card.active .btn {background:#fff;color:var(--blue)}
    #s-pricing-basic .card:hover .plan, #s-pricing-basic .card.active .plan {color:#fff}
    #s-pricing-basic .card:hover .price, #s-pricing-basic .card.active .price {color:#fff}
    #s-pricing-basic .card.featured {
      border-color:rgba(245,158,11,.28);
      transform:translateY(-2px);
      box-shadow:0 26px 70px rgba(37,99,235,.16);
    }
    #s-pricing-basic .card.featured:hover, #s-pricing-basic .card.featured.active {transform:translateY(-10px) scale(1.01)}
    #s-pricing-basic .ribbon {
      position:absolute;top:18px;right:-40px;transform:rotate(35deg);padding:10px 46px;
      background:linear-gradient(90deg, var(--gold), #f97316);color:#fff;font-weight:900;
      font-size:12px;letter-spacing:1px;box-shadow:0 10px 24px rgba(245,158,11,.25);text-transform:uppercase;
    }
    #s-pricing-basic .head {padding:30px 28px 20px;background:linear-gradient(180deg, rgba(37,99,235,.04), rgba(124,58,237,.02));border-bottom:1px solid var(--line)}
    #s-pricing-basic .offerline {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
    #s-pricing-basic .offer {
      display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.8px;
      text-transform:uppercase;color:#065f46;background:linear-gradient(90deg, #bbf7d0, #86efac);box-shadow:0 10px 24px rgba(34,197,94,.12)
    }
    #s-pricing-basic .plan {margin:0 0 8px;font-size:24px;line-height:1.15;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
    #s-pricing-basic .desc {margin:0;color:var(--muted);line-height:1.7;font-weight:700;font-size:15px}
    #s-pricing-basic .pricebox {padding:24px 28px 10px}
    #s-pricing-basic .row {display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
    #s-pricing-basic .mrp {color:#64748b;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
    #s-pricing-basic .mrp s {font-weight:900}
    #s-pricing-basic .price {margin:6px 0 0;font-size:46px;line-height:1;font-weight:900;letter-spacing:-.05em;color:var(--blue)}
    #s-pricing-basic .save {display:inline-flex;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:900;color:#065f46;background:linear-gradient(90deg, #dcfce7, #bbf7d0);text-transform:uppercase}
    #s-pricing-basic .list {list-style:none;margin:0;padding:10px 28px 0}
    #s-pricing-basic .list li {padding:12px 0;border-top:1px solid #eef4fb;color:#0f172a;line-height:1.55;font-weight:800;font-size:15px}
    #s-pricing-basic .list li:first-child {border-top:none}
    #s-pricing-basic .list li::before {content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:linear-gradient(90deg, var(--blue), var(--violet));color:#fff;font-weight:900;font-size:14px;vertical-align:middle}
    #s-pricing-basic .notes {padding:18px 28px 24px;color:var(--muted);font-size:13px;line-height:1.7;font-weight:700}
    #s-pricing-basic .btnwrap {padding:0 28px 28px}
    #s-pricing-basic .btn {display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;padding:16px 18px;border-radius:16px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg, var(--violet), var(--blue));box-shadow:0 16px 30px rgba(37,99,235,.18);border:1px solid rgba(255,255,255,.16)}
    #s-pricing-basic .footerbar {margin-top:28px;padding:20px 20px 18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg, #ffffff, #f7fbff);box-shadow:var(--shadow);text-align:center;font-weight:900;text-transform:uppercase;letter-spacing:.3px;line-height:1.7}
    #s-pricing-basic .fine {margin-top:10px;color:var(--muted);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}
    #s-pricing-basic .glow {position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;background:radial-gradient(circle, rgba(37,99,235,.12), transparent 65%);pointer-events:none}
    @media (max-width: 980px) {#s-pricing-basic .grid {grid-template-columns:1fr}#s-pricing-basic .card.featured {transform:none}#s-pricing-basic .card.featured:hover, #s-pricing-basic .card.featured.active {transform:translateY(-10px) scale(1.01)}#s-pricing-basic h1 {text-transform:none}}
  

/* ===== s-pricing (pricing) ===== */

    #s-pricing {
      --bg:#ffffff;
      --surface:#ffffff;
      --surface-soft:#f8fbff;
      --text:#0f172a;
      --muted:#475569;
      --line:#dbe7f3;
      --blue:#2563eb;
      --indigo:#4f46e5;
      --violet:#7c3aed;
      --cyan:#06b6d4;
      --gold:#f59e0b;
      --green:#16a34a;
      --shadow:0 20px 60px rgba(15,23,42,.10);
      --shadow-strong:0 28px 80px rgba(37,99,235,.24);
      --radius:28px;
    }
    #s-pricing * {box-sizing:border-box}
    #s-pricing, #s-pricing {margin:0;min-height:100%}
    #s-pricing {
      font-family:Inter, Arial, Helvetica, sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 28%),
        radial-gradient(circle at top right, rgba(124,58,237,.07), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    }
    #s-pricing .wrap {max-width:1240px;margin:0 auto;padding:66px 20px 74px}
    #s-pricing .hero {text-align:center;margin-bottom:36px}
    #s-pricing .badge {
      display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;
      background:linear-gradient(90deg, rgba(37,99,235,.08), rgba(124,58,237,.08));
      border:1px solid rgba(37,99,235,.16);font-weight:900;letter-spacing:.8px;text-transform:uppercase;
      color:var(--blue);box-shadow:0 10px 26px rgba(37,99,235,.08)
    }
    #s-pricing h1 {
      margin:18px 0 10px;font-size:clamp(34px, 5vw, 60px);line-height:1.04;letter-spacing:-.05em;
      font-weight:900;text-transform:uppercase;
    }
    #s-pricing .subtitle {margin:0 auto;max-width:920px;color:var(--muted);font-size:18px;line-height:1.8;font-weight:700}
    #s-pricing .grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
    #s-pricing .card {
      position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);
      border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
    }
    #s-pricing .card:hover, #s-pricing .card.active {
      transform:translateY(-10px) scale(1.01);
      box-shadow:var(--shadow-strong);
      color:#fff;
      background:linear-gradient(135deg, var(--blue), var(--indigo) 52%, var(--violet));
    }
    #s-pricing .card:hover .head, #s-pricing .card.active .head {
      background:rgba(255,255,255,.08);
      border-bottom-color:rgba(255,255,255,.14);
    }
    #s-pricing .card:hover .desc, #s-pricing .card.active .desc, #s-pricing .card:hover .notes, #s-pricing .card.active .notes, #s-pricing .card:hover .mrp, #s-pricing .card.active .mrp, #s-pricing .card:hover .list li, #s-pricing .card.active .list li {color:#fff}
    #s-pricing .card:hover .save, #s-pricing .card.active .save {background:rgba(255,255,255,.18);color:#fff}
    #s-pricing .card:hover .btn, #s-pricing .card.active .btn {background:#fff;color:var(--blue)}
    #s-pricing .card:hover .plan, #s-pricing .card.active .plan {color:#fff}
    #s-pricing .card:hover .price, #s-pricing .card.active .price {color:#fff}
    #s-pricing .card.featured {
      border-color:rgba(245,158,11,.28);
      transform:translateY(-2px);
      box-shadow:0 26px 70px rgba(37,99,235,.16);
    }
    #s-pricing .card.featured:hover, #s-pricing .card.featured.active {transform:translateY(-10px) scale(1.01)}
    #s-pricing .ribbon {
      position:absolute;top:18px;right:-40px;transform:rotate(35deg);padding:10px 46px;
      background:linear-gradient(90deg, var(--gold), #f97316);color:#fff;font-weight:900;
      font-size:12px;letter-spacing:1px;box-shadow:0 10px 24px rgba(245,158,11,.25);text-transform:uppercase;
    }
    #s-pricing .head {padding:30px 28px 20px;background:linear-gradient(180deg, rgba(37,99,235,.04), rgba(124,58,237,.02));border-bottom:1px solid var(--line)}
    #s-pricing .offerline {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
    #s-pricing .offer {
      display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.8px;
      text-transform:uppercase;color:#065f46;background:linear-gradient(90deg, #bbf7d0, #86efac);box-shadow:0 10px 24px rgba(34,197,94,.12)
    }
    #s-pricing .plan {margin:0 0 8px;font-size:24px;line-height:1.15;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
    #s-pricing .desc {margin:0;color:var(--muted);line-height:1.7;font-weight:700;font-size:15px}
    #s-pricing .pricebox {padding:24px 28px 10px}
    #s-pricing .row {display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
    #s-pricing .mrp {color:#64748b;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
    #s-pricing .mrp s {font-weight:900}
    #s-pricing .price {margin:6px 0 0;font-size:46px;line-height:1;font-weight:900;letter-spacing:-.05em;color:var(--blue)}
    #s-pricing .save {display:inline-flex;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:900;color:#065f46;background:linear-gradient(90deg, #dcfce7, #bbf7d0);text-transform:uppercase}
    #s-pricing .list {list-style:none;margin:0;padding:10px 28px 0}
    #s-pricing .list li {padding:12px 0;border-top:1px solid #eef4fb;color:#0f172a;line-height:1.55;font-weight:800;font-size:15px}
    #s-pricing .list li:first-child {border-top:none}
    #s-pricing .list li::before {content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:linear-gradient(90deg, var(--blue), var(--violet));color:#fff;font-weight:900;font-size:14px;vertical-align:middle}
    #s-pricing .notes {padding:18px 28px 24px;color:var(--muted);font-size:13px;line-height:1.7;font-weight:700}
    #s-pricing .btnwrap {padding:0 28px 28px}
    #s-pricing .btn {display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;padding:16px 18px;border-radius:16px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg, var(--violet), var(--blue));box-shadow:0 16px 30px rgba(37,99,235,.18);border:1px solid rgba(255,255,255,.16)}
    #s-pricing .footerbar {margin-top:28px;padding:20px 20px 18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg, #ffffff, #f7fbff);box-shadow:var(--shadow);text-align:center;font-weight:900;text-transform:uppercase;letter-spacing:.3px;line-height:1.7}
    #s-pricing .fine {margin-top:10px;color:var(--muted);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}
    #s-pricing .glow {position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;background:radial-gradient(circle, rgba(37,99,235,.12), transparent 65%);pointer-events:none}
    @media (max-width: 980px) {#s-pricing .grid {grid-template-columns:1fr}#s-pricing .card.featured {transform:none}#s-pricing .card.featured:hover, #s-pricing .card.featured.active {transform:translateY(-10px) scale(1.01)}#s-pricing h1 {text-transform:none}}
  

/* ===== s-process (home) ===== */

#s-process {
  --indigo:#4F46E5;
  --violet:#8B5CF6;
  --cyan:#06B6D4;
  --amber:#F59E0B;
  --pink:#EC4899;
  --green:#10B981;
  --ink:#0F172A;
  --ink-soft:#5B6478;
  --bg:#FFFFFF;
  --bg-soft:#F7F7FC;
  --line:#E9E9F3;
}
#s-process * {margin:0;padding:0;box-sizing:border-box}
#s-process {
  font-family:'Inter',Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
}
#s-process h1, #s-process h2, #s-process h3 {font-family:'Plus Jakarta Sans',sans-serif}
#s-process .mono {font-family:'JetBrains Mono',monospace}
#s-process a {color:inherit}
#s-process .wrap {max-width:1280px;margin:0 auto}

/* ===== TOPBAR ===== */
#s-process .topbar {
  background:var(--ink);
  color:#fff;
  padding:9px 5%;
  text-align:center;
  font-size:13px;
  font-weight:500;
  letter-spacing:.2px;
}
#s-process .topbar span {color:var(--amber);margin:0 6px}

/* ===== HEADER ===== */
#s-process header {
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 8%;
  border-bottom:1px solid var(--line);
}
#s-process .logo {
  display:flex;align-items:center;gap:10px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;font-size:17px;
}
#s-process .logo-mark {
  width:38px;height:38px;border-radius:11px;
  background:linear-gradient(135deg,var(--indigo),var(--violet) 55%,var(--cyan));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:16px;
  box-shadow:0 8px 20px rgba(79,70,229,.30);
}
#s-process .logo-text span {display:block;font-size:10.5px;font-weight:600;color:var(--ink-soft);letter-spacing:.3px}
#s-process .header-cta {
  display:flex;align-items:center;gap:18px;
}
#s-process .header-phone {font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13.5px;color:var(--ink-soft)}

/* ===== HERO ===== */
#s-process .hero {
  position:relative;
  padding:76px 8% 90px;
  display:flex;align-items:center;justify-content:space-between;gap:60px;
  overflow:hidden;
  background:var(--bg-soft);
}
#s-process .blob {position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0}
#s-process .blob-1 {width:420px;height:420px;top:-160px;left:-120px;background:radial-gradient(circle,var(--indigo),transparent 70%)}
#s-process .blob-2 {width:380px;height:380px;bottom:-180px;right:-100px;background:radial-gradient(circle,var(--cyan),transparent 70%)}
#s-process .blob-3 {width:260px;height:260px;top:40%;right:18%;background:radial-gradient(circle,var(--pink),transparent 70%);opacity:.35}

#s-process .hero .left {flex:1.1;position:relative;z-index:2}
#s-process .hero .right {flex:1;display:flex;justify-content:center;position:relative;z-index:2}

#s-process .badge-pill {
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:100px;
  font-size:13px;font-weight:700;
  color:var(--indigo);
  box-shadow:0 6px 18px rgba(79,70,229,.08);
}
#s-process .badge-pill .sq {width:7px;height:7px;border-radius:2px;background:var(--indigo)}

#s-process h1 {
  font-size:58px;
  line-height:1.06;
  font-weight:800;
  max-width:640px;
  letter-spacing:-1.4px;
  margin-top:22px;
  color:var(--ink);
}
#s-process h1 .grad {
  background:linear-gradient(100deg,var(--indigo),var(--violet) 45%,var(--pink));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#s-process .company-name {
  font-family:'JetBrains Mono',monospace;
  font-size:13px;font-weight:600;letter-spacing:1.8px;
  color:var(--ink-soft);text-transform:uppercase;margin-top:16px;
}
#s-process .tagline {color:var(--ink-soft);font-size:17.5px;margin-top:16px;max-width:520px}

#s-process .pillars {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#s-process .pillar-chip {
  padding:7px 15px;border-radius:100px;
  background:#fff;border:1px solid var(--line);
  font-size:13px;font-weight:700;color:var(--ink);
  display:flex;align-items:center;gap:6px;
}
#s-process .pillar-chip::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}

#s-process .offer-badge {
  display:inline-flex;align-items:center;gap:10px;
  margin-top:24px;padding:11px 22px 11px 16px;
  background:linear-gradient(90deg,var(--amber),#FBBF24);
  border-radius:100px;font-weight:800;font-size:14.5px;color:#7C2D12;
  box-shadow:0 14px 30px rgba(245,158,11,.30);
}
#s-process .offer-badge .dot {width:7px;height:7px;border-radius:50%;background:#7C2D12;animation:pulse-s-process 1.6s infinite}
@keyframes pulse-s-process {0%,100%{opacity:1}50%{opacity:.25}}

#s-process .rating-line {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;font-size:14.5px;color:var(--ink-soft)}
#s-process .rating-line b {color:var(--ink)}
#s-process .stars {color:var(--amber);font-size:16px;letter-spacing:1.5px}
#s-process .sep {color:var(--line)}

#s-process .cta-row {display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
#s-process .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:16px 30px;border-radius:12px;text-decoration:none;
  font-weight:700;font-size:15px;transition:transform .2s ease, box-shadow .2s ease;
}
#s-process .btn-primary {
  background:linear-gradient(135deg,var(--indigo),var(--violet));
  color:#fff;box-shadow:0 16px 34px rgba(79,70,229,.32);
}
#s-process .btn-primary:hover {transform:translateY(-3px);box-shadow:0 20px 40px rgba(79,70,229,.42)}
#s-process .btn-secondary {background:#fff;color:var(--ink);border:1.5px solid var(--line)}
#s-process .btn-secondary:hover {transform:translateY(-3px);border-color:var(--indigo)}

/* ===== FLOATING STAT CARD ===== */
#s-process .floatcard {
  width:100%;max-width:400px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 40px 90px rgba(15,23,42,.18);
  border:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
#s-process .fc-top {
  padding:26px 28px 22px;
  background:linear-gradient(135deg,var(--indigo),var(--violet) 60%,var(--cyan));
  color:#fff;position:relative;
}
#s-process .fc-top::before {
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);
  background-size:14px 14px;
  opacity:.5;
}
#s-process .fc-top-row {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
#s-process .fc-brand {display:flex;align-items:center;gap:11px}
#s-process .fc-avatar {
  width:42px;height:42px;border-radius:12px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;
  backdrop-filter:blur(6px);
}
#s-process .fc-brand .fc-name {font-weight:800;font-size:15.5px}
#s-process .fc-brand .fc-sub {font-size:11.5px;color:rgba(255,255,255,.8);margin-top:2px}
#s-process .fc-verified {
  display:flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);
  padding:6px 11px;border-radius:100px;
  font-size:11px;font-weight:700;
  backdrop-filter:blur(6px);
}

#s-process .fc-body {padding:22px 24px 26px}
#s-process .fc-stat-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px}
#s-process .fc-stat {
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px 16px 14px;
}
#s-process .fc-stat .fc-icon {
  width:30px;height:30px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;color:#fff;margin-bottom:10px;
}
#s-process .fc-stat:nth-child(1) .fc-icon {background:linear-gradient(135deg,var(--indigo),var(--violet))}
#s-process .fc-stat:nth-child(2) .fc-icon {background:linear-gradient(135deg,var(--amber),#FBBF24)}
#s-process .fc-stat:nth-child(3) .fc-icon {background:linear-gradient(135deg,var(--pink),#F472B6)}
#s-process .fc-stat:nth-child(4) .fc-icon {background:linear-gradient(135deg,var(--green),#34D399)}
#s-process .fc-stat .fc-val {font-family:'JetBrains Mono',monospace;font-weight:700;font-size:19px;color:var(--ink);line-height:1.1}
#s-process .fc-stat .fc-label {font-size:11.5px;color:var(--ink-soft);font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}

#s-process .fc-coverage {
  display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(90deg,#F3F0FF,#EEF9FF);
  border:1px solid var(--line);
}
#s-process .fc-coverage .fc-cov-label {font-size:12.5px;color:var(--ink-soft);font-weight:600}
#s-process .fc-coverage .fc-cov-val {font-family:'JetBrains Mono',monospace;font-weight:800;font-size:14px;color:var(--indigo)}

/* ===== STATS STRIP ===== */
#s-process .stats {
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
#s-process .stat {
  padding:36px 24px;text-align:center;border-right:1px solid var(--line);
}
#s-process .stat:last-child {border-right:none}
#s-process .stat h2 {font-family:'JetBrains Mono',monospace;font-size:32px;font-weight:700}
#s-process .stat h2.c1 {color:var(--indigo)}
#s-process .stat h2.c2 {color:var(--pink)}
#s-process .stat h2.c3 {color:var(--cyan)}
#s-process .stat h2.c4 {color:var(--green)}
#s-process .stat p {font-size:12.5px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:6px}

/* ===== SECTION TITLE ===== */
#s-process .section-title {text-align:center;max-width:640px;margin:0 auto 54px}
#s-process .eyebrow-2 {
  display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--violet);
  background:#F3F0FF;padding:6px 14px;border-radius:100px;
}
#s-process .section-title h2 {font-size:38px;margin-top:16px;font-weight:800;letter-spacing:-.7px}
#s-process .section-title p {color:var(--ink-soft);margin-top:14px;font-size:15.5px}

/* ===== SERVICES ===== */
#s-process .services {padding:100px 8%;background:#fff}
#s-process .grid {display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
#s-process .service {
  background:var(--bg-soft);padding:30px 24px;border-radius:20px;
  border:1px solid var(--line);transition:.3s;
}
#s-process .service:hover {transform:translateY(-8px);box-shadow:0 22px 44px rgba(15,23,42,.10);border-color:transparent}
#s-process .service .icon {
  width:48px;height:48px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;
  margin-bottom:16px;
}
#s-process .service:nth-child(8n+1) .icon {background:linear-gradient(135deg,var(--indigo),var(--violet))}
#s-process .service:nth-child(8n+2) .icon {background:linear-gradient(135deg,var(--cyan),#22D3EE)}
#s-process .service:nth-child(8n+3) .icon {background:linear-gradient(135deg,var(--pink),#F472B6)}
#s-process .service:nth-child(8n+4) .icon {background:linear-gradient(135deg,var(--green),#34D399)}
#s-process .service:nth-child(8n+5) .icon {background:linear-gradient(135deg,var(--amber),#FBBF24)}
#s-process .service:nth-child(8n+6) .icon {background:linear-gradient(135deg,var(--violet),var(--pink))}
#s-process .service:nth-child(8n+7) .icon {background:linear-gradient(135deg,var(--indigo),var(--cyan))}
#s-process .service:nth-child(8n+8) .icon {background:linear-gradient(135deg,#059669,var(--cyan))}
#s-process .service h3 {font-size:17px;font-weight:700;margin-bottom:8px}
#s-process .service p {font-size:13.8px;color:var(--ink-soft);line-height:1.55}

/* ===== PROCESS ===== */
#s-process .process {padding:100px 8%;background:var(--bg-soft)}
#s-process .steps {display:flex;gap:0;position:relative}
#s-process .steps::before {
  content:"";position:absolute;top:26px;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,var(--indigo),var(--violet),var(--pink),var(--amber));
  z-index:0;
}
#s-process .step {flex:1;padding:0 20px;text-align:center;position:relative;z-index:1}
#s-process .step-num {
  width:54px;height:54px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin:0 auto;
  font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;color:#fff;
  box-shadow:0 12px 26px rgba(15,23,42,.18);
}
#s-process .step:nth-child(1) .step-num {background:linear-gradient(135deg,var(--indigo),var(--violet))}
#s-process .step:nth-child(2) .step-num {background:linear-gradient(135deg,var(--violet),var(--pink))}
#s-process .step:nth-child(3) .step-num {background:linear-gradient(135deg,var(--pink),var(--amber))}
#s-process .step:nth-child(4) .step-num {background:linear-gradient(135deg,var(--amber),var(--green))}
#s-process .step h3 {font-size:16.5px;margin:18px 0 8px;font-weight:700}
#s-process .step p {font-size:13.5px;color:var(--ink-soft);line-height:1.6}

/* ===== TESTIMONIALS ===== */
#s-process .testimonials {padding:100px 8%;background:#fff}
#s-process .t-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#s-process .t-card {
  background:var(--bg-soft);border:1px solid var(--line);border-radius:20px;
  padding:28px;position:relative;
}
#s-process .t-stars {color:var(--amber);font-size:15px;letter-spacing:2px;margin-bottom:14px}
#s-process .t-card p {font-size:14.5px;color:var(--ink);line-height:1.7}
#s-process .t-who {display:flex;align-items:center;gap:10px;margin-top:20px}
#s-process .t-avatar {width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
#s-process .t-card:nth-child(1) .t-avatar {background:linear-gradient(135deg,var(--indigo),var(--cyan))}
#s-process .t-card:nth-child(2) .t-avatar {background:linear-gradient(135deg,var(--pink),var(--violet))}
#s-process .t-card:nth-child(3) .t-avatar {background:linear-gradient(135deg,var(--green),var(--cyan))}
#s-process .t-name {font-weight:700;font-size:13.5px}
#s-process .t-role {font-size:12px;color:var(--ink-soft)}

/* ===== CTA ===== */
#s-process .cta {
  margin:0 8% 90px;
  padding:70px 8%;
  text-align:center;border-radius:32px;
  background:linear-gradient(120deg,var(--indigo),var(--violet) 55%,var(--pink));
  color:#fff;position:relative;overflow:hidden;
}
#s-process .cta::before {
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 45%);
}
#s-process .cta h2 {font-size:40px;font-weight:800;letter-spacing:-.6px;max-width:640px;margin:0 auto;position:relative;z-index:2}
#s-process .cta p {color:rgba(255,255,255,.88);margin-top:14px;font-size:16px;position:relative;z-index:2}
#s-process .cta .cta-row {justify-content:center;margin-top:30px;position:relative;z-index:2}
#s-process .cta .btn-primary {background:#fff;color:var(--indigo);box-shadow:0 16px 34px rgba(0,0,0,.20)}
#s-process .cta .btn-secondary {background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
#s-process .cta .btn-secondary:hover {background:rgba(255,255,255,.12);border-color:#fff}

/* ===== FOOTER ===== */
#s-process footer {padding:40px 8%;text-align:center;background:var(--ink);color:#94A3B8;font-size:13.5px}
#s-process footer b {color:#fff}
#s-process footer .foot-links {margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.4px}
#s-process footer .foot-links span {color:var(--amber);margin:0 8px}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px) {
  #s-process .grid, #s-process .t-grid {grid-template-columns:repeat(2,1fr)}
  #s-process .stats {grid-template-columns:repeat(2,1fr)}
  #s-process .stat {border-bottom:1px solid var(--line)}
  #s-process .steps {flex-wrap:wrap;gap:36px 0}
  #s-process .step {flex:0 0 50%}
  #s-process .steps::before {display:none}
}
@media(max-width:900px) {
  #s-process header {flex-direction:column;gap:14px;text-align:center}
  #s-process .hero {flex-direction:column;text-align:center;padding:60px 6% 60px}
  #s-process .hero .left, #s-process .hero .right {width:100%}
  #s-process h1 {font-size:38px}
  #s-process .pillars, #s-process .cta-row {justify-content:center}
  #s-process .floatcard {transform:none;margin-top:30px}
  #s-process .rating-line {justify-content:center}
  #s-process .cta {margin:0 5% 70px;padding:56px 6%}
  #s-process .cta h2 {font-size:30px}
}
@media(max-width:600px) {
  #s-process .grid, #s-process .t-grid {grid-template-columns:1fr}
  #s-process .stats {grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce) {#s-process * {animation:none!important;transition:none!important}}


/* ===== s-workflow (workflow) ===== */

#s-workflow {--bg:#f4f8fc;--card:#ffffff;--text:#0f2239;--muted:#5f7087;--primary:#0a2a4a;--primary-2:#0f4c81;--secondary:#18a0a8;--accent:#d4a64a;--line:rgba(15,36,58,.10);--shadow:0 22px 60px rgba(15,36,58,.12);--radius:28px}
#s-workflow * {box-sizing:border-box}#s-workflow {scroll-behavior:smooth}
#s-workflow {margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left, rgba(24,160,168,.10), transparent 24%),radial-gradient(circle at top right, rgba(10,42,74,.10), transparent 26%),linear-gradient(180deg,#ffffff 0%, var(--bg) 100%)}
#s-workflow .wrap {max-width:1240px;margin:0 auto;padding:34px 18px 64px}
#s-workflow .hero {position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-2) 52%,var(--secondary) 100%);color:#fff;border-radius:34px;padding:54px 40px;box-shadow:var(--shadow)}
#s-workflow .hero:before, #s-workflow .hero:after {content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.10)}
#s-workflow .hero:before {width:260px;height:260px;right:-70px;top:-95px}#s-workflow .hero:after {width:180px;height:180px;left:-45px;bottom:-60px}
#s-workflow .badge {display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:clamp(20px,2.6vw,32px);font-weight:900;letter-spacing:.4px;margin-bottom:22px;backdrop-filter:blur(8px);text-transform:uppercase}
#s-workflow h1 {margin:0 0 14px;font-size:clamp(32px,4vw,54px);line-height:1.08}#s-workflow .hero p {margin:0;max-width:860px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.92)}
#s-workflow .pill-row {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}#s-workflow .pill {padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:700}
#s-workflow .section-title {margin:34px 0 16px;font-size:28px;color:var(--primary)}
#s-workflow .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px;margin-top:22px}
#s-workflow .card {background:linear-gradient(180deg,#fff 0%, #fbfdff 100%);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(15,36,58,.08);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;position:relative;overflow:hidden;min-height:180px}
#s-workflow .card:before {content:"";position:absolute;inset:auto -30px -30px auto;width:110px;height:110px;background:radial-gradient(circle, rgba(24,160,168,.12), transparent 70%);border-radius:50%}
#s-workflow .card:hover {transform:translateY(-5px);box-shadow:0 18px 46px rgba(15,36,58,.14);border-color:rgba(15,76,129,.18)}
#s-workflow .num {width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(135deg,var(--primary-2),var(--secondary));box-shadow:0 10px 22px rgba(15,76,129,.18);margin-bottom:14px}
#s-workflow .card h3 {margin:0 0 10px;font-size:20px}#s-workflow .card p {margin:0;color:var(--muted);line-height:1.7;font-size:15px}
#s-workflow .info {margin-top:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}#s-workflow .box {background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
#s-workflow .box h2 {margin:0 0 12px;font-size:24px;color:var(--primary)}#s-workflow ul {margin:14px 0 0;padding-left:20px}#s-workflow li {margin:10px 0;color:var(--text);line-height:1.6}
#s-workflow .callout {margin-top:18px;background:linear-gradient(135deg, rgba(212,166,74,.14), rgba(24,160,168,.10));border:1px solid rgba(212,166,74,.24);border-radius:24px;padding:22px 24px;color:var(--text);box-shadow:0 10px 30px rgba(15,36,58,.07)}#s-workflow .callout strong {color:#8a651d}
#s-workflow .footer {margin-top:22px;text-align:center;color:var(--muted);font-size:14px}@media (max-width:900px) {#s-workflow .info {grid-template-columns:1fr}}@media (max-width:640px) {#s-workflow .hero {padding:28px 22px;border-radius:26px}#s-workflow .box {padding:22px}}


/* ===== s-reviewtop (reviewtop) ===== */

#s-reviewtop {
  --bg:#fffdf8;
  --bg-soft:#fff7f1;
  --bg-alt:#f8f4ff;
  --text:#1c2333;
  --muted:#6b7280;
  --blue:#8B5CF6;
  --blue2:#06B6D4;
  --gold:#F97316;
  --gold-soft:#FDBA74;
  --border:#eadcf8;
  --shadow:0 35px 100px rgba(139,92,246,.15);
}
#s-reviewtop * {box-sizing:border-box}
#s-reviewtop, #s-reviewtop {margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}
#s-reviewtop {overflow-x:hidden}
#s-reviewtop:before {content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 15% 10%,rgba(20,184,166,.16),transparent 25%),
radial-gradient(circle at 85% 18%,rgba(200,155,60,.16),transparent 26%),
radial-gradient(circle at 50% 90%,rgba(15,118,110,.10),transparent 32%)}
#s-reviewtop .wrap {max-width:1320px;margin:0 auto;padding:32px 18px 56px;position:relative}
#s-reviewtop .hero {background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid var(--border);border-radius:32px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}
#s-reviewtop .hero:after {content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.20),transparent 62%)}
#s-reviewtop .kicker {display:inline-flex;align-items:center;gap:10px;background:#eff6ff;border:1px solid #dbeafe;color:var(--blue);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em}
#s-reviewtop .kicker b {color:var(--gold)}
#s-reviewtop h1 {margin:16px 0 10px;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.03em}
#s-reviewtop .sub {margin:0;color:var(--muted);font-size:16px;line-height:1.7;max-width:860px}
#s-reviewtop .stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
#s-reviewtop .stat {background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:22px;padding:16px 18px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
#s-reviewtop .stat .n {display:block;font-size:28px;font-weight:900;color:var(--blue)}
#s-reviewtop .stat .t {font-size:13px;color:var(--muted);margin-top:4px}
#s-reviewtop .section-title {display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 14px}
#s-reviewtop .section-title h2 {margin:0;font-size:24px;letter-spacing:-.02em}
#s-reviewtop .section-title span {color:var(--muted);font-size:14px}
#s-reviewtop .scroller {position:relative;border-radius:30px;overflow:hidden;border:1px solid #cfe5ff;background:linear-gradient(135deg,#fbf8ff 0%,#f5f0ff 45%,#fff8e8 100%);box-shadow:0 30px 80px rgba(11,61,145,.15)}
#s-reviewtop .scroller:before, #s-reviewtop .scroller:after {content:"";position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none}
#s-reviewtop .scroller:before {left:0;background:linear-gradient(90deg,#fff,transparent)}
#s-reviewtop .scroller:after {right:0;background:linear-gradient(270deg,#fff,transparent)}
#s-reviewtop .track {display:flex;gap:18px;width:max-content;padding:18px;animation:scroll-s-reviewtop 58s linear infinite}
#s-reviewtop .scroller:hover .track {animation-play-state:paused}
@keyframes scroll-s-reviewtop {from{transform:translateX(0)}to{transform:translateX(-50%)}}
#s-reviewtop .card {width:360px;flex:0 0 360px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,240,255,.95));backdrop-filter:blur(18px);border:1px solid #d8e7ff;border-radius:26px;padding:22px;box-shadow:0 16px 40px rgba(11,61,145,.08);transition:.3s ease;position:relative;overflow:hidden}
#s-reviewtop .card::before {content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5B21B6 0%,#7C3AED 20%,#EC4899 55%,#F59E0B 100%);opacity:0;transition:.45s ease;z-index:0}
#s-reviewtop .card::after {content:"";position:absolute;top:-120%;left:-40%;width:40%;height:320%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(25deg);transition:all .8s ease;pointer-events:none;z-index:1}
#s-reviewtop .card>* {position:relative;z-index:2}
#s-reviewtop .card:hover::before {opacity:1}
#s-reviewtop .card:hover::after {left:130%}
#s-reviewtop .card:hover {transform:translateY(-12px) scale(1.03);box-shadow:0 30px 80px rgba(15,118,110,.35);border-color:#c89b3c;rotate:-1deg}
#s-reviewtop .card:hover .name, #s-reviewtop .card:hover .review, #s-reviewtop .card:hover .meta, #s-reviewtop .card:hover .time, #s-reviewtop .card:hover .t {color:#ffffff!important}
#s-reviewtop .card:hover .stars {color:#ffe082!important;text-shadow:0 0 18px rgba(255,224,130,.8)}
#s-reviewtop .card:hover .avatar {background:linear-gradient(135deg,#ffffff,#f8f8f8);color:#0f766e;font-weight:900;transform:rotate(12deg) scale(1.15);box-shadow:0 0 30px rgba(255,255,255,.55)}
#s-reviewtop .top {display:flex;align-items:center;gap:14px;margin-bottom:12px}
#s-reviewtop .avatar {width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#5B21B6,#EC4899);box-shadow:0 12px 28px rgba(37,99,235,.24);transition:.4s}
#s-reviewtop .name {font-size:18px;font-weight:800;margin-bottom:2px}
#s-reviewtop .meta {font-size:13px;color:var(--muted)}
#s-reviewtop .stars {display:flex;align-items:center;gap:10px;font-size:18px;color:var(--gold);margin:10px 0 12px;text-shadow:0 0 16px rgba(212,175,55,.22)}
#s-reviewtop .time {font-size:12px;color:var(--muted)}
#s-reviewtop .review {font-size:15px;line-height:1.85;color:#1e293b;transition:.35s}
#s-reviewtop .footer {margin-top:26px;text-align:center;color:var(--muted);font-size:13px}
#s-reviewtop .ribbon {margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
#s-reviewtop .tag {display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);color:#334155;font-size:13px;font-weight:700}
#s-reviewtop .tag b {color:var(--gold)}
@media (max-width: 900px) {#s-reviewtop .stats {grid-template-columns:repeat(2,minmax(0,1fr))}#s-reviewtop .card {width:300px;flex-basis:300px}#s-reviewtop .wrap {padding:18px 12px 40px}#s-reviewtop .hero {padding:22px}#s-reviewtop .section-title {flex-direction:column;align-items:flex-start}}
@media (max-width: 640px) {#s-reviewtop .stats {grid-template-columns:1fr}#s-reviewtop .card {width:280px;flex-basis:280px}#s-reviewtop .scroller:before, #s-reviewtop .scroller:after {width:48px}}


/* ===== s-reviewbottom (reviewbottom) ===== */

#s-reviewbottom {
  --bg:#f6fbfa;
  --bg-soft:#eefaf6;
  --bg-alt:#e3f6ef;
  --text:#0d1b2a;
  --muted:#64748b;
  --blue:#0f766e;
  --blue2:#14b8a6;
  --gold:#c89b3c;
  --gold-soft:#f4d58d;
  --border:#e2e8f0;
  --shadow:0 24px 70px rgba(15,76,129,.10);
}
#s-reviewbottom * {box-sizing:border-box}
#s-reviewbottom, #s-reviewbottom {margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}
#s-reviewbottom {overflow-x:hidden}
#s-reviewbottom:before {content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 15% 10%,rgba(20,184,166,.16),transparent 25%),
radial-gradient(circle at 85% 18%,rgba(200,155,60,.16),transparent 26%),
radial-gradient(circle at 50% 90%,rgba(15,118,110,.10),transparent 32%)}
#s-reviewbottom .wrap {max-width:1320px;margin:0 auto;padding:32px 18px 56px;position:relative}
#s-reviewbottom .hero {background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border:1px solid var(--border);border-radius:32px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}
#s-reviewbottom .hero:after {content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.20),transparent 62%)}
#s-reviewbottom .kicker {display:inline-flex;align-items:center;gap:10px;background:#eff6ff;border:1px solid #dbeafe;color:var(--blue);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em}
#s-reviewbottom .kicker b {color:var(--gold)}
#s-reviewbottom h1 {margin:16px 0 10px;font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.03em}
#s-reviewbottom .sub {margin:0;color:var(--muted);font-size:16px;line-height:1.7;max-width:860px}
#s-reviewbottom .stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
#s-reviewbottom .stat {background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:22px;padding:16px 18px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
#s-reviewbottom .stat .n {display:block;font-size:28px;font-weight:900;color:var(--blue)}
#s-reviewbottom .stat .t {font-size:13px;color:var(--muted);margin-top:4px}
#s-reviewbottom .section-title {display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 14px}
#s-reviewbottom .section-title h2 {margin:0;font-size:24px;letter-spacing:-.02em}
#s-reviewbottom .section-title span {color:var(--muted);font-size:14px}
#s-reviewbottom .scroller {position:relative;border-radius:30px;overflow:hidden;border:1px solid #cfe5ff;background:linear-gradient(135deg,#fbfffd 0%,#ecfff8 45%,#fff7e3 100%);box-shadow:0 30px 80px rgba(11,61,145,.15)}
#s-reviewbottom .scroller:before, #s-reviewbottom .scroller:after {content:"";position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none}
#s-reviewbottom .scroller:before {left:0;background:linear-gradient(90deg,#fff,transparent)}
#s-reviewbottom .scroller:after {right:0;background:linear-gradient(270deg,#fff,transparent)}
#s-reviewbottom .track {display:flex;gap:18px;width:max-content;padding:18px;animation:scroll-s-reviewbottom 58s linear infinite}
#s-reviewbottom .scroller:hover .track {animation-play-state:paused}
@keyframes scroll-s-reviewbottom {from{transform:translateX(0)}to{transform:translateX(-50%)}}
#s-reviewbottom .card {width:360px;flex:0 0 360px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #d8e7ff;border-radius:26px;padding:22px;box-shadow:0 16px 40px rgba(11,61,145,.08);transition:.3s ease}
#s-reviewbottom .card {position:relative;overflow:hidden}
#s-reviewbottom .card::before {
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,#0f766e 0%,#14b8a6 45%,#c89b3c 100%);
opacity:0;
transition:.45s ease;
z-index:0;
}
#s-reviewbottom .card>* {position:relative;z-index:1}
#s-reviewbottom .card:hover::before {opacity:1}
#s-reviewbottom .card:hover {
transform:translateY(-12px) scale(1.03);
box-shadow:0 30px 80px rgba(15,118,110,.35);
border-color:#c89b3c;
}
#s-reviewbottom .card:hover .name, #s-reviewbottom .card:hover .review, #s-reviewbottom .card:hover .meta, #s-reviewbottom .card:hover .time, #s-reviewbottom .card:hover .t {
color:#ffffff!important;
}
#s-reviewbottom .card:hover .stars {
color:#ffe082!important;
text-shadow:0 0 18px rgba(255,224,130,.8);
}
#s-reviewbottom .card:hover .avatar {
background:linear-gradient(135deg,#ffffff,#f8f8f8);
color:#0f766e;
font-weight:900;
}
#s-reviewbottom .top {display:flex;align-items:center;gap:14px;margin-bottom:12px}
#s-reviewbottom .avatar {width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 12px 28px rgba(37,99,235,.24)}
#s-reviewbottom .name {font-size:18px;font-weight:800;margin-bottom:2px}
#s-reviewbottom .meta {font-size:13px;color:var(--muted)}
#s-reviewbottom .stars {display:flex;align-items:center;gap:10px;font-size:18px;color:var(--gold);margin:10px 0 12px;text-shadow:0 0 16px rgba(212,175,55,.22)}
#s-reviewbottom .time {font-size:12px;color:var(--muted)}
#s-reviewbottom .review {font-size:15px;line-height:1.85;color:#1e293b}
#s-reviewbottom .footer {margin-top:26px;text-align:center;color:var(--muted);font-size:13px}
#s-reviewbottom .ribbon {margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
#s-reviewbottom .tag {display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);color:#334155;font-size:13px;font-weight:700}
#s-reviewbottom .tag b {color:var(--gold)}
@media (max-width: 900px) {#s-reviewbottom .stats {grid-template-columns:repeat(2,minmax(0,1fr))}#s-reviewbottom .card {width:300px;flex-basis:300px}#s-reviewbottom .wrap {padding:18px 12px 40px}#s-reviewbottom .hero {padding:22px}#s-reviewbottom .section-title {flex-direction:column;align-items:flex-start}}
@media (max-width: 640px) {#s-reviewbottom .stats {grid-template-columns:1fr}#s-reviewbottom .card {width:280px;flex-basis:280px}#s-reviewbottom .scroller:before, #s-reviewbottom .scroller:after {width:48px}}


/* ===== s-legal (legal) ===== */

#s-legal * {box-sizing:border-box}#s-legal {margin:0;font-family:Inter,Arial;background:#06111b;color:#eef7ff}
#s-legal:before {content:'';position:fixed;inset:0;background:
radial-gradient(circle at 10% 20%,#1e88ff55,transparent 30%),
radial-gradient(circle at 90% 0%,#00ffd555,transparent 30%),
linear-gradient(135deg,#05101c,#0a2240,#05101c);z-index:-2;animation:bg-s-legal 12s infinite alternate}
@keyframes bg-s-legal {to{transform:scale(1.05)}}
#s-legal .wrap {max-width:1200px;margin:auto;padding:40px 20px}
#s-legal .hero {background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);border-radius:32px;padding:60px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
#s-legal h1 {font-size:58px;margin:0;background:linear-gradient(90deg,#fff,#65d7ff,#ffd54f);-webkit-background-clip:text;color:transparent}
#s-legal .tag {display:inline-block;background:#00b8ff;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700}
#s-legal .grid {display:grid;grid-template-columns:320px 1fr;gap:28px;margin-top:30px}
#s-legal .side, #s-legal .main {background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px;backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
#s-legal .side ul {padding-left:18px;line-height:2}
#s-legal .main p {line-height:2.05;font-size:16px;padding:18px 22px;border-left:4px solid #35c8ff;background:rgba(255,255,255,.03);border-radius:12px;margin:0 0 18px;transition:.3s}
#s-legal .main p:hover {transform:translateX(8px);background:rgba(53,200,255,.08)}
#s-legal strong {color:#ffd54f}
@media(max-width:900px) {#s-legal .grid {grid-template-columns:1fr}#s-legal h1 {font-size:40px}}


/* ===== s-footer (footer) ===== */

#s-footer * {margin:0;padding:0;box-sizing:border-box}
#s-footer {font-family:"Plus Jakarta Sans",sans-serif;background:#fff}
#s-footer .footer {
position:relative;
background:#fff;
padding:90px 0 30px;
overflow:hidden;
}
#s-footer .footer:before {
content:"";
position:absolute;
top:0;left:0;right:0;
height:6px;
background:linear-gradient(90deg,#2563EB,#14B8A6,#7C3AED,#2563EB);
background-size:300% 100%;
animation:move-s-footer 8s linear infinite;
}
@keyframes move-s-footer {to{background-position:300% 0}}
#s-footer .container {max-width:1400px;margin:auto;padding:0 24px}
#s-footer .cta {
margin:-30px auto 70px;
background:linear-gradient(135deg,#2563EB,#14B8A6,#7C3AED);
border-radius:30px;
padding:38px 45px;
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
box-shadow:0 25px 70px rgba(37,99,235,.22);
gap:20px;flex-wrap:wrap;
}
#s-footer .cta h2 {font-size:34px}
#s-footer .cta a {
background:#fff;color:#2563EB;text-decoration:none;
padding:16px 28px;border-radius:14px;font-weight:800}
#s-footer .grid {
display:grid;
grid-template-columns:2fr 1fr 1.3fr 1fr;
gap:40px;
}
#s-footer .brand {
padding:34px;
border-radius:26px;
background:linear-gradient(180deg,#f8fbff,#ffffff);
border:1px solid #e5edf5;
box-shadow:0 15px 40px rgba(0,0,0,.05)
}
#s-footer .brand h2 {
font-size:32px;
font-weight:900;
letter-spacing:.5px;
background:linear-gradient(90deg,#2563EB,#14B8A6);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
color:#0f172a;
display:inline-block;
text-shadow:0 8px 24px rgba(37,99,235,.18)
}
#s-footer .tag {margin:10px 0 18px;color:#2563EB;font-weight:700}
#s-footer .brand p, #s-footer .col li, #s-footer .info {color:#64748b;line-height:1.8}
#s-footer .stats {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#s-footer .pill {padding:10px 16px;border-radius:999px;background:#eef6ff;color:#2563EB;font-weight:700;border:1px solid #dbeafe}
#s-footer .col h3 {
font-size:20px;
margin-bottom:18px;
color:#0f172a;
position:relative;
padding-bottom:12px}
#s-footer .col h3:after {
content:"";
position:absolute;left:0;bottom:0;width:55px;height:3px;
background:linear-gradient(90deg,#2563EB,#14B8A6);
border-radius:5px}
#s-footer ul {list-style:none}
#s-footer li {margin:12px 0}
#s-footer a {text-decoration:none;color:#64748b;transition:.3s}
#s-footer a:hover {color:#2563EB;padding-left:6px}
#s-footer .social {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin-top:14px}
#s-footer .social a {
padding:12px;
border-radius:14px;
text-align:center;
background:#fff;
border:1px solid #dbeafe;
font-weight:700}
#s-footer .social a:hover {
background:linear-gradient(135deg,#2563EB,#14B8A6);
color:#fff;border-color:transparent}
#s-footer .bottom {
margin-top:50px;
padding-top:24px;
border-top:1px solid #e5edf5;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
color:#64748b;
font-size:14px}
@media(max-width:1024px) {
#s-footer .grid {grid-template-columns:1fr 1fr}
#s-footer .brand {grid-column:1/-1}
#s-footer .cta {justify-content:center;text-align:center}
}
@media(max-width:640px) {
#s-footer .grid {grid-template-columns:1fr}
#s-footer .cta h2 {font-size:26px}
#s-footer .cta {padding:30px 26px}
#s-footer .bottom {flex-direction:column;gap:8px;text-align:center;justify-content:center}
}


/* ===== FLOATING ACTION BUTTONS ===== */
.fab-call-wrap,
.fab-wa-wrap{
  position:fixed;
  bottom:22px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:10px;
  font-family:'Inter',Arial,sans-serif;
}
.fab-call-wrap{
  left:22px;
}
.fab-wa-wrap{
  right:22px;
  flex-direction:row-reverse;
}
.fab-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:60px;height:60px;
  border-radius:50%;
  text-decoration:none;
  color:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.28);
  transition:transform .25s ease, box-shadow .25s ease;
}
.fab-btn:hover{transform:translateY(-4px) scale(1.06)}
.fab-call{
  background:linear-gradient(135deg,#4F46E5,#8B5CF6);
}
.fab-whatsapp{
  background:linear-gradient(135deg,#22C55E,#16A34A);
}
.fab-btn svg{width:27px;height:27px;fill:#fff;position:relative;z-index:2}
.fab-ring{
  position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(255,255,255,.55);
  animation:fabPulse 2.2s infinite;
}
@keyframes fabPulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}
  70%{box-shadow:0 0 0 16px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}
.fab-call .fab-ring{animation-name:fabPulseCall}
@keyframes fabPulseCall{
  0%{box-shadow:0 0 0 0 rgba(79,70,229,.45)}
  70%{box-shadow:0 0 0 16px rgba(79,70,229,0)}
  100%{box-shadow:0 0 0 0 rgba(79,70,229,0)}
}

/* Call Us label bubble (left side) */
.call-bubble{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0F172A;
  padding:12px 16px;
  border-radius:16px 16px 16px 4px;
  box-shadow:0 14px 34px rgba(15,23,42,.18);
  font-size:13.5px;
  font-weight:700;
  max-width:200px;
  border:1px solid #E9E9F3;
  animation:wafloat 2.6s ease-in-out infinite;
  white-space:nowrap;
}

/* WhatsApp "how may I help you" chat bubble (right side) */
.wa-bubble{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0F172A;
  padding:12px 16px;
  border-radius:16px 16px 4px 16px;
  box-shadow:0 14px 34px rgba(15,23,42,.18);
  font-size:13.5px;
  font-weight:700;
  max-width:220px;
  border:1px solid #E9E9F3;
  animation:wafloat 2.6s ease-in-out infinite;
  animation-delay:.3s;
  white-space:nowrap;
}
@keyframes wafloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.wa-bubble .dot,
.call-bubble .dot{
  width:9px;height:9px;border-radius:50%;
  flex:none;
}
.wa-bubble .dot{
  background:#22C55E;
  box-shadow:0 0 0 3px rgba(34,197,94,.25);
}
.call-bubble .dot{
  background:#4F46E5;
  box-shadow:0 0 0 3px rgba(79,70,229,.25);
}

/* ===== Responsive: tablet ===== */
@media(max-width:900px){
  .fab-call-wrap{left:18px}
  .fab-wa-wrap{right:18px}
}

/* ===== Responsive: mobile ===== */
@media(max-width:640px){
  .fab-call-wrap,.fab-wa-wrap{bottom:14px;gap:8px}
  .fab-call-wrap{left:14px}
  .fab-wa-wrap{right:14px}
  .fab-btn{width:52px;height:52px}
  .fab-btn svg{width:22px;height:22px}
  .wa-bubble,.call-bubble{display:none}
}

@media(max-width:380px){
  .fab-btn{width:46px;height:46px}
  .fab-btn svg{width:20px;height:20px}
}