.warranty-highlight{
  position:relative;
  overflow:hidden;
  margin-top:-1px;
  background:linear-gradient(180deg,#03101a 0,#dfe9ef 42px,#f3f7fa 86px);
  padding:58px 0 18px;
}

.warranty-highlight-card{
  position:relative;
  min-height:190px;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) auto;
  align-items:center;
  gap:30px;
  padding:24px 34px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(118deg,#07131f 0%,#0a2232 62%,#10384d 100%);
  border:1px solid rgba(94,220,255,.2);
  border-radius:30px;
  box-shadow:0 24px 64px rgba(4,18,28,.16);
}
.warranty-highlight-card::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-100px;
  top:-190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(5,183,241,.24),transparent 68%);
}
.warranty-seal{
  position:relative;
  z-index:1;
  width:144px;
  aspect-ratio:1;
  display:grid;
  place-content:center;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.18),transparent 24%),
    linear-gradient(145deg,#ff4651 0%,#df182a 78%);
  border:2px solid rgba(255,255,255,.94);
  border-radius:50%;
  transform:rotate(-3deg);
  box-shadow:0 18px 38px rgba(239,47,59,.28),0 0 0 6px rgba(239,47,59,.12);
}
.warranty-seal::before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  pointer-events:none;
}
.warranty-seal::after{
  content:"✓";
  position:absolute;
  right:13px;
  top:14px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:#d91c2c;
  background:#fff;
  border-radius:50%;
  font-size:.78rem;
  font-weight:950;
  box-shadow:0 4px 10px rgba(91,0,8,.18);
}
.warranty-seal strong{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  margin:2px 0 -2px;
  font-size:3.15rem;
  line-height:.72;
  letter-spacing:-.09em;
}
.warranty-seal .seal-brand{
  display:block;
  color:#fff;
  font-size:.58rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.2em;
}
.warranty-seal .seal-period{
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:.72rem;
  font-weight:950;
  line-height:1;
  letter-spacing:.13em;
}
.warranty-seal em{
  display:block;
  margin-top:5px;
  font-size:.49rem;
  font-style:normal;
  font-weight:900;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.warranty-copy{position:relative;z-index:1}
.warranty-copy small{
  display:block;
  margin-bottom:10px;
  color:#6cdcff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.warranty-copy h2{
  max-width:760px;
  margin:0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(2rem,4vw,4rem);
  line-height:.94;
  letter-spacing:-.055em;
}
.warranty-copy h2 span{color:#6cdcff}
.warranty-copy p{
  max-width:660px;
  margin:13px 0 0;
  color:#9fb5c2;
  font-size:.92rem;
  line-height:1.6;
}
.warranty-highlight-card .warranty-link{
  position:relative;
  z-index:1;
  white-space:nowrap;
}
@media(max-width:900px){
  .warranty-highlight-card{grid-template-columns:130px 1fr;padding:24px;gap:22px}
  .warranty-seal{width:116px}
  .warranty-seal strong{font-size:2.2rem}
  .warranty-highlight-card .warranty-link{grid-column:2}
}
@media(max-width:620px){
  .warranty-highlight{padding-top:36px;background:linear-gradient(180deg,#03101a 0,#e3ebf0 28px,#f3f7fa 62px)}
  .warranty-highlight-card{grid-template-columns:92px 1fr;min-height:0;padding:20px 18px;border-radius:23px;gap:16px}
  .warranty-seal{width:88px}
  .warranty-seal::before{inset:6px}
  .warranty-seal::after{right:7px;top:8px;width:17px;height:17px;font-size:.57rem}
  .warranty-seal strong{font-size:1.85rem}
  .warranty-seal .seal-brand{font-size:.42rem}
  .warranty-seal .seal-period{font-size:.51rem;margin-top:5px}
  .warranty-seal em{font-size:.34rem;margin-top:3px}
  .warranty-copy h2{font-size:clamp(1.55rem,8vw,2.3rem)}
  .warranty-copy p{font-size:.8rem;margin-top:9px}
  .warranty-highlight-card .warranty-link{grid-column:1/-1;width:100%;justify-content:center}
}

/* V2: lower placement and a cleaner, brand-aligned guarantee badge. */
.warranty-highlight{
  padding-top:96px;
  padding-bottom:22px;
  background:linear-gradient(180deg,#03101a 0,#dfe9ef 58px,#f3f7fa 112px);
}
.warranty-seal{
  width:148px;
  min-height:142px;
  aspect-ratio:auto;
  color:#03131d;
  background:linear-gradient(145deg,#7ee9ff 0%,#34c9ef 52%,#13aeda 100%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  outline:0;
  transform:none;
  box-shadow:0 18px 38px rgba(5,183,241,.2),inset 0 1px rgba(255,255,255,.55);
}
.warranty-seal::before{
  content:"GARANTIA";
  inset:auto;
  left:15px;
  top:14px;
  padding:0;
  border:0;
  border-radius:0;
  color:rgba(3,19,29,.68);
  font-size:.48rem;
  font-weight:950;
  letter-spacing:.18em;
}
.warranty-seal::after{
  content:"✓";
  right:14px;
  top:12px;
  width:26px;
  height:26px;
  color:#fff;
  background:#052235;
  border-radius:9px;
  box-shadow:0 5px 12px rgba(0,18,28,.18);
}
.warranty-seal strong{margin:15px 0 -2px;font-size:3.7rem;line-height:.68;color:#052235}
.warranty-seal .seal-brand{color:#052235;font-size:.56rem}
.warranty-seal .seal-period{color:#052235;font-size:.74rem}
.warranty-seal em{color:rgba(3,19,29,.7);font-size:.47rem}
@media(max-width:900px){
  .warranty-seal{width:116px;min-height:124px}
}
@media(max-width:620px){
  .warranty-highlight{padding-top:54px;background:linear-gradient(180deg,#03101a 0,#e3ebf0 38px,#f3f7fa 78px)}
  .warranty-seal{width:88px;min-height:96px;border-radius:20px}
  .warranty-seal::before{left:9px;top:9px;font-size:.31rem}
  .warranty-seal::after{right:7px;top:7px;width:18px;height:18px;border-radius:6px;font-size:.57rem}
  .warranty-seal strong{margin-top:12px;font-size:2.15rem}
}

/* V3: cleaner layout without a decorative seal. */
.warranty-highlight-card{
  grid-template-columns:minmax(0,1fr) auto;
  gap:44px;
  padding:34px 42px;
}
.warranty-copy::before{
  content:"";
  display:block;
  width:54px;
  height:4px;
  margin-bottom:18px;
  border-radius:999px;
  background:linear-gradient(90deg,#5cddff,#20b9e7);
  box-shadow:0 0 20px rgba(74,214,249,.34);
}
@media(max-width:900px){
  .warranty-highlight-card{grid-template-columns:1fr;gap:24px;padding:30px}
  .warranty-highlight-card .warranty-link{grid-column:auto;width:max-content}
}
@media(max-width:620px){
  .warranty-highlight-card{padding:26px 22px}
  .warranty-highlight-card .warranty-link{width:100%}
}

/* V4: stronger warranty metric and fully localized value points. */
.warranty-highlight-card{
  min-height:250px;
  grid-template-columns:172px minmax(0,1fr) auto;
  gap:38px;
  padding:34px 40px;
  isolation:isolate;
  background:
    radial-gradient(circle at 88% 24%,rgba(43,199,239,.24),transparent 26%),
    radial-gradient(circle at 15% 110%,rgba(52,211,249,.1),transparent 30%),
    linear-gradient(118deg,#06131f 0%,#092436 62%,#0d3c52 100%);
}
.warranty-highlight-card::after{
  content:"06";
  position:absolute;
  z-index:-1;
  right:15%;
  top:50%;
  transform:translateY(-52%);
  color:rgba(111,224,255,.035);
  font-family:"Space Grotesk",sans-serif;
  font-size:15rem;
  font-weight:700;
  line-height:.7;
  letter-spacing:-.1em;
  pointer-events:none;
}
.warranty-mark{
  position:relative;
  z-index:1;
  width:160px;
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#031722;
  background:
    radial-gradient(circle at 26% 18%,rgba(255,255,255,.72),transparent 25%),
    linear-gradient(145deg,#91edff 0%,#43d2f5 48%,#12acd9 100%);
  border:1px solid rgba(255,255,255,.78);
  border-radius:30px;
  box-shadow:0 22px 46px rgba(4,183,231,.24),inset 0 1px 0 rgba(255,255,255,.7);
  transform:rotate(-2deg);
}
.warranty-mark::before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(3,23,34,.13);
  border-radius:23px;
}
.warranty-mark small,
.warranty-mark em,
.warranty-mark span{
  position:relative;
  z-index:1;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
}
.warranty-mark small{font-size:.55rem;letter-spacing:.19em}
.warranty-mark strong{
  position:relative;
  z-index:1;
  margin:-1px 0 -7px;
  font-family:"Space Grotesk",sans-serif;
  font-size:6rem;
  line-height:.88;
  letter-spacing:-.09em;
}
.warranty-mark em{font-size:.8rem;letter-spacing:.15em}
.warranty-mark span{margin-top:11px;font-size:.48rem;letter-spacing:.18em;opacity:.65}
.warranty-mark i{
  position:absolute;
  right:13px;
  top:13px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  color:#70e3ff;
  background:#051c29;
  border-radius:9px;
  font-size:.7rem;
  font-style:normal;
  font-weight:950;
  box-shadow:0 8px 18px rgba(0,20,31,.2);
}
.warranty-copy::before{display:none}
.warranty-copy h2{font-size:clamp(2.2rem,3.7vw,4rem)}
.warranty-copy p{max-width:700px}
.warranty-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:17px;
}
.warranty-benefits>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 10px;
  color:#c9e3ec;
  background:rgba(105,220,251,.07);
  border:1px solid rgba(105,220,251,.14);
  border-radius:999px;
  font-size:.67rem;
  font-weight:800;
}
.warranty-benefits i{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  color:#042333;
  background:#59dbfb;
  border-radius:50%;
  font-size:.5rem;
  font-style:normal;
  font-weight:950;
}
.warranty-highlight-card .warranty-link{
  min-height:56px;
  padding-inline:24px;
  box-shadow:0 16px 34px rgba(8,185,242,.25);
}
@media(max-width:1050px){
  .warranty-highlight-card{
    grid-template-columns:142px minmax(0,1fr);
    gap:28px;
  }
  .warranty-mark{width:132px;min-height:150px}
  .warranty-mark strong{font-size:4.8rem}
  .warranty-highlight-card .warranty-link{
    grid-column:2;
    width:max-content;
  }
}
@media(max-width:620px){
  .warranty-highlight-card{
    grid-template-columns:92px minmax(0,1fr);
    gap:16px;
    padding:22px 18px;
  }
  .warranty-highlight-card::after{display:none}
  .warranty-mark{
    width:88px;
    min-height:108px;
    border-radius:21px;
  }
  .warranty-mark::before{inset:6px;border-radius:16px}
  .warranty-mark small{font-size:.36rem}
  .warranty-mark strong{margin:0 0 -4px;font-size:3.1rem}
  .warranty-mark em{font-size:.52rem}
  .warranty-mark span{margin-top:7px;font-size:.31rem}
  .warranty-mark i{right:7px;top:7px;width:19px;height:19px;border-radius:6px;font-size:.5rem}
  .warranty-copy h2{font-size:clamp(1.55rem,7.6vw,2.25rem)}
  .warranty-copy p{font-size:.78rem}
  .warranty-benefits{grid-column:1/-1}
  .warranty-benefits>span{font-size:.61rem}
  .warranty-highlight-card .warranty-link{
    grid-column:1/-1;
    width:100%;
  }
}