*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06101f;color:#edf5ff;font-family:Inter,Arial,sans-serif;line-height:1.6}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:15px 6%;background:rgba(4,12,24,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-family:Montserrat;font-weight:800;font-size:18px;letter-spacing:-.5px}.brand span span,.footer-brand strong span{color:#2186ff}.brand img{width:32px;height:32px}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a,.footer-links a{color:#b7c7da;text-decoration:none;font-size:13px}.nav nav a:hover,.footer-links a:hover{color:#fff}.btn{display:inline-block;padding:13px 20px;border-radius:9px;text-decoration:none;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,#1261ff,#06b6d4);box-shadow:0 8px 28px rgba(20,112,255,.2);border:0;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-small{padding:10px 15px}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.22);box-shadow:none}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;overflow:hidden;min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:85px 8%;background:radial-gradient(circle at 85% 30%,rgba(0,172,255,.14),transparent 34%),linear-gradient(145deg,#030b16,#08182c)}.hero-glow{position:absolute;width:500px;height:500px;right:-180px;top:-200px;background:#116cff;filter:blur(160px);opacity:.14}.hero-copy,.hero-card{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:#18b9e8;font-weight:800;margin:0 0 15px}.hero h1{font-family:Montserrat;font-size:clamp(42px,5.2vw,70px);line-height:1.06;letter-spacing:-2.7px;margin:0 0 24px}.hero h1 span{color:#18b9e8}.lead{color:#aebfd2;max-width:650px;font-size:17px}.actions{display:flex;gap:12px;margin:32px 0}.trust-row{display:flex;gap:28px;margin-top:45px}.trust-row div{border-left:1px solid #24415e;padding-left:15px}.trust-row strong,.trust-row small{display:block}.trust-row strong{font-size:13px}.trust-row small{color:#71849a;font-size:11px;margin-top:3px}.hero-card{background:rgba(8,20,36,.84);border:1px solid #20405f;border-radius:16px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:rotate(1deg)}.window-top{display:flex;gap:6px;align-items:center;color:#6e849c;font-size:10px;padding-bottom:15px}.window-top i{width:7px;height:7px;border-radius:50%;background:#2b4661}.window-top span{margin-left:8px}.mini-chart{height:130px;display:flex;align-items:end;gap:12px;padding:20px 25px;border-radius:10px;background:linear-gradient(180deg,#0b1d32,#071424)}.bar{width:12%;border-radius:5px 5px 0 0;background:linear-gradient(#16bfe8,#2167ff)}.b1{height:35%}.b2{height:48%}.b3{height:58%}.b4{height:78%}.b5{height:95%}.dataset{margin-top:15px;border:1px solid #1d344b;border-radius:9px;overflow:hidden;font-size:10px}.dataset div{display:grid;grid-template-columns:1.3fr 1fr .7fr;padding:10px;border-bottom:1px solid #182d42;gap:8px}.dataset div:last-child{border:0}.dataset b{color:#8fa5bb}.dataset span{color:#c8d6e5}.card-foot{display:flex;justify-content:space-between;margin-top:14px;color:#738aa1;font-size:11px}.card-foot strong{color:#24bfe9}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#f6f9fc;color:#102238;padding:35px 8%;gap:1px}.feature{padding:10px 25px;border-right:1px solid #dce5ee}.feature:last-child{border:0}.icon{color:#0879e8;font-size:25px}.feature h3{font-family:Montserrat;font-size:15px}.feature p{color:#65758a;font-size:13px}.section{padding:100px 8%;background:#fff;color:#102238}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-head h2,.dark-section h2,.cta h2,.contact h2{font-family:Montserrat;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:0}.section-head>p{max-width:430px;color:#66778c;font-size:14px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-grid div{padding:25px;border:1px solid #dbe4ec;border-radius:12px;font-weight:700;font-size:14px;background:#fbfdff;transition:.2s}.industry-grid div:hover{transform:translateY(-3px);border-color:#1a8cf0;box-shadow:0 10px 30px rgba(21,100,180,.08)}.dark-section{padding:100px 8%;background:#071426}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps>div{border-top:1px solid #23415d;padding-top:22px}.steps span{color:#17b8e7;font-family:Montserrat;font-weight:800}.steps h3{font-family:Montserrat;font-size:18px}.steps p{color:#91a6bb;font-size:13px}.sample{background:#f7fafc}.table-wrap{overflow:auto;border:1px solid #dce5ed;border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th,.table-wrap td{text-align:left;padding:15px;border-bottom:1px solid #e4ebf1;font-size:12px}.table-wrap th{background:#eef4f9;color:#42566d}.note{font-size:11px;color:#7c8c9d}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-grid article{padding:32px;border:1px solid #d9e2eb;border-radius:15px;background:#fff}.price-grid .featured{border:2px solid #1187e8;box-shadow:0 15px 45px rgba(17,110,220,.1)}.plan{font-size:10px;letter-spacing:2px;font-weight:800;color:#168ce8}.price-grid h3{font-family:Montserrat;font-size:23px}.price{font-family:Montserrat;font-size:28px;font-weight:800}.price-grid ul{padding-left:18px;color:#637489;font-size:13px}.price-grid a{color:#087de5;font-weight:800;text-decoration:none;font-size:13px}.cta{text-align:center;padding:90px 8%;background:linear-gradient(120deg,#061426,#092b4c)}.cta h2{max-width:800px;margin:0 auto 15px}.cta>p:not(.eyebrow){color:#a7bbce;max-width:620px;margin:0 auto 28px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-copy>p:not(.eyebrow){color:#637489;max-width:520px}.contact-list{margin-top:30px;display:grid;gap:13px;color:#40556c;font-size:14px}.contact-list span{margin-left:8px}.contact form{display:grid;gap:14px;padding:30px;border:1px solid #dce5ed;border-radius:15px;background:#fbfdff}.contact label{font-size:12px;font-weight:700;color:#40556c}.contact input,.contact textarea{width:100%;margin-top:6px;padding:13px;border:1px solid #d3dee8;border-radius:8px;font:inherit;outline:none}.contact input:focus,.contact textarea:focus{border-color:#168be8}.form-note{font-size:10px;color:#8b99a8;margin:0}footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding:45px 8%;background:#030a14;color:#91a4b8}.footer-brand{display:grid;grid-template-columns:auto auto;align-items:center;gap:7px;width:max-content}.footer-brand img{width:30px;grid-row:span 2}.footer-brand strong{font-family:Montserrat;color:white}.footer-brand small{grid-column:2;font-size:10px}.footer-links{display:flex;gap:20px;align-items:center}.copyright{grid-column:1/-1;font-size:10px;border-top:1px solid #142436;padding-top:20px}.footer-brand strong span{color:#2186ff}@media(max-width:900px){.nav nav,.nav>.btn{display:none}.menu{display:block;margin-left:auto}.nav{padding:13px 5%}.hero{grid-template-columns:1fr;padding:70px 6%}.hero-card{display:none}.features{grid-template-columns:1fr 1fr;padding:30px 6%}.section,.dark-section{padding:70px 6%}.industry-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:15px}.trust-row{gap:12px}.hero h1{letter-spacing:-1.8px}}@media(max-width:520px){.hero{min-height:auto}.hero h1{font-size:39px}.actions{flex-direction:column}.actions .btn{text-align:center}.features{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #dce5ee}.industry-grid,.steps{grid-template-columns:1fr}.section-head h2{font-size:31px}.contact{gap:35px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:1}}

