/**
 * Alonivo · AI Voice Platform
 * Design tokens
 */
:root{--alonivo-primary: #095174;--alonivo-primary-rgb: 9, 81, 116;--alonivo-secondary: #009595;--alonivo-secondary-rgb: 0, 149, 149;--alonivo-success: #2fa46e;--alonivo-success-rgb: 47, 164, 110;--alonivo-lifetime-mark: #c08a1e;--alonivo-lifetime-ink: #7a5407;--alonivo-font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--alonivo-font-display: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", "Inter", system-ui, sans-serif;--alonivo-font-size-base: 1rem;--alonivo-body-color: #46586b;--alonivo-heading-color: #11334d;--alonivo-muted-color: #64748b;--alonivo-body-bg: #f7f9fb;--alonivo-surface-bg: #ffffff;--alonivo-border-color: #e6edf3;--alonivo-chrome-bg: color-mix(in srgb, var(--alonivo-primary) 24%, #040a12);--alonivo-chrome-bg-deep: color-mix(in srgb, var(--alonivo-primary) 16%, #02060c);--alonivo-chrome-color: #eaf1f7;--alonivo-chrome-muted: #92a5bb;--alonivo-chrome-border: rgba(234, 241, 247, .08);--alonivo-radius: .625rem}[data-bs-theme=dark]{--alonivo-body-color: #c8cdd6;--alonivo-heading-color: #e8eaee;--alonivo-muted-color: #8b93a1;--alonivo-body-bg: #0e141c;--alonivo-surface-bg: #151d27;--alonivo-border-color: #263140;--alonivo-lifetime-mark: #d8a63f;--alonivo-lifetime-ink: #e3b96a;--alonivo-primary-text: color-mix(in srgb, var(--alonivo-primary) 50%, white);--alonivo-secondary-text: color-mix(in srgb, var(--alonivo-secondary) 55%, white)}

/**
 * Alonivo · AI Voice Platform
 * Stage layout & typography
 */
.stage-page,.stage-page *,.stage-page *:before,.stage-page *:after{box-sizing:border-box}html[data-stage-mode] body{overflow-y:auto}.stage-page{--stage: var(--alonivo-body-bg);--stage-lift: var(--alonivo-surface-bg);--steel-text: var(--alonivo-primary-text);--signal-text: var(--alonivo-secondary-text);--measure: min(34rem, 86vw);min-block-size:100dvh;overflow-x:hidden;background-color:var(--stage);color:var(--alonivo-body-color)}.stage-ground{position:fixed;inset:0;z-index:0;background-color:var(--stage-lift);background-image:radial-gradient(102% 88% at 50% 42%,#0e141c00 0% 58%,#0e141c9e 86%,#0e141cf5)}.stage-field{position:fixed;inset:0;z-index:1;will-change:transform}.stage-layer{position:absolute;inset:0;will-change:transform,opacity}.stage-layer canvas{position:absolute;inset:0;inline-size:100%;block-size:100%}.stage-layer-far{filter:blur(1.7px)}.stage-layer-mid{filter:blur(.55px)}.stage-haze{position:fixed;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(50% 40% at 50% 46%,#0e141c57,#0e141c29 50%,#0e141c00 84%);will-change:opacity}.stage-bloom{position:fixed;inset-block-start:50%;inset-inline-start:50%;inline-size:120vmax;block-size:120vmax;z-index:2;pointer-events:none;transform:translate(-50%,-50%) scale(.15);background-image:radial-gradient(circle,rgba(var(--alonivo-secondary-rgb),.42),rgba(var(--alonivo-secondary-rgb),.11) 34%,rgba(var(--alonivo-secondary-rgb),0) 62%);opacity:0;will-change:transform,opacity}.stage-vignette{position:fixed;inset:0;z-index:6;pointer-events:none;background-image:radial-gradient(120% 96% at 50% 46%,#0000 58%,#00000012 84%,#00000029)}.stage-grain{position:fixed;inset:-50%;z-index:7;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");will-change:transform}.stage-flash{position:fixed;inset:0;z-index:8;pointer-events:none;background-color:color-mix(in srgb,var(--alonivo-pulse) 62%,white);opacity:0;will-change:opacity}.stage{position:relative;z-index:3;display:grid;align-items:center;justify-items:center;min-block-size:100dvh;padding:clamp(4.5rem,9vw,6.5rem) 1.25rem clamp(3rem,6vw,4.5rem)}.stage-locale{position:absolute;inset-block-start:clamp(1.1rem,2.4vw,1.7rem);inset-inline-end:clamp(1.1rem,2.4vw,1.7rem);display:inline-flex;gap:.15rem;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.1em;will-change:opacity}.stage-locale a{padding:.3rem .5rem;color:var(--alonivo-muted-color);text-decoration:none;border-radius:.375rem;transition:color .2s ease,background-color .2s ease}.stage-locale a:hover{color:var(--alonivo-heading-color)}.stage-locale a.is-current{color:var(--alonivo-heading-color);background-color:color-mix(in srgb,var(--alonivo-heading-color) 8%,transparent)}.stage-locale-sep{color:color-mix(in srgb,var(--alonivo-muted-color) 45%,transparent)}.stage-reel{position:absolute;inset:0;display:none;place-items:center;padding-inline:7%;pointer-events:none}.stage-line{grid-area:1 / 1;max-inline-size:22ch;color:var(--alonivo-heading-color);font-size:clamp(1.85rem,5vw,3.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;text-align:center;text-wrap:balance;opacity:0;will-change:opacity}.stage-line.is-big{font-size:clamp(2.2rem,6.2vw,4.5rem)}.stage-line .w{display:inline-block;padding-block:.24em;margin-block:-.24em;will-change:opacity,transform,filter}.stage-line .hi,.stage-lede b,.stage-lede strong,.stage-sign-off b,.stage-sign-off strong{background-image:linear-gradient(100deg,var(--steel-text),var(--signal-text));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:inherit;white-space:nowrap}.stage-finale{display:grid;justify-items:center;inline-size:100%;will-change:opacity}.stage-mark{display:block;block-size:clamp(3.4rem,8.2vw,5.25rem);inline-size:auto;will-change:opacity,transform,filter}.stage-word{margin-block-start:.7rem;padding-inline-start:.15em;color:var(--alonivo-heading-color);font-family:"Baloo 2",var(--alonivo-font-display);font-size:clamp(1.45rem,3vw,1.95rem);font-weight:400;letter-spacing:.15em;line-height:1;direction:ltr;will-change:opacity,transform}.stage-lede{max-inline-size:var(--measure);margin-block:clamp(1.5rem,3.4vw,2.4rem) 0;color:var(--alonivo-body-color);font-size:clamp(1rem,1.85vw,1.2rem);font-weight:500;line-height:1.5;text-align:center;text-wrap:balance;will-change:opacity,transform}.stage-rule{inline-size:var(--measure);max-inline-size:100%;block-size:1px;margin-block-start:clamp(1.6rem,3.4vw,2.5rem);background-image:linear-gradient(90deg,transparent 0%,var(--signal-text) 20%,var(--alonivo-pulse) 50%,var(--signal-text) 80%,transparent 100%);filter:drop-shadow(0 0 5px rgba(var(--alonivo-secondary-rgb),.9)) drop-shadow(0 0 14px rgba(var(--alonivo-secondary-rgb),.55));will-change:inline-size,opacity}.stage-sign-off{margin-block-start:clamp(1.4rem,3vw,2.1rem);color:var(--alonivo-heading-color);font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:700;letter-spacing:-.015em;text-align:center;will-change:opacity,transform}.stage-ledger{inline-size:var(--measure);max-inline-size:100%;margin-block-start:.35rem}.stage-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem 1.5rem;padding-block:.85rem;will-change:opacity,transform}.stage-row+.stage-row{border-block-start:1px solid color-mix(in srgb,var(--alonivo-border-color) 80%,transparent)}.stage-row-label{color:var(--alonivo-muted-color);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.stage-row-value{display:inline-flex;align-items:center;gap:.5rem;color:var(--alonivo-body-color);font-size:.85rem;font-weight:600;text-align:end}.stage-dot{flex:none;inline-size:.44rem;block-size:.44rem;border-radius:50%;background-color:currentColor}.stage-row-value.is-holding{color:var(--alonivo-muted-color)}.stage-row-value.is-holding .stage-dot{background-color:color-mix(in srgb,var(--alonivo-muted-color) 70%,transparent)}.stage-row-value.is-running{color:color-mix(in srgb,var(--alonivo-success) 62%,white)}.stage-row-value.is-running .stage-dot{box-shadow:0 0 0 .22rem color-mix(in srgb,var(--alonivo-success) 18%,transparent)}.stage-note{max-inline-size:var(--measure);margin-block-start:clamp(1.4rem,3vw,2rem);color:var(--alonivo-muted-color);font-size:.82rem;line-height:1.55;text-align:center;text-wrap:balance;will-change:opacity}.stage-colophon{position:absolute;inset-block-end:clamp(1rem,2.4vw,1.6rem);inset-inline:0;color:color-mix(in srgb,var(--alonivo-muted-color) 72%,transparent);font-size:.72rem;text-align:center;will-change:opacity}.stage-page :focus-visible{outline:2px solid var(--signal-text);outline-offset:3px;border-radius:.25rem}[data-stage-mode=teaser] .stage-ledger,[data-stage-mode=teaser] .stage-note,[data-stage-mode=maintenance] .stage-sign-off{display:none}.has-stage-js .stage-reel{display:grid}.has-stage-js .stage-finale,.has-stage-js .stage-locale,.has-stage-js .stage-colophon,.has-stage-js .stage-mark,.has-stage-js .stage-word,.has-stage-js .stage-lede,.has-stage-js .stage-rule,.has-stage-js .stage-sign-off,.has-stage-js .stage-row,.has-stage-js .stage-note{opacity:0}.has-stage-js .stage-rule{inline-size:0}@media(max-width:575.98px){.stage-row{flex-direction:column;align-items:flex-start;gap:.4rem}.stage-row-value{text-align:start}}@media(max-height:620px){.stage{align-items:start}}@media(prefers-reduced-motion:reduce){.stage-layer-far,.stage-layer-mid{filter:none}.stage-grain{display:none}}

/* Alonivo — sinematik intro katmanları */

.stage-page {
    --cinema-teal: 0, 212, 196;
    --cinema-blue: 6, 42, 68;
    --cinema-gold: 255, 198, 120;
}

/* Nöron ağı kapalı — sinematik canvas */
.stage-page #stage-field {
    display: none !important;
}

.stage-cinema {
    position: fixed;
    inset: 0;
    z-index: 1;
    inline-size: 100%;
    block-size: 100%;
    pointer-events: none;
}

/* Anamorphic lens flare */
.stage-anamorphic {
    position: fixed;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    inline-size: 140vmax;
    block-size: 2px;
    z-index: 5;
    pointer-events: none;
    transform: translate(-50%, -50%) scaleX(0.08);
    opacity: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(var(--cinema-teal), 0) 18%,
        rgba(var(--cinema-teal), 0.55) 42%,
        rgba(var(--cinema-gold), 0.35) 50%,
        rgba(var(--cinema-teal), 0.55) 58%,
        rgba(var(--cinema-teal), 0) 82%,
        transparent 100%
    );
    filter: blur(1px);
    will-change: transform, opacity;
}

/* Ses dalgası halkaları */
.stage-signal-ring {
    position: fixed;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    inline-size: 4rem;
    block-size: 4rem;
    margin: -2rem 0 0 -2rem;
    border: 1px solid rgba(var(--cinema-teal), 0.45);
    border-radius: 50%;
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.4);
    will-change: transform, opacity;
}

