/* /app guide screen (js/app-guide.js, 2026-10-12). While it is open the tools strip and the tools are hidden. */
body.arx-guide-on .top-chrome,
body.arx-guide-on .shell>.main{display:none!important}
.agd{--agd-line:rgba(110,170,255,.18);--agd-muted:rgba(214,229,250,.7);--agd-grad:linear-gradient(135deg,#1fc9f1,#8a7dff);
  display:grid;gap:34px;width:min(100% - 2 * var(--site-gutter,24px),1320px);margin:26px auto 56px;color:#e9f3ff;font-family:Montserrat,system-ui,sans-serif;outline:none}
.agd *{box-sizing:border-box}

/* hero */
.agd-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;padding:34px 36px;
  border:1px solid rgba(111,227,255,.26);border-radius:26px;overflow:hidden;
  background:radial-gradient(70% 120% at 0% 0%,rgba(31,201,241,.16),transparent 60%),radial-gradient(60% 110% at 100% 100%,rgba(138,125,255,.2),transparent 60%),
    linear-gradient(160deg,rgba(12,22,52,.95),rgba(4,8,22,.98))}
.agd-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--agd-grad)}
.agd-hero__text{display:grid;gap:14px;justify-items:start}
.agd-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(31,201,241,.12);color:#9ff0ff;
  font:800 11.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.agd-title{margin:0;font:900 clamp(30px,3.4vw,46px)/1.08 Montserrat,system-ui,sans-serif;color:#fff;letter-spacing:-.01em}
.agd-lead{margin:0;max-width:640px;color:var(--agd-muted);font:500 16px/1.6 Montserrat,system-ui,sans-serif}
.agd-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border:0;border-radius:16px;cursor:pointer;
  background:var(--agd-grad);color:#04121c;font:800 16px/1 Montserrat,system-ui,sans-serif;box-shadow:0 14px 34px rgba(31,201,241,.3);transition:transform .15s,box-shadow .15s}
.agd-go::after{content:"→";font-size:19px}
.agd-go:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(31,201,241,.4)}
.agd-go:focus-visible,.agd-wizard:focus-visible,.agd-card__open:focus-visible,.agd-more__item:focus-visible{outline:2px solid #7fe9ff;outline-offset:3px}
.agd-go--hero{margin-top:6px}
.agd-how{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.agd-how li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--agd-line);border-radius:16px;background:rgba(4,10,26,.55)}
.agd-how__n{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--agd-grad);color:#04121c;font:900 16px/1 Montserrat,system-ui,sans-serif}
.agd-how__body{display:grid;gap:3px}
.agd-how__body b{font:700 15px/1.3 Montserrat,system-ui,sans-serif;color:#fff}
.agd-how__body small{color:var(--agd-muted);font:500 13px/1.45 Montserrat,system-ui,sans-serif}

/* sections */
.agd-section{display:grid;gap:16px}
.agd-section__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.agd-section__head h2{margin:0;font:800 24px/1.2 Montserrat,system-ui,sans-serif;color:#fff}
.agd-section__head p{margin:0;color:var(--agd-muted);font:500 14px/1.5 Montserrat,system-ui,sans-serif}
.agd-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;
  background:linear-gradient(135deg,rgba(31,201,241,.22),rgba(138,125,255,.28));box-shadow:inset 0 0 0 1px rgba(127,233,255,.3)}
.agd-icon::after{content:"";width:24px;height:24px;background:linear-gradient(135deg,#7fe9ff,#c4b8ff);
  -webkit-mask:var(--agd-icon) center/contain no-repeat;mask:var(--agd-icon) center/contain no-repeat}

/* main tools */
.agd-main{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.agd-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px 18px 18px;border:1px solid var(--agd-line);border-radius:20px;
  background:linear-gradient(170deg,rgba(14,26,60,.9),rgba(5,10,26,.94));transition:border-color .15s,transform .15s}
.agd-card:hover{border-color:rgba(111,227,255,.45);transform:translateY(-2px)}
.agd-card--process{border-color:rgba(111,227,255,.45);background:linear-gradient(170deg,rgba(18,40,78,.95),rgba(5,10,26,.95))}
.agd-card__top{display:flex;align-items:center;gap:12px}
.agd-card__names{display:grid;gap:5px;min-width:0}
.agd-card__names h3{margin:0;font:800 17px/1.2 Montserrat,system-ui,sans-serif;color:#fff}
.agd-card__tag{justify-self:start;padding:3px 9px;border-radius:999px;background:rgba(31,201,241,.13);color:#aef3ff;font:700 11px/1.3 Montserrat,system-ui,sans-serif}
.agd-card__what{flex:1;margin:0;color:rgba(226,238,255,.82);font:500 13.5px/1.55 Montserrat,system-ui,sans-serif}
.agd-card__facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin:0;padding:12px 0 0;border-top:1px solid var(--agd-line)}
.agd-card__facts dt{color:#7fe9ff;font:700 11.5px/1.4 Montserrat,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.agd-card__facts dd{margin:0;color:#e9f3ff;font:600 12.5px/1.4 Montserrat,system-ui,sans-serif}
.agd-card__open{min-height:44px;border:1px solid rgba(111,227,255,.45);border-radius:12px;background:rgba(31,201,241,.1);color:#dff6ff;cursor:pointer;
  font:700 14px/1 Montserrat,system-ui,sans-serif;transition:background .15s}
.agd-card__open:hover{background:rgba(31,201,241,.22)}
.agd-card--process .agd-card__open{border:0;background:var(--agd-grad);color:#04121c}

/* extras */
.agd-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.agd-more__item{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px;border:1px solid var(--agd-line);border-radius:16px;
  background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.agd-more__item:hover{border-color:rgba(111,227,255,.45);background:rgba(31,201,241,.07)}
.agd-more__item .agd-icon{width:40px;height:40px;border-radius:12px}
.agd-more__item .agd-icon::after{width:20px;height:20px}
.agd-more__body{display:grid;gap:3px;min-width:0}
.agd-more__body b{font:700 14px/1.25 Montserrat,system-ui,sans-serif;color:#fff}
.agd-more__body small{color:var(--agd-muted);font:500 12px/1.4 Montserrat,system-ui,sans-serif}
.agd-note{margin:0;color:var(--agd-muted);font:500 13px/1.5 Montserrat,system-ui,sans-serif}

/* footer */
.agd-foot{display:grid;justify-items:center;gap:14px;padding:28px 20px;border:1px solid var(--agd-line);border-radius:24px;text-align:center;
  background:linear-gradient(135deg,rgba(31,201,241,.08),rgba(138,125,255,.1))}
.agd-free{margin:0;max-width:720px;color:rgba(226,238,255,.86);font:600 14.5px/1.55 Montserrat,system-ui,sans-serif}
.agd-foot__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.agd-foot .agd-go{min-height:58px;padding:0 40px;font-size:17px}
.agd-wizard{min-height:58px;padding:0 22px;border:1px solid var(--agd-line);border-radius:16px;background:rgba(255,255,255,.05);color:#e9f3ff;cursor:pointer;
  font:700 14.5px/1 Montserrat,system-ui,sans-serif}
.agd-wizard:hover{background:rgba(255,255,255,.1)}
.agd-hide{display:inline-flex;align-items:center;gap:10px;color:var(--agd-muted);font:600 13.5px/1.3 Montserrat,system-ui,sans-serif;cursor:pointer}
.agd-reopen{margin:0;color:rgba(214,229,250,.52);font:500 12.5px/1.45 Montserrat,system-ui,sans-serif}

@media (max-width:1280px){.agd-main{grid-template-columns:repeat(3,minmax(0,1fr))}.agd-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.agd-hero{grid-template-columns:1fr;padding:26px 22px}}
@media (max-width:760px){
  .agd{gap:26px;margin-top:16px;width:calc(100% - 32px)}
  .agd-main{grid-template-columns:1fr}
  .agd-more{grid-template-columns:1fr}
  .agd-lead{font-size:15px}
  .agd-go,.agd-foot .agd-go,.agd-wizard{width:100%}
  .agd-foot__actions{width:100%}
}
@media (prefers-reduced-motion:reduce){.agd-go,.agd-card{transition:none}}
