/* Base tokens & reset */
:root{
  --cream:#FDD966; --line:#d9d9d9; --soft:0 8px 24px rgba(0,0,0,.08); --white:#fff; --ink:#000; --ink-2:#444; --wa:#25d366;
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:clamp(18px,4.5vw,56px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--gutter)}

/* Footer */
.ftr{background:var(--ink);color:var(--white);border-radius:clamp(40px,8vw,120px) clamp(40px,8vw,120px) 0 0;padding:clamp(60px,8vw,100px) 0 0}
.ftr-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;padding-bottom:50px}
.ftr .logo svg{height:40px;color:var(--white)}
.ftr-about p{max-width:42ch;margin:18px 0 0;color:#ddd;font-size:16.5px}
.ftr h4{font-family:var(--display);font-size:1.3rem;margin:0 0 16px;color:var(--cream)}
.ct{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.ct li{display:flex;gap:12px;font-weight:500}
.ct svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--cream);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ct a{text-decoration:none}.ct a:hover{text-decoration:underline}
.soc{display:flex;gap:10px}
.soc a{width:48px;height:48px;border-radius:16px;background:var(--cream);color:var(--ink);display:grid;place-items:center;transition:transform .2s}
.soc a:nth-child(1){transform:rotate(-6deg)}.soc a:nth-child(3){transform:rotate(6deg)}
.soc a:hover{transform:rotate(0) scale(1.08)}
.soc svg{width:20px;height:20px;fill:currentColor}
.copy{border-top:1px solid #333;padding:20px 0 28px;font-size:13.5px;font-weight:600;color:#bbb}

@media (max-width:820px){
  .ftr-grid{grid-template-columns:1fr}
}