* {box-sizing:border-box; padding:0; margin:0;}

html {scroll-behavior:smooth; scroll-padding-top:160px;}
body {font-family:var(--defaultFontFamily); background:var(--neutral-100); 
  font-optical-sizing:auto; font-style:normal; font-weight:var(--fw-regular); 
  line-height:1.5; font-size:var(--fs-base); color: var(--neutral-900);}
h1,h2,h3,h4,h5,h6 {line-height:1.3; margin:0 0 1.75rem 0;}
p {margin:0 0 1.75rem 0;}
ul,ol {margin:0 0 1.75rem 0;}
ul[data-format='list'] {list-style:none; padding-left:0;}
ul li, ol li {margin-bottom:0.5rem;}
strong {font-weight:var(--fw-bold);}

a {transition:var(--transition-default); text-decoration:none; color:var(--primary-300);}
a:hover {text-decoration:none; color:var(--primary-200);}
a[href^="tel"] {white-space:nowrap;}
main ul {padding-left:1.5rem;}

img,
picture,
svg {max-width:100%; height:auto; display:block;}
iframe {border:0; width:100%;}

@media (prefers-reduced-motion:reduce) {
  /* Remove animations & transitions */
  html {scroll-behavior:auto;}
  *,
  *::before,
  *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}

:root {
    /* Fonts */
    --defaultFontFamily: "Montserrat", sans-serif;;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;
 
    --neutral-100:#fff;
    --neutral-200:#e6e6e6;
    --neutral-400:#707070;
    --neutral-800:#272727;
    --neutral-900:#000;

    --primary-400:#080944;

    /* Default */
    --transition-default: all 0.3s ease-out;
    --fs-base: 1rem;
}
body {overflow-y:auto;}
.background-cover {width:100%; min-height:100dvh; background:url(../images/product-1.webp) center/cover no-repeat; background-size:cover; position:relative; padding:3rem 1.5rem 3rem 1.5rem;}
.background-cover::before {background:var(--neutral-900); content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1; transition:opacity 2s ease-out; transition-delay:0.5s;}
.background-cover.animate::before {opacity:0.2;}
.container {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:100vh; width:100%; max-width:1200px; margin:0 auto;}
h1 {font-weight:var(--fw-medium); text-transform:uppercase; font-size:1.25rem; letter-spacing:.2em;}
p {margin-bottom:0.75rem;}
.message {max-width:630px; transform:translateY(100px); transition:transform 0.5s ease-out, opacity 0.5s ease-out; opacity:0; padding:45px 1.5rem 50px 1.5rem; text-align:center; border-radius:4px; isolation:isolate; background:#080944E6; color:var(--neutral-200); font-size:0.8rem; line-height:1.6;}
.message.animate {transform:translateY(0); opacity:1;}
.btn {display:inline-block; border:1px solid var(--neutral-200); padding:10px 18px; font-size:0.8rem;}
.btn:hover {background:var(--neutral-200); color:var(--neutral-800);}
.logo img {max-width:180px; height:auto; margin:0 auto 2rem auto;}

@media (min-width:600px) {
    h1 {font-size:1.375rem;}
    p {margin-bottom:1.25rem;}
    .message {padding:45px 60px 50px 60px; font-size:0.938rem;}
    .logo img {max-width:240px;}
}