/* Account features use the same visual system as the account guide. */
.af-page .ag-hero{min-height:clamp(720px,96svh,960px);padding-top:130px}
.af-page .ag-hero h1{font-size:clamp(58px,6.3vw,100px);max-width:9.5em;line-height:1.01}
.af-page .ag-hero .lede{max-width:25em}
.af-back{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--mute);margin-bottom:30px;transition:color .25s}
.af-back:hover{color:var(--neon-text)}
.af-left .ag-hero-copy{padding-left:51%}
.af-left .ag-hero h1{font-size:clamp(48px,5.2vw,84px);max-width:none}
.af-left .ag-hero-media img{object-position:20% 0}
.af-left .ag-hero-shade{background:linear-gradient(0deg,#000,transparent 24%),linear-gradient(270deg,#000 0%,rgba(0,0,0,.7) 23%,transparent 65%)}
.af-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding-block:18px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);gap:8px}
.af-nav a{display:flex;justify-content:center;align-items:center;padding:14px 8px;min-height:50px;font-size:12px;font-weight:600;line-height:1.5;text-align:center;border-radius:8px;color:var(--ink-2);transition:color .25s,background .25s}
.af-nav a:hover{background:rgba(255,255,255,.04);color:var(--ink)}
.af-nav a[aria-current="page"]{color:var(--neon-text);background:rgba(31,227,111,.07);box-shadow:inset 0 -1px var(--neon)}
.af-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:start}
.af-detail-copy .h-lg{font-size:clamp(40px,4.2vw,66px);line-height:1.05;margin:27px 0}
.af-detail-copy .lede{font-size:17px;max-width:26em;margin-bottom:30px}
.af-steps{border-top:1px solid var(--line-2)}
.af-steps details{border-bottom:1px solid var(--line-2)}
.af-steps summary{display:grid;grid-template-columns:28px 1fr 22px;gap:18px;align-items:start;list-style:none;cursor:pointer;padding:28px 0}
.af-steps summary::-webkit-details-marker{display:none}
.af-step-number{font:11px/1.8 var(--mono);color:var(--neon-text);padding-top:3px}
.af-steps summary strong{font-size:20px;line-height:1.4;letter-spacing:-.025em;font-weight:600}
.af-step-toggle{font-size:25px;line-height:1;color:var(--mute);transition:transform .3s,color .3s}
.af-steps details[open] .af-step-toggle{transform:rotate(45deg);color:var(--neon-text)}
.af-steps details p{margin:0 25px 29px 46px;color:var(--ink-2);font-size:15px;line-height:1.8}
.af-feature-note{grid-column:1/-1;border-left:2px solid var(--neon);padding:0 0 0 22px;margin-top:2px;color:var(--mute);font-size:12px;line-height:1.8;max-width:62em}
.af-related{padding-bottom:var(--ag-space)}
.af-related-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px;border-top:1px solid var(--line-2);padding-top:60px}
.af-related-heading .h-lg{margin-top:23px;font-size:clamp(38px,4.4vw,64px);line-height:1.03}
.af-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.af-related-card{display:grid;grid-template-columns:43% 1fr;min-height:290px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#030504;overflow:hidden;transition:background .3s}
.af-related-card:hover{background:#080e0a}
.af-related-image{overflow:hidden;min-height:290px;position:relative}
.af-related-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030504,transparent 30%)}
.af-related-image img{height:100%;width:100%;object-fit:cover;object-position:94% 0;transition:transform .7s var(--ease)}
.af-related-image.is-left img{object-position:13% 0}
.af-related-card:hover img{transform:none}
.af-related-copy{align-self:center;padding:30px 25px}
.af-related-copy>p{font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.af-related-copy h3{font-size:clamp(23px,2.1vw,32px);font-weight:600;line-height:1.16;letter-spacing:-.04em;margin:15px 0 0}
.af-related-copy .ag-text-link{font-size:12px;margin-top:24px}
.af-privacy{padding-bottom:var(--ag-space);display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}
.af-privacy h2{margin:25px 0;line-height:1.02;font-size:clamp(40px,4.5vw,70px)}
.af-privacy .lede{font-size:16px;max-width:27em}
.af-demo{padding:36px;border:1px solid var(--line-2);border-radius:18px;background:radial-gradient(ellipse at 90% 0,rgba(31,227,111,.04),transparent 70%),#050806;transition:border-color .4s,box-shadow .4s}
.af-demo.is-private{border-color:var(--neon);box-shadow:0 0 35px rgba(31,227,111,.09),inset 0 0 25px rgba(31,227,111,.035)}
.af-demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase}
.af-demo-top img{width:120px;height:auto}
.af-balance-label{font-size:12px;color:var(--ink-2);margin-top:40px}
.af-demo [data-private-balance]{display:block;font:400 clamp(30px,3.5vw,54px)/1.3 var(--mono);letter-spacing:-.05em;color:var(--ink);margin:12px 0}
.af-demo.is-private [data-private-balance]{color:var(--neon-text)}
.af-demo-currency{font:10px/1.8 var(--mono);letter-spacing:.07em;color:var(--mute)}
.af-demo button{margin-top:30px;height:48px;padding-inline:22px;font-size:13px}
.af-demo button svg{width:19px;height:19px}
.af-demo button .af-eye-slash{display:none}
.af-demo.is-private button .af-eye-slash{display:block}
.af-demo-status{min-height:3.2em;font-size:12px;color:var(--ink-2);margin-top:22px}
.af-demo-note{font-size:10px;line-height:1.8;color:var(--mute);border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
@media (min-width:761px) and (max-width:1100px){
  .af-page .ag-hero h1{font-size:7vw}
  .af-left .ag-hero h1{font-size:5.4vw}
  .af-left .ag-hero-media{left:-13%;right:0}
  .af-detail{gap:6%;grid-template-columns:1fr 1.25fr}
  .af-steps summary{gap:12px;grid-template-columns:24px 1fr 18px}
  .af-steps details p{margin-left:36px}
  .af-related-grid{gap:18px}
  .af-related-copy{padding:24px 18px}
  .af-related-card,.af-related-image{min-height:260px}
  .af-privacy{gap:7%}
  .af-demo{padding:26px}
}
@media (max-width:760px){
  .af-page .ag-hero{min-height:0;padding:0 0 42px}
  .af-page .ag-hero h1,.af-left .ag-hero h1{font-size:clamp(43px,9.5vw,70px);max-width:none}
  .af-page .ag-hero .lede{max-width:30em}
  .af-back{margin-bottom:22px;font-size:11px}
  .af-left .ag-hero-copy{padding-left:0}
  .af-left .ag-hero-media{inset:auto}
  .af-left .ag-hero-media img{object-position:9% 10%}
  .af-left .ag-hero-shade{background:linear-gradient(0deg,#000,rgba(0,0,0,.2) 18%,transparent 35%)}
  .af-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-block:12px}
  .af-nav a{font-size:10.5px;min-height:48px;padding:10px 5px}
  .af-detail{grid-template-columns:1fr;gap:40px}
  .af-detail-copy .h-lg{font-size:44px;margin:24px 0}
  .af-detail-copy .lede{font-size:16px}
  .af-steps summary{grid-template-columns:22px 1fr 18px;gap:12px;padding-block:23px}
  .af-steps summary strong{font-size:17px}
  .af-steps details p{margin:0 10px 25px 34px;font-size:14px}
  .af-feature-note{margin-top:-13px;font-size:11px;padding-left:18px}
  .af-related-heading{align-items:flex-start;flex-direction:column;gap:24px;padding-top:44px;margin-bottom:30px}
  .af-related-heading .h-lg{font-size:42px}
  .af-related-grid{grid-template-columns:1fr;gap:24px}
  .af-related-card{grid-template-columns:42% 1fr}
  .af-related-card,.af-related-image{min-height:240px}
  .af-related-copy{padding:25px 18px}
  .af-related-copy h3{font-size:25px}
  .af-related-copy>p{font-size:9px}
  .af-related-copy .ag-text-link{font-size:11px}
  .af-privacy{grid-template-columns:1fr;gap:35px}
  .af-privacy h2{font-size:46px}
  .af-demo{padding:26px 22px}
  .af-demo [data-private-balance]{font-size:clamp(31px,9vw,46px)}
  .af-demo-top img{width:110px}
}
@media (max-width:359px){
  .af-page .ag-hero h1,.af-left .ag-hero h1{font-size:39px}
  .af-related-copy{padding-inline:13px}
  .af-related-copy h3{font-size:22px}
  .af-detail-copy .h-lg{font-size:39px}
}
html.still .af-related-image img{transition:none}
@media (prefers-reduced-motion:reduce){.af-related-image img,.af-demo,.af-step-toggle{transition:none}}
