/* Account guide — shares the homepage's palette, typography and navigation. */
.ag-page{--ag-space:clamp(90px,10vw,160px)}
.ag-page main{overflow:clip}
.ag-page .ag-caption{font-size:12px;line-height:1.7;color:var(--mute)}
.ag-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(720px,100svh,1000px);padding:140px 0 110px}
.ag-hero-media{position:absolute;inset:78px 0 0;z-index:-3;overflow:hidden}
.ag-hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% 0}
.ag-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#000,transparent 25%),linear-gradient(90deg,#000 0%,rgba(0,0,0,.78) 22%,transparent 65%)}
.ag-hero-copy{position:relative;padding-top:20px}
.ag-hero h1{font-size:clamp(64px,7.3vw,116px);font-weight:600;letter-spacing:-.065em;line-height:.98;margin:34px 0 28px;max-width:9em}
.ag-hero h1 em{color:var(--neon-text)}
.ag-hero .lede{max-width:27em;font-size:clamp(16px,1.3vw,19px)}
.ag-hero .cta-row{margin-top:34px}
.ag-hero-note{margin-top:22px;font-size:12px;letter-spacing:.025em;color:var(--mute)}
.ag-hero-index{position:absolute;right:var(--pad);bottom:35px;color:var(--dim);font:10px var(--mono);letter-spacing:.16em}
.ag-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.ag-index a{display:flex;align-items:center;gap:20px;padding:27px 32px;font-size:14px;font-weight:600;transition:background .3s}
.ag-index a:first-child{padding-left:0}
.ag-index a+a{border-left:1px solid var(--line-2)}
.ag-index a:hover{background:rgba(31,227,111,.045)}
.ag-index span{color:var(--neon-text);font:11px var(--mono)}
.ag-index i{font-style:normal;font-size:18px;color:var(--mute);margin-left:auto}
.ag-section{padding-block:var(--ag-space)}
.ag-section-head{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:8%;margin-bottom:70px}
.ag-section-head h2{margin-top:26px;font-size:clamp(48px,6.2vw,100px);line-height:.98}
.ag-section-head>.lede{max-width:25em;margin-bottom:4px}
.ag-rows{border-top:1px solid var(--line-2)}
.ag-row{display:grid;grid-template-columns:1fr 1.45fr 1.8fr 36px;gap:35px;align-items:start;padding:45px 0;border-bottom:1px solid var(--line-2)}
.ag-row-no{padding-top:8px;font:10px/1.8 var(--mono);letter-spacing:.06em;color:var(--mute)}
.ag-row h3{font-size:clamp(26px,2.5vw,38px);line-height:1.15;font-weight:600;letter-spacing:-.04em;transition:color .25s}
.ag-row p{font-size:15px;color:var(--ink-2);max-width:30em;line-height:1.7}
.ag-text-link{display:inline-flex;align-items:center;gap:14px;margin-top:24px;font-size:13px;font-weight:600;color:var(--ink)}
.ag-text-link::after{content:'→';color:var(--neon-text);transition:transform .35s var(--ease)}
.ag-row:hover h3,.ag-control:hover h3{color:var(--neon-text)}
.ag-row:hover .ag-text-link::after,.ag-control:hover .ag-text-link::after{transform:none}
.ag-arrow{font-size:30px;line-height:1;color:var(--neon-text);transition:transform .35s var(--ease)}
.ag-row:hover .ag-arrow{transform:none}
.ag-account>.ag-caption{margin-top:24px}
.ag-controls{padding-block:var(--ag-space);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 100% 0,rgba(31,227,111,.045),transparent 60%),#030504}
.ag-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-2)}
.ag-control{display:flex;flex-direction:column;align-items:flex-start;padding:42px 40px 10px 0;min-width:0}
.ag-control+.ag-control{padding-left:40px;border-left:1px solid var(--line-2)}
.ag-control:last-child{padding-right:0}
.ag-control svg{width:42px;height:42px;stroke:var(--neon-text);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:42px}
.ag-control svg path:not(:first-child){fill:#030504}
.ag-kicker{font:10px/1.7 var(--mono);letter-spacing:.1em;color:var(--mute);margin-bottom:16px}
.ag-control h3{font-size:clamp(26px,2.7vw,40px);letter-spacing:-.045em;line-height:1.08;font-weight:600;margin-bottom:22px;transition:color .25s}
.ag-control>p:not(.ag-kicker){font-size:15px;line-height:1.75;color:var(--ink-2);max-width:25em;margin-bottom:5px}
.ag-control .ag-text-link{margin-top:auto;padding-top:28px}
.ag-support{position:relative;isolation:isolate;min-height:820px;display:grid;align-items:center;margin-top:40px}
.ag-support-media{position:absolute;inset:0 24% 0 0;z-index:-3;overflow:hidden}
.ag-support-media img{height:100%;width:100%;object-fit:cover;object-position:10% 0}
.ag-support-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 33%,rgba(0,0,0,.72) 52%,#000 64%),linear-gradient(0deg,#000,transparent 20%),linear-gradient(180deg,#000,transparent 12%)}
.ag-support-inner{display:flex;justify-content:flex-end;padding-block:90px}
.ag-support-copy{width:49%;padding-left:25px}
.ag-support-copy h2{margin:28px 0;font-size:clamp(44px,4.4vw,72px);line-height:1.02}
.ag-support-copy .lede{font-size:17px;max-width:30em}
.ag-support-list{display:grid;gap:14px;margin:28px 0 35px;font-size:13px;color:var(--ink-2)}
.ag-support-list li{display:flex;gap:14px;align-items:baseline}
.ag-support-list li::before{content:'↗';color:var(--neon-text)}
.ag-support-copy .ag-caption{margin-top:19px}
.ag-questions{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;border-top:1px solid var(--line)}
.ag-questions h2{margin:26px 0 30px;line-height:1.02}
.ag-answers{border-top:1px solid var(--line-2)}
.ag-answers details{border-bottom:1px solid var(--line-2)}
.ag-answers summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 0;font-size:17px;font-weight:600;line-height:1.5;cursor:pointer}
.ag-answers summary::-webkit-details-marker{display:none}
.ag-answers summary span{font-size:27px;font-weight:400;color:var(--neon-text);flex-shrink:0;transition:transform .3s}
.ag-answers details[open] summary span{transform:rotate(45deg)}
.ag-answers details p{padding:0 35px 28px 0;max-width:40em;color:var(--ink-2);font-size:15px;line-height:1.8}
.ag-answers details p a{display:block;color:var(--neon-text);margin-top:14px;font-weight:600}
.ag-closing{padding:clamp(95px,11vw,170px) 0;text-align:center;background:radial-gradient(ellipse at 50% 100%,rgba(31,227,111,.1),transparent 65%);border-top:1px solid var(--line)}
.ag-closing .label,.ag-closing .cta-row{justify-content:center}
.ag-closing h2{font-size:clamp(90px,12vw,180px);margin:36px 0;line-height:.86}
.ag-closing .lede{margin:auto}
.ag-closing .cta-row{margin-top:34px}
.ag-closing .ag-caption{margin-top:25px}
/* Content is visible by default. The observer only starts a short entrance. */
html:not(.still) .ag-enter{animation:ag-rise .85s var(--ease) both}
@keyframes ag-rise{from{opacity:.15;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (min-width:761px) and (max-width:1100px){
  .ag-hero{min-height:760px}
  .ag-hero h1{font-size:8vw}
  .ag-hero .lede{max-width:23em}
  .ag-hero-media{left:0;right:-13%}
  .ag-hero-shade{background:linear-gradient(0deg,#000,transparent 25%),linear-gradient(90deg,#000,rgba(0,0,0,.7) 25%,transparent 75%)}
  .ag-row{grid-template-columns:.8fr 1.2fr 1.5fr 24px;gap:20px}
  .ag-index a{padding-inline:23px;gap:12px;font-size:13px}
  .ag-control{padding-right:25px}
  .ag-control+.ag-control{padding-left:25px}
  .ag-support{min-height:760px}
  .ag-support-copy{padding-left:0;width:51%}
}
@media (max-width:760px){
  .ag-page{--ag-space:76px}
  .ag-hero{min-height:0;display:block;padding:0 0 48px}
  .ag-hero-media{position:relative;inset:auto;height:clamp(360px,112vw,590px);margin-top:64px;z-index:-3}
  .ag-hero-media img{object-position:100% 15%}
  .ag-hero-shade{inset:64px 0 auto;height:clamp(360px,112vw,590px);background:linear-gradient(0deg,#000,rgba(0,0,0,.2) 18%,transparent 35%)}
  .ag-hero-copy{padding-top:0;margin-top:-36px}
  .ag-hero h1{font-size:clamp(48px,9.5vw,72px);letter-spacing:-.06em;margin:24px 0;line-height:1}
  .ag-hero .lede{font-size:16px;max-width:29em}
  .ag-hero .cta-row{gap:22px;margin-top:28px}
  .ag-hero .btn{height:54px;padding-inline:24px;font-size:14px}
  .ag-hero-note{font-size:11px;margin-top:19px}
  .ag-hero-index{display:none}
  .ag-index{grid-template-columns:1fr}
  .ag-index a,.ag-index a:first-child{padding:20px 0;gap:22px;font-size:14px;min-height:64px}
  .ag-index a+a{border-left:0;border-top:1px solid var(--line)}
  .ag-section-head{grid-template-columns:1fr;gap:26px;margin-bottom:40px}
  .ag-section-head h2{font-size:clamp(48px,10vw,70px);margin-top:22px}
  .ag-section-head>.lede{font-size:16px;max-width:30em}
  .ag-row{grid-template-columns:1fr 28px;gap:20px;padding:32px 0}
  .ag-row-no{grid-column:1;padding:0;font-size:10px}
  .ag-row h3{grid-column:1;font-size:31px}
  .ag-row h3 br{display:none}
  .ag-row>div{grid-column:1;max-width:31em}
  .ag-row .ag-arrow{grid-column:2;grid-row:2;font-size:26px}
  .ag-row p{font-size:14px}
  .ag-text-link{margin-top:20px}
  .ag-account>.ag-caption{font-size:11px}
  .ag-control-grid{grid-template-columns:1fr}
  .ag-control,.ag-control+.ag-control,.ag-control:last-child{padding:32px 0;position:relative;border-left:0}
  .ag-control+.ag-control{border-top:1px solid var(--line-2)}
  .ag-control svg{width:34px;height:34px;position:absolute;right:0;top:32px}
  .ag-control .ag-kicker{margin:5px 52px 24px 0}
  .ag-control h3{font-size:34px;margin-bottom:20px}
  .ag-control>p:not(.ag-kicker){max-width:32em;font-size:14px}
  .ag-control .ag-text-link{padding-top:23px}
  .ag-support{display:block;min-height:0;margin-top:20px;padding-bottom:70px}
  .ag-support-media{position:relative;inset:auto;height:clamp(400px,120vw,640px)}
  .ag-support-media img{object-position:8% 10%}
  .ag-support-shade{inset:0 0 auto;height:clamp(400px,120vw,640px);background:linear-gradient(0deg,#000,transparent 28%),linear-gradient(180deg,#000,transparent 9%)}
  .ag-support-inner{display:block;padding-block:0;position:relative;margin-top:-15px}
  .ag-support-copy{width:auto;padding-left:0}
  .ag-support-copy h2{font-size:clamp(39px,8.4vw,62px);margin:25px 0}
  .ag-support-copy .lede{font-size:16px}
  .ag-support-list{font-size:12.5px;gap:13px}
  .ag-support-copy .btn{font-size:14px;padding-inline:23px;height:54px}
  .ag-support-copy .ag-caption{font-size:11px}
  .ag-questions{grid-template-columns:1fr;gap:36px}
  .ag-questions h2{font-size:48px;margin-bottom:25px}
  .ag-answers summary{font-size:15px;padding:22px 0;gap:16px}
  .ag-answers details p{font-size:14px;padding-right:20px}
  .ag-closing{padding-block:80px}
  .ag-closing h2{font-size:clamp(90px,22vw,150px);margin:30px 0}
  .ag-closing .lede{font-size:16px}
  .ag-closing .cta-row{flex-direction:column;gap:24px}
  .ag-closing .btn{font-size:14px;padding-inline:25px;height:58px}
  .ag-closing .ag-caption{font-size:10.5px}
}
@media (max-width:359px){
  .ag-hero .cta-row{align-items:flex-start;flex-direction:column;gap:18px}
  .ag-hero h1{font-size:44px}
  .ag-support-copy h2{font-size:35px}
}
@media (prefers-reduced-motion:reduce){.ag-enter{animation:none!important}}

/* Account controls use the same open index as the account essentials. */
.ag-control-grid{display:block;counter-reset:account-control}
.ag-control-grid .ag-control{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,1.1fr);column-gap:32px;row-gap:16px;padding:34px 0;border:0;border-bottom:1px solid var(--line-2);counter-increment:account-control}
.ag-control-grid .ag-control::before{content:counter(account-control,decimal-leading-zero);grid-column:1;grid-row:1/4;font:400 12px var(--mono);color:var(--mute);padding-top:3px}
.ag-control-grid .ag-kicker{grid-column:2;grid-row:1;margin:0}
.ag-control-grid h3{grid-column:2;grid-row:2/4;margin:0}
.ag-control-grid .ag-control>p:not(.ag-kicker){grid-column:3;grid-row:1/3;margin:0;max-width:34em}
.ag-control-grid .ag-text-link{grid-column:3;grid-row:3;padding:0;margin:0}
@media(max-width:760px){
  .ag-control-grid .ag-control{grid-template-columns:26px minmax(0,1fr);gap:18px;padding:30px 0}
  .ag-control-grid h3{grid-column:2;grid-row:2;margin:0}
  .ag-control-grid .ag-control>p:not(.ag-kicker){grid-column:2;grid-row:3}
  .ag-control-grid .ag-text-link{grid-column:2;grid-row:4}
}
