:root{
  --blue:#0877e8;
  --blue-dark:#04244e;
  --cyan:#10bfff;
  --light:#daf7ff;
  --red:#ef0808;
  --ink:#24303d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
.container{width:min(1180px,92%);margin:0 auto}
.hero{background:#fff;padding:42px 0 64px;text-align:center}
.hero-inner{display:flex;flex-direction:column;align-items:center}
.brand{display:inline-flex;flex-direction:column;align-items:center;border-top:5px solid var(--blue);border-bottom:2px solid #8da6bc;padding:6px 22px 3px;margin-bottom:24px}
.brand-main{font-size:48px;line-height:1;font-weight:900;letter-spacing:-2px;color:var(--blue-dark)}
.brand-main::first-letter{color:var(--blue)}
.brand-sub{font-size:17px;font-weight:800;color:var(--blue)}
h1{font-size:clamp(38px,5vw,64px);line-height:.95;color:var(--blue);margin:0 0 26px;letter-spacing:-1px}
.hero-kicker{font-size:clamp(18px,2.1vw,28px);color:var(--blue);margin:0 0 28px}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:14px;text-decoration:none;padding:15px 28px;font-size:clamp(18px,2vw,26px);transition:.2s transform,.2s filter}
.btn:hover{transform:translateY(-2px);filter:brightness(.96)}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 5px 12px rgba(239,8,8,.18)}
.btn.small{font-size:19px;padding:12px 22px;border-radius:9px}
.whatsapp-icon{font-size:.95em;border:2px solid currentColor;width:1.05em;height:1.05em;display:inline-grid;place-items:center;border-radius:50%;line-height:1}

.services{background:var(--light);padding:70px 0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.service-card{min-height:375px;border-radius:26px;position:relative;overflow:hidden;padding:30px;background:linear-gradient(135deg,#0557c6 0%,#0fc8fb 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 15px 30px rgba(0,58,112,.12)}
.service-card::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:radial-gradient(ellipse at center,rgba(0,0,0,.28),transparent 67%)}
.card-title{position:relative;z-index:3;color:#fff;font-size:31px;font-weight:800;line-height:1.05;text-shadow:0 2px 2px rgba(0,0,0,.12)}
.shield{position:absolute;right:25px;top:24px;z-index:3;width:70px;height:82px;display:grid;place-items:center;font-size:44px;font-weight:900;color:#0a7ee8;background:linear-gradient(#fff,#dfeaff);clip-path:polygon(50% 0,92% 18%,82% 78%,50% 100%,18% 78%,8% 18%);filter:drop-shadow(0 4px 5px rgba(0,20,80,.4))}
.appliance{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:34px;background:linear-gradient(100deg,#8a949d,#f9fbfc 42%,#aab3ba);box-shadow:0 18px 25px rgba(0,0,0,.28)}
.fridge{width:112px;height:220px;border-radius:8px 8px 4px 4px}
.fridge .screen{position:absolute;top:30px;left:37px;width:38px;height:25px;background:#032647;border:4px solid #333;border-radius:3px}
.door-line{position:absolute;left:0;right:0;top:95px;height:3px;background:#333}
.handle{position:absolute;left:10px;width:5px;background:#252525;border-radius:3px}
.h1{top:45px;height:44px}.h2{top:108px;height:56px}
.freezer{width:235px;height:145px;border-radius:7px;background:linear-gradient(#fff,#e8e8e8)}
.freezer .lid{position:absolute;left:-4px;right:-4px;top:-10px;height:24px;background:#fff;border:1px solid #d3d3d3;border-radius:8px}
.freezer .lock{position:absolute;top:0;left:50%;width:28px;height:14px;background:#d9d9d9;border-radius:0 0 5px 5px}
.wheel{position:absolute;bottom:-12px;width:16px;height:16px;background:#333;border-radius:50%}.w1{left:25px}.w2{right:25px}
.side{width:150px;height:230px;border-radius:4px;background:linear-gradient(90deg,#25282c,#abb2b7 35%,#e1e4e6 49%,#868c91 52%,#2f3438)}
.side-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#222}
.dispenser{position:absolute;top:68px;left:25px;width:38px;height:45px;background:#070d12;border:4px solid #1c252c}
.side-handle{position:absolute;top:90px;width:4px;height:85px;background:#171717}
.side-handle.left{left:68px}.side-handle.right{right:68px}
.duplex{width:150px;height:220px;border-radius:5px;background:linear-gradient(90deg,#171b20,#737b80 45%,#f3f4f5 49%,#c8cdd0 100%)}
.duplex .door-line.top{top:65px}
.open-door{position:absolute;right:-38px;top:58px;width:46px;height:153px;background:#e8ecef;transform:skewY(-4deg);border:4px solid #878d92;box-shadow:8px 10px 18px rgba(0,0,0,.25)}
.shelf{position:absolute;right:-30px;width:34px;height:3px;background:#aaa;z-index:2}.s1{top:112px}.s2{top:155px}
.mini-brand{position:absolute;z-index:4;left:18px;bottom:18px;width:78px;height:78px;border-radius:50%;background:#052247;border:4px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.mini-brand strong{font-size:30px;line-height:1;color:#10bfff}.mini-brand span{font-size:9px;font-weight:800;letter-spacing:.5px}

.brands{background:#f0f0f0;padding:46px 0}
.brands-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}
.brand-cloud{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;align-items:center}
.brand-cloud span{font-size:27px;font-weight:800;color:#153a88}
.brand-cloud span:nth-child(3){background:#ff7b25;color:#fff;padding:8px 12px;border-radius:7px;font-size:17px}
.brand-cloud span:nth-child(4){color:#6dbc22}.brand-cloud span:nth-child(6){color:#7c157f}.brand-cloud span:nth-child(7){color:#15407b}.brand-cloud span:nth-child(9){color:#dd0c0c}.brand-cloud span:nth-child(10){color:#154d99}
.brands-copy{text-align:left}
.brands-copy h2,.guarantee h2,.about h2{font-size:clamp(34px,4.3vw,54px);line-height:1.03;color:var(--blue);font-weight:400;margin:0 0 22px}
.brands-copy h2 strong,.guarantee h2 strong,.about h2 strong{font-weight:900}

.guarantee{padding:80px 0 68px;text-align:center}
.narrow{width:min(1040px,90%)}
.guarantee h2{margin-bottom:26px}
.guarantee p{font-size:19px;line-height:1.42;text-align:left;margin:0 auto 26px;max-width:980px}
.seal{width:220px;height:220px;border-radius:50%;margin:12px auto 30px;background:linear-gradient(#09a9f2,#0076ce);padding:12px;box-shadow:0 10px 25px rgba(0,119,206,.2)}
.seal-inner{width:100%;height:100%;border-radius:50%;background:#061625;border:6px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}
.seal-inner::before{content:"★★★★★";font-size:16px;letter-spacing:3px}
.seal-small{font-size:15px;font-weight:700}.seal-inner strong{font-size:43px;line-height:1}
.seal-strip{position:absolute;left:-25px;right:-25px;bottom:23px;background:#0ba2f0;padding:8px 5px;font-weight:900;font-size:14px;transform:rotate(-3deg);border:3px solid #fff}

.benefits{background:var(--blue);padding:54px 0;color:#fff}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.benefit{text-align:center;font-size:21px;line-height:1.15}
.benefit-icon{font-size:50px;height:70px;display:grid;place-items:center;font-weight:900}

.about{padding:70px 0 80px}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}
.about-copy{text-align:center}
.about-copy p{text-align:left;font-size:19px;line-height:1.34;margin:0 0 24px}
.round-logo{width:360px;aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle at 38% 28%,#0d2b59,#001327 60%);border:6px solid #0d5a96;box-shadow:inset 0 0 0 4px #06172d,0 12px 25px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}
.round-logo strong{font-size:140px;line-height:.75;background:linear-gradient(90deg,#fff 40%,#00aaf7 41%);-webkit-background-clip:text;color:transparent;font-style:italic}
.round-logo .snow{position:absolute;font-size:64px;color:#00aaf7;top:76px;left:142px}
.round-logo span{font-size:37px;font-weight:900;letter-spacing:1px}.round-logo small{color:#27b8ff;letter-spacing:5px;font-weight:700}

footer{background:#000;color:#fff;padding:65px 0;text-align:center}
.footer-inner h3{font-size:28px;margin:0 0 28px}
.footer-inner a{color:#fff;text-decoration:none;font-size:31px}
.footer-inner p{color:#bbb;margin-top:18px}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#19bf59;color:#fff;font-size:36px;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.28);z-index:50}

@media (max-width:950px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .brands-inner,.about-grid{grid-template-columns:1fr}
  .brands-copy{text-align:center}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .hero{padding-top:26px}
  .brand-main{font-size:39px}
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:355px}
  .brands{padding:35px 0}
  .brand-cloud span{font-size:20px}
  .benefits-grid{grid-template-columns:1fr 1fr;gap:35px 14px}
  .benefit{font-size:16px}
  .round-logo{width:min(330px,92vw)}
  .round-logo strong{font-size:125px}
  .round-logo .snow{left:132px;top:70px}
  .round-logo span{font-size:32px}
  .round-logo small{font-size:10px}
  .footer-inner a{font-size:24px}
}