/* =============================================================
   AM CORE - Shared design system for all Aim Master pages
   ============================================================= */

/* === TOKENS === */
.am{
  --bg:#08090c;--s1:#0e1015;--s2:#14161d;--s3:#1a1d26;
  --brd:rgba(255,255,255,.06);--brd2:rgba(255,138,29,.25);
  --tx:#eef0f4;--tx2:rgba(238,240,244,.5);
  --ac:#ff8a1d;--ac2:#ffba62;--gr:#3ddc84;
  --r:14px;--w:1200px;--ez:cubic-bezier(.22,.68,0,1);
  min-height:100vh;color:var(--tx);background:var(--bg);
  font-family:'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;position:relative;
}
.am *,.am *::before,.am *::after{box-sizing:border-box}
.am a{color:inherit;text-decoration:none}
.am p,.am h1,.am h2,.am h3,.am h4{margin:0}
.am ul{list-style:none;margin:0;padding:0}

/* dot-grid background */
.am::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:32px 32px;
}

/* === LAYOUT === */
.am-w{width:min(calc(100% - 48px),var(--w));margin:0 auto;position:relative;z-index:1}
.am-sec{position:relative;padding:90px 0}
.am-c{display:flex;justify-content:center;margin-top:32px}

/* === SCROLL REVEAL === */
.am-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ez),transform .6s var(--ez)}
.am-reveal.is-visible{opacity:1;transform:translateY(0)}

/* === NAV === */
.am-nav{position:sticky;top:0;z-index:300;padding:12px 24px}
.am-nav::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(8,9,12,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  transition:background .3s;
}
.am-nav.scrolled::before{background:rgba(8,9,12,.94)}
.am-nav.scrolled{box-shadow:0 1px 0 var(--brd)}
.am-nav::after{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ac),transparent);
}

.am-nav__bar{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:20px;min-height:48px}
.am-nav__logo{display:inline-flex;flex-shrink:0}
.am-nav__logo img{height:36px;width:auto;display:block}

.am-nav__menu{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}
.am-nav__menu a{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--tx2);transition:color .2s;position:relative}
.am-nav__menu a:hover,.am-nav__menu a.is-on{color:var(--tx)}
.am-nav__menu a.is-on::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;
  background:var(--ac);border-radius:2px;
}
.am-nav__end{flex-shrink:0}

.am-nav__ham{
  display:none;flex-direction:column;gap:5px;justify-content:center;
  width:34px;height:34px;padding:6px;background:none;
  border:1px solid var(--brd);border-radius:10px;cursor:pointer;
}
.am-nav__ham span{display:block;width:100%;height:2px;background:var(--tx);border-radius:2px;transition:transform .25s var(--ez),opacity .2s}
.am-nav__ham.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.am-nav__ham.on span:nth-child(2){opacity:0}
.am-nav__ham.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* === BUTTONS === */
.am-b{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 26px;border:none;border-radius:999px;
  font-size:12px;font-weight:800;letter-spacing:.1em;cursor:pointer;white-space:nowrap;
  transition:transform .2s var(--ez),box-shadow .2s,background .2s,border-color .2s;
}
.am-b:hover{transform:translateY(-1px)}
.am-b:active{transform:translateY(0)}
.am-b:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.am-b--glow{background:linear-gradient(135deg,var(--ac2),var(--ac));color:#0a0a0e;box-shadow:0 6px 24px rgba(255,138,29,.2)}
.am-b--glow:hover{box-shadow:0 12px 32px rgba(255,138,29,.32)}
.am-b--ghost{border:1px solid var(--brd);background:transparent;color:var(--tx)}
.am-b--ghost:hover{border-color:var(--brd2);background:rgba(255,255,255,.02)}

/* === TAGS, BADGES, CHIPS === */
.am-tag{display:inline-flex;padding:7px 16px;border-radius:999px;background:rgba(255,138,29,.06);border:1px solid rgba(255,138,29,.14);font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--ac2)}
.am-tag--green{background:rgba(61,220,132,.06);border-color:rgba(61,220,132,.14);color:var(--gr)}
.am-badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em}
.am-badge--orange{background:rgba(255,138,29,.1);color:var(--ac2)}
.am-badge--green{background:rgba(61,220,132,.1);color:var(--gr)}
.am-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--brd);background:rgba(255,255,255,.02);color:var(--tx);font-size:12px;font-weight:700;letter-spacing:.04em}

/* === SECTION HEADING === */
.am-head{text-align:center;max-width:720px;margin:0 auto 48px}
.am-head h2{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin:16px 0 12px}
.am-head h2 span{color:var(--ac)}
.am-head p{font-size:15px;color:var(--tx2);line-height:1.6}

