:root{
  --ink:#382820;
  --muted:#73675f;
  --paper:#fbf8f4;
  --peach:#eb9a88;
  --sage:#f08c6f;
  --white:#fff;
  --line:#e8dfd8;
  --shadow:0 22px 60px rgba(66,44,32,.11);
}


*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Nunito",system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
}


a{
  text-decoration:none;
  color:inherit;
}

img{
  display:block;
  max-width:100%;
}

button,input{
  font:inherit;
}



/* HEADER */

.header{
  position:absolute;
  z-index:20;
  left:0;
  right:0;
  top:0;
  height:90px;

  padding:0 8vw;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}


.brand{
  display:flex;
  align-items:center;
}

.brand img{
  width:80px;
 
  height:auto;
}


.header nav{
  display:flex;
  gap:42px;

  font-size:16px;
  font-weight:600;
}


.header nav a{
  transition:.2s;
}

.header nav a:hover{
  opacity:.5;
}


.actions{
  justify-self:end;

  display:flex;
  align-items:center;
  gap:18px;
}


.actions button{
  border:0;
  background:none;
  cursor:pointer;

  color:var(--ink);
  font-size:20px;
  position:relative;
  background: #fff;
}


.cart b{

position:absolute;

right:-10px;
top:-10px;

width:20px;
height:20px;

border-radius:50%;

background:var(--ink);
color:white;

font-size:10px;

display:grid;
place-items:center;

}



/* HERO */


.hero{

position:relative;

overflow:hidden;

min-height:800px;

display:grid;

grid-template-columns:
minmax(480px,48%)
minmax(500px,52%);

align-items:center;


padding:0px 40px 0;


/* background-image:url("assets/background.png"); */
background-color: #fef2ec;

background-size:cover;

background-position:center;

}



.hero-copy{

padding-left:5vw;

padding-top:50px;

position:relative;

z-index:3;

}



h1{

margin:0 0 28px;

max-width:650px;


font-size:clamp(55px,5vw,82px);

line-height:1;

letter-spacing:-.05em;

font-weight:800;

}



h1 em{

font-style:normal;

color:var(--peach);

}



.hero-copy>p{

font-size:19px;

line-height:1.6;

color:#493d36;

margin-bottom:35px;

}




.buttons{

display:flex;

gap:16px;

margin-bottom:55px;

}


.btn{

height:56px;

padding:0 30px;

border-radius:999px;

display:flex;

align-items:center;

justify-content:center;

gap:10px;


font-size:16px;

font-weight:700;


transition:.2s;

}



.btn:hover{

transform:translateY(-2px);

}



.primary{

background:var(--sage);

color:white;

box-shadow:0 12px 28px hwb(0 71% 29% / 0.2);

}



.ghost{

background:white;

border:1px solid #cfc3ba;

}



/* BENEFITS */


.benefits{

display:grid;

grid-template-columns:repeat(4,1fr);

max-width:700px;

}



.benefits article{

padding:0 18px;

text-align:center;

border-right:1px solid var(--line);

}



.benefits article:last-child{

border:none;

}



.benefits img{
    width: 58px;
    height: 58px;
    margin: 0 auto 12px;
    background-color: #ffe2d8c9;
    border-radius: 50px;
    padding: 8px;

}



.benefits strong{

display:block;

font-size:16px;

margin-bottom:6px;

}



.benefits span{

font-size:15px;

color:var(--muted);

line-height:1.4;

}



/* IMAGE */


.hero-art{

position:relative;

height:820px;

}



.hero-person{

position:absolute;
bottom:0;

width:min(720px,105%);

height:100%;

object-fit:contain;

object-position:bottom right;

}



.doodle{

position:absolute;

color:white;

font-size:40px;

z-index:2;

}



.d1{

left:30%;

top:12%;

transform:rotate(-18deg);

}


.d2{

right:8%;

top:30%;

transform:rotate(14deg);

}



/* REVIEW */


.review-card{

position:absolute;

right:5%;

bottom:12%;

z-index:5;


width:240px;

padding:25px;


background:white;

border-radius:26px;

box-shadow:var(--shadow);

text-align:center;

}


.stars{

color:#ffb400;

letter-spacing:3px;

}


.review-card p{

font-size:15px;

line-height:1.5;

}



/* FAMILY */


.family{

background:white;

text-align:center;

padding:80px 5vw;

}


.family h2{

font-size:40px;

font-weight:500;

letter-spacing:-.03em;

}



.family h2 span{

color:var(--peach);

}



.family-image{

max-width:1180px;

width:100%;

margin:40px auto;

height:300px;

object-fit:cover;

border-radius:35px;

}

/* ABOUT */


.about{

padding:70px 8vw;

display:grid;

grid-template-columns:40% 60%;

align-items:center;

background:#f7f0e9;

}



.about-visual{

height:380px;

}



.about-visual img{

height:100%;

margin:auto;

object-fit:contain;

}



.about-copy h2{

font-size:35px;

font-weight:500;

}



.about-copy p{

color:var(--muted);

line-height:1.6;

}



/* RESPONSIVE */


@media(max-width:1050px){

.header nav{
display:none;
}


.hero{

grid-template-columns:1fr;

padding-top:90px;

}


.hero-copy{

padding:70px 30px 30px;

}


.hero-art{

height:650px;

}


.hero-person{

width:100%;

right:0;

}



}


@media(max-width:700px){

.brand{
font-size:24px;
}


.hero-copy{

padding:40px 20px;

}


h1{

font-size:48px;

}


.buttons{

flex-direction:column;

}


.btn{

width:100%;

}


.benefits{

grid-template-columns:1fr 1fr;

gap:25px 0;

}


.benefits article{

border:none;

}


.hero-art{

height:520px;

}


.review-card{

width:200px;

bottom:5%;

}


.trust{

grid-template-columns:1fr;

}


.about{

grid-template-columns:1fr;

}
 

}

@media(max-width:700px){

.brand img{
  width:120px;
}

}

.language-switch{

height:42px;
padding:0 16px;

display:flex;
align-items:center;
gap:8px;

border:1px solid rgba(56,40,32,.12);
border-radius:999px;

background:white;

color:var(--ink);

font-size:14px;
font-weight:700;

cursor:pointer;

transition:.2s;

box-shadow:0 5px 15px rgba(0,0,0,.04);

}


.language-switch:hover{

transform:translateY(-2px);

box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.language-switch svg{

width:18px;
height:18px;

fill:none;
stroke:currentColor;
stroke-width:1.8;

}



.language-switch .arrow{

width:12px;
height:12px;

margin-left:3px;

}

.hero-slider{
  position:relative;
  width:100%;
  height:100%;
}


.hero-slide{
  position:absolute;
  inset:0;

  opacity:0;
  transform:translateY(15px) scale(.98);

  transition:
    opacity 1.2s ease,
    transform 1.2s ease;

  pointer-events:none;
}


.hero-slide.active{
  opacity:1;
  transform:translateY(0) scale(1);

  pointer-events:auto;
}


.hero-person{
  width:100%;
  display:block;
}


.review-card{
  transition:opacity .8s ease;
}



.magic-family{
  position:relative;
  overflow:hidden;
  padding:96px 4.7vw 84px;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,207,194,.22), transparent 26%),
    radial-gradient(circle at 88% 72%, rgba(255,220,209,.27), transparent 24%),
    #fffaf5;
}

.magic-family::before,
.magic-family::after{
  content:"";
  position:absolute;
  width:250px;
  height:120px;
  border:2px dashed rgba(238,139,116,.65);
  border-color:rgba(238,139,116,.65) transparent transparent transparent;
  border-radius:50%;
  pointer-events:none;
}

.magic-family::before{
  left:-90px;
  top:115px;
  transform:rotate(12deg);
}

.magic-family::after{
  right:-70px;
  bottom:55px;
  transform:rotate(-18deg);
}

.magic-family-decor{
  position:absolute;
  z-index:0;
  font-size:42px;
  line-height:1;
  color:#ef8f79;
  font-family:Arial, sans-serif;
  opacity:.9;
}

