/* Shared styles for the standalone offer pages and /faq.
   Mirrors the design tokens in index.html. Loaded by every page except
   index.html (which keeps its own inline styles) and privacy.html. */

:root{
--black:#121212; --white:#FFFFFF; --coral:#E54538; --blue:#799DD1; --yellow:#E8F200;
--grey:#5C5C5C; --grey-light:#C9C9C9; --body-grey:#3D3D3D; --rule:#DDDDDD; --rule-dark:#333333;
--sans:"neue-haas-grotesk-text","Helvetica Neue",Helvetica,Arial,sans-serif;
--display:"neue-haas-grotesk-display","neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif;
--serif:'Playfair Display',Georgia,serif;
}

*{box-sizing:border-box;font-synthesis:none}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:var(--sans);font-weight:400;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
em,i{font-style:italic;font-weight:400}
strong,b{font-weight:500}
p{margin:0 0 14px}
p:last-child{margin-bottom:0}

.wrap{width:min(1280px,90vw);margin:0 auto}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--yellow);color:var(--black);padding:10px 14px;font-size:12px;z-index:50}
.skip-link:focus{left:0}

/* ---------- nav ---------- */
nav{border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--white);z-index:40}
.navin{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:24px}
.logo{font-family:var(--display);font-weight:500;font-size:15px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:2px}
.logo-amp{font-family:var(--serif);font-style:italic;font-weight:900;color:var(--blue);padding:0 3px}
.links{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:500}
.links a:not(.btn):hover{color:var(--coral)}

.btn{display:inline-block;padding:13px 20px;background:var(--black);color:var(--white);font-size:11px;line-height:1;letter-spacing:.09em;text-transform:uppercase;font-weight:500;transition:background 150ms,color 150ms,border-color 150ms}
.btn:hover{background:var(--blue);color:var(--black)}
.btn-coral{background:var(--yellow);color:var(--black);border:1px solid var(--black)}
.btn-coral:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.secondary{display:inline-block;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-family:var(--sans);font-size:11px;line-height:1;letter-spacing:.09em;text-transform:uppercase;font-weight:500;cursor:pointer;text-align:left;transition:opacity 150ms}
.secondary:hover{opacity:.65}

/* ---------- page head ---------- */
.eyebrow{display:inline-block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grey);font-weight:500;margin-bottom:14px}
.crumbs{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grey);padding:26px 0 0}
.crumbs a:hover{color:var(--black)}
.crumbs span{padding:0 7px;color:var(--grey-light)}

.page-head{padding:30px 0 42px;border-bottom:1px solid var(--rule)}
h1{font-family:var(--serif);font-size:clamp(38px,4.6vw,62px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 16px;font-weight:500}
.lede{font-size:19px;line-height:1.5;color:var(--body-grey);max-width:58ch;margin:0 0 26px}
.head-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}

/* ---------- facts strip ---------- */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border-bottom:1px solid var(--rule)}
.facts > div{padding:22px 24px 22px 0;border-right:1px solid var(--rule)}
.facts > div:last-child{border-right:0;padding-right:0}
.facts dt{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grey);margin-bottom:7px}
.facts dd{margin:0;font-size:17px;font-weight:500;line-height:1.35}
.facts dd.small{font-size:14.5px;font-weight:400;color:var(--body-grey)}

/* ---------- body ---------- */
main{display:block}
.doc{max-width:68ch;padding:46px 0 10px}
.doc h2{font-family:var(--serif);font-size:clamp(25px,2.4vw,33px);line-height:1.1;letter-spacing:-.02em;font-weight:500;margin:46px 0 14px}
.doc h2:first-child{margin-top:0}
.doc h3{font-family:var(--display);font-weight:500;font-size:17px;line-height:1.3;margin:30px 0 8px}
.doc p{color:var(--body-grey)}
.doc p strong{color:var(--black)}
.doc ul{margin:0 0 16px;padding-left:18px;color:var(--body-grey)}
.doc li{margin:0 0 8px}
.doc a:not(.btn):not(.secondary){border-bottom:1px solid var(--rule);padding-bottom:1px}
.doc a:not(.btn):not(.secondary):hover{border-bottom-color:var(--coral)}
.callout{border-left:3px solid var(--yellow);padding:4px 0 4px 18px;margin:26px 0}
.callout strong{letter-spacing:.04em}

/* ---------- answer blocks (the bit AI engines lift) ---------- */
.answers{padding:14px 0 0}
.answer{border-top:1px solid var(--rule);padding:30px 0}
.answer h2{font-family:var(--display);font-weight:500;font-size:19px;line-height:1.3;letter-spacing:-.01em;margin:0 0 10px;text-transform:none}
.answer p{color:var(--body-grey);max-width:68ch}

/* ---------- faq page ---------- */
.faq-list{border-top:1px solid var(--rule)}
.faq-item{border-bottom:1px solid var(--rule);padding:0}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:19px;line-height:1;color:var(--grey);flex:none}
.faq-item[open] summary::after{content:"\2013"}
.faq-item summary h2{font-family:var(--display);font-weight:500;font-size:18px;line-height:1.35;margin:0;letter-spacing:-.01em}
.faq-item > p{padding:0 0 22px;margin:0;color:var(--body-grey);max-width:68ch}

/* ---------- related ---------- */
.related{border-top:1px solid var(--rule);padding:44px 0 0;margin-top:52px}
.related h2{font-family:var(--display);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--grey);font-weight:500;margin:0 0 20px}
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule)}
.rel-grid a{background:var(--white);padding:22px 20px 24px 0;display:block}
.rel-grid a:hover .rel-name{color:var(--coral)}
.rel-name{font-family:var(--serif);font-size:20px;line-height:1.15;margin-bottom:6px;display:block}
.rel-note{font-size:13.5px;line-height:1.5;color:var(--grey);display:block}

/* ---------- cta ---------- */
.cta{background:var(--black);color:var(--white);margin-top:64px}
.cta-inner{padding:66px 0;max-width:62ch}
.cta h2{font-family:var(--serif);font-size:clamp(28px,3vw,41px);line-height:1.05;letter-spacing:-.02em;font-weight:500;margin:16px 0 14px}
.cta p{color:var(--grey-light);margin-bottom:28px}
.cta .actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.cta .btn{background:var(--yellow);color:var(--black)}
.cta .btn:hover{background:var(--white)}
.chip-blue{display:inline-block;background:var(--blue);color:var(--black);padding:7px 10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:500}

/* ---------- footer ---------- */
footer{background:var(--black);color:var(--grey-light);padding:30px 0}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.09em;text-transform:uppercase;align-items:center}
.foot strong{color:var(--white);font-family:var(--display)}
.foot .logo-amp{color:var(--yellow)}
.footer-email{text-transform:none;letter-spacing:0;font-size:12px}
.foot a:hover{color:var(--white)}

@media(max-width:860px){
.facts{grid-template-columns:1fr}
.facts > div{border-right:0;border-bottom:1px solid var(--rule);padding:18px 0}
.facts > div:last-child{border-bottom:0}
.rel-grid{grid-template-columns:1fr}
.rel-grid a{padding:20px 0}
}
@media(max-width:700px){
.links a:not(.btn){display:none}
nav .links a{display:inline-flex;align-items:center;min-height:44px}
.doc{padding:34px 0 10px}
.cta-inner{padding:48px 0}
}