@import url('./assets/fonts.css');
:root{--red:#d92c1c;--muted:#7c899e;--ink:#0c0000}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:white;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #2979ca;outline-offset:5px}img{display:block;max-width:100%}.hero{position:relative;background:#e5e5e5 url('./assets/hero-background.jpg') center top/cover no-repeat;min-height: min(49.3vw,1100px);overflow:hidden;padding-bottom:3.5vw}.header{height:170px;width:min(920px,90%);margin:auto;position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.brand{width:100px;position:absolute;top:32px;left:50%;transform:translateX(-50%)}.logo{width:100%}nav{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#666}.nav-left,.nav-right{display:flex;gap:40px;align-items:center}nav a:hover,nav a.active{color:#f34335}.language-switch{border:0;background:none;color:inherit;padding:10px 0;white-space:nowrap}.menu-toggle{display:none}h1{position:relative;z-index:1;text-align:center;font-size:clamp(38px,2.75vw,64px);line-height:1.03;letter-spacing:1px;color:var(--ink);max-width:650px;margin:12px auto 64px;font-weight:700}h1 em{color:#ed0808;font-style:normal}.hero-art{position:relative;z-index:1;width:48%;margin:auto;scroll-margin-top:30px}.laptop{width:100%}.decorations{position:absolute;inset:0;pointer-events:none}.decorations img{position:absolute}.sample{width:6%;left:18%;top:23%}.drop{width:6%;right:16%;top:5%}.card{width:7.6%;right:17.5%;top:34%}.cells{width:8%;right:21%;top:37%}.dots{width:5.5%;right:7.4%;bottom:4%}.wave{width:4.6%}.wave-one{right:7%;top:22%}.wave-two{left:19.8%;bottom:30%}.wave-three{left:56.7%;top:31%}.wave-four{right:24%;bottom:1%}.blood{width:.95%}.blood-1{left:19.8%;top:11%;width:1.5%}.blood-2{left:12.5%;top:37%}.blood-3{right:29%;top:21%}.blood-4{right:21.5%;bottom:31%}.intro{max-width:1100px;width:calc(100% - 48px);margin:auto;text-align:center;padding:86px 0 116px;border-bottom:1px solid #eaf1f5}.eyebrow{font-family:'Quicksand',sans-serif;color:#ff4033;font-weight:700;font-size:14px;line-height:1.5;letter-spacing:1px;margin:0 0 38px}.intro p{max-width:600px;margin:0 auto 36px;line-height:1.65}.actions{display:flex;justify-content:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:11px 32px;font-weight:600;line-height:1.6;transition:background .2s}.primary{background:var(--red);color:white}.primary:hover{background:#b72216}.secondary{background:#fce3e2;color:#f34b40}.secondary:hover{background:#f8d0ce}.features{position:relative;padding:90px 24px 66px;overflow:hidden}.feature-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:108px;align-items:center}.feature-photo{width:100%;aspect-ratio:1708/2560;object-fit:cover}.feature-copy{padding-right:35px}.feature-copy .eyebrow{margin-bottom:38px}.lead{font-family:'Quicksand',sans-serif;color:#353535;font-size:26px;line-height:1.5;font-weight:400;margin:0 0 36px}.lead strong{color:#090909;font-weight:700}ul{padding:0;list-style:none;margin:0}li{position:relative;padding-left:43px;margin-top:28px;letter-spacing:1px;line-height:1.7}li:before{content:'✓';position:absolute;left:0;top:3px;display:grid;place-items:center;width:23px;height:24px;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:var(--red);color:white;font-size:16px;font-weight:bold}.feature-decor{pointer-events:none}.feature-dots{position:absolute;left:4%;top:145px;width:90px}.feature-wave{position:absolute;right:7%;top:280px;width:100px}.blue-ring{position:absolute;right:19%;top:70px;width:14px;height:14px;border:2px solid #478ffa;border-radius:50%}.floating-language{position:fixed;z-index:8;right:9%;bottom:0;border-radius:9px 9px 0 0;background:#202020;color:white;width:68px;height:60px;box-shadow:0 0 8px #0003}.skip-link{position:fixed;top:-100px;left:15px;z-index:20;background:white;padding:10px}.skip-link:focus{top:10px}
@media(min-width:1800px){.header{height:195px}h1{margin-bottom:75px}.feature-grid{max-width:1200px}}
@media(max-width:1200px){.header{height:145px;width:85%}.brand{width:85px;top:20px}.nav-left,.nav-right{gap:24px}h1{margin-bottom:40px}.hero-art{width:56%}.feature-grid{max-width:960px;gap:60px}.feature-copy{padding:0}.feature-dots,.feature-wave{opacity:.4;width:40px}.lead{font-size:23px}.features{padding-top:75px}.feature-dots{left:0}.feature-wave{right:0}}
@media(max-width:760px){.header{height:112px;width:calc(100% - 40px);justify-content:space-between}.brand{left:0;top:15px;transform:none;width:65px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:white;border:1px solid #ddd;border-radius:6px;padding:12px;margin-left:auto;min-width:46px;min-height:44px}.menu-toggle span{width:22px;height:2px;background:#333}nav{display:none;position:absolute;top:100px;left:0;background:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 24px #0002}nav.open{display:flex;flex-direction:column;align-items:stretch}.nav-left,.nav-right{flex-direction:column;gap:0;align-items:stretch}nav a,nav .language-switch{padding:10px;text-align:left}.hero{min-height:0;padding-bottom:50px}h1{font-size:clamp(32px,7.5vw,48px);max-width:90%;margin:20px auto 50px;line-height:1.12}.hero-art{width:92%}.sample{width:12%;left:4%;top:37%}.drop{width:12%;right:6%;top:21%}.cells{width:13%;right:2%;top:48%}.card{width:12%;right:4%;top:43%}.dots{width:6%;right:3%;bottom:2%}.wave{width:9%}.wave-one{top:12%;right:27%}.wave-two{left:7%;bottom:5%}.wave-three{top:42%;left:50%}.wave-four{right:29%;bottom:3%}.blood-1{top:25%;left:12%;width:3%}.blood-2{top:53%;left:3%;width:2%}.blood-3{right:20%;top:38%;width:2%}.blood-4{right:15%;bottom:5%;width:2%}.intro{padding:58px 0 60px}.eyebrow{font-size:12px;margin-bottom:25px}.intro p{font-size:15px}.actions{gap:12px;flex-wrap:wrap}.button{padding:12px 24px;font-size:14px;min-height:46px}.features{padding:48px 24px 70px}.feature-grid{grid-template-columns:1fr;gap:36px;max-width:520px}.feature-photo{max-height:560px;object-fit:cover}.feature-copy .eyebrow{margin-bottom:22px}.lead{font-size:23px;line-height:1.5;margin-bottom:28px}li{font-size:15px;letter-spacing:.5px;margin-top:23px;padding-left:36px}.feature-decor{display:none}.floating-language{right:18px;width:52px;height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.language-flag,.current-flag{display:inline-block;width:18px;height:12px;font-size:0;background:url('./DiaMed Solutions – DiaMed Solutions_files/es_ES.png') center/contain no-repeat}html[lang=es] .language-flag{background-image:url('./DiaMed Solutions – DiaMed Solutions_files/en_US.png')}.current-flag{background-image:url('./DiaMed Solutions – DiaMed Solutions_files/en_US.png')}html[lang=es] .current-flag{background-image:url('./DiaMed Solutions – DiaMed Solutions_files/es_ES.png')}
/* Navigation: aligned image flags and compact bar on scroll. */
html{scroll-padding-top:90px}
.nav-right .language-switch{display:inline-flex;align-items:center;gap:5px;line-height:1.4;min-height:44px}
.language-flag,.current-flag{flex:0 0 18px;vertical-align:middle}
.floating-language{display:flex;align-items:center;justify-content:center}
.compact-logo{display:none}
.header-slot{height:170px}
.header.is-fixed{position:fixed;top:0;left:0;width:100%;height:64px;padding:0 max(5%,calc((100% - 920px)/2));background:rgba(255,255,255,.96);box-shadow:0 2px 5px #00000012;z-index:15}
.header.is-fixed .brand{width:54px;top:6px}
.header.is-fixed .logo{display:none}
.header.is-fixed .compact-logo{display:block;width:54px;height:50px;object-fit:contain}
.hero-art{scroll-margin-top:90px}
.benefits{padding-top:35px;padding-bottom:110px}
.benefits .feature-copy{padding:0 0 0 35px}
.benefits .feature-grid{gap:108px}
.benefits .feature-photo{aspect-ratio:2/3}
.benefit-decor{pointer-events:none}
.red-ring{position:absolute;left:15%;top:125px;width:14px;height:14px;border:2px solid #ff6670;border-radius:50%}
.benefit-decor .blue-ring{top:115px;opacity:.25}
.benefit-wave{position:absolute;left:48%;top:235px;width:100px;z-index:-1}
@keyframes gentle-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes gentle-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(9px,-7px)}}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.hero h1{animation:hero-enter .75s ease-out both}
.laptop{animation:hero-enter 1s .15s ease-out both}
.decorations .sample,.decorations .drop,.decorations .cells{animation:gentle-float 7s ease-in-out infinite}
.decorations .drop{animation-delay:-2s}.decorations .cells{animation-delay:-4s}
.decorations .blood,.decorations .wave{animation:gentle-drift 9s ease-in-out infinite}
.decorations .blood-2,.decorations .wave-two{animation-delay:-3s}
.decorations .blood-3,.decorations .wave-three{animation-delay:-6s}
}
@media(min-width:1800px){.header-slot{height:195px}}
@media(max-width:1200px){.header-slot{height:145px}.header.is-fixed{padding:0 7.5%}.benefits .feature-grid{gap:60px}.benefits .feature-copy{padding:0}}
@media(max-width:760px){
.header-slot{height:112px}.header.is-fixed{height:64px;padding:0 20px}
.header.is-fixed .brand{left:20px;top:7px;width:50px}
.header.is-fixed .compact-logo{height:48px;width:50px}
.header.is-fixed nav{top:64px;left:20px;width:calc(100% - 40px);max-height:calc(100dvh - 84px);overflow-y:auto}
.benefits{padding-top:12px;padding-bottom:72px}.benefits .feature-grid{gap:36px}
.benefit-decor{display:none}.benefits .feature-photo{max-height:none}
}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important}}