.magic-family-heart-one{
  left:6.5%;
  top:62px;
  transform:rotate(-12deg);
}

.magic-family-heart-two{
  right:7%;
  top:122px;
  transform:rotate(10deg);
}

.magic-family-heading{
  position:relative;
  z-index:1;
  max-width:850px;
  margin:0 auto 48px;
  text-align:center;
}

.family-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 24px;
  margin-bottom:22px;
  border-radius:999px;
  background:#ffe3db;
  color:#984f3f;
  font-size:15px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.magic-family-heading h2{
  margin:0;
  color:#382820;
  font-size:clamp(42px,5vw,72px);
  line-height:.98;
  letter-spacing:-3px;
}

.magic-family-heading p{
  margin:22px 0 0;
  color:#625650;
  font-size:21px;
  line-height:1.5;
}

.character-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  max-width:1450px;
  margin:0 auto;
}

.character-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(87,61,49,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:
    0 18px 45px rgba(79,53,39,.09),
    0 3px 10px rgba(79,53,39,.04);
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.character-card:hover{
  transform:translateY(-9px);
  box-shadow:
    0 28px 64px rgba(79,53,39,.15),
    0 7px 18px rgba(79,53,39,.06);
}

.character-image{
  position:relative;
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:#ead8c7;
}

.character-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to bottom,
    transparent 65%,
    rgba(55,37,29,.05)
  );
  pointer-events:none;
}

.character-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}

.character-card:hover .character-image img{
  transform:scale(1.045);
}

.character-content{
  padding:24px 22px 26px;
  text-align:center;
}

.character-content h3{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  color:#382820;
  font-size:38px;
  line-height:1;
  letter-spacing:-1.4px;
}

.character-content h3 span{
  color:#ef8f79;
  font-family:Arial, sans-serif;
  font-size:24px;
  font-weight:400;
}

.character-species{
  margin:8px 0 22px;
  color:#ed8a72;
  font-size:18px;
  font-weight:800;
}

.character-card:nth-child(2) .character-species{
  color:#7f9c53;
}

.character-card:nth-child(3) .character-species{
  color:#ef8f43;
}

.character-card:nth-child(4) .character-species{
  color:#65ad9e;
}

.character-card:nth-child(5) .character-species{
  color:#ee8275;
}

.character-personality{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:42px;
  color:#493c35;
  font-size:14px;
  font-weight:700;
}

.character-icon{
  display:grid;
  flex:0 0 38px;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:50%;
  background:#fff0eb;
  font-size:17px;
}

.character-card:nth-child(2) .character-icon{
  background:#f2f6e9;
}

.character-card:nth-child(3) .character-icon{
  background:#fff0e4;
}

.character-card:nth-child(4) .character-icon{
  background:#e8f6f2;
}

.character-card:nth-child(5) .character-icon{
  background:#fff0ec;
  color:#ee755e;
}

.character-link{
  position:absolute;
  z-index:2;
  inset:0;
}

.magic-family-footer{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:50px auto 0;
  text-align:center;
}

.family-stars{
  margin-bottom:10px;
  color:#f6a800;
  font-size:27px;
  letter-spacing:6px;
}

.magic-family-footer strong{
  display:block;
  color:#382820;
  font-size:27px;
  line-height:1.25;
}

.magic-family-footer p{
  margin:10px 0 24px;
  color:#796b63;
  font-size:16px;
}

.magic-family-button{
  display:inline-flex;
  min-width:310px;
  justify-content:center;
}

@media (max-width:1200px){

  .character-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:900px;
  }

  .character-card:nth-child(4){
    grid-column:1 / 2;
  }

  .character-card:nth-child(5){
    grid-column:2 / 3;
  }
}

@media (max-width:800px){

  .magic-family{
    padding:72px 20px 64px;
  }

  .magic-family-heading{
    margin-bottom:34px;
  }

  .magic-family-heading h2{
    font-size:44px;
    letter-spacing:-2px;
  }

  .magic-family-heading p{
    font-size:17px;
  }

  .character-grid{
    display:flex;
    max-width:none;
    margin-left:-20px;
    margin-right:-20px;
    padding:0 20px 24px;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  .character-grid::-webkit-scrollbar{
    display:none;
  }

  .character-card{
    flex:0 0 78vw;
    max-width:310px;
    scroll-snap-align:center;
  }

  .character-card:nth-child(4),
  .character-card:nth-child(5){
    grid-column:auto;
  }

  .character-content h3{
    font-size:34px;
  }

  .magic-family-footer{
    margin-top:32px;
  }

  .magic-family-footer strong{
    font-size:23px;
  }

  .magic-family-button{
    width:100%;
    min-width:0;
  }

  .magic-family-decor{
    display:none;
  }
}

.product-safety{
  position:relative;
  overflow:hidden;
  padding:105px 4.7vw 82px;
  background: #fff;
}

.product-safety__heading{
  position:relative;
  z-index:2;
  max-width:1050px;
  margin:0 auto 64px;
  text-align:center;
}

.product-safety__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 20px;
  border-radius:999px;
  background:#fff0ea;
  color:#55392e;
  font-size:14px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.product-safety__kicker span{
  color:#ed8267;
  font-size:12px;
}

.product-safety__heading h2{
  margin:22px 0 14px;
  color:#34251f;
  font-size:clamp(44px,5vw,76px);
  line-height:.98;
  letter-spacing:-3px;
}

.product-safety__heading h2 em{
  display:block;
  color:#ea8269;
  font-style:normal;
}

.product-safety__heading p{
  margin:0;
  color:#6e625c;
  font-size:20px;
}

.product-safety__content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(265px,1fr) minmax(390px,1.55fr) minmax(265px,1fr);
  align-items:center;
  gap:0px;
  max-width:1480px;
  margin:0 auto;
}

.product-safety__features{
  display:flex;
  flex-direction:column;
  gap:38px;
}

.safety-feature{
  position:relative;
  display:grid;
  align-items:center;
  gap:18px;
}

.product-safety__features--left .safety-feature{
  grid-template-columns:112px 1fr;
}

.product-safety__features--right .safety-feature{
  grid-template-columns:1fr 112px;
}

.safety-feature__image{
  position:relative;
  width:112px;
  height:112px;
  overflow:hidden;
  border:1px solid rgba(233,130,104,.38);
  border-radius:50%;
  background:#fff;
  box-shadow:0 14px 34px rgba(76,48,36,.09);
}

.safety-feature__image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.safety-feature__copy h3{
  margin:0 0 9px;
  color:#382820;
  font-size:21px;
  line-height:1.15;
}

.safety-feature__copy p{
  margin:0;
  color:#675b55;
  font-size:14px;
  line-height:1.55;
}

.product-safety__features--right .safety-feature__copy{
  text-align:left;
}

.product-safety__product{
  position:relative;
  display:flex;
  min-height:570px;
  align-items:center;
  justify-content:center;
}

.product-safety__glow{
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(248,191,169,.25),transparent 68%);
  filter:blur(4px);
}

.product-safety__plush{
  position:relative;
  z-index:1;
  width:100%;
  max-width:640px;
  height:auto;
  object-fit:contain;
  border-radius: 25px;
}


@media (max-width:1200px){

  .product-safety__content{
    grid-template-columns:1fr 1.25fr;
  }

  .product-safety__features--left{
    order:1;
  }

  .product-safety__product{
    grid-row:span 2;
    order:2;
  }

  .product-safety__features--right{
    order:3;
  }

  .product-safety__features--left .safety-feature,
  .product-safety__features--right .safety-feature{
    grid-template-columns:94px 1fr;
  }

  .product-safety__features--right .safety-feature__image{
    order:-1;
  }

  .safety-feature__image{
    width:94px;
    height:94px;
  }

}

