/* Shared by the home page and the site pages (about, contact, faq, 404): the dark WetinDey look, header, buttons, footer. */
body.home,body.site{--ink:#FFF6E5;--cream:#0c0a16;--surface:#17120A;--muted:#D2C4A6;--green:#6FD79A}
body.site{background:radial-gradient(60% 40% at 80% 0%,rgba(255,190,100,.22),rgba(255,160,60,0) 70%),#0c0a16;overflow-x:clip}
.brand{display:block;line-height:0}
.brand img{display:block;height:28px;width:auto}
header nav{display:flex;align-items:center;gap:1rem}
header nav a{margin-left:0}
body.site header,body.site main{max-width:72rem}
body.site main{max-width:46rem;padding:3rem 1rem}
.btn{display:inline-flex;align-items:center;gap:.65rem;line-height:1.15}
.btn .ic{width:1.5rem;height:1.5rem;flex:none}
.btn small{display:block;font-size:.7rem;font-weight:600;opacity:.75}
.btn.sm{min-height:0;padding:.45rem .9rem;box-shadow:2px 2px 0 #141414;color:#141414;text-decoration:none}
.btn.alt{background:#FFF6E5}
.cta{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.5rem 0 .5rem}
.cta .btn{min-width:11rem;transition:transform .15s,box-shadow .15s}
.cta .btn:hover,.btn.sm:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #141414}
/* content pages */
.page h1{font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.06;margin:.4rem 0 1rem}
.page h2{font-size:1.5rem;margin:2.4rem 0 .6rem}
.page .lead{font-size:1.2rem;max-width:36rem}
.page li{margin:.5rem 0}
.eyebrow{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--keke)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.1rem;margin:1.2rem 0}
.tiles.three{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
.tile{padding:1rem 1.1rem;background:var(--surface);border:2px solid #FFF6E5;border-radius:14px;box-shadow:4px 4px 0 var(--keke)}
.tile h3{margin:0 0 .4rem;font-size:1.1rem}
.tile p{margin:.4rem 0}
.faq details{border-bottom:2px solid rgba(255,246,229,.18);padding:.2rem 0}
.faq summary{cursor:pointer;padding:.8rem 0;font-weight:700;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--keke);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 1rem}
/* footer */
.foot{position:relative;z-index:1;max-width:none;margin:0;padding:0;background:#0c0a16;border-top:2px solid rgba(255,246,229,.25);color:var(--muted)}
.foot-in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:72rem;margin:0 auto;padding:2.5rem 1rem 1rem}
.foot-brand p{max-width:20rem;margin:.9rem 0 0;font-size:.95rem}
.foot h3{margin:0 0 .6rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.foot nav a{display:block;margin:.4rem 0;color:#FFF6E5;font-size:.95rem;text-decoration:none}
.foot nav a:hover{text-decoration:underline}
.copy{max-width:72rem;margin:0 auto;padding:1rem;font-size:.85rem}
.social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.social a{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin:0;border:2px solid #FFF6E5;border-radius:12px;color:#FFF6E5;transition:background .15s,color .15s,transform .15s}
.social a:hover{background:var(--keke);border-color:var(--keke);color:#141414;transform:translateY(-2px)}
.social .ic{width:1.15rem;height:1.15rem}
@media (max-width:700px){.hide-sm{display:none}.foot-in{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
/* native smooth scrolling for in-page links where the smooth-scroll script is not running */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (max-width:700px){.brand img{height:24px}header nav{gap:.5rem}.btn.sm{padding:.4rem .7rem;font-size:.9rem}}