/* v323: compact benefits and grouped FAQ, scoped to homepage sections. */
html body.pg316-design .p323-benefits,html body.pg316-design #faq.pg323-faq{width:calc(100% - 48px);max-width:1240px;margin:56px auto;padding:0;min-width:0;color:var(--d316-ink);background:none;border:0;box-sizing:border-box}
html body.pg316-design :is(.p323-benefits,.pg323-faq) *{box-sizing:border-box;min-width:0}
html body.pg316-design .p323-benefits>h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;letter-spacing:-.035em;margin:0 0 24px;color:var(--d316-ink)}
html body.pg316-design .p323-benefits>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:benefit}
html body.pg316-design .p323-benefits article{--step:#2473db;position:relative;display:flex;align-items:flex-start;gap:16px;padding:26px;border:1px solid var(--d316-line);border-radius:20px;background:linear-gradient(135deg,var(--d316-panel),var(--d316-bg));box-shadow:0 8px 24px #162d5904;overflow:hidden;counter-increment:benefit}
html body.pg316-design .p323-benefits article:nth-child(2){--step:#8155cf}
html body.pg316-design .p323-benefits article:nth-child(3){--step:#148975}
html body.pg316-design .p323-benefits article:before{content:counter(benefit,decimal-leading-zero);position:absolute;inset-inline-end:14px;bottom:-15px;font-size:86px;font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--step);opacity:.045;pointer-events:none}
html body.pg316-design .p323-benefits i{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:var(--d316-soft);color:var(--step);font-style:normal;border:1px solid var(--d316-line)}
html body.pg316-design .p323-benefits i svg{width:24px;height:24px;flex:none}
html body.pg316-design .p323-benefits article>div{position:relative;padding-top:2px}
html body.pg316-design .p323-benefits h3{font-size:16px;line-height:1.4;letter-spacing:-.015em;margin:0 0 9px;color:var(--d316-ink)}
html body.pg316-design .p323-benefits p{font-size:13px;line-height:1.8;margin:0;color:var(--d316-muted)}
html body.pg316-design #faq.pg323-faq{display:block;margin-block:64px 80px;text-align:start}
html body.pg316-design .pg323-faq>header{display:grid;grid-template-columns:minmax(0,1fr) 160px;column-gap:30px;align-items:center;margin:0 0 26px;padding:26px 30px;border:1px solid var(--d316-line);border-radius:22px;background:linear-gradient(125deg,var(--d316-panel),var(--d316-soft));position:relative;min-width:0}
html body.pg316-design .pg323-faq>header .p321-eyebrow{grid-column:1;grid-row:1;justify-self:start;margin:0 0 12px;font-size:10px}
html body.pg316-design .pg323-faq>header h2{grid-column:1;grid-row:2;font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.035em;max-width:760px;margin:0 0 12px;color:var(--d316-ink)}
html body.pg316-design .pg323-faq>header p{grid-column:1;grid-row:3;font-size:14px;line-height:1.8;color:var(--d316-muted);margin:0;max-width:700px}
html body.pg316-design .pg323-faq .p321-faq-art{display:block;grid-column:2;grid-row:1/4;width:160px;height:120px;max-width:100%;object-fit:contain;order:initial;margin:0}
html body.pg316-design .pg323-faq .pg319-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin:0;padding:0}
html body.pg316-design .pg323-faq .pg319-faq-group{--faq-accent:#245bdf;position:relative;padding:20px 20px 8px;border:1px solid var(--d316-line);border-radius:20px;background:var(--d316-panel);box-shadow:0 8px 26px #162d5904;overflow:hidden}
html body.pg316-design .pg323-faq .pg319-faq-group:nth-child(2){--faq-accent:#178779}
html body.pg316-design .pg323-faq .pg319-faq-group:nth-child(3){--faq-accent:#7a51c2}
html body.pg316-design .pg323-faq .pg319-faq-group:before{content:'';position:absolute;top:0;inset-inline:20px;height:3px;background:var(--faq-accent);border-radius:0 0 4px 4px;opacity:.6}
html body.pg316-design .pg323-faq .pg319-faq-group h3{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:var(--d316-ink);font-size:14px;font-weight:700;line-height:1.5}
html body.pg316-design .pg323-faq .pg319-faq-group h3>span:first-child{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--d316-line);border-radius:11px;background:var(--d316-soft);color:var(--faq-accent)}
html body.pg316-design .pg323-faq .pg319-faq-group h3 svg{width:19px;height:19px}
html body.pg316-design .pg323-faq details{margin:0;padding:0;border:0;border-top:1px solid var(--d316-line);border-radius:0;background:none;box-shadow:none}
html body.pg316-design .pg323-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:17px 0;list-style:none;color:var(--d316-ink);font-size:13px;font-weight:600;line-height:1.6;cursor:pointer}
html body.pg316-design .pg323-faq summary::-webkit-details-marker{display:none}
html body.pg316-design .pg323-faq summary:after{content:'+';display:grid;place-items:center;position:static;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--d316-line);border-radius:8px;background:var(--d316-bg);color:var(--faq-accent);font-size:18px;transform:none}
html body.pg316-design .pg323-faq details[open]>summary:after{content:'−';background:var(--d316-soft)}
html body.pg316-design .pg323-faq details p{font-size:13px;line-height:1.9;margin:0;padding:0 0 18px;color:var(--d316-muted)}
html body.pg316-design .pg323-faq summary:focus-visible{outline:3px solid #9fb6ff;outline-offset:-3px;border-radius:8px}
html[data-theme=dark] body.pg316-design .p323-benefits article{--step:#91b6ff}
html[data-theme=dark] body.pg316-design .p323-benefits article:nth-child(2){--step:#c1a2ff}
html[data-theme=dark] body.pg316-design .p323-benefits article:nth-child(3){--step:#79dbc9}
html[data-theme=dark] body.pg316-design .pg323-faq .pg319-faq-group{--faq-accent:#91b6ff}
html[data-theme=dark] body.pg316-design .pg323-faq .pg319-faq-group:nth-child(2){--faq-accent:#79dbc9}
html[data-theme=dark] body.pg316-design .pg323-faq .pg319-faq-group:nth-child(3){--faq-accent:#c1a2ff}
@media screen and (min-width:1200px){html body.pg316-design .p323-benefits,html body.pg316-design #faq.pg323-faq{width:calc(100% - 64px);max-width:1400px}}
@media(max-width:1050px){html body.pg316-design .p323-benefits article{padding:20px;gap:12px}html body.pg316-design .pg323-faq .pg319-faq-grid{grid-template-columns:minmax(0,1fr)}html body.pg316-design .pg323-faq summary{min-height:58px}html body.pg316-design .pg323-faq .pg319-faq-group{padding-inline:22px}}
@media(max-width:760px){html body.pg316-design .p323-benefits,html body.pg316-design #faq.pg323-faq{width:calc(100% - 28px);margin-block:40px}html body.pg316-design .p323-benefits>div{grid-template-columns:minmax(0,1fr);gap:12px}html body.pg316-design .p323-benefits article{padding:22px}html body.pg316-design .pg323-faq>header{grid-template-columns:minmax(0,1fr) 100px;gap:0 14px;padding:22px}html body.pg316-design .pg323-faq .p321-faq-art{width:100px;height:90px;grid-row:1/3}html body.pg316-design .pg323-faq>header h2{font-size:28px}html body.pg316-design .pg323-faq>header p{grid-column:1/-1}html body.pg316-design .pg323-faq .pg319-faq-group{padding:18px 18px 6px}}
@media(max-width:400px){html body.pg316-design .pg323-faq>header{grid-template-columns:minmax(0,1fr)}html body.pg316-design .pg323-faq .p321-faq-art{display:none}}