@media (max-width:760px){

  .product-safety{
    padding:76px 20px 58px;
  }

  .product-safety::before{
    inset:10px;
    border-radius:24px;
  }

  .product-safety__heading{
    margin-bottom:42px;
  }

  .product-safety__heading h2{
    font-size:43px;
    letter-spacing:-2px;
  }

  .product-safety__heading p{
    font-size:17px;
  }

  .product-safety__content{
    display:flex;
    flex-direction:column;
    gap:40px;
  }

  .product-safety__product{
    order:1;
    min-height:auto;
  }

  .product-safety__features--left{
    order:2;
  }

  .product-safety__features--right{
    order:3;
  }

  .product-safety__features{
    width:100%;
    gap:18px;
  }

  .product-safety__features--left .safety-feature,
  .product-safety__features--right .safety-feature{
    grid-template-columns:82px 1fr;
    padding:16px;
    border:1px solid rgba(225,136,109,.14);
    border-radius:18px;
    background:#fff;
  }

  .product-safety__features--right .safety-feature__image{
    order:-1;
  }

  .safety-feature__image{
    width:82px;
    height:82px;
  }

  .safety-feature__copy h3{
    font-size:18px;
  }

  .safety-feature__copy p{
    font-size:13px;
  }
}

/* ===========================================================
   LUMI FEATURE
=========================================================== */

.lumi-section{

 
    /* width:min(1460px,calc(100% - 60px)); */

    margin:0 auto;

}

.lumi-card{

    min-height:640px;

    /* border-radius:36px; */

    overflow:hidden;

    position:relative;

    display:flex;

    align-items:center;

    background:
        linear-gradient(
            90deg,
            rgba(255,249,241,.97) 0%,
            rgba(255,249,241,.90) 28%,
            rgba(255,249,241,.38) 55%,
            rgba(255,249,241,0) 72%
        ),
        url("lumi/lumi-background.png");

    background-size:cover;

    background-position:center;

  /*  box-shadow: 0 25px 70px rgba(0,0,0,.08); */

}

.lumi-content{

    width:520px;

    margin-left:90px;

    z-index:5;

}

.lumi-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:42px;

    padding:0 22px;

    border-radius:999px;

    background:#91A85E;

    color:white;

    font-size:12px;

    font-weight:800;

    letter-spacing:.16em;

    text-transform:uppercase;

    margin-bottom:28px;

}

.lumi-content h2{

    margin:0;

    font-size:68px;

    line-height:.98;

    font-weight:800;

    letter-spacing:-2px;

    color:#32261f;

}

.lumi-content h3{

    margin:16px 0 28px;

    font-size:46px;

    line-height:1.05;

    color:#7E9850;

    font-weight:800;

}

.lumi-content p{

    margin:0;

    max-width:500px;

    font-size:22px;

    line-height:1.75;

    color:#564C46;

}

.lumi-btn{

    margin-top:40px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:210px;

    height:60px;

    border-radius:999px;

    background:#8EA65B;

    color:#fff;

    font-weight:700;

    font-size:17px;

    transition:.25s;

    text-decoration:none;

    box-shadow:
        0 12px 26px rgba(98,120,58,.22);

}

.lumi-btn:hover{

    transform:translateY(-3px);

    background:#7F9551;

}

.lumi-btn span{

    transition:.25s;

}

.lumi-btn:hover span{

    transform:translateX(4px);

}


/* ===========================================
   TABLET
=========================================== */

@media(max-width:1100px){

.lumi-section{

    width:calc(100% - 40px);

}

.lumi-card{

    min-height:520px;

}

.lumi-content{

    margin-left:55px;

    width:420px;

}

.lumi-content h2{

    font-size:54px;

}

.lumi-content h3{

    font-size:36px;

}

.lumi-content p{

    font-size:18px;

}

}


/* ===========================================
   MOBILE
=========================================== */

@media(max-width:760px){

.lumi-section{

    width:calc(100% - 20px);

    margin:60px auto;

}

.lumi-card{

    min-height:720px;

    align-items:flex-start;

    background-position:72% center;

    background:
        linear-gradient(
            180deg,
            rgba(255,249,241,.97) 0%,
            rgba(255,249,241,.92) 36%,
            rgba(255,249,241,.30) 64%,
            rgba(255,249,241,0) 100%
        ),
        url("assets/lumi-background.jpg");

    background-size:cover;

}

.lumi-content{

    margin:45px 28px;

    width:auto;

}

.lumi-content h2{

    font-size:46px;

}

.lumi-content h3{

    font-size:31px;

}

.lumi-content p{

    font-size:17px;

    line-height:1.6;

}

.lumi-btn{

    width:190px;

    height:54px;

    margin-top:28px;

}

}

/* =========================================================
   MAGIC BABY COMMUNITY
========================================================= */

.community-section{
  position:relative;
  overflow:hidden;
  padding:100px 4.7vw 84px;
  background:
    radial-gradient(circle at 50% 14%,rgba(239,147,124,.08),transparent 27%),
    linear-gradient(180deg,#fffdfa 0%,#fffaf6 100%);
  color:#382820;
}

.community-section svg{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* HEADING */

.community-heading{
  position:relative;
  max-width:1200px;
  margin:0 auto 48px;
  text-align:center;
}

.community-kicker{
  display:flex;
  width:max-content;
  align-items:center;
  gap:8px;

  margin:0 auto 20px;
  padding:9px 19px;

  border-radius:999px;
  background:#edf0e4;
  color:#667248;

  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.community-kicker svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
}

.community-heading h2{
  position:relative;
  display:block;

  width:fit-content;
  max-width:100%;
  margin:0 auto 15px;

  color:#382820;
  font-size:clamp(45px,5.1vw,76px);
  line-height:1;
  letter-spacing:-3px;
  text-align:center;
}

.community-heading h2 em{
  display:block;
  color:#82975c;
  font-style:normal;
}

.community-heading p{
  margin:0 auto;
  color:#756a64;
  font-size:20px;
  line-height:1.5;
  text-align:center;
}

.community-title-heart{
  position:absolute;
  right:-70px;
  bottom:3px;

  width:58px;
  height:58px;

  color:#ef8d76;
  stroke-width:2.3 !important;
  transform:rotate(8deg);
}

.community-heading-arrow{
  position:absolute;
  left:8%;
  bottom:-48px;

  width:105px;
  height:auto;

  color:#ef8d76;
  transform:rotate(-7deg);
}

/* CAROUSEL */

.community-carousel{
  position:relative;
  max-width:1450px;
  margin:0 auto;
}

.community-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 54px)/4);
  gap:18px;
  overflow-x:auto;
  padding:8px 4px 20px;
  scroll-behavior:smooth;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
}

.community-track::-webkit-scrollbar{
  display:none;
}


/* CARDS */

.community-card{
  min-width:0;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:
    0 17px 45px rgba(62,40,30,.09),
    0 3px 10px rgba(62,40,30,.04);
  scroll-snap-align:start;
  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.community-card:hover{
  transform:translateY(-7px);
  box-shadow:
    0 27px 60px rgba(62,40,30,.14),
    0 5px 16px rgba(62,40,30,.06);
}

.community-video{
  position:relative;
  overflow:hidden;
  aspect-ratio:4/5;
  background:#eee7e0;
}

.community-video video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}

.community-card:hover video{
  transform:scale(1.025);
}

.community-duration{
  position:absolute;
  z-index:3;
  top:16px;
  left:16px;
  padding:5px 9px;
  border-radius:8px;
  background:rgba(28,24,21,.74);
  color:#fff;
  font-size:14px;
  line-height:1;
  backdrop-filter:blur(8px);
}

.community-sound{
  position:absolute;
  z-index:4;
  top:13px;
  right:13px;
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:0;
  border-radius:50%;
  background:rgba(28,24,21,.65);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(9px);
  transition:background .2s ease;
}

.community-sound:hover{
  background:rgba(28,24,21,.88);
}

.community-sound svg{
  width:18px;
  height:18px;
}

.sound-on-icon{
  display:none !important;
}

.community-sound.is-active .sound-off-icon{
  display:none;
}

.community-sound.is-active .sound-on-icon{
  display:block !important;
}

