:root { --chalk:#F8F8F7; --white:#fff; --sage:#7A9E7E; --bordeaux:#B03045; --slate:#4A5585; --gold:#B98A43; --inkwell:#2B2B2B; --navy:#111E5E; --line:rgba(43,43,43,.09); --shadow:0 14px 34px rgba(43,43,43,.075); --radius:28px; --max:1220px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:linear-gradient(180deg,#fff 0%,var(--chalk) 56%,#fff 100%); color:var(--inkwell); font-family:Figtree,system-ui,sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.faq-page { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; }
.faq-hero { display:grid; grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr); min-height:360px; align-items:center; gap:44px; padding:38px 24px 26px; }
.faq-hero__copy { position:relative; z-index:1; max-width:430px; }.faq-hero h1 { margin:0 0 15px; color:var(--navy); font-size:clamp(4rem,7vw,6.3rem); font-weight:800; letter-spacing:-.075em; line-height:.86; }.faq-hero p { max-width:335px; margin:0; color:rgba(17,30,94,.82); font-size:clamp(1.03rem,1.5vw,1.22rem); font-weight:500; line-height:1.45; }
.sparkles { display:flex; gap:11px; margin-top:27px; align-items:center; }.sparkles i,.sparkles b,.sparkles em { display:block; width:13px; height:13px; background:var(--bordeaux); clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%); }.sparkles b { width:10px; height:10px; background:var(--sage); }.sparkles em { width:12px; height:12px; background:var(--slate); }
.faq-hero__art { position:relative; justify-self:end; width:min(100%,430px); height:270px; }.faq-hero__art > img { position:absolute; right:0; bottom:0; display:block; width:100%; height:100%; object-fit:contain; object-position:right bottom; }.art-spark { position:absolute; z-index:1; color:var(--bordeaux); font-size:30px; line-height:1; }.art-spark--one { top:73px; left:14px; color:var(--navy); }.art-spark--two { top:111px; left:51px; color:var(--sage); font-size:25px; }.art-spark--three { top:81px; right:4px; }
.faq-list { display:grid; gap:10px; --faq-header-padding-left:20px; --faq-header-padding-right:26px; --faq-icon-column:62px; --faq-header-gap:19px; --faq-toggle-column:48px; --faq-header-min-height:102px; }.faq-group { overflow:hidden; background:rgba(255,255,255,.95); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); --accent:var(--sage); --accent-soft:rgba(122,158,126,.13); }.faq-group--bordeaux { --accent:var(--bordeaux); --accent-soft:rgba(176,48,69,.1); }.faq-group--slate { --accent:#3982bc; --accent-soft:rgba(57,130,188,.1); }.faq-group--gold { --accent:var(--gold); --accent-soft:rgba(185,138,67,.12); }
.faq-group summary { display:grid; grid-template-columns:var(--faq-icon-column) minmax(0,1fr) var(--faq-toggle-column); column-gap:var(--faq-header-gap); min-height:var(--faq-header-min-height); padding:18px var(--faq-header-padding-right) 18px var(--faq-header-padding-left); align-items:center; cursor:pointer; list-style:none; }.faq-group summary::-webkit-details-marker { display:none; }.faq-group summary:focus-visible { outline:3px solid rgba(74,85,133,.36); outline-offset:-3px; }.faq-icon { display:grid; inline-size:var(--faq-icon-column); block-size:var(--faq-icon-column); place-items:center; overflow:hidden; border-radius:50%; }.faq-icon img { display:block; inline-size:100%; block-size:100%; object-fit:contain; }.faq-summary-copy { display:grid; min-width:0; gap:1px; }.faq-summary-copy strong { color:var(--navy); font-size:clamp(1.22rem,2vw,1.5rem); letter-spacing:-.04em; line-height:1.15; }.faq-summary-copy small { color:rgba(17,30,94,.72); font-size:.96rem; line-height:1.45; }.faq-toggle { display:grid; inline-size:43px; block-size:43px; place-items:center; justify-self:end; color:#fff; background:var(--accent); border-radius:50%; box-shadow:0 6px 13px color-mix(in srgb,var(--accent) 24%,transparent); transition:transform .2s ease; }.faq-toggle::before { width:11px; height:11px; border-right:3px solid currentColor; border-bottom:3px solid currentColor; content:""; transform:rotate(45deg) translate(-2px,-2px); }.faq-group[open] .faq-toggle { transform:rotate(180deg); }
.faq-content { margin:0 64px 0 92px; padding:0 0 1px; }.faq-content article { padding:18px 0 16px; border-top:1px solid rgba(17,30,94,.12); }.faq-content h2 { margin:0 0 7px; color:var(--navy); font-size:1rem; font-weight:800; letter-spacing:-.018em; }.faq-content p { max-width:830px; margin:0 0 9px; color:rgba(17,30,94,.8); font-size:.94rem; line-height:1.55; }.faq-content p:last-child { margin-bottom:0; }.faq-content ul { display:grid; gap:4px; max-width:830px; margin:0 0 10px; padding-left:20px; color:rgba(17,30,94,.8); font-size:.94rem; }.faq-content li::marker { color:var(--accent); }.faq-emphasis { color:var(--bordeaux)!important; font-weight:800; }.faq-emphasis--gold { color:var(--gold)!important; }
.faq-cta { display:grid; grid-template-columns:188px minmax(0,1fr) auto; gap:30px; align-items:center; min-height:150px; margin:28px 0 8px; padding:16px 42px 16px 28px; overflow:hidden; background:linear-gradient(105deg,#eaf6f9,#f8fbfc); border-radius:var(--radius); }.faq-cta img { align-self:end; width:176px; max-height:140px; object-fit:contain; object-position:center bottom; }.faq-cta h2 { margin:0 0 6px; color:var(--navy); font-size:clamp(1.35rem,2.35vw,1.85rem); letter-spacing:-.045em; line-height:1.15; }.faq-cta p { max-width:440px; margin:0; color:rgba(17,30,94,.76); }.faq-cta__button { display:inline-flex; min-height:42px; padding:10px 18px; align-items:center; justify-content:center; gap:8px; color:#fff; background:var(--bordeaux); border-radius:999px; box-shadow:0 8px 18px rgba(176,48,69,.18); font-weight:700; white-space:nowrap; transition:transform .18s ease,box-shadow .18s ease; }.faq-cta__button:hover { transform:translateY(-1px); box-shadow:0 11px 23px rgba(176,48,69,.24); }.faq-cta__button:focus-visible { outline:3px solid rgba(74,85,133,.55); outline-offset:3px; }
@media (max-width:800px) { .faq-page { width:min(calc(100% - 32px),var(--max)); }.faq-hero { grid-template-columns:1fr; gap:16px; min-height:0; padding:48px 10px 35px; }.faq-hero__copy { max-width:560px; }.faq-hero__art { justify-self:center; width:min(100%,430px); }.faq-list { --faq-header-padding-left:17px; --faq-header-padding-right:17px; --faq-icon-column:54px; --faq-header-gap:14px; --faq-toggle-column:42px; --faq-header-min-height:94px; }.faq-content { margin-inline:76px 28px; }.faq-cta { grid-template-columns:140px minmax(0,1fr); gap:20px; padding-right:28px; }.faq-cta img { width:136px; }.faq-cta__button { grid-column:2; justify-self:start; } }
@media (max-width:560px) { .faq-hero { padding:37px 8px 30px; }.faq-hero h1 { font-size:clamp(3.8rem,20vw,5rem); }.faq-hero__art { width:min(100%,330px); height:205px; }.faq-hero__art > img { object-position:center bottom; }.art-spark--one { top:56px; left:8px; }.art-spark--two { top:84px; left:39px; }.art-spark--three { top:62px; right:2px; }.faq-list { gap:8px; --faq-header-padding-left:15px; --faq-header-padding-right:15px; --faq-icon-column:47px; --faq-header-gap:11px; --faq-toggle-column:36px; --faq-header-min-height:88px; }.faq-group { border-radius:17px; }.faq-summary-copy strong { font-size:1.1rem; }.faq-summary-copy small { font-size:.84rem; line-height:1.36; }.faq-toggle { inline-size:36px; block-size:36px; }.faq-toggle::before { width:9px; height:9px; border-width:2px; }.faq-content { margin:0 17px 0 73px; }.faq-content article { padding:15px 0; }.faq-content h2 { font-size:.94rem; }.faq-content p,.faq-content ul { font-size:.88rem; line-height:1.53; }.faq-cta { grid-template-columns:1fr; gap:12px; margin-top:22px; padding:23px 22px; text-align:center; }.faq-cta img { width:132px; margin:auto; }.faq-cta p { margin-inline:auto; font-size:.92rem; }.faq-cta__button { grid-column:auto; justify-self:center; margin-top:3px; }.marketing-footer { margin-top:48px; } }