/* ==========================================================================
   Waverone Design System v3.0 — Class-based responsive, boxed layout
   ========================================================================== */

/* ── Variables ─────────────────────────────────────────────────────────── */
:root{
  --wr-navy-dark:#0a192f;--wr-navy:#003366;--wr-navy-light:#0d2137;
  --wr-primary:#0088cc;--wr-primary-hover:#0077b5;--wr-primary-light:#38bdf8;
  --wr-primary-5:rgba(0,136,204,.05);--wr-primary-10:rgba(0,136,204,.1);--wr-primary-20:rgba(0,136,204,.2);
  --wr-text-dark:#0f172a;--wr-text:#475569;--wr-text-medium:#64748b;--wr-text-muted:#94a3b8;--wr-text-faint:#cbd5e1;
  --wr-border:#e2e8f0;--wr-border-light:#f1f5f9;
  --wr-bg:#fff;--wr-bg-alt:#f8fafc;--wr-bg-slate:#f1f5f9;
  --wr-font-body:'Inter',system-ui,sans-serif;--wr-font-mono:'JetBrains Mono',monospace;
  --wr-container:1400px;
  --wr-radius-sm:.25rem;--wr-radius:.5rem;--wr-radius-lg:.75rem;--wr-radius-xl:1rem;
  --wr-shadow:0 1px 3px rgba(0,0,0,.1);--wr-shadow-md:0 4px 6px -1px rgba(0,0,0,.1);
  --wr-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--wr-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);
  --wr-transition:.3s cubic-bezier(.4,0,.2,1);

  /* Header color — change these to retheme the header */
  --wr-header-bg:#fff;
  --wr-header-bg-scroll:#fff;
  --wr-header-text:#475569;
  --wr-header-text-hover:#0088cc;
  --wr-header-logo-color:#003366;
  --wr-header-tagline-color:#94a3b8;
  --wr-header-border:rgba(0,0,0,.06);
  --wr-header-topbar-bg:#f8fafc;
  --wr-header-topbar-text:#64748b;
  --wr-header-divider:#e2e8f0;
  --wr-header-toggle-bg:rgba(0,0,0,.04);
  --wr-header-toggle-border:rgba(0,0,0,.08);
  --wr-header-toggle-color:#475569;
  --wr-header-mobile-bg:#fff;
  --wr-header-mobile-text:#0f172a;
  --wr-header-mobile-border:#f1f5f9;
}

/* Dark header variant — add class .wr-header-dark to <header> to switch */
.wr-header-dark{
  --wr-header-bg:#0B1428;
  --wr-header-bg-scroll:rgba(11,20,40,.98);
  --wr-header-text:rgba(255,255,255,.7);
  --wr-header-text-hover:#fff;
  --wr-header-logo-color:#fff;
  --wr-header-tagline-color:rgba(255,255,255,.35);
  --wr-header-border:rgba(255,255,255,.06);
  --wr-header-topbar-bg:rgba(255,255,255,.03);
  --wr-header-topbar-text:rgba(255,255,255,.45);
  --wr-header-divider:rgba(255,255,255,.1);
  --wr-header-toggle-bg:rgba(255,255,255,.05);
  --wr-header-toggle-border:rgba(255,255,255,.1);
  --wr-header-toggle-color:rgba(255,255,255,.8);
  --wr-header-mobile-bg:#0B1428;
  --wr-header-mobile-text:rgba(255,255,255,.85);
  --wr-header-mobile-border:rgba(255,255,255,.06);
}

/* ── Reset ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--wr-font-body);font-size:16px;line-height:1.6;color:var(--wr-text);background:var(--wr-bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--wr-primary);text-decoration:none;transition:color var(--wr-transition)}
a:hover{color:var(--wr-primary-hover)}

/* ── Typography ────────────────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-family:var(--wr-font-body);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--wr-navy)}
h1{font-size:clamp(2rem,5vw,4.5rem)}
h2{font-size:clamp(1.75rem,4vw,3rem)}
h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}
p{margin-bottom:1rem;font-weight:500}

/* ── Container & Boxed Layout ─────────────────────────────────────────── */
.wr-container{width:100%;max-width:var(--wr-container);margin:0 auto;padding:0 1rem}
.wr-container-wide{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}
@media(min-width:768px){.wr-container{padding:0 2rem}.wr-container-wide{padding:0 3rem}}

