/* Matte arcade / LED language across the entire AI page. Fonts are local. */
@font-face{font-family:Pixelify;src:url('assets/pixelify-sans-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Terminal;src:url('assets/vt323.ttf') format('truetype');font-weight:400;font-display:swap}
.ai-page{--acid:#c7ff18;--led-teal:#c7ff18;--led-amber:#c7ff18;--led-blue:#eff0e9;--ai-display:Pixelify,monospace;background:#0c0d0e;color:#d3d5cf;font-family:Terminal,monospace;font-size:23px;text-shadow:0 0 8px #c7ff1820}
.ai-page main{background:linear-gradient(90deg,transparent 3px,#0c0d0e 3px) 0 0/7px 7px,linear-gradient(transparent 3px,#0c0d0e 3px) 0 0/7px 7px,#232527}
.ai-page .ai-header{border-radius:0;background:#151617f5;border:1px solid #393b3c;box-shadow:0 4px 0 #070809;backdrop-filter:none}
.ai-page .brand{font:700 24px/1 Pixelify,monospace;letter-spacing:-1px;color:var(--led-teal);text-shadow:0 0 12px #c7ff1850}
.ai-page .header-nav a{font:20px/1 Terminal,monospace;color:#bfc2bd}.ai-page .world-switch{border-radius:0!important;border-color:#444749!important}
.ai-page h1,.ai-page h2,.ai-page h3,.ai-page .ai-routes strong{font-family:Pixelify,monospace!important;font-weight:700;letter-spacing:-.035em!important;color:var(--led-teal);text-shadow:0 0 3px #c7ff1860,0 0 22px #c7ff1825}
.ai-page .ai-hero h1{font-size:clamp(55px,6.1vw,114px);line-height:1.05;max-width:950px;letter-spacing:-.04em}.ai-page .ai-title-line{color:var(--led-teal);animation:none}.ai-page .ai-title-line:last-child{color:var(--led-amber);text-shadow:0 0 3px #c7ff1850,0 0 22px #c7ff1825}
.ai-page .ai-hero-copy>p:not(.ai-identifier),.ai-page .ai-path-heading p,.ai-page .ai-practice-panel p:not(.ai-practice-step),.ai-page .ai-offer-list p,.ai-page .ai-method p,.ai-page .ai-learn-footer p,.ai-page .ai-for-brands>p{font:clamp(23px,1.8vw,30px)/1.25 Terminal,monospace;color:#c4c7c1;text-shadow:0 0 7px #c7ff1815}
.ai-page .ai-hero-copy>p:not(.ai-identifier){max-width:570px}.ai-page .ai-hero-field{background:none;transform:none}
.ai-page .hero-actions a{border-radius:0;font:22px/1 Terminal,monospace;padding:15px 20px;box-shadow:4px 4px 0 #060708;transition:transform .15s steps(3),box-shadow .15s steps(3)}
.ai-page .action-primary{background:var(--led-teal);color:#11130d;text-shadow:none;border:1px solid var(--led-teal)}.ai-page .action-secondary{color:var(--led-teal);border-color:#4a503d;background:#191c14}
.ai-page .hero-actions a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #060708}
.ai-page .ai-hero-person{position:relative;border:1px solid #383b3c;min-height:480px;background:linear-gradient(90deg,transparent 3px,#101214 3px) 0 0/7px 7px,linear-gradient(transparent 3px,#101214 3px) 0 0/7px 7px,#27292b;overflow:hidden;isolation:isolate}
.ai-page .ai-hero-person::before{content:'PLAYER 01 / JUFU';position:absolute;top:18px;left:18px;width:auto;height:auto;border:0;background:none;border-radius:0;color:var(--led-teal);font:20px/1 Terminal;z-index:3;transform:none}
.ai-page .ai-hero-person::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 5px);pointer-events:none;z-index:2}
.ai-page .ai-hero-person>img{position:relative;z-index:1;filter:grayscale(.35) contrast(1.1);mix-blend-mode:luminosity;max-height:620px;object-fit:contain}
.ai-page .ai-hero-person figcaption{z-index:3;position:relative;background:#121415;padding:16px;font:18px/1.2 Terminal;color:var(--led-teal);border-top:1px solid #383b3c}
.led-signal{position:absolute;inset:45px 5% 5%;width:90%;height:90%;z-index:0;filter:drop-shadow(0 0 7px #c7ff1845);shape-rendering:crispEdges}
.led-signal rect{fill:var(--led-teal)}.led-signal .signal-star{fill:var(--led-amber);animation:signal-step 3s steps(1,end) infinite;animation-delay:calc(var(--i)*-.4s)}
.led-signal .signal-ring{transform-origin:50% 50%;animation:signal-orbit 24s steps(48,end) infinite}
@keyframes signal-step{0%,65%{visibility:visible}66%,100%{visibility:hidden}}@keyframes signal-orbit{to{transform:rotate(360deg)}}
.ai-page .ai-practice-index,.ai-page .ai-hero-foot{font:18px/1.2 Terminal;color:#90968f}.ai-page .ai-practice-index span+span{border-color:#383b3c}
.led-display{--led-color:var(--led-teal);display:inline-flex;align-items:center;max-width:100%;padding:0;border:0;border-radius:0;background:none;color:var(--led-color);text-shadow:none;box-shadow:none}
.led-display--amber{--led-color:var(--led-amber)}.led-display svg{height:14px;max-width:100%;width:auto;overflow:visible;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--led-color) 40%,transparent))}.led-on{fill:var(--led-color)}.led-off{fill:var(--led-color);opacity:.045}
.led-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ai-page .ai-identifier{gap:14px}.ai-page .ai-identifier-mark{border-radius:0;width:32px;height:32px}.led-display--hero svg{height:17px}
.ai-page .ai-practice{background:#0e1011;border-color:#383b3c}.ai-page .ai-practice-panel h2{font-size:clamp(40px,4.6vw,80px);line-height:1.06}.ai-page .ai-practice-step{font:22px/1 Terminal;color:var(--led-amber)}
.ai-page .ai-idea-art{border-left:0;background:radial-gradient(circle,#c7ff1819 1px,transparent 1.5px) 0 0/8px 8px;padding:35px;color:var(--led-amber)}
.ai-page .ai-idea-art>span{font:700 clamp(42px,5vw,90px)/1.1 Pixelify;letter-spacing:-.04em;text-shadow:0 0 20px #c7ff1830}.ai-page .ai-idea-art small{font:22px/1.2 Terminal;color:#aeb3ac}
.ai-page .ai-tool-art{background:#151719;color:var(--led-teal);border:1px solid #454a3c;padding:12px;rotate:0;box-shadow:8px 8px 0 #070809}.ai-page .ai-tool-art>span{font:26px/1 Terminal}.ai-page .ai-method-art{font:700 clamp(32px,4vw,64px)/1 Pixelify;color:var(--led-blue)}
.ai-page .ai-practice-progress{height:5px;background:repeating-linear-gradient(90deg,#34372e 0 4px,transparent 4px 7px)}.ai-page .ai-practice-progress span{background:repeating-linear-gradient(90deg,var(--led-teal) 0 4px,transparent 4px 7px);box-shadow:0 0 10px #c7ff1840}
.ai-page .ai-routes{background:#111315;border-color:#383b3c}.ai-page .ai-routes a{border-color:#383b3c;background:none;counter-increment:route}.ai-page .ai-routes a::before{content:'0' counter(route) ' / SELECT';font:20px/1 Terminal;color:var(--led-amber);margin-bottom:20px}.ai-page .ai-routes a>span:first-child{font:22px/1.2 Terminal;color:#bcc1b7}.ai-page .ai-routes strong{font-size:clamp(32px,3.5vw,60px);max-width:12ch}.ai-page .ai-routes a:hover{background:#1c2017}
.ai-page .section-topline,.ai-page .ai-offer-kind,.ai-page .ai-method span{font:21px/1.2 Terminal;color:var(--led-amber);letter-spacing:0}.ai-page .section-topline{border-color:#383b3c;gap:20px;flex-wrap:wrap}
.ai-page .ai-path-heading h2{font-size:clamp(42px,5.5vw,98px);line-height:1.04}.ai-page .ai-offer-list,.ai-page .ai-method{border-color:#383b3c}.ai-page .ai-offer-list article+article,.ai-page .ai-method>div+div{border-color:#383b3c}
.ai-page .ai-offer-list h3{color:var(--led-amber);text-shadow:0 0 18px #c7ff1820;line-height:1.1}.ai-page .ai-offer-status{border:0;padding:0;margin-top:auto}.ai-page .ai-offer-status svg{height:34px;width:auto;max-width:100%}.ai-page .ai-offer-link,.ai-page .ai-learn-footer a{font:23px/1.2 Terminal;color:var(--led-teal)}
.ai-page .ai-learn-section{background:#111315}.ai-page .ai-method h3{color:var(--led-blue);line-height:1.08;text-shadow:0 0 18px #eff0e920}.ai-page .ai-learn-footer{border-color:#383b3c}
.ai-page .ai-for-brands{background:#0e1011;color:#c4c7c1}.ai-page .ai-for-brands h2{color:var(--led-amber);font-size:clamp(48px,6vw,105px);line-height:1.05;text-shadow:0 0 20px #c7ff1820}.ai-page .ai-service-links,.ai-page .ai-service-links a{border-color:#383b3c}.ai-page .ai-service-links strong{font:30px/1.2 Terminal;color:var(--led-teal)}.ai-page .ai-service-links span{font:22px/1 Terminal;color:var(--led-amber)}
.ai-page .site-footer{background:#0e1011;color:#90968f;border-color:#383b3c;font:20px/1.2 Terminal}.ai-page .site-footer a{color:var(--led-teal)}
.led-character{visibility:hidden}.led-character.is-typed{visibility:visible}.led-character.is-caret::after{content:'';display:inline-block;width:.45em;height:.8em;background:currentColor;box-shadow:0 0 2px #c7ff1830;margin-right:-.45em;animation:led-cursor 1.2s steps(1,end) infinite}
@keyframes led-cursor{0%,55%{visibility:visible}56%,100%{visibility:hidden}}
.ai-page a:focus-visible{outline:2px solid var(--led-amber);outline-offset:6px}
.ai-page .entrance-cursor-ring{border-radius:0!important;border-color:var(--led-teal)!important;box-shadow:0 0 10px #c7ff1830!important}.ai-page .entrance-cursor-ring svg{filter:drop-shadow(0 0 3px #c7ff1860)}
@media(max-width:760px){.ai-page .brand{font-size:20px}.ai-page .header-nav a{font-size:18px}.ai-page .ai-hero h1{font-size:clamp(40px,10.8vw,72px)}.led-display--hero svg{height:12px}.ai-page .ai-hero-copy>p:not(.ai-identifier),.ai-page .ai-path-heading p,.ai-page .ai-practice-panel p:not(.ai-practice-step),.ai-page .ai-offer-list p,.ai-page .ai-method p,.ai-page .ai-learn-footer p,.ai-page .ai-for-brands>p{font-size:23px}.ai-page .ai-hero-person{min-height:330px}.ai-page .ai-practice-panel h2{font-size:clamp(30px,8vw,48px)}.ai-page .ai-practice-step{font-size:18px}.ai-page .ai-practice-panel p:not(.ai-practice-step){font-size:20px;line-height:1.15;margin:12px 0}.ai-page .ai-idea-art{padding:15px}.ai-page .ai-idea-art>span{font-size:36px}.ai-page .ai-idea-art small{font-size:18px;margin-top:15px}.ai-page .ai-tool-art{width:80%}.ai-page .ai-tool-art>span{font-size:22px}.ai-page .ai-method-art{font-size:26px}.ai-page .ai-routes strong{font-size:36px}.ai-page .ai-path-heading h2{font-size:42px}.ai-page .ai-for-brands h2{font-size:46px}.ai-page .section-topline{font-size:19px}.led-display svg{height:11px}.ai-page .ai-offer-status svg{height:30px}.ai-page .ai-learn-footer{align-items:start}.ai-page .ai-hero-foot{font-size:16px}}
@media(prefers-reduced-motion:reduce){.led-signal *,.led-character.is-caret::after{animation:none!important}.led-character{visibility:visible}.led-character.is-caret::after{display:none}}
/* Keep the LED field behind the subject and the player caption below it. */
.ai-page .ai-hero{background:transparent}
.ai-page .ai-title-line:last-child,.ai-page .ai-title-line:last-child span{color:var(--led-amber)}
.ai-page .ai-hero-person{display:flex;flex-direction:column;justify-content:end;align-items:center}
.ai-page .ai-hero-person::before{inset:auto;top:18px;left:18px;box-shadow:none}
.ai-page .ai-hero-person>img{mix-blend-mode:normal;mask-image:none;width:100%}
.ai-page .ai-hero-person figcaption{left:auto;right:auto;bottom:auto;flex:0 0 auto;width:100%;letter-spacing:0;gap:12px}
.ai-page .ai-for-brands .section-topline{color:var(--led-amber);border-color:#383b3c}
@media(max-width:760px){.ai-page .ai-hero-person{max-height:none}.ai-page .ai-hero-person figcaption{font-size:16px;padding:12px}.ai-page .ai-hero-person::before{font-size:18px}}
@media(max-width:760px){.ai-page .ai-offer-list h3{font-size:clamp(28px,8.5vw,44px)}.ai-page .ai-path-heading>*,.ai-page .ai-offer-list article{min-width:0}}

/* Neutral off-pixel matrices continue through each matte chapter. */
.ai-page .ai-practice,.ai-page .ai-routes,.ai-page .ai-learn-section,.ai-page .ai-for-brands{background-image:linear-gradient(90deg,transparent 3px,#0e1011 3px),linear-gradient(transparent 3px,#0e1011 3px);background-size:7px 7px;background-color:#202224}
.ai-page .ai-title-line:first-child,.ai-page .ai-title-line:first-child span{color:#eff0e9;text-shadow:0 0 12px #eff0e920}
.led-off{fill:#4b4e45;opacity:.4}
/* Directional pointer keeps its original rotation, without the old box. */
.ai-page .entrance-cursor-ring,.ai-page .entrance-cursor.is-action .entrance-cursor-ring{top:-2px;left:-15px;width:30px;height:33px;transform:rotate(var(--cursor-angle,0deg))!important;scale:1;border:0!important;background:none!important;box-shadow:none!important;transition:none}
.ai-page .entrance-cursor-ring svg,.ai-page .entrance-cursor.is-on-bright .entrance-cursor-ring svg{filter:drop-shadow(0 0 2px #c7ff1840)}
.ai-page .entrance-cursor-label,.ai-page .entrance-cursor-core,.ai-page .ai-cursor-trail{display:none!important}
.ai-page main>section{position:relative;isolation:isolate}
.led-background-trail{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.led-banner-glyph{--led-color:currentColor;display:inline-block;width:.54em;height:.7em;vertical-align:baseline;shape-rendering:crispEdges;overflow:visible;filter:none}
.led-banner-glyph .led-off{fill:#343633;opacity:.22}
.ai-page .ai-hero h1{line-height:1.12;text-shadow:none}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.led-background-trail{display:none}}

.ai-page .cursor-triangle-keyline{fill:#10120e;stroke:#10120e;stroke-width:3}
.ai-page .cursor-triangle-face{fill:#161b0e;stroke:#c7ff18;stroke-width:2;stroke-linejoin:round}
.ai-page .ai-title-line,.ai-page .ai-title-line span{ text-shadow:none!important }