/* Agom Brain VI: approved pixel Agom, gold / cream / forest green.
   PNG and favicon are exact copies of the desktop/tray assets.
   Run ./sync-brand.ps1 after changing the canonical project artwork. */
:root{
  color-scheme:dark;
  --gold:#f2ba3f;
  --teal:#91bea7;
  --teal-deep:#6eaa8e;
  --blue:#c9b892;
  --ink:#f7efdc;
  --muted:#b1b7a7;
  --line:rgba(247,239,220,.16);
  --panel:rgba(247,239,220,.035);
  --forest:#101b16;
}
body{background:var(--forest)}
::selection{background:var(--gold);color:var(--forest)}
a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
section[id]{scroll-margin-top:100px}
.site-header{background:rgba(16,27,22,.94);gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:var(--ink);white-space:nowrap;letter-spacing:2px}
.brand>picture,.footer-brand>picture{display:block;flex-shrink:0}
.brand-mark{display:block;width:42px;height:42px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.site-nav{gap:20px}
.site-nav .nav-cta,.btn-primary{background:var(--gold);color:var(--forest);border-radius:8px}
.site-nav .nav-cta:hover,.btn-primary:hover{color:var(--forest);box-shadow:0 6px 24px rgba(242,186,63,.22)}
.btn-ghost,.hero-tags span,.orbit-badge{border-radius:8px}
.hero{background:radial-gradient(ellipse at 80% 35%,rgba(242,186,63,.07),transparent 50%),var(--forest)}
.mascot-card{
  width:min(100%,420px);padding:26px 28px 22px;border:1px solid var(--line);border-radius:12px;
  background:linear-gradient(rgba(247,239,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(247,239,220,.035) 1px,transparent 1px),#17271e;
  background-size:24px 24px;animation:none;cursor:default;
}
.mascot-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;image-rendering:auto;border:0;border-radius:0;box-shadow:none}
.mascot-card picture{display:block}
.mascot-caption{position:relative;text-align:center;color:var(--muted);font-size:12px;letter-spacing:2px;margin-top:12px}
.mascot-caption strong{display:block;color:var(--gold);font-size:16px;letter-spacing:3px;margin-bottom:6px}
.mascot-glow{background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(242,186,63,.12),transparent 65%)}
.mascot-shine{display:none}
.orbit-badge{background:#17271e;border-color:rgba(145,190,167,.35);animation:none}
.orbit-badge.b1{left:-2%;top:10%}
.orbit-badge.b2{right:-2%;top:46%;border-color:rgba(242,186,63,.4)}
.orbit-badge.b3{left:0;bottom:20%;border-color:rgba(201,184,146,.35)}
.spark{border-radius:0}
.cap,.arch-diagram,.panel{border-radius:12px}
.contact{background:radial-gradient(ellipse at 20% 15%,rgba(242,186,63,.06),transparent 60%),#17271e}
.product-shot{display:flex;flex-direction:column;justify-content:center;padding:28px;background:#17271e}
.product-shot>picture{display:flex;justify-content:center;width:100%}
.product-shot img{width:100%;max-width:320px;min-height:0;height:auto;aspect-ratio:1;object-fit:contain;align-self:center;image-rendering:pixelated}
.product-shot figcaption{margin-top:18px;padding:18px 0 0;text-align:center;line-height:1.8}
.product-shot figcaption strong{display:block;font-size:17px;letter-spacing:3px;color:var(--gold);margin-bottom:6px}
.contact-panel{background:linear-gradient(145deg,rgba(145,190,167,.09),rgba(247,239,220,.025));width:calc(100% - 64px);max-width:1016px}
.panel .qr-note{font-size:11px;line-height:1.6;margin-top:8px;color:#49564e}
.qr-caption{color:#49564e}
.qr-ring{animation:none}
.site-footer{color:var(--muted);align-items:center;letter-spacing:1px}
.footer-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.footer-brand .brand-mark{width:32px;height:32px}
@media(max-width:1080px){
  .site-header{flex-wrap:wrap;gap:10px;padding:12px 24px}
  .site-nav{flex-wrap:wrap;gap:16px}
}
@media(max-width:900px){
  .hero-grid{gap:44px}
  .mascot-card{max-width:340px}
  .orbit-badge{font-size:11px;padding:6px 10px}
}
@media(max-width:600px){
  .site-header{padding:12px 18px;justify-content:center}
  .brand{font-size:12px}
  .brand-mark{width:36px;height:36px}
  .site-nav{justify-content:center;gap:14px}
  .wrap{padding-left:20px;padding-right:20px}
  .mascot-card{max-width:300px;padding:18px 24px}
  .mascot-caption{font-size:11px;letter-spacing:1px}
  .orbit-badge.b1{top:3%}
  .orbit-badge.b2{top:43%}
  .orbit-badge.b3{bottom:24%}
  .contact-panel{width:calc(100% - 40px);padding:24px}
  .contact-list a{overflow-wrap:anywhere}
  .identity{grid-template-columns:1fr}
  .site-footer{padding:28px 20px;overflow-wrap:anywhere}
  .site-footer>span{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}