/* BioMedMe Digital Solutions page (/digital-solutions). Builds on legal.css and network.css. */
.ds{padding-top:16px;padding-bottom:70px;display:grid;gap:28px;}
.ds-product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(6,40,69,.05);}
.ds-product.flip .ds-copy{order:2;}
.ds-tag{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#e7f6f5;color:#0a7a7a;}
.ds-free{display:inline-block;margin-left:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:#e3f6ec;color:#17794d;}
.ds-copy h2{margin:12px 0 8px;font-size:clamp(24px,3vw,30px);color:var(--navy-deep);}
.ds-lead{font-size:17px;color:#33495a;}
.ds-for{margin-top:10px!important;font-size:15px;}
.ds-for b{color:var(--navy-deep);}
.ds-features{list-style:none;margin:16px 0 22px;display:grid;gap:10px;}
.ds-features li{position:relative;padding-left:28px;font-size:15px;line-height:1.55;}
.ds-features li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#e3f6f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008080' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;}
.ds-copy .btn-join{border:0;}
.ds-visual{display:grid;gap:16px;}
.ds-sheet{border-radius:16px;overflow:hidden;background:linear-gradient(150deg,var(--navy-deep),#0a3d62);color:#fff;padding-bottom:18px;}
.ds-sheet-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.06);font-size:12.5px;color:#a9c3d1;}
.ds-sheet-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25);}
.ds-sheet-bar span{margin-left:8px;}
.ds-sheet-title{margin:16px 18px 10px;font:700 15px 'Space Grotesk',sans-serif;color:var(--teal-light);letter-spacing:.04em;text-transform:uppercase;}
.ds-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px;}
.ds-tab{font-size:13px;font-weight:600;padding:6px 11px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e6f3f6;}
.ds-tab:first-child{background:var(--teal-light);border-color:var(--teal-light);color:var(--navy-deep);}
.ds-facts{list-style:none;display:grid;gap:8px;}
.ds-facts li{font-size:13.5px;line-height:1.5;color:#3d5262;padding:10px 12px;border-radius:12px;background:#f5f9fa;border:1px solid var(--line);}
.ds-note{margin-top:12px!important;font-size:13.5px;font-weight:600;color:#7a4d00!important;}
.ds-enquire{margin-top:6px;}
.net-form .full{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--navy-deep);}
@media(max-width:900px){.ds-product{grid-template-columns:1fr;padding:22px;gap:22px;}.ds-product.flip .ds-copy{order:0;}}
/* "Build your website" service card */
.ds-quote{display:inline-block;margin-left:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:#eaf0fb;color:#3a64b8;}
.ds-browser{position:relative;padding-bottom:0;}
.ds-site{margin:14px 14px 0;padding:14px;border-radius:12px 12px 0 0;background:#fff;display:grid;gap:14px;min-height:190px;}
.ds-site-nav{display:flex;align-items:center;gap:10px;}
.ds-site-nav b{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--teal-light),#0a8f8f);}
.ds-site-nav span{width:44px;height:7px;border-radius:4px;background:#dfe7ec;}
.ds-site-nav em{margin-left:auto;font:600 11px 'Inter',sans-serif;font-style:normal;color:#5c7080;}
.ds-site-hero{display:grid;gap:8px;padding:16px;border-radius:10px;background:linear-gradient(135deg,#eaf7f6,#f4f8fb);}
.ds-site-hero .l1{width:70%;height:12px;border-radius:6px;background:#0a3d62;}
.ds-site-hero .l2{width:50%;height:8px;border-radius:4px;background:#b9cbd6;}
.ds-site-hero .btn{width:84px;height:22px;border-radius:999px;background:var(--teal-light);margin-top:4px;}
.ds-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.ds-site-cards span{height:46px;border-radius:8px;border:1px solid #e4e9ec;background:#fbfdfd;}
.ds-wa{position:absolute;right:22px;bottom:16px;font:700 12px 'Inter',sans-serif;color:#fff;background:#25D366;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(37,211,102,.35);}
/* "Build your system" service card */
.ds-app{display:grid;grid-template-columns:96px 1fr;margin:14px 14px 0;border-radius:12px 12px 0 0;overflow:hidden;background:#fff;min-height:200px;}
.ds-app-side{display:grid;align-content:start;gap:6px;padding:12px 10px;background:#f1f6f8;}
.ds-app-side b{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--teal-light),#0a8f8f);margin-bottom:6px;}
.ds-app-side span{font:600 10.5px 'Inter',sans-serif;color:#5c7080;padding:4px 6px;border-radius:6px;}
.ds-app-side span.on{background:#fff;color:var(--navy-deep);box-shadow:0 1px 3px rgba(6,40,69,.08);}
.ds-app-main{display:grid;gap:10px;padding:12px;}
.ds-app-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.ds-app-kpis span{display:grid;gap:5px;padding:8px;border:1px solid #e4e9ec;border-radius:8px;}
.ds-app-kpis em{width:60%;height:6px;border-radius:3px;background:#dfe7ec;}
.ds-app-kpis i{width:40%;height:11px;border-radius:4px;background:#0a3d62;}
.ds-app-chart{display:flex;align-items:flex-end;gap:7px;height:62px;padding:8px;border:1px solid #e4e9ec;border-radius:8px;}
.ds-app-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--teal-light),#0a8f8f);}
.ds-app-rows{display:grid;gap:5px;}
.ds-app-rows span{height:9px;border-radius:4px;background:#eef3f6;}
/* "Request any Excel template" card (50% discount label) */
.ds-offer{position:relative;border-color:#f3c46a;box-shadow:0 14px 30px rgba(226,140,0,.10);}
.ds-discount{position:absolute;top:-14px;left:30px;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:linear-gradient(135deg,#ff9f1c,#ff6b35);color:#fff;font:800 14px 'Inter',sans-serif;letter-spacing:.02em;box-shadow:0 8px 18px rgba(255,107,53,.35);}
.ds-discount::before{content:"%";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.25);font-size:12px;}
.ds-files{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px 18px 0;}
.ds-file{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e6f3f6;}
.ds-file i{flex:none;width:16px;height:18px;border-radius:3px;background:#1f9d55;position:relative;}
.ds-file i::after{content:"X";position:absolute;inset:0;display:grid;place-items:center;font:800 9px 'Inter',sans-serif;color:#fff;font-style:normal;}
.ds-file.more{justify-content:center;color:var(--teal-light);border-style:dashed;}
@media(max-width:900px){.ds-discount{left:22px;}}
.ds-offer .ds-copy .btn-join{margin-top:18px;}
/* Glowing 50% discount label: pulsing glow + a light sweep every few seconds */
.ds-discount{overflow:hidden;animation:ds-glow 2.4s ease-in-out infinite;}
.ds-discount::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:ds-shine 3.6s ease-in-out infinite;}
@keyframes ds-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,140,40,.55),0 8px 18px rgba(255,107,53,.35);}50%{box-shadow:0 0 0 8px rgba(255,140,40,0),0 0 26px 6px rgba(255,140,40,.65);}}
@keyframes ds-shine{0%,60%{left:-60%;}100%{left:130%;}}
@media(prefers-reduced-motion:reduce){.ds-discount,.ds-discount::after{animation:none;}}
/* Contact band: dark navy section so the form is clearly separate from the products */
.ds-enquire{position:relative;margin-top:26px;padding:40px;border:0;border-radius:24px;color:#fff;overflow:hidden;
  background:radial-gradient(420px 300px at 0% 0%,rgba(79,199,193,.28),transparent 60%),radial-gradient(380px 280px at 100% 100%,rgba(79,199,193,.18),transparent 60%),linear-gradient(150deg,var(--navy-deep),#0a3d62);
  box-shadow:0 24px 50px rgba(6,40,69,.22);}
.ds-enquire .eyebrow{color:var(--teal-light);}
.ds-enquire .net-contact-intro h2{color:#fff;font-size:clamp(26px,3vw,32px);}
.ds-enquire .net-contact-intro p{color:#c9dce6;}
.ds-enquire .ds-note{color:#ffd28a!important;}
.ds-contact-points{list-style:none;display:grid;gap:12px;margin-top:22px;}
.ds-contact-points li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#e6f3f6;}
.ds-contact-points span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(79,199,193,.18);color:var(--teal-light);font-weight:800;}
.ds-contact-points a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);}
.ds-contact-points a:hover{border-color:var(--teal-light);}
.ds-enquire .net-form{padding:26px;border-radius:18px;background:#fff;box-shadow:0 14px 30px rgba(3,24,43,.3);}
/* Same look for the dropdown as the other fields (Safari shows a small native control otherwise) */
.net-form select{-webkit-appearance:none;appearance:none;line-height:1.7;padding-right:40px;cursor:pointer;
  background:#fbfdfd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C7080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat;}
@media(max-width:900px){.ds-enquire{padding:24px;}.ds-enquire .net-form{padding:18px;}}
.ds-enquire>*{min-width:0;}
.ds-enquire .net-form input,.ds-enquire .net-form select,.ds-enquire .net-form textarea{width:100%;min-width:0;}