/* Kromatik aberasyon */
.stage-chroma {
    position: fixed;
    inset: 0;
    z-index: 6;
    pointer-events: none;
    opacity: 0;
    mix-blend-mode: screen;
    background:
        radial-gradient(80% 60% at 50% 46%, rgba(var(--cinema-teal), 0.08), transparent 70%),
        linear-gradient(115deg, rgba(255, 60, 80, 0.04) 0%, transparent 40%, rgba(0, 180, 255, 0.04) 100%);
    will-change: opacity;
}

/* Renk derecelendirme */
.stage-color-grade {
    position: fixed;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    opacity: 0.55;
    background:
        radial-gradient(120% 90% at 50% 40%, rgba(var(--cinema-teal), 0.07), transparent 55%),
        linear-gradient(180deg, rgba(var(--cinema-blue), 0.35) 0%, transparent 35%, rgba(0, 0, 0, 0.25) 100%);
    will-change: opacity;
}

/* Finale — logo + slogan ortalı blok */
.stage-page .stage {
    place-items: center;
}

.stage-page .stage-finale {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-align: center;
    inline-size: 100%;
}

.stage-page .stage-reel {
    padding-inline: clamp(1rem, 4vw, 2.5rem);
    overflow: visible;
}

.stage-page .stage-line {
    max-inline-size: min(42rem, 92vw);
    overflow: visible;
    text-wrap: pretty;
}

