:root { --coral:#f95c58; --ink:#171519; --muted:#635e62; --paper:#f7f3ef; --cream:#efe8e1; --white:#fff; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--paper); color:var(--ink); font-family:"DM Sans", sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.container { width:min(1160px, calc(100% - 48px)); margin:0 auto; }
.site-header { background:var(--ink); border-bottom:1px solid rgba(255,255,255,.16); }
.nav-wrap { display:flex; align-items:center; min-height:82px; gap:32px; }
.brand { display:inline-flex; flex:0 0 auto; }
.brand img { display:block; width:170px; height:auto; }
nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
nav a { color:rgba(255,255,255,.88); font-size:.79rem; font-weight:600; letter-spacing:.02em; }
nav a:hover, nav a.active { color:var(--coral); }
.join-link { padding:9px 16px; border:1px solid var(--coral); color:var(--white); font-size:.76rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; transition:background .2s ease, color .2s ease; }
.join-link:hover { background:var(--coral); color:var(--ink); }
.eyebrow { color:var(--coral); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1,h2 { font-family:Manrope, sans-serif; font-weight:800; letter-spacing:-.05em; }
.help-hero { position:relative; padding:102px 0 110px; overflow:hidden; background:var(--cream); }
.help-hero::after { position:absolute; right:1%; bottom:-62px; content:'?'; color:var(--coral); font-family:Manrope, sans-serif; font-size:30rem; font-weight:800; line-height:.8; opacity:.14; }
.help-hero .container { position:relative; z-index:1; }
.help-hero h1 { max-width:760px; margin-top:10px; font-size:clamp(3.4rem, 7vw, 6.3rem); line-height:1.01; }
.help-hero p:last-child { max-width:540px; margin-top:23px; color:var(--muted); font-size:1.04rem; }
.faq-section { padding:110px 0; background:var(--white); }
.section-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:11%; align-items:start; }
.section-intro { position:sticky; top:32px; }
.section-intro h2, .dictionary-heading h2 { margin-top:10px; font-size:clamp(2.35rem, 4vw, 3.9rem); line-height:1.08; }
.section-intro > p:not(.eyebrow), .dictionary-heading > p:last-child { margin-top:18px; color:var(--muted); }
.section-intro a { display:inline-block; margin-top:28px; border-bottom:1px solid var(--coral); color:var(--coral); font-size:.8rem; font-weight:700; letter-spacing:.04em; padding-bottom:3px; text-transform:uppercase; }
.faq-list { border-top:1px solid #d7d0cb; }
details { border-bottom:1px solid #d7d0cb; }
summary { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:22px 0; cursor:pointer; list-style:none; font-family:Manrope, sans-serif; font-size:1.05rem; font-weight:700; line-height:1.35; }
summary::-webkit-details-marker { display:none; }
summary::after { content:'+'; flex:0 0 auto; color:var(--coral); font-family:"DM Sans", sans-serif; font-size:1.55rem; font-weight:400; transition:transform .2s ease; }
details[open] summary::after { transform:rotate(45deg); }
details p { max-width:710px; padding:0 42px 23px 0; color:var(--muted); font-size:.95rem; }
.dictionary-section { padding:110px 0; background:var(--ink); color:var(--white); }
.dictionary-heading { max-width:750px; }
.dictionary-heading > p:last-child { color:#c5bec0; }
.dictionary-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; margin-top:52px; background:rgba(255,255,255,.2); }
.dictionary-grid article { min-height:148px; padding:24px; background:var(--ink); transition:background .2s ease; }
.dictionary-grid article:hover { background:#2a2224; }
.dictionary-grid strong { display:block; color:var(--coral); font-family:Manrope, sans-serif; font-size:1.27rem; letter-spacing:-.03em; }
.dictionary-grid span { display:block; margin-top:8px; color:#d7d0d2; font-size:.88rem; }
.help-cta { padding:86px 0; background:var(--coral); color:var(--ink); text-align:center; }
.help-cta p { font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.help-cta h2 { margin-top:8px; font-size:clamp(2.35rem, 4.5vw, 4.1rem); line-height:1.08; }
.help-cta a { display:inline-block; margin-top:27px; padding:14px 21px; background:var(--ink); color:var(--white); font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; transition:transform .2s ease; }
.help-cta a:hover { transform:translateY(-3px); }
.footer { padding:4rem 0; background:#000; color:#fff; border-top:1px solid var(--coral); font-family:Inter, sans-serif; }
.footer-links { display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; margin-bottom:2rem; }
.footer-section h4 { margin-bottom:1rem; color:var(--coral); }
.footer-section ul { padding-left:0; list-style:none; }
.footer-section li { padding:.5rem 0; }
.footer-section a { color:#fff; }
.footer-bottom { padding-top:2rem; border-top:1px solid #444; color:#666; text-align:center; }
.footer-bottom a { color:#fff; }
@media (max-width:760px) { .container { width:min(100% - 32px, 1160px); } .nav-wrap { min-height:68px; } .brand img { width:145px; } nav { display:none; } .join-link { margin-left:auto; padding:8px 11px; font-size:.68rem; } .help-hero { padding:72px 0 77px; } .help-hero::after { right:-16px; bottom:-24px; font-size:15rem; } .section-layout { grid-template-columns:1fr; gap:43px; } .section-intro { position:static; } .faq-section,.dictionary-section { padding:70px 0; } .dictionary-grid { grid-template-columns:1fr; margin-top:38px; } .dictionary-grid article { min-height:0; } .footer-links { grid-template-columns:1fr; } }