/* AnaGoat Pro pages (anagoat.com, anagoat.cloud). Needs tokens.css first and <html data-theme="pro">.
   Canonical copy: design-system/pro.css. Each site keeps its own copy in assets/. */
html{color-scheme:dark}
h1,h2{text-wrap:balance}
body{margin:0;background:var(--surface)}
[data-theme="pro"]{--accent:var(--fucsia);--on-accent:var(--on-fucsia)}
[data-accent="menta"]{--accent:var(--menta);--on-accent:var(--on-acento)}
a{color:var(--ink)}
.ag-row-link{transition:background-color .4s ease}
.ag-arrow{transition:transform .4s ease,color .4s ease}
.ag-plan{transition:border-color .3s ease,background-color .3s ease}
@media (hover: hover){
a:hover{color:var(--accent)}
main a:not([class]):hover,footer a:not([class]):hover,header nav a:hover{color:var(--accent) !important}
.ag-row-link:hover{background:var(--surface-raised);color:var(--ink)}
.ag-row-link:hover .ag-arrow{color:var(--accent);transform:translateX(8px)}
.ag-cta:hover{color:var(--on-accent) !important;background:var(--ink) !important}
.ag-ghost:hover{color:var(--on-acento) !important;background:var(--ink) !important;border-color:var(--ink) !important}
.ag-plan:hover{border-color:var(--accent);background:var(--surface-raised);color:var(--ink)}
}
.keep-case{text-transform:none}
/* Section spacing. Each page sets its desktop padding in --pt (top) and --pb (bottom); this caps them on phones. */
.ag-pad{
    --fluid: max(56px, 15vw);
    padding-block: min(var(--pt, 0px), var(--fluid)) min(var(--pb, 0px), var(--fluid));
  }
a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
header nav a{padding:12px 0;margin:-12px 0}
/* Touch: text links get a 44px tap area without changing layout or the focus ring. */
@media (pointer: coarse){main a:not([class]),footer a:not([class]){position:relative}main a:not([class])::after,footer a:not([class])::after{content:"";position:absolute;inset:-12px -4px}}
@keyframes ag-drift-a{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,40px) scale(1.12)}100%{transform:translate(0,0) scale(1)}}
@keyframes ag-drift-b{0%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-50px) scale(.9)}100%{transform:translate(0,0) scale(1)}}
@keyframes ag-drift-c{0%{transform:translate(0,0)}50%{transform:translate(-30px,-70px)}100%{transform:translate(0,0)}}
@keyframes ag-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width: 1320px){.ag-aura{opacity:.35 !important}}
@media (max-width: 1199px){.ag-aura{opacity:.2 !important}}
@media (max-width: 720px){.ag-aura{top:-300px !important;right:-260px !important;width:120% !important}}
@media (max-width: 720px){.ag-row-link,.ag-row{padding-inline:0 !important}}
/* Footer site list: one per line on phones, no dangling separators. */
@media (max-width: 720px){.ag-foot{flex:1 0 100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ag-sep{display:none}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}