*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --caramel:#C8843A;
  --brown:#5C3A1E;
  --cream:#FFF8F0;
  --warm:#FFF0DC;
  --pink:#FF6B8A;
  --peach:#FFB347;
  --mint:#3DBF8C;
  --navy:#1A2744;
  --muted:#7A6A5A;
  --white:#FFFFFF;
}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;background:linear-gradient(180deg,#FFF8F0 0%,#FFF0DC 100%);color:var(--brown);}
a{text-decoration:none;}
nav{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px 48px;
  background:rgba(255,248,240,.94);
  backdrop-filter:blur(14px);
  border-bottom:3px solid rgba(255,179,71,.5);
  box-shadow:0 8px 24px rgba(92,58,30,.08);
}
.nav-logo{font-family:'Fredoka One',cursive;font-size:1.6rem;color:var(--brown);display:flex;align-items:center;gap:10px;}
.nav-logo .la{color:var(--pink);}
.nav-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.nav-links a{color:var(--brown);font-weight:800;font-size:.92rem;}
.nav-links a:hover{color:var(--pink);}
.btn-nav,.btn-primary{background:linear-gradient(135deg,var(--pink),#FF4068);color:#fff!important;box-shadow:0 12px 28px rgba(255,107,138,.24);}
.btn-nav{padding:10px 22px;border-radius:999px;}
.page-hero{
  padding:84px 48px 54px;
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.75) 0%,transparent 26%),
    linear-gradient(145deg,#FFF7EB 0%,#FFE5BF 45%,#FFD6DF 100%);
  overflow:hidden;
}
.section-inner{max-width:1180px;margin:0 auto;}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:center;}
.eyebrow,.section-tag,.card-badge{
  display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;
  font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
}
.eyebrow,.section-tag{background:rgba(255,179,71,.2);color:var(--caramel);border:2px solid rgba(200,132,58,.24);padding:7px 16px;margin-bottom:16px;}
.hero-copy h1{font-family:'Fredoka One',cursive;font-size:clamp(2.45rem,4.8vw,4.4rem);line-height:1.06;margin-bottom:16px;color:var(--brown);}
.hero-copy p{max-width:660px;font-size:1.04rem;line-height:1.78;color:var(--muted);font-weight:700;margin-bottom:24px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;border-radius:999px;font-weight:900;font-size:.96rem;}
.btn-secondary{background:var(--white);color:var(--brown);border:2px solid rgba(200,132,58,.34);}
.answer-box{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(200,132,58,.16);
  box-shadow:0 20px 44px rgba(92,58,30,.1);
  border-radius:34px;
  padding:28px;
}
.answer-box h2{font-family:'Fredoka One',cursive;font-size:1.45rem;line-height:1.2;margin-bottom:10px;}
.answer-box p{font-size:.96rem;line-height:1.7;color:var(--muted);font-weight:700;margin-bottom:16px;}
.quick-list{list-style:none;display:grid;gap:10px;margin:18px 0 20px;}
.quick-list li{display:flex;gap:10px;align-items:flex-start;font-weight:800;color:var(--brown);line-height:1.5;}
.quick-list span{color:var(--pink);font-weight:900;}
.section{padding:72px 48px;}
.section.soft{background:rgba(255,255,255,.55);}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;flex-wrap:wrap;margin-bottom:30px;}
.section-head h2,.content h2{font-family:'Fredoka One',cursive;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;color:var(--brown);margin-bottom:12px;}
.section-head p,.content p{max-width:760px;font-size:1rem;line-height:1.72;color:var(--muted);font-weight:700;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid.two{grid-template-columns:repeat(2,1fr);}
.card{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(200,132,58,.16);
  border-radius:28px;
  padding:24px;
  box-shadow:0 14px 34px rgba(92,58,30,.08);
}
.card-badge{background:rgba(255,179,71,.18);color:var(--caramel);padding:6px 12px;margin-bottom:12px;}
.card h3{font-family:'Fredoka One',cursive;font-size:1.12rem;line-height:1.28;margin-bottom:10px;}
.card p,.card li{font-size:.92rem;line-height:1.68;color:var(--muted);font-weight:700;}
.card ul{list-style:none;display:grid;gap:10px;}
.need-now{
  margin-top:26px;
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
  background:linear-gradient(135deg,#FFFDF8 0%,#FFF2DE 100%);
  border:2px solid rgba(255,107,138,.22);
  border-radius:28px;
  padding:22px;
}
.need-now strong{display:block;font-family:'Fredoka One',cursive;font-size:1.25rem;margin-bottom:6px;}
.need-now span{display:block;color:var(--muted);font-weight:800;line-height:1.55;}
.link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.pill-link{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,248,240,.9);border:1px solid rgba(200,132,58,.2);color:var(--brown);border-radius:999px;padding:9px 13px;font-size:.82rem;font-weight:900;}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.cta-band{padding:78px 48px;background:linear-gradient(135deg,var(--brown),#2A1200);color:#fff;text-align:center;}
.cta-shell{max-width:820px;margin:0 auto;}
.cta-shell h2{font-family:'Fredoka One',cursive;font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin-bottom:12px;}
.cta-shell p{color:rgba(255,255,255,.75);font-weight:800;line-height:1.75;margin-bottom:24px;}
footer{background:#2A1200;padding:52px 48px 26px;color:rgba(255,255,255,.62);}
.footer-inner{max-width:1180px;margin:0 auto;}
.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px;}
.footer-brand{max-width:340px;}
.footer-logo{font-family:'Fredoka One',cursive;font-size:1.45rem;color:#fff;display:flex;align-items:center;gap:8px;}
.footer-logo .la{color:var(--pink);}
.footer-brand p{margin-top:12px;font-size:.88rem;line-height:1.7;}
.footer-links{display:flex;gap:42px;flex-wrap:wrap;}
.footer-links h4{color:#fff;font-size:.92rem;margin-bottom:12px;}
.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-links a{color:rgba(255,255,255,.62);font-size:.86rem;font-weight:700;}
.footer-links a:hover{color:var(--peach);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;font-size:.8rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
@media(max-width:820px){
  nav,.page-hero,.section,.cta-band,footer{padding-left:20px;padding-right:20px;}
  nav{align-items:flex-start;}
  .nav-links{display:none;}
  .hero-grid,.grid,.grid.two,.faq-grid,.need-now{grid-template-columns:1fr;}
  .need-now .btn-primary{width:100%;}
}