/* Elementor sections: full-width backgrounds, constrained content */
html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
.wh{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.elementor-section,.elementor-section-boxed,.elementor-section-full_width,.elementor-top-section{
  width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important
}
.elementor-section>.elementor-container{max-width:1400px!important;margin:0 auto!important;padding:0 48px!important;box-sizing:border-box!important;width:100%!important}
.elementor-section-stretched{width:100%!important;max-width:100%!important;left:0!important}
.elementor-widget-html{max-width:100%}
@media(max-width:1024px){.elementor-section>.elementor-container{padding-left:24px!important;padding-right:24px!important}}
@media(max-width:640px){.elementor-section>.elementor-container{padding-left:16px!important;padding-right:16px!important}}

/* ── Section Label ─────────────────────────────────────────────────────── */
.wr-label{display:inline-block;font-family:var(--wr-font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--wr-primary)}

/* ── Buttons ───────────────────────────────────────────────────────────── */
.wr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--wr-font-body);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.875rem 2rem;border:none;border-radius:var(--wr-radius-sm);cursor:pointer;transition:all var(--wr-transition);white-space:nowrap;line-height:1}
.wr-btn svg{width:16px;height:16px;transition:transform var(--wr-transition)}
.wr-btn:hover svg{transform:translateX(3px)}
.wr-btn-primary{background:var(--wr-primary);color:#fff;box-shadow:0 4px 14px rgba(0,136,204,.25)}
.wr-btn-primary:hover{background:var(--wr-primary-hover);color:#fff}
.wr-btn-outline{background:transparent;color:var(--wr-text-dark);border:1px solid var(--wr-border)}
.wr-btn-outline-light{background:transparent;color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15)}
.wr-btn-sm{padding:.625rem 1.25rem;font-size:11px}

/* ──────────────────────────────────────────────────────────────────────
   RESPONSIVE GRID SYSTEM (used via classes in Elementor HTML widgets)
   ────────────────────────────────────────────────────────────────────── */
.wr-g1{display:grid;grid-template-columns:1fr;gap:24px}
.wr-g2{display:grid;grid-template-columns:1fr;gap:24px}
.wr-g3{display:grid;grid-template-columns:1fr;gap:24px}
.wr-g4{display:grid;grid-template-columns:1fr;gap:16px}
.wr-g2-auto{display:grid;grid-template-columns:1fr;gap:32px}
.wr-g2-wide{display:grid;grid-template-columns:1fr;gap:48px}
.wr-flex-row{display:flex;flex-direction:column;gap:16px}
.wr-flex-wrap{display:flex;flex-wrap:wrap;gap:12px}

@media(min-width:640px){
  .wr-g2{grid-template-columns:repeat(2,1fr)}
  .wr-g4{grid-template-columns:repeat(2,1fr)}
  .wr-flex-row{flex-direction:row}
}
@media(min-width:768px){
  .wr-g3{grid-template-columns:repeat(2,1fr)}
  .wr-g2-auto{grid-template-columns:1fr 1fr}
  .wr-g2-wide{grid-template-columns:1fr 1fr}
}
@media(min-width:1024px){
  .wr-g3{grid-template-columns:repeat(3,1fr)}
  .wr-g4{grid-template-columns:repeat(4,1fr)}
}

/* ── Quick-Spec Row (3-col on desktop, stack mobile) ───────────────── */
.wr-qspec{display:grid;grid-template-columns:1fr;gap:16px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
@media(min-width:640px){.wr-qspec{grid-template-columns:repeat(3,1fr);gap:32px}}

/* ── Card Component ────────────────────────────────────────────────── */
.wr-card{background:var(--wr-bg);border:1px solid var(--wr-border-light);border-radius:var(--wr-radius-xl);padding:24px;transition:all .4s;position:relative;overflow:hidden}
@media(min-width:768px){.wr-card{padding:32px}}
.wr-card:hover{border-color:var(--wr-border);box-shadow:var(--wr-shadow-xl)}
.wr-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--wr-primary),var(--wr-primary-light));opacity:0;transition:opacity .4s}
.wr-card:hover::before{opacity:1}
.wr-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--wr-bg-alt);border:1px solid var(--wr-border-light);border-radius:14px;color:var(--wr-primary);margin-bottom:24px}
.wr-card h3{font-size:18px;margin-bottom:12px}
.wr-card p{font-size:14px;color:var(--wr-text-medium);line-height:1.7;margin:0}

