/* Aplike kinetic system v16 — post-page CSS, never alters content visibility by default. */
:root{--apx-brand-gold:#FFD700;--apx-brand-red-glow:#ff2c4f;}
.apx-site{--apx-gold:var(--apx-brand-gold);--apx-rose:var(--apx-brand-red-glow);--apx-pointer-x:50vw;--apx-pointer-y:50vh}

/* Reading progress MUST sit at the lower edge of the sticky header. */

/* Fixed, clearly readable progress navigation, FDS-style but Aplike colored. */

/* One round top button, following the viewport rather than the footer. */

/* Visible cursor: natural browser pointer remains in place for usability. */
.apx-site .apx-cursor-halo{width:370px;height:370px;
  mix-blend-mode:screen;transition:opacity .3s;pointer-events:none;
}
.apx-site .apx-cursor-dot{position:fixed;z-index:236;top:0;left:0;width:9px;height:9px;
  transform:translate3d(calc(var(--apx-pointer-x) - 50%),calc(var(--apx-pointer-y) - 50%),0);
  background:#FFD700;border:1px solid #fff6;border-radius:50%;box-shadow:0 0 14px #ff0000,0 0 22px #FFD700;
  opacity:0;pointer-events:none;transition:opacity .25s;
}
.apx-site.apx-pointer-active .apx-cursor-dot{opacity:.88}

.apx-site [data-apx-scene]>.apx-container,
.apx-site [data-apx-scene]>.apx-contact-scene__grid{position:relative;z-index:1}
@keyframes apxKineticOrbit{to{rotate:360deg}}

/* v208: animated circular/circuit geometry is painted once in the
 * global viewport canvas. No clipping mask or region-owned art remains. */

/* Microcopy is editable in /admin/appearance/settings/aplike. */
.apx-site .apx-tech-note{display:inline-flex;align-items:center;gap:12px;margin-top:27px;
  padding:8px 8px 8px 15px;max-width:min(100%,560px);border:1px solid #FFD70055;border-radius:999px;
  background:linear-gradient(95deg,#1e2537e8,#101d2ce6);box-shadow:inset 0 1px #ffffff18,0 10px 34px #0005;
  color:#FFE588;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;
}
.apx-site .apx-tech-note__dash{width:17px;height:2px;flex:none;background:#ff0000;box-shadow:0 0 13px #ff0000}
.apx-site .apx-tech-note__trigger{display:grid;place-items:center;flex:none;border:1px solid #FFD70099;
  width:32px;height:32px;border-radius:50%;background:#FFD70013;color:#FFD700;}
.apx-site .apx-tech-note__trigger:hover,.apx-site .apx-tech-note__trigger[aria-pressed="true"]{
  background:#FFD700;color:#121c2d;box-shadow:0 0 30px #FFD70077;transform:rotate(135deg)
}
.apx-site .apx-hero.apx-reactor-on :is(.apx-hero__orb,.apx-hero__orbit){animation-duration:4s}
.apx-site .apx-hero.apx-reactor-on .apx-hero__node{animation:apxReactorNode 1s ease-in-out infinite alternate}
@keyframes apxReactorNode{to{filter:brightness(2.2);scale:1.3}}
.apx-site .apx-editorial-signal{position:relative;display:flex;align-items:center;gap:11px;
  color:#FFD700;font-size:clamp(12px,1.05vw,15px);line-height:1.55;
  letter-spacing:.025em;font-weight:650;margin:18px 0 0;max-width:560px}
.apx-site .apx-editorial-signal::before{content:"✳";color:#ff3850;font-size:22px;font-weight:400;
  animation:apxKineticOrbit 18s linear infinite;display:inline-block;flex:none}

/* Gloss and pointer response; don't change the DOM or collapse any article sections. */
.apx-site :is(.apx-chapter,.apx-extended-section,.apx-contact-scene__card){
  position:relative;isolation:isolate;transition:translate 1.25s cubic-bezier(.16,.81,.2,1),transform 1.25s cubic-bezier(.16,.81,.2,1),border-color 1.25s,box-shadow 1.25s;
}
.apx-site :is(.apx-chapter,.apx-extended-section,.apx-contact-scene__card)::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(350px circle at var(--mx,68%) var(--my,24%),#ffd7001c,#ff30300a 40%,transparent 72%);
  opacity:.7;transition:opacity 1.15s;
}
@media(hover:hover) and (pointer:fine){
 .apx-site :is(.apx-chapter,.apx-extended-section,.apx-contact-scene__card):hover{translate:none;
   border-color:#FFD7007a;box-shadow:0 18px 48px #0005,inset 0 1px #ffffff25}
 .apx-site :is(.apx-chapter,.apx-extended-section,.apx-contact-scene__card):hover::after{opacity:1}
 .apx-site :is(.apx-chapter,.apx-extended-section,.apx-page-body) li:not(.page-toc *):not(.contextual *):hover{
   background:linear-gradient(90deg,#FFD7000f,#70ffea08,transparent)}
 .apx-site :is(.apx-chapter,.apx-extended-section,.apx-page-body) li:not(.page-toc *):not(.contextual *):hover::before{background-color:#FFD700;box-shadow:0 0 17px #FFD7008f}
}
/* Standard content text remains completely readable without JS or motion preferences. */
.apx-site .apx-prose :is(li,p,h2,h3){opacity:1;visibility:visible}

/* Stronger brand red/gold accents on all primary commercial areas. */
.apx-site .apx-mark{color:#FFD700}
.apx-site .apx-blink{background:#ff0000;box-shadow:0 0 19px #ff0000}
.apx-site .apx-button--primary{background:#FFD700;color:#131b22}
.apx-site .apx-button--primary:hover{background:#ffeb73;box-shadow:0 10px 28px #FFD70066}
.apx-site .apx-header__cta{border-color:#ff0000;color:#ff6464}
.apx-site .apx-header__cta:hover{background:#ff0000;color:#fff;box-shadow:0 0 25px #ff000080}
.apx-site .apx-nav nav>ul>li:last-child>a{border-color:#FFD700;color:#FFD700}
.apx-site .apx-nav nav>ul>li:last-child>a:hover{background:#FFD700;color:#171e27}
.apx-site .apx-contact-scene__line{background:linear-gradient(90deg,#ff0000,#FFD700,#76ffe7)}

@media(max-width:900px){

 .apx-site .apx-editorial-signal{font-size:12px}
}
@media(max-width:420px){

 .apx-site .apx-tech-note{font-size:9px;letter-spacing:.035em;gap:7px}
}
@media(hover:none),(pointer:coarse){.apx-site .apx-cursor-halo,.apx-site .apx-cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){
 
 .apx-site .apx-cursor-halo,.apx-site .apx-cursor-dot{display:none}
}

.apx-site .apx-offer-microcopy{display:block;color:#7c3213;font-size:11px;font-weight:800;line-height:1.6;letter-spacing:.06em;margin-top:18px}

/* Baseline of the progress bar remains visible even before the first scroll. */

/* v22: one transform owner for content lists, excluding navigation and TOC entries. */

/* A single neutral top button with a bold yellow arrow. No competing red layers. */

@media(prefers-reduced-motion:reduce) {
 .apx-site :is(.apx-prose,.apx-chapter,.apx-extended-section,.apx-hub-main-card,.apx-article-chapter,.apx-front-overview__copy,.apx-front-company__text,.apx-front-reason,.apx-price-section--editorial,.apx-contact-card) :is(ul,ol)>li {transition:none;transform:none}
}