:root{
  --bg:#FFFFFF;
  --panel:#F6F5F0;
  --panel-2:#EFEDE6;
  --line:#E4E1D7;
  --text:#14181F;
  --muted:#5C6674;
  --amber:#F5A524;
  --amber-deep:#DD8F0C;
  --amber-text:#AD6D06;
  --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;interpolate-size:allow-keywords;}
body{
  background:var(--bg);color:var(--text);
  font-family:'Barlow',system-ui,sans-serif;font-size:18px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.display{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.5px;text-transform:uppercase;}
.wrap{max-width:860px;margin:0 auto;padding:0 22px;}
a{color:var(--amber-text);text-decoration:underline;}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;}

.hero{padding:64px 0 28px;text-align:center;position:relative;overflow:hidden;}
.hero::before{
  content:"";position:absolute;inset:-40% -20% auto -20%;height:120%;
  background:radial-gradient(ellipse at 50% 0%,rgba(245,165,36,.16),transparent 62%);
  pointer-events:none;
}
.hero>*{position:relative;}
.hero h1{font-size:clamp(34px,6vw,56px);line-height:1.08;margin-bottom:16px;}
.hero p{color:var(--muted);max-width:560px;margin:0 auto;}

.group{margin-top:44px;}
.group h2{font-size:24px;margin-bottom:14px;letter-spacing:1px;}

.faq{display:flex;flex-direction:column;gap:10px;}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s,background .2s;}
.faq details[open]{background:#fff;border-color:var(--amber);}
.faq summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;font-weight:600;font-size:19px;line-height:1.35;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{
  content:"+";flex:none;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;background:var(--amber);color:#161006;
  font-size:22px;font-weight:700;line-height:1;transition:transform .25s;
}
.faq details[open] summary::after{content:"\2212";transform:rotate(180deg);}
.faq summary:hover{color:var(--amber-text);}
.faq details::details-content{
  block-size:0;overflow:hidden;opacity:0;
  transition:block-size .3s ease,opacity .3s ease,content-visibility .3s allow-discrete;
}
.faq details[open]::details-content{block-size:auto;opacity:1;}
.answer{padding:0 22px 22px;color:#2B323D;}
.answer>*+*{margin-top:12px;}
.answer ul{padding-left:22px;}
.answer li+li{margin-top:4px;}
.callout{background:var(--panel);border-left:4px solid var(--amber);border-radius:8px;padding:14px 16px;}

.btn{
  display:inline-block;background:var(--amber);color:#161006;text-decoration:underline;
  font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;
  padding:13px 22px;border-radius:10px;transition:background .2s;
}
.btn:hover{background:var(--amber-deep);}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;}

.contact{margin:56px 0 72px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px;text-align:center;}
.contact h2{font-size:28px;margin-bottom:10px;}
.contact p+p{margin-top:12px;}
.contact .lines{color:var(--text);}

@media (max-width:560px){
  body{font-size:17px;}
  .faq summary{padding:15px 16px;font-size:17px;}
  .answer{padding:0 16px 18px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after,.faq details::details-content{transition:none !important;}
  html{scroll-behavior:auto;}
}