/* === SCOPE RETICLE === */
.am-scope{position:relative;width:520px;height:520px}
.am-scope__ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,138,29,.07);animation:sc-spin 30s linear infinite}
.am-scope__ring--2{inset:60px;border-color:rgba(255,138,29,.05);animation-direction:reverse;animation-duration:22s}
.am-scope__cross::before,.am-scope__cross::after{content:"";position:absolute;background:rgba(255,138,29,.06)}
.am-scope__cross::before{width:1px;height:100%;left:50%;top:0;transform:translateX(-.5px)}
.am-scope__cross::after{height:1px;width:100%;top:50%;left:0;transform:translateY(-.5px)}
.am-scope__dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ac);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(255,138,29,.5),0 0 80px rgba(255,138,29,.15)}
@keyframes sc-spin{to{transform:rotate(360deg)}}

/* === SHARED CTA FLEX ROW === */
.am-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;justify-content:center}

/* === CTA BOX === */
.am-cta-box{text-align:center;padding:60px 40px;border:1px solid var(--brd);border-radius:var(--r);background:var(--s1);position:relative;overflow:hidden}
.am-cta-box::before{content:"";position:absolute;width:280px;height:280px;right:-80px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,29,.08),transparent 70%);pointer-events:none}
.am-cta-box h2{font-size:clamp(26px,3.5vw,42px);font-weight:900;letter-spacing:-.02em;margin:14px 0 10px}
.am-cta-box h2 span{color:var(--ac)}
.am-cta-box p{color:var(--tx2);font-size:15px;line-height:1.6;margin-bottom:26px}

/* === FAQ === */
.am-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.am-faq__i{border:1px solid var(--brd);border-radius:12px;background:var(--s1);overflow:hidden;transition:border-color .2s}
.am-faq__i[open]{border-color:var(--brd2)}
.am-faq__i summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:14px;font-weight:700;color:var(--tx);cursor:pointer;list-style:none;user-select:none}
.am-faq__i summary::-webkit-details-marker{display:none}
.am-faq__i summary::after{content:"+";width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.03);color:var(--tx2);font-size:16px;flex-shrink:0}
.am-faq__i[open] summary::after{content:"\2212";background:rgba(255,138,29,.1);color:var(--ac2)}
.am-faq__i summary:focus-visible{outline:2px solid var(--ac);outline-offset:-2px;border-radius:12px}
.am-faq__i p{padding:0 20px 16px;font-size:14px;color:var(--tx2);line-height:1.6}

/* === FOOTER === */
.am-foot{padding:44px 0 36px;border-top:1px solid var(--brd);position:relative;z-index:1}
.am-foot__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}
.am-foot__brand img{height:32px;width:auto;display:block;margin-bottom:12px}
.am-foot__brand p{font-size:13px;color:var(--tx2);line-height:1.6;max-width:280px}
.am-foot__social{display:flex;gap:12px;margin-top:16px}
.am-foot__social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--brd);color:var(--tx2);transition:border-color .2s,color .2s,background .2s}
.am-foot__social a:hover{border-color:var(--brd2);color:var(--ac);background:rgba(255,138,29,.06)}
.am-foot__social a svg{width:18px;height:18px}
.am-foot__col h4{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--tx);margin-bottom:12px}
.am-foot__col li+li{margin-top:9px}
.am-foot__col a{font-size:13px;color:var(--tx2);transition:color .2s}
.am-foot__col a:hover{color:var(--tx)}
.am-foot__btm{margin-top:32px;padding-top:18px;border-top:1px solid var(--brd);font-size:11px;color:var(--tx2);letter-spacing:.04em}

/* === ACCESSIBILITY === */
@media(prefers-reduced-motion:reduce){
  .am *,.am *::before,.am *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .am-reveal{opacity:1;transform:none}
}

/* === RESPONSIVE === */
@media(max-width:1100px){
  .am-foot__grid{grid-template-columns:1fr 1fr;gap:28px}
  .am-scope{width:380px;height:380px}
}
@media(max-width:960px){
  .am-nav__ham{display:flex}
  .am-nav__bar{flex-wrap:wrap}
  .am-nav__logo{flex:1}
  .am-nav__menu,.am-nav__end{display:none;width:100%;flex-direction:column;gap:4px;padding-top:10px}
  .am-nav__menu.on,.am-nav__end.on{display:flex}
  .am-nav__menu a{padding:12px 0;border-bottom:1px solid var(--brd);font-size:13px;letter-spacing:.08em}
  .am-nav__menu a.is-on::after{display:none}
  .am-nav__end .am-b{width:100%}
}
@media(max-width:640px){
  .am-w{width:min(calc(100% - 28px),var(--w))}
  .am-sec{padding:60px 0}
  .am-foot__grid{grid-template-columns:1fr;gap:24px}
  .am-hero__cta{flex-direction:column}
  .am-hero__cta .am-b{width:100%}
  .am-scope{width:300px;height:300px}
  .am-cta-box{padding:36px 22px}
  .am-c{flex-direction:column}
  .am-c .am-b{width:100%}
}