/* ── Stat Card ─────────────────────────────────────────────────────── */
.wr-stat{background:var(--wr-bg-alt);border:1px solid var(--wr-border-light);border-radius:16px;padding:32px;text-align:center}
.wr-stat-icon{width:40px;height:40px;margin:0 auto 12px;background:var(--wr-primary-5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--wr-primary)}
.wr-stat-val{font-family:var(--wr-font-mono);font-size:2.5rem;font-weight:800;color:var(--wr-text-dark);line-height:1}
.wr-stat-sm .wr-stat-val{font-size:24px}
.wr-stat-unit{font-size:12px;font-weight:700;color:var(--wr-primary);text-transform:uppercase;margin-left:4px}
.wr-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--wr-primary);margin-top:4px}

/* ── Spec Box ──────────────────────────────────────────────────────── */
.wr-spec{background:var(--wr-bg-alt);border:1px solid var(--wr-border-light);border-radius:12px;padding:16px}
.wr-spec-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--wr-text-muted);margin-bottom:4px}
.wr-spec-val{font-family:var(--wr-font-mono);font-size:16px;font-weight:700;color:var(--wr-text-dark)}

/* ── Highlight Checklist ───────────────────────────────────────────── */
.wr-hl{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.wr-hl-icon{flex-shrink:0;width:24px;height:24px;background:var(--wr-primary-10);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}
.wr-hl-text{font-size:14px;font-weight:500;color:var(--wr-text-medium)}

/* ── Tabs (Spec comparison) ────────────────────────────────────────── */
.wr-tabs-bar{display:flex;flex-direction:column;border-bottom:1px solid var(--wr-border-light)}
@media(min-width:640px){.wr-tabs-bar{flex-direction:row}}
.wr-tabs-btn{flex:1;padding:16px 12px;text-align:center;cursor:pointer;transition:all .3s;background:var(--wr-bg-alt);position:relative;border:none;font-family:inherit}
.wr-tabs-btn.active{background:#fff}
.wr-tabs-btn .t-label{font-size:14px;font-weight:700;color:var(--wr-text-muted);transition:color .3s}
.wr-tabs-btn.active .t-label{color:var(--wr-navy)}
.wr-tabs-btn .t-sub{font-size:10px;color:var(--wr-text-faint);margin-top:2px;transition:color .3s}
.wr-tabs-btn.active .t-sub{color:var(--wr-primary)}
.wr-tabs-btn::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--wr-primary);transform:scaleX(0);transition:transform .3s}
.wr-tabs-btn.active::after{transform:scaleX(1)}
.wr-tabs-panel{display:none;padding:24px}
.wr-tabs-panel.active{display:block;animation:wr-fadein .3s ease}
@media(min-width:768px){.wr-tabs-panel{padding:32px 48px}}
@keyframes wr-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ── 2-column spec layout ──────────────────────────────────────────── */
.wr-spec-2col{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:768px){.wr-spec-2col{grid-template-columns:1fr 1fr;gap:48px}}