/* Keep decoration behind the photo without placing it behind the page. */
.benefits{isolation:isolate}.benefit-wave{z-index:0}.benefits .feature-grid{position:relative;z-index:1}
/* Reports: each card expands independently; the following row moves down. */
.reports{padding:110px 24px 85px;background:#e4e4e4 url('./assets/reports-background.jpg') center/cover no-repeat}.section-heading{max-width:640px;margin:0 auto 130px;text-align:center}.section-heading .eyebrow{margin-bottom:38px}.section-heading .lead{color:var(--muted);margin:0}.reports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 26px;max-width:1140px;margin:auto;align-items:start}.report-card{background:#fff;border-radius:8px;overflow:hidden}.report-card h3{margin:0}.report-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:222px;padding:24px 12px 20px;border:0;background:transparent;color:#080808;font-size:18px;font-weight:700;letter-spacing:1px;line-height:1.4}.report-toggle img{width:103px;height:100px;object-fit:contain;margin-bottom:26px}.card-rule{width:22px;height:2px;background:#fa3e32;margin-top:15px}.report-toggle:focus-visible{outline-offset:-5px}.report-details{padding:0 16px 20px}.report-details ul{margin:0}.report-details li{font-size:13px;font-weight:400;line-height:1.7;letter-spacing:1px;margin:0 0 9px;padding:0}.report-details li:before{content:'- ';position:static;background:none;color:inherit;clip-path:none;display:inline;width:auto;height:auto;font-weight:400;font-size:inherit}.report-details li:last-child{margin-bottom:0}.report-details:not([hidden]){animation:details-enter .22s ease-out}@keyframes details-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.graphics{padding:110px 24px 85px}.graphics .section-heading{margin-bottom:105px}.charts-grid{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.chart-card{padding:20px;background:#fff;border-radius:12px;box-shadow:0 7px 25px #00000008;min-width:0}.chart-card h3{font-size:18px;color:#fa4a3e;font-weight:500;line-height:1.4;margin:0 0 16px}.chart-canvas{height:245px;position:relative}.dashboard{grid-column:1/-1;justify-self:center;max-width:100%;width:475px;padding-bottom:30px}.table-scroll{overflow-x:auto}.chart-card table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;letter-spacing:.5px}.chart-card td,.chart-card th{border:1px solid #eee;padding:8px 10px;text-align:center;white-space:nowrap}.chart-card thead,.chart-card tfoot{background:#f8f8f8;color:#576679;font-weight:700}.chart-card tbody th{font-weight:400}.chart-data{font-size:12px;margin-top:8px}.chart-data summary{cursor:pointer;color:#66758a}.chart-data>div{overflow-x:auto;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;gap:28px}.section-heading{margin-bottom:70px}.chart-canvas{height:230px}}
@media(max-width:760px){.reports,.graphics{padding:65px 24px}.section-heading,.graphics .section-heading{margin-bottom:48px}.section-heading .eyebrow{margin-bottom:26px}.reports-grid{gap:20px;max-width:520px}.report-toggle{min-height:200px;font-size:15px;padding:20px 10px 16px}.report-toggle img{width:85px;height:85px;margin-bottom:20px}.charts-grid{grid-template-columns:1fr;max-width:520px;gap:24px}.dashboard{grid-column:auto;width:100%}.chart-card{padding:16px}.chart-card h3{font-size:16px}.chart-canvas{height:230px}.chart-card td,.chart-card th{font-size:12px;padding:7px 5px;letter-spacing:0}}
@media(max-width:420px){.reports-grid{grid-template-columns:1fr;max-width:300px}.report-toggle{min-height:215px;font-size:18px}.report-details{padding:0 20px 24px}.report-details li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.report-details:not([hidden]){animation:none}}
.report-details{overflow:hidden}.report-details:not([hidden]){animation:none}
.extended-reports{max-width:1340px;padding:15px 24px 100px;margin:auto}.report-row{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:center;margin:0 0 95px}.report-row.reverse{grid-template-columns:1fr 1.8fr}.report-visual{min-width:0}.report-visual>img{width:100%;margin-bottom:25px}.report-copy h2,.paho-grid h2{font-size:20px;color:#f32c1e;letter-spacing:1px;line-height:1.6;font-weight:600;margin:0 0 22px}.report-copy p{font-size:19px;line-height:1.8;letter-spacing:1px}.report-copy .report-note{font-size:15px;font-weight:600}.chart-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.chart-toolbar label{font-size:14px}.chart-toolbar select{font:inherit;font-size:14px;border:1px solid #dde2e8;border-radius:6px;padding:8px;background:white;color:#526275;max-width:100%}.chart-readout{font-size:12px;margin:10px 0 0;line-height:1.7}.paho-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.paho-buttons{display:grid;gap:14px;margin-top:35px}.paho-button{border:2px solid transparent;border-radius:8px;padding:14px 18px;color:white;font-weight:600;letter-spacing:.5px;line-height:1.5;box-shadow:0 3px 10px #0001}.paho-button[aria-pressed=true]{outline:3px solid #26374b;outline-offset:3px}.group-0{background:#22ac5e}.group-1{background:#096dc1}.group-2{background:#f8b416;color:#182534}.group-3{background:#db4132}.group-4{background:#5a45a6}.donut-wrap{height:420px;max-width:100%;position:relative}.discard-legend{display:grid;gap:6px;margin-top:24px}.discard-legend button{display:flex;gap:12px;align-items:center;border:0;background:transparent;text-align:left;padding:7px;color:#233145;font:inherit}.discard-legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.legend-dot{width:13px;height:13px;border-radius:3px;flex-shrink:0}.reset-chart{border:1px solid #ccd3dd;background:#fff;border-radius:6px;padding:8px 15px;color:#526275}.demo-cta{background:#686868 url('./assets/cta-background.jpg') center/cover;padding:125px 24px;text-align:center;color:white}.demo-cta h2{font-family:Quicksand,sans-serif;font-size:60px;line-height:1.05;max-width:750px;margin:0 auto 40px;font-weight:700}.demo-cta p{font-family:Quicksand,sans-serif;font-size:27px;line-height:1.5;max-width:780px;margin:0 auto 40px}.demo-cta .button{background:#ef4a51;color:#fff;gap:12px;padding:14px 38px}.contact-section{padding:120px 24px 85px;background:white url('./assets/contact-background.png') center bottom/100% auto no-repeat}.contact-logo{width:210px;margin:0 auto 60px}.contact-intro{max-width:1140px;margin:0 auto 90px;text-align:center;letter-spacing:1px}.contact-intro a,.site-footer p>a{color:#f34837}.contact-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.contact-card{background:#fff;padding:20px 22px;border-radius:14px;box-shadow:0 5px 25px #00000008;min-width:0}.contact-card h3{font-size:17px;line-height:1.5;color:#243340;background:#f3f5fa;border-radius:7px;padding:3px 12px;margin:0 0 12px}.contact-card p{font-size:18px;letter-spacing:.5px;margin:10px 0}.contact-card .dm-row--email{font-size:14px}.contact-card a{overflow-wrap:anywhere}.contact-card a:hover{text-decoration:underline;color:var(--red)}.newsletter{max-width:620px;margin:100px auto 0;text-align:center}.newsletter .lead{color:var(--muted)}.newsletter input{width:100%;border:0;border-bottom:1px solid #f54a40;background:transparent;padding:12px;font:inherit;color:#526275;margin:0 0 20px}.newsletter .button{border:0;border-radius:8px}.newsletter-status{font-size:14px}.site-footer{background:#000;padding:55px 24px 80px;text-align:center;color:#b9c5d1}.site-footer img{width:290px;margin:0 auto 28px}.site-footer p{letter-spacing:.6px;margin:0}
@media(max-width:1000px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-row,.report-row.reverse{grid-template-columns:1fr 1fr}.donut-wrap{height:340px}.demo-cta h2{font-size:48px}}
@media(max-width:760px){.extended-reports{padding:0 24px 65px}.report-row,.report-row.reverse,.paho-grid{grid-template-columns:1fr;gap:25px}.report-row{margin-bottom:55px}.report-row:not(.reverse) .report-copy{grid-row:1}.report-copy p{font-size:17px}.paho-grid{gap:50px}.paho-grid h2,.report-copy h2{font-size:18px}.paho-button{font-size:14px}.donut-wrap{height:300px}.demo-cta{padding:75px 24px}.demo-cta h2{font-size:36px;line-height:1.15}.demo-cta p{font-size:22px}.contact-section{padding:65px 24px}.contact-logo{width:155px;margin-bottom:40px}.contact-intro{margin-bottom:45px;font-size:15px}.contact-grid{gap:18px}.contact-card{padding:18px}.newsletter{margin-top:70px}.site-footer img{width:245px}.site-footer p{font-size:14px}.chart-toolbar{align-items:stretch;flex-direction:column}}
@media(max-width:500px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:22px}.donut-wrap{height:270px}}
.paho-grid>div{min-width:0}.report-details{padding:0}.report-details>ul{padding:0 16px 20px}.paho-button{overflow-wrap:anywhere}
@media(max-width:420px){.report-details>ul{padding:0 20px 24px}}