/* DATANORO LIGHT / DARK MODE */
:root{--bg:#06101f;--text:#edf5ff}
body{transition:background .25s,color .25s}
.theme-toggle{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#dcecff;border-radius:9px;padding:9px 12px;cursor:pointer;font-size:12px;font-weight:700}.theme-toggle:hover{border-color:#18b9e8}
.light-mode{--bg:#f6f9fc;--text:#102238}
.light-mode .nav{background:rgba(255,255,255,.92);border-bottom-color:#dbe5ee}.light-mode .nav nav a{color:#52657a}.light-mode .theme-toggle{color:#102238;background:#fff;border-color:#cbd9e6}
.light-mode .hero{background:radial-gradient(circle at 85% 30%,rgba(0,172,255,.13),transparent 34%),linear-gradient(145deg,#edf6fc,#fff)}.light-mode .hero h1,.light-mode .section h2,.light-mode .contact h2{color:#102238}.light-mode .hero .lead{color:#5f7185}.light-mode .hero-card{background:#fff;border-color:#d7e2ec;box-shadow:0 30px 80px rgba(20,60,100,.12)}.light-mode .mini-chart{background:#eef5fa}.light-mode .dataset{border-color:#dce6ef}.light-mode .dataset div{border-bottom-color:#e5edf4}.light-mode .dataset span{color:#42566d}.light-mode footer{background:#06101f}
.chatbot{position:fixed;right:24px;bottom:24px;z-index:100}.chat-launcher{position:relative;display:flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(135deg,#1261ff,#06b6d4);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 35px rgba(0,102,255,.28)}.chat-bubble-icon{font-size:18px}.chat-label{font-size:12px}.chat-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:#55e88c;border:2px solid #1261ff}
.chat-panel{display:none;position:absolute;right:0;bottom:62px;width:360px;max-width:calc(100vw - 30px);height:500px;background:#091a2d;border:1px solid #24445f;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.48)}.chat-panel.open{display:flex;flex-direction:column}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;background:linear-gradient(135deg,#071426,#0b3151);border-bottom:1px solid #24445f}.chat-head strong{display:block;font-family:Montserrat;font-size:14px}.chat-head small{display:block;color:#a9bdd1;font-size:10px;margin-top:3px}.chat-head button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}
.chat-messages{flex:1;overflow:auto;padding:16px}.bot-msg,.user-msg{max-width:88%;padding:11px 13px;border-radius:13px;font-size:12px;line-height:1.5;margin-bottom:10px}.bot-msg{background:#10263d;color:#dcecff;border:1px solid #1f3d59}.user-msg{background:#1261ff;margin-left:auto;color:#fff}
.quick-replies{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 15px}.quick-replies button{border:1px solid #31526e;background:#0a1c30;color:#8ddcff;border-radius:999px;padding:8px 10px;font-size:10px;cursor:pointer}
.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #203b55;background:#08182a}.chat-input input{flex:1;border:1px solid #294a66;border-radius:9px;padding:11px;color:#eaf4ff;background:#0d2137;outline:none}.chat-input button{width:42px;border:0;border-radius:9px;background:#1261ff;color:#fff;font-weight:800;cursor:pointer}
.light-mode .chat-panel{background:#fff;border-color:#d6e1eb;box-shadow:0 24px 70px rgba(20,50,80,.2)}.light-mode .bot-msg{background:#edf4fa;color:#17304a}.light-mode .quick-replies button{background:#fff;border-color:#cbd9e6;color:#17456e}.light-mode .chat-input{border-top-color:#d9e4ed;background:#fff}.light-mode .chat-input input{background:#f5f8fb;color:#102238}
@media(max-width:600px){.chatbot{right:14px;bottom:14px}.chat-panel{width:calc(100vw - 28px);height:68vh}.chat-label{display:none}.chat-launcher{padding:14px 16px}}

/* DATANORO Light Mode Logo Visibility Fix */
.light-mode .brand { color: #102238 !important; }
.light-mode .brand > span { color: #102238 !important; }
.light-mode .brand > span > span { color: #2186ff !important; }

/* =========================================================
   DATANORO V3 — GLOBAL LIGHT / DARK THEME
   Applies to the entire one-page website, not just hero.
   ========================================================= */

:root {
  --dn-bg: #06101f;
  --dn-bg-soft: #071426;
  --dn-surface: #0a192b;
  --dn-surface-2: #0d2137;
  --dn-text: #edf5ff;
  --dn-heading: #ffffff;
  --dn-muted: #aebfd2;
  --dn-line: #20405f;
  --dn-accent: #18b9e8;
  --dn-accent-2: #1261ff;
  --dn-input: #0d2137;
  --dn-shadow: rgba(0,0,0,.35);
}

body {
  background: var(--dn-bg) !important;
  color: var(--dn-text) !important;
}

body:not(.light-mode) .nav,
body:not(.light-mode) .section,
body:not(.light-mode) .contact,
body:not(.light-mode) .pricing,
body:not(.light-mode) .industries,
body:not(.light-mode) .how-it-works,
body:not(.light-mode) .sample,
body:not(.light-mode) .data-section {
  color: var(--dn-text);
}

/* ---------- GLOBAL LIGHT MODE ---------- */
body.light-mode {
  --dn-bg: #f6f9fc;
  --dn-bg-soft: #edf4fa;
  --dn-surface: #ffffff;
  --dn-surface-2: #f3f7fb;
  --dn-text: #24364a;
  --dn-heading: #102238;
  --dn-muted: #637489;
  --dn-line: #d7e2ec;
  --dn-accent: #087de5;
  --dn-accent-2: #1261ff;
  --dn-input: #ffffff;
  --dn-shadow: rgba(25,65,105,.12);
  background: var(--dn-bg) !important;
  color: var(--dn-text) !important;
}

/* Header / navigation */
body.light-mode .nav {
  background: rgba(255,255,255,.96) !important;
  color: var(--dn-text) !important;
  border-bottom: 1px solid var(--dn-line) !important;
  box-shadow: 0 4px 20px rgba(30,70,110,.05);
}
body.light-mode .nav a,
body.light-mode .nav nav a {
  color: #52657a !important;
}
body.light-mode .nav a:hover,
body.light-mode .nav nav a:hover {
  color: #1261ff !important;
}

/* Brand/logo text */
body.light-mode .brand,
body.light-mode .brand > span {
  color: #102238 !important;
}
body.light-mode .brand > span > span {
  color: #2186ff !important;
}

/* General headings/text */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6 {
  color: var(--dn-heading) !important;
}
body.light-mode p,
body.light-mode li,
body.light-mode label {
  color: var(--dn-muted) !important;
}

/* Sections */
body.light-mode section,
body.light-mode .section,
body.light-mode .data-section,
body.light-mode .industries,
body.light-mode .how-it-works,
body.light-mode .sample,
body.light-mode .pricing,
body.light-mode .contact {
  background-color: var(--dn-bg) !important;
  color: var(--dn-text) !important;
}

/* Any deliberately dark section becomes a clean light section */
body.light-mode .dark-section,
body.light-mode .dark,
body.light-mode [class*="dark-section"] {
  background: var(--dn-bg-soft) !important;
  color: var(--dn-text) !important;
}

/* Cards / panels / feature boxes */
body.light-mode .card,
body.light-mode .feature,
body.light-mode .feature-card,
body.light-mode .industry-card,
body.light-mode .step,
body.light-mode .pricing-card,
body.light-mode .contact-card,
body.light-mode .hero-card,
body.light-mode .panel,
body.light-mode .dataset,
body.light-mode .data-card,
body.light-mode .table-wrap,
body.light-mode .sample-card {
  background: var(--dn-surface) !important;
  color: var(--dn-text) !important;
  border-color: var(--dn-line) !important;
  box-shadow: 0 18px 50px var(--dn-shadow) !important;
}

/* Card headings */
body.light-mode .card h3,
body.light-mode .feature h3,
body.light-mode .feature-card h3,
body.light-mode .industry-card h3,
body.light-mode .step h3,
body.light-mode .pricing-card h3,
body.light-mode .contact-card h3,
body.light-mode .dataset h3,
body.light-mode .data-card h3,
body.light-mode .sample-card h3 {
  color: var(--dn-heading) !important;
}

/* Hero */
body.light-mode .hero {
  background:
    radial-gradient(circle at 85% 30%, rgba(0,172,255,.13), transparent 34%),
    linear-gradient(145deg,#edf6fc,#ffffff) !important;
  color: var(--dn-text) !important;
}
body.light-mode .hero h1,
body.light-mode .hero h2 {
  color: #102238 !important;
}
body.light-mode .hero .lead,
body.light-mode .hero p {
  color: #5f7185 !important;
}

/* Tables / dataset rows */
body.light-mode .dataset div,
body.light-mode .data-row,
body.light-mode table tr {
  border-color: #e3ebf2 !important;
}
body.light-mode .dataset span,
body.light-mode .data-row span,
body.light-mode th {
  color: #42566d !important;
}
body.light-mode td {
  color: #52657a !important;
}

/* Forms */
body.light-mode input,
body.light-mode textarea,
body.light-mode select {
  background: #ffffff !important;
  color: #20354a !important;
  border-color: #cbd9e6 !important;
}
body.light-mode input::placeholder,
body.light-mode textarea::placeholder {
  color: #8292a3 !important;
}
body.light-mode input:focus,
body.light-mode textarea:focus,
body.light-mode select:focus {
  border-color: #2186ff !important;
  box-shadow: 0 0 0 3px rgba(33,134,255,.10) !important;
}

/* Buttons */
body.light-mode .btn,
body.light-mode button.btn {
  color: #ffffff !important;
}
body.light-mode .theme-toggle {
  color: #102238 !important;
  background: #ffffff !important;
  border-color: #cbd9e6 !important;
}

/* Pricing */
body.light-mode .price,
body.light-mode .amount,
body.light-mode .pricing-card .price {
  color: #102238 !important;
}

/* CTA strip */
body.light-mode .cta {
  background: linear-gradient(120deg,#07182c,#0a3a61) !important;
  color: #ffffff !important;
}
body.light-mode .cta h2,
body.light-mode .cta h3,
body.light-mode .cta p {
  color: #ffffff !important;
}

/* Footer stays intentionally dark for contrast */
body.light-mode footer {
  background: #06101f !important;
  color: #dcecff !important;
}
body.light-mode footer p,
body.light-mode footer li,
body.light-mode footer span {
  color: #9fb4c8 !important;
}
body.light-mode footer a {
  color: #dcecff !important;
}

/* Chatbot */
body.light-mode .chat-panel {
  background: #ffffff !important;
  border-color: #d6e1eb !important;
  box-shadow: 0 24px 70px rgba(20,50,80,.20) !important;
}
body.light-mode .chat-head {
  background: linear-gradient(135deg,#071426,#0b3151) !important;
}
body.light-mode .chat-head strong {
  color: #ffffff !important;
}
body.light-mode .bot-msg {
  background: #edf4fa !important;
  color: #17304a !important;
  border-color: #dce7ef !important;
}
body.light-mode .quick-replies button {
  background: #ffffff !important;
  border-color: #cbd9e6 !important;
  color: #17456e !important;
}
body.light-mode .chat-input {
  background: #ffffff !important;
  border-top-color: #d9e4ed !important;
}
body.light-mode .chat-input input {
  background: #f5f8fb !important;
  color: #102238 !important;
}

/* Decorative chart/background areas */
body.light-mode .mini-chart,
body.light-mode .stat-box,
body.light-mode .metric,
body.light-mode .icon-box {
  background: #eef5fa !important;
  color: #17456e !important;
  border-color: #dce6ef !important;
}

/* Mobile navigation if present */
@media (max-width: 900px) {
  body.light-mode .nav nav {
    background: #ffffff !important;
    border-color: #d7e2ec !important;
  }
}

/* =========================================================
   DATANORO V4 — FINAL SECTION CONTRAST + MOBILE POLISH
   Explicit selectors for the actual HTML structure.
   ========================================================= */

/* DARK MODE — make every section intentionally readable */
body:not(.light-mode) .features {
  background: #071426 !important;
  color: #edf5ff !important;
}
body:not(.light-mode) .feature {
  border-color: #203d59 !important;
}
body:not(.light-mode) .feature h3,
body:not(.light-mode) .section h2,
body:not(.light-mode) .dark-section h2,
body:not(.light-mode) .pricing h2,
body:not(.light-mode) .contact h2,
body:not(.light-mode) .industry-grid div,
body:not(.light-mode) .price-grid h3,
body:not(.light-mode) .steps h3 {
  color: #edf5ff !important;
}
body:not(.light-mode) .feature p,
body:not(.light-mode) .section-head > p,
body:not(.light-mode) .steps p,
body:not(.light-mode) .note,
body:not(.light-mode) .price-grid ul,
body:not(.light-mode) .contact-copy > p:not(.eyebrow),
body:not(.light-mode) .contact-list {
  color: #aebfd2 !important;
}
body:not(.light-mode) .section,
body:not(.light-mode) .sample,
body:not(.light-mode) .pricing,
body:not(.light-mode) .contact {
  background: #06101f !important;
}
body:not(.light-mode) .industry-grid div,
body:not(.light-mode) .price-grid article,
body:not(.light-mode) .contact form,
body:not(.light-mode) .table-wrap {
  background: #0a192b !important;
  border-color: #20405f !important;
}
body:not(.light-mode) .table-wrap th {
  background: #0d2137 !important;
  color: #c8d6e5 !important;
}
body:not(.light-mode) .table-wrap td {
  color: #aebfd2 !important;
  border-color: #1c354d !important;
}
body:not(.light-mode) .price-grid a {
  color: #38c7ee !important;
}
body:not(.light-mode) .contact label {
  color: #c8d6e5 !important;
}
body:not(.light-mode) .contact input,
body:not(.light-mode) .contact textarea {
  background: #0d2137 !important;
  color: #edf5ff !important;
  border-color: #294a66 !important;
}
body:not(.light-mode) .contact input::placeholder,
body:not(.light-mode) .contact textarea::placeholder {
  color: #7890a8 !important;
}

/* LIGHT MODE — exact elements visible in your screenshot */
body.light-mode .features {
  background: #ffffff !important;
  color: #102238 !important;
}
body.light-mode .feature {
  border-color: #dce5ee !important;
}
body.light-mode .feature h3 {
  color: #102238 !important;
}
body.light-mode .feature p {
  color: #65758a !important;
}
body.light-mode .section,
body.light-mode .sample,
body.light-mode .pricing,
body.light-mode .contact {
  background: #ffffff !important;
  color: #24364a !important;
}
body.light-mode .section h2,
body.light-mode .pricing h2,
body.light-mode .contact h2,
body.light-mode .section-head h2 {
  color: #102238 !important;
}
body.light-mode .section-head > p,
body.light-mode .contact-copy > p:not(.eyebrow),
body.light-mode .note,
body.light-mode .price-grid ul,
body.light-mode .contact-list {
  color: #637489 !important;
}
body.light-mode .industry-grid div {
  background: #fbfdff !important;
  color: #102238 !important;
  border-color: #dbe4ec !important;
}
body.light-mode .industry-grid div:hover {
  color: #102238 !important;
}
body.light-mode .dark-section {
  background: #edf4fa !important;
  color: #24364a !important;
}
body.light-mode .dark-section h2,
body.light-mode .steps h3 {
  color: #102238 !important;
}
body.light-mode .steps p {
  color: #637489 !important;
}
body.light-mode .steps > div {
  border-color: #cddce8 !important;
}
body.light-mode .table-wrap {
  background: #ffffff !important;
  border-color: #dce5ed !important;
}
body.light-mode .table-wrap th {
  background: #eef4f9 !important;
  color: #42566d !important;
}
body.light-mode .table-wrap td {
  background: #ffffff !important;
  color: #52657a !important;
  border-color: #e4ebf1 !important;
}
body.light-mode .price-grid article {
  background: #ffffff !important;
  color: #24364a !important;
  border-color: #d9e2eb !important;
}
body.light-mode .price-grid article h3,
body.light-mode .price-grid article .price {
  color: #102238 !important;
}
body.light-mode .price-grid a {
  color: #087de5 !important;
}
body.light-mode .contact form {
  background: #fbfdff !important;
  border-color: #dce5ed !important;
}
body.light-mode .contact label {
  color: #40556c !important;
}
body.light-mode .eyebrow {
  color: #087de5 !important;
}

/* Mobile / phone experience */
@media (max-width: 900px) {
  .nav {
    position: sticky !important;
  }
  body.light-mode .nav nav {
    background: #ffffff !important;
    color: #102238 !important;
    box-shadow: 0 15px 35px rgba(20,50,80,.12) !important;
  }
  body:not(.light-mode) .nav nav {
    background: #06101f !important;
  }
  .nav nav a {
    padding: 10px 0;
    font-size: 14px;
  }
  .hero {
    min-height: auto !important;
  }
  .hero-card {
    display: none !important;
  }
  .features {
    grid-template-columns: 1fr 1fr !important;
  }
  .industry-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .steps {
    grid-template-columns: 1fr 1fr !important;
  }
  .price-grid {
    grid-template-columns: 1fr !important;
  }
  .contact {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  .nav {
    padding: 12px 18px !important;
  }
  .brand {
    font-size: 17px !important;
  }
  .brand img {
    width: 30px !important;
    height: 30px !important;
  }
  .theme-toggle {
    padding: 8px 10px !important;
  }
  .hero {
    padding: 55px 20px !important;
  }
  .hero h1 {
    font-size: 38px !important;
  }
  .lead {
    font-size: 15px !important;
  }
  .features {
    grid-template-columns: 1fr !important;
    padding: 28px 20px !important;
  }
  .feature {
    padding: 18px 8px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #dce5ee !important;
  }
  .industry-grid,
  .steps {
    grid-template-columns: 1fr !important;
  }
  .section,
  .dark-section {
    padding: 65px 20px !important;
  }
  .section-head h2,
  .dark-section h2,
  .contact h2 {
    font-size: 31px !important;
  }
  .price-grid article {
    padding: 25px !important;
  }
  .contact form {
    padding: 22px !important;
  }
  .chatbot {
    right: 12px !important;
    bottom: 12px !important;
  }
}

/* Ensure mobile menu text follows the selected theme even though JS adds inline styles. */
body.light-mode .nav nav a {
  color: #52657a !important;
}
body.light-mode .nav nav a:hover {
  color: #1261ff !important;
}
body:not(.light-mode) .nav nav a {
  color: #b7c7da !important;
}

/* =========================================================
   DATANORO — B2B DATA SOLUTIONS SECTION
   ========================================================= */
.b2b-section{padding:100px 8%;background:#f6f9fc;color:#102238}
.b2b-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:45px}
.b2b-intro h2{font-family:Montserrat;font-size:clamp(32px,4.2vw,54px);line-height:1.08;letter-spacing:-1.8px;margin:0;color:#102238}
.b2b-intro h2 span{color:#087de5}
.b2b-intro-copy{max-width:500px}
.b2b-intro-copy p{color:#637489;font-size:15px;margin:0 0 22px}
.b2b-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.b2b-card{background:#fff;border:1px solid #dbe4ec;border-radius:16px;padding:28px;box-shadow:0 12px 35px rgba(24,68,110,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.b2b-card:hover{transform:translateY(-4px);border-color:#87c5f4;box-shadow:0 18px 45px rgba(24,100,170,.11)}
.b2b-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf5ff;color:#087de5;font-size:21px;font-weight:800;margin-bottom:20px}
.b2b-card h3{font-family:Montserrat;font-size:18px;margin:0 0 9px;color:#102238}
.b2b-card p{font-size:13px;color:#637489;margin:0 0 15px;min-height:62px}
.b2b-card ul{margin:0;padding-left:17px;color:#52677d;font-size:12px;line-height:1.9}
.b2b-request{margin-top:28px;border-radius:17px;padding:30px 34px;background:linear-gradient(120deg,#061426,#0a3152);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}
.b2b-request .eyebrow{margin-bottom:8px}
.b2b-request h3{font-family:Montserrat;font-size:24px;margin:0 0 5px;color:#fff}
.b2b-request p:not(.eyebrow){margin:0;color:#b8c9da;font-size:13px}
.b2b-request strong{color:#fff}
body.light-mode .b2b-section{background:#f6f9fc!important;color:#24364a!important}
body.light-mode .b2b-intro h2{color:#102238!important}
body.light-mode .b2b-intro-copy p{color:#637489!important}
body.light-mode .b2b-card{background:#fff!important;color:#24364a!important;border-color:#dbe4ec!important;box-shadow:0 12px 35px rgba(24,68,110,.06)!important}
body.light-mode .b2b-card h3{color:#102238!important}
body.light-mode .b2b-card p,body.light-mode .b2b-card ul{color:#637489!important}
@media(max-width:900px){
  .b2b-intro{grid-template-columns:1fr;gap:20px}
  .b2b-card-grid{grid-template-columns:1fr 1fr}
  .b2b-request{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .b2b-section{padding:65px 20px}
  .b2b-intro h2{font-size:32px}
  .b2b-card-grid{grid-template-columns:1fr}
  .b2b-card p{min-height:0}
  .b2b-request{padding:25px 22px}
  .b2b-request h3{font-size:21px}
}

/* =========================================================
   DATANORO — WEBSITE SOLUTIONS SECTION
   ========================================================= */
.website-section{padding:100px 8%;background:#fff;color:#102238}
.website-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:45px}
.website-intro h2{font-family:Montserrat;font-size:clamp(32px,4.2vw,54px);line-height:1.08;letter-spacing:-1.8px;margin:0;color:#102238}
.website-intro h2 span{color:#087de5}
.website-intro-copy{max-width:500px}
.website-intro-copy p{color:#637489;font-size:15px;margin:0 0 22px}
.website-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.website-card{background:#f8fbfe;border:1px solid #dbe4ec;border-radius:16px;padding:28px;box-shadow:0 12px 35px rgba(24,68,110,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.website-card:hover{transform:translateY(-4px);border-color:#87c5f4;box-shadow:0 18px 45px rgba(24,100,170,.10)}
.website-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf5ff;color:#087de5;font-size:21px;font-weight:800;margin-bottom:20px}
.website-card h3{font-family:Montserrat;font-size:18px;margin:0 0 9px;color:#102238}
.website-card p{font-size:13px;color:#637489;margin:0 0 15px;min-height:62px}
.website-card ul{margin:0;padding-left:17px;color:#52677d;font-size:12px;line-height:1.9}
.website-process{margin-top:28px;border-radius:17px;padding:32px 34px;background:linear-gradient(120deg,#061426,#0a3152);display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;color:#fff}
.website-process h3{font-family:Montserrat;font-size:25px;margin:0 0 7px;color:#fff}
.website-process p:not(.eyebrow){margin:0;color:#b8c9da;font-size:13px;max-width:500px}
.website-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.website-process-steps>div{border-left:1px solid #31526d;padding-left:14px;display:flex;flex-direction:column;gap:3px}
.website-process-steps span{color:#18b9e8;font-family:Montserrat;font-size:11px;font-weight:800}
.website-process-steps strong{font-family:Montserrat;font-size:13px}
.website-process-steps small{color:#a8bdd0;font-size:10px;line-height:1.4}
body.light-mode .website-section{background:#fff!important;color:#24364a!important}
body.light-mode .website-intro h2{color:#102238!important}
body.light-mode .website-intro-copy p{color:#637489!important}
body.light-mode .website-card{background:#f8fbfe!important;color:#24364a!important;border-color:#dbe4ec!important}
body.light-mode .website-card h3{color:#102238!important}
body.light-mode .website-card p,body.light-mode .website-card ul{color:#637489!important}
@media(max-width:900px){
  .website-intro{grid-template-columns:1fr;gap:20px}
  .website-card-grid{grid-template-columns:1fr 1fr}
  .website-process{grid-template-columns:1fr;align-items:flex-start}
}
@media(max-width:520px){
  .website-section{padding:65px 20px}
  .website-intro h2{font-size:32px}
  .website-card-grid{grid-template-columns:1fr}
  .website-card p{min-height:0}
  .website-process{padding:25px 22px}
  .website-process-steps{grid-template-columns:1fr 1fr}
}


/* =========================================================
   DATANORO — DIGITAL LEAD GENERATION SECTION
   ========================================================= */
.leadgen-section{padding:100px 8%;background:#f6f9fc;color:#102238}
.leadgen-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:45px}
.leadgen-intro h2{font-family:Montserrat;font-size:clamp(32px,4.2vw,54px);line-height:1.08;letter-spacing:-1.8px;margin:0;color:#102238}
.leadgen-intro h2 span{color:#087de5}
.leadgen-intro-copy{max-width:500px}
.leadgen-intro-copy p{color:#637489;font-size:15px;margin:0 0 22px}
.leadgen-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.leadgen-card{background:#fff;border:1px solid #dbe4ec;border-radius:16px;padding:28px;box-shadow:0 12px 35px rgba(24,68,110,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.leadgen-card:hover{transform:translateY(-4px);border-color:#87c5f4;box-shadow:0 18px 45px rgba(24,100,170,.11)}
.leadgen-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf5ff;color:#087de5;font-size:21px;font-weight:800;margin-bottom:20px}
.leadgen-card h3{font-family:Montserrat;font-size:18px;margin:0 0 9px;color:#102238}
.leadgen-card p{font-size:13px;color:#637489;margin:0 0 15px;min-height:62px}
.leadgen-card ul{margin:0;padding-left:17px;color:#52677d;font-size:12px;line-height:1.9}
.leadgen-process{margin-top:28px;border-radius:17px;padding:32px 34px;background:linear-gradient(120deg,#061426,#0a3152);display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;color:#fff}
.leadgen-process h3{font-family:Montserrat;font-size:25px;margin:0 0 7px;color:#fff}
.leadgen-process p:not(.eyebrow){margin:0;color:#b8c9da;font-size:13px;max-width:500px}
.leadgen-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.leadgen-process-steps>div{border-left:1px solid #31526d;padding-left:14px;display:flex;flex-direction:column;gap:3px}
.leadgen-process-steps span{color:#18b9e8;font-family:Montserrat;font-size:11px;font-weight:800}
.leadgen-process-steps strong{font-family:Montserrat;font-size:13px}
.leadgen-process-steps small{color:#a8bdd0;font-size:10px;line-height:1.4}
.chat-handoff{margin-top:10px;border:0;border-radius:10px;padding:10px 13px;background:#087de5;color:#fff;font-weight:700;cursor:pointer}
body.light-mode .leadgen-section{background:#f6f9fc!important;color:#24364a!important}
body.light-mode .leadgen-intro h2{color:#102238!important}
body.light-mode .leadgen-intro-copy p{color:#637489!important}
body.light-mode .leadgen-card{background:#fff!important;color:#24364a!important;border-color:#dbe4ec!important}
body.light-mode .leadgen-card h3{color:#102238!important}
body.light-mode .leadgen-card p,body.light-mode .leadgen-card ul{color:#637489!important}
@media(max-width:900px){.leadgen-intro{grid-template-columns:1fr;gap:20px}.leadgen-card-grid{grid-template-columns:1fr 1fr}.leadgen-process{grid-template-columns:1fr;align-items:flex-start}}
@media(max-width:520px){.leadgen-section{padding:65px 20px}.leadgen-intro h2{font-size:32px}.leadgen-card-grid{grid-template-columns:1fr}.leadgen-card p{min-height:0}.leadgen-process{padding:25px 22px}.leadgen-process-steps{grid-template-columns:1fr 1fr}}

/* ---------------------------------------------------------
   Pricing + quotation flow
   --------------------------------------------------------- */
.price-grid .quote-btn {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 13px 16px;
  margin-top: 8px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  color: #ffffff;
  background: linear-gradient(135deg, #0f6fff, #00a8ff);
  transition: transform .2s ease, box-shadow .2s ease;
}
.price-grid .quote-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 120, 255, .22);
}
.quote-process {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.quote-process > div {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px;
  background: var(--surface);
}
.quote-process span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(0, 140, 255, .10);
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 12px;
}
.quote-process strong, .quote-process small { display:block; }
.quote-process strong { margin-bottom: 6px; }
.quote-process small { color: var(--muted); line-height: 1.45; }
@media (max-width: 900px) {
  .quote-process { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .quote-process { grid-template-columns: 1fr; }
}


/* ---------------------------------------------------------
   v11 Smart Service-Specific Chatbot
   --------------------------------------------------------- */
.chat-summary-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.chat-summary-actions button{font:inherit;cursor:pointer}
.chat-confirm{margin-top:0!important}
.chat-edit{border:1px solid #31526e;border-radius:10px;padding:10px 13px;background:transparent;color:#9fdfff;font-weight:700}
.chat-edit:hover{background:#10263d}
.chat-handoff{transition:transform .15s ease,box-shadow .15s ease}
.chat-handoff:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,120,255,.2)}
.light-mode .chat-edit{border-color:#cbd9e6;color:#17456e;background:#fff}
.light-mode .chat-edit:hover{background:#edf4fa}


/* v14 contact icon-only actions */
.contact-icons{display:flex;align-items:center;gap:12px;grid-auto-flow:column}
.contact-icon-btn{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5e1eb;border-radius:12px;text-decoration:none;color:#17304a;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.contact-icon-btn svg{width:22px;height:22px}
.contact-icon-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,70,120,.12);border-color:#168be8}
.email-icon-btn:hover{color:#1261ff}
.whatsapp-icon-btn:hover{color:#168c57}
.contact-location{display:inline-flex;align-items:center;gap:7px;color:#40556c;font-size:14px;margin-left:4px}
body:not(.light-mode) .contact-icon-btn{background:#0d2137;border-color:#294a66;color:#dcecff}
body:not(.light-mode) .contact-location{color:#b7c7da}
@media(max-width:520px){.contact-icons{gap:10px}}