/* ── CTA Banner ────────────────────────────────────────────────────── */
.wr-cta{position:relative;background:var(--wr-navy);border-radius:12px;padding:40px 24px;color:#fff;overflow:hidden;box-shadow:var(--wr-shadow-xl)}
@media(min-width:768px){.wr-cta{padding:60px 48px}}
@media(min-width:1024px){.wr-cta{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:80px 64px}}
.wr-cta .dots{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle,white 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.wr-cta h2{color:#fff;font-size:clamp(1.5rem,3.5vw,2.5rem);margin-bottom:12px}
.wr-cta p{color:rgba(255,255,255,.65);font-size:clamp(15px,1.5vw,18px)}
.wr-cta-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;width:100%}
@media(min-width:640px){.wr-cta-actions{flex-direction:row;width:auto}}
@media(min-width:1024px){.wr-cta-actions{margin-top:0;flex-shrink:0}}

/* ── Hero Section (dark bg pages) ──────────────────────────────────── */
.wr-hero-content{max-width:800px;padding:0}

/* ── Product Hero 2-col ────────────────────────────────────────────── */
.wr-phero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;position:relative;z-index:10}
@media(min-width:1024px){.wr-phero-grid{grid-template-columns:1fr 480px;gap:64px}}
.wr-pcard{position:relative}

/* ── Product Showcase (two photos side by side) ────────────────────── */
.wr-products-showcase{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:24px;flex-wrap:nowrap}
.wr-product-item{position:relative;text-align:center;flex:1 1 0;min-width:0;max-width:220px}
.wr-product-item img{max-width:100%;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 12px 32px rgba(0,0,0,.4));transition:all .4s}
.wr-product-item:hover img{filter:drop-shadow(0 16px 40px rgba(0,136,204,.3));transform:translateY(-4px)}
.wr-product-label{margin-top:12px;text-align:center}
.wr-product-name{display:block;font-family:var(--wr-font-mono);font-size:13px;font-weight:800;color:#fff;letter-spacing:-.01em}
.wr-product-type{display:block;font-family:var(--wr-font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--wr-primary);margin-top:2px}
@media(max-width:767px){
  .wr-products-showcase{gap:16px}
  .wr-product-item{flex:0 1 160px}
  .wr-product-name{font-size:11px}
  .wr-product-type{font-size:9px}
}
@media(max-width:479px){
  .wr-products-showcase{gap:12px}
  .wr-product-item{flex:0 1 130px}
}

/* ── Contact Form Grid ─────────────────────────────────────────────── */
.wr-contact-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:768px){.wr-contact-grid{grid-template-columns:1fr 1.5fr;gap:48px}}
.wr-form-row{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.wr-form-row{grid-template-columns:1fr 1fr}}
.wr-input,.wr-select,.wr-textarea{width:100%;padding:12px 16px;border:1px solid var(--wr-border);border-radius:8px;font-family:inherit;font-size:15px;transition:border-color .2s}
.wr-input:focus,.wr-select:focus,.wr-textarea:focus{outline:none;border-color:var(--wr-primary);box-shadow:0 0 0 3px var(--wr-primary-10)}
.wr-textarea{min-height:120px;resize:vertical}
.wr-form-label{display:block;font-size:13px;font-weight:600;color:var(--wr-text-dark);margin-bottom:6px}
.wr-form-group{margin-bottom:16px}

/* ── Badge ─────────────────────────────────────────────────────────── */
.wr-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--wr-primary-10);border:1px solid var(--wr-primary-20);padding:8px 16px;border-radius:9999px;font-family:var(--wr-font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--wr-primary)}
.wr-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--wr-primary);animation:wr-pulse 2s ease-in-out infinite}
@keyframes wr-pulse{0%,100%{opacity:.4}50%{opacity:1}}

