:root{
  --bg:#ffffff;
  --ink:#111827;
  --muted:#667085;
  --line:#e8eef5;
  --soft:#f5f8fb;
  --blue:#0a62c7;
  --blue-dark:#073f86;
  --cyan:#08b7d8;
  --shadow:0 24px 70px rgba(15, 40, 80, .13);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,92%);margin-inline:auto}
.section-pad{padding:92px 0}
.section-pad-small{padding:58px 0}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(232,238,245,.9);
}
.nav-wrap{
  width:min(1180px,94%);margin:auto;
  height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:white;font-weight:900;letter-spacing:.5px;
  box-shadow:0 12px 28px rgba(10,98,199,.25);
}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text strong{font-size:1rem}
.brand-text small{color:var(--muted);font-size:.75rem;margin-top:4px}
.nav-links{display:flex;align-items:center;gap:24px;color:#344054;font-weight:700;font-size:.95rem}
.nav-links a{transition:.2s ease}
.nav-links a:hover{color:var(--blue)}
.nav-cta{
  padding:12px 18px;border-radius:999px;
  background:var(--ink);color:white!important;
  box-shadow:0 14px 30px rgba(17,24,39,.16);
}
.menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px auto;border-radius:4px}
.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(circle at top left, rgba(8,183,216,.12), transparent 34%),
  linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:54px;position:relative;z-index:2}
.hero-bg-shape{position:absolute;border-radius:999px;filter:blur(2px);opacity:.9}
.shape-one{width:420px;height:420px;background:rgba(10,98,199,.08);right:-110px;top:110px}
.shape-two{width:270px;height:270px;background:rgba(8,183,216,.12);left:-80px;bottom:90px}
.eyebrow,.section-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:999px;
  background:#eef7ff;color:var(--blue-dark);
  font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;
}
.hero h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:.92;letter-spacing:-.08em;margin:20px 0 24px;max-width:760px}
.hero-subtitle{font-size:clamp(1.25rem,2.6vw,1.75rem);color:#344054;max-width:590px;font-weight:650}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 24px;border-radius:999px;font-weight:900;
  border:1px solid transparent;transition:.22s ease;cursor:pointer;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 18px 36px rgba(10,98,199,.25)}
.btn-outline{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 12px 26px rgba(15,40,80,.08)}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 18px 34px rgba(17,24,39,.18)}
.full{width:100%}
.contact-strip{
  width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  box-shadow:var(--shadow);
}
.contact-strip span{color:var(--muted);font-weight:800}.contact-strip strong{font-size:1.25rem;color:var(--blue-dark)}
.hero-panel{
  background:rgba(255,255,255,.78);border:1px solid rgba(232,238,245,.95);
  border-radius:36px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(14px);
}
.panel-top{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:900;margin-bottom:18px}
.status-dot{width:11px;height:11px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 8px rgba(8,183,216,.12)}
.machine-card{
  min-height:360px;border-radius:28px;padding:32px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  background:linear-gradient(145deg,#f7fbff,#ffffff);border:1px solid var(--line);
}
.machine-icon{
  width:168px;height:190px;border-radius:32px;background:linear-gradient(180deg,#101828,#26354f);
  position:relative;margin-bottom:28px;box-shadow:0 28px 60px rgba(16,24,40,.2);
}
.machine-icon:before{content:"";position:absolute;inset:17px 18px auto;height:20px;border-radius:8px;background:#d7e7f8}
.washer-circle{position:absolute;width:84px;height:84px;border-radius:50%;border:12px solid #d7e7f8;left:42px;top:70px;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.washer-line{position:absolute;width:78px;height:8px;border-radius:99px;background:#d7e7f8;left:45px;bottom:25px}
.machine-card h2{font-size:2rem;margin-bottom:8px}.machine-card p{color:var(--muted);font-weight:800}
.mini-list{display:grid;gap:10px;margin-top:16px}
.mini-list div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 16px;font-weight:850;color:#344054}
.mini-list span{color:var(--blue);margin-right:10px}
.intro-card{
  background:var(--ink);color:#fff;border-radius:var(--radius);padding:42px;
  box-shadow:0 24px 50px rgba(17,24,39,.2);position:relative;overflow:hidden;
}
.intro-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(8,183,216,.16);right:-80px;top:-80px}
.intro-card .section-tag{background:rgba(255,255,255,.1);color:#fff}.intro-card h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;margin:18px 0}.intro-card p{font-size:1.1rem;color:#e5e7eb;max-width:780px}
.section-heading{text-align:center;max-width:720px;margin:0 auto 44px}.section-heading h2,.contact-copy h2,.highlight-box h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:16px 0}.section-heading p,.contact-copy p,.highlight-box p{color:var(--muted);font-size:1.08rem}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{
  background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;min-height:310px;
  box-shadow:0 16px 40px rgba(15,40,80,.08);position:relative;overflow:hidden;transition:.24s ease;
}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service-number{position:absolute;right:24px;top:20px;color:#d0d8e3;font-size:3.5rem;font-weight:950;line-height:1}
.service-icon{width:78px;height:78px;border-radius:24px;background:#eef7ff;margin-bottom:30px;position:relative}
.service-icon:before{content:"";position:absolute;inset:17px;border-radius:14px;border:6px solid var(--blue)}
.icon-dryer:before{border-radius:50%}.icon-center:before{height:14px;bottom:auto}.icon-center:after{content:"";position:absolute;left:17px;right:17px;bottom:17px;height:30px;border:6px solid var(--cyan);border-radius:12px}
.service-card h3{font-size:1.55rem;margin-bottom:12px}.service-card p{color:var(--muted);font-weight:650}
.highlight-box{
  border-radius:32px;padding:38px;background:linear-gradient(135deg,#f1f8ff,#fff);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 16px 44px rgba(15,40,80,.08)
}
.contact{background:#f8fbff}.contact-grid{display:grid;grid-template-columns:1fr .72fr;gap:28px;align-items:center}.contact-list{list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.contact-list li{padding:12px 15px;background:#fff;border:1px solid var(--line);border-radius:999px;color:#344054}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow);display:grid;gap:18px}.contact-card span{color:var(--muted);font-weight:900}.contact-card strong{font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.05em;color:var(--blue-dark)}
.footer{background:#0b1220;color:#fff;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer p{color:#b8c2d1;margin-top:5px}.footer a{color:#fff;font-weight:900}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:860px){
  .menu-toggle{display:block}.nav-links{position:absolute;top:78px;left:3%;right:3%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.hero{min-height:auto}.hero-grid,.contact-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.highlight-box{flex-direction:column;align-items:flex-start}.section-pad{padding:70px 0}.footer-grid{flex-direction:column;text-align:center}.hero h1{letter-spacing:-.06em}.brand-text small{display:none}
}