:root {
      --bs-primary: #00929e;
      --bs-primary-rgb: 0,146,158;
      --bs-secondary: #ee522a;
      --bs-secondary-rgb: 238,82,42;
    }

    .btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
    .btn-primary:hover { background-color: #007a86; border-color: #007a86; }
    .btn-outline-secondary { color: var(--bs-secondary); border-color: var(--bs-secondary); }
    .btn-outline-secondary:hover { background-color: var(--bs-secondary); color: #fff; }

    a { color: var(--bs-primary); }
    a:hover { color: #007a86; }

    /* --- Mega menu tweaks --- */
    .dropdown-mega { position: static; }
    .dropdown-mega .dropdown-menu { width: 100%; left: 0; right: 0; top: 100%; border: none; border-radius: 0; padding: 1.5rem; box-shadow: 0 6px 30px rgba(20,30,50,.08); }
    .mega-col { min-width: 220px; }
    .mega-title { font-weight: 700; font-size: .95rem; color: var(--bs-primary); }

    /* Hero */
    .hero { background: linear-gradient(90deg,#00929e0d,#fff); padding: 3.5rem 0; }
    .feature-card { border: 1px solid rgba(0,146,158,0.06); border-radius: .8rem; transition: transform .15s ease, box-shadow .15s ease; }
    .feature-card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,146,158,0.12); }

    .kpi { font-weight:700; font-size:1.1rem; color: var(--bs-secondary); }

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
      color: var(--bs-primary);
    }

    @media (max-width: 991px){
      .dropdown-mega .dropdown-menu{ position: static; box-shadow:none; }
    }

:root{
    --primary: #00929e;
    --primary-rgb: 0,146,158;
    --secondary: #ee522a;
    --muted: #6c757d;
    --card-radius: 14px;
}

body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
a { color: var(--primary); }

/* Navbar tweaks */
.navbar-brand svg{ border-radius:6px }

/* Hero */
.hero { padding:6rem 0; background: linear-gradient(90deg, rgba(var(--primary-rgb),0.06), #fff);}
.hero .badge-pill { background: linear-gradient(90deg,var(--secondary), rgba(238,82,42,0.85)); color:#fff; }

/* Feature cards */
.feature-card{ border-radius: var(--card-radius); box-shadow: 0 8px 30px rgba(3,10,18,0.06); transition: transform .18s ease, box-shadow .18s ease; }
.feature-card:hover{ transform: translateY(-8px); box-shadow: 0 18px 50px rgba(3,10,18,0.08); }

/* Map mock */
.map-mock{ background: linear-gradient(180deg,#eaf7f7, #f8ffff); border-radius:12px; border:1px solid rgba(0,0,0,0.04); min-height:260px; display:flex; align-items:center; justify-content:center; }

/* CTA */
.cta-strong{ background: linear-gradient(90deg,var(--primary), rgba(var(--primary-rgb),0.9)); color:#fff; border-radius:12px; padding:2rem; }

/* Testimonials */
.testimonial{ background:#fff; border-radius:12px; padding:1.5rem; box-shadow: 0 8px 30px rgba(3,10,18,0.04); }

/* Footer */
footer small { color:var(--muted); }

/* Micro animations */
.pulse{ animation: pulse 2.6s infinite; }
@keyframes pulse{ 0%{ transform: scale(1); } 50%{ transform: scale(1.02); } 100%{ transform: scale(1); } }

@media(min-width:1200px){
    .hero { padding:8rem 0; }
}

:root{ --primary:#00929e; --primary-rgb:0,146,158; --secondary:#ee522a; --muted:#6c757d; }
body{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
a{ color:var(--primary); }

/* Navbar */
.navbar-brand svg{ border-radius:6px }

/* Hero */
.hero { padding:6rem 0; background: linear-gradient(90deg, rgba(var(--primary-rgb),0.06), #fff); }
.hero h1{ color:var(--primary); }

/* Solution cards */
.solution-card{ border-radius:12px; box-shadow: 0 10px 40px rgba(3,10,18,0.06); transition: transform .18s ease; padding:1.6rem; background:#fff; }
.solution-card:hover{ transform: translateY(-8px); }

.integration-diagram{ background: linear-gradient(180deg,#f8ffff,#f1fbfb); border-radius:12px; padding:2rem; }

/* Benefits */
.benefit{ border-radius:10px; padding:1rem; background:#fff; box-shadow:0 8px 30px rgba(3,10,18,0.04); }

/* Testimonials */
.testimonial{ background:#fff; border-radius:12px; padding:1.2rem; box-shadow:0 10px 30px rgba(3,10,18,0.05); }


footer small{ color:var(--muted); }

@media(min-width:1200px){ .hero{ padding:8rem 0;} }

.text-muted{
    color: #6c757d;
}
.text-secondary{
    color:#ee522a;
}
.padding-section{
    padding: 10px;
}

.badge-pill{border-radius:50rem}
.dropdown-mega{position:static}
.dropdown-menu.mega{width:min(90vw, 980px); margin-top:.5rem; border-radius:1rem}
.dropdown-menu.mega .col-title{font-weight:600; margin-bottom:.5rem}

 :root{
     --primary:#00929e;
     --primary-dark:#0b6f77;
     --secondary:#ee522a;
     --dark:#132c30;
     --soft:#f7fcfc;
     --soft-2:#edf8f9;
     --text:#596e73;
     --border:rgba(18,35,39,.06);
     --shadow:0 18px 60px rgba(16,24,40,.08);
     --radius:24px;
 }
html{ scroll-behavior:smooth; }
body{ font-family:'Inter',sans-serif; color:var(--dark); background:#fff; }
.topbar{ background:#0f1719; color:#fff; font-size:.92rem; }
.topbar a{ color:#fff; text-decoration:none; }
.navbar{ backdrop-filter: blur(14px); }
.navbar-brand{ font-weight:800; letter-spacing:-.04em; color:var(--dark)!important; }
.brand-mark{ width:42px; height:42px; border-radius:14px; background:linear-gradient(135deg,var(--primary), var(--secondary)); display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:800; margin-right:.75rem; box-shadow:0 8px 30px rgba(0,146,158,.22); }
.nav-link{ font-weight:600; color:#3b5055!important; }
.nav-link:hover, .nav-link.active{ color:var(--primary)!important; }
.btn-primary-custom{ background:linear-gradient(135deg,var(--primary), #0b7f88); border:none; color:#fff; box-shadow:0 16px 35px rgba(0,146,158,.25); }
.btn-primary-custom:hover{ color:#fff; transform:translateY(-1px); }
.btn-outline-custom{ border:1px solid rgba(0,146,158,.18); color:var(--primary); background:#fff; }
.hero{ position:relative; overflow:hidden; padding:6.5rem 0 5rem; background:radial-gradient(circle at top right, rgba(238,82,42,.1), transparent 22%), radial-gradient(circle at left center, rgba(0,146,158,.12), transparent 24%), linear-gradient(180deg,#fcffff 0%, #f7fcfc 100%); }
.hero:before{ content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(0,146,158,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,146,158,.03) 1px, transparent 1px); background-size:44px 44px; }
.eyebrow{ display:inline-flex; align-items:center; gap:.55rem; background:#fff; color:var(--primary); border:1px solid rgba(0,146,158,.12); box-shadow:0 8px 25px rgba(16,24,40,.05); padding:.6rem 1rem; border-radius:999px; font-weight:700; }
/*.hero h1{ font-size:clamp(2.4rem,5vw,4.5rem); line-height:1.02; letter-spacing:-.05em; }*/
.gradient{ background:linear-gradient(90deg, var(--primary), #0f8b95 55%, var(--secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero p.lead{ color:var(--text); max-width:680px; font-size:1.08rem; }
.hero-actions .btn{ padding:.95rem 1.35rem; border-radius:14px; font-weight:700; }
.hero-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:1.8rem; }
.hero-kpi{ background:#fff; border:1px solid var(--border); box-shadow:var(--shadow); border-radius:18px; padding:1rem; }
.hero-kpi strong{ display:block; color:var(--primary); font-size:1.35rem; }
.visual-card{ background:#fff; border:1px solid rgba(255,255,255,.85); box-shadow:0 26px 80px rgba(16,24,40,.12); border-radius:28px; padding:1rem; position:relative; }
.floating-bubble{ position:absolute; right:-24px; bottom:24px; background:#fff; border:1px solid var(--border); box-shadow:0 18px 50px rgba(16,24,40,.12); border-radius:18px; padding:1rem; max-width:230px; }
.mini-badge{ display:inline-flex; align-items:center; gap:.4rem; background:rgba(238,82,42,.12); color:var(--secondary); font-size:.84rem; font-weight:700; padding:.35rem .7rem; border-radius:999px; }
.section{ padding:5.75rem 0; }
.section.soft{ background:linear-gradient(180deg, var(--soft) 0%, #fff 100%); }
.section-title{ max-width:800px; margin:0 auto 3rem; text-align:center; }
.section-title h2{ font-size:32px; font-weight:800; color:var(--primary); letter-spacing:-.03em; }
.section-title p{ color:var(--text); font-size:1.05rem; }
.card-premium, .feature-card, .app-card, .faq-card, .industry-card, .gallery-card, .capture-card{ background:#fff; border:1px solid var(--border); box-shadow:var(--shadow); border-radius:var(--radius); }
.card-premium{ padding:1.5rem; height:100%; }
.iconbox{ width:62px; height:62px; border-radius:18px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(0,146,158,.14), rgba(0,146,158,.06)); color:var(--primary); font-size:1.6rem; margin-bottom:1rem; }
.iconbox.secondary{ background:linear-gradient(135deg, rgba(238,82,42,.14), rgba(238,82,42,.06)); color:var(--secondary); }
.card-premium h4, .feature-card h3, .app-card h4, .gallery-card h4{ font-weight:800; letter-spacing:-.02em; }
.card-premium p, .feature-copy p, .app-card p, .faq-card p, .industry-card p{ color:var(--text); }
.checklist{ list-style:none; padding:0; margin:0; }
.checklist li{ margin:.52rem 0; color:#4f6368; }
.checklist i{ color:var(--secondary); margin-right:.5rem; }
.map-card{ padding:1rem; }
.feature-split{ display:grid; grid-template-columns:1.05fr .95fr; gap:2rem; align-items:center; }
.feature-card{ padding:2rem; }
.feature-eyebrow{ display:inline-flex; align-items:center; gap:.5rem; background:rgba(0,146,158,.08); color:var(--primary); padding:.45rem .85rem; border-radius:999px; font-weight:700; }
.capture-card{ padding:1rem; min-height:340px; display:flex; align-items:center; justify-content:center; }
.capture-placeholder{ width:100%; min-height:300px; border:2px dashed rgba(0,146,158,.22); border-radius:20px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:1.4rem; text-align:center; color:#6a8085; background:linear-gradient(180deg, rgba(0,146,158,.04), rgba(255,255,255,.96)); }
.capture-placeholder i{ font-size:2.1rem; color:var(--primary); margin-bottom:1rem; }
.app-card{ padding:1.5rem; height:100%; }
.app-shot{ height:230px; border-radius:18px; overflow:hidden; border:1px solid rgba(0,0,0,.05); margin-bottom:1rem; background:#f6fbfb; display:flex; align-items:center; justify-content:center; }
.app-shot img{ width:100%; height:100%; object-fit:cover; }
.gallery-card{ padding:1rem; height:100%; }
.gallery-image{ border-radius:18px; overflow:hidden; border:1px solid rgba(0,0,0,.06); margin-bottom:1rem; }
.gallery-image img{ width:100%; height:250px; object-fit:cover; display:block; }
.gallery-image.tall img{ height:360px; object-fit:cover; }
.gallery-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:1.5rem; }
.subgrid{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.metrics-strip{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.metric-box{ background:#fff; border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); padding:1.1rem; }
.metric-box strong{ display:block; font-size:1.5rem; color:var(--primary); }
.industry-card, .faq-card{ padding:1.4rem; height:100%; }
footer{ border-top:1px solid rgba(19,44,48,.08); }
.small-muted{ color:#7b8d91; }
@media(max-width:1199px){ .hero-kpis{ grid-template-columns:repeat(2,1fr); } .metrics-strip{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:991px){ .feature-split,.gallery-grid,.subgrid{ grid-template-columns:1fr; } .hero{ padding:5rem 0 3.2rem;} .floating-bubble{ position:static; margin-top:1rem; max-width:none;} }
@media(max-width:767px){ .hero-kpis,.metrics-strip{ grid-template-columns:1fr; } .section{ padding:4.25rem 0; } }


:root{--primary:#00929e;--primary-dark:#087681;--secondary:#ee522a;--dark:#102a2d;--text:#5d7075;--soft:#f7fcfc;--border:rgba(16,42,45,.07);--shadow:0 18px 60px rgba(16,24,40,.08);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--dark);background:#fff}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}
.topbar{background:#0f1719;color:#fff;font-size:.92rem}.topbar a{color:#fff}.navbar{backdrop-filter:blur(14px)}.navbar-brand{font-weight:900;letter-spacing:-.04em;color:var(--dark)!important}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;margin-right:.75rem;box-shadow:0 8px 30px rgba(0,146,158,.22)}.nav-link{font-weight:650;color:#3b5055!important}.nav-link:hover,.nav-link.active{color:var(--primary)!important}.dropdown-mega{position:static}.dropdown-mega .dropdown-menu{width:100%;left:0;right:0;top:100%;border:none;border-radius:0;padding:1.5rem;box-shadow:0 14px 40px rgba(20,30,50,.08)}.mega-title{font-weight:800;font-size:.95rem;color:var(--primary)}
.btn-primary{background:linear-gradient(135deg,var(--primary),#0c7b85);border:0;box-shadow:0 16px 34px rgba(0,146,158,.24)}.btn-primary:hover{background:linear-gradient(135deg,#087681,#096a73)}.btn-outline-secondary{border-color:var(--secondary);color:var(--secondary)}.btn-outline-secondary:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.btn{border-radius:14px;font-weight:750}
.hero-product{position:relative;overflow:hidden;padding:6.5rem 0 5rem;background:radial-gradient(circle at top right,rgba(238,82,42,.11),transparent 24%),radial-gradient(circle at left center,rgba(0,146,158,.12),transparent 24%),linear-gradient(180deg,#fcffff 0%,#f7fcfc 100%)}.hero-product:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,146,158,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,146,158,.028) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:var(--primary);border:1px solid rgba(0,146,158,.12);box-shadow:0 8px 25px rgba(16,24,40,.05);padding:.6rem 1rem;border-radius:999px;font-weight:800} .gradient{background:linear-gradient(90deg,var(--primary),#0f8b95 55%,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{color:var(--text);max-width:680px;font-size:1.09rem}.hero-actions .btn{padding:.95rem 1.35rem}.hero-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.8rem}.hero-kpi{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:1rem}.hero-kpi strong{display:block;color:var(--primary);font-size:1.35rem}
.visual-card{background:#fff;border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 80px rgba(16,24,40,.12);border-radius:30px;padding:1rem;position:relative}.floating-note{position:absolute;right:-20px;bottom:24px;background:#fff;border:1px solid var(--border);box-shadow:0 18px 50px rgba(16,24,40,.12);border-radius:18px;padding:1rem;max-width:245px}.mini-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(238,82,42,.12);color:var(--secondary);font-size:.84rem;font-weight:800;padding:.35rem .7rem;border-radius:999px}
.section{padding:5.75rem 0}.section-soft{background:linear-gradient(180deg,var(--soft) 0%,#fff 100%)}.section-title{max-width:820px;margin:0 auto 3rem;text-align:center}.section-title p{color:var(--text);font-size:1.05rem}
.card-premium,.feature-shell,.capture-card,.app-card,.faq-card,.map-card,.stack-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}.card-premium{padding:1.55rem;height:100%}.iconbox{width:62px;height:62px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,146,158,.14),rgba(0,146,158,.06));color:var(--primary);font-size:1.55rem;margin-bottom:1rem}.iconbox.secondary{background:linear-gradient(135deg,rgba(238,82,42,.14),rgba(238,82,42,.06));color:var(--secondary)}.card-premium h4,.feature-shell h3,.app-card h4,.stack-card h4{font-weight:900;letter-spacing:-.03em}.card-premium p,.feature-shell p,.app-card p,.faq-card p{color:var(--text)}
.checklist{list-style:none;padding:0;margin:0}.checklist li{margin:.55rem 0;color:#4f6368}.checklist i{color:var(--secondary);margin-right:.5rem}.map-card{padding:1rem}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.feature-shell{padding:2rem;height:100%}.feature-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,146,158,.08);color:var(--primary);padding:.45rem .85rem;border-radius:999px;font-weight:800}.capture-card{padding:1rem;min-height:340px;display:flex;align-items:center;justify-content:center}.capture-placeholder{width:100%;min-height:300px;border:2px dashed rgba(0,146,158,.22);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1.4rem;text-align:center;color:#6a8085;background:linear-gradient(180deg,rgba(0,146,158,.04),rgba(255,255,255,.96))}.capture-placeholder i{font-size:2.1rem;color:var(--primary);margin-bottom:1rem}
.dark-section{background:#102a2d;color:#fff}.dark-section .feature-shell,.dark-section .map-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09);box-shadow:none}.dark-section .feature-shell p,.dark-section .checklist li{color:rgba(255,255,255,.78)}
.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stack-card{padding:1.25rem;height:100%}.stack-card strong{display:block;color:var(--primary);font-size:1.2rem;margin-bottom:.35rem}.app-card{padding:1.45rem;height:100%}.app-mock{height:245px;border-radius:20px;background:linear-gradient(180deg,#f0fbfc,#fff);border:1px solid var(--border);margin-bottom:1rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.phone-head{height:18px;width:70px;border-radius:999px;background:#dceff1;margin:0 auto}.app-tile{height:42px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;padding:0 .75rem;color:#5d7075}.app-tile.active{background:var(--primary);color:#fff}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-box{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:1.15rem}.metric-box strong{display:block;color:var(--primary);font-size:1.5rem}  .faq-card{padding:1.4rem;height:100%}footer{border-top:1px solid rgba(19,44,48,.08)}
@media(max-width:1199px){.hero-kpis,.metric-strip{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.feature-grid{grid-template-columns:1fr}.floating-note{position:static;margin-top:1rem;max-width:none}.hero-product{padding:5rem 0 3rem}.dropdown-mega .dropdown-menu{position:static;box-shadow:none}}@media(max-width:767px){.hero-kpis,.metric-strip,.stack-grid{grid-template-columns:1fr}.section{padding:4.25rem 0}}

:root {
    --bs-primary: #00929e;
    --bs-primary-rgb: 0,146,158;
    --bs-secondary: #ee522a;
    --bs-secondary-rgb: 238,82,42;
}

.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-primary:hover { background-color: #007a86; border-color: #007a86; }
.btn-outline-secondary { color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-outline-secondary:hover { background-color: var(--bs-secondary); color: #fff; }

a { color: var(--bs-primary); }
a:hover { color: #007a86; }

/* --- Mega menu tweaks --- */
.dropdown-mega { position: static; }
.dropdown-mega .dropdown-menu { width: 100%; left: 0; right: 0; top: 100%; border: none; border-radius: 0; padding: 1.5rem; box-shadow: 0 6px 30px rgba(20,30,50,.08); }
.mega-col { min-width: 220px; }
.mega-title { font-weight: 700; font-size: .95rem; color: var(--bs-primary); }

/* Hero */
.hero { background: linear-gradient(90deg,#00929e0d,#fff); padding: 3.5rem 0; }
.feature-card { border: 1px solid rgba(0,146,158,0.06); border-radius: .8rem; transition: transform .15s ease, box-shadow .15s ease; }
.feature-card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(0,146,158,0.12); }

.kpi { font-weight:700; font-size:1.1rem; color: var(--bs-secondary); }

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: var(--bs-primary);
}

@media (max-width: 991px){
    .dropdown-mega .dropdown-menu{ position: static; box-shadow:none; }
}

:root{
    --primary: #00929e;
    --primary-rgb: 0,146,158;
    --secondary: #ee522a;
    --muted: #6c757d;
    --card-radius: 14px;
}

body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
a { color: var(--primary); }

/* Navbar tweaks */
.navbar-brand svg{ border-radius:6px }

/* Hero */
.hero { padding:6rem 0; background: linear-gradient(90deg, rgba(var(--primary-rgb),0.06), #fff);}
.hero .badge-pill { background: linear-gradient(90deg,var(--secondary), rgba(238,82,42,0.85)); color:#fff; }

/* Feature cards */
.feature-card{ border-radius: var(--card-radius); box-shadow: 0 8px 30px rgba(3,10,18,0.06); transition: transform .18s ease, box-shadow .18s ease; }
.feature-card:hover{ transform: translateY(-8px); box-shadow: 0 18px 50px rgba(3,10,18,0.08); }

/* Map mock */
.map-mock{ background: linear-gradient(180deg,#eaf7f7, #f8ffff); border-radius:12px; border:1px solid rgba(0,0,0,0.04); min-height:260px; display:flex; align-items:center; justify-content:center; }

/* CTA */

/* Testimonials */
.testimonial{ background:#fff; border-radius:12px; padding:1.5rem; box-shadow: 0 8px 30px rgba(3,10,18,0.04); }

/* Footer */
footer small { color:var(--muted); }

/* Micro animations */
.pulse{ animation: pulse 2.6s infinite; }
@keyframes pulse{ 0%{ transform: scale(1); } 50%{ transform: scale(1.02); } 100%{ transform: scale(1); } }

@media(min-width:1200px){
    .hero { padding:8rem 0; }
}

:root{ --primary:#00929e; --primary-rgb:0,146,158; --secondary:#ee522a; --muted:#6c757d; }
body{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
a{ color:var(--primary); }

/* Navbar */
.navbar-brand svg{ border-radius:6px }

/* Hero */
.hero { padding:6rem 0; background: linear-gradient(90deg, rgba(var(--primary-rgb),0.06), #fff); }
.hero h1{ color:var(--primary); }

/* Solution cards */
.solution-card{ border-radius:12px; box-shadow: 0 10px 40px rgba(3,10,18,0.06); transition: transform .18s ease; padding:1.6rem; background:#fff; }
.solution-card:hover{ transform: translateY(-8px); }

.integration-diagram{ background: linear-gradient(180deg,#f8ffff,#f1fbfb); border-radius:12px; padding:2rem; }

/* Benefits */
.benefit{ border-radius:10px; padding:1rem; background:#fff; box-shadow:0 8px 30px rgba(3,10,18,0.04); }

/* Testimonials */
.testimonial{ background:#fff; border-radius:12px; padding:1.2rem; box-shadow:0 10px 30px rgba(3,10,18,0.05); }


footer small{ color:var(--muted); }

@media(min-width:1200px){ .hero{ padding:8rem 0;} }

.text-muted{
    color: #6c757d;
}
.text-secondary{
    color:#ee522a;
}
.padding-section{
    padding: 10px;
}

.badge-pill{border-radius:50rem}
.dropdown-mega{position:static}
.dropdown-menu.mega{width:min(90vw, 980px); margin-top:.5rem; border-radius:1rem}
.dropdown-menu.mega .col-title{font-weight:600; margin-bottom:.5rem}

:root{ --dark:#102a2d; --soft:#f7fcfc; --soft-2:#eef9fa; }
body{ color:#213438; background:#fff; }
.premium-hero{
    position:relative; overflow:hidden; padding:6.5rem 0 5rem;
    background:
            radial-gradient(circle at top right, rgba(238,82,42,.10), transparent 25%),
            radial-gradient(circle at 0% 35%, rgba(0,146,158,.12), transparent 26%),
            linear-gradient(180deg, #fcffff 0%, #f8fcfc 100%);
}
.premium-hero:before{
    content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(0,146,158,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(0,146,158,.025) 1px, transparent 1px); background-size:42px 42px; pointer-events:none;
}
.chip{ display:inline-flex; align-items:center; gap:.6rem; padding:.6rem 1rem; border-radius:999px; background:#fff; border:1px solid rgba(0,146,158,.12); color:var(--primary); font-weight:700; box-shadow:0 6px 20px rgba(16,24,40,.04); }

.gradient-text{ background:linear-gradient(90deg, var(--primary), #0f8a94 55%, var(--secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-lead{ font-size:1.1rem; color:#55686d; max-width:670px; }
.hero-actions .btn{ padding:.95rem 1.35rem; border-radius:14px; font-weight:700; }
.stat-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.8rem; }
.stat-box{ background:#fff; border:1px solid rgba(0,0,0,.04); border-radius:18px; padding:1.1rem 1.1rem; box-shadow:0 14px 40px rgba(16,24,40,.06); }
.stat-box strong{ display:block; color:var(--primary); font-size:1.4rem; }
.hero-visual-card{ background:#fff; border-radius:28px; padding:1rem; box-shadow:0 30px 80px rgba(16,24,40,.12); border:1px solid rgba(255,255,255,.8); position:relative; }
.floating-note{ position:absolute; right:-18px; bottom:22px; background:#fff; border-radius:16px; padding:.95rem 1rem; box-shadow:0 18px 50px rgba(16,24,40,.12); border:1px solid rgba(0,0,0,.04); max-width:220px; }
.pill-badge{ display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .7rem; border-radius:999px; background:rgba(238,82,42,.12); color:var(--secondary); font-size:.85rem; font-weight:700; }
.section-wrap{ padding:5.7rem 0; }
.section-title{ max-width:780px; margin:0 auto 3rem; text-align:center; }

.section-title p{ color:#66797f; font-size:1.05rem; }
.glass-card, .feature-shell, .story-card, .industry-shell, .faq-shell, .capture-shell{ background:#fff; border-radius:24px; border:1px solid rgba(0,0,0,.05); box-shadow:0 18px 60px rgba(16,24,40,.07); }
.glass-card{ padding:1.6rem; height:100%; }
.icon-box{ width:64px; height:64px; border-radius:18px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(0,146,158,.14), rgba(0,146,158,.06)); color:var(--primary); font-size:1.6rem; margin-bottom:1rem; }
.glass-card h4{ color:var(--dark); font-weight:700; }
.glass-card p{ color:#607277; }
.mini-list li{ margin-bottom:.55rem; color:#506267; }
.mini-list i{ color:var(--secondary); margin-right:.55rem; }
.feature-shell{ padding:2rem; height:100%; }
.feature-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:2rem; align-items:center; }
.feature-eyebrow{ display:inline-flex; gap:.5rem; align-items:center; color:var(--primary); font-weight:700; background:rgba(0,146,158,.08); padding:.45rem .85rem; border-radius:999px; }
.feature-shell h3{ margin-top:1rem; font-weight:800; color:var(--dark); }
.feature-shell p{ color:#62757a; }
.capture-shell{ padding:1.2rem; min-height:340px; display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient(180deg, #ffffff, #f8fcfc); }
.capture-placeholder{ width:100%; min-height:300px; border:2px dashed rgba(0,146,158,.22); border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1.5rem; color:#698086; background:linear-gradient(180deg, rgba(0,146,158,.035), rgba(255,255,255,.95)); }
.capture-placeholder i{ font-size:2.2rem; color:var(--primary); margin-bottom:1rem; }
.orbit-card{ padding:1rem; background:linear-gradient(180deg,#ffffff 0%, #fbfefe 100%); }
.story-card{ padding:1.4rem; }
.story-step{ display:flex; gap:1rem; }
.story-step + .story-step{ margin-top:1rem; }
.step-id{ width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg, var(--primary), #0f7e87); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; flex-shrink:0; }
.subtle-bg{ background:linear-gradient(180deg, var(--soft) 0%, #fff 100%); }
.industry-shell, .faq-shell{ padding:1.5rem; height:100%; }
.industry-shell ul li{ color:#62757a; margin-bottom:.5rem; }
.metric-ribbon{ display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center; margin-top:1.2rem; }
.metric-ribbon span{ background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:999px; padding:.5rem .85rem; box-shadow:0 8px 25px rgba(16,24,40,.05); }
.faq-shell h5{ color:var(--dark); font-size:1.08rem; }
.footer-link a{ color:#607277; text-decoration:none; }
.footer-link a:hover{ color:var(--primary); }
@media(max-width:991px){ .feature-grid{ grid-template-columns:1fr; } .stat-strip{ grid-template-columns:1fr; } .premium-hero{ padding:5rem 0 3rem; } }


:root {
    --bs-primary: #00929e;
    --bs-primary-rgb: 0,146,158;
    --bs-secondary: #ee522a;
    --bs-secondary-rgb: 238,82,42;
    --sm-primary: #00929e;
    --sm-primary-dark: #007a86;
    --sm-secondary: #ee522a;
    --sm-dark: #162538;
    --sm-dark-2: #26384d;
    --sm-muted: #687487;
    --sm-soft: #f5fbfc;
    --sm-line: #dfecef;
    --sm-shadow: 0 22px 70px rgba(9, 39, 56, .12);
}

body{font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: var(--sm-dark); background:#fff;}
a { color: var(--bs-primary); }
a:hover { color: var(--sm-primary-dark); }
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); box-shadow: 0 16px 30px rgba(0,146,158,.18); }
.btn-primary:hover { background-color: #007a86; border-color: #007a86; }
.btn-outline-secondary { color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-outline-secondary:hover { background-color: var(--bs-secondary); color: #fff; }
.text-secondary{ color: var(--sm-secondary)!important; }

.dropdown-mega { position: static; }
.dropdown-mega .dropdown-menu { width: 100%; left: 0; right: 0; top: 100%; border: none; border-radius: 0; padding: 1.5rem; box-shadow: 0 6px 30px rgba(20,30,50,.08); }
.mega-col { min-width: 220px; }
.mega-title { font-weight: 700; font-size: .95rem; color: var(--bs-primary); }
.navbar-brand img { max-width: 190px; width: 190px!important; height:auto; }
@media (max-width: 991px){ .dropdown-mega .dropdown-menu{ position: static; box-shadow:none; } }

.integrations-hero{
    position: relative;
    overflow: hidden;
    padding: 5.2rem 0 5.8rem;
    background:
            radial-gradient(circle at 8% 12%, rgba(0,146,158,.13), transparent 25%),
            radial-gradient(circle at 88% 8%, rgba(238,82,42,.15), transparent 24%),
            linear-gradient(135deg, #ffffff 0%, #f3fbfc 58%, #fff7f3 100%);
}
.hero-orb{position:absolute; border-radius:999px; filter: blur(2px); opacity:.55; pointer-events:none;}
.orb-one{width:240px;height:240px;background:rgba(0,146,158,.12);left:-70px;bottom:40px;}
.orb-two{width:300px;height:300px;background:rgba(238,82,42,.12);right:-90px;top:80px;}
.integrations-breadcrumb a{ text-decoration:none; }
.integrations-badge{background:rgba(0,146,158,.12); color:var(--sm-primary-dark); font-weight:800; letter-spacing:.02em; padding:.75rem 1rem;}
.integrations-title{letter-spacing:-.045em; line-height:1.02; color:var(--sm-dark);}
.integrations-title span{color:var(--sm-primary);}
.integrations-lead{color:var(--sm-muted); max-width: 650px;}
.hero-visual-card{background:rgba(255,255,255,.76); border:1px solid rgba(0,146,158,.11); border-radius:32px; padding:18px; box-shadow:var(--sm-shadow); backdrop-filter:blur(14px);}
.integration-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:650px;}
.integration-kpis div{background:#fff; border:1px solid var(--sm-line); border-radius:18px; padding:16px; box-shadow:0 14px 40px rgba(9,39,56,.07);}
.integration-kpis strong{display:block; color:var(--sm-secondary); font-size:1.25rem; line-height:1.1;}
.integration-kpis span{display:block; color:var(--sm-muted); font-size:.88rem; font-weight:600; margin-top:4px;}

.integration-strip{background:var(--sm-dark); color:#fff;}
.integration-strip span{display:inline-flex; justify-content:center; align-items:center; width:100%; min-height:42px; padding:.5rem 1rem; border-radius:999px; background:rgba(255,255,255,.08); font-weight:700;}
.section-space{padding:5.7rem 0;}
.bg-soft{background:var(--sm-soft);}
.section-eyebrow{display:inline-flex; align-items:center; gap:.75rem; font-size:.78rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; color:var(--sm-secondary); margin-bottom:.75rem;}
.section-eyebrow:before{content:""; width:34px; height:3px; border-radius:999px; background:var(--sm-primary);}
.section-eyebrow.light{color:rgba(255,255,255,.9);}
.section-eyebrow.light:before{background:rgba(255,255,255,.75);}
.section-title-no{font-size:clamp(2rem,4vw,3.3rem); line-height:1.05; letter-spacing:-.04em; font-weight:850; color:var(--sm-dark); margin-bottom:1rem;}
.section-copy{color:var(--sm-muted); font-size:1.05rem;}

.integration-card, .mini-api-card, .workflow-card, .api-panel, .architecture-grid article{background:#fff; border:1px solid var(--sm-line); border-radius:24px; box-shadow:0 18px 55px rgba(9,39,56,.08);}
.integration-card{padding:28px; transition: transform .2s ease, box-shadow .2s ease;}
.integration-card:hover{transform: translateY(-7px); box-shadow:0 26px 70px rgba(9,39,56,.12);}
.integration-card h3{font-size:1.12rem; font-weight:800; margin-bottom:.65rem;}
.integration-card p, .mini-api-card p{color:var(--sm-muted); margin-bottom:0;}
.icon-bubble{width:54px;height:54px; border-radius:18px; display:grid; place-items:center; font-weight:900; font-size:1.5rem; margin-bottom:1.1rem;}
.icon-bubble.teal{background:rgba(0,146,158,.12); color:var(--sm-primary);}
.icon-bubble.orange{background:rgba(238,82,42,.12); color:var(--sm-secondary);}

.integration-checklist{list-style:none; padding:0; margin:1.5rem 0 0; display:grid; gap:.9rem;}
.integration-checklist li{position:relative; padding-left:2rem; color:var(--sm-dark-2); font-weight:650;}
.integration-checklist li:before{content:"✓"; position:absolute; left:0; top:.1rem; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:rgba(0,146,158,.13); color:var(--sm-primary); font-weight:900; font-size:.85rem;}

.api-panel{overflow:hidden;}
.api-panel-head{display:flex; align-items:center; gap:8px; padding:16px 18px; background:#102638; color:#fff;}
.api-panel-head span{width:11px;height:11px;border-radius:999px;background:rgba(255,255,255,.35);}
.api-panel-head strong{margin-left:8px; font-size:.9rem; opacity:.9;}
.api-grid-list{display:grid; gap:0;}
.api-grid-list > div{display:grid; grid-template-columns:84px 1fr 220px; gap:12px; align-items:center; padding:18px; border-bottom:1px solid var(--sm-line);}
.api-grid-list > div:last-child{border-bottom:none;}
.method{display:inline-flex; justify-content:center; align-items:center; min-height:30px; border-radius:999px; color:#fff; font-size:.72rem; font-weight:900;}
.method.post{background:#4d70ff;}
.api-grid-list code{font-weight:800; color:var(--sm-primary-dark);}
.api-grid-list small{color:var(--sm-muted);}
.workflow-card{padding:18px; height:100%;}
.workflow-image{width:100%; height:100%; min-height:420px; object-fit:cover; border-radius:20px;}
.mini-api-card{padding:26px; min-height:190px;}
.mini-api-card span{display:inline-flex; width:38px; height:38px; border-radius:14px; background:rgba(238,82,42,.12); color:var(--sm-secondary); align-items:center; justify-content:center; font-weight:900; margin-bottom:1rem;}
.mini-api-card h3{font-weight:850; font-size:1.2rem;}

.dark-api-section{background: radial-gradient(circle at 8% 12%, rgba(0,146,158,.25), transparent 24%), radial-gradient(circle at 86% 12%, rgba(238,82,42,.18), transparent 22%), linear-gradient(135deg,#0d2134,#0b3448 60%,#092536); color:#fff;}
.dark-list{display:grid; gap:12px; margin-top:1.6rem;}
.dark-list div{display:grid; grid-template-columns:120px 1fr; gap:12px; padding:15px 18px; border-radius:16px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);}
.dark-list strong{color:#fff;}
.dark-list span{color:rgba(255,255,255,.72);}
.elegant-shadow{box-shadow:var(--sm-shadow); border:1px solid rgba(255,255,255,.1);}
.delivery-flow-list{display:grid; gap:.85rem; margin-top:1.5rem;}
.delivery-flow-list div{display:flex; gap:1rem; align-items:flex-start; background:#fff; border:1px solid var(--sm-line); border-radius:18px; padding:16px; box-shadow:0 12px 34px rgba(9,39,56,.06); color:var(--sm-dark-2); font-weight:650;}
.delivery-flow-list span{min-width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sm-primary);color:#fff;font-weight:900;}

.architecture-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px;}
.architecture-grid article{padding:24px; min-height:170px; position:relative; overflow:hidden;}
.architecture-grid article:after{content:""; position:absolute; width:90px; height:90px; border-radius:50%; background:rgba(0,146,158,.08); right:-30px; bottom:-30px;}
.architecture-grid strong{display:block; color:var(--sm-primary-dark); font-size:1.05rem; margin-bottom:.6rem;}
.architecture-grid span{display:block; color:var(--sm-muted); font-size:.93rem;}

@media(max-width:1199px){.architecture-grid{grid-template-columns:repeat(3,1fr);} .api-grid-list > div{grid-template-columns:74px 1fr;}.api-grid-list small{grid-column:2;}}
@media(max-width:991px){.integration-kpis{grid-template-columns:1fr;} .section-space{padding:4.2rem 0;} .workflow-image{min-height:auto;} .dark-list div{grid-template-columns:1fr;}   .architecture-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.integrations-hero{padding:3.6rem 0;} .architecture-grid{grid-template-columns:1fr;} .api-grid-list > div{grid-template-columns:1fr;} .api-grid-list small{grid-column:auto;}   .integration-strip span{font-size:.9rem;} .navbar-brand img{max-width:150px;}}

:root{--primary:#00929e;--primary-dark:#087681;--secondary:#ee522a;--dark:#102a2d;--text:#5d7075;--soft:#f7fcfc;--border:rgba(16,42,45,.07);--shadow:0 18px 60px rgba(16,24,40,.08);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--dark);background:#fff}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.topbar{background:#0f1719;color:#fff;font-size:.92rem}.topbar a{color:#fff}.navbar{backdrop-filter:blur(14px)}.navbar-brand{font-weight:900;letter-spacing:-.04em;color:var(--dark)!important}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;margin-right:.75rem;box-shadow:0 8px 30px rgba(0,146,158,.22)}.nav-link{font-weight:650;color:#3b5055!important}.nav-link:hover,.nav-link.active{color:var(--primary)!important}.dropdown-mega{position:static}.dropdown-mega .dropdown-menu{width:100%;left:0;right:0;top:100%;border:none;border-radius:0;padding:1.5rem;box-shadow:0 14px 40px rgba(20,30,50,.08)}.mega-title{font-weight:800;font-size:.95rem;color:var(--primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),#0c7b85);border:0;box-shadow:0 16px 34px rgba(0,146,158,.24)}.btn-primary:hover{background:linear-gradient(135deg,#087681,#096a73)}.btn-outline-secondary{border-color:var(--secondary);color:var(--secondary)}.btn-outline-secondary:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.btn{border-radius:14px;font-weight:750}
.support-hero{position:relative;overflow:hidden;padding:6.5rem 0 5rem;background:radial-gradient(circle at top right,rgba(238,82,42,.12),transparent 24%),radial-gradient(circle at left center,rgba(0,146,158,.14),transparent 25%),linear-gradient(180deg,#fcffff 0%,#f7fcfc 100%)}.support-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,146,158,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,146,158,.028) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:var(--primary);border:1px solid rgba(0,146,158,.12);box-shadow:0 8px 25px rgba(16,24,40,.05);padding:.6rem 1rem;border-radius:999px;font-weight:800} .gradient{background:linear-gradient(90deg,var(--primary),#0f8b95 55%,var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{color:var(--text);max-width:680px;font-size:1.09rem}.hero-actions .btn{padding:.95rem 1.35rem}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}.hero-kpi{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:1rem}.hero-kpi strong{display:block;color:var(--primary);font-size:1.35rem}.visual-card{background:#fff;border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 80px rgba(16,24,40,.12);border-radius:30px;padding:1rem;position:relative}.floating-note{position:absolute;right:-20px;bottom:24px;background:#fff;border:1px solid var(--border);box-shadow:0 18px 50px rgba(16,24,40,.12);border-radius:18px;padding:1rem;max-width:250px}.mini-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(238,82,42,.12);color:var(--secondary);font-size:.84rem;font-weight:800;padding:.35rem .7rem;border-radius:999px}
.section{padding:5.75rem 0}.section-soft{background:linear-gradient(180deg,var(--soft) 0%,#fff 100%)}.section-title{max-width:820px;margin:0 auto 3rem;text-align:center} .section-title p{color:var(--text);font-size:1.05rem}.support-card,.sla-card,.faq-card,.resource-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius)} .iframe-shell{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}.support-card{padding:1.6rem;height:100%;transition:transform .2s ease,box-shadow .2s ease}.support-card:hover{transform:translateY(-7px);box-shadow:0 26px 70px rgba(16,24,40,.12)}.iconbox{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,146,158,.14),rgba(0,146,158,.06));color:var(--primary);font-size:1.65rem;margin-bottom:1rem}.iconbox.whatsapp{background:linear-gradient(135deg,rgba(37,211,102,.18),rgba(37,211,102,.06));color:#13a853}.iconbox.secondary{background:linear-gradient(135deg,rgba(238,82,42,.14),rgba(238,82,42,.06));color:var(--secondary)}.support-card h4,.sla-card h4,.resource-card h4{font-weight:900;letter-spacing:-.03em}.support-card p,.sla-card p,.resource-card p,.faq-card p{color:var(--text)}.channel-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;background:#f1fbfc;color:var(--primary);font-size:.84rem;font-weight:800}.channel-pill.orange{background:#fff2ee;color:var(--secondary)}.channel-pill.green{background:#edfff4;color:#13a853}.checklist{list-style:none;padding:0;margin:1rem 0 0}.checklist li{margin:.55rem 0;color:#4f6368}.checklist i{color:var(--secondary);margin-right:.5rem}
.process-timeline{display:grid;gap:1rem}.process-step{display:flex;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:0 12px 36px rgba(16,24,40,.06)}.step-number{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}.iframe-shell{padding:1rem}.iframe-placeholder{min-height:520px;border:2px dashed rgba(0,146,158,.22);border-radius:8px;background:linear-gradient(180deg,rgba(0,146,158,.045),rgba(255,255,255,.96));display:flex;align-items:center;justify-content:center;text-align:center;color:#6a8085;padding:0.2rem}.iframe-placeholder i{font-size:2.4rem;color:var(--primary);display:block;margin-bottom:1rem}.iframe-code{background:#0f2530;color:#dff7f8;border-radius:18px;padding:1rem;text-align:left;font-size:.86rem;overflow:auto}.sla-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sla-card{padding:1.25rem;height:100%}.sla-card strong{display:block;color:var(--primary);font-size:1.5rem}.resource-card{padding:1.45rem;height:100%}.dark-section{background:#102a2d;color:#fff}.dark-section .resource-card{background:rgba(255,255,255,0.05);border-color:#ccc; border-radius: 6px; box-shadow:none}.dark-section .resource-card p{color:rgba(255,255,255,.72)}.faq-card{padding:1.4rem;height:100%}.cta{position:relative;overflow:hidden;color:#fff;border-radius:8px;background:linear-gradient(135deg,#0b6f77 0%,var(--primary) 42%,var(--secondary) 100%);padding:3rem;box-shadow:0 26px 70px rgba(0,146,158,.22)}  footer{border-top:1px solid rgba(19,44,48,.08)}
@media(max-width:1199px){.hero-kpis,.sla-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.floating-note{position:static;margin-top:1rem;max-width:none}.support-hero{padding:5rem 0 3rem}.dropdown-mega .dropdown-menu{position:static;box-shadow:none}.iframe-placeholder{min-height:420px}}@media(max-width:767px){.hero-kpis,.sla-grid{grid-template-columns:1fr}.section{padding:4.25rem 0}.cta{padding:2rem}}