:root{
  --marigold:#F4A52C;
  --teal:#0EA5AC;
  --green:#4FB04F;
  --strawberry:#E84A6E;
  --peach:#FF8B5C;
  --royal:#1E63D3;
  --cream:#F5EFE6;
  --ink:#4A3B2F;
  --soft-ink:#6E5D4E;
  --display:'Fredoka',sans-serif;
  --body:'Quicksand',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--body);
  background:linear-gradient(180deg,#FFF7EC 0%,#F5EFE6 100%);
  color:var(--ink);
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.page-shell{max-width:1180px;margin:0 auto;padding:0 1.5rem}
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.2rem 0 0.9rem;
}
.site-header{padding-top:.4rem}
.brand{
  font-family:var(--display);font-size:1.6rem;font-weight:700;letter-spacing:.5px;
}
.brand .l1{color:var(--marigold)} .brand .l2{color:var(--peach)}
.brand .l3{color:var(--strawberry)} .brand .l4{color:var(--green)}
.brand .l5{color:var(--teal)} .brand .l6{color:var(--royal)}
.brand .l7{color:var(--strawberry)}
.topnav{display:flex;gap:.8rem;flex-wrap:wrap;font-weight:700;align-items:center;justify-content:flex-end}
.topnav a,.nav-group summary{
  padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.82);list-style:none;cursor:pointer;
}
.topnav a:hover,.nav-group summary:hover{background:#fff}
.nav-group{position:relative}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group-menu{
  position:absolute;top:calc(100% + .55rem);left:0;min-width:220px;padding:.7rem;background:#fff;border-radius:20px;
  box-shadow:0 16px 34px rgba(74,59,47,.14);display:grid;gap:.35rem;z-index:20;
}
.nav-group-menu a{background:#f9f2e8;padding:.7rem .9rem}
.nav-group-menu a:hover{background:#f2e4d3}
.nav-active{background:var(--ink) !important;color:#fff !important}
.hero-card{
  background:#fff;border-radius:34px;padding:2rem;display:grid;grid-template-columns:1.05fr .95fr;gap:1.7rem;
  box-shadow:0 18px 44px rgba(74,59,47,.12);margin:1rem 0 1.8rem;
}
.hero-media{
  background:linear-gradient(180deg,#FFEAD4 0%,#FFF7EC 100%);
  border-radius:28px;overflow:hidden;
}
.hero-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.kicker{
  display:inline-flex;align-self:flex-start;padding:.45rem .9rem;border-radius:999px;font-weight:700;font-size:.8rem;
  background:rgba(0,0,0,.05);margin-bottom:.9rem;
}
.hero-copy h1{font-family:var(--display);font-size:clamp(2.6rem,5vw,4.4rem);line-height:.95;margin-bottom:.35rem}
.role{font-size:1.15rem;font-weight:700;margin-bottom:1rem}
.summary{font-size:1.08rem;color:var(--soft-ink);margin-bottom:1.15rem}
.pill-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}
.pill{
  display:inline-flex;align-items:center;padding:.55rem 1rem;border-radius:999px;color:#fff;font-weight:700;font-size:.92rem;
}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.35rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;border-radius:999px;font-weight:700;
}
.btn-primary{background:var(--ink);color:#fff}
.btn-ghost{background:#fff;border:2px solid rgba(74,59,47,.12)}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-bottom:2rem}
.panel{
  background:#fff;border-radius:28px;padding:1.45rem;box-shadow:0 14px 34px rgba(74,59,47,.1);
}
.panel h2{font-family:var(--display);font-size:1.55rem;margin-bottom:.8rem}
.panel p{color:var(--soft-ink)}
.embed{position:relative;border-radius:20px;overflow:hidden;background:#f0e6d9;aspect-ratio:16/9;margin-top:.9rem}
.embed iframe,.embed img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.quote{font-size:1.02rem;font-weight:700;color:var(--ink)}
.footer-note{text-align:center;padding:0 0 2rem;color:var(--soft-ink);font-size:.92rem}
.legal-hero{
  background:#fff;border-radius:34px;padding:2rem;box-shadow:0 18px 44px rgba(74,59,47,.12);margin:1rem 0 1.4rem;
}
.legal-hero h1{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1;margin:.3rem 0 .7rem}
.legal-hero p{max-width:70ch;color:var(--soft-ink)}
.legal-stack{display:grid;gap:1rem;margin-bottom:2rem}
.legal-card{
  background:#fff;border-radius:28px;padding:1.4rem 1.5rem;box-shadow:0 14px 34px rgba(74,59,47,.1);
}
.legal-card h2{font-family:var(--display);font-size:1.45rem;margin-bottom:.6rem}
.legal-card p + p{margin-top:.8rem}
.legal-card ul{padding-left:1.2rem;color:var(--soft-ink)}
.legal-card li + li{margin-top:.45rem}
.legal-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.legal-links a{padding:.65rem 1rem;border-radius:999px;background:#fff;box-shadow:0 10px 22px rgba(74,59,47,.08);font-weight:700}
.site-footer{
  margin-top:1rem;padding:2rem 0 2.4rem;text-align:center;color:var(--soft-ink);
}
.site-footer .flogo{font-family:var(--display);font-size:2rem;font-weight:700;color:var(--ink);margin-bottom:.35rem}
.site-footer .flogo sup{font-size:.7rem;vertical-align:super}
.site-footer .ftag{margin-bottom:1rem}
.site-footer .footer-links,.site-footer .footer-youtube,.site-footer .footer-legal{
  display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem;
}
.site-footer .footer-links a,.site-footer .footer-youtube a,.site-footer .footer-legal a{
  padding:.55rem .9rem;border-radius:999px;background:#fff;box-shadow:0 10px 22px rgba(74,59,47,.08);font-weight:700;color:var(--ink);
}
.site-footer .fmeta,.site-footer .flegal{max-width:72ch;margin:0 auto .7rem}
.site-footer .flegal strong{color:var(--ink)}
@media (max-width:900px){
  .hero-card,.content-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .topbar{flex-direction:column;align-items:flex-start}
  .topnav{justify-content:flex-start}
  .nav-group{width:100%}
  .nav-group-menu{position:static;min-width:0;margin-top:.55rem}
  .hero-card{padding:1rem}
  .panel{padding:1.1rem}
}