.community-play{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  display:grid;
  width:75px;
  height:75px;
  padding:0;
  place-items:center;
  border:1.5px solid rgba(255,255,255,.95);
  border-radius:50%;
  background:rgba(36,29,25,.22);
  color:#fff;
  cursor:pointer;
  transform:translate(-50%,-50%);
  backdrop-filter:blur(6px);
  transition:
    opacity .25s ease,
    transform .25s ease,
    background .25s ease;
}

.community-play:hover{
  background:rgba(36,29,25,.42);
  transform:translate(-50%,-50%) scale(1.06);
}

.community-play svg{
  width:31px;
  height:31px;
  margin-left:4px;
  fill:currentColor;
  stroke:none;
}

.community-card.is-playing .community-play{
  opacity:0;
  pointer-events:none;
}

.community-progress{
  position:absolute;
  z-index:3;
  right:18px;
  bottom:17px;
  left:18px;
  overflow:hidden;
  height:4px;
  border-radius:99px;
  background:rgba(255,255,255,.42);
}

.community-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#fff;
}

.community-caption{
  position:relative;
  display:flex;
  min-height:98px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:19px 20px;
}

.community-caption strong,
.community-caption span{
  display:block;
}

.community-caption strong{
  margin-bottom:5px;
  color:#29201c;
  font-size:17px;
}

