/* Shared accountability section and landing-page treatment. */
.accountability-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 84% 18%, color-mix(in srgb, var(--teal) 11%, transparent) 0, transparent 34rem),
    radial-gradient(ellipse at 8% 88%, color-mix(in srgb, var(--teal2) 9%, transparent) 0, transparent 31rem),
    linear-gradient(135deg, var(--night), var(--night2));
}
.accountability-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr); align-items:center; gap:clamp(36px,7vw,96px); }
.accountability-copy h2,.acct-section h2 { margin:0; color:var(--ink); font-size:clamp(38px,5.1vw,68px); font-weight:650; letter-spacing:-.065em; line-height:.98; }
.accountability-copy h2 em,.acct-section h2 em { color:var(--teal); font-family:Georgia,serif; font-weight:500; }
.accountability-copy > p { max-width:590px; color:var(--muted); line-height:1.8; }
.accountability-promise { margin-top:24px; font-weight:750; color:var(--ink)!important; }
.accountability-copy .button { margin-top:12px; }
.accountability-steps { display:grid; gap:12px; }
.accountability-steps article { display:grid; grid-template-columns:46px 1fr; align-items:start; gap:15px; padding:18px 20px; border:1px solid var(--line); border-radius:18px 18px 18px 6px; background:color-mix(in srgb, var(--panel) 90%, transparent); box-shadow:0 14px 38px #04131b12; }
.accountability-steps article>span { display:grid; width:38px; height:38px; place-items:center; border:1px solid color-mix(in srgb, var(--teal) 50%, var(--line)); border-radius:13px 50% 50% 50%; color:var(--teal); font-size:11px; font-weight:800; }
.accountability-steps h3 { margin:0 0 4px; color:var(--ink); font-size:17px; letter-spacing:-.025em; }
.accountability-steps p { margin:0; color:var(--muted); font-size:14px; }
.accountability-steps .accountability-feature { display:grid; grid-template-columns:minmax(142px,.72fr) minmax(0,1fr); align-items:center; gap:clamp(16px,2.1vw,26px); width:100%; margin:4px 0 0; padding:16px clamp(16px,2vw,24px) 16px 16px; border:1px solid #79dce344; border-radius:24px 24px 24px 7px; background:linear-gradient(132deg,#092331f2,#10445af2); box-shadow:0 20px 48px #0518272b,inset 0 1px #ffffff12; }
.accountability-feature img { display:block; width:100%; max-height:370px; object-fit:contain; border:1px solid #b5e8e633; border-radius:16px; box-shadow:0 12px 32px #020d1870; }
.accountability-feature figcaption { display:grid; gap:11px; color:#c5d9de; font-size:13px; line-height:1.65; }
.accountability-feature figcaption strong { color:#f2f9f8; font-size:clamp(18px,2vw,23px); line-height:1.2; letter-spacing:-.035em; }
.accountability-feature-label { color:#80e5df; font-size:10px; font-weight:850; letter-spacing:.16em; }
.acct-page { color:var(--ink); }
.acct-hero { position:relative; overflow:hidden; padding:clamp(58px,8vw,112px) 0; background:radial-gradient(ellipse at 83% 14%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 34rem),linear-gradient(125deg,var(--night),var(--night2)); }
.acct-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(260px,.78fr); align-items:center; gap:clamp(35px,8vw,112px); }
.acct-hero h1 { max-width:790px; margin:22px 0 20px; color:var(--ink); font-size:clamp(44px,7vw,84px); font-weight:650; letter-spacing:-.075em; line-height:.94; }
.acct-hero h1 em { color:var(--teal); font-family:Georgia,serif; font-weight:500; }
.acct-hero .dek { max-width:650px; color:var(--muted); font-size:clamp(16px,1.5vw,19px); line-height:1.75; }
.acct-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:25px; }
.acct-visual { position:relative; width:min(100%,355px); margin:0 auto; padding:10px; border:1px solid var(--line); border-radius:30px 30px 18px 30px; background:color-mix(in srgb,var(--panel) 82%,transparent); box-shadow:0 26px 70px #03111b2d; transform:rotate(1.4deg); }
.acct-visual img { display:block; width:100%; max-height:610px; object-fit:contain; border-radius:22px; }
.acct-visual figcaption { padding:10px 6px 2px; color:var(--muted); font-size:11px; text-align:center; }
.acct-trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:34px; }
.acct-trust-row span { padding:12px 14px; border:1px solid var(--line); border-radius:14px 14px 14px 5px; background:color-mix(in srgb,var(--panel) 82%,transparent); color:var(--ink); font-size:12px; font-weight:700; }
.acct-section { padding:clamp(58px,8vw,100px) 0; }
.acct-section.alt { background:color-mix(in srgb,var(--panel2) 65%,transparent); }
.acct-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.7fr); align-items:end; gap:30px; margin-bottom:34px; }
.acct-heading p { max-width:520px; margin:0; color:var(--muted); line-height:1.75; }
.acct-section h2 { max-width:760px; font-size:clamp(34px,5vw,62px); }
.acct-steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; counter-reset:acct-step; }
.acct-step-card,.acct-info-card { min-height:190px; padding:24px; border:1px solid var(--line); border-radius:22px 22px 22px 7px; background:var(--panel); box-shadow:0 16px 42px #04131b12; }
.acct-step-card>span { display:block; margin-bottom:28px; color:var(--teal); font-size:12px; font-weight:850; letter-spacing:.14em; }
.acct-step-card h3,.acct-info-card h3 { margin:0 0 9px; color:var(--ink); font-size:20px; letter-spacing:-.035em; }
.acct-step-card p,.acct-info-card p,.acct-info-card li { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.acct-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.acct-info-card ul { margin:12px 0 0; padding-left:20px; }
.acct-info-card li+li { margin-top:6px; }
.acct-note { margin-top:20px; padding:18px 20px; border-left:3px solid var(--teal); border-radius:0 16px 16px 0; background:color-mix(in srgb,var(--panel2) 78%,transparent); color:var(--muted); line-height:1.7; }
.acct-faq { max-width:900px; margin-inline:auto; }
.acct-faq details { margin:9px 0; padding:0 19px; border:1px solid var(--line); border-radius:15px; background:var(--panel); color:var(--ink); }
.acct-faq summary { padding:16px 0; color:var(--ink); font-weight:750; cursor:pointer; }
.acct-faq details p { margin:0; padding:0 0 17px; color:var(--muted); line-height:1.7; }
.acct-final { padding:clamp(30px,5vw,54px); border:1px solid var(--line); border-radius:28px 28px 28px 8px; background:radial-gradient(ellipse at 90% 8%,color-mix(in srgb,var(--teal) 15%,transparent),transparent 24rem),var(--panel); }
.acct-final h2 { margin:12px 0; font-size:clamp(32px,5vw,54px); }
.acct-final p { max-width:650px; color:var(--muted); line-height:1.7; }
@media(max-width:800px){.accountability-layout,.acct-hero-grid,.acct-heading{grid-template-columns:1fr}.accountability-layout{gap:30px}.accountability-steps .accountability-feature{grid-template-columns:minmax(150px,.62fr) minmax(0,1fr)}.accountability-feature img{max-height:320px}.acct-visual{width:min(68%,310px);margin-top:8px}.acct-trust-row{grid-template-columns:1fr}.acct-steps-grid{grid-template-columns:1fr}.acct-step-card{min-height:0}.acct-step-card>span{margin-bottom:17px}.acct-info-grid{grid-template-columns:1fr}}
@media(max-width:560px){.accountability-steps .accountability-feature{grid-template-columns:minmax(96px,.72fr) minmax(0,1fr);gap:13px;padding:13px}.accountability-feature img{max-height:245px;border-radius:12px}.accountability-feature figcaption{gap:8px;font-size:12px;line-height:1.5}.accountability-feature figcaption strong{font-size:17px}.accountability-feature-label{font-size:9px;letter-spacing:.11em}.acct-hero{padding:48px 0}.acct-hero-grid{gap:24px}.acct-hero h1{font-size:clamp(40px,11.5vw,58px)}.acct-visual{width:min(76%,285px)}.acct-actions{align-items:stretch;flex-direction:column;gap:12px}.acct-actions .button{width:100%}.acct-section{padding:52px 0}.acct-heading{gap:15px;margin-bottom:24px}.acct-info-card,.acct-step-card{padding:20px}.acct-trust-row span{font-size:13px}}