.stage-page .stage-line.is-big {
    max-inline-size: min(46rem, 94vw);
}

.stage-page .stage-line .hi,
.stage-page .stage-sign-off b {
    white-space: nowrap;
    background-image: linear-gradient(100deg, var(--alonivo-secondary-text), var(--alonivo-secondary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.stage-page .stage-word {
    display: none !important;
}

.stage-page .stage-mark-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: min(92vw, 36rem);
    margin-inline: auto;
}

.stage-mark-glint {
    position: absolute;
    inset-block-start: 50%;
    inline-size: clamp(4rem, 22vw, 11rem);
    block-size: 3px;
    pointer-events: none;
    opacity: 0;
    border-radius: 999px;
    will-change: transform, opacity;
}

.stage-mark-glint--left {
    inset-inline-end: calc(100% + 0.35rem);
    transform: translateY(-50%) translateX(28px) scaleX(0.15);
    background: linear-gradient(
        270deg,
        rgba(var(--cinema-teal), 0) 0%,
        rgba(var(--cinema-teal), 0.95) 42%,
        rgba(var(--cinema-gold), 0.75) 72%,
        rgba(var(--cinema-gold), 0) 100%
    );
    box-shadow: 0 0 18px rgba(var(--cinema-teal), 0.55);
    filter: blur(0.4px);
}

.stage-mark-glint--right {
    inset-inline-start: calc(100% + 0.35rem);
    transform: translateY(-50%) translateX(-28px) scaleX(0.15);
    background: linear-gradient(
        90deg,
        rgba(var(--cinema-teal), 0) 0%,
        rgba(var(--cinema-teal), 0.95) 42%,
        rgba(var(--cinema-gold), 0.75) 72%,
        rgba(var(--cinema-gold), 0) 100%
    );
    box-shadow: 0 0 18px rgba(var(--cinema-teal), 0.55);
    filter: blur(0.4px);
}

.stage-page .stage-mark {
    display: block;
    block-size: clamp(3.4rem, 10.5vw, 6.25rem);
    inline-size: auto;
    max-inline-size: min(88vw, 30rem);
    object-fit: contain;
    margin-block-end: 0;
    filter: drop-shadow(0 0 28px rgba(var(--cinema-teal), 0.45));
}

.stage-page .stage-word {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0.15em;
    letter-spacing: 0.22em;
}

.stage-page .stage-sign-off {
    margin-block-start: clamp(0.28rem, 0.9vw, 0.45rem);
    margin-block-end: 0;
    max-inline-size: min(34rem, 88vw);
    font-size: clamp(0.95rem, 2.6vw, 1.28rem);
    letter-spacing: 0.04em;
    line-height: 1.2;
}

/* Güçlendirilmiş vignette */
.stage-page .stage-vignette {
    background-image:
        radial-gradient(95% 78% at 50% 44%, #0000 38%, #00000045 72%, #00000085 100%),
        radial-gradient(130% 100% at 50% 50%, #0000 50%, #00000060);
}

/* Film tanesi */
.stage-page .stage-grain {
    opacity: 0.065;
}

/* Deklanşör flaşı */
.stage-shutter {
    position: fixed;
    inset: 0;
    z-index: 8;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(ellipse 80% 55% at 50% 46%, rgba(255, 255, 255, 0.18), transparent 70%);
    transition: opacity 0.08s ease-out;
    will-change: opacity;
}

@media (prefers-reduced-motion: reduce) {
    .stage-anamorphic,
    .stage-signal-ring,
    .stage-chroma,
    .stage-color-grade,
    .stage-shutter { display: none; }
}

/* Alonivo cinematic intro — site geçiş köprüsü */

html.skip-alonivo-intro #alonivo-intro {
  display: none !important;
}

html.skip-alonivo-intro #site {
  opacity: 1;
  visibility: visible;
}

body.intro-active {
  overflow: hidden;
}

.alonivo-intro {
  position: fixed;
  inset: 0;
  z-index: 9999;
  min-block-size: 100dvh;
  transition: opacity 0.65s ease, visibility 0.65s ease;
}

.alonivo-intro--exit {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.alonivo-intro__skip {
  position: fixed;
  inset-block-end: clamp(1rem, 3vw, 1.75rem);
  inset-inline-end: clamp(1rem, 3vw, 1.75rem);
  z-index: 10001;
  padding: 0.55rem 1.1rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 100px;
  backdrop-filter: blur(8px);
  cursor: pointer;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.alonivo-intro__skip:hover {
  color: #fff;
  background: rgba(0, 212, 196, 0.14);
  border-color: rgba(0, 212, 196, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .alonivo-intro--exit {
    transition: none;
  }
}