.community-caption span{
  overflow:hidden;
  color:#746a64;
  font-size:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.community-caption-heart{
  flex:0 0 42px;
  width:42px;
  height:42px;
  color:#ef9078;
  stroke-width:1.5 !important;
  transform:rotate(8deg);
}

.community-caption-heart--green{
  color:#82975c;
}


/* NAVIGATION */

.community-navigation{
  position:absolute;
  z-index:6;
  top:43%;
  display:grid;
  width:58px;
  height:58px;
  padding:0;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#827b75;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(55,38,29,.15);
  transform:translateY(-50%);
  transition:
    transform .25s ease,
    color .25s ease,
    box-shadow .25s ease;
}

.community-navigation:hover{
  color:#eb866d;
  box-shadow:0 17px 38px rgba(55,38,29,.2);
}

.community-navigation--previous{
  left:-28px;
}

.community-navigation--next{
  right:-28px;
}

.community-navigation__icon{
  width:27px;
  height:27px;
}

.community-navigation__rays{
  position:absolute;
  top:-33px;
  width:44px;
  color:#ef8d76;
  stroke-width:2.5 !important;
}

.community-navigation--previous .community-navigation__rays{
  left:-3px;
}

.community-navigation--next .community-navigation__rays{
  right:-3px;
}


/* CTA */

.community-cta{
  position:relative;
  min-height:172px;
  margin-top:23px;
  text-align:center;
}

.community-line{
  position:absolute;
  top:28px;
  left:50%;
  width:calc(100% + 10vw);
  height:90px;
  color:#ef9078;
  stroke-width:1.4 !important;
  stroke-dasharray:7 9;
  transform:translateX(-50%);
}

.community-line-heart{
  position:absolute;
  width:34px;
  height:34px;
  stroke-width:2 !important;
}

.community-line-heart--one{
  top:37px;
  left:22%;
  color:#ef9078;
}

.community-line-heart--two{
  top:38px;
  right:21%;
  color:#82975c;
}

.community-cta__content{
  position:relative;
  z-index:2;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  padding:0 35px;
  background:#fffaf6;
}

.community-cta strong{
  font-size:18px;
}

.community-cta h3{
  margin:6px 0 17px;
  color:#ef816b;
  font-size:36px;
  line-height:1;
}

.community-button{
  display:inline-flex;
  min-width:290px;
  min-height:57px;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 30px;
  border-radius:999px;
  background:#849b55;
  color:#fff;
  font-size:17px;
  font-weight:800;
  box-shadow:0 13px 27px rgba(91,112,53,.22);
  transition:
    background .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.community-button:hover{
  background:#748b49;
  transform:translateY(-3px);
  box-shadow:0 18px 35px rgba(91,112,53,.28);
}

.community-button svg{
  width:22px;
  height:22px;
}


/* SOCIAL LINKS */

.community-socials{
  display:flex;
  max-width:850px;
  min-height:105px;
  align-items:center;
  justify-content:center;
  gap:34px;
  margin:0 auto;
  padding:18px 32px;
  border:1px solid rgba(225,137,110,.12);
  border-radius:25px;
  background:#fff;
  box-shadow:0 16px 42px rgba(67,44,33,.07);
}

.community-social{
  display:flex;
  flex:1;
  align-items:center;
  gap:17px;
  color:#382820;
  transition:transform .25s ease;
}

.community-social:hover{
  transform:translateY(-3px);
}

.community-social__logo{
  display:grid;
  flex:0 0 58px;
  width:58px;
  height:58px;
  place-items:center;
  border-radius:17px;
}

.community-social__logo svg{
  width:32px;
  height:32px;
  stroke-width:1.8;
}

.community-social__logo--instagram{
  background:
    radial-gradient(circle at 67% 70%,#ffd65a 0 12%,transparent 13%),
    linear-gradient(135deg,#7440dc,#e53478 53%,#f7a23b);
  color:#fff;
}

.community-social__logo--tiktok{
  background:#111;
  color:#fff;
}

.community-social__copy strong,
.community-social__copy small{
  display:block;
}

.community-social__copy strong{
  margin-bottom:5px;
  font-size:17px;
}

.community-social__copy small{
  display:flex;
  align-items:center;
  gap:7px;
  color:#776b64;
  font-size:14px;
}

.community-social__copy small svg{
  width:17px;
  height:17px;
}

.community-socials__divider{
  width:1px;
  height:58px;
  background:#e8ddd6;
}


/* TABLET */

@media(max-width:1100px){

  .community-track{
    grid-auto-columns:calc((100% - 36px)/3);
  }

  .community-navigation--previous{
    left:-16px;
  }

  .community-navigation--next{
    right:-16px;
  }

}


/* MOBILE */

@media(max-width:760px){

  .community-section{
    padding:74px 18px 58px;
  }

  .community-heading{
    margin-bottom:35px;
  }

  .community-heading h2{
    font-size:42px;
    letter-spacing:-2px;
  }

  .community-title-heart{
    position:relative;
    right:auto;
    bottom:auto;
    display:inline-block;
    width:39px;
    height:39px;
    margin-left:4px;
    vertical-align:middle;
  }

  .community-heading p{
    font-size:16px;
  }

  .community-heading-arrow{
    display:none;
  }

  .community-track{
    grid-auto-columns:82%;
    gap:14px;
    padding-right:18%;
  }

  .community-navigation{
    display:none;
  }

  .community-card:hover{
    transform:none;
  }

  .community-caption{
    min-height:88px;
    padding:16px;
  }

  .community-caption-heart{
    width:36px;
    height:36px;
  }

  .community-cta{
    margin-top:20px;
  }

  .community-line-heart{
    display:none;
  }

  .community-cta__content{
    padding:0 14px;
  }

  .community-cta h3{
    font-size:31px;
  }

  .community-button{
    min-width:250px;
  }

  .community-socials{
    flex-direction:column;
    gap:15px;
    padding:22px;
  }

  .community-social{
    width:100%;
  }

  .community-socials__divider{
    width:100%;
    height:1px;
  }

}

@media(max-width:760px){

  .community-kicker{
    margin-bottom:17px;
    padding:8px 16px;
    font-size:11px;
  }

  .community-heading h2{
    width:100%;
    font-size:42px;
    line-height:1.03;
    letter-spacing:-2px;
  }

  .community-title-heart{
    position:relative;
    right:auto;
    bottom:auto;
    display:inline-block;

    width:38px;
    height:38px;
    margin-left:4px;

    vertical-align:middle;
  }

  .community-heading-arrow{
    display:none;
  }
}

/* =========================================================
   MAGIC BABY FOOTER
========================================================= */

.site-footer{
  padding:80px 3vw 35px;
  overflow:hidden;
  background:
    radial-gradient(circle at 48% 8%,rgba(239,142,118,.07),transparent 27%),
    #fbf8f4;
  color:#382820;
}

.site-footer svg{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* CTA */

.footer-cta{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(370px,.75fr);
  max-width:1480px;
  min-height:500px;
  margin:0 auto 70px;
  overflow:hidden;
  border:1px solid rgba(226,157,135,.13);
  border-radius:38px;
  background:
    radial-gradient(circle at 82% 48%,rgba(239,139,115,.15),transparent 29%),
    rgba(255,255,255,.68);
  box-shadow:0 22px 65px rgba(65,42,31,.07);
}

.footer-cta__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:72px 40px 72px 6vw;
}

.footer-cta h2{
  position:relative;
  max-width:800px;
  margin:0;
  font-size:clamp(42px,4.5vw,72px);
  line-height:1.05;
  letter-spacing:-3px;
}

.footer-cta h2 em{
  color:#eb826b;
  font-style:normal;
}

.footer-cta h2 svg{
  display:inline-block;
  width:52px;
  height:52px;
  color:#ed866f;
  vertical-align:-8px;
  transform:rotate(7deg);
}

.footer-cta__copy > p{
  margin:29px 0 0;
  color:#645a54;
  font-size:21px;
  line-height:1.65;
}

.footer-cta__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:40px;
}

.footer-btn{
  display:inline-flex;
  min-width:275px;
  min-height:62px;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 28px;
  border-radius:999px;
  font-size:17px;
  font-weight:800;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.footer-btn svg{
  width:22px;
  height:22px;
}

.footer-btn__arrow{
  margin-left:auto;
}

.footer-btn--green{
  background:#829851;
  color:#fff;
  box-shadow:0 13px 29px rgba(91,112,53,.22);
}

.footer-btn--green:hover{
  background:#738947;
  transform:translateY(-3px);
  box-shadow:0 19px 37px rgba(91,112,53,.28);
}

.footer-btn--outline{
  border:1.5px solid #ef826c;
  background:rgba(255,255,255,.62);
  color:#ed7963;
}

.footer-btn--outline:hover{
  background:#fff0eb;
  transform:translateY(-3px);
}

.footer-cta__visual{
  position:relative;
  min-height:500px;
}

.footer-cta__visual::before{
  content:"";
  position:absolute;
  inset:12% 7% 8%;
  border-radius:46% 54% 42% 58% / 48% 41% 59% 52%;
  background:rgba(246,198,184,.22);
}

.footer-cta__visual img{
  position:absolute;
  z-index:2;
  right:4%;
  bottom:0;
  width:min(95%,590px);
  max-height:95%;
  object-fit:contain;
  object-position:right bottom;
  filter:drop-shadow(0 20px 23px rgba(65,42,31,.12));
}

.footer-doodle{
  position:absolute;
  z-index:3;
  color:#ed866f;
  font-family:Arial,sans-serif;
  line-height:1;
}

.footer-doodle--one{
  top:12%;
  right:8%;
  font-size:54px;
  transform:rotate(9deg);
}

.footer-doodle--two{
  left:2%;
  bottom:31%;
  color:#829851;
  font-size:38px;
  transform:rotate(-12deg);
}


/* MAIN CONTENT */

.footer-content{
  display:grid;
  grid-template-columns:1.45fr repeat(3,1fr);
  max-width:1450px;
  margin:0 auto;
  padding:0 12px 62px;
}

.footer-brand{
  padding-right:54px;
}

.footer-logo{
  display:block;
  width:190px;
}

.footer-logo img{
  width:100%;
}

.footer-tagline{
  margin:18px 0 24px;
  color:#eb806a;
  font-size:19px;
  font-style:italic;
  font-weight:700;
}

.footer-description{
  max-width:285px;
  margin:0;
  color:#6c625c;
  font-size:16px;
  line-height:1.75;
}

.footer-socials{
  display:flex;
  gap:12px;
  margin-top:27px;
}

.footer-socials a{
  display:grid;
  width:47px;
  height:47px;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#392a23;
  box-shadow:0 9px 24px rgba(60,39,29,.07);
  transition:
    color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.footer-socials a:hover{
  color:#eb806a;
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(60,39,29,.12);
}

.footer-socials svg{
  width:21px;
  height:21px;
}

.footer-column{
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
  padding:0 35px;
  border-left:1px solid rgba(71,50,39,.1);
}

.footer-column h3{
  margin:0 0 12px;
  color:#718348;
  font-size:15px;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.footer-column h3::after{
  content:"";
  display:block;
  width:30px;
  height:2px;
  margin-top:15px;
  background:#ed826c;
}

.footer-column a{
  width:fit-content;
  color:#382820;
  font-size:15px;
  line-height:1.4;
  transition:
    color .2s ease,
    transform .2s ease;
}

.footer-column a:hover{
  color:#e97863;
  transform:translateX(3px);
}


/* TRUST */

.footer-trust{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1450px;
  margin:0 auto 38px;
  padding:25px 16px;
  border:1px solid rgba(228,145,119,.09);
  border-radius:26px;
  background:rgba(255,255,255,.58);
  box-shadow:0 13px 36px rgba(62,40,30,.045);
}

.footer-trust article{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:92px;
  padding:5px 28px;
  border-right:1px solid rgba(71,50,39,.11);
}

.footer-trust article:last-child{
  border-right:0;
}

.footer-trust__icon{
  display:grid;
  flex:0 0 66px;
  width:66px;
  height:66px;
  place-items:center;
  border-radius:50%;
  background:#e8ecd9;
  color:#718548;
}

.footer-trust__icon--peach{
  background:#fde4dc;
  color:#e67660;
}

.footer-trust__icon svg{
  width:39px;
  height:39px;
}

.footer-trust strong{
  display:block;
  margin-bottom:7px;
  font-size:16px;
}

.footer-trust p{
  margin:0;
  color:#706660;
  font-size:14px;
  line-height:1.5;
}


/* BOTTOM */

.footer-bottom{
  position:relative;
  display:flex;
  max-width:1450px;
  min-height:88px;
  align-items:flex-end;
  justify-content:space-between;
  margin:0 auto;
  padding:38px 10px 3px;
  border-top:1px solid rgba(70,48,38,.11);
  color:#766c66;
  font-size:14px;
}

.footer-bottom p{
  margin:0;
}

.footer-bottom nav{
  display:flex;
  gap:28px;
}

.footer-bottom a{
  color:inherit;
}

.footer-bottom a:hover{
  color:#e97863;
}

.footer-bottom__heart{
  position:absolute;
  top:-23px;
  left:50%;
  padding:0 28px;
  background:#fbf8f4;
  color:#ed826c;
  font-family:Arial,sans-serif;
  font-size:43px;
  line-height:1;
  transform:translateX(-50%) rotate(6deg);
}


/* TABLET */

@media(max-width:1150px){

  .footer-cta{
    grid-template-columns:1.15fr .85fr;
  }

  .footer-cta__copy{
    padding-left:5vw;
  }

  .footer-content{
    grid-template-columns:1.4fr repeat(2,1fr);
    row-gap:50px;
  }

  .footer-brand{
    grid-row:span 2;
  }

  .footer-column:nth-of-type(4){
    border-left:1px solid rgba(71,50,39,.1);
  }

  .footer-trust{
    grid-template-columns:repeat(2,1fr);
  }

  .footer-trust article:nth-child(2){
    border-right:0;
  }

  .footer-trust article:nth-child(-n+2){
    border-bottom:1px solid rgba(71,50,39,.11);
  }

}


/* MOBILE */

@media(max-width:760px){

  .site-footer{
    padding:50px 14px 28px;
  }

  .footer-cta{
    display:flex;
    min-height:auto;
    flex-direction:column;
    margin-bottom:55px;
    border-radius:27px;
  }

  .footer-cta__copy{
    order:1;
    padding:45px 24px 20px;
    text-align:center;
  }

  .footer-cta h2{
    font-size:39px;
    letter-spacing:-2px;
  }

  .footer-cta h2 svg{
    width:38px;
    height:38px;
  }

  .footer-cta__copy > p{
    font-size:17px;
  }

  .footer-cta__buttons{
    flex-direction:column;
    gap:13px;
  }

  .footer-btn{
    width:100%;
    min-width:0;
  }

  .footer-cta__visual{
    order:2;
    min-height:335px;
  }

  .footer-cta__visual img{
    right:50%;
    width:92%;
    transform:translateX(50%);
  }

  .footer-content{
    grid-template-columns:1fr 1fr;
    row-gap:42px;
    padding-bottom:48px;
  }

  .footer-brand{
    grid-column:1 / -1;
    grid-row:auto;
    padding-right:0;
  }

  .footer-logo{
    width:170px;
  }

  .footer-description{
    max-width:330px;
  }

  .footer-column{
    padding:0 17px;
  }

  .footer-column:nth-child(even){
    border-left:0;
  }

  .footer-trust{
    grid-template-columns:1fr;
    padding:8px 18px;
  }

  .footer-trust article{
    border-right:0;
    border-bottom:1px solid rgba(71,50,39,.11);
    padding:17px 4px;
  }

  .footer-trust article:last-child{
    border-bottom:0;
  }

  .footer-trust article:nth-child(-n+2){
    border-bottom:1px solid rgba(71,50,39,.11);
  }

  .footer-bottom{
    align-items:center;
    flex-direction:column;
    gap:18px;
    padding-top:45px;
    text-align:center;
  }

  .footer-bottom nav{
    flex-wrap:wrap;
    justify-content:center;
    gap:15px 22px;
  }

}

.contact-block{

    max-width:1280px;
    margin:120px auto;
    padding:0 40px;

}

.contact-header{

    text-align:center;
    margin-bottom:60px;

}

.contact-header h2{

    font-size:56px;
    line-height:1.05;
    font-weight:800;
    color:#2f211d;
    margin:18px 0;

}

.contact-header h2 span{

    color:#88a35b;

}

.contact-header p{

    max-width:620px;
    margin:auto;
    color:#756b64;
    font-size:20px;
    line-height:1.7;

}

.badge{

    display:inline-flex;
    padding:9px 18px;
    border-radius:999px;
    background:#eef3e4;
    color:#7c9450;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;

}

.contact-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:36px;

}

.contact-card{

    background:#fff;
    border-radius:34px;
    padding:46px;
    box-shadow:0 18px 50px rgba(70,48,30,.08);

}

.contact-card h3{

    font-size:30px;
    margin-bottom:30px;
    color:#35251f;

}

.contact-card ul{

    margin:0;
    padding:0;
    list-style:none;

}

.contact-card li{

    margin:18px 0;
    font-size:19px;
    color:#554a43;

}

.info{

    margin-bottom:28px;

}

.info strong{

    display:block;
    margin-bottom:6px;
    color:#2e211d;

}

.info a{

    color:#ef7d6a;
    text-decoration:none;
    font-weight:700;

}

.info p{

    margin:0;
    color:#554a43;

}

.buttons{

    display:flex;
    gap:16px;
    margin-top:40px;
    flex-wrap:wrap;

}

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 34px;
    border-radius:999px;
    font-weight:700;
    text-decoration:none;
    transition:.25s;

}

.btn-green{

    background:#88a35b;
    color:#fff;

}

.btn-green:hover{

    transform:translateY(-3px);

}

.btn-outline{

    border:2px solid #ef7d6a;
    color:#ef7d6a;

}

.btn-outline:hover{

    background:#ef7d6a;
    color:#fff;

}

@media(max-width:900px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-header h2{

font-size:42px;

}

.contact-card{

padding:34px;

}

}

  
/* =========================================================
   MAGIC BABY CREATOR CLUB
========================================================= */
.creator-page{
  overflow:hidden;
  background:#fffdf9;
  color:var(--ink);
}

.creator-page *,
.creator-page *::before,
.creator-page *::after{box-sizing:border-box;}

.creator-container{
  width:min(1440px,calc(100% - 9.4vw));
  margin:0 auto;
}

.creator-kicker{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  margin:0 0 22px;
  padding:9px 18px;
  border-radius:999px;
  background:#ffe8df;
  color:#9b4f3d;
  font-size:13px;
  font-weight:800;
  letter-spacing:.11em;
  line-height:1;
  text-transform:uppercase;
}

.creator-hero{
  position:relative;
  min-height:820px;
  padding:145px 0 88px;
  background:
    radial-gradient(circle at 86% 15%,rgba(245,177,155,.34),transparent 25%),
    radial-gradient(circle at 8% 88%,rgba(135,157,87,.12),transparent 23%),
    #fef2ec;
}

.creator-hero::before{
  content:"";
  position:absolute;
  right:-110px;
  top:190px;
  width:330px;
  height:160px;
  border:2px dashed rgba(236,130,105,.42);
  border-color:rgba(236,130,105,.42) transparent transparent transparent;
  border-radius:50%;
  transform:rotate(-17deg);
}

.creator-hero__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:7vw;
  align-items:center;
}

.creator-hero__copy h1{
  max-width:760px;
  margin:0;
  font-size:clamp(58px,5.4vw,88px);
  line-height:.96;
  letter-spacing:-.055em;
}

.creator-hero__copy h1 em,
.creator-heading h2 em,
.creator-apply h2 em{
  color:#e98269;
  font-style:normal;
}

.creator-hero__lead{
  max-width:660px;
  margin:30px 0 0;
  color:#5f514a;
  font-size:20px;
  line-height:1.65;
}

.creator-actions{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  margin-top:36px;
}

.creator-button{
  display:inline-flex;
  min-height:58px;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:0 29px;
  border-radius:999px;
  font-size:16px;
  font-weight:800;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}

.creator-button:hover{transform:translateY(-3px);}
.creator-button--primary{
  background:#829851;
  color:#fff;
  box-shadow:0 14px 30px rgba(91,112,53,.22);
}
.creator-button--primary:hover{background:#738947;box-shadow:0 19px 38px rgba(91,112,53,.28);}
.creator-button--secondary{border:1px solid rgba(56,40,32,.16);background:rgba(255,255,255,.74);}
.creator-button--secondary:hover{background:#fff;box-shadow:0 13px 28px rgba(70,48,35,.09);}

.creator-hero__benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:680px;
  margin-top:52px;
  padding-top:27px;
  border-top:1px solid rgba(56,40,32,.12);
}
.creator-hero__benefits div{padding:0 18px;border-right:1px solid rgba(56,40,32,.11);}
.creator-hero__benefits div:first-child{padding-left:0;}
.creator-hero__benefits div:last-child{border-right:0;}
.creator-hero__benefits strong,.creator-hero__benefits span{display:block;}
.creator-hero__benefits strong{font-size:25px;line-height:1.1;}
.creator-hero__benefits span{margin-top:7px;color:#776a63;font-size:13px;line-height:1.35;}

.creator-hero__visual{
  position:relative;
  display:flex;
  min-height:650px;
  align-items:flex-end;
  justify-content:center;
  padding:20px 0 0;
}

.creator-hero__visual::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:3%;
  width:min(720px,100%);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(235,154,136,.24) 0%,
    rgba(235,154,136,.10) 50%,
    rgba(235,154,136,0) 72%
  );
  filter:blur(18px);
  transform:translateX(-50%);
}

.creator-hero__image-wrap{
  position:relative;
  z-index:2;
  display:flex;
  width:100%;
  min-height:620px;
  align-items:flex-end;
  justify-content:center;
}

.creator-hero__image{
  display:block;
  width:min(760px,108%);
  max-height:690px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 32px 35px rgba(71,43,30,.18));
}

.creator-floating-card{
  position:absolute;
  z-index:5;
  padding:17px 20px;
  border:1px solid rgba(56,40,32,.06);
  border-radius:19px;
  background:rgba(255,255,255,.93);
  box-shadow:0 18px 45px rgba(72,48,36,.14);
  backdrop-filter:blur(12px);
}

.creator-floating-card span,
.creator-floating-card strong{display:block;}

.creator-floating-card span{
  color:#897a72;
  font-size:12px;
  font-weight:700;
}

.creator-floating-card strong{
  margin-top:5px;
  font-size:20px;
}

.creator-floating-card--sales{
  left:2%;
  bottom:8%;
  transform:rotate(-4deg);
}

.creator-floating-card--sales strong{color:#829851;}

.creator-floating-card--views{
  right:1%;
  top:8%;
  transform:rotate(4deg);
}

.creator-floating-card--views strong{color:#e98269;}

.creator-rewards,.creator-process,.creator-ideas{padding:105px 0;}
.creator-rewards{background:#fff;}
.creator-heading{max-width:900px;margin:0 auto 58px;text-align:center;}
.creator-heading--left{max-width:850px;margin-left:0;text-align:left;}
.creator-heading h2,.creator-apply h2{margin:0;font-size:clamp(45px,5vw,76px);line-height:1;letter-spacing:-.045em;}
.creator-heading>p:last-child{max-width:720px;margin:22px auto 0;color:#74675f;font-size:19px;line-height:1.6;}
.creator-heading--left>p:last-child{margin-left:0;}

.creator-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.creator-reward-card{
  position:relative;
  min-height:420px;
  padding:32px 28px;
  border:1px solid rgba(87,61,49,.09);
  border-radius:26px;
  background:#fffaf6;
  transition:transform .3s ease,box-shadow .3s ease;
}
.creator-reward-card:hover{transform:translateY(-8px);box-shadow:0 25px 55px rgba(70,45,33,.11);}
.creator-reward-card--featured{background:#fce7df;}
.creator-reward-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.creator-reward-label{padding:7px 11px;border-radius:999px;background:#fff;color:#9a4f3e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.creator-reward-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:16px;background:#fff;font-size:23px;box-shadow:0 8px 20px rgba(72,47,34,.07);}
.creator-reward-value{display:block;margin:42px 0 8px;font-size:clamp(44px,4vw,64px);line-height:.9;letter-spacing:-.05em;}
.creator-reward-card h3{margin:17px 0 13px;font-size:22px;}
.creator-reward-card p{margin:0;color:#71645d;font-size:15px;line-height:1.6;}
.creator-reward-card small{display:block;margin-top:24px;padding-top:18px;border-top:1px solid rgba(56,40,32,.1);color:#9a5847;font-size:13px;font-weight:800;line-height:1.45;}
.creator-trust-line{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 35px;margin-top:36px;color:#6e625b;font-size:14px;font-weight:800;}

.creator-process{background:#f8f1ea;}
.creator-process__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:55px;align-items:stretch;}
.creator-steps{display:flex;flex-direction:column;}
.creator-step{display:grid;grid-template-columns:90px 1fr;gap:23px;padding:31px 0;border-top:1px solid rgba(56,40,32,.12);}
.creator-step:last-child{border-bottom:1px solid rgba(56,40,32,.12);}
.creator-step__number{color:#e98269;font-size:18px;font-weight:900;letter-spacing:.05em;}
.creator-step h3{margin:0 0 9px;font-size:27px;}
.creator-step p{max-width:680px;margin:0;color:#70635c;font-size:16px;line-height:1.6;}
.creator-refund-card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px;border-radius:32px;background:#829851;color:#fff;box-shadow:0 24px 55px rgba(91,112,53,.18);}
.creator-refund-card::before{content:"♡";position:absolute;right:30px;top:20px;color:rgba(255,255,255,.23);font-family:Arial,sans-serif;font-size:76px;transform:rotate(12deg);}
.creator-refund-card__emoji{font-size:48px;}
.creator-refund-card__eyebrow{margin:25px 0 10px!important;color:#f1f5e8!important;font-size:12px!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.creator-refund-card h3{margin:0;font-size:37px;line-height:1.08;letter-spacing:-.035em;}
.creator-refund-card p{margin:22px 0 0;color:#f3f6ed;font-size:16px;line-height:1.65;}
.creator-refund-card a{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:30px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.7);font-weight:800;}

.creator-ideas{background:#fffdfa;}
.creator-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.creator-idea-grid article{min-height:210px;padding:30px;border:1px solid rgba(87,61,49,.08);border-radius:24px;background:#fff;box-shadow:0 15px 35px rgba(65,42,31,.055);transition:transform .3s ease,box-shadow .3s ease;}
.creator-idea-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(65,42,31,.09);}
.creator-idea-grid span{font-size:31px;}
.creator-idea-grid h3{margin:24px 0 8px;font-size:23px;}
.creator-idea-grid p{margin:0;color:#756961;font-size:15px;line-height:1.5;}

.creator-apply{padding:115px 0;background:linear-gradient(135deg,#f9dfd5 0%,#fff0e9 50%,#eef2e4 100%);text-align:center;}
.creator-apply__inner{max-width:1050px;}
.creator-apply h2{max-width:980px;margin:0 auto;}
.creator-apply__inner>p:not(.creator-kicker){max-width:700px;margin:25px auto 0;color:#6d6059;font-size:19px;line-height:1.6;}
.creator-email{display:flex;max-width:840px;min-height:105px;align-items:center;justify-content:space-between;gap:20px;margin:45px auto 0;padding:0 38px;border:1px solid rgba(56,40,32,.1);border-radius:28px;background:#fff;color:#35251f;box-shadow:0 22px 55px rgba(66,43,32,.1);font-size:clamp(25px,4vw,48px);font-weight:800;letter-spacing:-.035em;transition:transform .3s ease,box-shadow .3s ease;}
.creator-email:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(66,43,32,.15);}
.creator-email b{display:grid;flex:0 0 53px;width:53px;height:53px;place-items:center;border-radius:50%;background:#e98269;color:#fff;font-size:24px;}
.creator-apply__notes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:30px;color:#71645c;font-size:13px;font-weight:800;}
.creator-apply__notes span::before{content:"✓";margin-right:7px;color:#829851;}

@media(max-width:1180px){
  .creator-hero__grid{grid-template-columns:1fr 1fr;gap:35px;}
  .creator-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .creator-reward-card{min-height:350px;}
}

@media(max-width:900px){
  .creator-container{width:min(100% - 40px,760px);}
  .creator-hero{padding:125px 0 70px;}
  .creator-hero__grid{grid-template-columns:1fr;}
  .creator-hero__copy{text-align:center;}
  .creator-hero__copy h1,.creator-hero__lead{margin-left:auto;margin-right:auto;}
  .creator-actions,.creator-hero__benefits{justify-content:center;margin-left:auto;margin-right:auto;}
  .creator-hero__visual{max-width:720px;min-height:600px;margin:20px auto 0;}
  .creator-hero__image-wrap{min-height:570px;}
  .creator-hero__image{width:min(720px,100%);max-height:620px;}
  .creator-process__layout{grid-template-columns:1fr;}
  .creator-heading--left{text-align:center;margin-left:auto;}
  .creator-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:640px){
  .creator-container{width:calc(100% - 32px);}
  .creator-kicker{margin-bottom:17px;padding:8px 14px;font-size:11px;}
  .creator-hero{min-height:auto;padding:112px 0 58px;}
  .creator-hero__copy h1{font-size:45px;line-height:1;}
  .creator-hero__lead{margin-top:22px;font-size:17px;}
  .creator-actions{flex-direction:column;margin-top:28px;}
  .creator-button{width:100%;}
  .creator-hero__benefits{grid-template-columns:1fr;margin-top:38px;padding-top:10px;}
  .creator-hero__benefits div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-right:0;border-bottom:1px solid rgba(56,40,32,.1);text-align:left;}
  .creator-hero__benefits div:last-child{border-bottom:0;}
  .creator-hero__benefits span{max-width:155px;margin:0;text-align:right;}
  .creator-hero__visual{min-height:430px;padding:0 0 42px;}
  .creator-hero__image-wrap{min-height:400px;}
  .creator-hero__image{width:108%;max-width:none;max-height:455px;}
  .creator-floating-card{padding:13px 15px;}
  .creator-floating-card--sales{left:-6px;bottom:13px;}
  .creator-floating-card--views{right:-6px;top:-3px;}
  .creator-floating-card strong{font-size:16px;}
  .creator-rewards,.creator-process,.creator-ideas{padding:75px 0;}
  .creator-heading{margin-bottom:38px;}
  .creator-heading h2,.creator-apply h2{font-size:42px;letter-spacing:-.04em;}
  .creator-heading>p:last-child{font-size:16px;}
  .creator-reward-grid,.creator-idea-grid{grid-template-columns:1fr;}
  .creator-reward-card{min-height:0;padding:27px 24px;}
  .creator-reward-value{margin-top:30px;}
  .creator-trust-line{align-items:flex-start;flex-direction:column;}
  .creator-step{grid-template-columns:55px 1fr;gap:12px;padding:25px 0;}
  .creator-step h3{font-size:22px;}
  .creator-step p{font-size:14px;}
  .creator-refund-card{padding:35px 28px;}
  .creator-refund-card h3{font-size:31px;}
  .creator-idea-grid article{min-height:0;}
  .creator-apply{padding:78px 0;}
  .creator-email{min-height:82px;margin-top:34px;padding:0 18px;border-radius:21px;font-size:22px;}
  .creator-email b{flex-basis:44px;width:44px;height:44px;font-size:20px;}
  .creator-apply__notes{align-items:center;flex-direction:column;gap:10px;}
}


/* =========================================================
   MOBILE OFF-CANVAS MENU
========================================================= */

.mobile-menu-toggle,
.mobile-menu,
.mobile-menu-overlay{
  display:none;
}

@media(max-width:1050px){
  body.mobile-menu-open{
    overflow:hidden;
  }

  .header{
    height:78px;
    padding:0 22px;
    grid-template-columns:1fr auto;
  }

  .header .brand img{
    width:82px;
  }

  .header .actions{
    gap:10px;
  }

  .header .language-switch{
    display:none;
  }

  .mobile-menu-toggle{
    position:relative;
    z-index:102;
    display:flex;
    width:48px;
    height:48px;
    padding:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(56,40,32,.1);
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#382820;
    cursor:pointer;
    box-shadow:0 9px 25px rgba(62,40,30,.08);
    backdrop-filter:blur(10px);
    transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
  }

  .mobile-menu-toggle:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(62,40,30,.12);
  }

  .mobile-menu-toggle span{
    display:block;
    width:19px;
    height:2px;
    border-radius:99px;
    background:currentColor;
    transition:transform .28s ease,opacity .2s ease,width .28s ease;
  }

  .mobile-menu-toggle.is-active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .mobile-menu-toggle.is-active span:nth-child(2){
    width:0;
    opacity:0;
  }

  .mobile-menu-toggle.is-active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .mobile-menu-overlay{
    position:fixed;
    z-index:99;
    inset:0;
    display:block;
    background:rgba(45,30,23,.32);
    opacity:0;
    pointer-events:none;
    backdrop-filter:blur(3px);
    transition:opacity .35s ease;
  }

  .mobile-menu{
    position:fixed;
    z-index:100;
    top:0;
    right:0;
    display:flex;
    width:min(430px,90vw);
    height:100dvh;
    padding:24px 28px 30px;
    flex-direction:column;
    background:
      radial-gradient(circle at 100% 0%,rgba(235,154,136,.18),transparent 32%),
      #fffaf6;
    box-shadow:-25px 0 65px rgba(51,34,26,.16);
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .42s cubic-bezier(.22,1,.36,1),visibility .42s;
  }

  body.mobile-menu-open .mobile-menu-overlay{
    opacity:1;
    pointer-events:auto;
  }

  body.mobile-menu-open .mobile-menu{
    transform:translateX(0);
    visibility:visible;
  }

  .mobile-menu__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:24px;
    border-bottom:1px solid rgba(56,40,32,.1);
  }

  .mobile-menu__brand img{
    width:92px;
    height:auto;
  }

  .mobile-menu__close{
    position:relative;
    display:grid;
    width:46px;
    height:46px;
    padding:0;
    place-items:center;
    border:1px solid rgba(56,40,32,.1);
    border-radius:50%;
    background:#fff;
    color:#382820;
    cursor:pointer;
  }

  .mobile-menu__close span{
    position:absolute;
    width:19px;
    height:2px;
    border-radius:99px;
    background:currentColor;
  }

  .mobile-menu__close span:first-child{transform:rotate(45deg);}
  .mobile-menu__close span:last-child{transform:rotate(-45deg);}

  .mobile-menu__nav{
    display:flex;
    margin-top:24px;
    flex-direction:column;
  }

  .mobile-menu__nav a{
    display:flex;
    min-height:70px;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid rgba(56,40,32,.1);
    color:#382820;
    font-size:24px;
    font-weight:800;
    letter-spacing:-.025em;
    transition:color .2s ease,padding-left .25s ease;
  }

  .mobile-menu__nav a:hover{
    padding-left:7px;
    color:#e98269;
  }

  .mobile-menu__nav b{
    display:grid;
    flex:0 0 36px;
    width:36px;
    height:36px;
    place-items:center;
    border-radius:50%;
    background:#f9dfd6;
    color:#d96f57;
    font-size:18px;
    transition:transform .25s ease;
  }

  .mobile-menu__nav a:hover b{
    transform:translateX(4px);
  }

  .mobile-menu__bottom{
    margin-top:auto;
    padding-top:28px;
  }

  .mobile-menu__language{
    display:flex;
    width:100%;
    min-height:58px;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    border:1px solid rgba(56,40,32,.1);
    border-radius:17px;
    background:#fff;
    color:#382820;
    cursor:pointer;
    font:inherit;
  }

  .mobile-menu__language span{
    color:#7b6d65;
    font-size:14px;
    font-weight:700;
  }

  .mobile-menu__language strong{
    font-size:16px;
  }

  .mobile-menu__bottom p{
    margin:22px 0 0;
    color:#897b73;
    font-size:13px;
    font-weight:700;
    text-align:center;
  }
}

@media(max-width:520px){
  .mobile-menu{
    width:100%;
    padding:20px 22px 26px;
  }

  .mobile-menu__nav a{
    min-height:65px;
    font-size:22px;
  }
}

.creator-platforms {
    padding: 72px 0 84px;
    background: #fff8f4;
}

.creator-platforms__heading {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.creator-platforms__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #df806e;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.creator-platforms__heading h2 {
    margin: 0;
    color: #382820;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.04em;
}

.creator-platforms__heading p {
    max-width: 640px;
    margin: 18px auto 0;
    color: #73675f;
    font-size: 18px;
    line-height: 1.65;
}

.creator-platforms__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    max-width: 980px;
    margin: 0 auto;
}

.creator-platform {
    min-height: 154px;
    padding: 25px 18px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;

    background: #fff;
    border: 1px solid #efe3dc;
    border-radius: 26px;

    color: #382820;
    font-size: 18px;
    font-weight: 800;

    box-shadow: 0 14px 40px rgba(56, 40, 32, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

.creator-platform:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 50px rgba(56, 40, 32, .11);
}

.creator-platform img {
    display: block;
    width: 52px;
    height: 52px;
    object-fit: contain;
}

@media (max-width: 800px) {
    .creator-platforms {
        padding: 56px 0 64px;
    }

    .creator-platforms__heading {
        margin-bottom: 30px;
    }

    .creator-platforms__heading h2 {
        font-size: 36px;
    }

    .creator-platforms__heading p {
        font-size: 16px;
    }

    .creator-platforms__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .creator-platform {
        min-height: 138px;
        border-radius: 22px;
        font-size: 16px;
    }

    .creator-platform img {
        width: 46px;
        height: 46px;
    }
}