/*
Theme Name: Data Raaga Premium
Theme URI: https://dataraaga.com
Author: Data Raaga
Description: Data Raaga v5.3.7 — launch design with grouped training programs and mobile performance optimizations.
Version: 5.3.7
Requires at least: 5.8
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: dataraaga
*/

:root{
  --navy:#061640;
  --navy-2:#0a2458;
  --blue:#1357e8;
  --blue-2:#2876ff;
  --cyan:#19b8f2;
  --ink:#0b1635;
  --ink-2:#203154;
  --muted:#60708f;
  --line:#dbe5f5;
  --line-2:#edf2f9;
  --soft:#f4f7fc;
  --soft-blue:#edf4ff;
  --white:#fff;
  --gold:#f5be22;
  --green:#13a35b;
  --shadow:0 20px 55px rgba(14,38,86,.12);
  --shadow-soft:0 12px 32px rgba(14,38,86,.08);
  --radius:26px;
  --radius-sm:18px;
  --body:"Mulish",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --display:"Mulish",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-size:16px;line-height:1.65;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
button,input,textarea,select{font:inherit}
.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:12px;left:12px;z-index:9999;padding:10px 14px;background:#fff;color:#000;border-radius:8px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
::selection{background:#d7ebff;color:#071338}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line-2);backdrop-filter:blur(18px);box-shadow:0 4px 18px rgba(7,28,68,.035)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px}
.brand-word{display:flex;flex-direction:column;line-height:1.05}
.brand-word strong{font-size:25px;font-weight:850;letter-spacing:-.8px;color:var(--ink)}
.brand-word strong span{color:var(--blue)}
.brand-word small{font-size:9px;color:#6f7d99;letter-spacing:.55px;margin-top:6px;text-transform:uppercase;font-weight:800}
.primary-nav{display:flex;align-items:center;gap:28px}
.primary-nav .menu{display:flex;align-items:center;gap:25px}
.primary-nav .menu a{font-size:14px;color:#263654;font-weight:700;transition:color .2s ease}
.primary-nav .menu a:hover,.primary-nav .current-menu-item>a{color:var(--blue)}
.header-cta{margin-left:3px}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;font-weight:800;color:var(--ink)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 24px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.compact{min-height:44px;padding:10px 18px}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#0b49d7);box-shadow:0 11px 25px rgba(19,87,232,.22)}
.btn-primary:hover{box-shadow:0 15px 34px rgba(19,87,232,.3)}
.btn-dark{background:var(--navy);color:#fff}
.btn-white{background:#fff;color:var(--blue);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.05)}
.btn-outline-light{background:#fff;color:var(--blue);border-color:#bed1fa}

.eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:12px}
.eyebrow.pill{width:max-content;padding:7px 11px;border:1px solid #cfe0ff;background:#f5f9ff;border-radius:999px;font-size:10px;letter-spacing:1px}

/* Hero */
.dr-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);padding:48px 0 36px}
.dr-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,#d7e7ff 0,rgba(215,231,255,.35) 38%,transparent 68%);pointer-events:none}
.dr-hero:after{content:"";position:absolute;left:-220px;top:-300px;width:510px;height:620px;border:64px solid #0b43c5;border-radius:50%;opacity:.97;pointer-events:none}
.dr-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.dr-hero-copy{padding:28px 0 24px}
.dr-hero h1{font-family:var(--display);font-size:clamp(48px,6vw,80px);line-height:.99;letter-spacing:-3.2px;color:var(--ink);max-width:760px}
.dr-hero h1 span{color:var(--blue)}
.dr-hero .lede{max-width:690px;margin-top:24px;font-size:18px;line-height:1.72;color:#52627f}
.dr-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.dr-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
.dr-proof-row span{display:flex;flex-direction:column;padding:0 18px;border-right:1px solid var(--line)}
.dr-proof-row span:first-child{padding-left:0}
.dr-proof-row span:last-child{border-right:0}
.dr-proof-row b{font-size:13px;color:var(--ink);font-weight:900}
.dr-proof-row small{font-size:11px;color:#75839d;margin-top:2px}
.dr-hero-visual{position:relative;min-height:510px;display:flex;align-items:flex-end;justify-content:center}
.dr-hero-map{position:absolute;inset:0 0 70px 5%;border-radius:50% 44% 50% 44%;background:radial-gradient(circle at 50% 44%,rgba(39,117,255,.08),transparent 55%),linear-gradient(135deg,rgba(19,87,232,.06),rgba(25,184,242,.02));border:1px solid #d8e6ff;overflow:hidden}
.dr-hero-map:before{content:"";position:absolute;inset:12%;background-image:radial-gradient(circle,#2e72ec 1.1px,transparent 1.1px);background-size:11px 11px;opacity:.22;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}
.map-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(19,87,232,.12)}
.map-dot:after{content:"";position:absolute;left:8px;top:4px;width:95px;height:1px;background:linear-gradient(90deg,var(--blue),transparent);transform-origin:left center}
.d1{left:34%;top:32%}.d1:after{transform:rotate(15deg)}
.d2{right:32%;top:28%}.d2:after{transform:rotate(155deg)}
.d3{left:28%;bottom:24%}.d3:after{transform:rotate(-20deg)}
.d4{right:26%;bottom:20%}.d4:after{transform:rotate(205deg)}
.map-label{position:absolute;right:28px;top:24px;padding:8px 12px;background:#fff;border-radius:999px;font-size:10px;color:#4a5b7b;border:1px solid #dce8fa;font-weight:800}
.hero-opportunity-card{position:absolute;right:-6px;bottom:22px;z-index:4;width:240px;background:#fff;border:1px solid #dbe6f7;border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)}
.hero-opportunity-card .mini-kicker{display:block;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.hero-opportunity-card strong{display:block;font-size:15px;line-height:1.35;color:var(--ink)}
.hero-opportunity-card p{font-size:11px;color:#6c7a96;margin-top:8px;line-height:1.5}

/* Pillar strip */
.dr-intro-strip{padding:0 0 32px;background:#fbfdff}
.dr-pillar-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;background:linear-gradient(135deg,#0e55eb,#0636ab);border-radius:20px;color:#fff;overflow:hidden;box-shadow:0 18px 42px rgba(5,56,158,.18)}
.dr-pillar-grid>div{min-height:92px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:14px;padding:19px 24px;border-right:1px solid rgba(255,255,255,.18)}
.dr-pillar-grid>div:last-child{border-right:0}
.pillar-icon{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);font-weight:900;font-size:20px}
.dr-pillar-grid b{font-size:16px;align-self:end}.dr-pillar-grid small{font-size:11px;color:#dbe8ff;align-self:start}
.dr-pillar-grid .pillar-cta{display:flex;align-items:center;justify-content:center;background:rgba(4,28,83,.16)}
.dr-pillar-grid .pillar-cta a{padding:12px 18px;background:#fff;color:var(--blue);border-radius:12px;font-size:13px;font-weight:900}


/* Impact photo strip */
.impact-strip{padding:28px 0 78px;background:#fbfdff}
.impact-heading{text-align:center;max-width:820px;margin:0 auto 30px}
.impact-heading .eyebrow{margin-bottom:7px}
.impact-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-1.3px}
.impact-heading p{margin:10px auto 0;max-width:700px;color:var(--muted);font-size:14px}
.impact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.impact-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px rgba(15,43,95,.055);transition:transform .25s ease,box-shadow .25s ease}
.impact-card:hover{transform:translateY(-4px);box-shadow:0 15px 36px rgba(15,43,95,.11)}
.impact-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.impact-card:nth-child(2) img{object-position:50% 35%}
.impact-card:nth-child(3) img{object-position:50% 45%}
.impact-card:nth-child(5) img{object-position:50% 24%}
.impact-card div{padding:16px 16px 18px}
.impact-card h3{font-size:14px;line-height:1.3;color:var(--ink)}
.impact-card p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}

/* Agriculture & local commerce focus */
.sector-focus{background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}
.sector-focus-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center}
.sector-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-1.7px}
.sector-copy>p{color:var(--muted);margin-top:17px}
.sector-points{display:grid;gap:10px;margin:24px 0}
.sector-points li{position:relative;padding-left:28px;font-size:13px;color:#334668;font-weight:700}
.sector-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:950}
.sector-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 250px;gap:14px}
.sector-image{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#eaf0f8;box-shadow:var(--shadow-soft)}
.sector-image.primary{grid-row:1/3}
.sector-image img{width:100%;height:100%;object-fit:cover}
.sector-image.primary img{object-position:50% 45%}
.sector-image:nth-child(2) img{object-position:50% 45%}
.sector-image:nth-child(3) img{object-position:50% 35%}
.sector-image figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(5,20,56,.86);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}

/* Shared sections */
.dr-section{padding:92px 0}
.dr-section-head{margin-bottom:36px}
.dr-section-head.split{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end}
.dr-section-head.center{text-align:center;max-width:850px;margin-inline:auto;margin-bottom:45px}
.dr-section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-1.8px;color:var(--ink)}
.dr-section-head p{color:var(--muted);font-size:16px;max-width:680px}
.dr-section-head.center p{margin:14px auto 0}

/* Current solutions */
.dr-current{background:#fff}
.dr-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dr-feature-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:248px;background:#fff;box-shadow:0 7px 20px rgba(13,46,101,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.dr-feature-card:hover{transform:translateY(-4px);border-color:#bfd2f5;box-shadow:var(--shadow-soft)}
.ficon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eaf3ff,#f7fbff);border:1px solid #cfddf8;display:grid;place-items:center;color:var(--blue);font-weight:950;font-size:11px;letter-spacing:.5px;margin-bottom:18px}
.dr-feature-card h3{font-size:18px;line-height:1.25;margin-bottom:10px;color:var(--ink)}
.dr-feature-card p{font-size:13px;color:var(--muted);line-height:1.65}
.dr-feature-card a{position:absolute;left:24px;bottom:20px;font-size:12px;color:var(--blue);font-weight:900}

/* Future */
.dr-future{background:linear-gradient(135deg,#071a46,#0c2f73);color:#fff;position:relative;overflow:hidden}
.dr-future:after{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;border:80px solid rgba(40,118,255,.16)}
.light-head{position:relative;z-index:2}.light-head h2{color:#fff}.light-head p{color:#c5d5f4}.light-head .eyebrow{color:#64c8ff}
.future-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.future-grid article{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:25px;min-height:198px;backdrop-filter:blur(8px)}
.future-grid article span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;color:var(--blue);font-size:11px;font-weight:950;margin-bottom:18px}
.future-grid article h3{font-size:18px;line-height:1.28;margin-bottom:10px}
.future-grid article p{font-size:13px;line-height:1.6;color:#cad8f3}
.future-note{position:relative;z-index:2;margin-top:24px;font-size:11px;color:#9fb4dc;border-left:2px solid #4f9dff;padding-left:12px}

/* Products */
.dr-products{background:var(--soft)}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.product-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;min-height:520px;box-shadow:var(--shadow-soft)}
.product-copy{padding:32px 16px 32px 32px;display:flex;flex-direction:column;align-items:flex-start}
.status{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;padding:6px 9px;border-radius:999px;margin-bottom:16px}.status.live{color:#087a43;background:#e8f8ef}.status.pilot{color:#9b6b00;background:#fff4cf}
.product-copy h3{font-size:32px;letter-spacing:-1px;line-height:1.1;margin-bottom:12px}.product-copy p{font-size:14px;color:var(--muted)}
.product-copy ul{display:grid;gap:9px;margin:20px 0 25px}.product-copy li{font-size:12px;color:#3f5276;padding-left:18px;position:relative}.product-copy li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}
.product-copy .btn{margin-top:auto;font-size:12px;padding:11px 15px;min-height:44px}
.product-img{background:linear-gradient(160deg,#f7faff,#eaf1ff);display:flex;align-items:center;justify-content:center;padding:20px}
.product-img img{width:100%;max-height:470px;object-fit:contain;border-radius:10px}
.pro-card{border-color:#c9d8fb}
.pro-reel-strip{display:flex;gap:12px;overflow-x:auto;padding:20px 4px 4px;margin-top:20px;scroll-snap-type:x proximity}
.pro-reel-strip img{width:150px;aspect-ratio:9/16;object-fit:cover;border-radius:15px;border:1px solid var(--line);box-shadow:0 8px 20px rgba(13,44,94,.08);scroll-snap-align:start;background:#fff}

/* Founder */
.founder-section{background:#fff}
.founder-grid{display:grid;grid-template-columns:300px 1fr .72fr;gap:36px;align-items:stretch}
.founder-copy{padding:22px 10px}
.founder-copy h2{font-size:42px;line-height:1.08;letter-spacing:-1.5px}.founder-copy h3{font-size:24px;margin-top:18px}.founder-role{font-size:12px;color:var(--blue)!important;font-weight:900;margin-top:3px!important}
.founder-copy p{color:var(--muted);font-size:15px;margin-top:16px}
.founder-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.founder-values span{font-size:11px;font-weight:800;color:#415477;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#fbfdff}
.founder-quote{padding:30px;border-radius:24px;background:linear-gradient(145deg,#0b2d70,#071a46);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.founder-quote>span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#7fc8ff;font-weight:900;margin-bottom:12px}
.founder-quote blockquote{font-size:22px;line-height:1.5;font-weight:700;letter-spacing:-.4px}

/* Demo */
.dr-demo{background:#f8fbff}
.demo-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}
.demo-copy h2{font-size:46px;line-height:1.05;letter-spacing:-1.6px}.demo-copy p{margin-top:15px;color:var(--muted)}
.demo-points{display:grid;gap:9px;margin-top:24px}.demo-points span{font-size:13px;color:#435579;font-weight:800}
.demo-grid-visual{grid-template-columns:.78fr 1.22fr}
.demo-actions{margin-top:26px}
.demo-visual{position:relative;min-height:500px;border-radius:28px;overflow:hidden;background:#eaf2ff;box-shadow:var(--shadow);border:8px solid #fff}
.demo-field-img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}
.demo-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,22,64,.42) 100%);pointer-events:none}
.demo-product-card{position:absolute;z-index:2;right:22px;bottom:22px;width:min(330px,68%);display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.96);border:1px solid rgba(207,224,251,.95);box-shadow:0 18px 45px rgba(5,37,98,.24);backdrop-filter:blur(10px)}
.demo-product-card img{width:110px;height:118px;object-fit:cover;object-position:center;border-radius:14px;background:#f3f7ff}
.demo-product-card div{display:flex;flex-direction:column;gap:3px}.demo-product-card span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#1260e8}.demo-product-card strong{font-size:19px;color:#081d49}.demo-product-card small{font-size:11px;line-height:1.4;color:#60708d}

/* Field gallery */
.field-section{background:#fff}

/* Partnerships */
.partnership-section{background:linear-gradient(180deg,#f2f7ff,#fff)}
.partnership-grid{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center}
.partner-copy h2{font-size:46px;line-height:1.08;letter-spacing:-1.7px}.partner-copy p{margin-top:18px;color:var(--muted)}
.partner-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:26px 0}.partner-list li{font-size:12px;font-weight:800;color:#405375;padding-left:18px;position:relative}.partner-list li:before{content:"•";position:absolute;left:0;color:var(--blue);font-size:22px;line-height:.7}
.event-badge{position:absolute;z-index:3;left:20px;top:20px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;color:#415477;box-shadow:var(--shadow-soft)}
.partner-network-card{position:relative;min-height:530px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 50% 44%,#fff 0,#f2f7ff 45%,#e7f0ff 100%);border:1px solid #d9e5f6;box-shadow:var(--shadow-soft);isolation:isolate}
.partner-network-card:before{content:"";position:absolute;inset:8%;background-image:radial-gradient(circle,#2a71ee 1.15px,transparent 1.2px);background-size:13px 13px;opacity:.15;mask-image:radial-gradient(ellipse at center,#000 0 46%,transparent 76%)}
.partner-network-card:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(42,113,238,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px rgba(42,113,238,.035),0 0 0 100px rgba(42,113,238,.025)}
.network-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(42,113,238,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg);z-index:1}.orbit-a{width:78%;height:38%}.orbit-b{width:50%;height:70%;transform:translate(-50%,-50%) rotate(31deg)}
.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#0a3fae,#1267ed);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 22px 55px rgba(15,73,174,.28),inset 0 0 0 10px rgba(255,255,255,.12)}
.network-center span{width:54px;height:54px;border-radius:16px;background:#fff;color:#0b50d1;display:grid;place-items:center;font-size:20px;font-weight:1000;margin-bottom:10px}.network-center .network-logo{width:58px;height:58px;object-fit:contain;border-radius:16px;background:#fff;padding:4px;margin-bottom:10px;box-shadow:0 8px 20px rgba(4,39,112,.18)}.network-center strong{font-size:20px;letter-spacing:-.4px}.network-center small{font-size:10px;opacity:.84;margin-top:4px;font-weight:800}
.network-node{position:absolute;z-index:5;background:#fff;border:1px solid #cfe0fb;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:900;color:#294d86;box-shadow:0 10px 30px rgba(35,76,138,.12)}
.network-node:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#145ee6;margin-right:7px;box-shadow:0 0 0 4px rgba(20,94,230,.12)}
.node-afrique{left:10%;top:27%}.node-diaspora{right:8%;top:25%}.node-partenaires{left:9%;bottom:24%}.node-opportunites{right:7%;bottom:22%}
.compact-network{min-height:390px}.compact-network .network-center{width:160px;height:160px}.compact-network .network-center span{width:46px;height:46px}.compact-network .network-center .network-logo{width:50px;height:50px}.compact-network .event-badge{top:auto;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap}


/* CTA */
.dr-cta-band{padding:54px 0;background:linear-gradient(135deg,#1357e8,#0a38ad);color:#fff}
.cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta-grid .eyebrow{color:#b8dcff}.cta-grid h2{font-size:38px;line-height:1.12;letter-spacing:-1.2px}.cta-grid p{color:#d4e3ff;margin-top:8px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* Footer */
.site-footer{background:#041333;color:#fff;padding:58px 0 0}
.footer-grid{display:grid;grid-template-columns:1.55fr .8fr .9fr 1fr;gap:50px;padding-bottom:42px}
.footer-brand .frow{display:flex;align-items:center;gap:10px}.footer-logo{width:48px;height:48px;object-fit:contain;border-radius:10px}.fword{font-size:25px;font-weight:900}.fword span{color:#3a83ff}.footer-brand p{margin-top:18px;color:#9fb3d7;font-size:13px;max-width:310px}.footer-brand>strong{display:block;margin-top:14px;color:#d7e7ff;font-size:12px}
.site-footer h5{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#82c5ff;margin-bottom:15px}.site-footer ul{display:grid;gap:9px}.site-footer li,.site-footer a{font-size:12px;color:#c5d3ec}.site-footer a:hover{color:#fff}
.legal{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.11);padding:18px 0 22px;color:#8299c0;font-size:10px}.legal b{color:#9fcfff;letter-spacing:.6px}

/* Generic internal pages */
.pagehead{padding:82px 0;background:linear-gradient(135deg,#071a46,#0d3d91);color:#fff}.pagehead .eyebrow{color:#87d0ff}.pagehead h1{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-2px;max-width:900px}.pagehead p{max-width:800px;margin-top:18px;color:#c4d7f7;font-size:17px}
.subnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:78px;z-index:50}.subnav .wrap{display:flex;gap:26px;overflow-x:auto}.subnav a{padding:14px 0;font-size:12px;font-weight:900;color:#52627f;white-space:nowrap}.subnav a:hover{color:var(--blue)}
.sec{padding:84px 0}.sec.white{background:#fff}.sec.alt{background:#f5f8fc}.sec-head{max-width:830px;margin-bottom:36px}.sec-head h2{font-size:42px;line-height:1.1;letter-spacing:-1.5px}.sec-head p{color:var(--muted);margin-top:12px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px;min-height:220px;box-shadow:0 8px 24px rgba(15,43,95,.04)}.card .num{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:#edf4ff;color:var(--blue);font-size:11px;font-weight:950;padding:0 8px}.card h3{font-size:20px;margin-top:17px}.card p{font-size:13px;color:var(--muted);margin-top:9px}.read-more{display:block;margin-top:18px;color:var(--blue);font-size:12px;font-weight:900}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.copy h2{font-size:42px;line-height:1.08;letter-spacing:-1.4px}.copy p{color:var(--muted);margin-top:16px}.copy .btn{margin-top:22px}.media{position:relative;border-radius:24px;overflow:hidden;background:#eef3fa;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.media img{width:100%;min-height:360px;object-fit:cover}.media .tag{position:absolute;left:16px;bottom:16px;background:#fff;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900;color:#3f5276;box-shadow:var(--shadow-soft)}
.values{padding:48px 0;background:#071a46;color:#fff}.values .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.values .grid>div{border-left:2px solid #2d82ff;padding-left:18px}.values h3{font-size:18px}.values p{font-size:12px;color:#b8caea;margin-top:5px}
.positioning{padding:90px 0;background:#061640;color:#fff;text-align:center}.positioning .big{font-size:52px;line-height:1.1;font-weight:900;letter-spacing:-1.8px}.positioning .big i{color:#61c9ff;font-style:normal}.positioning .line{color:#7dc8ff;font-size:13px;margin-top:12px;font-weight:800}.positioning p{max-width:760px;margin:18px auto 0;color:#b9c9e6}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.step{padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px}.step b{color:var(--blue);font-size:11px}.step h4{margin-top:5px}.step p{font-size:12px;margin-top:5px}
.panels{padding:70px 0;background:#f5f8fc}.panels .wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border-radius:24px;padding:34px;color:#fff;min-height:340px}.panel.blue{background:linear-gradient(145deg,#0b54e9,#092d84)}.panel.gold{background:linear-gradient(145deg,#705500,#b88500)}.plogo img{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#fff}.panel h3{font-size:30px;margin-top:18px}.panel ul{margin-top:16px;display:grid;gap:8px}.panel li{font-size:13px;color:#e4edff}.pbtn{display:inline-block;margin-top:20px;font-weight:900;font-size:12px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.form-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;box-shadow:var(--shadow-soft)}.form-card h3{font-size:27px}.form-card form{display:grid;gap:8px;margin-top:20px}.form-card label{font-size:11px;font-weight:900;color:#405375;margin-top:8px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #ccd8ea;border-radius:11px;padding:12px 13px;background:#fbfdff;color:var(--ink)}.form-card textarea{min-height:130px;resize:vertical}.notice{margin-top:18px;padding:12px;border-radius:10px;background:#fff6d9;color:#765600;font-size:11px}.contact-list{display:grid;gap:16px}.contact-list .card{min-height:auto}

/* Training page compatibility */
.formation-hero{padding:86px 0;background:linear-gradient(135deg,#071a46,#0d3d91);color:#fff}.formation-hero .eyebrow{color:#83ccff}.formation-hero h1{font-size:clamp(42px,5vw,62px);line-height:1.08;max-width:960px;letter-spacing:-1.8px}.formation-hero p{margin-top:16px;color:#c8d9f4;font-size:17px;max-width:760px}.formation-benefits{background:#fff;padding:34px 0;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-item{display:flex;gap:13px;align-items:flex-start}.benefit-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#edf4ff;display:grid;place-items:center;color:var(--blue);font-weight:900}.benefit-item h3{font-size:15px}.benefit-item p{font-size:11px;color:var(--muted);margin-top:3px}.training-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.training-copy h2{font-size:42px;line-height:1.1}.training-copy p{color:var(--muted);margin-top:14px}.training-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn-whatsapp{background:#18a75b;color:#fff}.training-feature-card{padding:30px;border-radius:22px;background:#071a46;color:#fff}.training-feature-card h3{font-size:26px}.training-feature-card p{color:#bfd0ec;margin-top:10px}.feature-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.feature-points span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:10px}.training-programs{padding:82px 0;background:#f5f8fc}.program-row{display:grid;grid-template-columns:70px 1.15fr .95fr auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:14px}.program-icon{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-weight:950}.program-main h3{font-size:18px}.program-main p{font-size:12px;color:var(--muted);margin-top:5px}.program-meta{display:grid;gap:4px}.program-meta span{font-size:10px;color:#62718d}.program-actions{display:grid;gap:6px}.program-actions a{font-size:11px;color:var(--blue);font-weight:900}

/* Mobile */
@media (max-width:1100px){
  .impact-grid{grid-template-columns:repeat(3,1fr)}.impact-card:nth-child(4),.impact-card:nth-child(5){grid-column:span 1}
  .sector-focus-grid{grid-template-columns:1fr 1fr;gap:28px}.sector-images{grid-template-rows:220px 220px}
  .primary-nav{gap:16px}.primary-nav .menu{gap:16px}.primary-nav .menu a{font-size:12px}.brand-word small{display:none}
  .dr-hero-grid{grid-template-columns:1fr 1fr;gap:26px}.hero-opportunity-card{right:0}.dr-feature-grid{grid-template-columns:repeat(2,1fr)}
  .future-grid{grid-template-columns:repeat(2,1fr)}.product-card{grid-template-columns:1fr;min-height:auto}.product-img{min-height:350px}.founder-grid{grid-template-columns:260px 1fr}.founder-quote{grid-column:1/-1}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.card-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:860px){
  .impact-grid{grid-template-columns:repeat(2,1fr)}.impact-card:last-child{grid-column:1/-1}.impact-card:last-child img{aspect-ratio:16/8;object-position:50% 25%}
  .sector-focus-grid{grid-template-columns:1fr}.sector-images{grid-template-rows:260px 220px}.sector-image.primary{grid-row:auto;grid-column:1/-1}.sector-images .sector-image:nth-child(2),.sector-images .sector-image:nth-child(3){grid-row:2}
  .wrap{width:min(100% - 30px,760px)}
  .nav-toggle{display:block}.primary-nav{display:none;position:absolute;left:15px;right:15px;top:69px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav .menu{flex-direction:column;align-items:stretch;gap:0}.primary-nav .menu a{display:block;padding:11px 4px;border-bottom:1px solid var(--line-2)}.header-cta{margin:10px 0 0}.header-cta .btn{width:100%}
  .dr-hero{padding-top:28px}.dr-hero:after{display:none}.dr-hero-grid{grid-template-columns:1fr}.dr-hero-copy{padding-bottom:0}.dr-hero h1{font-size:56px}.dr-hero-visual{min-height:470px}.hero-opportunity-card{right:4%;bottom:15px}
  .dr-pillar-grid{grid-template-columns:1fr 1fr}.dr-pillar-grid>div:nth-child(2){border-right:0}.dr-pillar-grid .pillar-cta{grid-column:1/-1}
  .dr-section{padding:72px 0}.dr-section-head.split{grid-template-columns:1fr;gap:14px}.future-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.founder-grid{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr}.partnership-grid{grid-template-columns:1fr}.partner-network-card{min-height:460px}
  .cta-grid{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1.3fr 1fr}.footer-grid>div:last-child{grid-column:auto}.subnav{top:78px}.two-col,.panels .wrap,.training-intro-grid,.contact-grid{grid-template-columns:1fr}.values .grid,.benefit-grid{grid-template-columns:1fr 1fr}.program-row{grid-template-columns:60px 1fr}.program-meta,.program-actions{grid-column:2}
}

@media (max-width:580px){
  .impact-strip{padding:18px 0 58px}.impact-grid{grid-template-columns:1fr}.impact-card:last-child{grid-column:auto}.impact-card:last-child img{aspect-ratio:4/3}.impact-card img{aspect-ratio:16/10}.impact-card div{padding:14px 15px 16px}
  .sector-images{grid-template-columns:1fr;grid-template-rows:240px 220px 220px}.sector-image.primary{grid-column:auto}.sector-images .sector-image:nth-child(2),.sector-images .sector-image:nth-child(3){grid-row:auto}
  body{font-size:15px}.wrap{width:calc(100% - 24px)}.header-inner{min-height:68px}.brand-logo{width:40px;height:40px}.brand-word strong{font-size:22px}.primary-nav{top:62px}
  .dr-hero h1{font-size:44px;letter-spacing:-2px}.dr-hero .lede{font-size:15px}.dr-proof-row{grid-template-columns:1fr}.dr-proof-row span{padding:10px 0;border-right:0;border-bottom:1px solid var(--line)}.dr-proof-row span:last-child{border-bottom:0}.dr-hero-actions .btn{width:100%}.dr-hero-visual{min-height:430px}.hero-opportunity-card{width:190px;right:0;padding:14px}.dr-hero-map{inset:10px 0 60px}
  .dr-pillar-grid{grid-template-columns:1fr}.dr-pillar-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.dr-pillar-grid .pillar-cta{grid-column:auto}
  .dr-section-head h2,.founder-copy h2,.demo-copy h2,.partner-copy h2{font-size:34px}.dr-feature-grid,.future-grid{grid-template-columns:1fr}.dr-feature-card{min-height:225px}.product-card{grid-template-columns:1fr}.product-copy{padding:25px}.product-img{min-height:280px;padding:14px}.pro-reel-strip img{width:118px}
  .founder-grid{grid-template-columns:1fr}.founder-copy{padding:0}.founder-quote{padding:24px}.founder-quote blockquote{font-size:18px}
  .partner-list{grid-template-columns:1fr}.partner-network-card{min-height:420px}.network-center{width:150px;height:150px}.network-node{font-size:10px;padding:8px 10px}.cta-grid h2{font-size:32px}.cta-actions .btn{width:100%}
  .footer-grid{grid-template-columns:1fr;gap:28px}.legal{align-items:flex-start;gap:8px;flex-direction:column}.card-grid{grid-template-columns:1fr}.values .grid,.benefit-grid{grid-template-columns:1fr}.program-row{grid-template-columns:1fr}.program-icon,.program-meta,.program-actions{grid-column:auto}.steps{grid-template-columns:1fr}.pagehead{padding:64px 0}.pagehead h1{font-size:38px}.positioning .big{font-size:38px}
}


/* v5.2 refinements */
.hero-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 2px;color:#11864c;font-size:13px;font-weight:900;border-bottom:1px solid rgba(17,134,76,.3)}
.hero-whatsapp:hover{color:#0a683b}
.impact-grid{grid-template-columns:repeat(12,1fr);gap:16px}
.impact-card{grid-column:span 2}
.impact-card.impact-primary{grid-column:span 4}
.impact-card img{height:190px;aspect-ratio:auto}
.impact-card.impact-primary img{height:240px}
.impact-card.impact-primary div{padding:18px 18px 20px}
.impact-card.impact-primary h3{font-size:18px}
.impact-card.impact-primary p{font-size:12px}
.impact-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf4ff;color:var(--blue);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.dr-feature-card.has-media{padding:0 20px 58px;min-height:390px;overflow:hidden}
.feature-media{height:138px;margin:0 -20px 18px;background:linear-gradient(145deg,#eef4ff,#fff);overflow:hidden;border-bottom:1px solid var(--line-2)}
.feature-media img{width:100%;height:100%;object-fit:cover}
.feature-media.product-media{background:#f4f8ff}
.feature-media.product-media img{object-fit:contain;padding:10px}
.dr-feature-card.has-media .ficon{position:absolute;top:112px;left:20px;width:42px;height:42px;margin:0;background:#fff;box-shadow:0 8px 20px rgba(13,46,101,.12)}
.dr-feature-card.has-media h3{margin-top:28px}
.dr-feature-card.has-media a{left:20px}
.contact-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.btn-whatsapp{background:#16a45c;color:#fff;box-shadow:0 10px 24px rgba(22,164,92,.18)}
.btn-whatsapp-ghost{border-color:rgba(255,255,255,.38);color:#fff;background:rgba(22,164,92,.18)}
.contact-confidence{margin-top:18px;padding:13px 15px;border-radius:12px;background:#f3f7ff;border:1px solid #d9e6fb;color:#4a5d80;font-size:11px;font-weight:800}
.home .dr-section{padding:84px 0}
.home .dr-products{padding-top:88px}
.home .founder-section{padding-top:80px;padding-bottom:80px}
@media (max-width:1100px){.impact-card,.impact-card.impact-primary{grid-column:span 4}.impact-card.impact-primary img,.impact-card img{height:210px}}
@media (max-width:860px){.impact-grid{grid-template-columns:repeat(2,1fr)}.impact-card,.impact-card.impact-primary{grid-column:auto}.impact-card.impact-primary{grid-column:1/-1}.impact-card.impact-primary img{height:300px}.impact-card img{height:230px}.dr-feature-card.has-media{min-height:365px}}
@media (max-width:580px){.impact-grid{grid-template-columns:1fr}.impact-card,.impact-card.impact-primary{grid-column:auto}.impact-card img,.impact-card.impact-primary img{height:auto;aspect-ratio:16/10}.dr-feature-card.has-media{min-height:370px}.contact-quick-actions .btn{width:100%}.hero-whatsapp{width:100%;border:1px solid #cbe8d9;border-radius:12px;padding:12px}}


/* v5.2.1 — photo-free hero leadership visual + stronger link resilience */
.hero-ecosystem{isolation:isolate;min-height:510px;align-items:center;justify-content:center}
.hero-ecosystem .dr-hero-map{inset:10px 0 45px 0;border-radius:42% 50% 46% 52%}
.ecosystem-core{position:relative;z-index:3;width:245px;min-height:245px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;background:linear-gradient(145deg,#073ec0,#0d62f2 58%,#17a9ed);color:#fff;box-shadow:0 28px 70px rgba(8,72,187,.25),inset 0 0 0 10px rgba(255,255,255,.08)}
.ecosystem-core:before{content:"";position:absolute;inset:-22px;border:1px solid rgba(32,111,234,.22);border-radius:50%}
.ecosystem-core span{font-size:12px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:#dceaff}
.ecosystem-core strong{font-size:27px;line-height:1.04;margin:10px 0 12px;letter-spacing:-.9px}
.ecosystem-core small{font-size:11px;line-height:1.45;color:#e8f1ff;max-width:175px}
.ecosystem-node{position:absolute;z-index:4;width:168px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid #dce8fa;box-shadow:0 14px 34px rgba(14,54,126,.11);backdrop-filter:blur(8px)}
.ecosystem-node b,.ecosystem-node small{display:block}.ecosystem-node b{font-size:12px;color:var(--ink)}.ecosystem-node small{font-size:9px;line-height:1.35;color:#697a98;margin-top:3px}
.node-digital{left:2%;top:25%}.node-data{right:2%;top:20%}.node-market{left:5%;bottom:17%}.node-network{right:4%;bottom:18%}
.hero-ecosystem .hero-opportunity-card{right:50%;transform:translateX(50%);bottom:-4px;width:min(330px,70%);text-align:center;padding:14px 18px}
.founder-grid-no-photo{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:44px;align-items:stretch}
.founder-grid-no-photo .founder-copy{padding:8px 0}
.founder-grid-no-photo .founder-quote{grid-column:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:center}

@media (max-width:860px){
  .hero-ecosystem{min-height:500px}.ecosystem-core{width:220px;min-height:220px}.ecosystem-node{width:150px}.node-digital{left:0}.node-data{right:0}.node-market{left:2%}.node-network{right:2%}
  .founder-grid-no-photo{grid-template-columns:1fr}.founder-grid-no-photo .founder-quote{grid-column:auto}
}
@media (max-width:580px){
  .hero-ecosystem{min-height:520px}.ecosystem-core{width:190px;min-height:190px;padding:25px}.ecosystem-core strong{font-size:23px}.ecosystem-node{width:132px;padding:10px}.ecosystem-node b{font-size:10px}.ecosystem-node small{font-size:8px}.node-digital{top:17%}.node-data{top:17%}.node-market{bottom:22%}.node-network{bottom:22%}.hero-ecosystem .hero-opportunity-card{width:92%;bottom:0}
}


/* v5.2.2 — final photo removal + navigation resilience + founder refinement */
.founder-method{background:linear-gradient(145deg,#071a46,#0b3d92);color:#fff;border:0;box-shadow:0 22px 55px rgba(5,34,92,.18)}
.founder-method>span{color:#8fbcff}
.founder-method h3{font-size:24px;line-height:1.16;margin:10px 0 18px;letter-spacing:-.45px}
.founder-method ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.founder-method li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.founder-method li>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#8fd5ff;font-size:10px}
.founder-method li strong,.founder-method li small{display:block}.founder-method li strong{font-size:13px}.founder-method li small{font-size:10px;line-height:1.45;color:#c8d8f3;margin-top:3px}
.hero-ecosystem:before{content:"";position:absolute;inset:9% 8% 15%;border:1px solid rgba(31,109,235,.12);border-radius:50%;z-index:0;pointer-events:none}
.ecosystem-node{transition:transform .2s ease,box-shadow .2s ease}.ecosystem-node:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(14,54,126,.15)}
@media (max-width:580px){.founder-method h3{font-size:21px}.founder-method{padding:22px}}

/* v5.2.4 — Direct WhatsApp & Facebook contact */
.whatsapp-contact-card .whatsapp-number{margin:14px 0 2px;font-size:1.12rem;font-weight:800;color:var(--navy);}
.whatsapp-contact-card .whatsapp-number a{color:var(--navy);text-decoration:none;}
.whatsapp-contact-card .whatsapp-number a:hover{text-decoration:underline;}
.whatsapp-contact-card .btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;background:#128c4a;color:#fff;border-color:#128c4a;}
.whatsapp-contact-card .btn-whatsapp:hover{background:#0e7b40;border-color:#0e7b40;color:#fff;}
.whatsapp-contact-card .whatsapp-fallback{margin-top:10px;font-size:.86rem;color:#68758f;}


/* v5.2.4 — direct contact channels */
.contact-direct-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}
.contact-direct-hero{border:1px solid var(--line);border-radius:24px;padding:34px;background:linear-gradient(145deg,#071a46 0%,#0c2f72 100%);color:#fff;box-shadow:var(--shadow-soft)}
.contact-direct-hero .eyebrow{color:#8fcaff}.contact-direct-hero h2{font-size:clamp(32px,4vw,48px);line-height:1.06;letter-spacing:-1.2px;margin-top:8px}.contact-direct-hero>p{color:#ccdaf3;font-size:16px;max-width:680px;margin-top:14px}
.direct-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.direct-channel{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:18px;border-radius:17px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.direct-channel:hover{transform:translateY(-2px);color:#fff;box-shadow:0 16px 32px rgba(0,0,0,.17)}
.direct-channel .channel-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:950;font-size:18px}.direct-channel strong{display:block;font-size:18px}.direct-channel small{display:block;color:rgba(255,255,255,.82);font-size:11px;margin-top:3px}.direct-channel>b{font-size:24px}
.whatsapp-channel{background:#128c4a}.whatsapp-channel:hover{background:#0e7b40}.facebook-channel{background:#1877f2}.facebook-channel:hover{background:#0e66d1}
.contact-direct-note{margin-top:20px;padding:13px 15px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:12px;color:#d8e4f7;font-size:12px}.contact-direct-note a{color:#fff;font-weight:800}
.contact-direct-side{display:grid;gap:16px}.contact-direct-side .card{min-height:auto}.contact-action-card .btn{margin-top:14px}.contact-media img{min-height:250px;object-fit:cover}
@media(max-width:900px){.contact-direct-grid{grid-template-columns:1fr}.direct-channel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.direct-channel-grid{grid-template-columns:1fr}.contact-direct-hero{padding:24px}.direct-channel{grid-template-columns:48px 1fr auto}.direct-channel .channel-icon{width:48px;height:48px}}

@media (max-width: 760px){.demo-grid-visual{grid-template-columns:1fr}.demo-visual{min-height:390px}.demo-field-img{min-height:390px}.demo-product-card{left:14px;right:14px;bottom:14px;width:auto;grid-template-columns:86px 1fr}.demo-product-card img{width:86px;height:96px}.demo-product-card strong{font-size:17px}}

/* v5.2.7 — terrain video integration (retained in v5.2.9) */
.demo-video-stage{min-height:560px;isolation:isolate}
.demo-video-stage .demo-field-img{min-height:560px;filter:saturate(.96) brightness(.91)}
.demo-video-stage:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,20,58,.10) 0%,rgba(2,20,58,.22) 45%,rgba(2,20,58,.48) 100%);pointer-events:none}
.terrain-video-shell{position:absolute;z-index:4;right:24px;top:24px;bottom:24px;width:min(310px,42%);display:flex;flex-direction:column;padding:8px;border-radius:28px;background:#07152f;border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 55px rgba(1,18,52,.34);overflow:hidden}
.terrain-video-label{display:flex;align-items:center;gap:7px;padding:8px 10px 9px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.live-dot{width:8px;height:8px;border-radius:50%;background:#2ddf78;box-shadow:0 0 0 4px rgba(45,223,120,.16)}
.terrain-video{display:block;width:100%;height:calc(100% - 35px);min-height:0;object-fit:cover;border-radius:20px;background:#06132b}
.demo-product-card-left{left:22px;right:auto;bottom:22px;width:min(310px,49%)}
.demo-video-stage .demo-product-card{z-index:5}
@media (max-width:900px){
  .demo-video-stage{min-height:600px}.demo-video-stage .demo-field-img{min-height:600px}
  .terrain-video-shell{width:300px;max-width:44%;right:18px;top:18px;bottom:18px}
  .demo-product-card-left{left:18px;bottom:18px;width:min(300px,48%)}
}
@media (max-width:680px){
  .demo-video-stage{min-height:auto;display:grid;gap:14px;padding:14px;background:linear-gradient(145deg,#eaf2ff,#f7faff)}
  .demo-video-stage:before,.demo-video-stage:after{display:none}
  .demo-video-stage .demo-field-img{position:relative;min-height:0;height:230px;border-radius:18px;filter:none}
  .terrain-video-shell{position:relative;right:auto;top:auto;bottom:auto;width:min(100%,340px);max-width:none;height:520px;justify-self:center;border-radius:24px}
  .demo-product-card-left{position:relative;left:auto;right:auto;bottom:auto;width:100%;grid-template-columns:80px 1fr;box-shadow:none}
  .demo-product-card-left img{width:80px;height:88px}
}


/* v5.2.8 — final launch polish: tighter copy rhythm + consistent mobile spacing */
@media (max-width:860px){
  .home .dr-section,.sec,.sector-focus,.partnership-section{padding:64px 0}
  .dr-cta-band{padding:44px 0}
  .dr-section-head,.sec-head{margin-bottom:28px}
  .two-col,.sector-focus-grid,.partnership-grid,.demo-grid{gap:30px}
  .card-grid,.dr-feature-grid,.future-grid,.product-grid{gap:16px}
  .pagehead{padding:56px 0}
  .pagehead p{font-size:15px;margin-top:14px}
  .subnav .wrap{gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .subnav .wrap::-webkit-scrollbar{display:none}
  .subnav a{white-space:nowrap;flex:0 0 auto}
}
@media (max-width:580px){
  .home .dr-section,.sec,.sector-focus,.partnership-section{padding:52px 0}
  .dr-cta-band{padding:38px 0}
  .impact-strip{padding:14px 0 48px}
  .dr-section-head,.sec-head{margin-bottom:24px}
  .dr-section-head h2,.sec-head h2,.copy h2,.sector-copy h2,.partner-copy h2,.founder-copy h2,.demo-copy h2{font-size:32px;letter-spacing:-1px}
  .pagehead{padding:48px 0}.pagehead h1{font-size:36px;letter-spacing:-1.3px}.pagehead p{font-size:14px}
  .card{min-height:auto;padding:22px}
  .dr-feature-card{min-height:auto;padding-bottom:54px}
  .dr-feature-card.has-media{min-height:0;padding-bottom:54px}
  .future-grid article{min-height:auto;padding:21px}
  .two-col,.sector-focus-grid,.partnership-grid,.demo-grid,.contact-direct-grid{gap:24px}
  .sector-points{margin:20px 0;gap:8px}
  .product-copy{padding:22px}.product-img{min-height:250px}
  .founder-grid-no-photo{gap:24px}.founder-quote{padding:22px}
  .cta-grid{gap:20px}.cta-actions{gap:10px}.cta-actions .btn{width:100%}
  .contact-direct-hero{padding:22px}.contact-direct-hero h2{font-size:32px}.contact-direct-hero>p{font-size:14px}
  .site-footer{padding-top:48px}.footer-grid{gap:24px}.legal{margin-top:32px;padding:20px 0 24px}
}


/* v5.2.9 — Data Raaga digitalisation example */
.digital-proof{background:linear-gradient(135deg,#061640 0%,#0a2458 58%,#104fc8 100%);color:#fff;overflow:hidden}
.digital-proof-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:52px;align-items:center}
.digital-proof .eyebrow{color:#9fc2ff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.digital-proof-copy h2{max-width:720px;margin:14px 0 16px;color:#fff;font-size:44px;line-height:1.08;letter-spacing:-1.2px}
.digital-proof-copy>p{max-width:690px;color:#d9e5fb;font-size:17px;line-height:1.75}
.digital-proof-points{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}
.digital-proof-points span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:800}
.digital-proof-points span:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1dbf73;color:#fff;font-size:11px}
.digital-proof .btn-primary{background:#fff;color:#0b47c5;border-color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.digital-proof .btn-primary:hover{background:#edf4ff;color:#083a9f}
.digital-proof-media{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}
.digital-proof-media:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(51,134,255,.28),rgba(51,134,255,0) 70%);inset:50% auto auto 50%;transform:translate(-50%,-50%);pointer-events:none}
.digital-proof-phone{position:relative;z-index:1;width:min(100%,340px);padding:9px;border-radius:32px;background:#050d21;border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 70px rgba(0,0,0,.34)}
.digital-proof-label{display:flex;align-items:center;gap:7px;padding:9px 10px;color:#fff;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:900}
.digital-proof-video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:23px;background:#000}
.digital-proof-caption{position:relative;z-index:1;max-width:350px;margin:0;color:#c6d7f5;text-align:center;font-size:11px;line-height:1.5}
.services-digital-proof{margin-top:0}
@media (max-width:900px){.digital-proof-grid{grid-template-columns:1fr;gap:34px}.digital-proof-copy{text-align:center}.digital-proof-copy h2,.digital-proof-copy>p{margin-left:auto;margin-right:auto}.digital-proof-points{justify-content:center}.digital-proof-phone{width:min(100%,320px)}}
@media (max-width:580px){.digital-proof{padding-top:58px;padding-bottom:58px}.digital-proof-copy h2{font-size:34px}.digital-proof-copy>p{font-size:15px}.digital-proof-points{gap:7px}.digital-proof-points span{padding:8px 10px;font-size:11px}.digital-proof-phone{width:min(88vw,300px);border-radius:26px}.digital-proof-video{border-radius:19px}.digital-proof .btn{width:100%}}


/* v5.3.0 — final readability + CTA hierarchy + mobile rhythm */
/* Make the ecosystem diagram readable at real browser sizes. */
.map-label{font-size:11px;padding:9px 13px}
.ecosystem-node{width:178px;padding:14px 15px}
.ecosystem-node b{font-size:13px;line-height:1.25}
.ecosystem-node small{font-size:10px;line-height:1.42;margin-top:4px}
.ecosystem-core span{font-size:13px}
.ecosystem-core strong{font-size:29px}
.ecosystem-core small{font-size:12px;line-height:1.5}
.hero-ecosystem .hero-opportunity-card{padding:16px 20px}
.hero-opportunity-card .mini-kicker{font-size:11px}
.hero-opportunity-card strong{font-size:16px}
.hero-opportunity-card p{font-size:12px}

/* Keep one unmistakable primary action in the hero. */
.dr-hero-actions{align-items:center;gap:12px}
.dr-hero-actions .btn-primary{min-height:56px;padding:15px 30px;font-size:15px;border-radius:13px;box-shadow:0 15px 34px rgba(19,87,232,.30)}
.dr-hero-actions .btn-outline-light{min-height:48px;padding:11px 20px;font-size:13px;box-shadow:none}
.dr-hero-actions .hero-whatsapp{min-height:48px;font-size:12px;padding-inline:5px;opacity:.94}

/* Card copy: short, readable, visually consistent. */
.dr-feature-card p,.impact-card p,.future-grid p{line-height:1.48}
.dr-feature-card p{max-width:31ch}
.current-grid .dr-feature-card h3{line-height:1.2}

@media (max-width:1100px){
  .ecosystem-node{width:164px}
  .ecosystem-node b{font-size:12px}.ecosystem-node small{font-size:9.5px}
}
@media (max-width:860px){
  .dr-hero{padding:36px 0 30px}
  .dr-hero-grid{gap:30px}
  .dr-hero-copy{padding:18px 0 4px}
  .dr-hero .lede{margin-top:18px;line-height:1.62}
  .dr-hero-actions{margin-top:22px}
  .dr-proof-row{margin-top:28px;padding-top:18px}
  .ecosystem-node{width:158px;padding:13px 14px}
  .ecosystem-node b{font-size:12px}.ecosystem-node small{font-size:9.5px}
  .hero-ecosystem .hero-opportunity-card{padding:15px 18px}
}
@media (max-width:580px){
  .wrap{width:min(100% - 32px,1240px)}
  .dr-hero{padding:26px 0 24px}
  .dr-hero h1{font-size:42px;line-height:1.01;letter-spacing:-1.8px}
  .dr-hero .lede{font-size:15px;line-height:1.58;margin-top:16px}
  .dr-hero-actions{gap:9px;margin-top:20px}
  .dr-hero-actions .btn-primary{min-height:54px;font-size:14px}
  .dr-hero-actions .btn-outline-light{min-height:48px}
  .dr-proof-row{margin-top:24px;padding-top:14px}
  .hero-ecosystem{min-height:500px}
  .ecosystem-core{width:194px;min-height:194px;padding:25px}
  .ecosystem-core span{font-size:11px}.ecosystem-core strong{font-size:24px}.ecosystem-core small{font-size:10.5px}
  .ecosystem-node{width:140px;padding:11px 12px}
  .ecosystem-node b{font-size:11px}.ecosystem-node small{font-size:9px;line-height:1.35}
  .map-label{font-size:9.5px;right:14px;top:16px}
  .hero-ecosystem .hero-opportunity-card{width:94%;padding:14px 16px}
  .hero-opportunity-card strong{font-size:15px}.hero-opportunity-card p{font-size:10.5px}
  .impact-heading p,.dr-section-head.split>p{font-size:13px}
}


/* v5.3.2 — ecosystem label clipping fix + professional profile */
.hero-ecosystem .dr-hero-map{overflow:visible}
.hero-ecosystem .map-label{right:54px;top:30px;white-space:nowrap;z-index:6;max-width:none}
.founder-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px}
.founder-stats span{display:flex;flex-direction:column;gap:2px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}
.founder-stats strong{font-size:18px;line-height:1.15;color:var(--blue);font-weight:900}
.founder-stats small{font-size:10.5px;line-height:1.35;color:#657595;font-weight:800}
.founder-bio p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:15px}
.founder-bio strong{color:var(--ink)}
.founder-profile-aside{align-self:stretch;justify-content:center}
.founder-profile-aside blockquote{font-size:20px}
@media (max-width:1100px){.hero-ecosystem .map-label{right:44px;top:28px}}
@media (max-width:860px){.hero-ecosystem .map-label{right:34px;top:24px}.founder-stats{grid-template-columns:1fr}}
@media (max-width:580px){.hero-ecosystem .map-label{right:22px;top:18px;font-size:9px;padding:8px 10px}.founder-stats{gap:8px;margin-top:18px}.founder-stats span{padding:11px 12px}.founder-stats strong{font-size:16px}}


/* v5.3.3 — founder portrait integration */
.founder-grid-with-photo{grid-template-columns:minmax(230px,.72fr) minmax(0,1.38fr) minmax(300px,.8fr);gap:34px;align-items:stretch}
.founder-grid-with-photo .founder-copy{padding:8px 0}
.founder-photo-card{position:relative;margin:0;min-height:100%;border-radius:26px;overflow:hidden;background:#eaf2ff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(15,63,151,.13)}
.founder-photo-card img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover;object-position:center 34%}
.founder-photo-card:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(4,20,57,.82));pointer-events:none}
.founder-photo-card figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff;display:grid;gap:3px}
.founder-photo-card figcaption strong{font-size:17px;line-height:1.1;font-weight:900}
.founder-photo-card figcaption span{font-size:10.5px;line-height:1.35;color:#d9e8ff;font-weight:700}
.founder-grid-about{grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr) minmax(300px,.73fr)}
.founder-photo-large img{min-height:560px;object-position:center 34%}
@media (max-width:1100px){
  .founder-grid-with-photo,.founder-grid-about{grid-template-columns:250px 1fr}
  .founder-grid-with-photo .founder-quote,.founder-grid-about .founder-quote{grid-column:1/-1}
  .founder-photo-card img{min-height:390px}.founder-photo-large img{min-height:480px}
}
@media (max-width:860px){
  .founder-grid-with-photo,.founder-grid-about{grid-template-columns:1fr;gap:24px}
  .founder-photo-card{max-width:440px;width:100%;min-height:auto;margin:0 auto}
  .founder-photo-card img,.founder-photo-large img{height:auto;min-height:0;aspect-ratio:4/5;object-fit:cover;object-position:center 34%}
  .founder-grid-with-photo .founder-quote,.founder-grid-about .founder-quote{grid-column:auto}
}
@media (max-width:580px){
  .founder-photo-card{border-radius:20px}.founder-photo-card figcaption{left:16px;right:16px;bottom:15px}.founder-photo-card figcaption strong{font-size:16px}
}

/* v5.3.4 — official Data Raaga logo in network diagrams */

/* =========================================================
   Formations v5.3.5
   ========================================================= */
.formation-hero{padding:86px 0 78px;background:linear-gradient(135deg,#061640 0%,#0a2d70 58%,#1057d8 100%);color:#fff;position:relative;overflow:hidden}
.formation-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-130px;top:-230px;border:70px solid rgba(255,255,255,.055)}
.formation-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}
.formation-hero .eyebrow{color:#83ccff}.formation-hero h1{font-size:clamp(46px,5.2vw,72px);line-height:1.02;max-width:800px;letter-spacing:-2.4px}.formation-hero h1 span{color:#73cfff}.formation-hero p{margin-top:20px;color:#cfdef7;font-size:18px;max-width:760px;line-height:1.72}
.training-kicker{display:inline-block;color:#8ed7ff;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.training-feature-card{padding:34px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(4,24,69,.55);box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(8px)}.training-feature-card h3{font-size:29px;line-height:1.13}.training-feature-card p{font-size:14px;line-height:1.7}.feature-points span{font-size:11px;padding:8px 11px}
.formation-benefits{padding:38px 0}.benefit-grid{gap:24px}.benefit-item{padding:5px 0}.benefit-icon{background:#eaf2ff;color:#1057d8}.benefit-item h3{font-size:16px}.benefit-item p{font-size:12px;line-height:1.55}
.training-programs{padding:88px 0;background:linear-gradient(180deg,#f7faff 0%,#f2f6fc 100%)}.training-heading{max-width:820px}.training-heading h2{font-size:clamp(34px,4vw,50px);letter-spacing:-1.6px;line-height:1.08}.training-heading p{font-size:15px;margin-top:10px;color:var(--muted)}
.training-categories{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 32px}.training-categories span{padding:8px 12px;border:1px solid #d4e1f7;border-radius:999px;background:#fff;color:#435575;font-size:11px;font-weight:800}
.training-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.training-card{position:relative;min-height:270px;background:#fff;border:1px solid #dce6f5;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(16,47,98,.055);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.training-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,47,98,.11);border-color:#bfd3f7}.training-card.featured{background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%);border-color:#c8dafe}.training-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.training-card .program-icon{width:auto;min-width:52px;height:48px;padding:0 11px;border-radius:13px;font-size:12px}.training-number{font-size:12px;font-weight:900;color:#9aabc5;letter-spacing:1px}.training-card h3{font-size:19px;line-height:1.28;letter-spacing:-.25px}.training-card p{font-size:13px;color:#62718d;line-height:1.62;margin-top:10px}.training-tag{margin-top:auto;padding-top:18px;color:#1558db;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}.training-custom{padding:82px 0}.training-summary-panel{padding:28px;border:1px solid var(--line);border-radius:22px;background:#f7faff}.training-summary-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.training-summary-list div{padding:16px;border-radius:14px;background:#fff;border:1px solid #e1e9f6;display:flex;flex-direction:column}.training-summary-list b{font-size:14px}.training-summary-list span{font-size:11px;color:var(--muted);margin-top:3px}
@media(max-width:980px){.formation-hero-grid{grid-template-columns:1fr;gap:30px}.training-grid{grid-template-columns:1fr 1fr}.training-feature-card{max-width:720px}.training-summary-list{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.formation-hero{padding:58px 0 50px}.formation-hero h1{font-size:42px;letter-spacing:-1.7px}.formation-hero p{font-size:16px}.training-actions{display:grid;grid-template-columns:1fr}.training-actions .btn{width:100%}.formation-benefits{padding:28px 0}.benefit-grid{grid-template-columns:1fr}.training-programs{padding:60px 0}.training-grid{grid-template-columns:1fr}.training-card{min-height:0}.training-heading h2{font-size:34px}.training-custom{padding:60px 0}.training-summary-list{grid-template-columns:1fr}}

.training-groups{display:grid;gap:30px}.training-group{padding:28px;border:1px solid #dce6f5;border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 10px 32px rgba(16,47,98,.04)}.training-group-head{margin-bottom:18px;max-width:760px}.training-group-head h3{font-size:30px;line-height:1.12;letter-spacing:-.6px}.training-group-head p{font-size:14px;color:#62718d;margin-top:8px;line-height:1.6}.training-grid-two{grid-template-columns:repeat(2,1fr);max-width:820px}@media(max-width:980px){.training-grid-two{grid-template-columns:1fr 1fr}}@media(max-width:640px){.training-group{padding:20px}.training-group-head h3{font-size:25px}.training-group-head p{font-size:13px}.training-grid-two{grid-template-columns:1fr}}

/* v5.3.7 performance: skip layout/paint work for sections well below the fold until needed. */
@supports (content-visibility:auto){
  .impact-strip,.dr-section,.formation-benefits,.training-programs,.training-custom,.sec,.dr-cta-band{content-visibility:auto;contain-intrinsic-size:auto 820px}
}