/* ── Breadcrumb ────────────────────────────────────────────────────── */
.wr-bc{display:flex;align-items:center;gap:8px;font-family:var(--wr-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;flex-wrap:wrap}
.wr-bc a{color:var(--wr-text-muted);text-decoration:none}
.wr-bc a:hover{color:var(--wr-primary)}
.wr-bc .sep{color:var(--wr-text-faint);font-size:10px}
.wr-bc .current{color:var(--wr-primary)}

/* ── Hero BG layers (product page) ─────────────────────────────────── */
.wr-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.wr-hero-bg .mesh{position:absolute;inset:0;background:linear-gradient(135deg,#0a192f,#0d2137 40%,#0a192f)}
.wr-hero-bg .glow1{position:absolute;top:15%;right:20%;width:600px;height:600px;background:rgba(0,136,204,.08);border-radius:50%;filter:blur(120px)}
.wr-hero-bg .glow2{position:absolute;bottom:-10%;left:-5%;width:500px;height:500px;background:rgba(0,51,102,.15);border-radius:50%;filter:blur(100px)}
.wr-hero-bg .grid{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}

/* ── Product Card (right side) ─────────────────────────────────────── */
.wr-pcard-glow{position:absolute;inset:-16px;background:linear-gradient(135deg,rgba(0,136,204,.2),transparent,rgba(0,51,102,.2));border-radius:24px;filter:blur(20px)}
.wr-pcard-main{position:relative;background:linear-gradient(135deg,#111c2e,#0d1b2a);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
.wr-rings{position:relative;width:140px;height:140px;margin:0 auto 24px}
.wr-rings .ring{position:absolute;border:2px solid rgba(0,136,204,.2);border-radius:50%;animation:wr-ring 3s infinite}
.wr-rings .r1{inset:0}.wr-rings .r2{inset:14px;animation-delay:.5s;border-color:rgba(0,136,204,.15)}.wr-rings .r3{inset:28px;animation-delay:1s;border-color:rgba(0,136,204,.1)}
.wr-rings .center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.wr-rings .icon-box{width:72px;height:72px;background:linear-gradient(135deg,#0088cc,#003366);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,136,204,.3)}
@keyframes wr-ring{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.2}100%{transform:scale(1);opacity:.6}}
.wr-bar{margin-bottom:10px}
.wr-bar-head{display:flex;justify-content:space-between;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}
.wr-bar-track{height:3px;background:rgba(255,255,255,.05);border-radius:9999px;overflow:hidden}
.wr-bar-fill{height:100%;background:linear-gradient(90deg,#0088cc,#38bdf8);border-radius:9999px}

/* ── Section spacing helpers ───────────────────────────────────────── */
.wr-section{padding:clamp(3rem,8vw,6rem) 0;position:relative;overflow:hidden}
.wr-mb-lg{margin-bottom:48px}
.wr-mb-md{margin-bottom:32px}
.wr-text-center{text-align:center}

/* ── Animations ────────────────────────────────────────────────────── */
.wr-fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}

/* ==========================================================================
   FOOTER (header styles are inline in header.php)
   ========================================================================== */
.wr-footer{background:#060a14;color:rgba(255,255,255,.7);padding:4rem 0 0}
.wr-footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06)}
@media(min-width:640px){.wr-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.wr-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem}}
.wr-footer h5{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.25);margin-bottom:1.25rem}
.wr-footer-links{list-style:none}.wr-footer-links li{margin-bottom:.625rem}
.wr-footer-logo-img{max-height:50px;width:auto;display:block}
.wr-footer-links a{font-size:.875rem;color:rgba(255,255,255,.5)}.wr-footer-links a:hover{color:#0088cc}
.wr-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;font-size:.75rem;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid rgba(255,255,255,.05);margin-top:2rem}
.wr-footer-legal{display:flex;list-style:none;gap:1.5rem;padding:0;margin:0}
.wr-footer-legal li{list-style:none;padding:0;margin:0}
.wr-footer-legal li::before{display:none}
.wr-footer-legal a{color:rgba(255,255,255,.3);text-decoration:none;transition:color .2s}
.wr-footer-legal a:hover{color:#0088cc}

/* ==========================================================================
   UTILITIES
   ========================================================================== */
.wr-text-center{text-align:center}
.wr-mb-lg{margin-bottom:48px}

.wr-g2{display:grid;grid-template-columns:1fr;gap:24px}
.wr-g3{display:grid;grid-template-columns:1fr;gap:24px}
.wr-g4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:640px){.wr-g2{grid-template-columns:repeat(2,1fr)}.wr-g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.wr-g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.wr-g3{grid-template-columns:repeat(3,1fr)}.wr-g4{grid-template-columns:repeat(4,1fr)}}

.wr-stat-box{text-align:center;padding:24px}
.wr-stat-box .val{font-family:var(--wr-font-mono);font-size:2rem;font-weight:800;color:#0f172a}
.wr-stat-box .unit{color:#0088cc;font-size:.875rem;font-weight:700}
.wr-stat-box .label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#94a3b8;margin-top:4px}

@media(max-width:768px){
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3,1fr)"],
  [style*="grid-template-columns:1fr 1.2fr"],
  [style*="grid-template-columns:1fr 1.3fr"],
  [style*="grid-template-columns:repeat(4,1fr)"]{
    grid-template-columns:1fr!important;
  }
}

@media print{.wr-header-wrap,.wr-footer,.wr-cta,.wr-mob{display:none}}