/* ============================================================
   Datylux — Exports section (rebuilt from exports.png to be editable)
   Heading, two export cards (PDF mini-report + Excel table) and the
   4-up benefit row are all editable HTML/SVG + text.
   ============================================================ */
.exp{
  --c-border:rgba(120,160,210,.16);--c-txt:#eef6ff;--c-txt2:#aebfd4;--c-txt3:#7390ae;
  position:relative;z-index:1;border-radius:24px;text-align:center;
  padding:42px 40px 34px;overflow:hidden;
  background:
    radial-gradient(90% 60% at 8% 34%,rgba(40,110,255,.12),transparent 42%),
    radial-gradient(90% 60% at 94% 34%,rgba(34,200,120,.12),transparent 42%),
    linear-gradient(170deg,#070e1c,#04070d);
  border:1px solid var(--c-border);
  box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
}
.exp__eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin:0 auto;
  padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5ea0ff;
  background:rgba(47,139,255,.1);border:1px solid rgba(47,139,255,.3);
}
.exp__eyebrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.exp__title{
  margin:20px 0 0;font-family:'Syne',sans-serif;font-weight:800;
  font-size:clamp(38px,5.4vw,76px);line-height:.98;letter-spacing:-.025em;color:#fff;
}
.exp__title .grad{color:transparent;background:linear-gradient(96deg,#3f8bff,#5ea0ff);-webkit-background-clip:text;background-clip:text;}
.exp__sub{margin:16px auto 0;max-width:640px;color:var(--c-txt2);font-size:clamp(16px,1.5vw,22px);line-height:1.45;}
.exp__sub .hl{color:#5ea0ff;font-weight:600;}

/* ---- two cards ---- */
.exp__cards{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;}
.exp-card{
  --ac:#2a86ff;border-radius:18px;padding:22px 22px 24px;
  background:linear-gradient(168deg,#0b1626,#070f1b);
  border:1px solid color-mix(in srgb,var(--ac) 30%,var(--c-border));
  box-shadow:0 22px 50px rgba(0,0,0,.4),0 0 34px color-mix(in srgb,var(--ac) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.03);
}
.exp-card__head{display:flex;align-items:center;gap:15px;}
.exp-card__logo{width:46px;height:46px;flex:none;display:grid;place-items:center;}
.exp-card__logo svg{width:100%;height:100%;}
.exp-card__h b{display:block;font-family:'Syne',sans-serif;font-size:clamp(19px,1.7vw,24px);font-weight:800;color:var(--c-txt);letter-spacing:-.01em;}
.exp-card__h span{display:block;margin-top:3px;font-size:14px;font-weight:600;color:color-mix(in srgb,var(--ac) 80%,#fff 20%);}

/* PDF mini report (white) */
.minireport{
  --w-txt:#0e1b2e;--w-txt2:#6b7a90;--w-line:#e4ebf4;
  margin-top:18px;border-radius:12px;background:#fff;color:var(--w-txt);
  padding:16px 16px 16px;box-shadow:0 12px 28px rgba(0,0,0,.34);
}
.minireport__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.minireport__brand{font-family:'Syne',sans-serif;font-weight:800;font-size:18px;letter-spacing:.04em;color:#0e1b2e;}
.minireport__meta{font-size:11.5px;color:var(--w-txt2);}
.minireport__rule{height:3px;border-radius:2px;margin:11px 0 13px;background:linear-gradient(90deg,#2f8bff,#5ea0ff);}
.minireport__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
.mr-kpi{background:#f4f7fb;border:1px solid var(--w-line);border-radius:9px;padding:9px 6px;text-align:center;}
.mr-kpi__l{font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--w-txt2);text-transform:uppercase;}
.mr-kpi__v{margin-top:3px;font-size:clamp(15px,1.3vw,18px);font-weight:800;color:var(--w-txt);letter-spacing:-.01em;}
.minireport__bar{height:3px;border-radius:2px;margin:13px 0 11px;background:linear-gradient(90deg,#2f8bff,#5ea0ff);opacity:.5;}
.minireport__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.mr-chip{border-radius:7px;padding:8px 10px;font-size:12px;font-weight:700;}
.mr-chip.b{color:#1466e0;background:#eaf2ff;}
.mr-chip.r{color:#e0345a;background:#ffeaef;}
.mr-chip.o{color:#d9760f;background:#fff2e2;}

/* Excel table (green) */
.exceltable{
  margin-top:18px;border-radius:12px;overflow:hidden;
  border:1px solid rgba(34,170,90,.34);background:#0a1a12;
}
.exceltable__tabs{display:flex;align-items:center;gap:6px;padding:11px 12px;background:linear-gradient(180deg,rgba(34,140,80,.32),rgba(20,90,52,.18));}
.xtab{font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:7px;color:#bfe8cf;}
.xtab.on{color:#06140c;background:#eafff2;}
.exceltable table{width:100%;border-collapse:collapse;font-size:12.5px;}
.exceltable th{text-align:right;font-weight:700;color:#a7d8bb;padding:9px 12px;background:rgba(20,80,48,.4);}
.exceltable th:first-child{text-align:left;}
.exceltable td{text-align:right;padding:9px 12px;color:#dceee2;border-top:1px solid rgba(60,140,90,.18);}
.exceltable td:first-child{text-align:left;font-weight:700;color:#7fe6a6;}
.exceltable td.net{color:#5fe39a;font-weight:700;}
.exceltable tr.total td{background:rgba(40,150,90,.16);font-weight:800;color:#eafff2;border-top:1px solid rgba(60,160,100,.4);}
.exceltable tr.total td:first-child{color:#eafff2;}

/* ---- benefit row ---- */
.exp__benefits{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left;
  padding-top:24px;border-top:1px solid var(--c-border);}
.benefit{display:flex;align-items:flex-start;gap:13px;}
.benefit__ic{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;}
.benefit__ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.benefit__ic.c-blue{color:#3f8bff;background:rgba(47,139,255,.1);border:1px solid rgba(47,139,255,.3);}
.benefit__ic.c-violet{color:#9b7bff;background:rgba(124,92,255,.1);border:1px solid rgba(124,92,255,.3);}
.benefit__ic.c-green{color:#2dd17e;background:rgba(34,200,120,.1);border:1px solid rgba(34,200,120,.3);}
.benefit__ic.c-orange{color:#ffa53d;background:rgba(255,150,40,.1);border:1px solid rgba(255,150,40,.3);}
.benefit__b b{display:block;font-size:clamp(15px,1.25vw,17px);font-weight:700;color:var(--c-txt);letter-spacing:-.01em;}
.benefit__b span{display:block;margin-top:3px;font-size:13.5px;color:var(--c-txt3);line-height:1.4;}

/* ---- responsive ---- */
@media(max-width:920px){
  .exp{padding:32px 18px 26px;}
  .exp__cards{grid-template-columns:1fr;}
  .exp__benefits{grid-template-columns:1fr 1fr;gap:18px 14px;}
}
@media(max-width:560px){
  .exp{padding:24px 13px 22px;border-radius:18px;}
  .minireport__kpis{grid-template-columns:repeat(2,1fr);}
  .exp__benefits{grid-template-columns:1fr;}
  .exceltable{overflow-x:auto;}
}