/* A compact contact route keeps the opening composition and section order intact. */
.contact-shortcut {
  position: fixed;
  top: max(20px, env(safe-area-inset-top));
  right: max(24px, env(safe-area-inset-right));
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #29445c;
  border-radius: 999px;
  background: #06101e;
  color: #eaf1fa;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease;
}
.contact-shortcut:hover { color: #75d6ff; border-color: #5186b1; }
.contact-shortcut[hidden] { display: none; }
.contact-shortcut:focus-visible { outline: 2px solid #75d6ff; outline-offset: 4px; }
.hub-core > picture { display: block; }
#medai-merkez:focus { outline: none; }
/* Section navigation retains focus without drawing page-wide divider lines. */
body[data-flow="true"] :is(.flow-section, .story-step, #intro-scroll, #icerik)[tabindex="-1"]:focus {
  outline: none;
}
@media (max-width: 600px) {
  .contact-shortcut { top: max(12px, env(safe-area-inset-top)); right: 16px; padding: 8px 14px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .contact-shortcut { transition: none; } }
/* Quiet off-white icons let the blue brain remain the visual focus. */
.hub-node-icon { stroke: currentColor; }
@media (forced-colors: active) { .hub-node-icon { stroke: CanvasText; } }
/* Compact electric-blue highlights share the icon palette. Existing routes,
   animation timing and reduced-motion behavior remain in brain-signals.css. */
.brain-head { stroke: #83b0ff; stroke-width: 6; }
.brain-route-response { stroke: #4b8cff; stroke-width: 6; }
.brain-contact-core { fill: #83b0ff; }
.hub-connections { stroke: #1764ef; }
.hub-connections > path.is-active:not(.hub-connection-signal) {
  opacity: .6;
  stroke-width: 1.8;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  transition: opacity .3s ease, stroke-dashoffset .55s ease-out;
}
.hub-connections > .hub-connection-signal { stroke: #83b0ff; stroke-width: 3.4; }
@media (prefers-reduced-motion: reduce) {
  .hub-connections > path.is-active:not(.hub-connection-signal) { opacity: .5; transition: none; }
}
/* Circuit trails stay masked to the artwork; bright moving cores can glow
   around those same routes, within the outer brain silhouette. */
:is(.brain-route,.brain-route-addition)[data-side=right] .brain-trail {
  stroke: #1764ef;
  stroke-width: 7;
  stroke-dasharray: .20 .30;
  animation-name: brain-current;
  animation-duration: calc(var(--signal-duration, 5s) * .4);
  opacity: 1;
}
:is(.brain-route,.brain-route-addition)[data-side=right] .brain-head {
  stroke: #83b0ff;
  stroke-width: 9;
  stroke-dasharray: .055 .445;
  filter: drop-shadow(0 0 6px #1764ef);
  animation-name: brain-digital-head;
  animation-duration: calc(var(--signal-duration, 5s) * .4);
  opacity: 1;
}
@keyframes brain-digital-head {
  from { stroke-dashoffset: -.145; }
  to { stroke-dashoffset: -1.145; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.brain-route,.brain-route-addition)[data-side] .brain-trail,
  :is(.brain-route,.brain-route-addition)[data-side] .brain-head { animation: none; opacity: 0; }
}
/* Short landscape phones retain the centered motto and all six destinations. */
@media (max-width: 600px) and (max-height: 560px) {
  .intro-reveal.hub-reveal { padding: 20px 16px 16px; }
  .hub-presentation { gap: 4px; }
  .hub-presentation .hub-motto { font-size: 26px; line-height: 1.06; }
  .workspace-hub { width: min(100%, 480px); }
  .hub-node { width: 84px; height: 40px; font-size: 10px; padding: 2px; gap: 4px; }
  .hub-icon-motion { width: 18px; height: 18px; }
  .hub-report, .hub-finance { left: 80%; }
  .hub-competition, .hub-analysis { left: 20%; }
}

/* Readable contact notes and a restrained page ending. */
.contact-panel .field-hint,.contact-panel .form-disclosure{font-size:13px;line-height:1.65}
.contact-direct{margin:12px 0;font-size:16px}
.contact-direct a{color:#83baff;text-decoration:underline;text-underline-offset:4px}
.public-footer{position:relative;z-index:1;padding:28px 0 36px;background:rgba(1,4,11,.65)}
.public-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;padding-right:52px;font-size:13px;line-height:1.7;color:var(--muted)}
.public-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.public-footer a:hover{color:#eaf1fa}
.motion-control{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:12;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #34516a;border-radius:50%;background:#07101e;color:#c6d5e3;font-size:20px;line-height:1}
.motion-control:hover{color:#fff;border-color:#83baff}
.motion-control:focus-visible{outline:2px solid #83baff;outline-offset:4px}
.motion-control:disabled{color:#93a7bd;cursor:default}
.motion-play{display:none;font-size:13px}
.motion-control[aria-pressed=true] .motion-pause{display:none}
.motion-control[aria-pressed=true] .motion-play{display:inline}
html[data-motion-paused=true]{scroll-behavior:auto}
html[data-motion-paused=true] .hub-icon-motion,
html[data-motion-paused=true] .intro-arrow svg,
html[data-motion-paused=true] .brain-neural-svg *,
html[data-motion-paused=true] .hub-connection-signal{animation-play-state:paused!important}
html[data-motion-paused=true] .hub-node,
html[data-motion-paused=true] .hub-node-icon,
html[data-motion-paused=true] .hub-connections path{transition:none!important}
html[data-motion-paused=true] .hub-node-icon{transform:none!important}
.intro-scroll.intro-static{height:100vh;height:100svh}
.intro-static .intro-stage{position:relative}
.intro-static .intro-reveal{opacity:1}
.intro-static .intro-fallback,.intro-static #intro-canvas,.intro-static .intro-bottom{display:none}
.intro-static .hub-icon-motion,.intro-static .brain-neural-svg *,
.intro-static .hub-connection-signal{animation:none!important}
@media(max-width:650px){.public-footer-inner{align-items:flex-start;flex-direction:column;gap:10px}}

/* 29.10.2026: footer social links, matching the approved contact-card alignment. */
body[data-page="index"] .public-footer .footer-socials{display:inline-flex;align-items:center;gap:2px;margin-left:10px;flex:none}
body[data-page="index"] .public-footer .footer-social-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;flex:none;color:inherit;text-decoration:none;border-radius:4px}
body[data-page="index"] .public-footer .footer-social-icon svg{display:block;width:19px;height:19px}
body[data-page="index"] .public-footer a.footer-social-icon:hover{color:#eaf1fa;background:rgba(255,255,255,.06)}
body[data-page="index"] .public-footer .footer-social-icon:focus-visible{outline:1px solid currentColor;outline-offset:2px}
body[data-page="index"] .public-footer .footer-social-pending{cursor:default}
body[data-page="index"] .public-footer .footer-social-status{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:3px 7px;border-radius:4px;white-space:nowrap;background:#111a25;color:#fff;font-size:11px;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none}
body[data-page="index"] .public-footer .footer-social-pending:hover .footer-social-status,body[data-page="index"] .public-footer .footer-social-pending:focus .footer-social-status{opacity:1;visibility:visible}
@media(max-width:650px){body[data-page="index"] .public-footer .footer-socials{margin-left:0}}

/* Center the complete footer navigation (text links + icons) beneath the contact card. */
body[data-page="index"] .public-footer-inner{padding-right:0}
body[data-page="index"] .public-footer .footer-contact-links{display:inline-flex;align-items:center;gap:12px}
@media(min-width:901px){
  body[data-page="index"] .public-footer-inner{display:grid;grid-template-columns:minmax(0,1fr) calc(100% / 3 - 33px)}
  body[data-page="index"] .public-footer nav{justify-self:center;justify-content:center;flex-wrap:nowrap;width:max-content;margin:0}
}
@media(min-width:901px) and (max-width:1100px){
  body[data-page="index"] .public-footer-inner{grid-template-columns:minmax(0,1fr) calc(100% / 3 - 25px)}
}
@media(max-width:900px){
  body[data-page="index"] .public-footer-inner{max-width:600px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
  body[data-page="index"] .public-footer nav{width:100%;max-width:450px;justify-content:center;gap:12px}
  body[data-page="index"] .public-footer .footer-socials{margin-left:0}
}

/* 02.11.2026: approved phone footer, centered across three rows. */
@media(max-width:650px){
  body[data-page="index"] .public-footer-inner{align-items:center;gap:16px}
  body[data-page="index"] .public-footer nav{flex-direction:column;align-items:center;gap:12px}
  body[data-page="index"] .public-footer .footer-socials{order:-1;margin-left:0}
  body[data-page="index"] .public-footer-inner>p{order:1;width:100%;text-align:center;margin:0}
}