:root {
    /* Color */
    --color-bg-page: #070909;
    --color-bg-elevated: #0c0e0f;
    --color-bg-panel: #111415;
    --color-bg-card: #151819;
    --color-bg-card-hover: #191d1e;
    --color-neon-primary: #dfff21;
    --color-neon-hover: #edff66;
    --color-text-primary: #f6f7f2;
    --color-text-secondary: #c8cac5;
    --color-text-muted: #8d918d;
    --color-border-subtle: rgba(246, 247, 242, 0.1);
    --color-border-strong: rgba(223, 255, 33, 0.48);
    --color-overlay: rgba(4, 5, 5, 0.76);
    --color-glow: rgba(223, 255, 33, 0.28);

    /* Backward-compatible aliases for the existing foundation */
    --biajans-ink: var(--color-bg-page);
    --biajans-panel: var(--color-bg-panel);
    --biajans-lime: var(--color-neon-primary);
    --biajans-white: var(--color-text-primary);
    --biajans-muted: var(--color-text-muted);
    --biajans-line: var(--color-border-subtle);

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Radius */
    --radius-small: 0.375rem;
    --radius-medium: 0.625rem;
    --radius-large: 1rem;
    --radius-panel: 1.5rem;
    --radius-pill: 999px;
    --radius-circle: 50%;

    /* Container */
    --container-normal: 80rem;
    --container-wide: 90rem;
    --container-text: 48rem;
    --container-gutter: 1rem;

    /* Shadow and glow */
    --shadow-soft: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.24);
    --shadow-card: 0 1.25rem 3.5rem rgba(0, 0, 0, 0.32);
    --shadow-neon: 0 0 1.5rem var(--color-glow);
    --shadow-neon-strong: 0 0 2.75rem rgba(223, 255, 33, 0.4);

    /* Motion */
    --transition-fast: 140ms;
    --transition-normal: 220ms;
    --transition-slow: 360ms;
    --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);

    /* Layering */
    --z-base: 1;
    --z-header: 100;
    --z-floating: 500;
    --z-modal: 1000;

    /* Font families: final font files will be added separately. */
    --font-display: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
    --font-body: Arial, Helvetica, sans-serif;

    /* Fluid typography */
    --text-display-xl: clamp(4rem, 11vw, 8rem);
    --text-display-lg: clamp(3.25rem, 8vw, 6.5rem);
    --text-display-md: clamp(2.75rem, 6vw, 5rem);
    --text-heading-xl: clamp(2.25rem, 4vw, 3.75rem);
    --text-heading-lg: clamp(1.875rem, 3vw, 3rem);
    --text-heading-md: clamp(1.625rem, 2.4vw, 2.25rem);
    --text-heading-sm: clamp(1.25rem, 1.8vw, 1.625rem);
    --text-body-lg: clamp(1.0625rem, 1.2vw, 1.25rem);
    --text-body: 1rem;
    --text-body-sm: 0.875rem;
    --text-label: 0.75rem;
    --text-micro: 0.6875rem;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-width: 20rem;
    scroll-behavior: smooth;
    color-scheme: dark;
}

body {
    min-height: 100vh;
    margin: 0;
    color: var(--color-text-primary);
    background-color: var(--color-bg-page);
    background-image:
        radial-gradient(circle at 78% 4%, rgba(223, 255, 33, 0.055), transparent 28rem),
        radial-gradient(circle at 12% 48%, rgba(255, 255, 255, 0.025), transparent 34rem),
        linear-gradient(180deg, #090b0b 0%, var(--color-bg-page) 42%, #050707 100%);
    font-family: var(--font-body);
    font-size: var(--text-body);
    line-height: 1.65;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body::before {
    position: fixed;
    inset: 0;
    z-index: var(--z-floating);
    pointer-events: none;
    content: "";
    opacity: 0.022;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");
}

::selection {
    color: var(--color-bg-page);
    background: var(--color-neon-primary);
}

:where(h1, h2, h3, h4, h5, h6, p, figure, blockquote) {
    margin-block-start: 0;
}

:where(h1, h2, h3, h4, h5, h6) {
    margin-block-end: var(--space-4);
    color: var(--color-text-primary);
    font-family: var(--font-display);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

:where(ul, ol) {
    margin-block: 0 var(--space-4);
    padding-inline-start: 1.25em;
}

:where(img, picture, video, canvas, svg) {
    display: block;
    max-width: 100%;
}

:where(img, video) {
    height: auto;
}

:where(button, input, textarea, select) {
    margin: 0;
    color: inherit;
    font: inherit;
}

:where(button, select) {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

a {
    color: inherit;
    text-decoration-color: var(--color-border-strong);
    text-underline-offset: 0.2em;
    transition: color var(--transition-fast) var(--ease-standard), text-decoration-color var(--transition-fast) var(--ease-standard);
}

a:hover {
    color: var(--color-neon-hover);
    text-decoration-color: currentColor;
}

button {
    border: 0;
}

:where(a, button, input, textarea, select):focus-visible {
    outline: 3px solid var(--color-neon-primary);
    outline-offset: 3px;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.screen-reader-text:focus,
.skip-link:focus {
    top: var(--space-4);
    left: var(--space-4);
    z-index: var(--z-modal);
    width: auto;
    height: auto;
    padding: var(--space-3) var(--space-4);
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    color: var(--color-bg-page);
    background: var(--color-neon-primary);
    border-radius: var(--radius-small);
    font-weight: 700;
    text-decoration: none;
}

/* Typography classes */
.display-xl,
.display-lg,
.display-md,
.heading-xl,
.heading-lg,
.heading-md,
.heading-sm {
    font-family: var(--font-display);
    font-weight: 800;
    line-height: 0.92;
    letter-spacing: -0.045em;
    text-transform: uppercase;
}

.display-xl { font-size: var(--text-display-xl); }
.display-lg { font-size: var(--text-display-lg); }
.display-md { font-size: var(--text-display-md); }
.heading-xl { font-size: var(--text-heading-xl); }
.heading-lg { font-size: var(--text-heading-lg); }
.heading-md { font-size: var(--text-heading-md); }
.heading-sm { font-size: var(--text-heading-sm); }
.body-lg { font-size: var(--text-body-lg); line-height: 1.65; }
.body { font-size: var(--text-body); line-height: 1.7; }
.body-sm { font-size: var(--text-body-sm); line-height: 1.65; }
.label { font-size: var(--text-label); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.micro { font-size: var(--text-micro); line-height: 1.45; }

/* Layout foundation */
.site-container,
.site-container--wide,
.site-container--text {
    width: min(calc(100% - (var(--container-gutter) * 2)), var(--container-normal));
    margin-inline: auto;
}

.site-container--wide {
    max-width: var(--container-wide);
}

.site-container--text {
    max-width: var(--container-text);
}

.section {
    position: relative;
    padding-block: clamp(var(--space-16), 8vw, var(--space-32));
}

.section-header {
    display: grid;
    gap: var(--space-4);
    margin-block-end: clamp(var(--space-8), 5vw, var(--space-16));
}

.eyebrow {
    margin-block-end: var(--space-3);
    color: var(--color-neon-primary);
    font-size: var(--text-label);
    font-weight: 800;
    letter-spacing: 0.11em;
    line-height: 1.3;
    text-transform: uppercase;
}

/* Reusable controls */
.btn {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    border: 1px solid transparent;
    border-radius: var(--radius-medium);
    font-size: var(--text-label);
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        color var(--transition-normal) var(--ease-standard),
        background-color var(--transition-normal) var(--ease-standard),
        border-color var(--transition-normal) var(--ease-standard),
        box-shadow var(--transition-normal) var(--ease-standard);
}

.btn.btn--primary,
.btn.btn--primary:link,
.btn.btn--primary:visited {
    color: var(--color-bg-page);
    background: var(--color-neon-primary);
    box-shadow: var(--shadow-neon);
}

.btn.btn--primary:hover,
.btn.btn--primary:focus-visible,
.btn.btn--primary:active {
    color: var(--color-bg-page);
    background: var(--color-neon-hover);
    box-shadow: var(--shadow-neon-strong);
}

.btn--secondary {
    color: var(--color-text-primary);
    background: var(--color-bg-card);
    border-color: var(--color-border-subtle);
}

.btn.btn--ghost,
.btn.btn--ghost:link,
.btn.btn--ghost:visited {
    color: var(--color-text-primary);
    background: transparent;
    border-color: var(--color-border-subtle);
}

.btn--secondary:hover,
.btn--secondary:focus-visible,
.btn.btn--ghost:hover,
.btn.btn--ghost:focus-visible,
.btn.btn--ghost:active {
    color: var(--color-neon-hover);
    border-color: var(--color-border-strong);
    box-shadow: 0 0 1rem rgba(223, 255, 33, 0.12);
}

.btn--icon {
    width: 3rem;
    min-height: 3rem;
    padding: 0;
    border-radius: var(--radius-circle);
}

/* Reusable surfaces */
.panel,
.card {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
        linear-gradient(135deg, var(--color-bg-panel), var(--color-bg-elevated));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), var(--shadow-soft);
}

.panel {
    border-radius: var(--radius-panel);
}

.card {
    border-radius: var(--radius-large);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 45%),
        var(--color-bg-card);
    transition: background-color var(--transition-normal) var(--ease-standard), border-color var(--transition-normal) var(--ease-standard), box-shadow var(--transition-normal) var(--ease-standard);
}

.card:hover,
.card:focus-within {
    background-color: var(--color-bg-card-hover);
    border-color: var(--color-border-strong);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.045), var(--shadow-card);
}

.neon-text {
    color: var(--color-neon-primary);
}

.neon-glow {
    box-shadow: var(--shadow-neon);
}

/* Existing theme shell */
.site-header {
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    display: flex;
    min-height: 5rem;
    align-items: center;
    background: rgba(7, 9, 9, 0.72);
    border-bottom: 1px solid var(--color-border-subtle);
}

.site-header__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.site-logo {
    color: var(--color-text-primary);
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.05em;
    text-decoration: none;
}

.custom-logo-link {
    display: inline-flex;
}

.custom-logo {
    width: auto;
    max-height: 4rem;
}

.menu-toggle {
    display: none;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    color: var(--color-text-primary);
    background: transparent;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-small);
}

.menu-toggle__icon,
.menu-toggle__icon::before,
.menu-toggle__icon::after {
    display: block;
    width: 1.375rem;
    height: 2px;
    background: currentColor;
    transition: transform var(--transition-fast) var(--ease-standard), opacity var(--transition-fast) var(--ease-standard);
}

.menu-toggle__icon {
    position: relative;
}

.menu-toggle__icon::before,
.menu-toggle__icon::after {
    position: absolute;
    left: 0;
    content: "";
}

.menu-toggle__icon::before { top: -0.4375rem; }
.menu-toggle__icon::after { top: 0.4375rem; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon::before { top: 0; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon::after { top: 0; transform: rotate(-45deg); }

.site-nav {
    width: 100%;
}

.site-nav ul,
.footer-nav__menu {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-nav a {
    display: block;
    padding: var(--space-3) 0;
    color: var(--color-text-secondary);
    text-decoration: none;
}

.site-nav__menu a {
    transition: color var(--transition-fast) var(--ease-standard);
}

.site-nav__menu a:hover,
.site-nav__menu a:focus-visible {
    color: var(--color-neon-primary);
}

.js .menu-toggle {
    display: inline-flex;
}

.js .site-nav {
    display: none;
    padding-block: var(--space-3);
}

.js .site-nav.is-open {
    display: block;
}

/* Temporary content remains intentionally neutral until homepage production work. */
.home-hero {
    display: flex;
    min-height: 38rem;
    align-items: center;
    padding-block: var(--space-16);
}

.home-hero__content {
    max-width: var(--container-text);
}

.home-hero__eyebrow {
    color: var(--color-neon-primary);
    font-weight: 700;
    text-transform: uppercase;
}

.home-hero h1 {
    font-size: var(--text-display-md);
}

.home-hero p {
    color: var(--color-text-secondary);
}

.site-footer {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: var(--color-text-secondary);
    background:
        radial-gradient(circle at 82% 16%, rgba(223, 255, 33, 0.07), transparent 26rem),
        linear-gradient(180deg, #090c0c 0%, var(--color-bg-page) 100%);
    border-top: 1px solid var(--color-border-subtle);
}

.site-footer::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 76%, transparent);
}

.site-footer__inner {
    position: relative;
    z-index: 1;
    width: min(calc(100% - 2rem), 110rem);
    margin-inline: auto;
}

.site-footer__cta {
    display: grid;
    gap: var(--space-8);
    align-items: end;
    padding-block: clamp(var(--space-12), 7vw, var(--space-20));
    border-bottom: 1px solid var(--color-border-subtle);
}

.site-footer__cta-copy {
    max-width: 50rem;
}

.site-footer__cta .eyebrow {
    margin-bottom: var(--space-4);
}

.site-footer__cta-title {
    margin: 0;
    color: var(--color-text-primary);
    font-size: var(--text-display-md);
    line-height: 0.9;
    letter-spacing: -0.045em;
    text-transform: uppercase;
}

.site-footer__cta-title span {
    display: block;
    color: var(--color-neon-primary);
}

.site-footer__cta-copy > p:last-child {
    max-width: 43rem;
    margin: var(--space-6) 0 0;
    font-size: var(--text-body-lg);
    line-height: 1.7;
}

.site-footer__cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.site-footer .btn svg,
.site-footer__project-card svg,
.site-footer__location svg {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-footer__grid {
    display: grid;
    gap: var(--space-10, 2.5rem) var(--space-8);
    padding-block: clamp(var(--space-12), 6vw, var(--space-16));
}

.site-footer__brand {
    max-width: 23rem;
}

.site-footer__wordmark {
    display: inline-block;
    margin-bottom: var(--space-6);
    color: var(--color-text-primary);
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 1;
    text-decoration: none;
}

.site-footer__wordmark span {
    color: var(--color-neon-primary);
}

.site-footer__brand > p {
    margin: 0;
    line-height: 1.7;
}

.site-footer__location {
    display: flex;
    gap: var(--space-2);
    align-items: center;
    margin-top: var(--space-6);
    color: var(--color-text-primary);
    font-size: var(--text-body-sm);
    font-weight: 700;
}

.site-footer__location svg {
    color: var(--color-neon-primary);
}

.site-footer__column-title {
    margin: 0 0 var(--space-5, 1.25rem);
    color: var(--color-text-primary);
    font-size: var(--text-label);
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.site-footer__nav ul {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer__nav a,
.site-footer__address a {
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
    line-height: 1.45;
    text-decoration: none;
    transition: color var(--transition-fast) var(--ease-standard);
}

.site-footer__nav a:hover,
.site-footer__nav a:focus-visible,
.site-footer__address a:hover,
.site-footer__address a:focus-visible {
    color: var(--color-neon-primary);
}

.site-footer__address {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    font-size: var(--text-body-sm);
    font-style: normal;
    line-height: 1.6;
}

.site-footer__address strong {
    color: var(--color-text-primary);
}

.site-footer__whatsapp {
    width: 100%;
    margin-top: var(--space-6);
}

.site-footer__project-card {
    display: grid;
    gap: var(--space-2);
    margin-top: var(--space-4);
    padding: var(--space-5, 1.25rem);
    background: linear-gradient(135deg, rgba(223, 255, 33, 0.08), rgba(255, 255, 255, 0.02));
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-medium);
}

.site-footer__project-card span {
    color: var(--color-text-muted);
    font-size: var(--text-micro);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-footer__project-card strong {
    color: var(--color-text-primary);
    font-size: var(--text-heading-sm);
    text-transform: uppercase;
}

.site-footer__project-card a {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center;
    width: fit-content;
    color: var(--color-neon-primary);
    font-size: var(--text-body-sm);
    font-weight: 750;
    text-decoration: none;
}

.site-footer__bottom {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding-block: var(--space-6);
    color: var(--color-text-muted);
    border-top: 1px solid var(--color-border-subtle);
    font-size: var(--text-micro);
}

.site-footer__bottom p {
    margin: 0;
}

@media (min-width: 48rem) {
    :root {
        --container-gutter: 3rem;
    }

    .section-header {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.55fr);
        align-items: end;
    }

    .menu-toggle,
    .js .menu-toggle {
        display: none;
    }

    .site-nav,
    .js .site-nav {
        display: block;
        width: auto;
        padding-block: 0;
    }

    .site-nav ul {
        flex-direction: row;
        gap: var(--space-8);
    }

    .site-nav a {
        padding: var(--space-2) 0;
    }

    .site-footer__inner {
        width: min(92%, 110rem);
    }

    .site-footer__cta {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .site-footer__cta-actions {
        justify-content: flex-end;
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-footer__brand,
    .site-footer__contact {
        grid-column: span 2;
    }

    .site-footer__bottom {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 75rem) {
    .site-footer__grid {
        grid-template-columns: minmax(15rem, 1.35fr) repeat(3, minmax(8.5rem, 0.78fr)) minmax(17rem, 1.2fr);
    }

    .site-footer__brand,
    .site-footer__contact {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        transition-duration: 0.01ms;
        scroll-behavior: auto;
    }
}

/* Production header */
.site-header {
    min-height: 5.25rem;
    background: rgba(7, 9, 9, 0.94);
}

.site-header__inner {
    min-height: inherit;
}

.site-branding {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}

.site-logo span {
    color: var(--color-neon-primary);
}

.site-header__cta {
    display: none;
}

.site-nav__mobile-cta {
    width: 100%;
    margin-top: var(--space-3);
}

.js .site-nav {
    position: absolute;
    top: calc(100% + var(--space-2));
    left: 0;
    z-index: var(--z-floating);
    padding: var(--space-4);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 45%),
        rgba(17, 20, 21, 0.98);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-card);
}

.site-nav a {
    font-size: var(--text-body-sm);
    font-weight: 700;
}

.site-nav .current-menu-item > a,
.site-nav .current_page_item > a {
    color: var(--color-neon-primary);
}

/* Production home hero */
.home-hero {
    position: relative;
    display: block;
    min-height: auto;
    overflow: hidden;
    padding-block: var(--space-12) 0;
    isolation: isolate;
    background:
        radial-gradient(circle at 72% 36%, rgba(223, 255, 33, 0.09), transparent 26rem),
        radial-gradient(circle at 70% 62%, rgba(255, 255, 255, 0.045), transparent 32rem),
        linear-gradient(105deg, #080a0a 0%, #0a0c0c 48%, #050707 100%);
}

.home-hero::before,
.home-hero::after {
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none;
}

.home-hero::before {
    top: 10%;
    right: -12%;
    width: min(72vw, 62rem);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, 0.025);
    transform: rotate(24deg);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.018), transparent 55%);
}

.home-hero::after {
    inset: 0;
    background: linear-gradient(90deg, rgba(7, 9, 9, 0.2), transparent 52%, rgba(0, 0, 0, 0.18));
}

.home-hero__inner {
    position: relative;
    z-index: var(--z-base);
    display: grid;
    gap: var(--space-6);
}

.home-hero__content {
    position: relative;
    z-index: 4;
    max-width: 43rem;
}

.home-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-6);
    color: var(--color-text-primary);
}

.home-hero__eyebrow::after {
    width: 0.45rem;
    aspect-ratio: 1;
    content: "";
    background: var(--color-neon-primary);
    box-shadow: var(--shadow-neon);
    transform: rotate(45deg);
}

.home-hero__title {
    margin-bottom: var(--space-6);
    font-size: clamp(3rem, 14.5vw, 5.75rem);
    line-height: 0.79;
    letter-spacing: -0.055em;
    text-transform: uppercase;
    text-shadow: 0 0.2rem 1.4rem rgba(0, 0, 0, 0.48);
}

.home-hero__title span {
    display: block;
}

.home-hero__description {
    max-width: 38rem;
    margin-bottom: 0;
    color: var(--color-text-secondary);
}

.home-hero__actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-8);
}

.home-hero__actions .btn {
    width: 100%;
}

.home-hero__visual {
    position: relative;
    z-index: 2;
    width: min(100%, 38rem);
    min-height: 31rem;
    justify-self: center;
}

.home-hero__visual::before {
    position: absolute;
    inset: 12% 4% 4%;
    z-index: -1;
    content: "";
    background: radial-gradient(circle, rgba(223, 255, 33, 0.14), rgba(16, 20, 15, 0.08) 40%, transparent 70%);
}

.home-hero__rabbit {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    filter: contrast(1.04) saturate(1.04);
}

.home-hero__scribble {
    position: absolute;
    z-index: 1;
    width: 116%;
    max-width: none;
    overflow: visible;
    fill: none;
    stroke: var(--color-neon-primary);
    stroke-width: 13;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 0.45rem rgba(223, 255, 33, 0.32));
}

.home-hero__scribble--back {
    inset: 3% -9% auto;
}

.home-hero__scribble--front {
    right: -9%;
    bottom: -4%;
    z-index: 3;
}

.home-hero__brush-thin {
    stroke-width: 3;
    opacity: 0.75;
}

.home-hero__seal {
    position: absolute;
    top: 18%;
    left: -2%;
    z-index: 4;
    width: clamp(6.5rem, 25vw, 9rem);
    color: var(--color-neon-primary);
}

.home-hero__seal svg {
    width: 100%;
    height: auto;
    overflow: visible;
}

.home-hero__seal text {
    fill: var(--color-text-secondary);
    font-family: var(--font-body);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.65px;
}

.home-hero__seal-rabbit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 59%;
    max-width: 59%;
    height: auto;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.home-hero__shape {
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.025);
}

.home-hero__shape--one {
    top: 9%;
    left: 43%;
    width: 18rem;
    height: 28rem;
    transform: skewX(-18deg);
}

.home-hero__shape--two {
    right: 5%;
    bottom: 2%;
    width: 12rem;
    aspect-ratio: 1;
    transform: rotate(38deg);
}

.home-hero__rail {
    display: none;
}

@media (min-width: 30rem) {
    .home-hero__actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .home-hero__actions .btn {
        width: auto;
    }
}

@media (min-width: 48rem) {
    .site-header {
        min-height: 6rem;
    }

    .site-header__inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: var(--space-6);
    }

    .site-header__cta {
        display: inline-flex;
        padding-inline: var(--space-4);
        border-radius: var(--radius-pill);
        white-space: nowrap;
    }

    .site-nav,
    .js .site-nav {
        position: static;
        justify-self: center;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .site-nav ul {
        justify-content: center;
        gap: clamp(var(--space-3), 1.5vw, var(--space-6));
    }

    .site-nav a {
        padding: var(--space-2) 0;
        font-size: var(--text-micro);
        letter-spacing: 0.025em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .site-nav__mobile-cta {
        display: none;
    }

    .home-hero {
        min-height: clamp(44rem, calc(100svh - 6rem), 54rem);
        padding-block: var(--space-12) 0;
    }

    .home-hero__inner {
        grid-template-columns: minmax(22rem, 0.95fr) minmax(23rem, 1.05fr);
        align-items: center;
        min-height: inherit;
    }

    .home-hero__title {
        font-size: clamp(4.75rem, 7.2vw, 7.6rem);
    }

    .home-hero__visual {
        align-self: stretch;
        width: 100%;
        min-height: 42rem;
    }

    .home-hero__rabbit {
        width: 106%;
        max-width: none;
    }

    .home-hero__seal {
        top: 26%;
        left: -8%;
    }
}

@media (min-width: 75rem) {
    .site-header__inner {
        gap: var(--space-8);
    }

    .site-header__cta {
        padding-inline: var(--space-6);
    }

    .site-nav ul {
        gap: clamp(var(--space-4), 1.6vw, var(--space-8));
    }

    .site-nav a {
        font-size: var(--text-label);
    }

    .home-hero__inner {
        grid-template-columns: minmax(31rem, 0.9fr) minmax(34rem, 1.1fr);
    }

    .home-hero__visual {
        min-height: 47rem;
    }

    .home-hero__rabbit {
        width: 112%;
        transform: translateX(-2%);
    }

    .home-hero__seal {
        left: -3%;
        width: 9.5rem;
    }
}

@media (min-width: 90rem) {
    .home-hero__rail {
        position: absolute;
        top: 18%;
        right: 0;
        z-index: 6;
        display: flex;
        width: 4.25rem;
        flex-direction: column;
        align-items: center;
        gap: var(--space-2);
    }

    .home-hero__rail-label,
    .home-hero__rail-caption {
        font-size: var(--text-micro);
        font-weight: 800;
        letter-spacing: 0.04em;
        text-align: center;
        text-transform: uppercase;
    }

    .home-hero__rail-caption {
        color: var(--color-neon-primary);
        line-height: 1.2;
    }

    .home-hero__scroll-btn {
        display: grid;
        width: 2.75rem;
        aspect-ratio: 1;
        place-items: center;
        color: var(--color-neon-primary);
        border: 1px solid var(--color-border-strong);
        border-radius: var(--radius-circle);
        text-decoration: none;
    }

    .home-hero__avatars {
        display: flex;
        flex-direction: column;
        margin-block: var(--space-4) var(--space-2);
    }

    .home-hero__avatar {
        display: grid;
        width: 2.55rem;
        aspect-ratio: 1;
        place-items: center;
        margin-top: -0.35rem;
        overflow: hidden;
        color: var(--color-neon-primary);
        background-color: var(--color-bg-card);
        border: 2px solid var(--color-text-secondary);
        border-radius: var(--radius-circle);
        box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.45);
        font-size: var(--text-micro);
        font-weight: 800;
    }

    .home-hero__avatar--one {
        background-image: radial-gradient(circle at 50% 28%, #d4b098 0 16%, transparent 17%), linear-gradient(145deg, #61706b, #1f2927);
    }

    .home-hero__avatar--two {
        background-image: radial-gradient(circle at 50% 28%, #bea18c 0 16%, transparent 17%), linear-gradient(145deg, #777b7a, #282a2a);
    }

    .home-hero__avatar--three {
        background-image: radial-gradient(circle at 50% 28%, #d9a392 0 16%, transparent 17%), linear-gradient(145deg, #6b4040, #25191a);
    }

    .home-hero__avatar--count {
        background: var(--color-bg-elevated);
        border-color: var(--color-border-strong);
    }
}

/* Home case studies */
.home-case-studies {
    padding-block: 0 var(--space-16);
}

.home-case-studies__panel {
    width: min(calc(100% - (var(--space-4) * 2)), 110rem);
    margin-inline: auto;
    padding: clamp(var(--space-6), 4vw, var(--space-12));
    overflow: hidden;
    border-color: var(--color-border-subtle);
    background:
        radial-gradient(circle at 12% 0, rgba(223, 255, 33, 0.04), transparent 25rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), var(--shadow-soft);
}

.home-case-studies__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-6);
    margin-bottom: clamp(var(--space-8), 4vw, var(--space-12));
}

.home-case-studies__title {
    margin: 0;
}

.home-case-studies__track {
    display: flex;
    gap: var(--space-4);
    margin-inline: calc(var(--space-6) * -1);
    padding: 0 var(--space-6) var(--space-3);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-color: var(--color-border-strong) transparent;
    scrollbar-width: thin;
}

.case-study-card {
    flex: 0 0 min(84vw, 21rem);
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    background: var(--color-bg-card);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition:
        border-color var(--transition-normal) var(--ease-standard),
        box-shadow var(--transition-normal) var(--ease-standard),
        transform var(--transition-normal) var(--ease-standard);
}

.case-study-card__link {
    display: flex;
    height: 100%;
    flex-direction: column;
    color: var(--color-text-primary);
    text-decoration: none;
}

.case-study-card__link:hover {
    color: var(--color-text-primary);
}

.case-study-card__visual {
    position: relative;
    min-height: 11rem;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background:
        radial-gradient(circle at 70% 25%, rgba(223, 255, 33, 0.18), transparent 33%),
        linear-gradient(145deg, #1c2220, #0b0e0e 70%);
}

.case-study-card__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.035) 50%, transparent 75%);
}

.case-study-card__visual-grid {
    position: absolute;
    inset: 0;
    opacity: 0.24;
    background-image:
        linear-gradient(rgba(223, 255, 33, 0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(223, 255, 33, 0.14) 1px, transparent 1px);
    background-size: 2rem 2rem;
    transform: perspective(14rem) rotateX(58deg) scale(1.35) translateY(18%);
    transform-origin: bottom;
}

.case-study-card__visual-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7rem;
    aspect-ratio: 1;
    border: 1px solid rgba(223, 255, 33, 0.42);
    border-radius: var(--radius-circle);
    transform: translate(-50%, -50%) rotate(-18deg) scaleY(0.42);
}

.case-study-card__visual-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    aspect-ratio: 1;
    border: 1px solid var(--color-neon-primary);
    border-radius: var(--radius-medium);
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: 0 0 1.25rem rgba(223, 255, 33, 0.16);
}

.case-study-card__visual--search {
    background: radial-gradient(circle at 38% 40%, rgba(223, 255, 33, 0.2), transparent 28%), linear-gradient(135deg, #101918, #090c0d 72%);
}

.case-study-card__visual--social .case-study-card__visual-orbit {
    transform: translate(-50%, -50%) rotate(24deg) scaleY(0.7);
}

.case-study-card__visual--software .case-study-card__visual-mark {
    border-radius: var(--radius-circle);
}

.case-study-card__visual--creative {
    background: radial-gradient(circle at 72% 68%, rgba(223, 255, 33, 0.22), transparent 30%), linear-gradient(150deg, #1d191f, #0b0d0e 70%);
}

.case-study-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-study-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: var(--space-6);
}

.case-study-card__sector {
    margin-bottom: var(--space-3);
    color: var(--color-neon-primary);
    font-size: var(--text-micro);
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.case-study-card__title {
    min-height: 2.25em;
    margin-bottom: var(--space-3);
    font-size: clamp(1.15rem, 1.35vw, 1.45rem);
    line-height: 1.05;
    text-transform: uppercase;
}

.case-study-card__summary {
    margin-bottom: var(--space-6);
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
    line-height: 1.65;
}

.case-study-card__metric {
    display: grid;
    gap: var(--space-1);
    margin-bottom: var(--space-6);
}

.case-study-card__metric strong {
    color: var(--color-neon-primary);
    font-family: var(--font-display);
    font-size: var(--text-heading-sm);
    line-height: 1;
}

.case-study-card__metric span {
    color: var(--color-text-muted);
    font-size: var(--text-micro);
    text-transform: uppercase;
}

.case-study-card__footer {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-4);
    margin-top: auto;
    color: var(--color-text-secondary);
}

.case-study-card__service {
    font-size: var(--text-micro);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.case-study-card__arrow {
    flex: 0 0 auto;
    color: var(--color-neon-primary);
    transition: transform var(--transition-normal) var(--ease-standard);
}

@media (hover: hover) {
    .case-study-card:hover,
    .case-study-card:focus-within {
        border-color: var(--color-border-strong);
        box-shadow: var(--shadow-card);
        transform: translateY(-0.2rem);
    }

    .case-study-card:hover .case-study-card__arrow,
    .case-study-card:focus-within .case-study-card__arrow {
        transform: translate(0.15rem, -0.15rem);
    }
}

@media (min-width: 48rem) {
    .home-case-studies {
        padding-bottom: var(--space-20);
    }

    .home-case-studies__panel {
        width: min(96%, 110rem);
    }

    .home-case-studies__header {
        flex-direction: row;
        align-items: end;
    }

    .home-case-studies__track {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-inline: 0;
        padding: 0;
        overflow: visible;
    }
}

@media (min-width: 68rem) {
    .home-case-studies__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 90rem) {
    .home-case-studies__panel {
        width: min(calc(100% - 2.5rem), 117.5rem);
    }

    .home-case-studies__track {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .case-study-card__body {
        padding: clamp(var(--space-4), 1.4vw, var(--space-6));
    }

    .case-study-card__summary {
        font-size: 0.8rem;
    }
}

/* Home process */
.home-process {
    padding-block: 0 var(--space-16);
}

.home-process__panel {
    padding: clamp(var(--space-6), 4vw, var(--space-12));
    background:
        radial-gradient(circle at 92% 56%, rgba(223, 255, 33, 0.055), transparent 22rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 40%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
}

.home-process__panel::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.04;
    background-image: radial-gradient(rgba(255, 255, 255, 0.7) 0.5px, transparent 0.5px);
    background-size: 7px 7px;
}

.home-process__title {
    position: relative;
    z-index: 1;
    margin-bottom: clamp(var(--space-8), 4vw, var(--space-12));
}

.home-process__layout {
    position: relative;
    z-index: 1;
}

.home-process__steps {
    display: grid;
    gap: var(--space-6);
    padding: 0;
    margin: 0;
    list-style: none;
}

.process-step {
    position: relative;
    min-width: 0;
    padding: var(--space-6) var(--space-4);
}

.process-step__visual {
    position: relative;
    display: flex;
    min-height: 5.5rem;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.process-step__number {
    color: rgba(246, 247, 242, 0.075);
    font-family: var(--font-display);
    font-size: clamp(4.5rem, 13vw, 6.25rem);
    font-weight: 800;
    letter-spacing: -0.07em;
    line-height: 1;
}

.process-step__icon {
    display: block;
    width: 3.5rem;
    flex: 0 0 3.5rem;
    color: var(--color-neon-primary);
    filter: drop-shadow(0 0 0.45rem rgba(223, 255, 33, 0.16));
}

.process-step__icon svg {
    width: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.process-step__title {
    margin-bottom: var(--space-3);
    font-size: clamp(1.25rem, 1.7vw, 1.6rem);
    line-height: 1;
    text-transform: uppercase;
}

.process-step__description {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
    line-height: 1.65;
}

.home-process__rabbit {
    width: min(10.5rem, 48vw);
    max-width: 100%;
    height: auto;
    margin: var(--space-8) auto 0;
}

@media (min-width: 48rem) {
    .home-process {
        padding-bottom: var(--space-20);
    }

    .home-process__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-process__rabbit {
        width: 9rem;
        margin: 0;
        margin-left: auto;
    }

    .process-step {
        border-bottom: 1px solid rgba(246, 247, 242, 0.07);
    }
}

@media (min-width: 68rem) {
    .home-process__steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

@media (min-width: 90rem) {
    .home-process__layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 13.5rem;
        gap: var(--space-6);
        align-items: center;
    }

    .home-process__steps {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0;
    }

    .process-step {
        min-height: 14rem;
        padding: var(--space-4) clamp(var(--space-4), 1.4vw, var(--space-6));
        border-bottom: 0;
    }

    .process-step:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 4.75rem;
        right: -0.65rem;
        width: 1.5rem;
        border-top: 1px dashed rgba(246, 247, 242, 0.16);
    }

    .process-step__number {
        font-size: 5.25rem;
    }

    .process-step__icon {
        width: 3.25rem;
        flex-basis: 3.25rem;
    }

    .process-step__description {
        font-size: 0.8rem;
        line-height: 1.55;
    }

    .home-process__rabbit {
        width: clamp(10rem, 11vw, 13rem);
        align-self: start;
        justify-self: end;
        margin: -1.5rem 0 0;
    }
}

@media (min-width: 48rem) and (max-width: 67.99rem) {
    .site-header__inner {
        display: flex;
    }

    .js .menu-toggle {
        display: inline-flex;
    }

    .site-header__cta {
        display: none;
    }

    .site-nav,
    .js .site-nav {
        position: absolute;
        top: calc(100% + var(--space-2));
        left: 0;
        display: none;
        width: 100%;
        padding: var(--space-4);
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 45%),
            rgba(17, 20, 21, 0.98);
        border: 1px solid var(--color-border-subtle);
        border-radius: var(--radius-large);
        box-shadow: var(--shadow-card);
    }

    .js .site-nav.is-open {
        display: block;
    }

    html:not(.js) .site-nav {
        position: static;
        display: block;
        width: 100%;
        padding: var(--space-3) 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .site-nav ul {
        flex-direction: column;
        gap: 0;
    }

    .site-nav a {
        padding: var(--space-3) 0;
        font-size: var(--text-body-sm);
        text-transform: none;
    }

    .site-nav__mobile-cta {
        display: inline-flex;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero__scribble {
        filter: none;
    }
}

/* Header and hero composition refinements */
.site-header {
    min-height: 4.75rem;
}

.site-logo {
    font-size: clamp(1.45rem, 2.2vw, 1.8rem);
}

.custom-logo {
    max-height: 2.75rem;
}

@media (min-width: 68rem) {
    .site-header {
        min-height: 4.875rem;
    }

    .site-header__inner {
        grid-template-columns: minmax(8rem, auto) minmax(0, 1fr) minmax(10rem, auto);
        gap: clamp(var(--space-4), 1.7vw, var(--space-8));
    }

    .site-nav .site-nav__mobile-cta {
        display: none;
        width: auto;
        margin: 0;
    }

    .site-header__cta {
        min-height: 2.875rem;
        padding-inline: var(--space-6);
        font-size: 0.8125rem;
        font-weight: 800;
    }

    .site-nav ul {
        gap: clamp(var(--space-3), 1.25vw, var(--space-6));
    }

    .site-nav a {
        color: rgba(255, 255, 255, 0.86);
        font-size: clamp(0.84rem, 0.72vw, 0.91rem);
        font-weight: 700;
        letter-spacing: 0.02em;
    }

    .home-hero {
        min-height: clamp(43rem, calc(100svh - 4.875rem), 51rem);
        padding-block: var(--space-4) 0;
        background:
            radial-gradient(circle at 70% 40%, rgba(223, 255, 33, 0.075), transparent 24rem),
            radial-gradient(circle at 52% 50%, rgba(255, 255, 255, 0.025), transparent 30rem),
            linear-gradient(100deg, #080a0a 0%, #070909 43%, #010202 58%, #000 100%);
    }

    .home-hero__inner {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        gap: 0;
        align-items: stretch;
    }

    .home-hero__content {
        align-self: start;
        max-width: 40rem;
        margin-top: clamp(var(--space-8), 6vh, var(--space-16));
    }

    .home-hero__eyebrow {
        margin-bottom: var(--space-4);
    }

    .home-hero__title {
        max-width: 39rem;
        margin-bottom: var(--space-6);
        font-size: clamp(4.6rem, 6.55vw, 7.05rem);
        line-height: 0.77;
        letter-spacing: -0.06em;
    }

    .home-hero__description {
        max-width: 34rem;
        font-size: clamp(0.95rem, 1.05vw, 1.125rem);
    }

    .home-hero__actions {
        margin-top: var(--space-6);
    }

    .home-hero__visual {
        align-self: stretch;
        justify-self: stretch;
        width: 118%;
        min-height: 45rem;
        margin-left: -5%;
        overflow: visible;
        background: transparent;
    }

    .home-hero__visual::before {
        inset: 5% -2% 0 6%;
        background:
            radial-gradient(ellipse at 54% 48%, rgba(223, 255, 33, 0.105), rgba(7, 9, 7, 0.055) 36%, transparent 70%);
    }

    .home-hero__rabbit {
        inset: -2% -8% 0 auto;
        width: 122%;
        height: 104%;
        max-width: none;
        object-position: right bottom;
        transform: none;
        background: transparent;
        filter: contrast(1.035) saturate(1.035);
    }

    .home-hero__scribble {
        width: 128%;
    }

    .home-hero__scribble--back {
        top: -1%;
        right: -13%;
        left: auto;
    }

    .home-hero__scribble--front {
        right: -10%;
        bottom: -9%;
        z-index: 3;
    }

    .home-hero__seal {
        top: 20%;
        left: -6%;
        z-index: 5;
        width: clamp(8.5rem, 10vw, 9.75rem);
    }
}

@media (min-width: 90rem) {
    .home-hero__rail {
        top: 14%;
        right: calc(var(--container-gutter) * -0.65);
        gap: var(--space-3);
    }
}

/* Desktop hero zone alignment */
@media (min-width: 68rem) {
    .home-hero__inner {
        grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    }

    .home-hero__content {
        max-width: 41rem;
    }

    .home-hero__title {
        max-width: 41rem;
        font-size: clamp(4.35rem, 6vw, 6.65rem);
        line-height: 0.84;
        letter-spacing: -0.052em;
    }

    .home-hero__title span {
        padding-block: 0.012em;
    }

    .home-hero__seal {
        top: 23%;
        left: 3%;
        width: clamp(9rem, 12.5vw, 11.5rem);
    }
}

@media (min-width: 90rem) {
    .home-hero__rabbit {
        right: 4.5rem;
        width: 116%;
    }

    .home-hero__rail {
        right: calc(50% - 50vw + var(--space-3));
        width: 4rem;
    }
}

/* Wide desktop header and rail balance */
@media (min-width: 68rem) {
    .site-header__inner {
        width: min(92%, 110rem);
        max-width: none;
        grid-template-columns: minmax(8rem, 1fr) auto minmax(8rem, 1fr);
        column-gap: clamp(var(--space-3), 1.4vw, var(--space-8));
    }

    .site-branding {
        justify-self: start;
    }

    .site-nav,
    .js .site-nav {
        justify-self: center;
    }

    .site-header__cta {
        justify-self: end;
    }

    .site-nav ul {
        gap: clamp(var(--space-3), 1.25vw, var(--space-6));
    }
}

@media (min-width: 90rem) {
    .home-hero__rail {
        right: clamp(-5rem, calc(50% - 50vw + var(--space-16)), 0rem);
    }
}

/* Wide hero alignment with the production header */
@media (min-width: 90rem) {
    .home-hero__inner {
        width: min(92%, 110rem);
        max-width: none;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    }

    .home-hero__visual {
        width: 100%;
        margin-left: 0;
    }

    .home-hero__rail {
        right: -1rem;
    }
}

/* Homepage AI research */
.home-ai-research {
    position: relative;
    padding-block: clamp(var(--space-8), 5vw, var(--space-16));
}

.home-ai-research > .site-container--wide {
    width: min(calc(100% - 2rem), 110rem);
    max-width: none;
    margin-inline: auto;
}

.home-ai-research__panel {
    position: relative;
    overflow: hidden;
    padding: clamp(var(--space-6), 4vw, var(--space-12));
    border-color: var(--color-border-subtle);
    background:
        radial-gradient(circle at 82% 4%, rgba(223, 255, 33, 0.075), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 38%),
        var(--color-bg-panel);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.045), var(--shadow-soft);
}

.home-ai-research__panel::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 2.5rem 2.5rem;
    content: "";
    pointer-events: none;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), transparent 82%);
}

.home-ai-research__header,
.home-ai-research__grid {
    position: relative;
    z-index: 1;
}

.home-ai-research__header {
    display: grid;
    max-width: 58rem;
    gap: var(--space-3);
    margin-inline: auto;
    text-align: center;
}

.home-ai-research__header .eyebrow {
    margin-bottom: 0;
}

.home-ai-research__header h2 {
    margin: 0;
    font-size: clamp(1.45rem, 4.4vw, 4.75rem);
    line-height: 0.98;
}

.home-ai-research__title-line {
    display: block;
    white-space: nowrap;
}

.home-ai-research__header > p:last-child {
    max-width: 49rem;
    margin: 0 auto;
    color: var(--color-text-secondary);
    font-size: var(--text-body-lg);
    line-height: 1.7;
}

.home-ai-research__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    width: 100%;
    max-width: 70rem;
    margin-top: clamp(var(--space-8), 4vw, var(--space-12));
    margin-inline: auto;
}

.home-ai-research__card {
    position: relative;
    display: grid;
    min-width: 0;
    aspect-ratio: 1 / 0.86;
    min-height: 8.5rem;
    place-content: center;
    justify-items: center;
    gap: var(--space-3);
    padding: clamp(var(--space-4), 2.5vw, var(--space-6));
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    color: var(--color-text-primary);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)), var(--color-bg-elevated);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
    text-decoration: none;
    transition:
        color var(--transition-normal) var(--ease-standard),
        border-color var(--transition-normal) var(--ease-standard),
        box-shadow var(--transition-normal) var(--ease-standard),
        transform var(--transition-normal) var(--ease-standard);
}

.home-ai-research__card::before {
    position: absolute;
    top: 0;
    left: 1rem;
    width: 3.5rem;
    height: 1px;
    background: linear-gradient(90deg, var(--color-neon-primary), transparent);
    opacity: 0.45;
    content: "";
}

.home-ai-research__card:hover,
.home-ai-research__card:focus-visible {
    color: var(--color-text-primary);
    border-color: var(--color-border-strong);
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.24), 0 0 1.25rem rgba(223, 255, 33, 0.09);
    transform: translateY(-0.2rem);
}

.home-ai-research__card:focus-visible {
    outline: 2px solid var(--color-neon-primary);
    outline-offset: 0.25rem;
}

.home-ai-research__logo {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    color: var(--color-neon-primary);
    transition: color var(--transition-normal) var(--ease-standard), filter var(--transition-normal) var(--ease-standard);
}

.home-ai-research__logo img {
    display: block;
    width: 3.55rem;
    height: 3.55rem;
    object-fit: contain;
    filter: invert(93%) sepia(93%) saturate(1071%) hue-rotate(19deg) brightness(107%) contrast(104%);
}

.home-ai-research__card:nth-child(2) .home-ai-research__logo img {
    width: 3.8rem;
    height: 3.8rem;
}

.home-ai-research__card:nth-child(4) .home-ai-research__logo img {
    width: 3.25rem;
    height: 3.25rem;
}

.home-ai-research__card:nth-child(5) .home-ai-research__logo img {
    width: 3.7rem;
    height: 3.7rem;
}

.home-ai-research__name {
    overflow-wrap: anywhere;
    font-family: var(--font-display);
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}

.home-ai-research__card:hover .home-ai-research__logo img,
.home-ai-research__card:focus-visible .home-ai-research__logo img {
    filter: brightness(0) invert(1);
}

@media (min-width: 48rem) {
    .home-ai-research__grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .home-ai-research__card {
        grid-column: span 2;
    }

    .home-ai-research__card:nth-child(4) {
        grid-column: 2 / span 2;
    }

    .home-ai-research__card:nth-child(5) {
        grid-column: 4 / span 2;
    }
}

@media (min-width: 68rem) {
    .home-ai-research > .site-container--wide {
        width: min(92%, 110rem);
    }

    .home-ai-research__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .home-ai-research__card:nth-child(4),
    .home-ai-research__card:nth-child(5) {
        grid-column: auto;
    }

    .home-ai-research__card {
        grid-column: auto;
    }
}

@media (max-width: 21.5rem) {
    .home-ai-research__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-ai-research__card {
        transition: none;
    }

    .home-ai-research__card:hover,
    .home-ai-research__card:focus-visible {
        transform: none;
    }
}

/* Home services */
.home-services {
    scroll-margin-top: var(--space-4);
    padding-block: var(--space-4) var(--space-16);
}

.home-services__panel {
    width: min(calc(100% - (var(--container-gutter) * 2)), 110rem);
    margin-inline: auto;
    padding: clamp(var(--space-6), 4vw, var(--space-12));
    overflow: visible;
    border-color: transparent;
    background: none;
    box-shadow: none;
}

.home-services__panel::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset-block: 0;
    left: 50%;
    width: 100%;
    border: 1px solid var(--color-border-subtle);
    border-radius: inherit;
    background:
        radial-gradient(circle at 82% 0, rgba(223, 255, 33, 0.045), transparent 27rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 38%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), var(--shadow-soft);
    transform: translateX(-50%);
    pointer-events: none;
}

.home-services__panel > * {
    position: relative;
    z-index: 1;
}

.home-services__header {
    display: grid;
    gap: var(--space-6);
    align-items: end;
    margin-bottom: clamp(var(--space-8), 4vw, var(--space-12));
}

.home-services__heading .eyebrow {
    margin-bottom: var(--space-3);
}

.home-services__title {
    max-width: 44rem;
    margin-bottom: 0;
}

.home-services__intro {
    max-width: 31rem;
    margin-bottom: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
}

.home-services__all {
    justify-self: start;
}

.home-services__grid {
    display: flex;
    gap: var(--space-3);
    margin-inline: calc(var(--space-6) * -1);
    padding: 0 var(--space-6) var(--space-3);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-color: var(--color-border-strong) transparent;
    scrollbar-width: thin;
}

.service-card {
    flex: 0 0 min(84vw, 20rem);
    min-height: 23rem;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.service-card__link {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: var(--space-6);
    color: var(--color-text-primary);
    text-decoration: none;
}

.service-card__link:hover {
    color: var(--color-text-primary);
}

.service-card__icon {
    display: grid;
    width: 3.25rem;
    aspect-ratio: 1;
    place-items: center;
    margin-bottom: var(--space-8);
    color: var(--color-neon-primary);
    border: 1px solid rgba(223, 255, 33, 0.18);
    border-radius: var(--radius-medium);
    background: rgba(223, 255, 33, 0.025);
    box-shadow: 0 0 1rem rgba(223, 255, 33, 0.08);
    transition: border-color var(--transition-normal) var(--ease-standard), box-shadow var(--transition-normal) var(--ease-standard);
}

.service-card__icon svg {
    width: 2.35rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card__title {
    margin-bottom: var(--space-4);
    font-size: clamp(1.35rem, 1.6vw, 1.75rem);
    line-height: 1;
    text-transform: uppercase;
}

.service-card__description {
    margin-bottom: var(--space-6);
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
    line-height: 1.65;
}

.service-card__arrow {
    display: inline-flex;
    margin-top: auto;
    color: var(--color-neon-primary);
    transition: transform var(--transition-normal) var(--ease-standard);
}

@media (hover: hover) {
    .service-card {
        transition: transform var(--transition-normal) var(--ease-standard), border-color var(--transition-normal) var(--ease-standard), box-shadow var(--transition-normal) var(--ease-standard);
    }

    .service-card:hover,
    .service-card:focus-within {
        transform: translateY(-0.2rem);
    }

    .service-card:hover .service-card__icon,
    .service-card:focus-within .service-card__icon {
        border-color: var(--color-border-strong);
        box-shadow: var(--shadow-neon);
    }

    .service-card:hover .service-card__arrow,
    .service-card:focus-within .service-card__arrow {
        transform: translate(0.15rem, -0.15rem);
    }
}

@media (min-width: 48rem) {
    .home-services {
        padding-bottom: var(--space-20);
    }

    .home-services__header {
        grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    }

    .home-services__all {
        grid-column: 2;
    }

    .home-services__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-inline: 0;
        padding: 0;
        overflow: visible;
    }

    .service-card {
        min-width: 0;
    }
}

@media (min-width: 64rem) {
    .home-services__header {
        grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.7fr) auto;
    }

    .home-services__all {
        grid-column: auto;
        justify-self: end;
    }

    .home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 75rem) {
    .home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .service-card {
        min-height: 25rem;
    }

    .service-card__link {
        padding: clamp(var(--space-4), 1.55vw, var(--space-6));
    }

    .service-card__title {
        font-size: clamp(1.25rem, 1.45vw, 1.65rem);
    }
}

/* Hero and services optical rhythm */
.home-services__title {
    max-width: 46rem;
    line-height: 1.02;
    letter-spacing: -0.032em;
}

.service-card__icon {
    margin-bottom: var(--space-6);
}

.service-card__heading {
    min-height: 6.25rem;
    margin-bottom: var(--space-4);
}

.service-card__eyebrow {
    display: block;
    min-height: 1rem;
    margin-bottom: var(--space-2);
    color: var(--color-neon-primary);
    font-size: var(--text-micro);
    font-weight: 800;
    letter-spacing: 0.09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.service-card__title {
    margin-bottom: 0;
    line-height: 1.04;
}

.service-card__description {
    margin-bottom: var(--space-6);
    line-height: 1.7;
}

@media (min-width: 68rem) {
    .home-hero__title {
        max-width: 41.5rem;
        line-height: 0.87;
        letter-spacing: -0.05em;
    }
}

@media (min-width: 75rem) {
    .service-card__heading {
        min-height: 7rem;
    }
}

/* Hero-to-services overlap */
.home-services {
    --services-overlap: 0rem;

    position: relative;
    z-index: 5;
    margin-top: var(--services-overlap);
    padding-top: 0;
}

.home-services__panel,
.home-process__panel {
    width: min(calc(100% - (var(--space-4) * 2)), 110rem);
    margin-inline: auto;
}

@media (min-width: 48rem) {
    .home-services {
        --services-overlap: -0.5rem;
    }

    .home-services__panel,
    .home-process__panel {
        width: min(96%, 110rem);
    }
}

@media (min-width: 68rem) {
    .home-services__panel::before {
        width: calc(100vw - 2rem);
    }
}

@media (min-width: 90rem) {
    .home-services {
        --services-overlap: -0.75rem;
    }

    .home-services__panel,
    .home-process__panel {
        width: min(calc(100% - 2.5rem), 117.5rem);
    }

    .service-card__description {
        min-height: 7.25rem;
    }

    .service-card--software .service-card__title {
        max-width: 14rem;
        font-size: clamp(1.2rem, 1.35vw, 1.55rem);
        line-height: 1.02;
        letter-spacing: -0.025em;
    }
}

/* Home sectors */
.home-sectors {
    padding-block: 0 var(--space-16);
}

.home-sectors__panel {
    position: relative;
    z-index: 1;
    width: min(calc(100% - (var(--space-4) * 2)), 110rem);
    margin-inline: auto;
    padding: clamp(var(--space-6), 5vw, var(--space-16));
    overflow: hidden;
    border-color: var(--color-border-subtle);
    background:
        radial-gradient(circle at 8% 12%, var(--color-glow), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 40%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), var(--shadow-soft);
}

.home-sectors__intro {
    margin-bottom: var(--space-12);
}

.home-sectors__title {
    max-width: 35rem;
    margin-bottom: var(--space-6);
}

.home-sectors__description {
    max-width: 36rem;
    margin-bottom: var(--space-8);
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
    line-height: 1.7;
}

.home-sectors__list {
    border-top: 1px solid var(--color-border-subtle);
}

.sector-row {
    position: relative;
    border-bottom: 1px solid var(--color-border-subtle);
}

.sector-row__link {
    position: relative;
    display: grid;
    min-height: 10rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-2);
    overflow: hidden;
    color: var(--color-text-primary);
    text-decoration: none;
    transition: padding var(--transition-normal) var(--ease-standard), background-color var(--transition-normal) var(--ease-standard);
}

.sector-row__number {
    align-self: start;
    padding-top: var(--space-1);
    color: var(--color-neon-primary);
    font-family: var(--font-display);
    font-size: var(--text-body-sm);
    font-weight: 800;
    line-height: 1;
}

.sector-row__content {
    position: relative;
    z-index: 1;
    display: block;
}

.sector-row__title {
    margin-bottom: var(--space-3);
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    line-height: 1;
    text-transform: uppercase;
    transition: color var(--transition-normal) var(--ease-standard);
}

.sector-row__description {
    display: block;
    max-width: 42rem;
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
    line-height: 1.6;
}

.sector-row__geometry {
    position: absolute;
    top: 50%;
    right: 3.5rem;
    width: 5rem;
    color: var(--color-neon-primary);
    opacity: 0.08;
    transform: translateY(-50%);
    pointer-events: none;
}

.sector-row__geometry svg {
    width: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.25;
}

.sector-row__arrow {
    position: relative;
    z-index: 1;
    color: var(--color-neon-primary);
    transition: transform var(--transition-normal) var(--ease-standard);
}

@media (hover: hover) {
    .sector-row__link:hover,
    .sector-row__link:focus-visible {
        padding-inline: var(--space-4) 0;
        color: var(--color-text-primary);
        background: linear-gradient(90deg, transparent, rgba(223, 255, 33, 0.035));
    }

    .sector-row__link:hover .sector-row__title,
    .sector-row__link:focus-visible .sector-row__title {
        color: var(--color-neon-primary);
    }

    .sector-row__link:hover .sector-row__arrow,
    .sector-row__link:focus-visible .sector-row__arrow {
        transform: translate(0.18rem, -0.18rem);
    }
}

@media (min-width: 48rem) {
    .home-sectors {
        padding-bottom: var(--space-20);
    }

    .home-sectors__panel {
        width: min(96%, 110rem);
    }

    .sector-row__link {
        grid-template-columns: 2.5rem minmax(0, 1fr) auto;
        gap: var(--space-6);
        padding-inline: var(--space-4);
    }
}

@media (min-width: 90rem) {
    .home-sectors__panel {
        display: grid;
        width: min(calc(100% - 2.5rem), 117.5rem);
        grid-template-columns: minmax(20rem, 0.7fr) minmax(0, 1.3fr);
        gap: clamp(var(--space-12), 6vw, var(--space-24));
        align-items: center;
    }

    .home-sectors__intro {
        margin-bottom: 0;
    }

    .sector-row__link {
        min-height: 11rem;
    }
}

/* Home Why Biajans */
.home-why {
    padding-block: 0 var(--space-16);
}

.home-why__panel {
    width: min(calc(100% - (var(--space-4) * 2)), 110rem);
    margin-inline: auto;
    padding: clamp(var(--space-6), 5vw, var(--space-16));
    background:
        radial-gradient(circle at 12% 18%, rgba(223, 255, 33, 0.065), transparent 25rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
}

.home-why__intro {
    margin-bottom: var(--space-12);
}

.home-why__title {
    margin-bottom: var(--space-6);
}

.home-why__description {
    max-width: 34rem;
    margin-bottom: var(--space-8);
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
    line-height: 1.7;
}

.home-why__principles {
    display: grid;
    gap: 0;
    padding: 0;
    margin: 0;
    border-top: 1px solid var(--color-border-subtle);
    list-style: none;
}

.why-principle {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-2);
    border-bottom: 1px solid var(--color-border-subtle);
    transition: background-color var(--transition-normal) var(--ease-standard);
}

.why-principle__number {
    color: rgba(246, 247, 242, 0.18);
    font-family: var(--font-display);
    font-size: clamp(2.25rem, 7vw, 3.5rem);
    font-weight: 800;
    letter-spacing: -0.06em;
    line-height: 0.85;
    transition: color var(--transition-normal) var(--ease-standard);
}

.why-principle__title {
    margin-bottom: var(--space-3);
    font-size: clamp(1.15rem, 1.7vw, 1.5rem);
    line-height: 1.08;
    text-transform: uppercase;
}

.why-principle__description {
    max-width: 42rem;
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
    line-height: 1.65;
}

.why-principle__mark {
    align-self: center;
    color: var(--color-neon-primary);
    opacity: 0.7;
    transition: opacity var(--transition-normal) var(--ease-standard), transform var(--transition-normal) var(--ease-standard);
}

@media (hover: hover) {
    .why-principle:hover {
        background: linear-gradient(90deg, transparent, rgba(223, 255, 33, 0.035));
    }

    .why-principle:hover .why-principle__number {
        color: var(--color-neon-primary);
    }

    .why-principle:hover .why-principle__mark {
        opacity: 1;
        transform: translateX(0.2rem);
    }
}

@media (min-width: 48rem) {
    .home-why {
        padding-bottom: var(--space-20);
    }

    .home-why__panel {
        width: min(96%, 110rem);
    }

    .home-why__principles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 var(--space-8);
    }

    .why-principle {
        padding-inline: var(--space-4);
    }
}

@media (min-width: 90rem) {
    .home-why__panel {
        display: grid;
        width: min(calc(100% - 2.5rem), 117.5rem);
        grid-template-columns: minmax(20rem, 0.72fr) minmax(0, 1.28fr);
        gap: clamp(var(--space-12), 6vw, var(--space-24));
        align-items: start;
    }

    .home-why__intro {
        margin-bottom: 0;
    }

    .home-why__principles {
        grid-template-columns: 1fr;
    }

    .why-principle {
        min-height: 8.75rem;
        align-items: center;
    }
}

/* Why Biajans demo analysis */
.analysis-card {
    position: relative;
    width: 100%;
    margin-top: var(--space-8);
    padding: var(--space-4);
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    background:
        radial-gradient(circle at 78% 16%, rgba(223, 255, 33, 0.08), transparent 12rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 44%),
        var(--color-bg-elevated);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), var(--shadow-soft);
    transition: border-color var(--transition-normal) var(--ease-standard), box-shadow var(--transition-normal) var(--ease-standard);
}

.analysis-card__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.analysis-card__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--space-3);
}

.analysis-card__identity > span:last-child {
    display: grid;
    gap: var(--space-1);
}

.analysis-card__identity strong {
    font-family: var(--font-display);
    font-size: var(--text-body-sm);
    letter-spacing: -0.01em;
    line-height: 1.1;
    text-transform: uppercase;
}

.analysis-card__identity small {
    color: var(--color-text-muted);
    font-size: var(--text-micro);
    line-height: 1.3;
}

.analysis-card__icon {
    display: grid;
    width: 2.5rem;
    aspect-ratio: 1;
    flex: 0 0 2.5rem;
    place-items: center;
    color: var(--color-neon-primary);
    border: 1px solid rgba(223, 255, 33, 0.22);
    border-radius: var(--radius-medium);
    background: rgba(223, 255, 33, 0.035);
}

.analysis-card__status {
    display: inline-flex;
    min-height: 1.75rem;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-pill);
    background: var(--color-overlay);
    font-size: var(--text-micro);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.analysis-card__status-dot {
    width: 0.4rem;
    aspect-ratio: 1;
    border-radius: var(--radius-circle);
    background: var(--color-neon-primary);
    box-shadow: 0 0 0.5rem var(--color-glow);
}

.analysis-card__chart {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: var(--space-4);
    color: var(--color-neon-primary);
}

.analysis-card__chart svg {
    width: 100%;
    height: auto;
    overflow: visible;
}

.analysis-card__grid {
    fill: none;
    stroke: rgba(246, 247, 242, 0.08);
    stroke-width: 1;
}

.analysis-card__area {
    fill: url(#analysis-area-gradient);
}

.analysis-card__line {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.analysis-card__points {
    fill: var(--color-bg-elevated);
    stroke: currentColor;
    stroke-width: 2;
}

.analysis-card__point--active {
    fill: currentColor;
    stroke: rgba(223, 255, 33, 0.28);
    stroke-width: 7;
}

.analysis-card__tooltip rect {
    fill: var(--color-bg-card);
    stroke: var(--color-border-subtle);
}

.analysis-card__tooltip text,
.analysis-card__months text {
    fill: var(--color-text-muted);
    font-family: var(--font-body);
    font-size: 10px;
}

.analysis-card__tooltip .analysis-card__tooltip-value {
    fill: var(--color-neon-primary);
    font-family: var(--font-display);
    font-size: 17px;
    font-weight: 800;
}

.analysis-card__months text {
    text-anchor: middle;
}

.analysis-card__metrics {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
}

.analysis-metric {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-1) var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-medium);
    background: rgba(255, 255, 255, 0.018);
}

.analysis-metric__icon {
    display: block;
    width: 1.15rem;
    color: var(--color-neon-primary);
}

.analysis-metric__icon svg {
    width: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.analysis-metric__label {
    overflow: hidden;
    color: var(--color-text-muted);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.analysis-metric strong {
    grid-column: 1 / -1;
    color: var(--color-neon-primary);
    font-family: var(--font-display);
    font-size: var(--text-body-sm);
    line-height: 1;
}

.analysis-metric__bar {
    display: block;
    height: 2px;
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: var(--radius-pill);
    background: var(--color-border-subtle);
}

.analysis-metric__bar i {
    display: block;
    width: var(--metric-fill);
    height: 100%;
    background: var(--color-neon-primary);
}

@media (hover: hover) {
    .analysis-card:hover {
        border-color: var(--color-border-strong);
        box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), 0 1rem 2.5rem rgba(0, 0, 0, 0.22);
    }
}

@media (min-width: 48rem) {
    .analysis-card {
        padding: var(--space-6);
    }
}

@media (min-width: 90rem) {
    .analysis-card {
        padding: var(--space-4);
    }

}

/* Home about and team */
.home-about {
    padding-block: 0 var(--space-16);
}

.home-about__panel {
    width: min(calc(100% - (var(--space-4) * 2)), 110rem);
    margin-inline: auto;
    padding: clamp(var(--space-6), 5vw, var(--space-16));
    background:
        radial-gradient(circle at 88% 16%, rgba(223, 255, 33, 0.065), transparent 26rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
}

.home-about__story {
    margin-bottom: var(--space-12);
}

.home-about__title {
    max-width: 38rem;
    margin-bottom: var(--space-6);
}

.home-about__description {
    max-width: 40rem;
    margin-bottom: var(--space-8);
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
    line-height: 1.75;
}

.home-about__facts {
    display: grid;
    gap: var(--space-2);
    padding: 0;
    margin: 0 0 var(--space-8);
}

.home-about__facts > div {
    padding: var(--space-4);
    border-top: 1px solid var(--color-border-subtle);
    background: rgba(255, 255, 255, 0.015);
}

.home-about__facts dt {
    margin-bottom: var(--space-1);
    color: var(--color-text-primary);
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1;
    text-transform: uppercase;
}

.home-about__facts dd {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-micro);
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.3;
    text-transform: uppercase;
}

.home-about__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.home-about__visual {
    position: relative;
    margin-top: var(--space-8);
    overflow: hidden;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    background:
        radial-gradient(circle at 50% 44%, rgba(223, 255, 33, 0.075), transparent 56%),
        var(--color-bg-elevated);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), var(--shadow-soft);
}

.home-about__visual img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.home-about__team {
    min-width: 0;
}

.home-about__team-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-border-subtle);
}

.home-about__team-heading p {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-label);
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.home-about__team-heading svg {
    color: var(--color-neon-primary);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.25;
    opacity: 0.45;
}

.home-about__team-grid {
    display: grid;
    gap: var(--space-4);
    padding: 0;
    margin: var(--space-6) 0 0;
    list-style: none;
}

.team-profile {
    position: relative;
    min-width: 0;
}

.team-profile__inner {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    background: var(--color-bg-card);
    text-decoration: none;
    transition: border-color var(--transition-normal) var(--ease-standard), box-shadow var(--transition-normal) var(--ease-standard), transform var(--transition-normal) var(--ease-standard);
}

.team-profile__link::before,
.team-profile__link::after {
    position: absolute;
    z-index: -1;
    width: 2.75rem;
    height: 2.75rem;
    pointer-events: none;
    content: "";
    opacity: 0;
    transition: opacity var(--transition-normal) var(--ease-standard), transform var(--transition-normal) var(--ease-standard);
}

.team-profile__link::before {
    top: -0.45rem;
    left: -0.45rem;
    border-top: 1px solid var(--color-neon-primary);
    border-left: 1px solid var(--color-neon-primary);
    transform: translate(0.35rem, 0.35rem);
}

.team-profile__link::after {
    right: -0.45rem;
    bottom: -0.45rem;
    border-right: 1px solid var(--color-neon-primary);
    border-bottom: 1px solid var(--color-neon-primary);
    transform: translate(-0.35rem, -0.35rem);
}

.team-profile__portrait {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-radius: calc(var(--radius-large) - 1px) calc(var(--radius-large) - 1px) 0 0;
    border-bottom: 1px solid var(--color-border-subtle);
    background: var(--color-bg-elevated);
}

.team-profile__portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow) var(--ease-standard);
}

.team-profile__placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: rgba(246, 247, 242, 0.12);
    background:
        radial-gradient(circle at 68% 28%, rgba(223, 255, 33, 0.09), transparent 42%),
        linear-gradient(145deg, var(--color-bg-card), var(--color-bg-page));
}

.team-profile__placeholder > span {
    position: relative;
    z-index: 1;
    font-family: var(--font-display);
    font-size: clamp(3rem, 7vw, 5.5rem);
    font-weight: 800;
    letter-spacing: -0.08em;
    line-height: 1;
}

.team-profile__placeholder svg {
    position: absolute;
    inset: 8% 10%;
    width: 80%;
    height: 84%;
    fill: none;
    stroke: var(--color-neon-primary);
    stroke-width: 0.7;
    opacity: 0.09;
}

.team-profile__meta {
    padding: var(--space-4);
}

.team-profile__number {
    display: block;
    margin-bottom: var(--space-2);
    color: var(--color-neon-primary);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    font-weight: 800;
    letter-spacing: 0.08em;
}

.team-profile__name {
    margin: 0;
    font-size: clamp(1.05rem, 1.65vw, 1.4rem);
    line-height: 1.05;
    text-transform: uppercase;
}

.team-profile__role {
    margin: var(--space-2) 0 0;
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
}

.team-profile__link:focus-visible {
    color: var(--color-text-primary);
    border-color: var(--color-neon-primary);
    outline: 2px solid var(--color-neon-primary);
    outline-offset: 0.3rem;
}

.team-profile__link:focus-visible::before,
.team-profile__link:focus-visible::after {
    opacity: 0.85;
    transform: translate(0, 0);
}

@media (hover: hover) {
    .team-profile__link:hover {
        color: var(--color-text-primary);
        border-color: rgba(223, 255, 33, 0.55);
        box-shadow: var(--shadow-card), 0 0 1.4rem rgba(223, 255, 33, 0.08);
        transform: translateY(-0.2rem);
    }

    .team-profile__link:hover::before,
    .team-profile__link:hover::after {
        opacity: 0.85;
        transform: translate(0, 0);
    }

    .team-profile__link:hover .team-profile__portrait img,
    .team-profile__link:focus-visible .team-profile__portrait img {
        transform: scale(1.02);
    }
}

@media (min-width: 30rem) {
    .home-about__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 48rem) {
    .home-about {
        padding-bottom: var(--space-20);
    }

    .home-about__panel {
        width: min(96%, 110rem);
    }

    .home-about__team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 90rem) {
    .home-about__panel {
        display: grid;
        width: min(calc(100% - 2.5rem), 117.5rem);
        grid-template-columns: minmax(20rem, 0.74fr) minmax(0, 1.26fr);
        gap: clamp(var(--space-12), 6vw, var(--space-24));
        align-items: start;
    }

    .home-about__story {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        justify-content: center;
        margin-bottom: 0;
    }

    .home-about__team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Homepage closing about and contact */
.home-about-contact {
    position: relative;
    padding-block: 0 var(--space-8);
}

.home-about-contact__panel {
    width: min(calc(100% - (var(--space-4) * 2)), 110rem);
    margin-inline: auto;
    padding: clamp(var(--space-6), 5vw, var(--space-16));
    background:
        radial-gradient(circle at 82% 32%, rgba(223, 255, 33, 0.075), transparent 28rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent 42%),
        linear-gradient(130deg, var(--color-bg-panel), var(--color-bg-elevated));
}

.home-about-contact__about,
.home-about-contact__contact {
    min-width: 0;
}

.home-about-contact__about {
    padding-bottom: var(--space-12);
}

.home-about-contact__title,
.home-about-contact__contact-title {
    margin-bottom: var(--space-6);
}

.home-about-contact__title {
    max-width: 38rem;
}

.home-about-contact__description {
    max-width: 39rem;
    margin-bottom: var(--space-8);
    color: var(--color-text-secondary);
    font-size: var(--text-body-sm);
    line-height: 1.75;
}

.home-about-contact__facts {
    display: grid;
    gap: var(--space-2);
    padding: 0;
    margin: 0 0 var(--space-8);
}

.home-about-contact__facts > div {
    padding: var(--space-4);
    border-top: 1px solid var(--color-border-subtle);
    background: rgba(255, 255, 255, 0.015);
}

.home-about-contact__facts dt {
    margin-bottom: var(--space-1);
    color: var(--color-text-primary);
    font-family: var(--font-display);
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    text-transform: uppercase;
}

.home-about-contact__facts dd {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--text-micro);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-about-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.home-about-contact__divider {
    display: block;
    height: 1px;
    margin-block: 0 var(--space-12);
    background: var(--color-border-subtle);
}

.home-about-contact__contact {
    position: relative;
    display: flex;
    min-height: 32rem;
    flex-direction: column;
    overflow: hidden;
}

.home-about-contact__contact-copy,
.home-about-contact__address,
.home-about-contact__contact-cta {
    position: relative;
    z-index: 1;
}

.home-about-contact__address {
    display: grid;
    gap: var(--space-2);
    max-width: 31rem;
    padding: var(--space-4) 0;
    margin: auto 0 var(--space-6);
    color: var(--color-text-secondary);
    border-top: 1px solid var(--color-border-subtle);
    border-bottom: 1px solid var(--color-border-subtle);
    font-size: var(--text-body-sm);
    font-style: normal;
    line-height: 1.6;
}

.home-about-contact__address strong {
    color: var(--color-text-primary);
    font-family: var(--font-display);
    font-size: var(--text-body-lg);
    text-transform: uppercase;
}

.home-about-contact__contact-cta {
    align-self: flex-start;
}

.home-about-contact__orbit {
    position: absolute;
    right: -4rem;
    bottom: -3.5rem;
    width: clamp(12rem, 38vw, 20rem);
    color: var(--color-neon-primary);
    opacity: 0.13;
    pointer-events: none;
}

.home-about-contact__orbit svg {
    width: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.1;
}

.home-about-contact__orbit span {
    position: absolute;
    right: 28%;
    bottom: 42%;
    font-size: var(--text-micro);
    font-weight: 800;
    letter-spacing: 0.12em;
}

@media (min-width: 32rem) {
    .home-about-contact__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 48rem) {
    .home-about-contact__panel {
        width: min(92%, 110rem);
    }
}

@media (min-width: 90rem) {
    .home-about-contact__panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
        gap: clamp(var(--space-12), 5vw, var(--space-20));
        align-items: stretch;
    }

    .home-about-contact__about {
        padding-bottom: 0;
    }

    .home-about-contact__divider {
        width: 1px;
        height: auto;
        margin: 0;
    }

    .home-about-contact__contact {
        min-height: 100%;
    }
}

/* Meta Reklam Ajansı landing page */
.meta-service-page {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 8%, rgba(223, 255, 33, 0.055), transparent 30rem),
        var(--color-bg-page);
}

.meta-service-page .site-container--wide {
    width: min(calc(100% - (var(--container-gutter) * 2)), var(--container-normal));
}

.meta-service-breadcrumb {
    padding-block: var(--space-4);
    border-bottom: 1px solid var(--color-border-subtle);
}

.meta-service-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin: 0 auto;
    padding: 0;
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
    list-style: none;
}

.meta-service-breadcrumb li + li::before {
    margin-right: var(--space-2);
    color: var(--color-border-strong);
    content: "/";
}

.meta-service-breadcrumb a { color: var(--color-text-secondary); text-decoration: none; }
.meta-service-breadcrumb a:hover,
.meta-service-breadcrumb a:focus-visible { color: var(--color-neon-primary); }

.meta-service-hero {
    position: relative;
    padding-block: clamp(var(--space-12), 7vw, var(--space-24));
}

.meta-service-hero__inner {
    display: grid;
    gap: var(--space-12);
    align-items: center;
}

.meta-service-hero__copy { position: relative; z-index: 2; }
.meta-service-hero__copy .eyebrow { margin-bottom: var(--space-6); }

.meta-service-hero h1 {
    max-width: 51rem;
    margin-bottom: var(--space-6);
    font-size: clamp(2.8rem, 12vw, 6.5rem);
    line-height: 0.86;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.meta-service-hero h1 > span { display: block; color: var(--color-text-primary); }
.meta-service-hero h1 .meta-service-hero__accent { color: var(--color-neon-primary); }
.meta-service-hero__copy > p.body-lg { max-width: 46rem; color: var(--color-text-secondary); line-height: 1.7; }

.meta-service-actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-8);
}

.meta-service-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin: var(--space-6) 0 0;
    color: var(--color-text-muted);
    font-size: var(--text-body-sm);
}

.meta-service-map {
    position: relative;
    width: min(100%, 38rem);
    aspect-ratio: 1.05;
    justify-self: center;
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-panel);
    background: radial-gradient(circle, rgba(223, 255, 33, 0.08), transparent 55%), var(--color-bg-elevated);
    box-shadow: inset 0 1px rgba(255,255,255,.04), var(--shadow-soft);
}

.meta-service-map > svg { width: 100%; height: 100%; fill: none; }
.meta-service-map__lines { stroke: rgba(223,255,33,.16); stroke-width: 1.25; stroke-dasharray: 5 8; }
.meta-service-map__core { stroke: var(--color-neon-primary); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.meta-service-map__label,
.meta-service-map__signal {
    position: absolute;
    display: grid;
    min-height: 2rem;
    place-items: center;
    padding-inline: var(--space-3);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-pill);
    background: rgba(7,9,9,.92);
    font-size: clamp(.55rem, 1.8vw, .72rem);
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.meta-service-map__label--core { top: 48%; left: 50%; color: var(--color-neon-primary); transform: translate(-50%,-50%); }
.meta-service-map__label--campaign { top: 22%; left: 50%; transform: translateX(-50%); }
.meta-service-map__label--set { bottom: 20%; left: 19%; }
.meta-service-map__label--creative { right: 17%; bottom: 20%; }
.meta-service-map__signal--1 { top: 8%; left: 8%; }
.meta-service-map__signal--2 { top: 8%; right: 8%; }
.meta-service-map__signal--3 { top: 44%; left: 2%; }
.meta-service-map__signal--4 { top: 44%; right: 2%; }
.meta-service-map__signal--5 { bottom: 7%; left: 11%; }
.meta-service-map__signal--6 { right: 9%; bottom: 7%; }

.meta-service-section { padding-block: clamp(var(--space-16), 6vw, var(--space-20)); }
.meta-service-section:nth-of-type(even) { background: rgba(255,255,255,.012); }

.meta-service-heading { max-width: 61rem; margin-bottom: clamp(var(--space-8), 5vw, var(--space-16)); }
.meta-service-heading .eyebrow { margin-bottom: var(--space-4); }
.meta-service-heading h2,
.meta-service-split h2,
.meta-service-mr h2,
.meta-service-cases h2,
.meta-service-final h2,
.meta-service-answer h2 {
    max-width: 58rem;
    margin-bottom: clamp(var(--space-4), 2.5vw, var(--space-6));
    font-size: clamp(2.25rem, 4vw, 3.65rem);
    line-height: .98;
    text-transform: uppercase;
}

.meta-service-heading h2 span { color: var(--color-neon-primary); }
.meta-service-heading > p:last-child { max-width: 48rem; color: var(--color-text-secondary); }

.meta-service-answer__inner { display: grid; gap: var(--space-8); }
.meta-service-answer__label { padding-top: var(--space-2); }
.meta-service-answer__label > span { display: block; margin-bottom: var(--space-4); color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-lg); font-weight: 800; }
.meta-service-answer__label .eyebrow { margin: 0; }
.meta-service-answer__copy { min-width: 0; padding-left: clamp(var(--space-6), 4vw, var(--space-12)); border-left: 1px solid var(--color-border-strong); }
.meta-service-answer p { color: var(--color-text-secondary); }
.meta-service-answer strong { color: var(--color-text-primary); }

.meta-service-card-grid,
.meta-service-audience__grid {
    display: grid;
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.meta-service-card,
.meta-service-scope__card {
    padding: clamp(var(--space-6), 4vw, var(--space-8));
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-large);
    background: linear-gradient(145deg, rgba(255,255,255,.025), transparent), var(--color-bg-card);
}

.meta-service-card > span,
.meta-service-scope__card > span {
    display: block;
    margin-bottom: var(--space-8);
    color: var(--color-neon-primary);
    font-size: var(--text-label);
    font-weight: 800;
}

.meta-service-card h3,
.meta-service-scope__card h3 { margin-bottom: var(--space-4); font-size: var(--text-heading-sm); text-transform: uppercase; }
.meta-service-card p { margin: 0; color: var(--color-text-muted); font-size: clamp(.875rem, 1vw, .95rem); line-height: 1.7; }

.meta-service-process { background: linear-gradient(145deg, rgba(223,255,33,.025), transparent 55%); }
.meta-service-process__list { display: grid; margin: 0; padding: 0; list-style: none; }
.meta-service-process__list li { display: grid; grid-template-columns: 3.25rem minmax(0,1fr); gap: var(--space-4); padding-block: var(--space-6); border-top: 1px solid var(--color-border-subtle); }
.meta-service-process__list > li > span { color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-sm); font-weight: 800; }
.meta-service-process__list h3 { margin-bottom: var(--space-3); text-transform: uppercase; }
.meta-service-process__list p { margin: 0; color: var(--color-text-muted); font-size: clamp(.875rem, 1vw, .95rem); line-height: 1.65; }

.meta-service-scope__grid { display: grid; gap: var(--space-4); }
.meta-service-scope__card { min-height: 17rem; }
.meta-service-scope__card ul { display: grid; gap: var(--space-2); margin: 0; padding: 0; color: var(--color-text-secondary); font-size: clamp(.875rem, 1vw, .95rem); list-style: none; }
.meta-service-scope__card li::before { margin-right: var(--space-2); color: var(--color-neon-primary); content: "—"; }

.meta-service-platforms__grid { display: grid; gap: var(--space-4); }
.meta-service-platforms__grid > a,
.meta-service-sectors__grid > a {
    display: flex;
    min-height: 23rem;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(var(--space-6), 5vw, var(--space-12));
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-panel);
    background: radial-gradient(circle at 80% 15%, rgba(223,255,33,.11), transparent 15rem), var(--color-bg-panel);
    text-decoration: none;
    transition: border-color var(--transition-normal) var(--ease-standard), transform var(--transition-normal) var(--ease-standard);
}
.meta-service-platforms__grid > a:hover,
.meta-service-platforms__grid > a:focus-visible,
.meta-service-sectors__grid > a:hover,
.meta-service-sectors__grid > a:focus-visible { border-color: var(--color-border-strong); transform: translateY(-.2rem); }
.meta-service-platforms__grid span { margin-bottom: auto; color: var(--color-neon-primary); font-size: var(--text-label); font-weight: 800; }
.meta-service-platforms__grid h3 { margin-bottom: var(--space-4); font-size: clamp(2rem, 3.2vw, 3.25rem); text-transform: uppercase; }
.meta-service-platforms__grid p { color: var(--color-text-secondary); font-size: clamp(.95rem, 1.15vw, 1.05rem); line-height: 1.7; }
.meta-service-platforms__grid strong { display: inline-flex; gap: var(--space-2); align-items: center; margin-top: var(--space-4); color: var(--color-neon-primary); font-size: var(--text-body); }

.meta-service-split { display: grid; gap: clamp(var(--space-8), 7vw, var(--space-20)); align-items: start; }
.meta-service-split .body-lg { color: var(--color-text-secondary); }
.meta-service-test-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.meta-service-test-list li { display: grid; min-height: 9.5rem; place-items: center; padding: var(--space-6); color: var(--color-text-primary); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: var(--color-bg-card); font-size: clamp(.9rem, 1.2vw, 1.05rem); font-weight: 800; text-align: center; text-transform: uppercase; }

.meta-service-indicators { margin: 0; }
.meta-service-indicators > div { padding-block: var(--space-6); border-top: 1px solid var(--color-border-subtle); }
.meta-service-indicators dt { margin-bottom: var(--space-2); color: var(--color-neon-primary); font-weight: 800; letter-spacing: .04em; }
.meta-service-indicators dd { margin: 0; color: var(--color-text-muted); font-size: clamp(.9rem, 1.1vw, 1rem); line-height: 1.65; }

.meta-service-mr__panel,
.meta-service-cases__panel,
.meta-service-final__inner {
    display: grid;
    gap: var(--space-8);
    padding: clamp(var(--space-8), 6vw, var(--space-16));
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-panel);
    background: radial-gradient(circle at 88% 15%, rgba(223,255,33,.14), transparent 24rem), var(--color-bg-panel);
    box-shadow: var(--shadow-soft);
}
.meta-service-mr__panel { padding: clamp(var(--space-12), 7vw, var(--space-20)); border-color: var(--color-neon-primary); box-shadow: var(--shadow-soft), 0 0 2rem rgba(223,255,33,.09); }
.meta-service-mr__panel > * { min-width: 0; }
.meta-service-mr h2 { max-width: 38rem; font-size: clamp(2.65rem, 4.3vw, 4.25rem); overflow-wrap: normal; }
.meta-service-mr .btn { width: fit-content; min-height: 3.25rem; padding-inline: var(--space-8); }
.meta-service-mr__panel p,
.meta-service-cases__panel p,
.meta-service-final__inner p { color: var(--color-text-secondary); line-height: 1.7; }

.meta-service-audience__grid li { display: flex; min-height: 8rem; align-items: center; padding: var(--space-8); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: var(--color-bg-card); font-size: clamp(.95rem, 1.25vw, 1.1rem); font-weight: 800; text-transform: uppercase; transition: border-color var(--transition-normal) var(--ease-standard), background-color var(--transition-normal) var(--ease-standard); }
.meta-service-audience__grid li:hover { border-color: var(--color-border-strong); background: var(--color-bg-card-hover); }
.meta-service-audience__grid li::before { margin-right: var(--space-3); color: var(--color-neon-primary); content: "+"; }

.meta-service-sectors__grid { display: grid; gap: var(--space-4); }
.meta-service-sectors__grid > a { min-height: 18rem; border-radius: var(--radius-large); }
.meta-service-sectors__grid h3 { margin-bottom: var(--space-4); font-size: clamp(1.5rem, 2.2vw, 2rem); text-transform: uppercase; }
.meta-service-sectors__grid p { margin: 0; color: var(--color-text-muted); font-size: clamp(.9rem, 1.1vw, 1rem); line-height: 1.7; }

.meta-service-faq__list { border-top: 1px solid var(--color-border-subtle); }
.meta-service-faq details { border-bottom: 1px solid var(--color-border-subtle); }
.meta-service-faq .site-container--text { width: min(calc(100% - (var(--container-gutter) * 2)), 56rem); max-width: none; }
.meta-service-faq summary { position: relative; min-height: 4rem; padding: var(--space-6) var(--space-8) var(--space-6) 0; color: var(--color-text-primary); font-size: clamp(1rem, 1.4vw, 1.125rem); font-weight: 800; cursor: pointer; list-style: none; }
.meta-service-faq summary::-webkit-details-marker { display: none; }
.meta-service-faq summary::after { position: absolute; top: 50%; right: 0; color: var(--color-neon-primary); content: "+"; transform: translateY(-50%); }
.meta-service-faq details[open] summary::after { content: "−"; }
.meta-service-faq details p { padding: 0 var(--space-8) var(--space-6) 0; margin: 0; color: var(--color-text-secondary); line-height: 1.75; }

.meta-service-final { padding-block: var(--space-8) clamp(var(--space-16), 7vw, var(--space-24)); }
.meta-service-final__inner { padding: clamp(var(--space-12), 7vw, var(--space-20)); }
.meta-service-final h2 { max-width: 47rem; font-size: clamp(2.65rem, 4.5vw, 4.75rem); }
.meta-service-final .meta-service-actions { align-self: center; align-items: center; justify-content: flex-start; margin-top: 0; }
.meta-service-final .btn { width: auto; min-height: 3.25rem; flex: 0 0 auto; padding-inline: var(--space-8); }

@media (min-width: 30rem) {
    .meta-service-actions { flex-direction: row; flex-wrap: wrap; }
    .meta-service-card-grid--four,
    .meta-service-audience__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (min-width: 48rem) {
    .meta-service-split,
    .meta-service-cases__panel { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .meta-service-hero h1 { font-size: clamp(4.25rem, 7.1vw, 7rem); }
    .meta-service-answer__inner { grid-template-columns: minmax(10rem,.32fr) minmax(0,1fr); gap: clamp(var(--space-8), 6vw, var(--space-20)); }
    .meta-service-card-grid--four { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .meta-service-process__list { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: var(--space-8); }
    .meta-service-scope__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .meta-service-platforms__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .meta-service-sectors__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (min-width: 68rem) {
    .meta-service-page .site-container--wide,
    .meta-service-faq .site-container--text {
        width: min(92%, 110rem);
        max-width: none;
    }
    .meta-service-faq .meta-service-heading,
    .meta-service-faq__list { max-width: 56rem; }
    .meta-service-hero__inner { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: clamp(var(--space-8), 4vw, var(--space-16)); }
    .meta-service-hero h1 { max-width: 52rem; font-size: clamp(4.55rem, 5.2vw, 5.5rem); line-height: .9; }
    .meta-service-map { width: min(100%, 42rem); }
    .meta-service-mr__panel { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(var(--space-12), 6vw, var(--space-24)); }
    .meta-service-final__inner { grid-template-columns: minmax(0,1.2fr) minmax(22rem,.8fr); gap: clamp(var(--space-12), 5vw, var(--space-20)); }
    .meta-service-final .meta-service-actions { justify-content: flex-end; }
    .meta-service-heading > p:last-child,
    .meta-service-split p:not(.eyebrow),
    .meta-service-mr__panel p,
    .meta-service-cases__panel p,
    .meta-service-final__inner p,
    .meta-service-faq details p { font-size: clamp(.95rem, 1.05vw, 1.0625rem); }
    .meta-service-card-grid--four { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .meta-service-process__list { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; }
    .meta-service-process__list li { display: block; min-height: 20rem; padding: var(--space-8) var(--space-6); border-top: 1px solid var(--color-border-subtle); border-left: 1px solid var(--color-border-subtle); }
    .meta-service-process__list > li > span { display: block; margin-bottom: var(--space-8); }
    .meta-service-scope__grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .meta-service-scope__card:nth-child(n+5) { grid-column: span 2; }
    .meta-service-scope__card { padding: var(--space-8); }
    .meta-service-card { min-height: 22rem; padding: var(--space-8); }
    .meta-service-split { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); }
    .meta-service-cases__panel { padding: var(--space-16); }
}

@media (prefers-reduced-motion: reduce) {
    .meta-service-platforms__grid > a,
    .meta-service-sectors__grid > a { transform: none; }
}

/* Google Ads Ajansı landing page */
.google-service-page { overflow: hidden; background: radial-gradient(circle at 76% 7%,rgba(223,255,33,.05),transparent 34rem),var(--color-bg-page); }
.google-service-breadcrumb { padding-block: var(--space-4); border-bottom: 1px solid var(--color-border-subtle); }
.google-service-breadcrumb ol { display: flex; gap: var(--space-2); margin: 0 auto; padding: 0; color: var(--color-text-muted); font-size: var(--text-body-sm); list-style: none; }
.google-service-breadcrumb li+li::before { margin-right: var(--space-2); color: var(--color-border-strong); content: "/"; }
.google-service-breadcrumb a { color: var(--color-text-secondary); text-decoration: none; }
.google-service-breadcrumb a:hover,.google-service-breadcrumb a:focus-visible { color: var(--color-neon-primary); }
.google-service-hero { padding-block: clamp(var(--space-12),7vw,var(--space-24)); }
.google-service-hero__inner { display: grid; gap: var(--space-12); align-items: center; }
.google-service-hero__copy { min-width: 0; }
.google-service-hero__copy .eyebrow { margin-bottom: var(--space-6); }
.google-service-hero h1 { max-width: 50rem; margin-bottom: var(--space-6); font-size: clamp(2.9rem,12vw,6rem); line-height: .86; letter-spacing: -.055em; text-transform: uppercase; }
.google-service-hero h1 span { display: block; }
.google-service-accent { color: var(--color-neon-primary); }
.google-service-hero__copy>.body-lg { max-width: 46rem; color: var(--color-text-secondary); line-height: 1.7; }
.google-service-actions { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-8); }
.google-service-trust { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-6) 0 0; color: var(--color-text-muted); font-size: var(--text-body-sm); }

.google-service-engine { position: relative; width: min(100%,42rem); min-height: 36rem; justify-self: center; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.035) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(223,255,33,.1),transparent 18rem),var(--color-bg-elevated); background-size: 2.5rem 2.5rem,2.5rem 2.5rem,auto,auto; box-shadow: inset 0 1px rgba(255,255,255,.04),var(--shadow-soft); }
.google-service-engine__top { display: flex; gap: var(--space-3); align-items: center; padding: var(--space-4); color: var(--color-text-muted); border-bottom: 1px solid var(--color-border-subtle); font-size: var(--text-micro); letter-spacing: .08em; }
.google-service-engine__top span { width: .45rem; aspect-ratio: 1; border-radius: 50%; background: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.google-service-search { display: flex; gap: var(--space-3); align-items: center; margin: var(--space-8) clamp(var(--space-4),5vw,var(--space-8)); padding: var(--space-4) var(--space-6); color: var(--color-text-secondary); border: 1px solid var(--color-border-strong); border-radius: var(--radius-pill); background: rgba(7,9,9,.88); }
.google-service-search svg { width: 1.25rem; fill: none; stroke: var(--color-neon-primary); stroke-width: 1.8; }
.google-service-search i { width: .5rem; height: 1.1rem; margin-left: auto; background: var(--color-neon-primary); opacity: .75; }
.google-service-engine__core { display: grid; min-height: 9rem; place-content: center; margin: 0 auto var(--space-8); color: var(--color-neon-primary); border-left: 1px solid var(--color-border-strong); border-right: 1px solid var(--color-border-strong); text-align: center; }
.google-service-engine__core span { font-family: var(--font-display); font-size: var(--text-heading-lg); font-weight: 800; }
.google-service-engine__core small { margin-top: var(--space-2); color: var(--color-text-muted); }
.google-service-engine__queries,.google-service-engine__tags { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); padding-inline: var(--space-4); }
.google-service-engine__queries { margin-bottom: var(--space-6); }
.google-service-engine__queries span,.google-service-engine__tags span { padding: .45rem .7rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); background: rgba(7,9,9,.86); font-size: var(--text-micro); }
.google-service-engine__queries span { color: var(--color-text-primary); }
.google-service-engine__tags span { color: var(--color-neon-primary); }

.google-service-section { padding-block: clamp(var(--space-16),6vw,var(--space-20)); }
.google-service-section:nth-of-type(even) { background: rgba(255,255,255,.012); }
.google-service-heading { max-width: 61rem; margin-bottom: clamp(var(--space-8),5vw,var(--space-16)); }
.google-service-heading h2,.google-service-answer h2,.google-service-scope h2,.google-service-intent h2,.google-service-measure h2,.google-service-mr h2,.google-service-cases h2,.google-service-final h2 { max-width: 58rem; margin-bottom: var(--space-6); font-size: clamp(2.3rem,4vw,3.8rem); line-height: .96; text-transform: uppercase; }
.google-service-heading>p:last-child,.google-service-intent p,.google-service-measure p,.google-service-mr p,.google-service-cases p,.google-service-final p { max-width: 60ch; color: var(--color-text-secondary); line-height: 1.7; }

.google-service-answer__inner { display: grid; gap: var(--space-8); }
.google-service-answer__label>span { display: block; margin-bottom: var(--space-4); color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-lg); font-weight: 800; }
.google-service-answer__copy { min-width: 0; padding-left: clamp(var(--space-6),4vw,var(--space-12)); border-left: 1px solid var(--color-border-strong); }
.google-service-answer__copy p { color: var(--color-text-secondary); line-height: 1.75; }
.google-service-answer__copy strong { color: var(--color-text-primary); }

.google-service-problem-grid,.google-service-process__list,.google-service-audience ul { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.google-service-problem-grid li,.google-service-channel-grid article { min-height: 18rem; padding: var(--space-8); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--color-bg-card); }
.google-service-problem-grid span,.google-service-channel-grid article>span { display: block; margin-bottom: var(--space-8); color: var(--color-neon-primary); font-weight: 800; }
.google-service-problem-grid h3,.google-service-channel-grid h3 { margin-bottom: var(--space-4); font-size: var(--text-heading-sm); text-transform: uppercase; }
.google-service-problem-grid p,.google-service-channel-grid p,.google-service-process__list p { margin: 0; color: var(--color-text-muted); font-size: clamp(.875rem,1vw,.95rem); line-height: 1.7; }

.google-service-process__list { counter-reset: google-process; }
.google-service-process__list li { position: relative; min-height: 17rem; padding: var(--space-8) var(--space-6); border-top: 1px solid var(--color-border-subtle); }
.google-service-process__list li>span { display: block; margin-bottom: var(--space-8); color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-sm); font-weight: 800; }
.google-service-process__list h3 { margin-bottom: var(--space-3); text-transform: uppercase; }

.google-service-scope__inner,.google-service-intent__inner,.google-service-measure__inner { display: grid; gap: clamp(var(--space-8),7vw,var(--space-20)); }
.google-service-scope__inner ol { display: grid; grid-template-columns: minmax(0,1fr); gap: 0 var(--space-6); margin: 0; padding: 0; list-style: none; }
.google-service-scope__inner li { display: flex; gap: var(--space-3); align-items: center; min-height: 4.5rem; border-top: 1px solid var(--color-border-subtle); color: var(--color-text-secondary); }
.google-service-scope__inner li span { color: var(--color-neon-primary); font-size: var(--text-micro); }
.google-service-channel-grid { display: grid; gap: var(--space-4); }

.google-service-intent__levels { position: relative; display: grid; gap: var(--space-4); margin: 0; padding: clamp(var(--space-5),4vw,var(--space-10)); overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),radial-gradient(circle at 90% 90%,rgba(223,255,33,.1),transparent 18rem),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto,auto; list-style: none; box-shadow: inset 0 1px rgba(255,255,255,.04),var(--shadow-soft); }
.google-service-intent__levels::before { position: absolute; top: clamp(3.5rem,7vw,5rem); bottom: clamp(3.5rem,7vw,5rem); left: clamp(2.95rem,6.8vw,5rem); width: 1px; background: linear-gradient(var(--color-neon-primary),rgba(223,255,33,.14)); content: ""; }
.google-service-intent__levels li { position: relative; display: grid; grid-template-columns: 2.75rem minmax(0,1fr); gap: 0 var(--space-5); align-items: center; min-height: 7.5rem; padding: var(--space-5); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: rgba(7,9,9,.88); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.google-service-intent__levels li:last-child { border-color: var(--color-border-strong); background: linear-gradient(110deg,rgba(223,255,33,.08),transparent 58%),rgba(7,9,9,.96); box-shadow: inset 0 1px rgba(255,255,255,.04),0 0 2rem rgba(223,255,33,.08); }
.google-service-intent__levels span { position: relative; z-index: 1; display: grid; width: 2.25rem; aspect-ratio: 1; place-items: center; color: var(--color-bg-page); border-radius: var(--radius-circle); background: var(--color-neon-primary); box-shadow: var(--shadow-neon); font-size: var(--text-micro); font-weight: 800; }
.google-service-intent__levels strong { align-self: end; letter-spacing: -.01em; text-transform: uppercase; }
.google-service-intent__levels small { grid-column: 2; align-self: start; color: var(--color-text-muted); line-height: 1.5; }

.google-service-measure__dashboard { position: relative; display: grid; min-height: 34rem; place-items: center; padding: clamp(var(--space-4),4vw,var(--space-8)); overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.03) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(223,255,33,.12),transparent 15rem),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto,auto; box-shadow: inset 0 1px rgba(255,255,255,.04),var(--shadow-soft); }
.google-service-measure__dashboard::before,.google-service-measure__dashboard::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(223,255,33,.13); border-radius: var(--radius-circle); content: ""; transform: translate(-50%,-50%); }
.google-service-measure__dashboard::before { width: 17rem; aspect-ratio: 1; }
.google-service-measure__dashboard::after { width: 24rem; aspect-ratio: 1; border-style: dashed; }
.google-service-measure__core { position: relative; z-index: 2; display: grid; width: 10rem; aspect-ratio: 1; place-content: center; margin: 0; padding: var(--space-4); border: 1px solid var(--color-border-strong); border-radius: var(--radius-circle); background: radial-gradient(circle,rgba(223,255,33,.13),rgba(7,9,9,.98) 68%); text-align: center; box-shadow: var(--shadow-neon); }
.google-service-measure__core span { width: .5rem; aspect-ratio: 1; margin: 0 auto var(--space-3); border-radius: var(--radius-circle); background: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.google-service-measure__core strong { color: var(--color-neon-primary); font-size: var(--text-label); text-transform: uppercase; }
.google-service-measure__core small { margin-top: var(--space-2); color: var(--color-text-muted); font-size: var(--text-micro); }
.google-service-measure__dashboard ul { position: absolute; z-index: 1; inset: var(--space-5); margin: 0; padding: 0; list-style: none; }
.google-service-measure__dashboard li { position: absolute; display: flex; gap: var(--space-2); align-items: center; min-height: 2.75rem; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); background: rgba(7,9,9,.94); font-size: var(--text-micro); font-weight: 800; text-transform: uppercase; box-shadow: inset 0 1px rgba(255,255,255,.035); }
.google-service-measure__dashboard li span { width: .38rem; aspect-ratio: 1; flex: 0 0 auto; border-radius: var(--radius-circle); background: var(--color-neon-primary); box-shadow: 0 0 .65rem rgba(223,255,33,.55); }
.google-service-measure__dashboard li:nth-child(1) { top: 2%; left: 50%; transform: translateX(-50%); }
.google-service-measure__dashboard li:nth-child(2) { top: 20%; right: 1%; }
.google-service-measure__dashboard li:nth-child(3) { right: 2%; bottom: 20%; }
.google-service-measure__dashboard li:nth-child(4) { bottom: 2%; left: 50%; transform: translateX(-50%); }
.google-service-measure__dashboard li:nth-child(5) { bottom: 20%; left: 2%; }
.google-service-measure__dashboard li:nth-child(6) { top: 20%; left: 1%; }
.google-service-measure__dashboard li:nth-child(7) { top: 43%; left: 1%; }
.google-service-measure__dashboard li:nth-child(8) { top: 43%; right: 1%; }

.google-service-mr__panel,.google-service-cases__inner,.google-service-final__inner { display: grid; gap: var(--space-8); padding: clamp(var(--space-12),7vw,var(--space-20)); border: 1px solid var(--color-border-strong); border-radius: var(--radius-panel); background: radial-gradient(circle at 88% 15%,rgba(223,255,33,.12),transparent 24rem),var(--color-bg-panel); box-shadow: var(--shadow-soft); }
.google-service-mr__panel>* { min-width: 0; }
.google-service-mr h2 { max-width: 39rem; font-size: clamp(2.7rem,4.3vw,4.4rem); }
.google-service-mr .btn,.google-service-final .btn { width: auto; min-height: 3.25rem; padding-inline: var(--space-8); }

.google-service-audience ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
.google-service-audience li { display: flex; min-height: 8rem; align-items: center; padding: var(--space-8); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: var(--color-bg-card); font-weight: 800; text-transform: uppercase; }
.google-service-audience li::before { margin-right: var(--space-3); color: var(--color-neon-primary); content: "+"; }
.google-service-sector-grid { display: grid; gap: var(--space-4); }
.google-service-sector-grid a { display: flex; min-height: 11rem; align-items: flex-end; padding: var(--space-8); color: var(--color-text-primary); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: radial-gradient(circle at 80% 15%,rgba(223,255,33,.09),transparent 12rem),var(--color-bg-card); font-size: var(--text-heading-sm); font-weight: 800; text-decoration: none; text-transform: uppercase; transition: border-color var(--transition-normal) var(--ease-standard),transform var(--transition-normal) var(--ease-standard); }
.google-service-sector-grid a:hover,.google-service-sector-grid a:focus-visible { color: var(--color-neon-primary); border-color: var(--color-border-strong); transform: translateY(-.2rem); }

.google-service-faq__inner { display: grid; gap: clamp(var(--space-8),7vw,var(--space-20)); }
.google-service-faq__inner header>p:last-child { max-width: 34rem; color: var(--color-text-secondary); line-height: 1.7; }
.google-service-faq__list { width: 100%; border-top: 1px solid var(--color-border-subtle); }
.google-service-faq details { border-bottom: 1px solid var(--color-border-subtle); }
.google-service-faq summary { position: relative; min-height: 4rem; padding: var(--space-6) var(--space-8) var(--space-6) 0; font-size: clamp(1rem,1.4vw,1.125rem); font-weight: 800; cursor: pointer; list-style: none; }
.google-service-faq summary::-webkit-details-marker { display: none; }
.google-service-faq summary::after { position: absolute; top: 50%; right: 0; color: var(--color-neon-primary); content: "+"; transform: translateY(-50%); }
.google-service-faq details[open] summary::after { content: "−"; }
.google-service-faq details p { padding: 0 var(--space-8) var(--space-6) 0; margin: 0; color: var(--color-text-secondary); line-height: 1.75; }
.google-service-final { padding-top: var(--space-8); }
.google-service-final h2 { max-width: 47rem; font-size: clamp(2.7rem,4.5vw,4.8rem); }
.google-service-final .google-service-actions { align-self: center; align-items: center; margin: 0; }

@media (min-width:30rem) { .google-service-actions { flex-direction: row; flex-wrap: wrap; } .google-service-problem-grid,.google-service-audience ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:47.99rem) {
    .google-service-measure__dashboard { min-height: 0; place-items: stretch; }
    .google-service-measure__dashboard::before,.google-service-measure__dashboard::after { display: none; }
    .google-service-measure__core { width: min(10rem,100%); margin: 0 auto var(--space-6); }
    .google-service-measure__dashboard ul { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); width: 100%; }
    .google-service-measure__dashboard li { position: static; min-width: 0; transform: none; }
}
@media (min-width:48rem) {
    .google-service-scope__inner ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .google-service-answer__inner { grid-template-columns: minmax(10rem,.32fr) minmax(0,1fr); gap: clamp(var(--space-8),6vw,var(--space-20)); }
    .google-service-problem-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .google-service-process__list { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .google-service-scope__inner,.google-service-cases__inner { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .google-service-channel-grid,.google-service-sector-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width:68rem) {
    .google-service-page .site-container--wide { width: min(92%,110rem); max-width: none; }
    .google-service-hero__inner { grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr); gap: clamp(var(--space-8),4vw,var(--space-16)); }
    .google-service-hero h1 { font-size: clamp(4.8rem,5.25vw,5.8rem); }
    .google-service-problem-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .google-service-process__list { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; }
    .google-service-process__list li { border-left: 1px solid var(--color-border-subtle); }
    .google-service-scope__inner { grid-template-columns: minmax(18rem,.65fr) minmax(0,1.35fr); }
    .google-service-channel-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .google-service-intent__inner,.google-service-measure__inner { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
    .google-service-faq__inner { grid-template-columns: minmax(18rem,.65fr) minmax(0,1.35fr); }
    .google-service-mr__panel { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(var(--space-12),6vw,var(--space-24)); }
    .google-service-audience ul { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .google-service-sector-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .google-service-cases__inner { grid-template-columns: minmax(0,1fr) minmax(22rem,.75fr); }
    .google-service-final__inner { grid-template-columns: minmax(0,1.2fr) minmax(22rem,.8fr); }
    .google-service-final .google-service-actions { justify-content: flex-end; }
}
@media (prefers-reduced-motion:reduce) { .google-service-sector-grid a { transform: none; } }

/* Social Media Management landing page */
.social-service-page { overflow: clip; color: var(--color-text-primary); background: radial-gradient(circle at 78% 6%,rgba(223,255,33,.055),transparent 30rem); }
.social-service-page h1,.social-service-page h2,.social-service-page h3 { font-family: var(--font-display); text-transform: uppercase; }
.social-service-page h2 { max-width: 46rem; font-size: clamp(2.35rem,6.5vw,5rem); line-height: .95; letter-spacing: -.035em; }
.social-service-page p { color: var(--color-text-secondary); }
.social-service-section { padding-block: clamp(var(--space-16),9vw,var(--space-32)); }
.social-service-heading { display: grid; gap: var(--space-3); margin-bottom: clamp(2.5rem,5vw,var(--space-16)); }
.social-service-accent,.social-service-page .eyebrow { color: var(--color-neon-primary); }
.social-service-breadcrumb { padding-block: var(--space-4); border-bottom: 1px solid var(--color-border-subtle); font-size: var(--text-body-sm); }
.social-service-breadcrumb ol { display: flex; gap: var(--space-3); margin: 0 auto; padding: 0; list-style: none; }
.social-service-breadcrumb li+li::before { margin-right: var(--space-3); color: var(--color-text-muted); content: "/"; }
.social-service-breadcrumb a { color: var(--color-text-secondary); }
.social-service-hero { padding-block: clamp(2.5rem,6vw,var(--space-20)); }
.social-service-hero__inner { display: grid; gap: var(--space-12); align-items: center; }
.social-service-hero h1 { margin-block: 1.25rem; font-size: clamp(2.85rem,12vw,6rem); line-height: .84; letter-spacing: -.055em; }
.social-service-hero h1 span { display: block; }
.social-service-hero__copy>.body-lg { max-width: 42rem; }
.social-service-actions { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; margin-top: var(--space-8); }
.social-service-actions .btn { width: auto; min-height: 3.25rem; }
.social-service-trust { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); font-size: var(--text-body-sm); }
.social-service-trust span { color: var(--color-neon-primary); }

.social-service-os { min-width: 0; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(223,255,33,.12),transparent 17rem),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto,auto; box-shadow: inset 0 1px rgba(255,255,255,.04),var(--shadow-soft); }
.social-service-os>header { display: flex; gap: var(--space-3); align-items: center; padding: var(--space-4); border-bottom: 1px solid var(--color-border-subtle); color: var(--color-text-muted); font-size: var(--text-micro); letter-spacing: .1em; text-transform: uppercase; }
.social-service-os>header span { width: .45rem; aspect-ratio: 1; border-radius: 50%; background: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.social-service-os__stage { position: relative; min-height: 22rem; }
.social-service-os__stage p { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 11rem; aspect-ratio: 1; place-content: center; margin: 0; border: 1px solid var(--color-border-strong); border-radius: var(--radius-circle); background: rgba(7,9,9,.95); text-align: center; transform: translate(-50%,-50%); box-shadow: var(--shadow-neon); }
.social-service-os__stage strong { color: var(--color-neon-primary); text-transform: uppercase; }
.social-service-os__stage small { margin-top: var(--space-2); color: var(--color-text-muted); font-size: var(--text-micro); }
.social-service-os__stage i { position: absolute; display: block; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-medium); background: linear-gradient(145deg,rgba(223,255,33,.12),rgba(255,255,255,.02)); box-shadow: var(--shadow-card); }
.social-service-os__post { top: 12%; left: 8%; width: 8rem; aspect-ratio: 4/5; transform: rotate(-7deg); }
.social-service-os__story { top: 9%; right: 9%; width: 6rem; aspect-ratio: 9/16; transform: rotate(6deg); }
.social-service-os__reel { right: 11%; bottom: 8%; width: 8.5rem; aspect-ratio: 16/9; transform: rotate(-3deg); }
.social-service-os>ul { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin: 0; padding: var(--space-4); border-top: 1px solid var(--color-border-subtle); list-style: none; }
.social-service-os>ul li { padding: .42rem .7rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); color: var(--color-neon-primary); background: rgba(7,9,9,.88); font-size: var(--text-micro); }

.social-service-answer__inner,.social-service-split { display: grid; gap: clamp(var(--space-8),7vw,var(--space-20)); }
.social-service-answer { border-block: 1px solid var(--color-border-subtle); background: rgba(255,255,255,.012); }
.social-service-answer__inner>div:first-child>span { color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-lg); font-weight: 800; }
.social-service-answer__inner>div:last-child { padding-left: var(--space-6); border-left: 1px solid var(--color-border-strong); }
.social-service-answer__inner h2 { margin-bottom: var(--space-6); }
.social-service-answer__inner p { max-width: 54rem; line-height: 1.75; }
.social-service-problem-grid,.social-service-process ol,.social-service-scope ol,.social-service-audience ul { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.social-service-problem-grid li { min-height: 17rem; padding: var(--space-8); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--color-bg-card); }
.social-service-problem-grid span,.social-service-process li>span,.social-service-scope li span { color: var(--color-neon-primary); font-size: var(--text-micro); font-weight: 800; }
.social-service-problem-grid h3 { margin-block: var(--space-8) var(--space-4); font-size: var(--text-heading-sm); }
.social-service-problem-grid p,.social-service-process li p { margin: 0; color: var(--color-text-muted); font-size: clamp(.875rem,1vw,.95rem); line-height: 1.7; }

.social-service-process ol { position: relative; }
.social-service-process li { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1.25rem; min-height: 10rem; padding: var(--space-6); border-top: 1px solid var(--color-border-subtle); }
.social-service-process h3 { margin-bottom: var(--space-3); }
.social-service-board { display: grid; gap: var(--space-4); }
.social-service-board article { position: relative; display: flex; min-height: 13rem; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 1.75rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: radial-gradient(circle at 80% 15%,rgba(223,255,33,.12),transparent 12rem),var(--color-bg-card); }
.social-service-board article::before { position: absolute; top: 1.25rem; right: 1.25rem; width: 3rem; aspect-ratio: 1; border: 1px solid var(--color-border-strong); border-radius: var(--radius-circle); content: ""; }
.social-service-board span { color: var(--color-neon-primary); font-size: var(--text-micro); text-transform: uppercase; }
.social-service-board h3 { margin-top: var(--space-3); font-size: var(--text-heading-md); }
.social-service-board p { max-width: 28rem; margin-bottom: 0; }
.social-service-board a { color: var(--color-neon-primary); }
.social-service-timeline,.social-service-brand__system,.social-service-loop { min-width: 0; padding: clamp(var(--space-6),5vw,var(--space-12)); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto; box-shadow: inset 0 1px rgba(255,255,255,.04); }
.social-service-timeline ol { display: grid; margin: 0; padding: 0; list-style: none; }
.social-service-timeline li { position: relative; display: grid; grid-template-columns: minmax(5rem,.5fr) minmax(0,1fr); gap: var(--space-4); min-height: 5.5rem; align-items: center; border-bottom: 1px solid var(--color-border-subtle); }
.social-service-timeline li:last-child { border-bottom: 0; }
.social-service-timeline span { color: var(--color-neon-primary); font-size: var(--text-micro); }
.social-service-timeline i { position: absolute; right: 0; width: .45rem; aspect-ratio: 1; border-radius: 50%; background: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.social-service-brand__system { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); place-content: center; }
.social-service-brand__system strong { grid-column: 1/-1; justify-self: center; display: grid; width: 8rem; aspect-ratio: 1; place-items: center; border: 1px solid var(--color-border-strong); border-radius: var(--radius-circle); color: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.social-service-brand__system span { padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); background: var(--color-bg-card); text-align: center; font-size: var(--text-micro); }
.social-service-editorial { max-width: none; }
.social-service-editorial h2 { max-width: 60rem; }
.social-service-editorial .body-lg { max-width: 55rem; margin-top: var(--space-8); }
.social-service-loop ol,.social-service-loop ul { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.social-service-loop ol { justify-content: center; margin-bottom: 2.5rem; }
.social-service-loop ol li { position: relative; padding: var(--space-4) var(--space-6); border: 1px solid var(--color-border-strong); border-radius: var(--radius-pill); color: var(--color-neon-primary); font-weight: 800; }
.social-service-loop ol li:not(:last-child)::after { position: absolute; top: 50%; left: 100%; width: var(--space-3); height: 1px; background: var(--color-border-strong); content: ""; }
.social-service-loop ul { justify-content: center; }
.social-service-loop ul li { padding: .45rem .7rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); color: var(--color-text-muted); font-size: var(--text-micro); }
.social-service-scope ol { grid-template-columns: minmax(0,1fr); }
.social-service-scope li { display: flex; gap: var(--space-3); align-items: center; min-height: 4.5rem; border-top: 1px solid var(--color-border-subtle); color: var(--color-text-secondary); }
.social-service-panel { display: grid; gap: var(--space-8); padding: clamp(2.5rem,7vw,var(--space-20)); border: 1px solid var(--color-border-strong); border-radius: var(--radius-panel); background: radial-gradient(circle at 88% 15%,rgba(223,255,33,.12),transparent 24rem),var(--color-bg-panel); box-shadow: var(--shadow-soft); }
.social-service-panel .btn { width: auto; min-height: 3.25rem; }
.social-service-audience ul { grid-template-columns: minmax(0,1fr); }
.social-service-audience li { display: flex; min-height: 8rem; align-items: center; padding: 1.75rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: var(--color-bg-card); font-weight: 800; }
.social-service-audience li::before { margin-right: var(--space-3); color: var(--color-neon-primary); content: "+"; }
.social-service-sector-grid { display: grid; gap: var(--space-4); }
.social-service-sector-grid a { display: flex; min-height: 11rem; align-items: flex-end; padding: 1.75rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); color: var(--color-text-primary); background: radial-gradient(circle at 80% 15%,rgba(223,255,33,.09),transparent 12rem),var(--color-bg-card); font-size: var(--text-heading-sm); font-weight: 800; text-decoration: none; text-transform: uppercase; transition: color var(--transition-normal) var(--ease-standard),border-color var(--transition-normal) var(--ease-standard); }
.social-service-sector-grid a:hover,.social-service-sector-grid a:focus-visible { color: var(--color-neon-primary); border-color: var(--color-border-strong); }
.social-service-faq__inner { display: grid; gap: clamp(var(--space-8),7vw,var(--space-20)); }
.social-service-faq__inner header>p:last-child { max-width: 32rem; line-height: 1.7; }
.social-service-faq__list { width: 100%; border-top: 1px solid var(--color-border-subtle); }
.social-service-faq details { border-bottom: 1px solid var(--color-border-subtle); }
.social-service-faq summary { position: relative; min-height: 4rem; padding: var(--space-6) var(--space-8) var(--space-6) 0; font-weight: 800; cursor: pointer; list-style: none; }
.social-service-faq summary::-webkit-details-marker { display: none; }
.social-service-faq summary::after { position: absolute; top: 50%; right: 0; color: var(--color-neon-primary); content: "+"; transform: translateY(-50%); }
.social-service-faq details[open] summary::after { content: "−"; }
.social-service-faq details p { margin: 0; padding: 0 var(--space-8) var(--space-6) 0; line-height: 1.75; }
.social-service-final { padding-top: var(--space-8); }
.social-service-final .social-service-actions { align-self: center; margin: 0; }

@media (min-width:30rem) {
    .social-service-actions { flex-direction: row; flex-wrap: wrap; }
    .social-service-problem-grid,.social-service-audience ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width:48rem) {
    .social-service-answer__inner { grid-template-columns: minmax(10rem,.32fr) minmax(0,1fr); }
    .social-service-problem-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .social-service-process ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .social-service-board { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .social-service-board__video { grid-row: span 2; min-height: 30rem; }
    .social-service-scope ol,.social-service-sector-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .social-service-panel { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width:68rem) {
    .social-service-page .site-container--wide { width: min(92%,110rem); max-width: none; }
    .social-service-hero__inner { grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr); gap: clamp(var(--space-8),4vw,var(--space-16)); }
    .social-service-hero h1 { font-size: clamp(4.6rem,5.05vw,5.65rem); }
    .social-service-problem-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .social-service-process ol { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; }
    .social-service-process li { grid-template-columns: 1fr; min-height: 17rem; border-left: 1px solid var(--color-border-subtle); }
    .social-service-split { grid-template-columns: minmax(18rem,.7fr) minmax(0,1.3fr); }
    .social-service-scope ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .social-service-audience ul { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .social-service-sector-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .social-service-faq__inner { grid-template-columns: minmax(18rem,.65fr) minmax(0,1.35fr); }
    .social-service-final .social-service-actions { justify-content: flex-end; }
}
@media (prefers-reduced-motion:reduce) { .social-service-sector-grid a { transition: none; } }

/* Social Media landing page visual polish */
.social-service-os__stage::before,.social-service-os__stage::after { position: absolute; z-index: 0; top: 50%; left: 50%; border: 1px solid rgba(223,255,33,.16); border-radius: var(--radius-circle); content: ""; transform: translate(-50%,-50%); }
.social-service-os__stage::before { width: 17rem; aspect-ratio: 1; }
.social-service-os__stage::after { width: 24rem; aspect-ratio: 1; border-style: dashed; }
.social-service-os__stage i { z-index: 1; display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); }
.social-service-os__stage i::after { position: absolute; z-index: -1; top: 50%; width: clamp(2.5rem,6vw,6rem); height: 1px; background: linear-gradient(90deg,var(--color-border-strong),transparent); content: ""; }
.social-service-os__post::after { left: 100%; }
.social-service-os__story::after,.social-service-os__reel::after { right: 100%; transform: rotate(180deg); }
.social-service-os__stage b { color: var(--color-neon-primary); font-size: .58rem; font-style: normal; letter-spacing: .08em; }
.social-service-os__stage em { display: block; height: .38rem; border-radius: var(--radius-pill); background: rgba(255,255,255,.11); }
.social-service-os__stage em:last-child { width: 62%; }
.social-service-os__reel em { width: 72%; margin-top: auto; }
.social-service-os>ul li { min-width: 4.6rem; text-align: center; }

.social-service-timeline { position: relative; padding-block: clamp(var(--space-8),5vw,var(--space-12)); }
.social-service-timeline::before { position: absolute; top: clamp(var(--space-8),5vw,var(--space-12)); bottom: clamp(var(--space-8),5vw,var(--space-12)); left: clamp(2.8rem,7vw,5.15rem); width: 1px; background: linear-gradient(var(--color-neon-primary),rgba(223,255,33,.12)); content: ""; }
.social-service-timeline li { grid-template-columns: 3rem minmax(0,1fr) auto; gap: 1.25rem; min-height: 6.75rem; padding: var(--space-3); border: 0; }
.social-service-timeline li::before { position: relative; z-index: 1; display: grid; width: 2rem; aspect-ratio: 1; place-items: center; border: 1px solid var(--color-border-strong); border-radius: var(--radius-circle); color: var(--color-bg-page); background: var(--color-neon-primary); box-shadow: var(--shadow-neon); content: counter(list-item,decimal-leading-zero); font-size: .6rem; font-weight: 800; }
.social-service-timeline span { align-self: end; color: var(--color-text-primary); font-size: var(--text-label); font-weight: 800; letter-spacing: .07em; }
.social-service-timeline strong { grid-column: 2; align-self: start; width: fit-content; padding: .42rem .72rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); color: var(--color-neon-primary); background: rgba(7,9,9,.92); font-size: var(--text-micro); }
.social-service-timeline i { grid-column: 3; grid-row: 1/span 2; align-self: center; position: static; width: .45rem; }

.social-service-community__inner { display: grid; gap: clamp(2.5rem,7vw,var(--space-20)); }
.social-service-communication { position: relative; padding: clamp(var(--space-6),5vw,var(--space-12)); overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(223,255,33,.1),transparent 16rem),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto,auto; box-shadow: inset 0 1px rgba(255,255,255,.04),var(--shadow-soft); }
.social-service-communication::before { position: absolute; top: 50%; left: 12%; width: 76%; height: 1px; background: linear-gradient(90deg,transparent,var(--color-neon-primary),transparent); content: ""; }
.social-service-communication ol { position: relative; display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.social-service-communication li { position: relative; display: grid; grid-template-columns: 2.5rem minmax(0,1fr); gap: var(--space-4); align-items: center; min-height: 5rem; padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: rgba(7,9,9,.93); }
.social-service-communication li::after { position: absolute; top: 100%; left: 2rem; height: var(--space-4); border-left: 1px dashed var(--color-border-strong); content: ""; }
.social-service-communication li:last-child { border-color: var(--color-border-strong); box-shadow: 0 0 1.5rem rgba(223,255,33,.07); }
.social-service-communication li:last-child::after { display: none; }
.social-service-communication span { display: grid; width: 2rem; aspect-ratio: 1; place-items: center; border-radius: var(--radius-circle); color: var(--color-bg-page); background: var(--color-neon-primary); font-size: .6rem; font-weight: 800; }
.social-service-communication strong { font-size: var(--text-label); letter-spacing: .04em; text-transform: uppercase; }

.social-service-loop { min-height: 31rem; display: grid; align-content: center; padding: clamp(var(--space-8),6vw,var(--space-16)); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(223,255,33,.12),transparent 16rem),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto,auto; }
.social-service-loop ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-4); align-items: center; margin-bottom: var(--space-12); }
.social-service-loop ol li { display: grid; min-height: 5.5rem; place-items: center; padding: var(--space-4); border-radius: var(--radius-large); background: rgba(7,9,9,.94); text-align: center; }
.social-service-loop ol li:last-child { grid-column: 1/-1; border-color: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.social-service-loop ol li:not(:last-child)::after { top: 100%; left: 50%; width: 1px; height: var(--space-4); background: var(--color-border-strong); }
.social-service-loop ul { gap: var(--space-2); }
.social-service-loop ul li { background: rgba(7,9,9,.88); }

@media (min-width:48rem) {
    .social-service-communication ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .social-service-communication li::after { top: 50%; left: 100%; width: var(--space-4); height: 1px; border-top: 1px dashed var(--color-border-strong); border-left: 0; }
    .social-service-communication li:nth-child(2)::after { top: 100%; left: 50%; width: 1px; height: var(--space-4); border-top: 0; border-left: 1px dashed var(--color-border-strong); }
    .social-service-loop ol { grid-template-columns: repeat(5,minmax(0,1fr)); }
    .social-service-loop ol li:last-child { grid-column: auto; }
    .social-service-loop ol li:not(:last-child)::after { top: 50%; left: 100%; width: var(--space-4); height: 1px; }
}
@media (min-width:68rem) {
    .social-service-community__inner { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; }
    .social-service-loop { min-height: 35rem; }
}

/* Social Media landing page final visual balance */
.social-service-page h2 { font-size: clamp(2.25rem,7vw,4.6rem); line-height: .92; }
.social-service-content h2,.social-service-flow h2,.social-service-meta h2,.social-service-audience h2,.social-service-sectors h2,.social-service-cases h2,.social-service-faq h2,.social-service-final h2 { font-size: clamp(2.2rem,6.5vw,4rem); line-height: .92; }
.social-service-content,.social-service-flow,.social-service-audience,.social-service-sectors,.social-service-cases,.social-service-faq { padding-block: clamp(var(--space-12),6.5vw,var(--space-24)); }
.social-service-final { padding-block: clamp(var(--space-8),5vw,var(--space-16)); }

.social-service-board article { min-height: 10rem; justify-content: center; padding: clamp(1.25rem,3vw,1.75rem); }
.social-service-board article::before { top: var(--space-4); right: var(--space-4); width: 2.25rem; }
.social-service-board h3 { margin-block: var(--space-4) 0; font-size: clamp(1.55rem,2.6vw,2.35rem); }
.social-service-board p { margin-top: var(--space-4); }
.social-service-board p a { display: inline-flex; align-items: center; min-height: 2rem; padding: .25rem .65rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-pill); font-size: var(--text-micro); font-weight: 800; line-height: 1.25; text-decoration: none; white-space: normal; }

.social-service-timeline { padding: var(--space-6) clamp(1.25rem,4vw,var(--space-8)); }
.social-service-timeline::before { top: 2.5rem; bottom: 2.5rem; left: calc(clamp(1.25rem,4vw,var(--space-8)) + 1.5rem); }
.social-service-timeline li { grid-template-columns: 3rem minmax(0,1fr) auto; min-height: 5.35rem; padding-block: var(--space-2); }
.social-service-timeline li::before { display: none; }
.social-service-timeline li>b { position: relative; z-index: 1; display: grid; grid-column: 1; grid-row: 1/span 2; width: 2rem; aspect-ratio: 1; align-self: center; place-items: center; border: 1px solid var(--color-border-strong); border-radius: var(--radius-circle); color: var(--color-bg-page); background: var(--color-neon-primary); box-shadow: var(--shadow-neon); font-size: .6rem; }
.social-service-timeline span { grid-column: 2; }
.social-service-timeline strong { grid-column: 2; }

.social-service-meta .social-service-panel,.social-service-cases .social-service-panel,.social-service-final .social-service-panel { padding: clamp(var(--space-8),5vw,var(--space-16)); }
.social-service-meta .social-service-panel>div:last-child,.social-service-cases .social-service-panel>div:last-child { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.social-service-meta .social-service-panel>div:last-child p,.social-service-cases .social-service-panel>div:last-child p { max-width: 38rem; }
.social-service-meta .btn,.social-service-cases .btn { margin-top: var(--space-4); }

.social-service-audience li { min-height: 7rem; padding: var(--space-6); }
.social-service-sector-grid a { min-height: 8.25rem; align-items: center; padding: var(--space-6); }
.social-service-cases h2 { max-width: 32rem; }

.social-service-faq__inner { gap: clamp(var(--space-8),5vw,3.5rem); }
.social-service-faq h2 { max-width: 35rem; }
.social-service-final h2 { max-width: 43rem; }
.social-service-final .social-service-panel { align-items: center; }
.social-service-final .social-service-actions { justify-content: flex-start; }

@media (min-width:48rem) {
    .social-service-board__video { min-height: 22rem; }
}
@media (min-width:68rem) {
    .social-service-page h2 { font-size: clamp(2.8rem,4vw,4.6rem); }
    .social-service-content h2,.social-service-flow h2,.social-service-meta h2,.social-service-audience h2,.social-service-sectors h2,.social-service-cases h2,.social-service-faq h2,.social-service-final h2 { font-size: clamp(2.5rem,3.5vw,4rem); }
    .social-service-meta .social-service-panel,.social-service-cases .social-service-panel { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
    .social-service-faq__inner { grid-template-columns: minmax(19rem,.55fr) minmax(0,1.45fr); }
    .social-service-final .social-service-panel { grid-template-columns: minmax(0,1.15fr) minmax(22rem,.85fr); }
    .social-service-final .social-service-actions { justify-content: center; }
}

/* Graphic Design and Video Production landing pages */
.creative-landing { color: var(--color-text-primary); background: radial-gradient(circle at 78% 5%,rgba(223,255,33,.05),transparent 30rem); }
.creative-landing h1,.creative-landing h2,.creative-landing h3 { font-family: var(--font-display); text-transform: uppercase; }
.creative-landing h2 { max-width: 46rem; font-size: clamp(2.25rem,7vw,4.6rem); line-height: .92; letter-spacing: -.035em; }
.creative-landing p { color: var(--color-text-secondary); }
.creative-landing .eyebrow,.creative-accent { color: var(--color-neon-primary); }
.creative-section { padding-block: clamp(var(--space-12),7vw,var(--space-24)); }
.creative-heading { display: grid; gap: var(--space-3); margin-bottom: clamp(var(--space-8),5vw,var(--space-16)); }
.creative-breadcrumb { padding-block: var(--space-4); border-bottom: 1px solid var(--color-border-subtle); font-size: var(--text-body-sm); }
.creative-breadcrumb ol { display: flex; gap: var(--space-3); margin: 0 auto; padding: 0; list-style: none; }
.creative-breadcrumb li+li::before { margin-right: var(--space-3); color: var(--color-text-muted); content: "/"; }
.creative-breadcrumb a { color: var(--color-text-secondary); }
.creative-hero { padding-block: clamp(var(--space-10,2.5rem),6vw,var(--space-20)); }
.creative-hero__inner { display: grid; gap: var(--space-12); align-items: center; }
.creative-hero h1 { margin-block: 1.25rem; font-size: clamp(2.85rem,12vw,6rem); line-height: .84; letter-spacing: -.055em; }
.creative-hero h1 span { display: block; }
.creative-hero__inner>div:first-child>.body-lg { max-width: 42rem; }
.creative-actions { display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; margin-top: var(--space-8); }
.creative-actions .btn,.creative-panel .btn { width: auto; min-height: 3.25rem; }
.creative-trust { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); font-size: var(--text-body-sm); }
.creative-trust span { color: var(--color-neon-primary); }
.creative-answer { border-block: 1px solid var(--color-border-subtle); background: rgba(255,255,255,.012); }
.creative-answer__inner,.creative-split { display: grid; gap: clamp(var(--space-8),7vw,var(--space-20)); }
.creative-answer__inner>div:first-child>span { color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-lg); font-weight: 800; }
.creative-answer__inner>div:last-child { padding-left: var(--space-6); border-left: 1px solid var(--color-border-strong); }
.creative-answer h2 { margin-bottom: var(--space-6); }
.creative-answer p { max-width: 54rem; line-height: 1.75; }
.creative-card-grid,.creative-process ol,.creative-scope ul,.creative-audience ul { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.creative-card-grid li { min-height: 15rem; padding: var(--space-7,1.75rem); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--color-bg-card); }
.creative-card-grid span,.creative-process span { color: var(--color-neon-primary); font-size: var(--text-micro); font-weight: 800; }
.creative-card-grid h3 { margin-block: var(--space-6) var(--space-3); font-size: var(--text-heading-sm); }
.creative-card-grid p { margin: 0; color: var(--color-text-muted); font-size: .9rem; line-height: 1.65; }
.creative-module-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); margin: 0; padding: clamp(var(--space-6),4vw,var(--space-10,2.5rem)); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: var(--color-bg-panel); list-style: none; }
.creative-module-list li { min-height: 4.5rem; display: grid; place-items: center; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-medium); color: var(--color-neon-primary); font-size: var(--text-label); font-weight: 800; }
.creative-text-link { display: inline-flex; margin-top: var(--space-4); padding: .45rem .75rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-pill); color: var(--color-neon-primary); font-size: var(--text-label); font-weight: 800; text-decoration: none; }
.creative-hub { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-3); padding: clamp(var(--space-6),5vw,var(--space-12)); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto; }
.creative-hub strong { grid-column: 1/-1; justify-self: center; display: grid; width: 8rem; aspect-ratio: 1; place-items: center; border: 1px solid var(--color-border-strong); border-radius: 50%; color: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.creative-hub span { padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); text-align: center; font-size: var(--text-micro); }
.creative-process ol { grid-template-columns: minmax(0,1fr); }
.creative-process li { min-height: 8rem; padding: var(--space-6); border-top: 1px solid var(--color-border-subtle); }
.creative-process h3 { margin-top: var(--space-6); font-size: var(--text-heading-sm); }
.creative-scope ul { grid-template-columns: minmax(0,1fr); }
.creative-scope li { display: flex; align-items: center; min-height: 4.25rem; border-top: 1px solid var(--color-border-subtle); color: var(--color-text-secondary); }
.creative-scope li::before { margin-right: var(--space-3); color: var(--color-neon-primary); content: "+"; }
.creative-panel { display: grid; gap: var(--space-8); align-items: center; padding: clamp(var(--space-8),5vw,var(--space-16)); border: 1px solid var(--color-border-strong); border-radius: var(--radius-panel); background: radial-gradient(circle at 88% 15%,rgba(223,255,33,.12),transparent 24rem),var(--color-bg-panel); box-shadow: var(--shadow-soft); }
.creative-panel>div:last-child { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.creative-panel .btn { margin-top: var(--space-4); }
.creative-audience ul { grid-template-columns: minmax(0,1fr); }
.creative-audience li { display: flex; min-height: 7rem; align-items: center; padding: var(--space-6); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: var(--color-bg-card); font-weight: 800; text-transform: uppercase; }
.creative-audience li::before { margin-right: var(--space-3); color: var(--color-neon-primary); content: "+"; }
.creative-faq__inner { display: grid; gap: clamp(var(--space-8),5vw,var(--space-14,3.5rem)); }
.creative-faq__inner header>p:last-child { max-width: 32rem; line-height: 1.7; }
.creative-faq__inner>div { width: 100%; border-top: 1px solid var(--color-border-subtle); }
.creative-faq details { border-bottom: 1px solid var(--color-border-subtle); }
.creative-faq summary { position: relative; min-height: 4rem; padding: var(--space-6) var(--space-8) var(--space-6) 0; font-weight: 800; cursor: pointer; list-style: none; }
.creative-faq summary::-webkit-details-marker { display: none; }
.creative-faq summary::after { position: absolute; top: 50%; right: 0; color: var(--color-neon-primary); content: "+"; transform: translateY(-50%); }
.creative-faq details[open] summary::after { content: "−"; }
.creative-faq details p { margin: 0; padding: 0 var(--space-8) var(--space-6) 0; line-height: 1.75; }
.creative-final { padding-top: var(--space-8); }
.creative-final h2 { max-width: 42rem; font-size: clamp(2.3rem,6vw,4rem); }
.creative-final .creative-actions { margin: 0; }

/* Graphic design visual language */
.graphic-service-artboard,.video-service-system { min-width: 0; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: var(--color-bg-panel); box-shadow: inset 0 1px rgba(255,255,255,.04),var(--shadow-soft); }
.graphic-service-artboard>header,.video-service-system>header { display: flex; gap: var(--space-3); align-items: center; padding: var(--space-4); border-bottom: 1px solid var(--color-border-subtle); color: var(--color-text-muted); font-size: var(--text-micro); letter-spacing: .08em; text-transform: uppercase; }
.graphic-service-artboard>header span,.video-service-system>header span { width: .45rem; aspect-ratio: 1; border-radius: 50%; background: var(--color-neon-primary); box-shadow: var(--shadow-neon); }
.graphic-service-canvas { position: relative; display: grid; min-height: 24rem; place-items: center; background: linear-gradient(rgba(223,255,33,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.035) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(223,255,33,.1),transparent 15rem); background-size: 2rem 2rem,2rem 2rem,auto; }
.graphic-service-canvas strong { position: relative; z-index: 2; padding: var(--space-8); border: 1px solid var(--color-border-strong); color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-lg); line-height: .9; box-shadow: var(--shadow-neon); }
.graphic-service-canvas i { position: absolute; display: block; border: 1px solid var(--color-border-subtle); background: rgba(255,255,255,.025); }
.graphic-service-canvas i:nth-of-type(1){top:10%;left:8%;width:7rem;aspect-ratio:4/5}.graphic-service-canvas i:nth-of-type(2){top:14%;right:8%;width:9rem;aspect-ratio:16/9}.graphic-service-canvas i:nth-of-type(3){bottom:9%;left:11%;width:9rem;aspect-ratio:1}.graphic-service-canvas i:nth-of-type(4){right:12%;bottom:8%;width:6rem;aspect-ratio:9/16}
.graphic-service-artboard>ul { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin: 0; padding: var(--space-4); border-top: 1px solid var(--color-border-subtle); list-style: none; }
.graphic-service-artboard>ul li { padding: .4rem .65rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); color: var(--color-neon-primary); font-size: var(--text-micro); }
.graphic-service-board { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto; }
.graphic-service-board article { grid-column: 1/-1; display: grid; min-height: 18rem; place-content: center; padding: var(--space-8); border: 1px solid var(--color-border-strong); background: rgba(7,9,9,.9); text-align: center; }
.graphic-service-board article strong { color: var(--color-neon-primary); font-size: var(--text-heading-md); }
.graphic-service-board article small { margin-bottom: var(--space-4); color: var(--color-text-muted); }
.graphic-service-board>span { padding: var(--space-6); border: 1px solid var(--color-border-subtle); background: var(--color-bg-card); text-align: center; font-size: var(--text-label); font-weight: 800; }

/* Video production visual language */
.video-service-system { background: linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel); background-size: 2rem 2rem,2rem 2rem,auto; }
.video-service-monitor { position: relative; display: grid; min-height: 17rem; place-content: center; margin: var(--space-6); border: 1px solid var(--color-border-strong); background: radial-gradient(circle,rgba(223,255,33,.1),rgba(7,9,9,.95) 65%); text-align: center; }
.video-service-monitor i { width: 3rem; aspect-ratio: 1; margin: 0 auto var(--space-4); border: 1px solid var(--color-neon-primary); border-radius: 50%; }
.video-service-monitor i::after { display: block; width: 0; height: 0; margin: .8rem 0 0 1.15rem; border-top: .65rem solid transparent; border-bottom: .65rem solid transparent; border-left: 1rem solid var(--color-neon-primary); content: ""; }
.video-service-monitor strong { color: var(--color-neon-primary); font-family: var(--font-display); font-size: var(--text-heading-md); line-height: .9; }
.video-service-monitor small { margin-top: var(--space-3); color: var(--color-text-muted); }
.video-service-system>ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-2); margin: 0; padding: var(--space-4); border-top: 1px solid var(--color-border-subtle); list-style: none; }
.video-service-system>ol li { display: flex; gap: var(--space-2); padding: .5rem .65rem; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-pill); font-size: var(--text-micro); }
.video-service-system>ol span { color: var(--color-neon-primary); }
.video-service-scenes { display: grid; gap: var(--space-3); margin: 0; padding: clamp(var(--space-6),4vw,var(--space-10,2.5rem)); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: var(--color-bg-panel); list-style: none; }
.video-service-scenes li { display: grid; grid-template-columns: 2.5rem minmax(0,1fr) .5rem; gap: var(--space-4); align-items: center; min-height: 4.5rem; border-bottom: 1px solid var(--color-border-subtle); }
.video-service-scenes li:last-child { border: 0; }.video-service-scenes span{color:var(--color-neon-primary);font-size:var(--text-micro)}.video-service-scenes i{width:.4rem;aspect-ratio:1;border-radius:50%;background:var(--color-neon-primary);box-shadow:var(--shadow-neon)}
.video-service-frames { display: grid; gap: var(--space-4); }
.video-service-frames article { display: grid; min-height: 13rem; padding: var(--space-6); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: radial-gradient(circle at 70% 35%,rgba(223,255,33,.1),transparent 8rem),var(--color-bg-card); }
.video-service-frames span { color: var(--color-neon-primary); font-size: var(--text-micro); }.video-service-frames i{place-self:center;width:3rem;aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:50%}
.video-service-timeline { position: relative; padding: var(--space-6); overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-panel); background: var(--color-bg-panel); }
.video-service-timeline p { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: var(--space-4); align-items: center; margin: 0 0 var(--space-3); font-size: var(--text-micro); }.video-service-timeline p i{display:block;width:calc(var(--track)*18%);height:1.4rem;border:1px solid var(--color-border-strong);background:rgba(223,255,33,.08)}.video-service-timeline>b{position:absolute;top:var(--space-4);bottom:var(--space-4);left:58%;width:1px;background:var(--color-neon-primary);box-shadow:var(--shadow-neon)}
.video-service-formats>div>div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-4); }
.video-service-formats article { display: grid; min-height: 9rem; place-content: center; padding: var(--space-4); border: 1px solid var(--color-border-subtle); border-radius: var(--radius-large); background: var(--color-bg-card); text-align: center; }.video-service-formats article strong{color:var(--color-neon-primary);font-size:var(--text-heading-sm)}.video-service-formats article span{margin-top:var(--space-2);font-size:var(--text-micro)}

@media (min-width:30rem){.creative-actions{flex-direction:row;flex-wrap:wrap}.creative-card-grid,.creative-audience ul{grid-template-columns:repeat(2,minmax(0,1fr))}.video-service-system>ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:48rem){.creative-answer__inner{grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr)}.creative-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-split,.creative-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-process ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.creative-process li{border-left:1px solid var(--color-border-subtle)}.creative-scope ul{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-faq__inner{grid-template-columns:minmax(19rem,.55fr) minmax(0,1.45fr)}.graphic-service-board{grid-template-columns:1.4fr repeat(2,minmax(0,1fr))}.graphic-service-board article{grid-column:1;grid-row:1/span 3}.video-service-frames{grid-template-columns:repeat(3,minmax(0,1fr))}.video-service-formats>div>div{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:68rem){.graphic-service-page .site-container--wide,.video-service-page .site-container--wide{width:min(92%,110rem);max-width:none}.creative-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(var(--space-8),4vw,var(--space-16))}.creative-hero h1{font-size:clamp(4.6rem,5vw,5.65rem)}.creative-landing h2{font-size:clamp(2.8rem,4vw,4.6rem)}.creative-split h2,.creative-faq h2{font-size:clamp(2.5rem,3.5vw,4rem)}.creative-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-audience ul{grid-template-columns:repeat(5,minmax(0,1fr))}.creative-final .creative-panel{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.creative-final .creative-actions{justify-content:center;margin:0}}
@media (prefers-reduced-motion:reduce){.creative-landing *{scroll-behavior:auto}}

/* AI Software and Ad MRI landing pages */
.system-landing{color:var(--color-text-primary);background:radial-gradient(circle at 80% 5%,rgba(223,255,33,.05),transparent 30rem)}
.system-landing h1,.system-landing h2,.system-landing h3{font-family:var(--font-display);text-transform:uppercase}.system-landing h2{max-width:47rem;font-size:clamp(2.25rem,7vw,4.6rem);line-height:.92;letter-spacing:-.035em}.system-landing p{color:var(--color-text-secondary)}.system-landing .eyebrow,.system-accent{color:var(--color-neon-primary)}
.system-section{padding-block:clamp(var(--space-12),7vw,var(--space-24))}.system-heading{display:grid;gap:var(--space-3);margin-bottom:clamp(var(--space-8),5vw,var(--space-16))}.system-breadcrumb{padding-block:var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-body-sm)}.system-breadcrumb ol{display:flex;gap:var(--space-3);margin:0 auto;padding:0;list-style:none}.system-breadcrumb li+li::before{margin-right:var(--space-3);color:var(--color-text-muted);content:"/"}.system-breadcrumb a{color:var(--color-text-secondary)}
.system-hero{padding-block:clamp(2.5rem,6vw,var(--space-20))}.system-hero__inner{display:grid;gap:var(--space-12);align-items:center}.system-hero h1{margin-block:1.25rem;font-size:clamp(2.75rem,11vw,5.8rem);line-height:.84;letter-spacing:-.055em}.system-hero h1 span{display:block}.system-hero__inner>div:first-child>.body-lg{max-width:43rem}.system-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-8)}.system-actions .btn,.system-panel .btn{width:auto;min-height:3.25rem}.system-trust{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6);font-size:var(--text-body-sm)}.system-trust span{color:var(--color-neon-primary)}
.system-answer{border-block:1px solid var(--color-border-subtle);background:rgba(255,255,255,.012)}.system-answer__inner,.system-split{display:grid;gap:clamp(var(--space-8),7vw,var(--space-20))}.system-answer__inner>div:first-child>span{color:var(--color-neon-primary);font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:800}.system-answer__inner>div:last-child{padding-left:var(--space-6);border-left:1px solid var(--color-border-strong)}.system-answer h2{margin-bottom:var(--space-6);font-size:clamp(2.3rem,6vw,4rem)}.system-answer p{max-width:55rem;line-height:1.75}
.system-card-grid,.system-module-grid,.system-process ol,.system-audience ul,.system-scope ul,.system-check-list,.system-output-list{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.system-card-grid li{min-height:14rem;padding:1.75rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--color-bg-card)}.system-card-grid span,.system-process span,.system-output-list span{color:var(--color-neon-primary);font-size:var(--text-micro);font-weight:800}.system-card-grid h3{margin-block:var(--space-6) var(--space-3);font-size:var(--text-heading-sm)}.system-card-grid p{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.65}
.system-flow{display:grid;gap:var(--space-3);margin:0;padding:clamp(var(--space-6),4vw,2.5rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel);background-size:2rem 2rem,2rem 2rem,auto;list-style:none}.system-flow li{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:4.5rem;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:rgba(7,9,9,.9)}.system-flow li:not(:last-child)::after{position:absolute;top:100%;left:2rem;height:var(--space-3);border-left:1px solid var(--color-border-strong);content:""}.system-flow span{color:var(--color-neon-primary);font-size:var(--text-micro)}
.system-module-grid{grid-template-columns:minmax(0,1fr)}.system-module-grid li{display:flex;min-height:6rem;align-items:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-card);font-weight:800;text-transform:uppercase}.system-module-grid li::before{margin-right:var(--space-3);color:var(--color-neon-primary);content:"+"}
.system-process ol{grid-template-columns:minmax(0,1fr)}.system-process li{min-height:8rem;padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.system-process h3{margin-top:var(--space-6);font-size:var(--text-heading-sm)}
.system-audience ul{grid-template-columns:minmax(0,1fr)}.system-audience li{display:flex;min-height:7rem;align-items:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-card);font-weight:800;text-transform:uppercase}.system-audience li::before{margin-right:var(--space-3);color:var(--color-neon-primary);content:"+"}
.system-scope li,.system-check-list li,.system-output-list li{display:flex;gap:var(--space-3);align-items:center;min-height:4.25rem;border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.system-scope li::before,.system-check-list li::before{color:var(--color-neon-primary);content:"+"}
.system-panel{display:grid;gap:var(--space-8);align-items:center;padding:clamp(var(--space-8),5vw,var(--space-16));border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:radial-gradient(circle at 88% 15%,rgba(223,255,33,.12),transparent 24rem),var(--color-bg-panel);box-shadow:var(--shadow-soft)}.system-panel>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.system-panel .btn{margin-top:var(--space-4)}.system-text-link{display:inline-flex;margin-top:var(--space-4);padding:.45rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-neon-primary);font-size:var(--text-label);font-weight:800;text-decoration:none}
.system-link-grid{display:grid;gap:var(--space-4)}.system-link-grid a{display:flex;min-height:7rem;align-items:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);color:var(--color-text-primary);background:var(--color-bg-card);font-weight:800;text-decoration:none;text-transform:uppercase}.system-link-grid a:hover,.system-link-grid a:focus-visible{color:var(--color-neon-primary);border-color:var(--color-border-strong)}
.system-faq__inner{display:grid;gap:clamp(var(--space-8),5vw,3.5rem)}.system-faq__inner>div{width:100%;border-top:1px solid var(--color-border-subtle)}.system-faq details{border-bottom:1px solid var(--color-border-subtle)}.system-faq summary{position:relative;min-height:4rem;padding:var(--space-6) var(--space-8) var(--space-6) 0;font-weight:800;cursor:pointer;list-style:none}.system-faq summary::-webkit-details-marker{display:none}.system-faq summary::after{position:absolute;top:50%;right:0;color:var(--color-neon-primary);content:"+";transform:translateY(-50%)}.system-faq details[open] summary::after{content:"−"}.system-faq details p{margin:0;padding:0 var(--space-8) var(--space-6) 0;line-height:1.75}.system-final{padding-top:var(--space-8)}.system-final h2{font-size:clamp(2.3rem,6vw,4rem)}.system-final .system-actions{margin:0}

/* AI software architecture */
.ai-software-service-engine,.ad-mri-service-scan{min-width:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel);background-size:2rem 2rem,2rem 2rem,auto;box-shadow:inset 0 1px rgba(255,255,255,.04),var(--shadow-soft)}.ai-software-service-engine>header,.ad-mri-service-scan>header{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase}.ai-software-service-engine>header span,.ad-mri-service-scan>header span{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--color-neon-primary);box-shadow:var(--shadow-neon)}
.ai-software-service-engine>ol{display:grid;gap:var(--space-3);margin:0;padding:var(--space-8);list-style:none}.ai-software-service-engine>ol li{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:4rem;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:rgba(7,9,9,.9)}.ai-software-service-engine>ol li:not(:last-child)::after{position:absolute;top:100%;left:2rem;height:var(--space-3);border-left:1px solid var(--color-neon-primary);content:""}.ai-software-service-engine>ol span{color:var(--color-neon-primary);font-size:var(--text-micro)}.ai-software-service-engine>ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-4);border-top:1px solid var(--color-border-subtle);list-style:none}.ai-software-service-engine>ul li{padding:.4rem .65rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-neon-primary);font-size:var(--text-micro)}
.ai-software-service-pipeline{display:grid;gap:var(--space-3);padding:clamp(var(--space-6),4vw,2.5rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel)}.ai-software-service-pipeline p{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:4.25rem;margin:0;border-bottom:1px solid var(--color-border-subtle)}.ai-software-service-pipeline span{color:var(--color-neon-primary);font-size:var(--text-micro)}.ai-software-service-connect{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center;padding:clamp(var(--space-6),5vw,var(--space-12));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel);text-align:center}.ai-software-service-connect span,.ai-software-service-connect strong{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill)}.ai-software-service-connect strong{color:var(--color-neon-primary);border-color:var(--color-border-strong)}

/* Ad MRI diagnostic */
.ad-mri-service-scan>header em{margin-left:auto;color:var(--color-neon-primary);font-style:normal}.ad-mri-service-scan>div{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-8);text-align:center}.ad-mri-service-scan>div strong,.ad-mri-service-scan>div b{padding:var(--space-5,1.25rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill)}.ad-mri-service-scan>div b{color:var(--color-neon-primary);border-color:var(--color-border-strong);box-shadow:var(--shadow-neon)}.ad-mri-service-scan>div i{width:2rem;height:1px;background:var(--color-border-strong)}.ad-mri-service-scan>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:var(--space-4);border-top:1px solid var(--color-border-subtle);list-style:none}.ad-mri-service-scan>ul li{display:flex;gap:var(--space-2);padding:.5rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);font-size:var(--text-micro)}.ad-mri-service-scan>ul span{color:var(--color-neon-primary)}.ad-mri-service-matrix>div>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel);background-size:2rem 2rem,2rem 2rem,auto}.ad-mri-service-matrix>div>div span{display:grid;min-height:5rem;place-items:center;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:rgba(7,9,9,.9);font-size:var(--text-label);font-weight:800;text-align:center;text-transform:uppercase}.ad-mri-service-final .system-panel{border-color:var(--color-neon-primary);box-shadow:var(--shadow-neon-strong)}

@media(min-width:30rem){.system-actions{flex-direction:row;flex-wrap:wrap}.system-card-grid,.system-module-grid,.system-audience ul,.system-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-mri-service-scan>ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:48rem){.system-answer__inner{grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr)}.system-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-split,.system-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.system-process ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.system-process li{border-left:1px solid var(--color-border-subtle)}.system-scope ul{grid-template-columns:repeat(2,minmax(0,1fr))}.system-faq__inner{grid-template-columns:minmax(19rem,.55fr) minmax(0,1.45fr)}.ad-mri-service-matrix>div>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:68rem){.ai-software-service-page .site-container--wide,.ad-mri-service-page .site-container--wide{width:min(92%,110rem);max-width:none}.system-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(var(--space-8),4vw,var(--space-16))}.system-hero h1{font-size:clamp(4.5rem,4.9vw,5.55rem)}.system-landing h2{font-size:clamp(2.8rem,4vw,4.6rem)}.system-split h2,.system-faq h2,.system-answer h2{font-size:clamp(2.5rem,3.5vw,4rem)}.system-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-audience ul{grid-template-columns:repeat(5,minmax(0,1fr))}.system-final .system-panel{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.system-final .system-actions{justify-content:center;margin:0}}
@media(prefers-reduced-motion:reduce){.system-landing *{scroll-behavior:auto}}

/* Sector cluster landing pages */
.sector-cluster-page{color:var(--color-text-primary);background:radial-gradient(circle at 80% 5%,rgba(223,255,33,.045),transparent 30rem)}.sector-cluster-page h1,.sector-cluster-page h2,.sector-cluster-page h3{font-family:var(--font-display);text-transform:uppercase}.sector-cluster-page h2{max-width:47rem;font-size:clamp(2.25rem,7vw,4.6rem);line-height:.92;letter-spacing:-.035em}.sector-cluster-page p{color:var(--color-text-secondary)}.sector-cluster-page .eyebrow,.sector-accent{color:var(--color-neon-primary)}
.sector-section{padding-block:clamp(var(--space-12),7vw,var(--space-24))}.sector-heading{display:grid;gap:var(--space-3);margin-bottom:clamp(var(--space-8),5vw,var(--space-16))}.sector-breadcrumb{padding-block:var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-body-sm)}.sector-breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 auto;padding:0;list-style:none}.sector-breadcrumb li+li::before{margin-right:var(--space-3);color:var(--color-text-muted);content:"/"}.sector-breadcrumb a{color:var(--color-text-secondary)}
.sector-hero{padding-block:clamp(2.5rem,6vw,var(--space-20))}.sector-hero__inner{display:grid;gap:var(--space-12);align-items:center}.sector-hero h1{margin-block:1.25rem;font-size:clamp(2.75rem,11vw,5.7rem);line-height:.84;letter-spacing:-.055em}.sector-hero h1 span{display:block}.sector-hero__inner>div:first-child>.body-lg{max-width:43rem}.sector-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-8)}.sector-actions .btn,.sector-panel .btn{width:auto;min-height:3.25rem}.sector-trust{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6);font-size:var(--text-body-sm)}.sector-trust span{color:var(--color-neon-primary)}
.sector-journey,.sectors-page-map{min-width:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel);background-size:2rem 2rem,2rem 2rem,auto;box-shadow:inset 0 1px rgba(255,255,255,.04),var(--shadow-soft)}.sector-journey header{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase}.sector-journey header span{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--color-neon-primary);box-shadow:var(--shadow-neon)}.sector-journey ol{display:grid;gap:var(--space-3);margin:0;padding:var(--space-8);list-style:none}.sector-journey li{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:4.25rem;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:rgba(7,9,9,.9)}.sector-journey li:not(:last-child)::after{position:absolute;top:100%;left:2rem;height:var(--space-3);border-left:1px solid var(--color-neon-primary);content:""}.sector-journey li span{color:var(--color-neon-primary);font-size:var(--text-micro)}
.beauty-sector-page .sector-journey{background-color:#121312}.aesthetic-sector-page .sector-journey{background:radial-gradient(circle at 70% 30%,rgba(223,255,33,.08),transparent 18rem),var(--color-bg-panel)}.ecommerce-sector-page .sector-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}.ecommerce-sector-page .sector-journey li::after{display:none}.appointment-sector-page .sector-journey li{border-radius:var(--radius-pill)}
.sector-answer{border-block:1px solid var(--color-border-subtle);background:rgba(255,255,255,.012)}.sector-answer__inner,.sector-split{display:grid;gap:clamp(var(--space-8),7vw,var(--space-20))}.sector-answer__inner>div:first-child>span{color:var(--color-neon-primary);font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:800}.sector-answer__inner>div:last-child{padding-left:var(--space-6);border-left:1px solid var(--color-border-strong)}.sector-answer h2{margin-bottom:var(--space-6);font-size:clamp(2.3rem,6vw,4rem)}.sector-answer p{max-width:55rem;line-height:1.75}
.sector-card-grid,.sector-process ol,.sector-audience ul{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.sector-card-grid li{min-height:13rem;padding:1.75rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--color-bg-card)}.sector-card-grid h3{margin-bottom:var(--space-4);font-size:var(--text-heading-sm)}.sector-card-grid p{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.65}
.sector-path__flow{display:grid;gap:var(--space-3);margin:0;padding:clamp(var(--space-6),4vw,2.5rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel);list-style:none}.sector-path__flow li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:4.25rem;border-bottom:1px solid var(--color-border-subtle)}.sector-path__flow li:last-child{border:0}.sector-path__flow span{color:var(--color-neon-primary);font-size:var(--text-micro)}
.sector-channel:nth-of-type(even){background:rgba(255,255,255,.01)}.sector-text-link{display:inline-flex;margin:var(--space-4) var(--space-2) 0 0;padding:.45rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-neon-primary);font-size:var(--text-label);font-weight:800;text-decoration:none}
.sector-panel{display:grid;gap:var(--space-8);align-items:center;padding:clamp(var(--space-8),5vw,var(--space-16));border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:radial-gradient(circle at 88% 15%,rgba(223,255,33,.1),transparent 24rem),var(--color-bg-panel);box-shadow:var(--shadow-soft)}.sector-panel>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sector-panel .btn{margin-top:var(--space-4)}
.sector-process ol{grid-template-columns:minmax(0,1fr)}.sector-process li{min-height:8rem;padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.sector-process span{color:var(--color-neon-primary);font-size:var(--text-micro)}.sector-process h3{margin-top:var(--space-6);font-size:var(--text-heading-sm)}.sector-audience ul{grid-template-columns:minmax(0,1fr)}.sector-audience li{display:flex;min-height:7rem;align-items:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-card);font-weight:800;text-transform:uppercase}.sector-audience li::before{margin-right:var(--space-3);color:var(--color-neon-primary);content:"+"}
.sector-related>div>div,.sectors-page-matrix>div>div,.sectors-page-directory>div>div{display:grid;gap:var(--space-4)}.sector-related a,.sectors-page-matrix a,.sectors-page-directory a{display:flex;min-height:7rem;align-items:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);color:var(--color-text-primary);background:var(--color-bg-card);font-weight:800;text-decoration:none;text-transform:uppercase}.sector-related a:hover,.sector-related a:focus-visible,.sectors-page-matrix a:hover,.sectors-page-directory a:hover{color:var(--color-neon-primary);border-color:var(--color-border-strong)}.sectors-page-directory a{gap:var(--space-6)}.sectors-page-directory a span{color:var(--color-neon-primary);font-size:var(--text-micro)}
.sector-faq__inner{display:grid;gap:clamp(var(--space-8),5vw,3.5rem)}.sector-faq__inner>div{width:100%;border-top:1px solid var(--color-border-subtle)}.sector-faq details{border-bottom:1px solid var(--color-border-subtle)}.sector-faq summary{position:relative;min-height:4rem;padding:var(--space-6) var(--space-8) var(--space-6) 0;font-weight:800;cursor:pointer;list-style:none}.sector-faq summary::-webkit-details-marker{display:none}.sector-faq summary::after{position:absolute;top:50%;right:0;color:var(--color-neon-primary);content:"+";transform:translateY(-50%)}.sector-faq details[open] summary::after{content:"−"}.sector-faq details p{margin:0;padding:0 var(--space-8) var(--space-6) 0;line-height:1.75}.sector-final{padding-top:var(--space-8)}.sector-final h2{font-size:clamp(2.3rem,6vw,4rem)}.sector-final .sector-actions{margin:0}
.sectors-page-map{display:grid;gap:var(--space-4);padding:clamp(var(--space-6),5vw,var(--space-12))}.sectors-page-map>strong{display:grid;width:8rem;aspect-ratio:1;place-items:center;margin:auto;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-neon-primary);box-shadow:var(--shadow-neon)}.sectors-page-map ol,.sectors-page-map ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.sectors-page-map ol li,.sectors-page-map ul li{padding:.45rem .7rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);font-size:var(--text-micro)}.sectors-page-map ol li{color:var(--color-neon-primary)}
@media(min-width:30rem){.sector-actions{flex-direction:row;flex-wrap:wrap}.sector-card-grid,.sector-audience ul,.sector-related>div>div,.sectors-page-matrix>div>div,.sectors-page-directory>div>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:48rem){.sector-answer__inner{grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr)}.sector-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-split,.sector-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-process ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.sector-process li{border-left:1px solid var(--color-border-subtle)}.sector-faq__inner{grid-template-columns:minmax(19rem,.55fr) minmax(0,1.45fr)}.sectors-page-matrix>div>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:68rem){.sector-cluster-page .site-container--wide{width:min(92%,110rem);max-width:none}.sector-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(var(--space-8),4vw,var(--space-16))}.sector-hero h1{font-size:clamp(4.4rem,4.8vw,5.45rem)}.sector-cluster-page h2{font-size:clamp(2.8rem,4vw,4.6rem)}.sector-split h2,.sector-faq h2,.sector-answer h2{font-size:clamp(2.5rem,3.5vw,4rem)}.sector-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sector-audience ul{grid-template-columns:repeat(5,minmax(0,1fr))}.sector-final .sector-panel{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.sector-final .sector-actions{justify-content:center;margin:0}}
@media(prefers-reduced-motion:reduce){.sector-cluster-page *{scroll-behavior:auto}}

/* Corporate trust pages */
.corporate-page{color:var(--color-text-primary);background:radial-gradient(circle at 80% 5%,rgba(223,255,33,.045),transparent 30rem)}.corporate-page h1,.corporate-page h2,.corporate-page h3{font-family:var(--font-display);text-transform:uppercase}.corporate-page h2{max-width:47rem;font-size:clamp(2.25rem,7vw,4.6rem);line-height:.92;letter-spacing:-.035em}.corporate-page p{color:var(--color-text-secondary)}.corporate-page .eyebrow,.corporate-accent{color:var(--color-neon-primary)}.corporate-section{padding-block:clamp(var(--space-12),7vw,var(--space-24))}.corporate-heading{display:grid;gap:var(--space-3);margin-bottom:clamp(var(--space-8),5vw,var(--space-16))}
.corporate-breadcrumb{padding-block:var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-body-sm)}.corporate-breadcrumb ol{display:flex;gap:var(--space-3);margin:0 auto;padding:0;list-style:none}.corporate-breadcrumb li+li::before{margin-right:var(--space-3);color:var(--color-text-muted);content:"/"}.corporate-breadcrumb a{color:var(--color-text-secondary)}
.corporate-hero{padding-block:clamp(2.5rem,6vw,var(--space-20))}.corporate-hero__inner{display:grid;gap:var(--space-12);align-items:center}.corporate-hero h1{margin-block:1.25rem;font-size:clamp(2.75rem,11vw,5.6rem);line-height:.84;letter-spacing:-.055em}.corporate-hero h1 span{display:block}.corporate-hero__inner>div:first-child>.body-lg{max-width:44rem}.corporate-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-8)}.corporate-actions .btn,.corporate-panel .btn{width:auto;min-height:3.25rem}
.corporate-answer{border-block:1px solid var(--color-border-subtle);background:rgba(255,255,255,.012)}.corporate-answer__inner,.corporate-split{display:grid;gap:clamp(var(--space-8),7vw,var(--space-20))}.corporate-answer__inner>div:first-child>span{color:var(--color-neon-primary);font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:800}.corporate-answer__inner>div:last-child{padding-left:var(--space-6);border-left:1px solid var(--color-border-strong)}.corporate-answer h2{margin-bottom:var(--space-6);font-size:clamp(2.3rem,6vw,4rem)}.corporate-answer p{max-width:55rem;line-height:1.75}
.corporate-panel{display:grid;gap:var(--space-8);align-items:center;padding:clamp(var(--space-8),5vw,var(--space-16));border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:radial-gradient(circle at 88% 15%,rgba(223,255,33,.1),transparent 24rem),var(--color-bg-panel);box-shadow:var(--shadow-soft)}.corporate-panel>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.corporate-panel .btn{margin-top:var(--space-4)}
.corporate-services>div>div{display:grid;gap:var(--space-4)}.corporate-services a{display:flex;min-height:6.5rem;align-items:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);color:var(--color-text-primary);background:var(--color-bg-card);font-weight:800;text-decoration:none;text-transform:uppercase}.corporate-services a:hover,.corporate-services a:focus-visible{color:var(--color-neon-primary);border-color:var(--color-border-strong)}
.corporate-process ol,.about-page-principles ol,.team-page-collaboration ol{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.corporate-process li,.about-page-principles li,.team-page-collaboration li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:5rem;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-bg-card)}.corporate-process span,.about-page-principles span,.team-page-collaboration span{color:var(--color-neon-primary);font-size:var(--text-micro)}
.corporate-faq__inner{display:grid;gap:clamp(var(--space-8),5vw,3.5rem)}.corporate-faq__inner>div{width:100%;border-top:1px solid var(--color-border-subtle)}.corporate-faq details,.faq-page-group details{border-bottom:1px solid var(--color-border-subtle)}.corporate-faq summary,.faq-page-group summary{position:relative;min-height:4rem;padding:var(--space-6) var(--space-8) var(--space-6) 0;font-weight:800;cursor:pointer;list-style:none}.corporate-faq summary::-webkit-details-marker,.faq-page-group summary::-webkit-details-marker{display:none}.corporate-faq summary::after,.faq-page-group summary::after{position:absolute;top:50%;right:0;color:var(--color-neon-primary);content:"+";transform:translateY(-50%)}.corporate-faq details[open] summary::after,.faq-page-group details[open] summary::after{content:"−"}.corporate-faq details p,.faq-page-group details p{margin:0;padding:0 var(--space-8) var(--space-6) 0;line-height:1.75}.corporate-final{padding-top:var(--space-8)}.corporate-final h2{font-size:clamp(2.3rem,6vw,4rem)}.corporate-final .corporate-actions{margin:0}
.cases-page-proof,.about-page-system,.team-page-network,.contact-page-console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:clamp(var(--space-6),5vw,var(--space-12));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel);background-size:2rem 2rem,2rem 2rem,auto;box-shadow:var(--shadow-soft)}.cases-page-proof strong,.about-page-system strong,.team-page-network strong,.contact-page-console strong{grid-column:1/-1;display:grid;min-height:7rem;place-items:center;border:1px solid var(--color-border-strong);color:var(--color-neon-primary);font-family:var(--font-display);font-size:var(--text-heading-sm)}.cases-page-proof span,.about-page-system span,.about-page-system i,.team-page-network span,.contact-page-console span{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);font-size:var(--text-micro);font-style:normal;text-align:center}
.cases-page-framework ol{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.cases-page-framework li{min-height:8rem;padding:var(--space-6);border-top:1px solid var(--color-border-subtle)}.cases-page-framework span{color:var(--color-neon-primary);font-size:var(--text-micro)}.cases-page-framework h3{margin-top:var(--space-4)}.cases-page-empty h2{font-size:clamp(2.2rem,5vw,3.5rem)}
.projects-page-areas ul{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.projects-page-areas li{display:flex;min-height:5rem;align-items:center;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-bg-card);font-weight:800;text-transform:uppercase}.projects-page-areas li::before{margin-right:var(--space-3);color:var(--color-neon-primary);content:"+"}
.about-page-principles ol{grid-template-columns:minmax(0,1fr)}.about-page-location address,.contact-page-location address{color:var(--color-text-primary);font-style:normal;line-height:1.7}
.team-page-grid>div>div{display:grid;gap:var(--space-4)}.team-page-grid article{display:grid;min-height:10rem;place-content:center;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-card);text-align:center}.team-page-grid article>span{display:grid;width:4rem;aspect-ratio:1;place-items:center;margin:0 auto var(--space-4);border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-neon-primary);font-weight:800}.team-page-grid h3{font-size:var(--text-heading-sm)}
.faq-page-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel)}.faq-page-index a{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:var(--text-label);font-weight:800;text-align:center;text-decoration:none}.faq-page-group:nth-of-type(even){background:rgba(255,255,255,.01)}.faq-page-group .corporate-faq__inner>div{border-top:1px solid var(--color-border-subtle)}
.contact-page-quick>div>div{display:grid;gap:var(--space-4)}.contact-page-quick article{min-height:11rem;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-card)}.contact-page-quick article>span{color:var(--color-neon-primary);font-size:var(--text-micro)}.contact-page-quick h3{margin-block:var(--space-6) var(--space-3)}.contact-page-quick a{color:var(--color-neon-primary);overflow-wrap:anywhere}.contact-page-quick address{color:var(--color-text-secondary);font-style:normal;line-height:1.65}.contact-page-needs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.contact-page-needs li{display:flex;min-height:5rem;align-items:center;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-bg-card)}.contact-page-needs li::before{margin-right:var(--space-3);color:var(--color-neon-primary);content:"+"}
@media(min-width:30rem){.corporate-actions{flex-direction:row;flex-wrap:wrap}.corporate-services>div>div,.team-page-grid>div>div,.contact-page-quick>div>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:48rem){.corporate-answer__inner{grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr)}.corporate-split,.corporate-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.corporate-process ol,.cases-page-framework ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.corporate-process li,.cases-page-framework li{border-left:1px solid var(--color-border-subtle)}.corporate-faq__inner{grid-template-columns:minmax(19rem,.55fr) minmax(0,1.45fr)}.about-page-principles ol{grid-template-columns:repeat(2,minmax(0,1fr))}.team-page-grid>div>div,.contact-page-quick>div>div{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-page-index{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-page-areas ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:68rem){.corporate-page .site-container--wide{width:min(92%,110rem);max-width:none}.corporate-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(var(--space-8),4vw,var(--space-16))}.corporate-hero h1{font-size:clamp(4.4rem,4.8vw,5.45rem)}.corporate-page h2{font-size:clamp(2.8rem,4vw,4.6rem)}.corporate-split h2,.corporate-faq h2,.corporate-answer h2{font-size:clamp(2.5rem,3.5vw,4rem)}.corporate-services>div>div{grid-template-columns:repeat(4,minmax(0,1fr))}.corporate-final .corporate-panel{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.corporate-final .corporate-actions{justify-content:center;margin:0}}
@media(prefers-reduced-motion:reduce){.corporate-page *{scroll-behavior:auto}}

/* Blog editorial system */
.blog-shell{--space-5:var(--space-6);--space-10:var(--space-12);--space-14:var(--space-16);--color-page-bg:var(--color-bg-page);position:relative;color:var(--color-text-primary);background:radial-gradient(circle at 78% 8%,rgba(223,255,33,.055),transparent 30rem)}
.blog-shell .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}.blog-section{padding-block:clamp(var(--space-12),7vw,var(--space-20))}.blog-heading{max-width:52rem;margin-bottom:clamp(var(--space-8),4vw,var(--space-12))}.blog-heading h2,.blog-editorial-note h2,.blog-final h2{font-size:clamp(2rem,4vw,3.65rem);line-height:1;letter-spacing:-.035em}.blog-breadcrumb{padding-block:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.blog-breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:0;padding:0;list-style:none;font-size:var(--text-body-sm)}.blog-breadcrumb li+li::before{margin-right:var(--space-2);color:var(--color-text-muted);content:"/"}.blog-breadcrumb a{color:var(--color-text-secondary)}
.blog-home__hero{padding-block:clamp(var(--space-12),7vw,var(--space-20));border-bottom:1px solid var(--color-border-subtle)}.blog-home__hero-inner{display:grid;gap:var(--space-10);align-items:center}.blog-home__hero h1{max-width:12ch;margin-block:var(--space-4) var(--space-6);font-size:clamp(3.2rem,8vw,6.6rem);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}.blog-home__hero h1 span{display:block}.blog-home__hero p{max-width:43rem}.blog-home__signal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(rgba(223,255,33,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.025) 1px,transparent 1px),var(--color-bg-panel);background-size:2rem 2rem}.blog-home__signal strong{grid-column:1/-1;display:grid;min-height:7rem;place-items:center;color:var(--color-neon-primary);border:1px solid var(--color-border-strong);font-family:var(--font-display)}.blog-home__signal span{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);font-size:var(--text-micro);text-align:center}
.blog-featured{display:grid;border-block:1px solid var(--color-border-subtle);background:var(--color-bg-panel)}.blog-featured__media{min-height:18rem}.blog-featured__media img,.blog-card__image{width:100%;height:100%;object-fit:cover}.blog-featured__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(var(--space-6),5vw,var(--space-12))}.blog-featured__body h2{margin-block:var(--space-4);font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.035em}.blog-featured__body h2 a,.blog-card__title a{color:inherit;text-decoration:none}.blog-featured__body>p{max-width:42rem;color:var(--color-text-secondary);line-height:1.7}
.blog-grid{display:grid;gap:var(--space-6)}.blog-card{display:flex;min-width:0;flex-direction:column;border-top:1px solid var(--color-border-subtle)}.blog-card__media{display:block;aspect-ratio:4/3;overflow:hidden;color:inherit;background:var(--color-bg-card)}.blog-card__placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(rgba(223,255,33,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.035) 1px,transparent 1px),radial-gradient(circle,rgba(223,255,33,.1),transparent 55%),var(--color-bg-card);background-size:1.5rem 1.5rem}.blog-card__placeholder b{color:var(--color-neon-primary);font-size:var(--text-label);letter-spacing:.12em}.blog-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding-block:var(--space-6)}.blog-card__meta,.article-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-micro);text-transform:uppercase}.blog-card__meta span{color:var(--color-neon-primary)}.blog-card__title{margin-block:var(--space-4);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.08;letter-spacing:-.025em}.blog-card__excerpt{display:-webkit-box;margin-bottom:var(--space-5);overflow:hidden;color:var(--color-text-secondary);line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card__read{display:inline-flex;gap:var(--space-2);align-items:center;margin-top:auto;color:var(--color-neon-primary);font-size:var(--text-label);font-weight:800;text-decoration:none;text-transform:uppercase}
.blog-directory,.blog-link-clusters nav,.blog-editorial-note nav{display:grid;gap:var(--space-2)}.blog-directory a,.blog-link-clusters nav a,.blog-editorial-note nav a{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-weight:750;text-decoration:none}.blog-directory a:hover,.blog-directory a:focus-visible,.blog-link-clusters nav a:hover,.blog-link-clusters nav a:focus-visible,.blog-editorial-note nav a:hover,.blog-editorial-note nav a:focus-visible{color:var(--color-neon-primary)}.blog-directory small{color:var(--color-text-muted)}.blog-link-clusters,.blog-editorial-note,.blog-final__inner{display:grid;gap:clamp(var(--space-8),6vw,var(--space-16));padding:clamp(var(--space-6),5vw,var(--space-12));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel)}.blog-editorial-note>p{max-width:42rem;color:var(--color-text-secondary);line-height:1.75}.blog-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.blog-actions .btn{width:auto}.blog-empty{padding:clamp(var(--space-8),6vw,var(--space-16));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-bg-panel)}.blog-empty h2{margin-block:var(--space-4);font-size:clamp(2rem,5vw,3.5rem)}.blog-empty>p:not(.eyebrow){color:var(--color-text-secondary)}.blog-pagination{margin-top:var(--space-10)}.blog-pagination ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.blog-pagination a,.blog-pagination .current{display:grid;min-width:2.75rem;min-height:2.75rem;place-items:center;padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);color:var(--color-text-primary);text-decoration:none}.blog-pagination .current{color:var(--color-page-bg);border-color:var(--color-neon-primary);background:var(--color-neon-primary)}
.blog-archive__header{padding-block:clamp(var(--space-12),7vw,var(--space-20));border-bottom:1px solid var(--color-border-subtle)}.blog-archive__header h1{max-width:18ch;margin-top:var(--space-4);font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase}.blog-archive__description{max-width:48rem;margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:1.7}
.article-header{padding-block:clamp(var(--space-12),7vw,var(--space-20));border-bottom:1px solid var(--color-border-subtle)}.article-header__inner>div{max-width:68rem}.article-header h1{max-width:18ch;margin-block:var(--space-4) var(--space-6);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.04em}.article-header__excerpt{max-width:48rem;margin-bottom:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:1.7}.article-featured{margin-block:clamp(var(--space-8),5vw,var(--space-14))}.article-featured img{width:100%;height:auto;max-height:48rem;object-fit:cover}.article-featured figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-body-sm)}.article-content,.article-author{width:min(calc(100% - 2rem),72ch);margin-inline:auto}.article-content{padding-block:clamp(var(--space-10),6vw,var(--space-16));font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8}.article-content>*{margin-block:0 var(--space-6)}.article-content>p:first-child{color:var(--color-text-primary);font-size:1.08em}.article-content h2{margin-top:var(--space-12);font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.025em}.article-content h3{margin-top:var(--space-10);font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.25}.article-content a{color:var(--color-neon-primary);text-decoration-thickness:.08em;text-underline-offset:.18em}.article-content ul,.article-content ol{padding-left:1.35rem}.article-content li+li{margin-top:var(--space-2)}.article-content blockquote{padding:var(--space-5) var(--space-6);border-left:2px solid var(--color-neon-primary);background:var(--color-bg-panel);font-size:1.08em}.article-content img{max-width:100%;height:auto}.article-content figure{max-width:100%}.article-content figcaption{color:var(--color-text-muted);font-size:var(--text-body-sm)}.article-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{min-width:9rem;padding:var(--space-3);border:1px solid var(--color-border-subtle);text-align:left}.article-content pre{max-width:100%;padding:var(--space-5);overflow-x:auto;background:var(--color-bg-elevated)}.article-content code{overflow-wrap:anywhere}.article-content .wp-block-button__link{width:auto;color:var(--color-page-bg);background:var(--color-neon-primary)}.article-content .alignwide{width:min(100%,72ch);max-width:72ch}.article-author{margin-bottom:clamp(var(--space-10),6vw,var(--space-16));padding:var(--space-6);border-block:1px solid var(--color-border-subtle)}.article-author h2{margin-block:var(--space-3);font-size:var(--text-heading-sm)}.article-author p{color:var(--color-text-secondary);line-height:1.7}.article-author a{color:var(--color-neon-primary)}
@media(min-width:40rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:68rem){.blog-shell .site-container--wide{width:min(92%,110rem);max-width:none}.blog-home__hero-inner,.blog-featured,.blog-link-clusters,.blog-editorial-note,.blog-final__inner{grid-template-columns:minmax(0,1fr) minmax(20rem,.8fr)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-home__signal{padding:var(--space-10)}}
@media(prefers-reduced-motion:reduce){.blog-shell *{scroll-behavior:auto}}

/* Contact workspace */
.contact-page{padding-bottom:clamp(var(--space-12),6vw,var(--space-20));background:radial-gradient(circle at 78% 8%,rgba(223,255,33,.055),transparent 30rem),var(--color-bg-page)}
.contact-hero{padding-block:clamp(var(--space-8),5vw,var(--space-16))}.contact-hero__inner{display:grid;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}.contact-hero__content h1{max-width:12ch;margin-block:var(--space-3) var(--space-6);font-size:clamp(3rem,7vw,6rem);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.contact-hero__content h1 span{display:block}.contact-hero__content>p.body-lg{max-width:43rem;color:var(--color-text-secondary);line-height:1.7}.contact-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.contact-hero__actions .btn{width:auto}.contact-hero__trust{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-6);color:var(--color-text-muted);font-size:var(--text-micro);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.contact-hero__trust span{width:.55rem;aspect-ratio:1;border-radius:var(--radius-circle);background:var(--color-neon-primary);box-shadow:var(--shadow-neon)}.contact-hero__visual{position:relative;display:grid;min-width:0;place-items:center;padding:var(--space-2);isolation:isolate}.contact-hero__visual::before{position:absolute;z-index:-1;width:min(100%,30rem);aspect-ratio:1;border-radius:var(--radius-circle);background:radial-gradient(circle,rgba(223,255,33,.13),rgba(223,255,33,.035) 42%,transparent 68%);content:""}.contact-hero__rabbit-float{display:grid;width:min(82vw,24rem);place-items:center;animation:contact-rabbit-float 5.4s ease-in-out infinite}.contact-hero__rabbit{display:block;width:100%;height:auto;object-fit:contain;transform:translateX(0) rotate(0);transform-origin:50% 72%;transition:transform 450ms cubic-bezier(.2,.75,.2,1)}.contact-hero__visual:hover .contact-hero__rabbit{transform:translateX(.65rem) rotate(1.5deg)}@keyframes contact-rabbit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.375rem)}}
.contact-workspace{display:grid;gap:var(--space-4);align-items:stretch}.contact-info,.contact-form-panel{min-width:0;padding:clamp(var(--space-6),4vw,var(--space-12));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 45%),var(--color-bg-panel);box-shadow:var(--shadow-soft)}.contact-info,.contact-form-panel{display:flex;flex-direction:column}.contact-info header>p:last-child,.contact-form-panel header>p:last-child{max-width:38rem;margin-top:var(--space-4);color:var(--color-text-secondary);line-height:1.7}.contact-info h2,.contact-form-panel h2{margin-top:var(--space-3);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.contact-info h2{font-size:clamp(2.5rem,4vw,4.8rem)}.contact-form-panel h2{font-size:clamp(2.8rem,4.5vw,5.4rem)}
.contact-info__list{margin:clamp(var(--space-8),5vw,var(--space-12)) 0 0;padding:0;list-style:none}.contact-info__list li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--color-border-subtle)}.contact-info__list li>span{padding-top:.15rem;color:var(--color-neon-primary);font-size:var(--text-micro)}.contact-info__label{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-label);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-info__label svg{width:1.25rem;height:1.25rem;fill:none;stroke:var(--color-neon-primary);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.contact-info address{color:var(--color-text-primary);font-size:.95rem;font-style:normal;line-height:1.65}.contact-info address span{display:block}.contact-info__list a{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--color-text-primary);font-size:clamp(1rem,2vw,1.2rem);font-weight:750;text-decoration:none;overflow-wrap:anywhere}.contact-info__list a:hover,.contact-info__list a:focus-visible{color:var(--color-neon-primary)}.contact-info__status{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--text-micro);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.contact-info__status span{width:.55rem;aspect-ratio:1;border-radius:var(--radius-circle);background:var(--color-neon-primary);box-shadow:var(--shadow-neon)}
.contact-form{display:grid;gap:var(--space-5,var(--space-6));margin-top:clamp(var(--space-8),4vw,var(--space-12))}.contact-form__grid{display:grid;gap:var(--space-5,var(--space-6))}.contact-form p{display:grid;gap:var(--space-2);margin:0}.contact-form label{color:var(--color-text-secondary);font-size:var(--text-label);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);color:var(--color-text-primary);background:var(--color-bg-elevated);font:inherit;transition:border-color var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard)}.contact-form input,.contact-form select{min-height:3.5rem;padding-inline:var(--space-4)}.contact-form textarea{min-height:10rem;padding:var(--space-4);resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-neon-primary);outline:none;box-shadow:0 0 0 .2rem rgba(223,255,33,.12)}.contact-form select{appearance:auto}.contact-form .btn{width:auto;min-height:3.25rem;justify-self:start}.contact-form__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form__notice{margin-top:var(--space-6);padding:var(--space-4);border:1px solid;border-radius:var(--radius-medium);line-height:1.6}.contact-form__notice--success{color:var(--color-text-primary);border-color:var(--color-border-strong);background:rgba(223,255,33,.06)}.contact-form__notice--error{color:#ffd8a8;border-color:rgba(255,174,75,.45);background:rgba(255,174,75,.06)}.contact-form__micro{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.contact-form__micro p{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--text-micro);font-weight:800;text-transform:uppercase}.contact-form__micro a{display:inline-flex;gap:var(--space-2);color:var(--color-neon-primary);font-weight:800;text-decoration:none}
.contact-map{position:relative;height:clamp(22rem,34vw,34rem);margin-top:clamp(var(--space-4),2vw,var(--space-8));overflow:hidden;border:1px solid var(--color-neon-primary);border-radius:var(--radius-panel);background:var(--color-bg-panel);box-shadow:0 0 0 .3rem rgba(223,255,33,.035),var(--shadow-neon),var(--shadow-soft)}.contact-map::after{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,8,.32),transparent 25%,transparent 78%,rgba(5,7,8,.24));content:""}.contact-map iframe{display:block;width:100%;height:100%;border:0}.contact-map__badge{position:absolute;z-index:2;top:var(--space-4);left:var(--space-4);display:grid;gap:.15rem;padding:var(--space-3) var(--space-4);pointer-events:none;border:1px solid var(--color-neon-primary);border-radius:var(--radius-medium);background:rgba(5,7,8,.94);box-shadow:var(--shadow-neon),var(--shadow-soft)}.contact-map__badge strong{color:var(--color-neon-primary);font-size:var(--text-label)}.contact-map__badge span{color:var(--color-text-primary);font-size:var(--text-micro)}
@media(min-width:52rem){.contact-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:68rem){.contact-page .site-container--wide{width:min(92%,110rem);max-width:none}.contact-hero__inner{grid-template-columns:minmax(0,1fr) minmax(22rem,.7fr)}.contact-hero__content h1{font-size:clamp(4.2rem,5.4vw,6rem)}.contact-hero__rabbit-float{width:min(100%,34rem)}.contact-workspace{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.contact-info,.contact-form-panel{padding:clamp(var(--space-8),3vw,var(--space-12))}}
/* About editorial introduction */
.about-intro{position:relative;background:linear-gradient(rgba(223,255,33,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.018) 1px,transparent 1px),radial-gradient(circle at 50% 20%,rgba(223,255,33,.055),transparent 30rem);background-size:3rem 3rem,3rem 3rem,auto}.about-intro__inner{text-align:center}.about-intro__header{max-width:66rem;margin-inline:auto}.about-intro__header h2{max-width:15ch;margin:var(--space-3) auto var(--space-8);font-size:clamp(2.8rem,4.8vw,5.4rem);line-height:.94;letter-spacing:-.04em;text-transform:uppercase}.about-intro__body{max-width:64rem;margin-inline:auto}.about-intro__body p{margin:0;color:var(--color-text-secondary);font-size:clamp(.96875rem,1.15vw,1.1rem);line-height:1.75}.about-intro__body p+p{margin-top:var(--space-5,var(--space-6))}.about-intro__stats{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin:clamp(var(--space-10,var(--space-12)),6vw,var(--space-16)) 0 0}.about-intro__stat{position:relative;display:flex;min-width:0;min-height:10rem;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--color-bg-panel);box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color var(--transition-normal) var(--ease-standard),box-shadow var(--transition-normal) var(--ease-standard),transform var(--transition-normal) var(--ease-standard)}.about-intro__stat::before{position:absolute;top:0;right:18%;left:18%;height:1px;background:linear-gradient(90deg,transparent,var(--color-neon-primary),transparent);content:"";opacity:.55}.about-intro__stat:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft),0 0 1.75rem rgba(223,255,33,.07);transform:translateY(-.2rem)}.about-intro__value{color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4.2rem);font-weight:800;line-height:1;white-space:nowrap}.about-intro__label{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-label);font-weight:800;letter-spacing:.07em;text-transform:uppercase}.js .about-intro__value[data-counter]{font-variant-numeric:tabular-nums}
@media(min-width:34rem){.about-intro__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:68rem){.about-intro__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.about-intro__stat{transition:none}.about-intro__stat:hover{transform:none}}

/* About hero data signal */
.about-data-visual{position:relative;isolation:isolate;min-width:0;min-height:31rem;overflow:hidden;padding:clamp(1rem,2vw,1.5rem);background:radial-gradient(circle at 50% 48%,rgba(223,255,33,.045),transparent 14rem)}
.about-data-visual::before{position:absolute;inset:1rem;background:linear-gradient(rgba(223,255,33,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.018) 1px,transparent 1px);background-size:2.5rem 2.5rem;content:"";mask-image:radial-gradient(circle,black,transparent 72%);opacity:.6;pointer-events:none}
.about-data-visual__grid{position:relative;z-index:2;display:grid;height:100%;min-height:28rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.2vw,1rem);align-items:center}
.about-data-visual__node{position:relative;display:grid;width:92%;min-width:0;gap:.35rem;padding:clamp(.85rem,1.5vw,1.15rem);border:1px solid rgba(255,255,255,.11);border-radius:clamp(1rem,1.5vw,1.3rem);background:rgba(8,10,12,.58);box-shadow:inset 0 1px rgba(255,255,255,.035),0 .8rem 2rem rgba(0,0,0,.15);transition:border-color var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard)}
.about-data-visual__node:nth-child(odd){top:-1.25rem;justify-self:start;animation:about-data-cloud-left 8s ease-in-out infinite alternate}
.about-data-visual__node:nth-child(even){top:1.25rem;justify-self:end;animation:about-data-cloud-right 9s ease-in-out infinite alternate}
.about-data-visual__node:nth-child(odd){border-color:rgba(223,255,33,.16)}
.about-data-visual__node:hover{border-color:rgba(223,255,33,.42);box-shadow:0 0 1.75rem rgba(223,255,33,.075);animation-play-state:paused}
.about-data-visual__value{color:var(--color-neon-primary);font-family:var(--font-display);font-size:clamp(1.8rem,2.6vw,3.1rem);font-weight:900;line-height:.95;white-space:nowrap;font-variant-numeric:tabular-nums}
.about-data-visual__label{max-width:18rem;color:var(--color-text-secondary);font-size:clamp(.7rem,.82vw,.83rem);font-weight:700;line-height:1.35}
.about-data-visual__core{display:none}
.about-data-visual__line{display:none}
@keyframes about-data-cloud-left{from{transform:translate3d(-3px,-4px,0)}to{transform:translate3d(3px,4px,0)}}
@keyframes about-data-cloud-right{from{transform:translate3d(4px,5px,0)}to{transform:translate3d(-3px,-3px,0)}}
@media(min-width:48rem) and (max-width:67.99rem){.corporate-hero__inner{grid-template-columns:minmax(0,1fr)}.about-data-visual{min-height:27rem}.about-data-visual__grid{min-height:24rem}}
@media(max-width:47.99rem){.about-data-visual{min-height:0;padding:var(--space-3)}.about-data-visual__grid{min-height:0;grid-template-rows:none;align-items:stretch}.about-data-visual__node{top:0;width:96%;min-height:7.25rem;align-content:center;animation-duration:9s}.about-data-visual__value{font-size:clamp(1.65rem,9vw,2.5rem)}.about-data-visual__label{font-size:.7rem}}
@media(max-width:23rem){.about-data-visual__grid{grid-template-columns:1fr}.about-data-visual__node{min-height:0}}
@media(prefers-reduced-motion:reduce){.about-data-visual__node,.about-data-visual__line::after{animation:none}.about-data-visual__node:hover{transform:none}}
/* About memory-stone timeline */
.about-timeline{overflow:clip;background:radial-gradient(circle at 50% 14%,rgba(223,255,33,.045),transparent 30rem)}.about-timeline__header{max-width:58rem;margin-bottom:clamp(var(--space-12),8vw,var(--space-24))}.about-timeline__header h2{margin-block:var(--space-3) var(--space-6);font-size:clamp(2.8rem,6vw,5rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase}.about-timeline__header .body-lg{max-width:55rem;line-height:1.65}.about-timeline__header>p:last-child{max-width:48rem;margin-top:var(--space-4);color:var(--color-text-secondary);line-height:1.7}.about-timeline__track{position:relative;display:grid;gap:clamp(var(--space-12),7vw,var(--space-20));margin:0;padding:0 0 0 1.25rem;list-style:none}.about-timeline__track::before{position:absolute;top:0;bottom:0;left:3.85rem;width:1px;background:linear-gradient(to bottom,transparent,rgba(223,255,33,.35) 8%,rgba(223,255,33,.18) 92%,transparent);content:""}.about-timeline__item{position:relative;display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:var(--space-6);align-items:start}.about-timeline__year{position:relative;z-index:2;display:grid;width:5.25rem;aspect-ratio:1;place-content:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-circle);color:var(--color-neon-primary);background:radial-gradient(circle,rgba(223,255,33,.08),transparent 65%),var(--color-bg-elevated);box-shadow:0 0 0 1px rgba(223,255,33,.06);font-family:var(--font-display);font-size:1.35rem;font-weight:800;text-align:center;transition:transform var(--transition-slow) var(--ease-standard),border-color var(--transition-slow) var(--ease-standard),box-shadow var(--transition-slow) var(--ease-standard)}.about-timeline__year small{color:var(--color-text-primary);font-family:var(--font-body);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.about-timeline__connector{display:none}.about-timeline__content{min-width:0;padding:var(--space-4) 0 var(--space-6);border-top:1px solid var(--color-border-subtle);transition:transform var(--transition-slow) var(--ease-standard)}.about-timeline__content>span{color:var(--color-neon-primary);font-size:var(--text-micro)}.about-timeline__content h3{margin-block:var(--space-3);font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1.06;letter-spacing:-.025em;text-transform:uppercase;transition:color var(--transition-slow) var(--ease-standard)}.about-timeline__content p{max-width:38rem;margin:0;color:var(--color-text-secondary);line-height:1.72}.about-timeline__item--current .about-timeline__year{border-color:var(--color-neon-primary);box-shadow:0 0 0 1px rgba(223,255,33,.25),0 0 2rem rgba(223,255,33,.14)}.about-timeline__item:hover .about-timeline__year{border-color:var(--color-neon-primary);box-shadow:0 0 0 1px rgba(223,255,33,.35),0 0 1.75rem rgba(223,255,33,.2),0 0 3.75rem rgba(223,255,33,.08);transform:scale(1.08)}.about-timeline__item:hover .about-timeline__content{transform:translateY(-.2rem)}.about-timeline__item:hover .about-timeline__content h3{color:var(--color-neon-primary)}
@media(min-width:68rem){.about-timeline__track{gap:clamp(var(--space-12),6vw,var(--space-20));padding:0}.about-timeline__track::before{left:50%;transform:translateX(-50%)}.about-timeline__item{grid-template-columns:minmax(0,1fr) 8rem minmax(0,1fr);gap:var(--space-6);align-items:center}.about-timeline__year{grid-column:2;width:8rem}.about-timeline__connector{display:block;grid-column:1;grid-row:1;width:50%;height:1px;justify-self:end;background:linear-gradient(90deg,transparent,var(--color-border-strong));transition:background var(--transition-slow) var(--ease-standard)}.about-timeline__content{grid-column:3;grid-row:1}.about-timeline__item:nth-child(even) .about-timeline__connector{grid-column:3;justify-self:start;background:linear-gradient(90deg,var(--color-border-strong),transparent)}.about-timeline__item:nth-child(even) .about-timeline__content{grid-column:1;text-align:right}.about-timeline__item:nth-child(even) .about-timeline__content p{margin-left:auto}.about-timeline__item:hover .about-timeline__connector{background:var(--color-neon-primary)}}
@media(prefers-reduced-motion:reduce){.about-timeline__year,.about-timeline__content,.about-timeline__content h3,.about-timeline__connector{transition:none}.about-timeline__item:hover .about-timeline__year{transform:none}.about-timeline__item:hover .about-timeline__content{transform:none}}

/* About comparison */
.about-difference{position:relative;overflow:clip;background:radial-gradient(circle at 50% 16%,rgba(223,255,33,.055),transparent 34rem)}
.about-difference__inner{position:relative}
.about-difference__header{max-width:64rem;margin-inline:auto;text-align:center}
.about-difference__header h2{max-width:16ch;margin:var(--space-3) auto var(--space-5);font-size:clamp(3rem,4.5vw,5.1rem);line-height:.92;letter-spacing:-.042em;text-transform:uppercase}
.about-difference__header h2 span{display:block}
.about-difference__lead{max-width:59rem;margin-inline:auto;color:var(--color-text-secondary);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.72}
.about-difference__caption{margin:clamp(var(--space-8),5vw,var(--space-12)) 0 var(--space-4);color:var(--color-neon-primary);font-size:var(--text-label);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.about-difference__table-wrap{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:clamp(1.25rem,2vw,1.5rem);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%),var(--color-bg-panel);box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow-soft)}
.about-difference__table{width:100%;border-collapse:collapse;table-layout:fixed}
.about-difference__table th,.about-difference__table td{padding:1.15rem 1.35rem;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:top;text-align:left}
.about-difference__table thead th{color:var(--color-text-primary);background:rgba(255,255,255,.025);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase}
.about-difference__table thead th:first-child{width:20%}
.about-difference__table thead th:nth-child(2){color:var(--color-neon-primary);background:rgba(223,255,33,.035)}
.about-difference__table thead th:nth-child(3){color:var(--color-text-secondary)}
.about-difference__table tbody th{color:var(--color-text-primary);font-size:clamp(1rem,1.1vw,1.05rem);font-weight:700;line-height:1.45}
.about-difference__table tbody td{position:relative;color:var(--color-text-muted);font-size:clamp(.95rem,1vw,1.025rem);line-height:1.58}
.about-difference__table tbody td:nth-child(2){background:linear-gradient(90deg,rgba(223,255,33,.035),rgba(223,255,33,.012));color:var(--color-text-primary)}
.about-difference__table tbody tr{transition:background-color var(--transition-fast) var(--ease-standard)}
.about-difference__table tbody tr:hover{background:rgba(255,255,255,.018)}
.about-difference__table tbody tr:hover td:nth-child(2){background:rgba(223,255,33,.045)}
.about-difference__table tbody tr:last-child>*{border-bottom:0}
.about-difference__status{position:relative;display:inline-block;width:1.15rem;height:1.15rem;margin:.15rem .65rem 0 0;float:left;border:1px solid currentColor;border-radius:var(--radius-circle);color:var(--color-text-muted)}
.about-difference__status--positive{color:var(--color-neon-primary)}
.about-difference__status--positive::after{position:absolute;top:.23rem;left:.29rem;width:.42rem;height:.22rem;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;content:"";transform:rotate(-45deg)}
.about-difference__status--neutral::after{position:absolute;top:50%;right:.25rem;left:.25rem;height:1px;background:currentColor;content:""}
.about-difference__note{position:relative;display:grid;height:auto;gap:.65rem;margin-top:clamp(1.5rem,2.5vw,2rem);overflow:hidden;padding:1.4rem 1.6rem 1.5rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(110deg,rgba(223,255,33,.045),transparent 42%),var(--color-bg-elevated);box-shadow:0 0 2.5rem rgba(223,255,33,.035)}
.about-difference__note::before{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--color-neon-primary);content:"";opacity:.75}
.about-difference__note strong{color:var(--color-neon-primary);font-size:var(--text-label);line-height:1;letter-spacing:.1em;text-transform:uppercase}
.about-difference__note p{max-width:85rem;margin:0;color:var(--color-text-secondary);font-size:clamp(.95rem,1vw,1.05rem);line-height:1.7;overflow-wrap:anywhere}
@media(max-width:47.99rem){.about-difference__table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.about-difference__table,.about-difference__table tbody,.about-difference__table tr,.about-difference__table th,.about-difference__table td{display:block;width:100%}.about-difference__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.about-difference__table tbody{display:grid;gap:var(--space-4)}.about-difference__table tbody tr{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-panel)}.about-difference__table tbody th,.about-difference__table tbody td{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.about-difference__table tbody th{background:rgba(255,255,255,.025)}.about-difference__table tbody td::before{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);content:attr(data-label);font-size:var(--text-micro);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.about-difference__table tbody td:nth-child(2)::before{color:var(--color-neon-primary)}.about-difference__table tbody tr:last-child>*{border-bottom:1px solid var(--color-border-subtle)}.about-difference__table tbody tr>*:last-child{border-bottom:0}}
@media(min-width:68rem){.about-difference__inner{width:min(92%,110rem);max-width:none}}

/* About FAQ */
.about-faq{background:radial-gradient(circle at 78% 38%,rgba(223,255,33,.035),transparent 30rem)}
.about-faq__inner{display:grid;gap:clamp(var(--space-8),5vw,var(--space-14,var(--space-16)))}
.about-faq__intro{align-self:start}
.about-faq__intro h2{margin:var(--space-3) 0 var(--space-5);font-size:clamp(2.7rem,4.1vw,4.5rem);line-height:.95;letter-spacing:-.04em}
.about-faq__intro h2 span{display:block}
.about-faq__intro>p:last-of-type{max-width:34rem;margin:0;line-height:1.7}
.about-faq__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-8) 0 0}
.about-faq__meta div{min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}
.about-faq__meta dt{color:var(--color-text-muted);font-size:var(--text-micro);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.about-faq__meta dd{margin:var(--space-2) 0 0;color:var(--color-text-primary);font-weight:800}
.about-faq__list{display:grid;gap:.75rem;min-width:0}
.about-faq__item{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.075rem;background:rgba(255,255,255,.022);transition:border-color var(--transition-fast) var(--ease-standard),background-color var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard)}
.about-faq__item:hover{border-color:rgba(223,255,33,.2);box-shadow:0 0 1.75rem rgba(223,255,33,.025)}
.about-faq__item[open]{border-color:rgba(223,255,33,.28);background:rgba(223,255,33,.025)}
.about-faq__item summary{display:flex;min-height:4.6rem;align-items:center;justify-content:space-between;gap:var(--space-4);padding:1.15rem 1.35rem;color:var(--color-text-primary);font-size:clamp(1rem,1.2vw,1.1rem);font-weight:700;cursor:pointer;list-style:none}
.about-faq__item summary::-webkit-details-marker{display:none}
.about-faq__item summary i{position:relative;width:2rem;min-width:2rem;height:2rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-circle);background:var(--color-bg-elevated)}
.about-faq__item summary i::before,.about-faq__item summary i::after{position:absolute;top:50%;left:50%;width:.7rem;height:1px;background:var(--color-neon-primary);content:"";transform:translate(-50%,-50%)}
.about-faq__item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.about-faq__item[open] summary{border-bottom:1px solid var(--color-border-subtle)}
.about-faq__item[open] summary i{border-color:var(--color-neon-primary);background:var(--color-neon-primary)}
.about-faq__item[open] summary i::before{background:var(--color-bg-page)}
.about-faq__item[open] summary i::after{opacity:0}
.about-faq__item summary:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:-3px}
.about-faq__item>p{max-width:65ch;margin:0;padding:1rem 1.35rem 1.35rem;color:var(--color-text-secondary);line-height:1.7}

/* About final CTA */
.about-final{padding-top:clamp(var(--space-10),5vw,var(--space-16))}
.about-final__panel{box-sizing:border-box;position:relative;display:grid;min-width:0;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2.75rem,4vw,4.25rem);border:1px solid rgba(223,255,33,.28);border-radius:clamp(1.5rem,3vw,2rem);background:radial-gradient(circle at 85% 50%,rgba(223,255,33,.095),transparent 25rem),linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),var(--color-bg-panel);box-shadow:inset 0 1px rgba(255,255,255,.045),0 0 3rem rgba(223,255,33,.04)}
.about-final__content{position:relative;z-index:1;min-width:0}
.about-final__content h2{margin:0;font-size:clamp(3rem,4.6vw,5rem);line-height:.95;letter-spacing:-.045em}
.about-final__eyebrow{margin:0 0 var(--space-3)}
.about-final__content h2 span{display:block}
.about-final__description{max-width:46rem;margin:clamp(1.25rem,2vw,1.6rem) 0 0;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.7}
.about-final__trust{display:flex;align-items:center;gap:var(--space-2);margin:clamp(1.35rem,2vw,1.6rem) 0 0;color:var(--color-text-muted);font-size:var(--text-micro);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.about-final__trust span{width:.45rem;height:.45rem;border-radius:var(--radius-circle);background:var(--color-neon-primary);box-shadow:0 0 .8rem rgba(223,255,33,.55)}
.about-final__actions{position:relative;z-index:1;display:flex;min-width:0;flex-wrap:wrap;gap:.75rem;align-items:center}
.about-final__actions .btn{width:auto;min-height:3.375rem;padding-inline:clamp(1.5rem,2.5vw,1.8rem)}
.about-final__actions .btn--primary:hover{box-shadow:var(--shadow-neon);transform:translateY(-2px)}
@media(min-width:51.25rem){.about-faq__inner{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr)}.about-final__panel{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.about-final__actions{justify-content:flex-end}}
@media(min-width:68rem){.about-faq__inner,.about-final__panel{width:min(92%,110rem);max-width:none}}
@media(max-width:47.99rem){.about-difference__note{padding:1.15rem 1.2rem}.about-final__content h2{font-size:clamp(2.5rem,12vw,3.7rem)}}
@media(max-width:25rem){.about-faq__meta{grid-template-columns:1fr}.about-final__actions .btn{width:100%}}

/* Header services dropdown */
.site-nav__item--services{position:relative}
.site-nav__services-toggle{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;padding:0;border:0;color:var(--color-text-primary);background:transparent;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color var(--transition-fast) var(--ease-standard)}
.site-nav__services-toggle:hover,.site-nav__services-toggle:focus-visible,.site-nav__item--services.current-menu-ancestor>.site-nav__services-toggle{color:var(--color-neon-primary)}
.site-nav__services-toggle:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
.site-nav__services-toggle i{width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.12rem) rotate(45deg);transition:transform var(--transition-fast) var(--ease-standard)}
.site-nav__services-toggle[aria-expanded="true"] i{transform:translateY(.1rem) rotate(225deg)}
.services-mega{min-width:0}
.services-mega__inner{min-width:0}
.services-mega__intro>p,.services-mega__heading{margin:0;color:var(--color-neon-primary);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.services-mega__intro>strong{display:block;color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(2rem,2.6vw,3rem);line-height:.92;letter-spacing:-.035em;text-transform:uppercase}
.services-mega__intro>span{display:block;color:var(--color-text-secondary);font-size:.9rem;line-height:1.65}
.services-mega__featured{display:block;height:auto;padding:1.15rem 1.25rem;border:1px solid rgba(223,255,33,.2);border-radius:var(--radius-medium);color:var(--color-text-primary);background:rgba(223,255,33,.045);text-decoration:none;transition:border-color var(--transition-fast) var(--ease-standard),box-shadow var(--transition-fast) var(--ease-standard)}
.services-mega__featured-content{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:.3rem}
.services-mega__link>span{display:grid;min-width:0;gap:.2rem}
.services-mega__featured b,.services-mega__link strong{font-size:.78rem;font-weight:800;letter-spacing:.025em}
.services-mega__featured small,.services-mega__link small{max-width:100%;color:var(--color-text-muted);font-size:.68rem;line-height:1.5}
.services-mega__featured-arrow{align-self:flex-start;margin-top:.35rem}
.services-mega__featured-arrow,.services-mega__link>i{color:var(--color-neon-primary);font-style:normal;transition:transform var(--transition-fast) var(--ease-standard)}
.services-mega__featured:hover,.services-mega__featured:focus-visible{border-color:rgba(223,255,33,.42);box-shadow:0 0 1.5rem rgba(223,255,33,.06)}
.services-mega__group ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.services-mega__link{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.9rem .25rem;border-bottom:1px solid rgba(255,255,255,.075);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-standard),background-color var(--transition-fast) var(--ease-standard)}
.services-mega__link:hover,.services-mega__link:focus-visible,.services-mega__link.is-current{color:var(--color-neon-primary);background:rgba(223,255,33,.035);outline:none}
.services-mega__link:hover>i,.services-mega__link:focus-visible>i,.services-mega__featured:hover .services-mega__featured-arrow,.services-mega__featured:focus-visible .services-mega__featured-arrow{transform:translateX(.25rem)}
.services-mega__link:focus-visible,.services-mega__featured:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:2px}
@media(min-width:68rem){.site-nav__item--services{position:static}.services-mega{position:absolute;z-index:var(--z-floating);top:calc(100% + .5rem);left:50%;width:100%;max-width:none;padding:clamp(1.5rem,2.5vw,2.25rem);border:1px solid rgba(255,255,255,.12);border-radius:clamp(1.5rem,2vw,1.8rem);visibility:hidden;opacity:0;background:radial-gradient(circle at 12% 85%,rgba(223,255,33,.07),transparent 22rem),rgba(10,12,12,.98);box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.5),0 0 2.5rem rgba(223,255,33,.035);transform:translate(-50%,-.5rem);transition:opacity 250ms var(--ease-standard),transform 250ms var(--ease-standard),visibility 250ms}.services-mega::before{position:absolute;right:0;bottom:100%;left:0;height:.65rem;content:""}.site-nav__item--services:hover>.services-mega,.site-nav__item--services:focus-within>.services-mega,.site-nav__services-toggle[aria-expanded="true"]+.services-mega{visibility:visible;opacity:1;transform:translate(-50%,0)}.site-nav__item--services:hover>.site-nav__services-toggle i,.site-nav__item--services:focus-within>.site-nav__services-toggle i{transform:translateY(.1rem) rotate(225deg)}.services-mega__inner{display:grid;grid-template-columns:minmax(16rem,.85fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,3vw,3rem)}.services-mega__intro{display:grid;align-content:start;gap:var(--space-4);padding-right:clamp(1rem,2vw,2rem);border-right:1px solid rgba(255,255,255,.09)}.services-mega__featured{margin-top:var(--space-3)}.services-mega__heading{margin-bottom:var(--space-3)}}
@media(max-width:67.99rem){.site-nav__item--services{width:100%}.site-nav__services-toggle{width:100%;min-height:2.75rem;justify-content:space-between}.services-mega{max-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:max-height 260ms var(--ease-standard),opacity 180ms var(--ease-standard),visibility 260ms}.site-nav__services-toggle[aria-expanded="true"]+.services-mega{max-height:45rem;visibility:visible;opacity:1}.services-mega__inner{display:grid;gap:var(--space-5);padding:var(--space-4) 0 var(--space-2) 1rem}.services-mega__intro{display:none}.services-mega__heading{margin-bottom:var(--space-2)}.services-mega__link{min-height:2.9rem;padding:.55rem .25rem}.services-mega__link strong{white-space:normal}.services-mega__link small{display:none}}
@media(prefers-reduced-motion:reduce){.services-mega,.site-nav__services-toggle i,.services-mega__featured-arrow,.services-mega__link>i{transition:none}}

/* Header sectors mega menu */
.site-nav__item--sectors{position:relative}
.site-nav__sectors-toggle{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;padding:0;border:0;color:var(--color-text-primary);background:transparent;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color var(--transition-fast) var(--ease-standard)}
.site-nav__sectors-toggle:hover,.site-nav__sectors-toggle:focus-visible,.site-nav__item--sectors.current-menu-ancestor>.site-nav__sectors-toggle{color:var(--color-neon-primary)}
.site-nav__sectors-toggle:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
.site-nav__sectors-toggle>i{width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.12rem) rotate(45deg);transition:transform var(--transition-fast) var(--ease-standard)}
.site-nav__sectors-toggle[aria-expanded="true"]>i{transform:translateY(.1rem) rotate(225deg)}
.sectors-mega{min-width:0}
.sectors-mega__inner{min-width:0}
.sectors-mega__intro>p,.sectors-mega__mobile-head>span{margin:0;color:var(--color-neon-primary);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.sectors-mega__intro>strong{display:block;color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(1.8rem,2.2vw,2.7rem);line-height:.93;letter-spacing:-.035em;text-transform:uppercase}
.sectors-mega__intro>span{display:block;color:var(--color-text-secondary);font-size:.86rem;line-height:1.62}
.sectors-mega__all{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-neon-primary);font-size:.75rem;font-weight:800;letter-spacing:.055em;text-decoration:none;text-transform:uppercase}
.sectors-mega__all i{font-style:normal;transition:transform var(--transition-fast) var(--ease-standard)}
.sectors-mega__all:hover i,.sectors-mega__all:focus-visible i{transform:translateX(.25rem)}
.sectors-mega__grid{display:grid;min-width:0}
.sectors-mega__column{display:grid;align-content:start;gap:0;margin:0;padding:0;list-style:none}
.sectors-mega__link{display:flex;min-width:0;min-height:3.25rem;align-items:center;justify-content:space-between;gap:.55rem;padding:.7rem .2rem;border-bottom:1px solid rgba(255,255,255,.07);color:var(--color-text-primary);font-size:.7rem;line-height:1.35;text-decoration:none;transition:color var(--transition-fast) var(--ease-standard),background-color var(--transition-fast) var(--ease-standard)}
.sectors-mega__link strong{min-width:0;font-weight:800;overflow-wrap:anywhere}
.sectors-mega__link i{flex:0 0 auto;color:var(--color-neon-primary);font-style:normal;transition:transform var(--transition-fast) var(--ease-standard)}
.sectors-mega__link:hover,.sectors-mega__link:focus-visible,.sectors-mega__link.is-current{color:var(--color-neon-primary);background:rgba(223,255,33,.035);outline:none}
.sectors-mega__link:hover i,.sectors-mega__link:focus-visible i{transform:translateX(.25rem)}
.sectors-mega__link:focus-visible,.sectors-mega__all:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:2px}
@media(min-width:68rem){.site-nav__item--sectors{position:static}.sectors-mega{position:absolute;z-index:var(--z-floating);top:calc(100% + .5rem);left:50%;width:100%;max-width:none;padding:clamp(1.35rem,2.2vw,2rem);border:1px solid rgba(255,255,255,.12);border-radius:clamp(1.5rem,2vw,1.8rem);visibility:hidden;opacity:0;background:radial-gradient(circle at 10% 80%,rgba(223,255,33,.065),transparent 22rem),rgba(10,12,12,.98);box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.5),0 0 2.5rem rgba(223,255,33,.035);transform:translate(-50%,-.5rem);transition:opacity 250ms var(--ease-standard),transform 250ms var(--ease-standard),visibility 250ms}.sectors-mega::before{position:absolute;right:0;bottom:100%;left:0;height:.65rem;content:""}.site-nav__item--sectors:hover>.sectors-mega,.site-nav__item--sectors:focus-within>.sectors-mega,.site-nav__sectors-toggle[aria-expanded="true"]+.sectors-mega{visibility:visible;opacity:1;transform:translate(-50%,0)}.site-nav__item--sectors:hover>.site-nav__sectors-toggle>i,.site-nav__item--sectors:focus-within>.site-nav__sectors-toggle>i{transform:translateY(.1rem) rotate(225deg)}.sectors-mega__inner{display:grid;grid-template-columns:minmax(15rem,.9fr) minmax(0,4.35fr);gap:clamp(1.5rem,2.5vw,2.5rem)}.sectors-mega__intro{display:grid;align-content:start;gap:var(--space-4);padding-right:clamp(1rem,2vw,2rem);border-right:1px solid rgba(255,255,255,.09)}.sectors-mega__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.7rem,1.2vw,1.2rem)}.sectors-mega__mobile-head{display:none}}
@media(max-width:67.99rem){.site-nav__item--sectors{width:100%}.site-nav__sectors-toggle{width:100%;min-height:2.75rem;justify-content:space-between}.sectors-mega{max-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:max-height 280ms var(--ease-standard),opacity 180ms var(--ease-standard),visibility 280ms}.site-nav__sectors-toggle[aria-expanded="true"]+.sectors-mega{max-height:70rem;visibility:visible;opacity:1}.sectors-mega__inner{display:grid;gap:var(--space-4);padding:var(--space-4) 0 var(--space-2) 1rem}.sectors-mega__intro{display:none}.sectors-mega__mobile-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sectors-mega__mobile-head a{padding:0;color:var(--color-text-secondary);font-size:.7rem;text-decoration:none}.sectors-mega__grid{grid-template-columns:1fr}.sectors-mega__link{min-height:2.75rem;padding:.55rem .25rem;font-size:.73rem}}
@media(prefers-reduced-motion:reduce){.sectors-mega,.site-nav__sectors-toggle>i,.sectors-mega__link i,.sectors-mega__all i{transition:none}}

/* Projects work gallery */
.projects-gallery-page{color:var(--color-text-primary);background:radial-gradient(circle at 78% 4%,rgba(223,255,33,.045),transparent 30rem),var(--color-bg-page)}
.projects-gallery-page .eyebrow{color:var(--color-neon-primary)}
.projects-gallery-hero{padding-block:clamp(3rem,6vw,6.5rem) clamp(2.5rem,5vw,5rem)}
.projects-gallery-hero__inner{display:grid;max-width:72rem;justify-items:start}
.projects-gallery-hero h1{margin:var(--space-3) 0 var(--space-5);font-family:var(--font-display);font-size:clamp(4rem,9vw,8.5rem);line-height:.82;letter-spacing:-.055em;text-transform:uppercase}
.projects-gallery-hero h1 span{display:block}
.projects-gallery-hero__inner>p:last-of-type{max-width:45rem;margin:0;color:var(--color-text-secondary);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}
.projects-gallery-hero small{margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--text-micro);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.work-wall{padding-bottom:clamp(5rem,8vw,9rem)}
.work-wall__inner{width:min(96%,118rem);margin-inline:auto}
.work-wall__header{display:flex;align-items:end;justify-content:space-between;margin-bottom:var(--space-5)}
.work-wall__header h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3.75rem);line-height:.9;text-transform:uppercase}
.work-wall__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(.35rem,1vw,.7rem);margin:0;padding:0;list-style:none}
.work-wall__item{min-width:0;aspect-ratio:1;overflow:hidden;background:#050505}
.work-wall__trigger{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:0;border:0;border-radius:.2rem;background:#050505;cursor:zoom-in}
.work-wall__trigger img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 400ms var(--ease-standard),filter 400ms var(--ease-standard)}
.work-wall__trigger>span{position:absolute;right:.65rem;bottom:.65rem;padding:.4rem .55rem;border:1px solid rgba(223,255,33,.28);border-radius:var(--radius-pill);visibility:hidden;opacity:0;color:var(--color-neon-primary);background:rgba(5,7,8,.8);font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transform:translateY(.3rem);transition:opacity 300ms var(--ease-standard),transform 300ms var(--ease-standard),visibility 300ms}
.work-wall__trigger:hover img,.work-wall__trigger:focus-visible img{filter:brightness(.78);transform:scale(1.035)}
.work-wall__trigger:hover>span,.work-wall__trigger:focus-visible>span{visibility:visible;opacity:1;transform:none}
.work-wall__trigger:focus-visible{outline:3px solid var(--color-neon-primary);outline-offset:-3px}
.projects-gallery-final{padding-bottom:clamp(5rem,8vw,9rem)}
.projects-gallery-final__inner{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2.5rem,4vw,4rem);border:1px solid rgba(223,255,33,.24);border-radius:var(--radius-panel);background:radial-gradient(circle at 85% 50%,rgba(223,255,33,.09),transparent 23rem),var(--color-bg-panel)}
.projects-gallery-final h2{margin:var(--space-3) 0 var(--space-5);font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.2rem);line-height:.91;letter-spacing:-.045em;text-transform:uppercase}
.projects-gallery-final h2 span{display:block}.projects-gallery-final p{max-width:46rem;color:var(--color-text-secondary);line-height:1.7}.projects-gallery-final__actions{display:flex;flex-wrap:wrap;gap:.75rem}.projects-gallery-final__actions .btn{width:auto}
.project-lightbox{position:fixed;z-index:var(--z-modal);inset:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,2vw,1.5rem);padding:clamp(1rem,3vw,2rem);background:rgba(2,3,3,.96)}
.project-lightbox[hidden]{display:none}.project-lightbox figure{display:grid;min-width:0;justify-items:center;margin:0}.project-lightbox figure img{width:auto;max-width:min(90vw,72rem);height:auto;max-height:88vh;object-fit:contain}.project-lightbox figcaption{margin-top:.6rem;color:var(--color-text-secondary);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.project-lightbox__close,.project-lightbox__nav{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-circle);color:var(--color-text-primary);background:rgba(10,12,12,.85);font-size:1.35rem;cursor:pointer}.project-lightbox__close{position:absolute;z-index:2;top:1rem;right:1rem}.project-lightbox__close:hover,.project-lightbox__nav:hover,.project-lightbox__close:focus-visible,.project-lightbox__nav:focus-visible{border-color:var(--color-neon-primary);color:var(--color-neon-primary);outline:none}.project-lightbox-open{overflow:hidden}
@media(min-width:48rem){.work-wall__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-gallery-final__inner{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.projects-gallery-final__actions{justify-content:flex-end}}
@media(min-width:68rem){.projects-gallery-page .site-container--wide{width:min(92%,110rem);max-width:none}.work-wall__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-wall__item--featured{grid-column:span 2;grid-row:span 2}}
@media(max-width:29rem){.project-lightbox{grid-template-columns:1fr;padding:3.75rem .75rem 1rem}.project-lightbox__nav{position:absolute;bottom:1rem}.project-lightbox__nav--prev{left:1rem}.project-lightbox__nav--next{right:1rem}.project-lightbox figure img{max-width:calc(100vw - 1.5rem);max-height:calc(100vh - 8rem)}.project-lightbox figcaption{margin-bottom:3.5rem}}
@media(prefers-reduced-motion:reduce){.work-wall__trigger img,.work-wall__trigger>span{transition:none}.work-wall__trigger:hover img,.work-wall__trigger:focus-visible img{transform:none}}

/* Projects creative motion layer */
.projects-gallery-hero{position:relative;overflow:hidden;padding-bottom:clamp(4rem,7vw,7rem);background:linear-gradient(rgba(223,255,33,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,33,.014) 1px,transparent 1px),radial-gradient(circle at 75% 42%,rgba(223,255,33,.055),transparent 28rem);background-size:3rem 3rem,3rem 3rem,auto}.projects-gallery-hero__word{position:absolute;right:-.03em;bottom:-.18em;color:rgba(255,255,255,.028);font-family:var(--font-display);font-size:clamp(10rem,28vw,32rem);font-weight:900;line-height:.7;pointer-events:none}.js .projects-gallery-hero .eyebrow,.js .projects-gallery-hero h1 span,.js .projects-gallery-hero__inner>p,.js .projects-gallery-hero small{opacity:0;transform:translateY(1.125rem);animation:projects-hero-reveal 680ms var(--ease-standard) forwards}.js .projects-gallery-hero h1 span:first-child{animation-delay:80ms}.js .projects-gallery-hero h1 span:last-child{animation-delay:180ms}.js .projects-gallery-hero__inner>p{animation-delay:260ms}.js .projects-gallery-hero small{animation-delay:340ms}
.work-wall{position:relative;margin-top:-2rem;background:linear-gradient(180deg,rgba(11,12,12,.72),transparent 38%,rgba(8,9,9,.65))}.project-media{position:relative}.project-media--square{aspect-ratio:1}.project-media--portrait{aspect-ratio:9/16}.project-media--landscape{aspect-ratio:16/9}.project-media--video video{display:block;width:100%;height:100%;object-fit:cover}.js .project-media,.js .projects-motion-break{opacity:0;transform:translateY(1.5rem);transition:opacity 680ms var(--ease-standard),transform 680ms var(--ease-standard)}.js .project-media[data-reveal-pattern="1"]{transform:translate(10px,1.125rem)}.js .project-media[data-reveal-pattern="3"]{transform:translate(-10px,1.125rem)}.js .project-media.is-revealed,.js .projects-motion-break.is-revealed{opacity:1;transform:var(--project-rest-transform,translate(0,0))}.project-media--angled:nth-child(odd){--project-rest-transform:rotate(-.85deg)}.project-media--angled:nth-child(even){--project-rest-transform:rotate(.75deg)}.project-media--angled:hover,.project-media--angled:focus-within{--project-rest-transform:rotate(0deg) translateY(-3px)}
.work-wall__trigger img{transform:translate3d(var(--media-shift-x,0),var(--media-shift-y,0),0) scale(var(--media-scale,1))}.work-wall__trigger:hover img,.work-wall__trigger:focus-visible img{--media-scale:1.035}.project-media:not(.project-media--angled):hover,.project-media:not(.project-media--angled):focus-within{--project-rest-transform:translateY(-3px)}.is-revealed.project-media--featured:nth-of-type(4n+1){animation:projects-feature-float 9s ease-in-out infinite alternate}.is-revealed.project-media--featured:nth-of-type(4n+2){animation:projects-feature-float 10.5s ease-in-out -3s infinite alternate}.work-wall__trigger>small{position:absolute;top:.65rem;left:.65rem;color:rgba(255,255,255,.72);font-size:.65rem;font-weight:800;font-variant-numeric:tabular-nums}
.projects-motion-break{position:relative;display:grid;grid-column:1/-1;gap:clamp(1.25rem,3vw,2.5rem);overflow:hidden;padding:clamp(2.5rem,6vw,6rem) clamp(1rem,3vw,3rem);background:radial-gradient(circle at 22% 50%,rgba(223,255,33,.075),transparent 26rem),#090a0a}.projects-motion-break__line{width:7.5rem;height:1px;background:var(--color-neon-primary);transform:scaleX(0);transform-origin:left;transition:transform 850ms var(--ease-standard)}.projects-motion-break.is-revealed .projects-motion-break__line{transform:scaleX(1)}.projects-motion-break>strong{display:flex;flex-wrap:wrap;gap:.15em .35em;color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(3.2rem,8vw,9rem);line-height:.82;letter-spacing:-.045em;text-transform:uppercase}.projects-motion-break>strong span:nth-child(2){color:var(--color-neon-primary)}.projects-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.projects-marquee>div{display:flex;width:max-content;animation:projects-marquee 32s linear infinite}.projects-marquee span{color:rgba(255,255,255,.18);font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,2.5rem);letter-spacing:.06em;white-space:nowrap}
.project-lightbox{animation:projects-lightbox-in 280ms ease both}.project-lightbox figure img{animation:projects-lightbox-media-in 320ms ease both}.project-lightbox figcaption::before{margin-right:.6rem;color:var(--color-neon-primary);content:"PROJECT";font-size:.65rem;font-weight:800;letter-spacing:.09em}
@keyframes projects-hero-reveal{to{opacity:1;transform:none}}@keyframes projects-feature-float{to{transform:translateY(-5px) scale(1.002)}}@keyframes projects-marquee{to{transform:translateX(-50%)}}@keyframes projects-lightbox-in{from{opacity:0}}@keyframes projects-lightbox-media-in{from{opacity:0;transform:scale(.96)}}
@media(min-width:68rem){.project-media--portrait{grid-row:span 2}.project-media--landscape{grid-column:span 2}}
@media(max-width:67.99rem){.work-wall{margin-top:0}.project-media--featured{animation:none}}
@media(prefers-reduced-motion:reduce){.js .projects-gallery-hero .eyebrow,.js .projects-gallery-hero h1 span,.js .projects-gallery-hero__inner>p,.js .projects-gallery-hero small,.js .project-media,.js .projects-motion-break{opacity:1;transform:var(--project-rest-transform,none);animation:none;transition:none}.project-media--featured,.projects-marquee>div{animation:none}.projects-motion-break__line{transform:scaleX(1);transition:none}.project-lightbox,.project-lightbox figure img{animation:none}}

/* Projects mixed-media hierarchy */
.projects-media-flow{background:linear-gradient(180deg,#080909 0%,#080909 48%,#0b0c0b 58%,#090a09 100%)}
.projects-media-section{padding-block:clamp(2.5rem,5vw,5.5rem)}
.projects-media-section__header{display:grid;gap:var(--space-5);align-items:end;margin-bottom:clamp(1.5rem,3vw,2.75rem)}
.projects-media-section__header h2,.projects-video-intro h2{max-width:15ch;margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.5rem);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.projects-media-section__header>p,.projects-video-intro p:last-child{max-width:34rem;margin:0;color:var(--color-text-secondary);line-height:1.65}
.projects-media-grid{display:grid;gap:clamp(.5rem,1vw,.8rem);margin:0;padding:0;list-style:none}
.projects-media-grid--square{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}
.projects-media-grid--portrait,.projects-media-grid--video-portrait{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,1.2vw,1rem)}
.projects-media-grid--landscape,.projects-media-grid--video-landscape{grid-template-columns:1fr;gap:clamp(.7rem,1.4vw,1.1rem)}
.projects-media-grid .project-media{overflow:hidden;background:#050505}
.projects-media-grid .project-media--portrait{aspect-ratio:var(--media-aspect,9/16)}
.projects-media-grid .project-media--landscape{aspect-ratio:var(--media-aspect,16/9)}
.projects-media-grid .work-wall__trigger{border-radius:.2rem}
.projects-media-section--image-portrait .project-media,.projects-media-section--image-landscape .project-media{aspect-ratio:auto}.projects-media-section--image-portrait .work-wall__trigger,.projects-media-section--image-landscape .work-wall__trigger{height:auto}.projects-media-section--image-portrait .work-wall__trigger img,.projects-media-section--image-landscape .work-wall__trigger img{height:auto;object-fit:contain}
.projects-editorial-break{padding-block:clamp(2rem,5vw,4rem)}
.projects-editorial-break>div{position:relative;overflow:hidden;padding:clamp(2rem,5vw,4rem);border-left:1px solid rgba(223,255,33,.35);background:linear-gradient(90deg,rgba(223,255,33,.045),transparent)}
.projects-editorial-break strong{display:block;max-width:12ch;color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(3rem,7vw,7.5rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase}
.projects-video-intro{padding-block:clamp(3rem,6vw,6rem);background:radial-gradient(circle at 75% 50%,rgba(223,255,33,.075),transparent 28rem)}
.project-video{position:relative;width:100%;height:100%;overflow:hidden;background:#050505}
.project-video video{display:block;width:100%;height:100%;object-fit:cover}
.project-video__sound{position:absolute;right:.65rem;bottom:.65rem;display:inline-flex;min-height:2.75rem;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px solid rgba(223,255,33,.28);border-radius:var(--radius-pill);color:var(--color-neon-primary);background:rgba(5,7,8,.82);font-size:.65rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-fast) var(--ease-standard),background-color var(--transition-fast) var(--ease-standard),opacity var(--transition-fast) var(--ease-standard)}
.project-video__sound i{position:relative;width:.8rem;height:.65rem;border-left:.35rem solid currentColor}
.project-video__sound i::before{position:absolute;top:50%;left:-.42rem;border:.25rem solid transparent;border-right-color:currentColor;content:"";transform:translateY(-50%)}
.project-video__sound i::after{position:absolute;top:50%;left:.15rem;width:.45rem;height:1px;background:currentColor;content:"";transform:translateY(-50%) rotate(-45deg)}
.project-video__sound[aria-pressed="true"]{color:var(--color-bg-page);border-color:var(--color-neon-primary);background:var(--color-neon-primary)}
.project-video__sound[aria-pressed="true"] i::after{width:.35rem;height:.55rem;border:1px solid currentColor;border-left:0;border-radius:0 100% 100% 0;background:transparent;transform:translateY(-50%)}
.project-video__sound:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:3px}
.project-media--video:hover{--project-rest-transform:translateY(-3px)}
.projects-media-section--video-portrait,.projects-media-section--video-landscape{background:rgba(255,255,255,.008)}
@media(min-width:48rem){.projects-media-section__header{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr)}.projects-media-grid--square{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-media-grid--portrait,.projects-media-grid--video-portrait{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-media-grid--landscape,.projects-media-grid--video-landscape{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:68rem){.projects-media-grid .project-media--portrait,.projects-media-grid .project-media--landscape{grid-row:auto;grid-column:auto}.projects-media-grid--square{grid-template-columns:repeat(4,minmax(0,1fr))}.projects-media-grid--portrait,.projects-media-grid--video-portrait{grid-template-columns:repeat(4,minmax(0,1fr))}.projects-media-grid--square .project-media--featured{grid-column:span 2;grid-row:span 2}.projects-media-grid--video-landscape .project-media:nth-child(5n+1){grid-column:span 2}}
@media(max-width:24.375rem){.projects-media-grid--video-portrait{grid-template-columns:1fr}.project-video__sound{right:.45rem;bottom:.45rem}}
@media(prefers-reduced-motion:reduce){.project-media--video video{transform:none}.project-video__sound{transition:none}}
@media(prefers-reduced-motion:reduce){.contact-hero__rabbit-float{animation:none}.contact-hero__rabbit{transition:none}.contact-hero__visual:hover .contact-hero__rabbit{transform:none}}
.contact-info__social{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.contact-info__social>p{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-label);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.contact-info__social>div{display:flex;flex-wrap:wrap;gap:var(--space-3)}.contact-info__social a{display:grid;width:3rem;min-height:3rem;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:.7rem;color:var(--color-text-primary);background:rgba(255,255,255,.035);text-decoration:none;transition:color var(--transition-normal) var(--ease-standard),background-color var(--transition-normal) var(--ease-standard),border-color var(--transition-normal) var(--ease-standard),box-shadow var(--transition-normal) var(--ease-standard),transform var(--transition-normal) var(--ease-standard)}.contact-info__social svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-info__social a:hover,.contact-info__social a:focus-visible{color:var(--color-bg-page);border-color:var(--color-neon-primary);background:var(--color-neon-primary);box-shadow:0 .5rem 1.75rem rgba(223,255,33,.12);transform:translateY(-.1875rem)}.contact-info__social a:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:3px}

/* =========================================================
   SERVICES MEGA MENU — REKLAM MR FEATURED FINAL FIX
   ========================================================= */

.services-mega__featured {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 6.25rem;
    box-sizing: border-box;
    padding: 1.15rem 1.25rem;
    gap: 0.45rem;
    overflow: hidden;
}

.services-mega__featured-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    min-width: 0;
    gap: 0.45rem;
}

.services-mega__featured-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #f5f5f2;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.025em;
    white-space: normal;
    overflow-wrap: anywhere;
}

.services-mega__featured-desc {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: rgba(245,245,242,.62);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.01em;
    white-space: normal;
    overflow-wrap: anywhere;
}

.services-mega__featured-title + .services-mega__featured-desc {
    margin-top: 0.15rem;
}

.services-mega__featured-arrow {
    display: block;
    margin-top: 0.15rem;
    padding: 0;
    color: #dfff21;
    font-size: 1rem;
    line-height: 1;
}

.services-mega__featured:hover .services-mega__featured-arrow {
    transform: translateX(4px);
}

@media (max-width: 80rem) {
    .services-mega__featured {
        padding: 1rem 1.05rem;
    }
}

/* =========================================================
   SERVICES MEGA — FEATURED REKLAM MR DEFINITIVE FIX
   ========================================================= */

.services-mega .services-mega__featured {
    display: block;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.services-mega .services-mega__featured-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "title arrow"
        "desc  arrow";
    align-items: center;
    column-gap: 1rem;
    row-gap: 0.4rem;
    width: 100%;
    min-width: 0;
    padding: 1.15rem 1.25rem;
    box-sizing: border-box;
}

.services-mega .services-mega__featured-title {
    grid-area: title;
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #f5f5f2;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.035em;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

.services-mega .services-mega__featured-desc {
    grid-area: desc;
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: rgba(245, 245, 242, 0.60);
    font-size: 0.70rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.015em;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

.services-mega .services-mega__featured-arrow {
    grid-area: arrow;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    color: #dfff21;
    font-size: 1.1rem;
    line-height: 1;
    transition: transform 180ms ease;
}

.services-mega .services-mega__featured:hover .services-mega__featured-arrow,
.services-mega .services-mega__featured:focus-visible .services-mega__featured-arrow {
    transform: translateX(4px);
}

@media (max-width: 80rem) {
    .services-mega .services-mega__featured-content {
        padding: 1rem;
        column-gap: 0.75rem;
    }

    .services-mega .services-mega__featured-title {
        font-size: 0.82rem;
    }

    .services-mega .services-mega__featured-desc {
        font-size: 0.68rem;
    }
}

/* =========================================================
   SERVICES MEGA — REKLAM MR CARD CENTER ALIGN FINAL
   ========================================================= */

.site-header .services-mega .services-mega__featured {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 7rem;
    padding: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.site-header .services-mega .services-mega__featured-content {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 1.25rem 1.5rem;
    box-sizing: border-box;

    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 0.45rem;
    text-align: center;
}

.site-header .services-mega .services-mega__featured-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;

    color: #f5f5f2;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.025em;

    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}

.site-header .services-mega .services-mega__featured-desc {
    display: block;
    width: 100%;
    max-width: 18rem;
    margin: 0;
    padding: 0;

    color: rgba(245,245,242,.64);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.01em;

    text-align: center;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}

.site-header .services-mega .services-mega__featured-arrow {
    display: inline-flex;
    width: auto;
    height: auto;
    margin: 0.15rem 0 0;
    padding: 0;

    align-items: center;
    justify-content: center;
    align-self: center;

    color: #dfff21;
    font-size: 1rem;
    line-height: 1;
}

@media (max-width: 80rem) {
    .site-header .services-mega .services-mega__featured-content {
        padding: 1.1rem 1.25rem;
    }
}

/* =========================================================
   HEADER NAV — HIZMETLER TYPOGRAPHY MATCH FIX
   ========================================================= */

.site-header .site-nav__services-toggle {
    font-family: inherit;
    font-size: inherit;
    font-weight: 800;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
}

.site-header .site-nav__services-toggle > span,
.site-header .site-nav__services-toggle {
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
}

.site-header .site-nav__services-toggle i,
.site-header .site-nav__services-toggle svg {
    flex: 0 0 auto;
}

/* =========================================================
   HEADER NAV — SERVICES BUTTON EXACT LINK MATCH
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .site-nav__services-toggle {
        appearance: none;
        -webkit-appearance: none;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;

        width: auto;
        min-width: 0;
        min-height: 0;
        height: auto;

        margin: 0;
        padding: 0;

        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;

        font-family: inherit;
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;

        color: var(--color-text-primary);

        cursor: pointer;
    }

    .site-header .site-nav__services-toggle > span {
        display: inline;
        margin: 0;
        padding: 0;

        font: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
        color: inherit;
    }

    .site-header .site-nav__services-toggle i {
        display: inline-block;
        flex: 0 0 auto;

        width: 0.45rem;
        height: 0.45rem;

        margin: -0.15rem 0 0 0.05rem;

        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;

        font-size: 0;
        line-height: 0;

        transform: rotate(45deg);
        transform-origin: center;
    }

    .site-header .site-nav__item--services:hover > .site-nav__services-toggle i,
    .site-header .site-nav__item--services:focus-within > .site-nav__services-toggle i,
    .site-header .site-nav__services-toggle[aria-expanded="true"] i {
        transform: rotate(225deg);
    }
}

/* =========================================================
   HEADER NAV — SERVICES VERTICAL ALIGNMENT FIX
   ========================================================= */

@media (min-width: 68rem) {
    .site-header .site-nav__services-toggle {
        position: relative;
        top: 1px;
    }
}

/* =========================================================
   HEADER NAV — SERVICES OPTICAL ALIGNMENT FINAL
   ========================================================= */

@media (min-width: 68rem) {
    .site-header .site-nav__services-toggle {
        top: auto;
        transform: translateY(2px);
    }

    .site-header .site-nav__item--services:hover > .site-nav__services-toggle,
    .site-header .site-nav__item--services:focus-within > .site-nav__services-toggle,
    .site-header .site-nav__services-toggle[aria-expanded="true"] {
        transform: translateY(2px);
    }
}

/* =========================================================
   HEADER NAV — SERVICES BASELINE ALIGNMENT
   transform animasyonundan bağımsız optik hizalama
   ========================================================= */

@media (min-width: 68rem) {
    .site-header button.site-nav__services-toggle {
        position: static !important;
        top: auto !important;
        translate: 0 4px !important;
    }
}

/* =========================================================
   FOOTER — BRAND INFO VISUAL + SOCIAL LINKS
   ========================================================= */

.site-footer__brand-media {
    display: grid;
    width: 100%;
    max-width: 17rem;
    gap: 1.35rem;
    margin-top: 1rem;
}

.site-footer__info-visual {
    display: flex;
    width: 100%;
    min-height: 6rem;
    align-items: center;
    justify-content: flex-start;
}

.site-footer__info-visual img {
    display: block;
    width: 100%;
    max-width: 17rem;
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.site-footer__social {
    display: grid;
    gap: .75rem;
    width: 100%;
}

.site-footer__social-label {
    display: block;
    margin: 0;
    color: rgba(245,245,242,.58);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.site-footer__social-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
}

.site-footer__social-links a {
    display: grid;
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    place-items: center;

    border: 1px solid rgba(255,255,255,.14);
    border-radius: .75rem;

    color: #f5f5f2;
    background: rgba(255,255,255,.025);

    text-decoration: none;

    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.site-footer__social-links svg {
    width: 1.15rem;
    height: 1.15rem;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-footer__social-links a:nth-child(2) svg {
    fill: currentColor;
    stroke: none;
}

.site-footer__social-behance {
    font-size: .95rem;
    font-weight: 900;
    line-height: 1;
}

.site-footer__social-links a:hover,
.site-footer__social-links a:focus-visible {
    color: #090a09;
    border-color: #dfff21;
    background: #dfff21;
    box-shadow: 0 .5rem 1.5rem rgba(223,255,33,.12);
    transform: translateY(-2px);
}

.site-footer__social-links a:focus-visible {
    outline: 2px solid #dfff21;
    outline-offset: 3px;
}

@media (max-width: 67.99rem) {

    .site-footer__brand-media {
        max-width: 20rem;
    }

    .site-footer__info-visual img {
        max-width: 18rem;
    }
}

@media (max-width: 30rem) {

    .site-footer__brand-media {
        max-width: 100%;
    }

    .site-footer__info-visual img {
        max-width: 16rem;
    }

    .site-footer__social-links a {
        width: 2.8rem;
        height: 2.8rem;
        flex-basis: 2.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .site-footer__social-links a {
        transition: none;
    }

    .site-footer__social-links a:hover,
    .site-footer__social-links a:focus-visible {
        transform: none;
    }
}

/* =========================================================
   FOOTER LOGO INFO — SIZE FIX
   ========================================================= */

.site-footer__info-visual img {
    width: 50%;
    max-width: 8.5rem;
    height: auto;
}

/* =========================================================
   FOOTER LOGO INFO — HALF SIZE FINAL
   ========================================================= */

.site-footer .site-footer__info-visual {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.site-footer .site-footer__info-visual img {
    display: block;
    width: 8rem !important;
    max-width: 8rem !important;
    height: auto !important;
    object-fit: contain;
}

@media (max-width: 30rem) {
    .site-footer .site-footer__info-visual img {
        width: 7rem !important;
        max-width: 7rem !important;
    }
}

/* =========================================================
   SECTORS MEGA MENU — DESKTOP GRID LAYOUT FIX
   ========================================================= */

@media (min-width: 68rem) {

    /* Ana mega menu: sol intro + sağ sektör alanı */
    .site-header .sectors-mega__inner {
        display: grid;
        grid-template-columns: minmax(16rem, 0.85fr) minmax(0, 4.15fr);
        align-items: stretch;
        gap: clamp(2rem, 3vw, 3.5rem);
        width: 100%;
        min-width: 0;
    }

    /* Sol intro */
    .site-header .sectors-mega__intro {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        min-width: 0;
        padding-right: clamp(1.5rem, 2.5vw, 2.5rem);
        border-right: 1px solid rgba(255,255,255,.09);
    }

    /* Sağ bölüm: 5 eşit kolon */
    .site-header .sectors-mega__grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: start;
        align-content: start;
        gap: 0 clamp(1.25rem, 1.8vw, 2rem);
        width: 100%;
        min-width: 0;
    }

    /* Her kolon kendi içinde 3 satır */
    .site-header .sectors-mega__column {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 0;
        min-width: 0;
        width: 100%;
    }

    /* Liste varsa resetle */
    .site-header .sectors-mega__column ul {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .site-header .sectors-mega__column li {
        display: block;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    /* Eğer Codex linkleri doğrudan grid içine koyduysa da çalışsın */
    .site-header .sectors-mega__grid > .sectors-mega__link {
        min-width: 0;
    }

    /* Sektör linkleri */
    .site-header .sectors-mega__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .65rem;

        width: 100%;
        min-width: 0;
        min-height: 4.5rem;

        margin: 0;
        padding: 1rem .25rem;

        border-bottom: 1px solid rgba(255,255,255,.075);

        color: var(--color-text-primary);
        text-decoration: none;

        white-space: normal;
        overflow: visible;
    }

    /* Link içindeki yazı */
    .site-header .sectors-mega__link > span,
    .site-header .sectors-mega__link > strong {
        display: block;
        min-width: 0;
        max-width: 100%;

        font-size: clamp(.72rem, .73vw, .82rem);
        font-weight: 800;
        line-height: 1.35;
        letter-spacing: .015em;

        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }

    /* Ok */
    .site-header .sectors-mega__link > i {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;

        color: var(--color-neon-primary);
        font-style: normal;
    }

    /* Hover */
    .site-header .sectors-mega__link:hover,
    .site-header .sectors-mega__link:focus-visible,
    .site-header .sectors-mega__link.is-current {
        color: var(--color-neon-primary);
        background: rgba(223,255,33,.035);
    }

    /* 1366–1200 aralığında uzun isimlere biraz daha alan */
    @media (max-width: 90rem) {
        .site-header .sectors-mega__inner {
            grid-template-columns: minmax(14rem, .72fr) minmax(0, 4.28fr);
            gap: 1.75rem;
        }

        .site-header .sectors-mega__grid {
            gap: 0 1rem;
        }

        .site-header .sectors-mega__link > span,
        .site-header .sectors-mega__link > strong {
            font-size: .7rem;
        }
    }
}

/* =========================================================
   SECTORS MEGA — MOBILE SAFETY
   ========================================================= */

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__grid,
    .site-header .sectors-mega__column,
    .site-header .sectors-mega__column ul {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        gap: 0;
    }

    .site-header .sectors-mega__link {
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 3rem;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        padding: .7rem .25rem;
        white-space: normal;
    }
}

/* =========================================================
   SECTORS MEGA MENU — LINK DESCRIPTIONS
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .sectors-mega__link {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title arrow"
            "desc  arrow";
        align-items: center;

        column-gap: .65rem;
        row-gap: .28rem;

        min-height: 5.25rem;
        padding: 1rem .25rem;
    }

    .site-header .sectors-mega__link strong,
    .site-header .sectors-mega__link > span:not(.sectors-mega__arrow) {
        grid-area: title;

        display: block;
        min-width: 0;

        font-size: clamp(.72rem,.73vw,.82rem);
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: .015em;

        white-space: normal;
    }

    .site-header .sectors-mega__link small {
        grid-area: desc;

        display: block;
        min-width: 0;

        margin: 0;
        padding: 0;

        color: rgba(245,245,242,.52);

        font-size: clamp(.60rem,.58vw,.68rem);
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .015em;

        text-transform: uppercase;
        white-space: normal;

        transition:
            color 180ms ease;
    }

    .site-header .sectors-mega__link > i,
    .site-header .sectors-mega__link .sectors-mega__arrow {
        grid-area: arrow;

        align-self: center;
    }

    .site-header .sectors-mega__link:hover small,
    .site-header .sectors-mega__link:focus-visible small,
    .site-header .sectors-mega__link.is-current small {
        color: rgba(223,255,33,.68);
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__link {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title arrow"
            "desc  arrow";

        column-gap: .75rem;
        row-gap: .2rem;

        min-height: 3.8rem;
        padding: .7rem .25rem;
    }

    .site-header .sectors-mega__link small {
        grid-area: desc;

        display: block;

        color: rgba(245,245,242,.5);
        font-size: .64rem;
        font-weight: 600;
        line-height: 1.4;

        text-transform: uppercase;
    }

    .site-header .sectors-mega__link > i,
    .site-header .sectors-mega__link .sectors-mega__arrow {
        grid-area: arrow;
    }
}

/* =========================================================
   SECTORS MEGA — TITLE + DESCRIPTION FINAL
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .sectors-mega__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;

        min-height: 5.35rem;
        padding: .9rem .25rem;

        border-bottom: 1px solid rgba(255,255,255,.075);
    }

    .site-header .sectors-mega__copy {
        display: grid;
        min-width: 0;
        flex: 1 1 auto;
        gap: .3rem;
    }

    .site-header .sectors-mega__copy strong {
        display: block;
        margin: 0;
        padding: 0;

        color: var(--color-text-primary);
        font-size: clamp(.70rem,.72vw,.81rem);
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: .015em;

        white-space: normal;
        word-break: normal;
    }

    .site-header .sectors-mega__copy small {
        display: block;
        margin: 0;
        padding: 0;

        color: var(--color-text-muted);
        font-size: clamp(.59rem,.56vw,.67rem);
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .015em;

        text-transform: uppercase;
        white-space: normal;
    }

    .site-header .sectors-mega__link > i {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;

        color: var(--color-neon-primary);
        font-style: normal;

        transition: transform 180ms ease;
    }

    .site-header .sectors-mega__link:hover .sectors-mega__copy strong,
    .site-header .sectors-mega__link:focus-visible .sectors-mega__copy strong,
    .site-header .sectors-mega__link.is-current .sectors-mega__copy strong {
        color: var(--color-neon-primary);
    }

    .site-header .sectors-mega__link:hover > i,
    .site-header .sectors-mega__link:focus-visible > i {
        transform: translateX(4px);
    }
}

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__copy {
        display: grid;
        min-width: 0;
        gap: .2rem;
    }

    .site-header .sectors-mega__copy small {
        display: block;
        color: var(--color-text-muted);
        font-size: .62rem;
        line-height: 1.4;
        text-transform: uppercase;
    }
}

/* =========================================================
   SECTORS MEGA — DESCRIPTION FINAL REAL STRUCTURE
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .sectors-mega__link {
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 5.5rem;

        align-items: center;
        justify-content: space-between;
        gap: .75rem;

        padding: .95rem .25rem;

        border-bottom: 1px solid rgba(255,255,255,.075);

        color: var(--color-text-primary);
        text-decoration: none;
    }

    .site-header .sectors-mega__copy {
        display: grid;
        flex: 1 1 auto;
        min-width: 0;
        gap: .32rem;
    }

    .site-header .sectors-mega__copy strong {
        display: block;
        min-width: 0;
        margin: 0;

        color: var(--color-text-primary);

        font-size: clamp(.70rem,.72vw,.81rem);
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: .015em;

        white-space: normal;
        word-break: normal;
    }

    .site-header .sectors-mega__copy small {
        display: block;
        min-width: 0;
        margin: 0;

        color: var(--color-text-muted);

        font-size: clamp(.59rem,.56vw,.67rem);
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .015em;

        text-transform: uppercase;
        white-space: normal;
    }

    .site-header .sectors-mega__link > i {
        display: inline-flex;
        flex: 0 0 auto;

        align-items: center;
        justify-content: center;

        color: var(--color-neon-primary);
        font-style: normal;

        transition: transform 180ms ease;
    }

    .site-header .sectors-mega__link:hover strong,
    .site-header .sectors-mega__link:focus-visible strong,
    .site-header .sectors-mega__link.is-current strong {
        color: var(--color-neon-primary);
    }

    .site-header .sectors-mega__link:hover small,
    .site-header .sectors-mega__link:focus-visible small {
        color: rgba(245,245,242,.75);
    }

    .site-header .sectors-mega__link:hover > i,
    .site-header .sectors-mega__link:focus-visible > i {
        transform: translateX(4px);
    }
}

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__copy {
        display: grid;
        min-width: 0;
        gap: .2rem;
    }

    .site-header .sectors-mega__copy small {
        display: block;

        color: var(--color-text-muted);
        font-size: .62rem;
        font-weight: 600;
        line-height: 1.4;

        text-transform: uppercase;
    }
}

/* =========================================================
   SECTORS MEGA — 4 COLUMN SERVICES-STYLE FINAL
   ========================================================= */

@media (min-width: 68rem) {

    /* Sol intro + sağ 4 kolon */
    .site-header .sectors-mega__inner {
        display: grid;
        grid-template-columns: minmax(16rem, .82fr) minmax(0, 4.18fr);
        align-items: stretch;
        gap: clamp(2rem, 3vw, 3.25rem);
        width: 100%;
        min-width: 0;
    }

    .site-header .sectors-mega__intro {
        display: grid;
        align-content: start;
        min-width: 0;
        padding-right: clamp(1.4rem, 2.2vw, 2.25rem);
        border-right: 1px solid rgba(255,255,255,.09);
    }

    /* 4 ana kolon */
    .site-header .sectors-mega__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: start;
        align-content: start;

        width: 100%;
        min-width: 0;

        gap: 0 clamp(1.4rem, 2vw, 2.25rem);
    }

    .site-header .sectors-mega__column {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;

        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    .site-header .sectors-mega__column li {
        display: block;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    /* =====================================================
       HIZMETLER MENUSU GIBI:
       BASLIK
       ACIKLAMA
       OK
       ===================================================== */

    .site-header .sectors-mega__link {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: center;
        justify-items: start;

        width: 100%;
        min-width: 0;
        min-height: 6.2rem;

        gap: .35rem;

        margin: 0;
        padding: .95rem .25rem;

        border-bottom: 1px solid rgba(255,255,255,.075);

        color: var(--color-text-primary);
        background: transparent;
        text-decoration: none;
    }

    .site-header .sectors-mega__copy {
        display: grid;
        width: 100%;
        min-width: 0;
        gap: .25rem;
    }

    .site-header .sectors-mega__copy strong {
        display: block;
        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;

        color: var(--color-text-primary);

        font-size: clamp(.73rem,.75vw,.84rem);
        font-weight: 800;
        line-height: 1.28;
        letter-spacing: .015em;

        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    .site-header .sectors-mega__copy small {
        display: block;
        width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;

        color: var(--color-text-muted);

        font-size: clamp(.60rem,.57vw,.68rem);
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .015em;

        text-transform: uppercase;
        white-space: normal;
    }

    /* OK ARTIK SAGDA DEGIL
       HIZMETLER MENUSU GIBI SOL ALTTA */
    .site-header .sectors-mega__link > i {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;

        width: auto;
        height: auto;

        margin: .15rem 0 0;
        padding: 0;

        justify-self: start;
        align-self: start;

        color: var(--color-neon-primary);

        font-size: .95rem;
        font-style: normal;
        line-height: 1;

        transition: transform 180ms ease;
    }

    /* Hover */
    .site-header .sectors-mega__link:hover,
    .site-header .sectors-mega__link:focus-visible,
    .site-header .sectors-mega__link.is-current {
        background: rgba(223,255,33,.035);
    }

    .site-header .sectors-mega__link:hover strong,
    .site-header .sectors-mega__link:focus-visible strong,
    .site-header .sectors-mega__link.is-current strong {
        color: var(--color-neon-primary);
    }

    .site-header .sectors-mega__link:hover > i,
    .site-header .sectors-mega__link:focus-visible > i {
        transform: translateX(4px);
    }

    /* Panelin gereksiz dev bosluk üretmemesi */
    .site-header .sectors-mega {
        height: auto;
        min-height: 0;
    }
}

/* =========================================================
   1200–1440 ARASI
   ========================================================= */

@media (min-width: 68rem) and (max-width: 90rem) {

    .site-header .sectors-mega__inner {
        grid-template-columns: minmax(14rem, .72fr) minmax(0, 4.28fr);
        gap: 1.75rem;
    }

    .site-header .sectors-mega__grid {
        gap: 0 1rem;
    }

    .site-header .sectors-mega__link {
        min-height: 6rem;
        padding-inline: .15rem;
    }

    .site-header .sectors-mega__copy strong {
        font-size: .72rem;
    }

    .site-header .sectors-mega__copy small {
        font-size: .59rem;
    }
}

/* =========================================================
   MOBILE — TEK KOLON KORUNSUN
   ========================================================= */

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__grid,
    .site-header .sectors-mega__column {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        gap: 0;
    }

    .site-header .sectors-mega__link {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;

        width: 100%;
        min-width: 0;

        gap: .25rem;
        padding: .75rem .25rem;
    }

    .site-header .sectors-mega__link > i {
        justify-self: start;
        margin-top: .1rem;
    }
}

/* =========================================================
   SECTORS MEGA — ARROW LEFT-BOTTOM FINAL FIX
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .sectors-mega__link {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        grid-template-areas:
            "copy"
            "arrow" !important;

        align-items: start !important;
        justify-items: start !important;

        row-gap: .35rem !important;
        column-gap: 0 !important;
    }

    .site-header .sectors-mega__copy {
        grid-area: copy !important;

        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;

        justify-self: stretch !important;
        align-self: start !important;
    }

    .site-header .sectors-mega__link > i {
        grid-area: arrow !important;

        position: static !important;

        display: inline-flex !important;

        width: auto !important;
        height: auto !important;

        margin: .1rem 0 0 !important;
        padding: 0 !important;

        justify-self: start !important;
        align-self: start !important;

        color: var(--color-neon-primary) !important;

        font-size: .95rem !important;
        font-style: normal !important;
        line-height: 1 !important;

        transform: none;
    }

    .site-header .sectors-mega__link:hover > i,
    .site-header .sectors-mega__link:focus-visible > i {
        transform: translateX(4px) !important;
    }
}

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__link {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "copy"
            "arrow" !important;

        justify-items: start !important;
    }

    .site-header .sectors-mega__link > i {
        grid-area: arrow !important;
        justify-self: start !important;
        align-self: start !important;
        margin-top: .1rem !important;
    }
}

/* =========================================================
   SECTORS MEGA — TITLE / DESC OVERLAP FIX
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .sectors-mega__column {
        display: grid !important;
        gap: 1.1rem !important;
    }

    .site-header .sectors-mega__column li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-header .sectors-mega__link {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "title"
            "desc"
            "arrow" !important;

        align-content: start !important;
        justify-items: start !important;

        row-gap: 0.32rem !important;
        min-height: 7.2rem !important;
        padding: 0.1rem 0 0.9rem !important;
        text-decoration: none !important;
        position: relative !important;
    }

    .site-header .sectors-mega__link > strong {
        grid-area: title !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;

        color: #f5f5f2 !important;
        font-size: 0.94rem !important;
        font-weight: 800 !important;
        line-height: 1.08 !important;
        letter-spacing: 0.01em !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .site-header .sectors-mega__link > span,
    .site-header .sectors-mega__link > small,
    .site-header .sectors-mega__link > p,
    .site-header .sectors-mega__link > em {
        grid-area: desc !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        transform: none !important;

        color: rgba(245,245,242,.58) !important;
        font-size: 0.74rem !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: 0.015em !important;
        text-transform: uppercase !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .site-header .sectors-mega__link > i {
        grid-area: arrow !important;
        display: inline-flex !important;
        justify-self: start !important;
        align-self: start !important;

        position: static !important;
        transform: none !important;

        width: auto !important;
        height: auto !important;
        margin: 0.12rem 0 0 !important;
        padding: 0 !important;

        color: #dfff21 !important;
        font-size: 1rem !important;
        line-height: 1 !important;
        font-style: normal !important;
    }

    .site-header .sectors-mega__link:hover > i,
    .site-header .sectors-mega__link:focus-visible > i {
        transform: translateX(4px) !important;
    }

    .site-header .sectors-mega__link::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 1px !important;
        background: rgba(223,255,33,.14) !important;
    }
}

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__link {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "title"
            "desc"
            "arrow" !important;

        row-gap: 0.28rem !important;
        min-height: auto !important;
        padding: 0.15rem 0 0.85rem !important;
    }

    .site-header .sectors-mega__link > strong,
    .site-header .sectors-mega__link > span,
    .site-header .sectors-mega__link > small,
    .site-header .sectors-mega__link > p,
    .site-header .sectors-mega__link > em,
    .site-header .sectors-mega__link > i {
        position: static !important;
        transform: none !important;
    }

    .site-header .sectors-mega__link > i {
        justify-self: start !important;
        margin-top: 0.1rem !important;
    }
}

/* =========================================================
   SECTORS MEGA — PREMIUM VISUAL POLISH
   Hizmetler mega menu oranlarına yaklaştırma
   ========================================================= */

@media (min-width: 68rem) {

    /* -----------------------------------------------------
       ANA PANEL
       ----------------------------------------------------- */

    .site-header .sectors-mega {
        padding:
            clamp(1.4rem, 1.8vw, 1.9rem)
            clamp(1.6rem, 2.3vw, 2.3rem) !important;
    }

    .site-header .sectors-mega__inner {
        grid-template-columns:
            minmax(15rem, .78fr)
            minmax(0, 4.22fr) !important;

        gap: clamp(1.75rem, 2.3vw, 2.6rem) !important;
    }

    /* -----------------------------------------------------
       SOL INTRO
       ----------------------------------------------------- */

    .site-header .sectors-mega__intro {
        padding-right: clamp(1.4rem, 2vw, 2rem) !important;
    }

    .site-header .sectors-mega__intro > p {
        margin-bottom: .65rem !important;
    }

    .site-header .sectors-mega__intro > strong {
        font-size: clamp(2.3rem, 2.6vw, 3.15rem) !important;
        line-height: .93 !important;
    }

    .site-header .sectors-mega__intro > span {
        max-width: 17rem !important;
        margin-top: 1rem !important;

        font-size: .83rem !important;
        line-height: 1.6 !important;
    }

    .site-header .sectors-mega__all {
        margin-top: 1.3rem !important;
        font-size: .8rem !important;
    }

    /* -----------------------------------------------------
       4 KOLON
       ----------------------------------------------------- */

    .site-header .sectors-mega__grid {
        gap:
            0
            clamp(1.2rem, 1.5vw, 1.75rem) !important;
    }

    .site-header .sectors-mega__column {
        gap: .7rem !important;
    }

    /* -----------------------------------------------------
       SEKTOR ITEM
       ----------------------------------------------------- */

    .site-header .sectors-mega__link {
        position: relative !important;

        display: grid !important;
        grid-template-columns: minmax(0,1fr) !important;

        align-content: center !important;
        justify-items: start !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 6.6rem !important;

        padding:
            .95rem
            .75rem
            .9rem !important;

        gap: .32rem !important;

        border: 1px solid transparent !important;
        border-bottom-color: rgba(255,255,255,.085) !important;
        border-radius: .7rem !important;

        background: transparent !important;

        transition:
            background-color 180ms ease,
            border-color 180ms ease,
            transform 180ms ease !important;
    }

    /* -----------------------------------------------------
       COPY
       ----------------------------------------------------- */

    .site-header .sectors-mega__copy {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: .28rem !important;
    }

    /* SEKTÖR ADI */
    .site-header .sectors-mega__copy strong {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #f6f6f3 !important;

        font-size: clamp(.84rem, .83vw, .96rem) !important;
        font-weight: 850 !important;
        line-height: 1.18 !important;
        letter-spacing: .008em !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* AÇIKLAMA */
    .site-header .sectors-mega__copy small {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: rgba(245,245,242,.58) !important;

        font-size: clamp(.65rem, .62vw, .72rem) !important;
        font-weight: 650 !important;
        line-height: 1.35 !important;
        letter-spacing: .012em !important;

        text-transform: uppercase !important;

        white-space: normal !important;
    }

    /* -----------------------------------------------------
       OK — SOL ALT
       ----------------------------------------------------- */

    .site-header .sectors-mega__link > i {
        display: inline-flex !important;

        position: static !important;

        width: auto !important;
        height: auto !important;

        margin: .12rem 0 0 !important;
        padding: 0 !important;

        justify-self: start !important;

        color: #dfff21 !important;

        font-size: 1rem !important;
        line-height: 1 !important;
        font-style: normal !important;

        transition: transform 180ms ease !important;
    }

    /* -----------------------------------------------------
       HOVER
       ----------------------------------------------------- */

    .site-header .sectors-mega__link:hover,
    .site-header .sectors-mega__link:focus-visible,
    .site-header .sectors-mega__link.is-current {
        background:
            linear-gradient(
                90deg,
                rgba(223,255,33,.055),
                rgba(223,255,33,.012)
            ) !important;

        border-color: rgba(223,255,33,.16) !important;

        transform: translateY(-1px) !important;
    }

    .site-header .sectors-mega__link:hover strong,
    .site-header .sectors-mega__link:focus-visible strong,
    .site-header .sectors-mega__link.is-current strong {
        color: #dfff21 !important;
    }

    .site-header .sectors-mega__link:hover small,
    .site-header .sectors-mega__link:focus-visible small {
        color: rgba(245,245,242,.78) !important;
    }

    .site-header .sectors-mega__link:hover > i,
    .site-header .sectors-mega__link:focus-visible > i {
        transform: translateX(4px) !important;
    }

    /* -----------------------------------------------------
       AYIRICI
       ----------------------------------------------------- */

    .site-header .sectors-mega__link::after {
        display: none !important;
    }
}

/* =========================================================
   1200–1440
   ========================================================= */

@media (min-width: 68rem) and (max-width: 90rem) {

    .site-header .sectors-mega__inner {
        grid-template-columns:
            minmax(13.5rem, .7fr)
            minmax(0, 4.3fr) !important;

        gap: 1.5rem !important;
    }

    .site-header .sectors-mega__grid {
        gap: 0 .85rem !important;
    }

    .site-header .sectors-mega__link {
        min-height: 6.4rem !important;
        padding-inline: .6rem !important;
    }

    .site-header .sectors-mega__copy strong {
        font-size: .82rem !important;
    }

    .site-header .sectors-mega__copy small {
        font-size: .63rem !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 67.99rem) {

    .site-header .sectors-mega__link {
        padding: .85rem .5rem !important;
        border-radius: .55rem !important;
    }

    .site-header .sectors-mega__copy strong {
        font-size: .86rem !important;
        line-height: 1.25 !important;
    }

    .site-header .sectors-mega__copy small {
        font-size: .64rem !important;
        line-height: 1.4 !important;
    }
}

/* =========================================================
   SECTORS MEGA — EQUAL CARD HEIGHT / ROW ALIGNMENT
   ========================================================= */

@media (min-width: 68rem) {

    /* Tüm kolonlar aynı dikey sistemi kullansın */
    .site-header .sectors-mega__column {
        display: grid !important;
        grid-template-rows: repeat(4, 7.25rem) !important;
        align-content: start !important;
        gap: .7rem !important;

        width: 100% !important;
        min-width: 0 !important;
    }

    /* Her sektör hücresi aynı yüksekliği doldursun */
    .site-header .sectors-mega__column > li {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Kartlar hücrenin tamamını doldursun */
    .site-header .sectors-mega__link {
        display: grid !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        align-content: center !important;
        justify-items: start !important;

        box-sizing: border-box !important;
    }

    /* Başlık + açıklama bloğu aynı eksende */
    .site-header .sectors-mega__copy {
        align-self: center !important;
    }

    /* Ok da her kartta aynı mantıkla altına yerleşsin */
    .site-header .sectors-mega__link > i {
        justify-self: start !important;
    }
}

/* 1200–1440 arası da aynı satır sistemi */
@media (min-width: 68rem) and (max-width: 90rem) {

    .site-header .sectors-mega__column {
        grid-template-rows: repeat(4, 7.1rem) !important;
    }
}

/* =========================================================
   HEADER NAV — SECTORS BUTTON EXACT LINK MATCH
   ========================================================= */

@media (min-width: 68rem) {

    .site-header .site-nav__sectors-toggle {
        appearance: none;
        -webkit-appearance: none;

        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;

        width: auto;
        min-width: 0;
        min-height: 0;
        height: auto;

        margin: 0;
        padding: 0;

        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;

        font-family: inherit;
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;

        color: var(--color-text-primary);

        cursor: pointer;

        /* Hizmetler ile aynı optik baseline */
        position: static !important;
        top: auto !important;
        translate: 0 4px !important;
    }

    .site-header .site-nav__sectors-toggle > span {
        display: inline;
        margin: 0;
        padding: 0;

        font: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
        color: inherit;
    }

    .site-header .site-nav__sectors-toggle i {
        display: inline-block;
        flex: 0 0 auto;

        width: 0.45rem;
        height: 0.45rem;

        margin: -0.15rem 0 0 0.05rem;

        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;

        font-size: 0;
        line-height: 0;

        transform: rotate(45deg);
        transform-origin: center;
    }

    .site-header .site-nav__item--sectors:hover > .site-nav__sectors-toggle i,
    .site-header .site-nav__item--sectors:focus-within > .site-nav__sectors-toggle i,
    .site-header .site-nav__sectors-toggle[aria-expanded="true"] i {
        transform: rotate(225deg);
    }

    .site-header .site-nav__item--sectors:hover > .site-nav__sectors-toggle,
    .site-header .site-nav__item--sectors:focus-within > .site-nav__sectors-toggle,
    .site-header .site-nav__sectors-toggle[aria-expanded="true"] {
        translate: 0 4px !important;
    }
}

/* =========================================================
   GLOBAL — HIDE VISIBLE BREADCRUMBS
   ========================================================= */

.breadcrumb,
.breadcrumbs,
.site-breadcrumb,
.site-breadcrumbs,
.page-breadcrumb,
.page-breadcrumbs,
.breadcrumb-wrap,
.breadcrumb-wrapper,
nav[aria-label="Breadcrumb"],
nav[aria-label="breadcrumb"] {
    display: none !important;
}

/* =========================================================
   GLOBAL — HIDE ALL VISIBLE BREADCRUMB / PAGE PATH UI
   ========================================================= */

[class*="breadcrumb"],
[class*="breadcrumbs"],
[class*="crumb"],
nav[aria-label*="breadcrumb" i],
nav[aria-label*="crumb" i] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* =========================================================
   PROJECTS HERO VIDEO — BIAJANS SHOWREEL
   ========================================================= */

.projects-hero-video-stage {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.projects-hero-video-stage > *:not(.projects-hero-video) {
    position: relative;
    z-index: 3;
}

.projects-hero-video {
    position: absolute;
    z-index: 2;

    top: 50%;
    right: clamp(2rem, 5vw, 7rem);

    width: min(43vw, 50rem);

    transform: translateY(-43%);

    pointer-events: auto;
}

.projects-hero-video__media {
    position: relative;

    width: 100%;

    overflow: visible;

    cursor: pointer;
}

.projects-hero-video__video {
    display: block;

    width: 100%;
    height: auto;

    max-height: 34rem;

    object-fit: contain;

    opacity: .34;

    filter:
        saturate(.88)
        contrast(1.08)
        brightness(.82);

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 13%,
            #000 87%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 13%,
            #000 87%,
            transparent 100%
        );

    transition:
        opacity .4s ease,
        filter .4s ease,
        transform .5s ease;
}

.projects-hero-video:hover .projects-hero-video__video {
    opacity: .46;

    filter:
        saturate(1)
        contrast(1.08)
        brightness(.9);

    transform: scale(1.012);
}

/* ---------------------------------------------------------
   NEON LINE — TOP LEFT
   --------------------------------------------------------- */

.projects-hero-video__neon {
    position: absolute;

    display: block;

    pointer-events: none;

    color: #dfff21;
}

.projects-hero-video__neon--top {
    top: -.65rem;
    left: 7%;

    width: 38%;
    height: 2.2rem;

    border-top: 1px solid rgba(223,255,33,.9);
    border-left: 1px solid rgba(223,255,33,.9);

    box-shadow:
        -4px -4px 20px rgba(223,255,33,.08);
}

.projects-hero-video__neon--bottom {
    right: 7%;
    bottom: -.65rem;

    width: 38%;
    height: 2.2rem;

    border-right: 1px solid rgba(223,255,33,.9);
    border-bottom: 1px solid rgba(223,255,33,.9);

    box-shadow:
        4px 4px 20px rgba(223,255,33,.08);
}

/* ---------------------------------------------------------
   SOUND BUTTON
   --------------------------------------------------------- */

.projects-hero-video__sound {
    position: absolute;

    right: 8%;
    bottom: 1rem;

    display: inline-flex;
    align-items: center;
    gap: .55rem;

    min-height: 2.45rem;

    padding: .55rem .8rem;

    border: 1px solid rgba(223,255,33,.42);
    border-radius: 999px;

    background: rgba(5,7,5,.72);

    color: #dfff21;

    font: inherit;
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .055em;

    cursor: pointer;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.projects-hero-video__sound:hover,
.projects-hero-video__sound:focus-visible {
    border-color: #dfff21;
    background: rgba(223,255,33,.12);
}

.projects-hero-video__sound:focus-visible {
    outline: 2px solid #dfff21;
    outline-offset: 3px;
}

.projects-hero-video__sound i {
    position: relative;

    width: .55rem;
    height: .55rem;

    border-radius: 50%;

    background: currentColor;

    box-shadow: 0 0 12px rgba(223,255,33,.7);
}

.projects-hero-video__sound[aria-pressed="true"] {
    background: #dfff21;
    color: #060806;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 67.99rem) {

    .projects-hero-video-stage {
        overflow: hidden;
    }

    .projects-hero-video {
        position: relative;

        top: auto;
        right: auto;

        width: min(100%, 46rem);

        margin:
            clamp(1.5rem, 5vw, 3rem)
            auto
            0;

        transform: none;
    }

    .projects-hero-video__video {
        max-height: none;

        opacity: .55;
    }

}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 47.99rem) {

    .projects-hero-video {
        width: 100%;
    }

    .projects-hero-video__video {
        opacity: .58;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                #000 6%,
                #000 94%,
                transparent 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                #000 6%,
                #000 94%,
                transparent 100%
            );
    }

    .projects-hero-video__sound {
        right: .8rem;
        bottom: .7rem;
    }

}

/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .projects-hero-video__video {
        transition: none;
        transform: none !important;
    }

}

/* =========================================================
   PROJECTS HERO VIDEO POSITION FIX
   ========================================================= */

.projects-hero-video-stage {
    min-height: clamp(34rem, 46vw, 46rem);
    padding-top: clamp(5.75rem, 7vw, 7.5rem);
    padding-bottom: clamp(3rem, 4.5vw, 4.5rem);
}

.projects-hero-video-stage > *:not(.projects-hero-video) {
    position: relative;
    z-index: 3;
}

.projects-hero-video {
    top: auto;
    bottom: clamp(2.5rem, 4vw, 4rem);
    right: clamp(2rem, 6vw, 5rem);
    width: min(36vw, 36rem);
    transform: none;
}

.projects-hero-video__media {
    width: 100%;
}

.projects-hero-video__video {
    width: 100%;
    max-height: 25rem;
    opacity: .34;
}

.projects-hero-video__neon--top {
    left: 5%;
    width: 44%;
}

.projects-hero-video__neon--bottom {
    right: 5%;
    width: 44%;
}

.projects-hero-video__sound {
    right: .85rem;
    bottom: .85rem;
}

/* ---------------------------------------------------------
   HERO METIN BLOGUNU VIDEOYLA DENGELE
   --------------------------------------------------------- */

.projects-hero-video-stage .work-wall__inner,
.projects-hero-video-stage .projects-hero,
.projects-hero-video-stage .projects-hero__inner,
.projects-hero-video-stage .page-hero__inner {
    position: relative;
    z-index: 3;
}

.projects-hero-video-stage h1,
.projects-hero-video-stage .projects-hero__title {
    max-width: 8.5ch;
}

.projects-hero-video-stage p:not(.eyebrow) {
    max-width: 36rem;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 67.99rem) {
    .projects-hero-video-stage {
        min-height: auto;
        padding-top: clamp(5rem, 8vw, 6rem);
        padding-bottom: clamp(2.5rem, 5vw, 4rem);
    }

    .projects-hero-video {
        position: relative;
        right: auto;
        bottom: auto;
        width: min(100%, 34rem);
        margin: 1.75rem 0 0 auto;
    }

    .projects-hero-video__video {
        max-height: none;
        opacity: .48;
    }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 47.99rem) {
    .projects-hero-video-stage {
        padding-top: 4.75rem;
        padding-bottom: 2.5rem;
    }

    .projects-hero-video {
        width: 100%;
        margin-top: 1.25rem;
    }

    .projects-hero-video__video {
        opacity: .55;
    }
}


/* === PROJECTS HERO — HOMEPAGE CONTAINER ALIGNMENT START === */

/*
 * Projelerimiz hero artık elle absolute konumlandırılmıyor.
 * Ana sayfa/header ile aynı yatay container ekseni kullanılıyor.
 */

.projects-hero-video-stage {
    position: relative !important;
    isolation: isolate;

    width: min(92%, 110rem) !important;
    max-width: none !important;
    min-height: 0 !important;

    margin-inline: auto !important;

    padding-top: clamp(3rem, 4.5vw, 5rem) !important;
    padding-bottom: clamp(3rem, 4.5vw, 5rem) !important;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(28rem, .95fr) !important;

    align-items: center !important;
    column-gap: clamp(3rem, 6vw, 7rem) !important;

    overflow: visible !important;
}

/* ---------------------------------------------------------
   SOL METİN BLOĞU
   --------------------------------------------------------- */

.projects-hero-video-stage > *:not(.projects-hero-video) {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 46rem !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: center !important;
    justify-self: start !important;
}

.projects-hero-video-stage h1,
.projects-hero-video-stage .projects-hero__title {
    max-width: 8.4ch !important;

    margin-top: 0 !important;
    margin-bottom: .6rem !important;
}

.projects-hero-video-stage p:not(.eyebrow) {
    max-width: 36rem !important;
}

/* ---------------------------------------------------------
   SAĞ VIDEO
   Absolute tamamen kaldırıldı.
   Grid'in ikinci kolonuna oturuyor.
   --------------------------------------------------------- */

.projects-hero-video {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 2 !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    align-self: center !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;
}

.projects-hero-video__media {
    position: relative !important;

    width: 100% !important;
    max-width: 38rem !important;
    aspect-ratio: 16 / 9;

    margin-left: auto !important;
    margin-right: 0 !important;
}

.projects-hero-video__video {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9;

    max-height: 24rem !important;

    object-fit: cover !important;

    opacity: .38 !important;
}

/* ---------------------------------------------------------
   NEON DETAYLAR
   --------------------------------------------------------- */

.projects-hero-video__neon--top {
    top: -.55rem !important;
    left: 5% !important;

    width: 42% !important;
}

.projects-hero-video__neon--bottom {
    right: 5% !important;
    bottom: -.55rem !important;

    width: 42% !important;
}

.projects-hero-video__sound {
    right: .85rem !important;
    bottom: .85rem !important;
}

/* ---------------------------------------------------------
   WORK BACKGROUND
   İçerik yerleşimini etkilememeli.
   --------------------------------------------------------- */

.projects-hero-video-stage::before,
.projects-hero-video-stage::after {
    pointer-events: none !important;
}

/* ---------------------------------------------------------
   1200–1366
   --------------------------------------------------------- */

@media (min-width: 68rem) and (max-width: 85.375rem) {

    .projects-hero-video-stage {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(25rem, .82fr) !important;

        column-gap: clamp(2rem, 4vw, 4rem) !important;

        padding-top: 3.25rem !important;
        padding-bottom: 3.25rem !important;
    }

    .projects-hero-video__media {
        max-width: 32rem !important;
    }

    .projects-hero-video__video {
        max-height: 21rem !important;
    }
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 67.99rem) {

    .projects-hero-video-stage {
        width: min(92%, 110rem) !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        row-gap: 2rem !important;

        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .projects-hero-video-stage > *:not(.projects-hero-video) {
        grid-column: 1 !important;
        grid-row: auto !important;

        max-width: 42rem !important;
    }

    .projects-hero-video {
        grid-column: 1 !important;
        grid-row: auto !important;

        width: 100% !important;
    }

    .projects-hero-video__media {
        width: min(100%, 36rem) !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .projects-hero-video__video {
        max-height: none !important;
        opacity: .48 !important;
    }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 47.99rem) {

    .projects-hero-video-stage {
        width: 92% !important;

        padding-top: 2.25rem !important;
        padding-bottom: 2.5rem !important;

        row-gap: 1.5rem !important;
    }

    .projects-hero-video__media {
        width: 100% !important;
    }

    .projects-hero-video__video {
        opacity: .55 !important;
    }
}

/* === PROJECTS HERO — HOMEPAGE CONTAINER ALIGNMENT END === */


/* === PROJECTS HERO LEFT VERTICAL ALIGN START === */

/*
 * VIDEOYA DOKUNMA.
 * Sadece sol hero metin grubunu video ile aynı dikey merkeze getir.
 */

@media (min-width: 68rem) {

    .projects-hero-video-stage {
        align-items: center !important;
    }

    /*
     * Grid içindeki video dışındaki ana içerik bloğu.
     * Sağdaki video olduğu yerde sabit kalır.
     */
    .projects-hero-video-stage > *:not(.projects-hero-video) {
        align-self: center !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        transform: translateY(-0.35rem) !important;
    }

    /*
     * İç wrapper'larda eski padding/margin varsa dikey hizayı bozmasın.
     */
    .projects-hero-video-stage .projects-hero,
    .projects-hero-video-stage .projects-hero__inner,
    .projects-hero-video-stage .page-hero__inner,
    .projects-hero-video-stage .work-wall__hero,
    .projects-hero-video-stage .work-wall__content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .projects-hero-video-stage .eyebrow {
        margin-top: 0 !important;
    }

    .projects-hero-video-stage h1,
    .projects-hero-video-stage .projects-hero__title {
        margin-top: 0 !important;
    }
}

/* Tablet/mobile mevcut akışta kalsın. */
@media (max-width: 67.99rem) {

    .projects-hero-video-stage > *:not(.projects-hero-video) {
        transform: none !important;
    }
}

/* === PROJECTS HERO LEFT VERTICAL ALIGN END === */


/* === PROJECTS HERO EXACT BOTTOM ALIGN START === */

/*
 * Sağdaki videoya KESİNLİKLE dokunma.
 * JS yalnız soldaki içerik grubuna gereken dikey farkı verir.
 */

@media (min-width: 68rem) {

    .projects-hero-video-stage > *:not(.projects-hero-video) {
        align-self: auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        transform: none !important;

        translate: 0 var(--projects-hero-left-y, 0px) !important;

        transition: none !important;
    }

}

/* Tablet ve mobilde normal document flow */
@media (max-width: 67.99rem) {

    .projects-hero-video-stage > *:not(.projects-hero-video) {
        translate: none !important;
    }

}

/* === PROJECTS HERO EXACT BOTTOM ALIGN END === */


/* === PROJECTS HERO REAL LEFT BLOCK ALIGN START === */

/*
 * YALNIZCA gerçek sol metin bloğu hareket eder.
 * Video konumu / ölçüsü / neon çizgileri değiştirilmez.
 */

@media (min-width: 68rem) {

    .projects-gallery-hero__inner {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        transform: none !important;

        translate: 0 var(--projects-left-align-y, 0px) !important;

        transition: none !important;
    }

}

@media (max-width: 67.99rem) {

    .projects-gallery-hero__inner {
        translate: none !important;
    }

}

/* === PROJECTS HERO REAL LEFT BLOCK ALIGN END === */


/* =========================================================
   PROJECTS HERO — FINAL LEFT BLOCK POSITION
   VIDEOYA DOKUNMA
   ========================================================= */

@media (min-width:68rem) {

    .projects-gallery-hero__inner {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        translate: none !important;

        transition: none !important;
        animation: none !important;

        will-change: transform;
    }

}

@media (max-width:67.99rem) {

    .projects-gallery-hero__inner {
        transform: none !important;
        translate: none !important;
    }

}


/* === PROJECTS HERO STRUCTURAL FINAL FIX START === */

/*
 * GERCEK YAPI:
 *
 * section
 * ├── WORK        -> dekoratif / absolute / grid disi
 * ├── sol metin   -> kolon 1
 * └── video       -> kolon 2
 *
 * Sol ve sağ ALT KENARDAN hizalanir.
 */

@media (min-width: 68rem) {

    /* -------------------------------------------------------
       HERO ANA GRID
       ------------------------------------------------------- */

    .projects-gallery-hero.projects-hero-video-stage {
        position: relative !important;
        isolation: isolate !important;

        width: min(92%, 110rem) !important;
        max-width: none !important;

        margin-inline: auto !important;

        display: grid !important;

        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(28rem, .95fr) !important;

        grid-template-rows: auto !important;

        column-gap: clamp(3rem, 6vw, 7rem) !important;

        /*
         * KRITIK:
         * Her iki gerçek içerik bloğu alt kenardan hizalanır.
         */
        align-items: end !important;

        min-height: 0 !important;

        padding-top: clamp(3rem, 4vw, 4.5rem) !important;
        padding-bottom: clamp(3rem, 4vw, 4.5rem) !important;

        overflow: hidden !important;
    }


    /* -------------------------------------------------------
       WORK — SADECE DEKORATIF ARKA PLAN
       GRID ELEMANI DEGIL
       ------------------------------------------------------- */

    .projects-gallery-hero__word {
        position: absolute !important;

        z-index: 0 !important;

        /*
         * Hero icinde arka plan olarak yerlesir.
         * Layout yuksekligine veya grid'e ETKI ETMEZ.
         */
        left: 50% !important;
        top: 50% !important;

        width: max-content !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translate(-50%, -50%) !important;
        translate: none !important;

        pointer-events: none !important;

        user-select: none !important;
    }


    /* -------------------------------------------------------
       SOL GERCEK ICERIK
       ------------------------------------------------------- */

    .projects-gallery-hero__inner {
        position: relative !important;

        z-index: 2 !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: end !important;
        justify-self: start !important;

        width: 100% !important;
        max-width: 46rem !important;

        margin: 0 !important;
        padding: 0 !important;

        /*
         * Onceki JS/CSS tasimalarini sifirla.
         */
        top: auto !important;
        bottom: auto !important;

        transform: none !important;
        translate: none !important;
    }


    /* -------------------------------------------------------
       VIDEO
       BOYUT / TASARIM / OPACITY DEGISTIRILMIYOR.
       Sadece gerçek 2. grid kolonu olduğu belirtiliyor.
       ------------------------------------------------------- */

    .projects-hero-video {
        position: relative !important;

        z-index: 2 !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        align-self: end !important;
        justify-self: stretch !important;

        /*
         * Onceki elle konumlandirma degerleri devre disi.
         * Grid kendi yerine oturtur.
         */
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        margin: 0 !important;

        transform: none !important;
        translate: none !important;
    }


    /* -------------------------------------------------------
       ONCEKI GENEL SELECTOR'UN WORK'U YAKALAMASINI ENGELLE
       ------------------------------------------------------- */

    .projects-hero-video-stage > .projects-gallery-hero__word {
        width: max-content !important;
        max-width: none !important;

        align-self: auto !important;
        justify-self: auto !important;

        margin: 0 !important;
    }


    /* -------------------------------------------------------
       SOL METIN IC BOSLUKLARI
       ------------------------------------------------------- */

    .projects-gallery-hero__inner > .eyebrow {
        margin-top: 0 !important;
    }

    .projects-gallery-hero__inner h1 {
        margin-top: 0 !important;
        margin-bottom: .55rem !important;
    }

    .projects-gallery-hero__inner > p {
        margin-top: 0 !important;
    }

}


/* =========================================================
   1366 VE DAHA DAR DESKTOP
   ========================================================= */

@media (min-width: 68rem) and (max-width: 85.375rem) {

    .projects-gallery-hero.projects-hero-video-stage {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(25rem, .85fr) !important;

        column-gap: clamp(2rem, 4vw, 4rem) !important;

        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 67.99rem) {

    .projects-gallery-hero.projects-hero-video-stage {
        width: min(92%, 110rem) !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        row-gap: 2rem !important;

        min-height: 0 !important;

        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .projects-gallery-hero__word {
        position: absolute !important;

        left: 50% !important;
        top: 40% !important;

        transform: translate(-50%, -50%) !important;

        pointer-events: none !important;
    }

    .projects-gallery-hero__inner {
        position: relative !important;

        grid-column: 1 !important;

        transform: none !important;
        translate: none !important;

        margin: 0 !important;
    }

    .projects-hero-video {
        position: relative !important;

        grid-column: 1 !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
        translate: none !important;

        margin: 0 !important;
    }

}

/* === PROJECTS HERO STRUCTURAL FINAL FIX END === */


/* === PROJECTS HERO EMPTY SPACE FIX START === */

/*
 * VIDEO VE SOL METIN KONUMUNA DOKUNMA.
 *
 * Yalnizca hero'nun eski gereksiz yuksekligini iptal et
 * ve dekoratif WORK yazisini hero icerigine kilitle.
 */

@media (min-width: 68rem) {

    .projects-gallery-hero.projects-hero-video-stage {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        /*
         * Mevcut ust konum korunur.
         * Alt tarafta sadece normal nefes payi kalir.
         */
        padding-bottom: clamp(2rem, 2.5vw, 3rem) !important;

        /*
         * Grid gereksiz bos satir üretmesin.
         */
        grid-auto-rows: auto !important;
        align-content: start !important;
    }

    /*
     * WORK kesinlikle layout yuksekligi üretmez.
     * Sadece dekoratif background.
     */
    .projects-gallery-hero__word {
        position: absolute !important;

        top: 50% !important;
        bottom: auto !important;

        left: 50% !important;
        right: auto !important;

        width: max-content !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translate(-50%, -50%) !important;
        translate: none !important;

        pointer-events: none !important;
    }

}

/* Tablet ve mobilde de gereksiz dev hero yuksekligi olmasin. */
@media (max-width: 67.99rem) {

    .projects-gallery-hero.projects-hero-video-stage {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding-bottom: 2.5rem !important;
    }

}

/* === PROJECTS HERO EMPTY SPACE FIX END === */


/* === PROJECTS HERO CLEAN HEIGHT START === */

/*
 * WORK kaldirildi.
 *
 * Hero artik yalnizca:
 * - sol metin
 * - sag video
 *
 * yuksekligine gore hesaplanir.
 *
 * Sol metin ve video mevcut konumlarinda KALIR.
 */

@media (min-width: 68rem) {

    .projects-gallery-hero.projects-hero-video-stage {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        grid-template-rows: auto !important;
        grid-auto-rows: auto !important;

        align-content: start !important;
        align-items: end !important;

        /*
         * Mevcut yatay container ve kolon yapisi korunur.
         */
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        /*
         * Hero'nun altinda sadece normal section nefesi kalsin.
         */
        padding-bottom: clamp(2rem, 2.5vw, 3rem) !important;

        overflow: visible !important;
    }

    /*
     * SOL METNE DOKUNMA
     */
    .projects-gallery-hero__inner {
        align-self: end !important;

        transform: none !important;
        translate: none !important;

        margin-bottom: 0 !important;
    }

    /*
     * VIDEOYA DOKUNMA
     */
    .projects-hero-video {
        align-self: end !important;

        transform: none !important;
        translate: none !important;

        margin-bottom: 0 !important;
    }

    /*
     * WORK artik yok.
     * Eski selector herhangi bir nedenle kalsa bile
     * layout'a etki etmesin.
     */
    .projects-gallery-hero__word {
        display: none !important;
    }

}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 67.99rem) {

    .projects-gallery-hero.projects-hero-video-stage {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding-bottom: 2.5rem !important;
    }

    .projects-gallery-hero__word {
        display: none !important;
    }

}

/* === PROJECTS HERO CLEAN HEIGHT END === */


/* === PROJECTS HERO DECOR WORK START === */

/*
 * WORK yazisi tekrar eklendi ama
 * artik HTML elemani degil; pseudo-element.
 *
 * Boylece:
 * - hero yuksekligini buyutmez
 * - saga sola yukari asagi layout itmez
 * - sadece dekoratif olarak arkada gorunur
 */

.projects-gallery-hero.projects-hero-video-stage {
    position: relative;
    isolation: isolate;
}

.projects-gallery-hero.projects-hero-video-stage::after {
    content: "WORK";
    position: absolute;

    left: 50%;
    bottom: clamp(-1.2rem, -0.6vw, -0.2rem);
    transform: translateX(-50%);

    font-family: inherit;
    font-weight: 900;
    font-size: clamp(15rem, 35vw, 31rem);
    line-height: 0.8;
    letter-spacing: -0.06em;
    white-space: nowrap;

    color: rgba(255, 255, 255, 0.045);

    pointer-events: none;
    user-select: none;

    z-index: 0;
}

/* Sol yazi ve video her zaman WORK'un ustunde kalsin */
.projects-gallery-hero__inner,
.projects-hero-video {
    position: relative;
    z-index: 2;
}

/* Mobilde dekor biraz daha kontrollu olsun */
@media (max-width: 67.99rem) {
    .projects-gallery-hero.projects-hero-video-stage::after {
        font-size: clamp(7rem, 26vw, 14rem);
        bottom: clamp(-0.6rem, -1vw, -0.1rem);
        color: rgba(255, 255, 255, 0.035);
    }
}

/* === PROJECTS HERO DECOR WORK END === */


/* === BIAJANS PORTRAIT VIDEO TIMELINE START === */

/*
 * Dikey video bolumu:
 * tam genislikta, kesintisiz sagdan sola portfolio timeline.
 */

.projects-media-section--video-portrait {
    position: relative;
    overflow: hidden;
}

/*
 * Header mevcut container sisteminde kalir.
 * Sadece video rayi viewport genisligine acilir.
 */
.projects-media-section--video-portrait
.projects-media-grid--video-portrait {
    --portrait-timeline-gap: 1rem;
    --portrait-timeline-duration: 110s;

    display: flex !important;
    grid-template-columns: none !important;

    align-items: center;

    width: max-content !important;
    max-width: none !important;

    gap: var(--portrait-timeline-gap) !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding:
        clamp(1rem, 1.4vw, 1.5rem)
        0
        clamp(1.5rem, 2vw, 2.25rem) !important;

    list-style: none;

    will-change: transform;

    animation:
        biajansPortraitTimeline
        var(--portrait-timeline-duration)
        linear
        infinite;
}


/*
 * Iki ayni set render edildigi icin
 * ilk set kadar sola gidip kusursuz devam eder.
 *
 * Gap'in yari ayrica hesaba katilir.
 */
@keyframes biajansPortraitTimeline {

    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform:
            translate3d(
                calc(-50% - (var(--portrait-timeline-gap) / 2)),
                0,
                0
            );
    }

}


/*
 * Kart boyutu.
 * Referanstaki uzun, ince sosyal medya video duvari hissi.
 */
.projects-media-section--video-portrait
.project-media--portrait {
    flex:
        0 0
        clamp(14rem, 16.5vw, 19.5rem) !important;

    width:
        clamp(14rem, 16.5vw, 19.5rem) !important;

    min-width:
        clamp(14rem, 16.5vw, 19.5rem) !important;

    margin: 0 !important;

    position: relative;

    transform: none;

    opacity: 1;
}


/*
 * Video orani kesin dikey.
 */
.projects-media-section--video-portrait
.project-video {
    position: relative;

    width: 100%;
    aspect-ratio: 9 / 16;

    overflow: hidden;

    background: #090b0a;

    transform: scale(1);

    transform-origin: center center;

    transition:
        transform 240ms cubic-bezier(.2,.75,.25,1),
        filter 240ms ease,
        box-shadow 240ms ease;

    will-change: transform;
}


.projects-media-section--video-portrait
.project-video video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transform: scale(1.001);
}


/*
 * Kullanici timeline'a geldiginde hareket durur.
 * Böylece video kullanıcıdan kaçmaz.
 */
.projects-media-section--video-portrait
.projects-media-grid--video-portrait:hover {
    animation-play-state: paused;
}


/*
 * Hover edilen video cok hafif buyur.
 */
.projects-media-section--video-portrait
.project-media--portrait:hover {
    z-index: 12;
}


.projects-media-section--video-portrait
.project-media--portrait:hover
.project-video {
    transform: scale(1.045);

    box-shadow:
        0 1.5rem 4rem rgba(0,0,0,.38);

    filter: brightness(1.045);
}


/*
 * Hover sirasinda komsu kartlar cok hafif geriye cekilir.
 * Fazla dramatik degil.
 */
.projects-media-section--video-portrait
.projects-media-grid--video-portrait:hover
.project-media--portrait:not(:hover) {
    opacity: .82;

    transition:
        opacity 220ms ease;
}


/*
 * Ses butonu hover'da daha rahat gorunsun.
 */
.projects-media-section--video-portrait
.project-video__sound {
    z-index: 15;
}


/*
 * Timeline'in iki yaninda yumusak fade.
 */
.projects-media-section--video-portrait::before,
.projects-media-section--video-portrait::after {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;

    width: clamp(1rem, 4vw, 5rem);

    z-index: 20;

    pointer-events: none;
}


.projects-media-section--video-portrait::before {
    left: 0;

    background:
        linear-gradient(
            90deg,
            #050706 0%,
            rgba(5,7,6,.72) 35%,
            rgba(5,7,6,0) 100%
        );
}


.projects-media-section--video-portrait::after {
    right: 0;

    background:
        linear-gradient(
            270deg,
            #050706 0%,
            rgba(5,7,6,.72) 35%,
            rgba(5,7,6,0) 100%
        );
}


/*
 * Touch cihazlarda hover scaling uygulanmaz.
 * Timeline devam eder; videoya dokunarak kontrol edilir.
 */
@media (hover: none) {

    .projects-media-section--video-portrait
    .project-media--portrait:hover
    .project-video {
        transform: none;
        box-shadow: none;
        filter: none;
    }

    .projects-media-section--video-portrait
    .projects-media-grid--video-portrait:hover {
        animation-play-state: running;
    }

}


/* Tablet */
@media (max-width: 64rem) {

    .projects-media-section--video-portrait
    .projects-media-grid--video-portrait {
        --portrait-timeline-gap: .8rem;
    }

    .projects-media-section--video-portrait
    .project-media--portrait {
        flex-basis: clamp(13rem, 28vw, 16rem) !important;

        width: clamp(13rem, 28vw, 16rem) !important;
        min-width: clamp(13rem, 28vw, 16rem) !important;
    }

}


/* Mobil */
@media (max-width: 40rem) {

    .projects-media-section--video-portrait
    .projects-media-grid--video-portrait {
        --portrait-timeline-gap: .65rem;

        padding-block: .75rem 1.5rem !important;
    }

    .projects-media-section--video-portrait
    .project-media--portrait {
        flex-basis: min(68vw, 15rem) !important;

        width: min(68vw, 15rem) !important;
        min-width: min(68vw, 15rem) !important;
    }

}


/*
 * Reduced motion:
 * Kullanici hareket azaltma tercihi kullaniyorsa
 * otomatik animasyonu kapat.
 */
@media (prefers-reduced-motion: reduce) {

    .projects-media-section--video-portrait
    .projects-media-grid--video-portrait {
        animation: none !important;

        overflow-x: auto;

        max-width: 100vw !important;
    }

}

/* === BIAJANS PORTRAIT VIDEO TIMELINE END === */







/* =========================================================
   BIAJANS GLOBAL MOTION & AMBIENT SYSTEM
   ========================================================= */

/* Ambient canvas: fixed, paint-only layers behind site content. */
.biajans-ambient,
.biajans-cursor-light,
.biajans-page-transition,
.biajans-intro {
    position: fixed;
    inset: 0;
    pointer-events: none;
}

.biajans-ambient { z-index: 0; overflow: hidden; contain: strict; }
body > header,
body > main,
body > footer { position: relative; z-index: 1; }

.biajans-ambient__glow { position: absolute; width: min(70vw, 62rem); aspect-ratio: 1; border-radius: 50%; filter: blur(7rem); opacity: .055; background: #dfff21; will-change: transform; }
.biajans-ambient__glow--one { left: -28rem; top: -30rem; }
.biajans-ambient__glow--two { right: -34rem; top: 28%; opacity: .04; }
.biajans-ambient__glow--three { left: 30%; bottom: -45rem; opacity: .035; }
.biajans-ambient__grid { position: absolute; inset: -4rem; opacity: .025; background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px); background-size: 5rem 5rem; animation: biajans-grid-drift 32s linear infinite; }
.biajans-ambient__noise { position: absolute; inset: 0; opacity: .028; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E"); }
.biajans-particle { position: absolute; width: var(--particle-size, 2px); height: var(--particle-size, 2px); left: var(--particle-x); top: var(--particle-y); border-radius: 50%; pointer-events: none; background: var(--particle-color, rgba(238,241,235,.9)); opacity: var(--particle-opacity, .24); animation: biajans-particle-float var(--particle-speed, 28s) ease-in-out var(--particle-delay, 0s) infinite alternate; transform: translate3d(var(--ambient-x, 0), var(--ambient-y, 0), 0); will-change: transform; }
.biajans-particle.is-lime { background: rgba(223,255,33,.95); }
.biajans-particle.has-soft-glow { box-shadow: 0 0 6px rgba(223,255,33,.18); }
@keyframes biajans-grid-drift { to { transform: translate3d(5rem, 5rem, 0); } }
@keyframes biajans-particle-float { to { transform: translate3d(calc(var(--ambient-x, 0px) + var(--particle-drift-x, 14px)), calc(var(--ambient-y, 0px) + var(--particle-drift-y, -32px)), 0); } }

/* Cursor light and top progress. */
.biajans-cursor-light { z-index: 2; opacity: 0; background: radial-gradient(circle 19rem at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(223,255,33,.052), transparent 66%); transition: opacity .25s ease; }
body.has-pointer-light .biajans-cursor-light { opacity: 1; }
.biajans-scroll-progress { position: fixed; z-index: 10020; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; }
.biajans-scroll-progress span { display: block; width: 100%; height: 100%; transform: scaleX(var(--scroll-progress, 0)); transform-origin: left; background: linear-gradient(90deg, #dfff21, #efffa0); box-shadow: 0 0 .45rem rgba(223,255,33,.28); will-change: transform; }

/* Smart header. */
.site-header,
.site-header__inner { transition: background-color .24s ease, backdrop-filter .24s ease, min-height .24s ease, padding .24s ease; }
.site-header.is-scroll-compact { min-height: 4.8rem; background: rgba(5,7,6,.78); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }

/* One-time reveal helpers. */
.js [data-motion-heading] { opacity: 0; transform: translate3d(0, 42px, 0); filter: blur(3px); transition: opacity .78s cubic-bezier(.2,.75,.25,1) var(--motion-delay, 80ms), transform .78s cubic-bezier(.2,.75,.25,1) var(--motion-delay, 80ms), filter .72s cubic-bezier(.2,.75,.25,1) var(--motion-delay, 80ms); }
.js [data-motion-heading].is-motion-visible { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }
.js [data-motion-heading].has-motion-lines { opacity: 1; transform: none; filter: none; }
.js [data-motion-heading].has-motion-lines > span { display: block; opacity: 0; transform: translate3d(0,42px,0); filter: blur(3px); transition: opacity .78s cubic-bezier(.2,.75,.25,1) var(--line-delay), transform .78s cubic-bezier(.2,.75,.25,1) var(--line-delay), filter .72s cubic-bezier(.2,.75,.25,1) var(--line-delay); }
.js [data-motion-heading].has-motion-lines.is-motion-visible > span { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }
.js [data-motion-eyebrow] { opacity: 0; transform: translate3d(0,18px,0); transition: opacity .7s cubic-bezier(.2,.75,.25,1), transform .7s cubic-bezier(.2,.75,.25,1); }
.js [data-motion-support] { opacity: 0; transform: translate3d(0,18px,0); transition: opacity .72s cubic-bezier(.2,.75,.25,1) var(--support-delay, 150ms), transform .72s cubic-bezier(.2,.75,.25,1) var(--support-delay, 150ms); }
.js [data-motion-eyebrow].is-motion-visible,
.js [data-motion-support].is-motion-visible { opacity: 1; transform: translate3d(0,0,0); }
.js [data-line-reveal] { transform: scaleX(0); transform-origin: left; transition: transform .78s cubic-bezier(.22,1,.36,1); }
.js [data-line-reveal].is-motion-visible { transform: scaleX(1); }
.biajans-light-divider { position: relative; }
.biajans-light-divider::after { content: ""; position: absolute; z-index: 2; left: 8%; right: 8%; bottom: 0; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(223,255,33,.3), transparent); box-shadow: 0 0 .8rem rgba(223,255,33,.08); }

/* Local card light and controlled tilt. */
.biajans-pointer-card { position: relative; isolation: isolate; transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)); transition: transform .28s ease, box-shadow .28s ease; }
.biajans-pointer-card::after { content: ""; position: absolute; z-index: 2; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(19rem circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(223,255,33,.1), transparent 56%); box-shadow: inset 0 0 0 1px rgba(223,255,33,.08); transition: opacity .22s ease; }
.biajans-pointer-card:hover::after { opacity: 1; }
.biajans-magnetic { translate: var(--magnetic-x, 0) var(--magnetic-y, 0); transition: translate .22s cubic-bezier(.2,.8,.2,1), background-color .2s ease, color .2s ease, border-color .2s ease; }
.btn--primary.biajans-magnetic::before,
.btn--primary.biajans-magnetic::after { content: ""; position: absolute; left: 50%; top: -.34rem; width: 1px; height: .38rem; pointer-events: none; opacity: 0; background: currentColor; transform-origin: bottom; transition: opacity .18s ease, transform .22s ease; }
.btn--primary.biajans-magnetic { position: relative; }
.btn--primary.biajans-magnetic::before { transform: translateX(-.18rem) rotate(-8deg) scaleY(.35); }
.btn--primary.biajans-magnetic::after { transform: translateX(.18rem) rotate(8deg) scaleY(.35); }
.btn--primary.biajans-magnetic:hover::before { opacity: .48; transform: translateX(-.22rem) rotate(-14deg) scaleY(1); }
.btn--primary.biajans-magnetic:hover::after { opacity: .48; transform: translateX(.22rem) rotate(14deg) scaleY(1); }

/* Editorial parallax and video focus. */
.biajans-parallax-frame { overflow: hidden; }
.biajans-parallax-media { transform: translate3d(0, var(--parallax-y, 0), 0) scale(1.045); will-change: transform; }
@media (hover: hover) and (pointer: fine) {
    .projects-media-grid--video-portrait:has(.project-media--portrait:hover) .project-media--portrait:not(:hover) { opacity: .86; filter: brightness(.8); }
    .projects-media-grid--video-portrait .project-media--portrait { transition: opacity .28s ease, filter .28s ease, transform .28s ease; }
    .projects-media-grid--video-portrait .project-media--portrait:hover { position: relative; z-index: 2; transform: scale(1.04); filter: brightness(1); box-shadow: 0 1.2rem 3rem rgba(0,0,0,.35), 0 0 2.5rem rgba(223,255,33,.08); }
}

/* Intro, navigation fade and brand strip. */
.biajans-intro { z-index: 10050; display: none; place-items: center; background: #050706; }
.biajans-intro span { color: #fff; font-size: clamp(1.7rem, 4vw, 3.4rem); font-weight: 800; letter-spacing: -.05em; opacity: 0; transform: translate3d(0,.7rem,0); animation: biajans-intro-mark .56s cubic-bezier(.22,1,.36,1) both; }
.biajans-intro i { color: #dfff21; font-style: normal; }
html.biajans-intro-active .biajans-intro { display: grid; }
.biajans-page-transition { z-index: 10040; background: #090c0a; opacity: 0; visibility: hidden; transition: opacity .14s ease, visibility 0s linear .14s; }
html.is-page-leaving .biajans-page-transition { opacity: 1; visibility: visible; transition-delay: 0s; }
@keyframes biajans-intro-mark { 30%,72% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(0,-.4rem,0); } }
.biajans-brand-marquee { height: 2.5rem; overflow: hidden; border-block: 1px solid rgba(255,255,255,.055); background: #090c0a; color: rgba(255,255,255,.38); font-size: .72rem; font-weight: 700; letter-spacing: .14em; white-space: nowrap; }
.biajans-brand-marquee div { display: flex; width: max-content; min-width: 200%; height: 100%; align-items: center; animation: biajans-marquee 38s linear infinite; }
.biajans-brand-marquee span { min-width: 50%; padding-right: 2rem; color: rgba(255,255,255,.62); }
@keyframes biajans-marquee { to { transform: translate3d(-50%,0,0); } }

/* Footer ambience and small brand details. */
.site-footer { isolation: isolate; }
.site-footer::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .22; background: radial-gradient(circle at 76% 70%, rgba(223,255,33,.12), transparent 34%), linear-gradient(115deg, transparent 44%, rgba(223,255,33,.045) 44.1%, transparent 44.4%), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: auto, 180% 100%, 4.5rem 4.5rem, 4.5rem 4.5rem; animation: biajans-footer-ambient-drift 34s linear infinite; }
@keyframes biajans-footer-ambient-drift { to { background-position: 0 0, 30% 0, 4.5rem 2.25rem, 4.5rem 2.25rem; } }
[data-counter].is-counted { animation: biajans-count-pulse .42s ease-out; }
@keyframes biajans-count-pulse { 45% { text-shadow: 0 0 1.1rem rgba(223,255,33,.52); } }
.error-404__rabbit { width: 5rem; height: 4.5rem; margin: 0 0 1rem; position: relative; border: 1px solid rgba(223,255,33,.35); border-radius: 50% 50% 46% 46%; }
.error-404__rabbit::before,
.error-404__rabbit::after { content: ""; position: absolute; bottom: 82%; width: 1.15rem; height: 2.8rem; border: 1px solid rgba(223,255,33,.5); border-bottom: 0; border-radius: 70% 70% 0 0; }
.error-404__rabbit::before { left: 1rem; transform: rotate(-8deg); }
.error-404__rabbit::after { right: 1rem; transform: rotate(8deg); }

/* Decorative oversized type remains outside layout flow. */
[data-bg-word] { position: relative; isolation: isolate; }
[data-bg-word]::before { content: attr(data-bg-word); position: absolute; z-index: -1; inset: auto 0 8%; pointer-events: none; overflow: hidden; color: rgba(255,255,255,.032); font-size: clamp(5rem, 16vw, 16rem); font-weight: 900; line-height: .78; letter-spacing: -.07em; white-space: nowrap; }

@media (max-width: 67.99rem), (hover: none), (pointer: coarse) {
    .biajans-cursor-light { display: none; }
    .biajans-pointer-card { transform: none; }
    .biajans-pointer-card::after { display: none; }
    .biajans-magnetic { translate: none; }
    [data-bg-word]::before { font-size: clamp(4rem, 20vw, 8rem); white-space: normal; overflow-wrap: anywhere; }
}

@media (max-width: 48rem) {
    .biajans-ambient__glow { width: 38rem; filter: blur(8rem); opacity: .035; }
    .biajans-ambient__grid { opacity: .015; background-size: 4rem 4rem; }
    .biajans-parallax-media { transform: none; }
    .biajans-particle { opacity: calc(var(--particle-opacity, .2) * .78); }
    .site-footer::after { animation-duration: 50s; }
}

@media (prefers-reduced-motion: reduce) {
    .biajans-ambient__grid,
    .biajans-particle,
    .biajans-brand-marquee div,
    [data-counter].is-counted,
    .site-footer::after { animation: none !important; }
    .biajans-cursor-light,
    .biajans-intro,
    .biajans-page-transition { display: none !important; }
    .js [data-motion-heading],
    .js [data-motion-heading].has-motion-lines > span,
    .js [data-motion-eyebrow],
    .js [data-motion-support],
    .js [data-line-reveal] { opacity: 1; transform: none; transition: none; }
    .js [data-motion-heading],
    .js [data-motion-heading].has-motion-lines > span { filter: none; }
    .biajans-pointer-card,
    .biajans-magnetic,
    .biajans-parallax-media { transform: none; translate: none; transition: none; }
}

/* =========================================================
   BIAJANS CUSTOM BRAND CURSOR
   ========================================================= */

.biajans-cursor { display: none; position: fixed; z-index: 10080; inset: 0; pointer-events: none; opacity: 0; transition: opacity .14s ease; }
.biajans-cursor__dot,
.biajans-cursor__ring { position: fixed; top: 0; left: 0; pointer-events: none; border-radius: 50%; will-change: transform; }
.biajans-cursor__dot { width: 5px; height: 5px; background: #dfff21; box-shadow: 0 0 7px rgba(223,255,33,.42); transform: translate3d(var(--cursor-dot-x, -2rem), var(--cursor-dot-y, -2rem), 0) translate(-50%,-50%); transition: width .16s ease, height .16s ease; }
.biajans-cursor__ring { width: 28px; height: 28px; border: 1px solid rgba(223,255,33,.65); background: rgba(223,255,33,0); transform: translate3d(var(--cursor-ring-x, -2rem), var(--cursor-ring-y, -2rem), 0) translate(-50%,-50%); transition: width .2s ease, height .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.biajans-cursor__ring::before,
.biajans-cursor__ring::after { content: ""; position: absolute; bottom: calc(100% - 1px); left: 50%; width: 1px; height: 5px; border-radius: 1px; background: #dfff21; transform-origin: bottom; transition: transform .2s ease; }
.biajans-cursor__ring::before { transform: translateX(-3px) rotate(-12deg); }
.biajans-cursor__ring::after { transform: translateX(2px) rotate(12deg); }

@media (hover: hover) and (pointer: fine) {
    body.has-biajans-cursor,
    body.has-biajans-cursor * { cursor: none !important; }
    body.has-biajans-cursor input,
    body.has-biajans-cursor textarea,
    body.has-biajans-cursor select,
    body.has-biajans-cursor option,
    body.has-biajans-cursor [contenteditable="true"],
    body.has-biajans-cursor [contenteditable="true"] *,
    body.has-biajans-cursor #wpadminbar,
    body.has-biajans-cursor #wpadminbar *,
    body.has-biajans-cursor iframe { cursor: auto !important; }
    body.has-biajans-cursor input,
    body.has-biajans-cursor textarea,
    body.has-biajans-cursor [contenteditable="true"] { cursor: text !important; }
    body.has-biajans-cursor .biajans-cursor { display: block; }
    body.has-biajans-cursor.cursor-is-visible .biajans-cursor { opacity: 1; }
    body.has-biajans-cursor.cursor-is-native .biajans-cursor { opacity: 0; }
    .biajans-cursor.is-clickable .biajans-cursor__ring { width: 40px; height: 40px; border-color: rgba(223,255,33,.88); background: rgba(223,255,33,.06); }
    .biajans-cursor.is-clickable .biajans-cursor__dot { width: 4px; height: 4px; }
    .biajans-cursor.is-clickable .biajans-cursor__ring::before { transform: translateX(-4px) rotate(-19deg); }
    .biajans-cursor.is-clickable .biajans-cursor__ring::after { transform: translateX(3px) rotate(19deg); }
    .biajans-cursor.is-media .biajans-cursor__ring { width: 44px; height: 44px; border-color: rgba(223,255,33,.82); background: rgba(223,255,33,.045); box-shadow: 0 0 18px rgba(223,255,33,.1); }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
    .biajans-cursor { display: none !important; }
}

/* =========================================================
   REKLAM MR — AI DIAGNOSTIC LANDING PAGE
   ========================================================= */

.mr-page { color: var(--color-text-primary); background: linear-gradient(180deg,rgba(223,255,33,.018),transparent 22rem); }
.mr-page .site-container--wide { width: min(92%,110rem); max-width: none; }
.mr-section { position: relative; padding-block: clamp(3.75rem,5.5vw,6.5rem); border-top: 1px solid rgba(255,255,255,.055); }
.mr-accent,.mr-free { color: #dfff21; }
.mr-heading { display: grid; gap: 1rem; max-width: 74rem; margin-bottom: clamp(2rem,3.5vw,3.75rem); }
.mr-heading h2,.mr-answer h2,.mr-meaning h2,.mr-final h2 { font-family: var(--font-display); font-size: clamp(2.75rem,4vw,4.75rem); line-height: .92; letter-spacing: -.045em; text-transform: uppercase; }
.mr-heading h2 span,.mr-meaning h2 span,.mr-final h2 span { display: block; }
.mr-heading > p:last-child { max-width: 64ch; color: var(--color-text-secondary); font-size: clamp(1rem,.3vw + .95rem,1.15rem); line-height: 1.7; }

.mr-hero { position: relative; display: grid; align-items: center; overflow: clip; padding-block: clamp(3rem,5vw,5.5rem); }
.mr-hero::before { content:"REKLAM MR"; position:absolute; right:-.03em; bottom:-.08em; pointer-events:none; color:rgba(255,255,255,.025); font-size:clamp(7rem,19vw,22rem); font-weight:900; line-height:.7; letter-spacing:-.08em; white-space:nowrap; }
.mr-hero__inner { position:relative; display:grid; gap:clamp(2rem,3vw,3.5rem); align-items:center; }
.mr-hero__copy h1 { max-width: 11ch; margin:1rem 0 1.6rem; font-family:var(--font-display); font-size:clamp(4.5rem,6vw,7rem); line-height:.86; letter-spacing:-.06em; text-transform:uppercase; }
.mr-hero__copy h1 span { display:block; }
.mr-hero__copy .body-lg { max-width:47rem; color:var(--color-text-secondary); line-height:1.7; }
.mr-free { display:block; margin-top:1.25rem; font-size:clamp(1rem,1.5vw,1.3rem); letter-spacing:.12em; }
.mr-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.mr-ai-panel { position:relative; min-width:0; padding:1rem; border:1px solid rgba(223,255,33,.28); border-radius:1.5rem; background:linear-gradient(145deg,rgba(223,255,33,.045),transparent 44%),rgba(10,13,11,.88); box-shadow:0 2rem 6rem rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05); }
.mr-ai-panel::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 0 42%,rgba(223,255,33,.1) 42.2%,transparent 42.7%); animation:mr-scan 5.5s ease-in-out infinite; }
.mr-ai-panel header,.mr-ai-panel footer { display:flex; justify-content:space-between; gap:1rem; padding:.75rem; color:var(--color-text-muted); font-size:.65rem; font-weight:800; letter-spacing:.1em; }
.mr-ai-panel header span { color:#dfff21; }.mr-ai-panel header i{font-style:normal}
.mr-ai-panel__score { display:grid; padding-block:clamp(4rem,8vw,7rem); place-content:center; place-items:center; border:1px solid rgba(255,255,255,.07); background:radial-gradient(circle,rgba(223,255,33,.09),transparent 57%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,2.5rem 2.5rem,2.5rem 2.5rem; }
.mr-ai-panel__score strong { font-size:clamp(3.5rem,8vw,7rem); letter-spacing:-.08em; }.mr-ai-panel__score small{color:#dfff21;letter-spacing:.12em}.mr-ai-panel__score span{width:65%;height:2px;margin-top:1rem;background:linear-gradient(90deg,transparent,#dfff21,transparent)}
.mr-ai-panel ul { margin:0;padding:0;list-style:none }.mr-ai-panel li{display:grid;grid-template-columns:7rem 1fr auto;gap:.8rem;align-items:center;padding:1rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);font-size:.72rem}.mr-ai-panel li i{height:2px;background:linear-gradient(90deg,#dfff21 68%,rgba(255,255,255,.07) 68%)}.mr-ai-panel li em{color:var(--color-text-muted);font-style:normal}
@keyframes mr-scan { 50% { transform:translateY(42%); } }

.mr-problem__list,.mr-category-lines { margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12); }
.mr-problem__list li,.mr-category-lines li { display:grid; grid-template-columns:3.5rem minmax(0,1fr); gap:1rem; padding:1.25rem 0; border-bottom:1px solid rgba(255,255,255,.1); }
.mr-problem__list span,.mr-category-lines span { color:#dfff21;font-size:.7rem;font-weight:800 }.mr-problem__list p{font-size:clamp(1rem,1.6vw,1.35rem)}
.mr-statement { max-width:70rem;margin:clamp(2.5rem,5vw,5rem) 0 0;font-size:clamp(1.5rem,3vw,3.25rem);font-weight:750;line-height:1.15;letter-spacing:-.03em }
.mr-answer__inner { display:grid;gap:clamp(1.5rem,3vw,3rem) }.mr-answer .body-lg{max-width:72ch;color:var(--color-text-secondary);font-size:clamp(1.08rem,.35vw + 1rem,1.28rem);line-height:1.72}.mr-answer .body-lg strong{color:var(--color-text-primary)}
.mr-diagnostic-flow { display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none}.mr-diagnostic-flow li{display:flex;align-items:center;color:#dfff21;font-size:.78rem;font-weight:800;letter-spacing:.07em}.mr-diagnostic-flow li:not(:last-child)::after{content:"→";margin-inline:.65rem;color:rgba(255,255,255,.3)}
.mr-dual__grid { display:grid;gap:clamp(1.5rem,3vw,3rem) }.mr-dual__grid article{min-width:0;padding:clamp(1.5rem,2.5vw,2.25rem);border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:rgba(255,255,255,.018)}.mr-dual__grid article>header{display:flex;gap:1rem;align-items:center;padding-bottom:1.3rem;border-bottom:1px solid rgba(223,255,33,.25)}.mr-dual__grid article>header span{color:#dfff21}.mr-dual__grid h3{font-size:clamp(1.35rem,1.7vw,1.75rem)}.mr-dual__grid ol{margin:0;padding:0;list-style:none}.mr-dual__grid li{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.mr-dual__grid li>span{color:#dfff21;font-size:.76rem}.mr-dual__grid li strong{font-size:clamp(1rem,.25vw + .96rem,1.1rem)}.mr-dual__grid li p{margin-top:.35rem;color:var(--color-text-muted);font-size:clamp(.96rem,.18vw + .92rem,1.05rem);line-height:1.58}.mr-dual__axis{display:none}
.mr-category-lines li{grid-template-columns:3.5rem minmax(12rem,.7fr) minmax(0,1.3fr);align-items:start}.mr-category-lines strong{font-size:clamp(1.05rem,.4vw + 1rem,1.25rem)}.mr-category-lines p{color:var(--color-text-muted);font-size:clamp(1rem,.2vw + .96rem,1.1rem);line-height:1.62}.mr-metric-band{display:flex;flex-wrap:wrap;margin-top:2rem;border:1px solid rgba(223,255,33,.2)}.mr-metric-band span{flex:1 1 8rem;padding:1rem .65rem;border-right:1px solid rgba(255,255,255,.08);color:#dfff21;font-size:clamp(.82rem,.2vw + .78rem,.94rem);font-weight:800;text-align:center}.mr-instagram-check{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2.5rem;align-items:center}.mr-instagram-check h3{width:100%;margin-bottom:.5rem}.mr-instagram-check span{padding:.7rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--color-text-secondary);font-size:.9rem}
.mr-insight-journey{position:relative;margin-top:clamp(3rem,5vw,5rem);outline:none}.mr-insight-journey:focus-visible{outline:2px solid #dfff21;outline-offset:.75rem}.mr-insight-rail{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;color:#dfff21;font-size:.68rem;font-weight:800;letter-spacing:.12em}.mr-insight-rail i{height:1px;flex:1;background:linear-gradient(90deg,rgba(223,255,33,.15),#dfff21,rgba(223,255,33,.15))}.mr-insight-track{display:grid;grid-auto-columns:min(36rem,82vw);grid-auto-flow:column;gap:clamp(1rem,1.5vw,1.5rem);overflow-x:auto;padding:.25rem .15rem 1.25rem;direction:rtl;scroll-snap-type:x mandatory;scrollbar-color:#dfff21 rgba(255,255,255,.06);scrollbar-width:thin;overscroll-behavior-inline:contain}.mr-insight-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:34rem;padding:clamp(1.5rem,2.4vw,2.25rem);overflow:hidden;direction:ltr;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:radial-gradient(circle at 85% 15%,rgba(223,255,33,.075),transparent 15rem),linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),#0a0d0b;scroll-snap-align:start}.mr-insight-card::before{content:"";position:absolute;top:0;left:0;width:5rem;height:2px;background:#dfff21;box-shadow:0 0 1rem rgba(223,255,33,.28)}.mr-insight-card header>span,.mr-insight-dual section>span{color:#dfff21;font-size:.7rem;font-weight:800;letter-spacing:.12em}.mr-insight-card h3{margin:.8rem 0 .75rem;font-family:var(--font-display);font-size:clamp(2rem,2.4vw,2.8rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.mr-insight-card header>p{max-width:42ch;color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.mr-insight-card footer{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.mr-insight-card footer span{padding:.55rem .7rem;border:1px solid rgba(223,255,33,.17);border-radius:999px;color:var(--color-text-secondary);font-size:.78rem}.mr-insight-card footer b{color:#dfff21}.mr-insight-score{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:center;margin-block:1.75rem}.mr-insight-score>div{--score:50;display:grid;width:9.5rem;aspect-ratio:1;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at center,#0a0d0b 57%,transparent 58%),conic-gradient(#dfff21 calc(var(--score)*1%),rgba(255,255,255,.08) 0);box-shadow:0 0 2rem rgba(223,255,33,.08)}.mr-insight-score strong{font-family:var(--font-display);font-size:3.25rem;line-height:.8}.mr-insight-score small{margin-top:.55rem;color:#dfff21;font-size:.58rem;font-weight:800;letter-spacing:.08em}.mr-insight-score ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.mr-insight-score li{padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);color:var(--color-text-secondary);font-size:.95rem}.mr-insight-score li b{display:inline-block;min-width:2.2rem;color:#dfff21;font-size:1.1rem}.mr-insight-bars{display:grid;gap:1rem;align-content:center;margin-block:1.5rem}.mr-insight-bars div{display:grid;gap:.45rem}.mr-insight-bars span{display:flex;justify-content:space-between;gap:1rem;color:var(--color-text-secondary);font-size:.9rem}.mr-insight-bars span b{color:#fff}.mr-insight-bars i{position:relative;height:.35rem;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.075)}.mr-insight-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--value);border-radius:inherit;background:linear-gradient(90deg,#dfff21,#9eec3f);box-shadow:0 0 .8rem rgba(223,255,33,.2)}.mr-insight-bars--compact{gap:.65rem}.mr-insight-split,.mr-insight-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mr-insight-split p,.mr-insight-dual section{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:rgba(255,255,255,.018);font-size:.88rem;line-height:1.5}.mr-insight-split span{display:block;margin-bottom:.35rem;color:#dfff21;font-size:.62rem;font-weight:800;letter-spacing:.08em}.mr-insight-dual{align-content:center;margin-block:1.5rem}.mr-insight-dual section{display:grid;align-content:start;gap:.7rem}.mr-insight-dual section+section{border-color:rgba(223,255,33,.18)}.mr-insight-dual p{padding-top:.65rem;border-top:1px solid rgba(255,255,255,.07);color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.mr-insight-roadmap{position:relative;display:grid;gap:0;align-content:center;margin:1.5rem 0;padding:0;list-style:none}.mr-insight-roadmap::before{content:"";position:absolute;top:1.1rem;bottom:1.1rem;left:.35rem;width:1px;background:linear-gradient(#dfff21,rgba(223,255,33,.12))}.mr-insight-roadmap li{position:relative;padding:0 0 1.2rem 1.75rem}.mr-insight-roadmap li::before{content:"";position:absolute;top:.4rem;left:0;width:.7rem;height:.7rem;border:2px solid #0a0d0b;border-radius:50%;background:#dfff21;box-shadow:0 0 .7rem rgba(223,255,33,.25)}.mr-insight-roadmap span{color:#dfff21;font-size:.72rem;font-weight:800;letter-spacing:.09em}.mr-insight-roadmap p{margin-top:.35rem;color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.mr-insight-hint{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem;color:var(--color-text-muted);font-size:.82rem}.mr-insight-hint span{color:#dfff21}
.mr-meaning{text-align:center}.mr-meaning h2{margin-inline:auto;max-width:55rem}.mr-meaning ol{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2rem 0;padding:0;list-style:none}.mr-meaning li{display:flex;align-items:center;color:#dfff21;font-size:.75rem;font-weight:800}.mr-meaning li:not(:last-child)::after{content:"→";margin-inline:1rem;color:rgba(255,255,255,.3)}.mr-meaning p{max-width:55rem;margin-inline:auto;color:var(--color-text-secondary);line-height:1.7}
.mr-roadmap>div>ol{position:relative;display:grid;gap:1rem;margin:0;padding:0;list-style:none}.mr-roadmap li{display:grid;gap:.7rem;padding:clamp(1.5rem,3vw,2.5rem);border-left:2px solid #dfff21;background:linear-gradient(90deg,rgba(223,255,33,.055),transparent)}.mr-roadmap span{color:#dfff21;font-size:.8rem;font-weight:800;letter-spacing:.1em}.mr-roadmap strong{font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.45}
.mr-audience ul{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}.mr-audience li{padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(1rem,1.6vw,1.3rem)}.mr-audience li::before{content:"+";margin-right:1rem;color:#dfff21}
.mr-trust{border-block:1px solid rgba(223,255,33,.2);background:rgba(223,255,33,.025)}.mr-trust>div{display:grid}.mr-trust div div{display:grid;gap:.35rem;padding:1.6rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.mr-trust strong{color:#dfff21;font-size:clamp(1.4rem,2.5vw,2rem)}.mr-trust span{color:var(--color-text-muted);font-size:.7rem;letter-spacing:.1em}
.mr-faq__inner{display:grid;gap:clamp(1.5rem,3vw,3rem)}.mr-faq__inner header p:last-child{margin-top:1rem;color:var(--color-text-muted);font-size:1rem;line-height:1.65}.mr-faq details{border-bottom:1px solid rgba(255,255,255,.11)}.mr-faq summary{display:flex;min-height:44px;justify-content:space-between;gap:1rem;padding:1.1rem 0;cursor:pointer;font-size:clamp(1rem,.3vw + .96rem,1.12rem);font-weight:750;line-height:1.45;list-style:none}.mr-faq summary::-webkit-details-marker{display:none}.mr-faq summary i{position:relative;width:1rem;height:1rem;flex:0 0 auto}.mr-faq summary i::before,.mr-faq summary i::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#dfff21}.mr-faq summary i::after{transform:rotate(90deg);transition:transform .2s}.mr-faq details[open] summary i::after{transform:rotate(0)}.mr-faq details p{padding:0 0 1.2rem;color:var(--color-text-secondary);font-size:1rem;line-height:1.7}
.mr-final__panel{display:grid;gap:clamp(1.5rem,3vw,3rem);align-items:end;padding:clamp(2rem,4vw,4.5rem);border:1px solid rgba(223,255,33,.3);border-radius:1.5rem;background:radial-gradient(circle at 90% 80%,rgba(223,255,33,.1),transparent 28rem),#0a0d0b}.mr-final h2{margin:1rem 0 1.5rem}.mr-final p{max-width:48rem;color:var(--color-text-secondary);line-height:1.7}.mr-final strong{display:block;margin-top:1rem;color:#dfff21;letter-spacing:.1em}.mr-final__panel>div:last-child{display:grid;gap:.8rem}.mr-final small{color:var(--color-text-muted)}

@media (min-width:48rem){.mr-problem__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mr-problem__list li:nth-child(odd){padding-right:2rem;border-right:1px solid rgba(255,255,255,.1)}.mr-problem__list li:nth-child(even){padding-left:2rem}.mr-answer__inner,.mr-faq__inner{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.mr-roadmap>div>ol{grid-template-columns:repeat(3,minmax(0,1fr))}.mr-audience ul{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-audience li:nth-child(odd){padding-right:2rem;border-right:1px solid rgba(255,255,255,.1)}.mr-audience li:nth-child(even){padding-left:2rem}.mr-trust>div{grid-template-columns:repeat(4,minmax(0,1fr))}.mr-trust div div{padding:1.5rem;border-right:1px solid rgba(255,255,255,.08);border-bottom:0}.mr-final__panel{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr)}}
@media (min-width:68rem){.mr-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(28rem,.9fr)}.mr-dual__grid{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);align-items:start}.mr-dual__axis{display:grid;place-items:center;align-self:stretch}.mr-dual__axis span{writing-mode:vertical-rl;color:#dfff21;font-size:.62rem;letter-spacing:.15em}.mr-dual__axis i{width:1px;height:100%;margin-top:1rem;background:linear-gradient(#dfff21,transparent)}}
@media (max-width:47.99rem){.mr-hero__copy h1{font-size:clamp(3rem,14vw,4.5rem)}.mr-heading h2,.mr-answer h2,.mr-meaning h2,.mr-final h2{font-size:clamp(2.25rem,11vw,3.5rem)}.reklam-mr-ai-system__copy h3{font-size:clamp(2.1rem,10vw,3.25rem)}.mr-actions .btn{width:100%}.mr-category-lines li{grid-template-columns:2.5rem 1fr}.mr-category-lines p{grid-column:2}.mr-diagnostic-flow,.mr-meaning ol{display:grid}.mr-diagnostic-flow li:not(:last-child)::after,.mr-meaning li:not(:last-child)::after{margin-left:auto}.mr-hero::before{white-space:normal;overflow-wrap:anywhere}.mr-ai-panel li{grid-template-columns:5.5rem 1fr}.mr-ai-panel li em{display:none}}
@media(prefers-reduced-motion:reduce){.mr-ai-panel::after{animation:none}}

/* Reklam MR: real Biajans AI product screens. */
.reklam-mr-ai-system { overflow:clip; background:linear-gradient(180deg,rgba(223,255,33,.018),transparent 24rem),#080a09; }
.reklam-mr-ai-system__heading { margin-bottom:clamp(2.5rem,4vw,4rem); }
.reklam-mr-ai-system__flow { position:relative; display:grid; gap:0; margin:0 0 clamp(3.5rem,5vw,5.5rem); padding:0; list-style:none; border-top:1px solid rgba(223,255,33,.22); }
.reklam-mr-ai-system__flow li { position:relative; display:grid; gap:.65rem; padding:1.4rem 0; border-bottom:1px solid rgba(255,255,255,.09); }
.reklam-mr-ai-system__flow li>span { color:#dfff21; font-size:.68rem; font-weight:800; letter-spacing:.1em; }
.reklam-mr-ai-system__flow li>strong { font-size:clamp(1rem,1.5vw,1.25rem); }
.reklam-mr-ai-system__flow li>p { max-width:25rem; color:var(--color-text-muted); font-size:clamp(.96rem,.18vw + .92rem,1.05rem); line-height:1.62; }
.reklam-mr-ai-system__feature { display:grid; gap:clamp(1.5rem,3vw,3rem); align-items:center; margin-block:clamp(3.5rem,5vw,5.5rem); }
.reklam-mr-ai-system__copy { min-width:0; }
.reklam-mr-ai-system__copy h3 { margin:1rem 0 1.5rem; font-family:var(--font-display); font-size:clamp(2.5rem,3.5vw,4.25rem); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.reklam-mr-ai-system__copy>p:not(.eyebrow) { margin-top:1rem; color:var(--color-text-secondary); font-size:clamp(1rem,.2vw + .96rem,1.1rem); line-height:1.72; }
.reklam-mr-ai-system__copy>p strong { color:var(--color-text-primary); font-size:clamp(1.05rem,1.6vw,1.3rem); }
.reklam-mr-ai-system__copy ul { display:flex; flex-wrap:wrap; gap:.5rem; margin:2rem 0 0; padding:0; list-style:none; }
.reklam-mr-ai-system__copy li { padding:.65rem .8rem; border:1px solid rgba(255,255,255,.11); border-radius:999px; color:var(--color-text-secondary); font-size:.78rem; }
.reklam-mr-ai-system__screen { position:relative; min-width:0; margin:0; padding:clamp(.5rem,1vw,.85rem); border:1px solid rgba(223,255,33,.25); border-radius:1rem; background:linear-gradient(135deg,rgba(223,255,33,.04),transparent 34%),#0b0e0c; box-shadow:0 2rem 5rem rgba(0,0,0,.38),0 0 3rem rgba(223,255,33,.035); transition:transform .3s ease,border-color .3s ease; }
.reklam-mr-ai-system__screen::before,.reklam-mr-ai-system__screen::after { content:""; position:absolute; z-index:2; width:1.4rem; height:1.4rem; pointer-events:none; border-color:#dfff21; opacity:.75; }
.reklam-mr-ai-system__screen::before { top:-1px; left:-1px; border-top:2px solid #dfff21; border-left:2px solid #dfff21; border-radius:.25rem 0 0; }
.reklam-mr-ai-system__screen::after { right:-1px; bottom:-1px; border-right:2px solid #dfff21; border-bottom:2px solid #dfff21; border-radius:0 0 .25rem; }
.reklam-mr-ai-system__screen:hover { transform:translateY(-3px) scale(1.008); border-color:rgba(223,255,33,.42); }
.reklam-mr-ai-system__screen>div { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.35rem .25rem .7rem; color:#dfff21; font-size:.58rem; font-weight:800; letter-spacing:.12em; }
.reklam-mr-ai-system__screen>div i { flex:1; height:1px; background:linear-gradient(90deg,rgba(223,255,33,.45),transparent); }
.reklam-mr-ai-system__screen img { display:block; width:100%; max-width:100%; height:auto; border:1px solid rgba(255,255,255,.08); border-radius:.55rem; object-fit:contain; }
.reklam-mr-ai-system__screen figcaption { display:grid; gap:.25rem; padding:.8rem .25rem .2rem; }
.reklam-mr-ai-system__screen figcaption strong { font-size:.78rem; }
.reklam-mr-ai-system__screen figcaption span { color:var(--color-text-muted); font-size:.68rem; }
.reklam-mr-ai-system__pipeline { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.8rem; margin-top:clamp(3rem,5vw,5rem); padding:clamp(1.5rem,3vw,2.5rem); border-block:1px solid rgba(223,255,33,.2); background:linear-gradient(90deg,transparent,rgba(223,255,33,.025),transparent); text-align:center; }
.reklam-mr-ai-system__pipeline>div { display:flex; flex-wrap:wrap; justify-content:center; gap:.8rem; align-items:center; }
.reklam-mr-ai-system__pipeline span,.reklam-mr-ai-system__pipeline strong { padding:.75rem 1rem; border:1px solid rgba(223,255,33,.22); color:var(--color-text-primary); font-size:clamp(.86rem,.35vw + .8rem,1rem); font-weight:750; letter-spacing:.06em; }
.reklam-mr-ai-system__pipeline i { color:#dfff21; font-style:normal; }
.reklam-mr-ai-system__pipeline b { color:#dfff21; font-size:1rem; transform:rotate(-90deg); }

@media(min-width:48rem){
    .reklam-mr-ai-system__flow { grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid rgba(223,255,33,.18); }
    .reklam-mr-ai-system__flow::before { content:""; position:absolute; top:2rem; right:0; left:0; height:1px; background:linear-gradient(90deg,#dfff21,rgba(223,255,33,.12)); }
    .reklam-mr-ai-system__flow li { min-width:0; padding:1.3rem 1.4rem 1.5rem 0; border:0; }
    .reklam-mr-ai-system__flow li>span { position:relative; width:2.5rem; background:#080a09; }
    .reklam-mr-ai-system__flow li:not(:last-child)::after { content:""; position:absolute; top:1.8rem; right:1rem; width:.35rem; height:.35rem; border-radius:50%; background:#dfff21; box-shadow:0 0 .6rem rgba(223,255,33,.25); }
}
@media(min-width:68rem){
    .reklam-mr-ai-system__feature { grid-template-columns:minmax(17rem,.58fr) minmax(0,1.42fr); }
    .reklam-mr-ai-system__feature--reverse { grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr); }
}
@media(min-width:80rem){.reklam-mr-ai-system__screen{min-width:min(48rem,100%)}}
@media(max-width:47.99rem){
    .reklam-mr-ai-system__screen { width:100%; padding:.4rem; }
    .reklam-mr-ai-system__screen>div span { max-width:70%; }
    .reklam-mr-ai-system__pipeline>div { display:grid; }
}
@media(prefers-reduced-motion:reduce){.reklam-mr-ai-system__screen{transition:none}.reklam-mr-ai-system__screen:hover{transform:none}}

.mr-report-center{display:grid;gap:clamp(1.5rem,3vw,3rem);align-items:center}.mr-report-center__copy h3{margin:1rem 0 1.25rem;font-family:var(--font-display);font-size:clamp(2.5rem,3.5vw,4.25rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase}.mr-report-center__copy>p:not(.eyebrow){max-width:42rem;color:var(--color-text-secondary);font-size:clamp(1rem,.2vw + .96rem,1.1rem);line-height:1.7}.mr-report-center__copy .btn{width:max-content;margin-top:1.75rem}.mr-report-center__screen{min-width:0;height:auto;margin:0;padding:.6rem;border:1px solid rgba(223,255,33,.24);border-radius:1rem;background:#0b0e0c;box-shadow:0 1.5rem 4rem rgba(0,0,0,.3)}.mr-report-center__screen button{display:block;width:100%;height:auto;padding:0;border:0;background:none}.mr-report-center__screen img{display:block;width:100%;max-width:100%;height:auto;border-radius:.55rem;object-fit:contain;transition:transform .3s ease}.mr-report-center__screen:hover img{transform:scale(1.008)}.mr-report-center__screen figcaption{padding:.7rem .2rem .1rem;color:var(--color-text-muted);font-size:.85rem}
@media(min-width:68rem){.mr-report-center{grid-template-columns:minmax(17rem,.42fr) minmax(0,1.58fr)}}
@media(max-width:36rem){.mr-insight-track{grid-auto-columns:88vw}.mr-insight-card{min-height:0;padding:1.25rem}.mr-insight-card h3{font-size:clamp(1.8rem,9vw,2.35rem)}.mr-insight-score{grid-template-columns:1fr;justify-items:start}.mr-insight-score>div{width:8rem}.mr-insight-score ul{width:100%}.mr-insight-split,.mr-insight-dual{grid-template-columns:1fr}.mr-insight-hint{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.mr-report-center__screen img{transition:none}.mr-report-center__screen:hover img{transform:none}}

/* Reklam MR final visual refinement. */
.mr-page .mr-heading h2,.mr-page .mr-answer h2,.mr-page .mr-meaning h2,.mr-page .mr-final h2{font-size:clamp(2.5rem,3.7vw,4.4rem);line-height:.94}.mr-hero__copy h1{max-width:10ch;font-size:clamp(3.75rem,5.2vw,6.15rem);line-height:.88}.mr-ai-panel{overflow:hidden;border-color:rgba(223,255,33,.22);background:radial-gradient(circle at 50% 38%,rgba(223,255,33,.08),transparent 34%),linear-gradient(145deg,rgba(223,255,33,.035),transparent 44%),rgba(8,12,10,.94)}.mr-ai-panel::before{content:"";position:absolute;z-index:2;inset:1rem;border:1px solid rgba(223,255,33,.08);border-radius:1rem;pointer-events:none;animation:mr-panel-pulse 3.4s ease-in-out infinite}.mr-ai-panel::after{z-index:3;background:linear-gradient(180deg,transparent 0 46%,rgba(223,255,33,.2) 46.2%,rgba(223,255,33,.035) 47%,transparent 49%);filter:drop-shadow(0 0 .5rem rgba(223,255,33,.2));animation:mr-scan 4.4s cubic-bezier(.4,0,.2,1) infinite}.mr-ai-panel__score{position:relative}.mr-ai-panel__score::after{content:"";position:absolute;width:clamp(9rem,16vw,14rem);aspect-ratio:1;border:1px solid rgba(223,255,33,.15);border-radius:50%;animation:mr-orbit 12s linear infinite}.mr-ai-panel__score strong{font-size:clamp(3.25rem,6vw,5.8rem)}
@keyframes mr-panel-pulse{50%{border-color:rgba(223,255,33,.18);box-shadow:inset 0 0 2rem rgba(223,255,33,.025)}}@keyframes mr-orbit{to{transform:rotate(360deg)}}
.mr-problem .mr-heading h2{max-width:18ch}.mr-problem__list li,.mr-category-lines li{position:relative;transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.mr-problem__list li:hover,.mr-category-lines li:hover{z-index:1;border-color:rgba(223,255,33,.28);background:linear-gradient(90deg,rgba(223,255,33,.055),transparent 72%);box-shadow:inset .18rem 0 #dfff21;transform:translateX(.3rem)}.mr-statement{max-width:54rem;margin-top:2rem;padding-left:1.25rem;border-left:1px solid rgba(223,255,33,.35);color:var(--color-text-secondary);font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:500;line-height:1.55;letter-spacing:-.01em}.mr-dual__grid article{display:grid;grid-template-rows:auto 1fr;height:100%;transition:border-color .25s ease,transform .25s ease}.mr-dual__grid article:hover{border-color:rgba(223,255,33,.27);transform:translateY(-3px)}.mr-dual__grid li:last-child{border-bottom:0}.mr-metric-band{gap:.65rem;padding:.75rem;border:0;background:rgba(255,255,255,.012)}.mr-metric-band span{flex:1 1 9rem;border:1px solid rgba(223,255,33,.16);border-radius:999px;background:rgba(223,255,33,.02);transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease}.mr-metric-band span:hover{color:#080a09;border-color:#dfff21;background:#dfff21;transform:translateY(-2px)}.mr-instagram-check{padding:1.4rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(120deg,rgba(223,255,33,.025),transparent)}.mr-instagram-check span{font-size:.9rem;transition:border-color .2s ease,color .2s ease}.mr-instagram-check span:hover{color:#dfff21;border-color:rgba(223,255,33,.35)}
.reklam-mr-ai-system__feature{padding:clamp(1.25rem,2vw,2rem);border:1px solid rgba(255,255,255,.07);border-radius:1.35rem;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent)}.reklam-mr-ai-system__screen{overflow:hidden}.reklam-mr-ai-system__screen figcaption{grid-template-columns:1fr auto;align-items:center;gap:.75rem}.reklam-mr-ai-system__screen figcaption span{text-align:right}.reklam-mr-ai-system__pipeline span,.reklam-mr-ai-system__pipeline strong{transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.reklam-mr-ai-system__pipeline span:hover,.reklam-mr-ai-system__pipeline strong:hover{border-color:#dfff21;background:rgba(223,255,33,.07);box-shadow:0 0 1.5rem rgba(223,255,33,.08);transform:translateY(-3px)}.mr-report-center{padding:clamp(1.25rem,2.5vw,2.5rem);border:1px solid rgba(255,255,255,.07);border-radius:1.35rem;background:linear-gradient(135deg,rgba(223,255,33,.025),transparent 45%)}
.mr-insight-track{display:flex;gap:1rem;overflow:hidden;direction:ltr;scroll-snap-type:none}.mr-insight-track[data-loop-ready="true"]{width:max-content;animation:mr-report-loop 52s linear infinite}.mr-insight-journey:hover .mr-insight-track,.mr-insight-journey:focus-within .mr-insight-track{animation-play-state:paused}.mr-insight-card{flex:0 0 calc((min(92vw,110rem) - 3rem)/4);max-width:27rem;min-height:31rem;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.mr-insight-card:hover{z-index:2;border-color:rgba(223,255,33,.42);box-shadow:0 1.5rem 3.5rem rgba(0,0,0,.38),0 0 1.5rem rgba(223,255,33,.07);transform:perspective(70rem) rotateX(1deg) rotateY(-2deg) translateY(-6px)}@keyframes mr-report-loop{to{transform:translateX(calc(-50% - .5rem))}}
.mr-meaning{padding-block:clamp(3.5rem,5vw,5.5rem)}.mr-meaning h2{max-width:68rem}.mr-meaning p{max-width:65rem;font-size:clamp(1rem,.25vw + .96rem,1.12rem)}.mr-analysis-band{padding-block:clamp(2.5rem,4vw,4rem);text-align:center}.mr-analysis-band h2{display:flex;justify-content:center;align-items:center;gap:clamp(.75rem,2vw,2rem);font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,3.6rem);line-height:1;letter-spacing:-.035em}.mr-analysis-band h2 i{color:rgba(255,255,255,.25);font-style:normal}.mr-audience ul{border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;overflow:hidden;background:rgba(255,255,255,.012)}.mr-audience li{padding:1.25rem 1.5rem;transition:background-color .22s ease,color .22s ease,transform .22s ease}.mr-audience li:hover{color:#dfff21;background:rgba(223,255,33,.035);transform:translateX(.25rem)}.mr-trust{background:linear-gradient(90deg,rgba(223,255,33,.02),rgba(255,255,255,.015),rgba(223,255,33,.02))}.mr-trust div div{position:relative;text-align:center}.mr-trust div div::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(223,255,33,.35),transparent)}.mr-faq details{transition:background-color .22s ease,border-color .22s ease}.mr-faq details:hover,.mr-faq details[open]{border-color:rgba(223,255,33,.3);background:linear-gradient(90deg,rgba(223,255,33,.035),transparent)}.mr-faq summary,.mr-faq details p{padding-inline:1rem}.mr-faq summary i{border-radius:50%;transition:background-color .2s ease,transform .2s ease}.mr-faq details[open] summary i{background:rgba(223,255,33,.08);transform:rotate(90deg)}.mr-final__panel>div:last-child{justify-items:start;padding:clamp(1.25rem,2vw,2rem);border:1px solid rgba(223,255,33,.14);border-radius:1rem;background:linear-gradient(135deg,rgba(223,255,33,.055),transparent);box-shadow:inset 0 1px rgba(255,255,255,.04)}
@media(max-width:67.99rem){.mr-insight-track{overflow-x:auto;scroll-snap-type:x mandatory}.mr-insight-track[data-loop-ready="true"]{width:auto;animation:none}.mr-insight-card{flex-basis:min(34rem,82vw);max-width:none;scroll-snap-align:start}.reklam-mr-ai-system__screen figcaption{grid-template-columns:1fr}.reklam-mr-ai-system__screen figcaption span{text-align:left}}
@media(max-width:36rem){.mr-hero__copy h1{font-size:clamp(3rem,13vw,4rem)}.mr-insight-card{flex-basis:88vw}.mr-analysis-band h2{flex-wrap:wrap}.mr-final__panel>div:last-child{padding:1rem}}
@media(prefers-reduced-motion:reduce){.mr-ai-panel::before,.mr-ai-panel__score::after,.mr-insight-track[data-loop-ready="true"]{animation:none}.mr-insight-card:hover{transform:none}}


/* === BIAJANS MOTION VISIBILITY FIX START === */

/* =========================================================
   1. AMBIENT / PARTICLES
   Lime glow kurallarina dokunulmaz.
   ========================================================= */

/*
 * Ambient container viewport'u tamamen kaplasin.
 * Kendisi mouse event yakalamaz.
 */
.biajans-ambient {
    position: fixed !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    pointer-events: none !important;

    overflow: hidden !important;

    /*
     * Section background'larinin tamamen altinda
     * kaybolmasini engelliyoruz.
     */
    z-index: 35 !important;
}


/*
 * Glow'un mevcut gorunumu korunur.
 * Sadece particles'in ayrı stack olabilmesine izin verilir.
 */
.biajans-ambient__glow {
    z-index: 0 !important;
}


/*
 * Particles artik gercek viewport overlay katmaninda.
 */
.biajans-particle {
    position: absolute !important;

    z-index: 2 !important;

    display: block !important;

    width: var(--particle-size, 2px) !important;
    height: var(--particle-size, 2px) !important;

    border-radius: 999px !important;

    opacity: var(--particle-opacity, .28) !important;

    background:
        rgba(255,255,255,.72) !important;

    pointer-events: none !important;

    will-change: transform;
}


/*
 * Lime partikuller biraz daha belirgin.
 */
.biajans-particle.is-lime {
    background: #dfff21 !important;

    opacity:
        var(--particle-opacity, .38) !important;
}


.biajans-particle.has-soft-glow {
    box-shadow:
        0 0 5px rgba(223,255,33,.34),
        0 0 12px rgba(223,255,33,.10) !important;
}


/*
 * Icerigin okunabilirligini korumak icin
 * partikuller kucuk kalir.
 */
@media (hover: hover) and (pointer: fine) {

    .biajans-particle:nth-child(3n) {
        width: 2.5px !important;
        height: 2.5px !important;
    }

    .biajans-particle:nth-child(7n) {
        width: 3px !important;
        height: 3px !important;
    }

}


/* =========================================================
   2. CUSTOM BIAJANS CURSOR
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    /*
     * JS zaten .has-biajans-cursor ekliyor.
     */
    html.has-biajans-cursor,
    body.has-biajans-cursor,
    body.has-biajans-cursor * {
        cursor: none !important;
    }


    /*
     * Custom cursor fixed viewport layer.
     */
    .biajans-cursor {
        position: fixed !important;

        left: 0 !important;
        top: 0 !important;

        width: 44px !important;
        height: 44px !important;

        z-index: 10080 !important;

        pointer-events: none !important;

        opacity: 1 !important;

        visibility: visible !important;

        transform:
            translate3d(
                calc(var(--cursor-ring-x, -100px) - 22px),
                calc(var(--cursor-ring-y, -100px) - 22px),
                0
            ) !important;

        transition:
            opacity 120ms ease !important;

        will-change: transform;
    }


    /*
     * Outer ring
     */
    .biajans-cursor__ring {
        position: absolute !important;

        inset: 7px !important;

        border:
            1px solid rgba(223,255,33,.82) !important;

        border-radius: 50% !important;

        background:
            rgba(223,255,33,.025) !important;

        box-shadow:
            0 0 12px rgba(223,255,33,.12) !important;

        transform:
            scale(var(--cursor-ring-scale, 1)) !important;

        transition:
            transform 180ms ease,
            background-color 180ms ease,
            border-color 180ms ease !important;
    }


    /*
     * Lime center dot
     */
    .biajans-cursor__dot {
        position: fixed !important;

        left: var(--cursor-dot-x, -100px) !important;
        top: var(--cursor-dot-y, -100px) !important;

        width: 6px !important;
        height: 6px !important;

        margin-left: -3px !important;
        margin-top: -3px !important;

        border-radius: 50% !important;

        background: #dfff21 !important;

        box-shadow:
            0 0 8px rgba(223,255,33,.75) !important;

        transform:
            scale(var(--cursor-dot-scale, 1)) !important;

        z-index: 2 !important;
    }


    /*
     * Minimal tavsan kulagi imzasi.
     */
    .biajans-cursor__ring::before,
    .biajans-cursor__ring::after {
        content: "" !important;

        position: absolute !important;

        top: -7px !important;

        width: 4px !important;
        height: 9px !important;

        border:
            1px solid rgba(223,255,33,.90) !important;

        border-bottom: 0 !important;

        border-radius:
            70% 70% 20% 20% !important;

        background: transparent !important;
    }

    .biajans-cursor__ring::before {
        left: 8px !important;
        transform: rotate(-16deg) !important;
    }

    .biajans-cursor__ring::after {
        right: 8px !important;
        transform: rotate(16deg) !important;
    }


    /*
     * Clickable state.
     */
    body.biajans-cursor-is-interactive
    .biajans-cursor__ring {
        transform:
            scale(1.32) !important;

        background:
            rgba(223,255,33,.075) !important;

        border-color:
            rgba(223,255,33,1) !important;
    }


    body.biajans-cursor-is-interactive
    .biajans-cursor__dot {
        transform:
            scale(.70) !important;
    }


    /*
     * Mouse viewport disina cikinca gizle.
     */
    body.biajans-cursor-is-out
    .biajans-cursor {
        opacity: 0 !important;
    }


    /*
     * Formlarda native cursor.
     */
    body.has-biajans-cursor input,
    body.has-biajans-cursor textarea,
    body.has-biajans-cursor select,
    body.has-biajans-cursor option,
    body.has-biajans-cursor [contenteditable="true"],
    body.has-biajans-cursor #wpadminbar,
    body.has-biajans-cursor #wpadminbar * {
        cursor: auto !important;
    }

}


/* =========================================================
   3. SCROLL REVEAL — MEVCUT SISTEMI GORSEL OLARAK BELIRGINLESTIR
   ========================================================= */

.js [data-motion-heading]:not(.is-motion-visible),
.js [data-motion-eyebrow]:not(.is-motion-visible),
.js [data-motion-support]:not(.is-motion-visible) {
    opacity: 0;

    transform:
        translate3d(0, 38px, 0);

    filter: blur(2px);
}


.js [data-motion-eyebrow] {
    transition:
        opacity 600ms cubic-bezier(.2,.75,.25,1),
        transform 600ms cubic-bezier(.2,.75,.25,1),
        filter 600ms ease;
}


.js [data-motion-heading] {
    transition:
        opacity 760ms cubic-bezier(.2,.75,.25,1),
        transform 760ms cubic-bezier(.2,.75,.25,1),
        filter 760ms ease;

    transition-delay: 70ms;
}


.js [data-motion-support] {
    transition:
        opacity 700ms cubic-bezier(.2,.75,.25,1),
        transform 700ms cubic-bezier(.2,.75,.25,1),
        filter 700ms ease;

    transition-delay: 150ms;
}


.js [data-motion-heading].is-motion-visible,
.js [data-motion-eyebrow].is-motion-visible,
.js [data-motion-support].is-motion-visible {
    opacity: 1;

    transform:
        translate3d(0,0,0);

    filter: blur(0);
}


/* =========================================================
   MOBILE / REDUCED MOTION
   ========================================================= */

@media (hover: none), (pointer: coarse) {

    .biajans-cursor {
        display: none !important;
    }

    .biajans-ambient {
        z-index: 15 !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    .biajans-cursor {
        display: none !important;
    }

    .biajans-particle {
        animation: none !important;
    }

    .js [data-motion-heading],
    .js [data-motion-eyebrow],
    .js [data-motion-support] {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }

}

/* === BIAJANS MOTION VISIBILITY FIX END === */


/* === BIAJANS CURSOR ARROW REDESIGN START === */

@media (hover: hover) and (pointer: fine) {

    /*
     * Eski daire + tavsan kulagi tasarimini tamamen gizle.
     */
    .biajans-cursor__ring,
    .biajans-cursor__dot {
        display: none !important;
    }

    /*
     * Gercek pointer tipi Biajans cursor.
     *
     * Ust-sol nokta mouse'un gercek tiklama ucudur.
     */
    .biajans-cursor {
        position: fixed !important;

        left: 0 !important;
        top: 0 !important;

        width: 24px !important;
        height: 30px !important;

        z-index: 10080 !important;

        pointer-events: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform:
            translate3d(
                var(--cursor-dot-x, -100px),
                var(--cursor-dot-y, -100px),
                0
            ) !important;

        transform-origin: 0 0 !important;

        transition:
            opacity 120ms ease !important;

        will-change: transform;
    }


    /*
     * Ana mouse oku.
     */
    .biajans-cursor::before {
        content: "" !important;

        position: absolute !important;

        left: 0 !important;
        top: 0 !important;

        width: 20px !important;
        height: 27px !important;

        background:
            linear-gradient(
                145deg,
                #efff78 0%,
                #dfff21 58%,
                #a9ca00 100%
            ) !important;

        clip-path:
            polygon(
                0 0,
                0 86%,
                22% 67%,
                38% 100%,
                51% 94%,
                36% 63%,
                68% 63%
            ) !important;

        filter:
            drop-shadow(0 0 3px rgba(223,255,33,.50))
            drop-shadow(0 0 7px rgba(223,255,33,.15)) !important;

        transform:
            scale(1) !important;

        transform-origin:
            0 0 !important;

        transition:
            transform 160ms cubic-bezier(.2,.75,.25,1),
            filter 160ms ease !important;
    }


    /*
     * Ic tarafta koyu ikinci pointer katmani.
     * Lime sadece kenar gibi gorunur.
     */
    .biajans-cursor::after {
        content: "" !important;

        position: absolute !important;

        left: 2px !important;
        top: 2px !important;

        width: 15px !important;
        height: 21px !important;

        background:
            #080a09 !important;

        clip-path:
            polygon(
                0 0,
                0 82%,
                22% 65%,
                40% 100%,
                53% 93%,
                37% 61%,
                69% 61%
            ) !important;

        transform-origin:
            0 0 !important;

        transition:
            transform 160ms cubic-bezier(.2,.75,.25,1),
            background-color 160ms ease !important;
    }


    /*
     * Link / button / proje / video gibi
     * tiklanabilir alanda biraz daha belirgin olsun.
     */
    body.biajans-cursor-is-interactive
    .biajans-cursor::before {
        transform:
            scale(1.16) !important;

        filter:
            drop-shadow(0 0 4px rgba(223,255,33,.75))
            drop-shadow(0 0 10px rgba(223,255,33,.22)) !important;
    }


    body.biajans-cursor-is-interactive
    .biajans-cursor::after {
        transform:
            scale(1.16) !important;

        background:
            #0d110b !important;
    }


    /*
     * Mouse ekran disina cikinca gizle.
     */
    body.biajans-cursor-is-out
    .biajans-cursor {
        opacity: 0 !important;
    }


    /*
     * Native cursor sadece form ve WP admin bar'da.
     */
    body.has-biajans-cursor input,
    body.has-biajans-cursor textarea,
    body.has-biajans-cursor select,
    body.has-biajans-cursor option,
    body.has-biajans-cursor [contenteditable="true"],
    body.has-biajans-cursor #wpadminbar,
    body.has-biajans-cursor #wpadminbar * {
        cursor: auto !important;
    }

}


/*
 * Mobil / touch:
 * sistem cursor DOM'u kullanilmaz.
 */
@media (hover: none), (pointer: coarse) {

    .biajans-cursor {
        display: none !important;
    }

}

/* === BIAJANS CURSOR ARROW REDESIGN END === */


/* === BIAJANS NATIVE SVG CURSOR START === */

/*
 * Önceki JS takipli cursor tamamen gizlenir.
 * Spotlight sistemi bundan bağımsızdır ve çalışmaya devam eder.
 */
.biajans-cursor {
    display: none !important;
}


/* =========================================================
   DESKTOP / FINE POINTER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    html,
    body,
    body.has-biajans-cursor,
    body.has-biajans-cursor * {
        cursor:
            url("../images/ui/biajans-cursor.svg") 2 2,
            default !important;
    }


    /*
     * Gerçek tıklanabilir öğelerde ayrı pointer.
     */
    a,
    button,
    [role="button"],
    summary,
    label[for],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="checkbox"],
    input[type="radio"],
    .work-wall__trigger,
    .project-video,
    .project-video__sound,
    [data-gallery-index],
    [data-magnetic],
    .site-header__toggle,
    .menu-item > a {
        cursor:
            url("../images/ui/biajans-pointer.svg") 2 2,
            pointer !important;
    }


    /*
     * Yazı girilen alanlarda gerçek sistem text cursor'u.
     */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="number"],
    input[type="password"],
    textarea,
    [contenteditable="true"] {
        cursor: text !important;
    }


    select,
    option {
        cursor: default !important;
    }


    /*
     * WordPress admin bar normal sistem cursor'u kullanır.
     */
    #wpadminbar,
    #wpadminbar * {
        cursor: auto !important;
    }

}


/* =========================================================
   TOUCH / MOBILE
   ========================================================= */

@media (hover: none), (pointer: coarse) {

    html,
    body,
    body * {
        cursor: auto !important;
    }

}

/* === BIAJANS NATIVE SVG CURSOR END === */


/* === BIAJANS GUARANTEED PNG CURSOR START === */

/*
 * Eski JS takipli custom cursor artik kullanilmiyor.
 * Cursor spotlight bundan bagimsizdir ve calismaya devam eder.
 */

.biajans-cursor {
    display: none !important;
}


/* =========================================================
   DESKTOP / GERCEK MOUSE
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    html,
    body,
    body.has-biajans-cursor,
    body.has-biajans-cursor * {
        cursor:
            url("../images/ui/biajans-cursor.png") 3 2,
            auto !important;
    }


    /*
     * Tiklanabilir alan:
     * lime dolu Biajans varyanti.
     */
    a,
    button,
    summary,
    [role="button"],
    label[for],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="checkbox"],
    input[type="radio"],
    .work-wall__trigger,
    .project-video,
    .project-video__sound,
    [data-gallery-index],
    [data-magnetic],
    .site-header__toggle,
    .menu-item > a {
        cursor:
            url("../images/ui/biajans-pointer.png") 3 2,
            pointer !important;
    }


    /*
     * Metin girislerinde browser'in kendi text cursor'u.
     */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="number"],
    input[type="password"],
    textarea,
    [contenteditable="true"] {
        cursor: text !important;
    }


    select,
    option {
        cursor: default !important;
    }


    /*
     * WordPress admin bar native cursor.
     */
    #wpadminbar,
    #wpadminbar * {
        cursor: auto !important;
    }

}


/* =========================================================
   MOBILE / TOUCH
   ========================================================= */

@media (hover: none), (pointer: coarse) {

    html,
    body,
    body * {
        cursor: auto !important;
    }

}

/* === BIAJANS GUARANTEED PNG CURSOR END === */


/* === BIAJANS FLOATING WHATSAPP CSS START === */

.biajans-whatsapp-float {
    position: fixed;
    right: clamp(1rem, 2vw, 2rem);
    bottom: clamp(1rem, 2vw, 2rem);

    z-index: 9990;

    display: flex;
    align-items: center;
    gap: .8rem;

    min-height: 4rem;
    padding: .55rem .75rem .55rem .6rem;

    color: #dfff21;
    background:
        linear-gradient(
            135deg,
            rgba(15,18,15,.96),
            rgba(6,8,7,.92)
        );

    border: 1px solid rgba(223,255,33,.28);
    border-radius: 1.15rem;

    box-shadow:
        0 1rem 3rem rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.025),
        0 0 1.8rem rgba(223,255,33,.06);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    text-decoration: none;

    transform: translate3d(0,0,0);

    transition:
        transform 220ms cubic-bezier(.2,.75,.25,1),
        border-color 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease;

    isolation: isolate;
}


.biajans-whatsapp-float::before {
    content: "";

    position: absolute;
    inset: -1px;

    z-index: -1;

    border-radius: inherit;

    background:
        linear-gradient(
            120deg,
            transparent 10%,
            rgba(223,255,33,.12) 48%,
            transparent 72%
        );

    opacity: 0;

    transition: opacity 220ms ease;

    pointer-events: none;
}


.biajans-whatsapp-float:hover,
.biajans-whatsapp-float:focus-visible {
    transform: translate3d(0,-4px,0);

    border-color: rgba(223,255,33,.62);

    box-shadow:
        0 1.2rem 3.4rem rgba(0,0,0,.42),
        0 0 0 1px rgba(223,255,33,.08),
        0 0 2.4rem rgba(223,255,33,.12);
}


.biajans-whatsapp-float:hover::before,
.biajans-whatsapp-float:focus-visible::before {
    opacity: 1;
}


/* =========================================================
   LIVE SIGNAL
   ========================================================= */

.biajans-whatsapp-float__signal {
    position: absolute;

    top: .5rem;
    right: .5rem;

    width: .42rem;
    height: .42rem;

    border-radius: 999px;

    background: #dfff21;

    box-shadow:
        0 0 0 .28rem rgba(223,255,33,.08),
        0 0 .8rem rgba(223,255,33,.55);

    animation:
        biajans-whatsapp-signal 2.4s ease-in-out infinite;
}


@keyframes biajans-whatsapp-signal {

    0%,
    100% {
        transform: scale(.86);
        opacity: .68;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }

}


/* =========================================================
   ICON
   ========================================================= */

.biajans-whatsapp-float__icon {
    position: relative;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    width: 2.85rem;
    height: 2.85rem;

    color: #060806;
    background: #dfff21;

    border-radius: .9rem;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.18),
        0 0 1.1rem rgba(223,255,33,.18);

    transform: rotate(-2deg);

    transition:
        transform 220ms cubic-bezier(.2,.75,.25,1);
}


.biajans-whatsapp-float:hover
.biajans-whatsapp-float__icon {
    transform:
        rotate(2deg)
        scale(1.04);
}


.biajans-whatsapp-float__icon svg {
    width: 1.55rem;
    height: 1.55rem;
}


/* =========================================================
   COPY
   ========================================================= */

.biajans-whatsapp-float__copy {
    display: grid;
    gap: .05rem;

    min-width: 5.2rem;

    line-height: 1;
}


.biajans-whatsapp-float__copy strong {
    color: #fff;

    font-family: var(--font-display, inherit);
    font-size: .78rem;
    font-weight: 800;

    letter-spacing: .07em;
}


.biajans-whatsapp-float__copy small {
    color: rgba(255,255,255,.56);

    font-size: .68rem;
    font-weight: 600;

    letter-spacing: .01em;
}


/* =========================================================
   ARROW
   ========================================================= */

.biajans-whatsapp-float__arrow {
    display: grid;
    place-items: center;

    width: 1.6rem;
    height: 1.6rem;

    margin-left: .1rem;

    color: #dfff21;

    border: 1px solid rgba(223,255,33,.22);
    border-radius: 999px;

    font-size: .78rem;

    transition:
        transform 220ms ease,
        border-color 220ms ease;
}


.biajans-whatsapp-float:hover
.biajans-whatsapp-float__arrow {
    transform:
        translate3d(2px,-2px,0);

    border-color:
        rgba(223,255,33,.52);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 42rem) {

    .biajans-whatsapp-float {
        right: .85rem;
        bottom: .85rem;

        width: 3.6rem;
        height: 3.6rem;
        min-height: 0;

        padding: .38rem;

        justify-content: center;

        border-radius: 1rem;
    }


    .biajans-whatsapp-float__icon {
        width: 2.75rem;
        height: 2.75rem;
    }


    .biajans-whatsapp-float__copy,
    .biajans-whatsapp-float__arrow {
        display: none;
    }


    .biajans-whatsapp-float__signal {
        top: .28rem;
        right: .28rem;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .biajans-whatsapp-float,
    .biajans-whatsapp-float__icon,
    .biajans-whatsapp-float__arrow,
    .biajans-whatsapp-float__signal {
        animation: none !important;
        transition: none !important;
    }

}

/* === BIAJANS FLOATING WHATSAPP CSS END === */


/* === BIAJANS WEB LOGO INTEGRATION START === */

/* =========================================================
   HEADER LOGO
   ========================================================= */

.site-branding {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.site-branding__logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    line-height: 0;
    text-decoration: none;
}

.site-branding__logo-image {
    display: block;

    width: auto;
    height: 3.25rem;
    max-width: 12rem;

    object-fit: contain;
    object-position: left center;

    /* Logonun kendisine efekt uygulanmaz. */
    filter: none;
    box-shadow: none;
    border: 0;
}


/* =========================================================
   FOOTER ANA LOGO
   ========================================================= */

.site-footer__wordmark--image {
    display: inline-flex;
    align-items: center;

    width: auto;

    line-height: 0;
    text-decoration: none;
}

.site-footer__brand-logo {
    display: block;

    width: auto;
    height: 6.25rem;
    max-width: 15rem;

    object-fit: contain;
    object-position: left center;

    filter: none;
    box-shadow: none;
    border: 0;
}


/*
 * footer-logo-info.png AYRI bir görseldir.
 * Mevcut site-footer__info-visual kurallari korunur.
 */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 64rem) {

    .site-branding__logo-image {
        height: 3rem;
        max-width: 10.5rem;
    }

    .site-footer__brand-logo {
        height: 5.5rem;
        max-width: 13rem;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 42rem) {

    .site-branding__logo-image {
        height: 2.65rem;
        max-width: 9rem;
    }

    .site-footer__brand-logo {
        height: 5rem;
        max-width: 11rem;
    }

}


/* Dar mobil */
@media (max-width: 23.5rem) {

    .site-branding__logo-image {
        height: 2.45rem;
        max-width: 8rem;
    }

}

/* === BIAJANS WEB LOGO INTEGRATION END === */





/* === BIAJANS FOOTER LOGO VISUAL BOX START === */

/*
 * Orijinal PNG aynen korunur.
 *
 * PNG'nin transparan üst/alt boşluklarının footer akışını
 * büyütmesini engellemek için link alanına kontrollü bir
 * yükseklik veriyoruz.
 *
 * Görsel overflow:visible olduğu için logo KIRPILMAZ.
 */

.site-footer .site-footer__wordmark--image {
    position: relative !important;

    display: block !important;

    width: 22rem !important;
    max-width: 100% !important;

    height: 7.25rem !important;
    min-height: 0 !important;

    margin: 0 0 1.25rem !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 0 !important;
}


.site-footer .site-footer__brand-logo {
    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    display: block !important;

    width: 22rem !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    /*
     * Transform layout yüksekliğini değiştirmez.
     * Logo görsel olarak büyük kalır.
     */
    transform:
        translateY(-50%)
        scale(1.18) !important;

    transform-origin: left center !important;

    object-fit: contain !important;
    object-position: left center !important;

    overflow: visible !important;

    filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
}


/*
 * Logo ile açıklama arasında temiz ve kontrollü aralık.
 */
.site-footer .site-footer__wordmark--image + p {
    margin-top: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 64rem) {

    .site-footer .site-footer__wordmark--image {
        width: 18rem !important;
        height: 6.25rem !important;
    }

    .site-footer .site-footer__brand-logo {
        width: 18rem !important;

        transform:
            translateY(-50%)
            scale(1.14) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 42rem) {

    .site-footer .site-footer__wordmark--image {
        width: 15rem !important;
        height: 5.5rem !important;

        margin-bottom: 1rem !important;
    }

    .site-footer .site-footer__brand-logo {
        width: 15rem !important;

        transform:
            translateY(-50%)
            scale(1.10) !important;
    }

}

/* === BIAJANS FOOTER LOGO VISUAL BOX END === */


/* === BIAJANS FOOTER LOGO LEFT ALIGN START === */

/*
 * Boyut ve footer akisi aynen korunur.
 * Sadece logonun gorunen kismi footer sol aksina yaklastirilir.
 */

.site-footer .site-footer__brand-logo {
    left: -1.75rem !important;

    transform:
        translateY(-50%)
        scale(1.18) !important;
}


/* Tablet */
@media (max-width: 64rem) {

    .site-footer .site-footer__brand-logo {
        left: -1.25rem !important;

        transform:
            translateY(-50%)
            scale(1.14) !important;
    }

}


/* Mobil */
@media (max-width: 42rem) {

    .site-footer .site-footer__brand-logo {
        left: -.75rem !important;

        transform:
            translateY(-50%)
            scale(1.10) !important;
    }

}

/* === BIAJANS FOOTER LOGO LEFT ALIGN END === */


/* === BIAJANS HEADER LOGO VISUAL BOX START === */

/*
 * Orijinal PNG aynen korunur.
 * PNG icindeki transparan alan header layout'unu belirlemez.
 *
 * Header yüksekliği degismez.
 * Logo görsel olarak alanin icinde buyutulur.
 */

.site-header .site-branding {
    position: relative !important;

    display: block !important;

    flex: 0 0 auto !important;

    width: 13.5rem !important;
    max-width: 13.5rem !important;

    height: 4.25rem !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.site-header .site-branding__logo {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 0 !important;
}


.site-header .site-branding__logo-image {
    position: absolute !important;

    left: -1.35rem !important;
    top: 50% !important;

    display: block !important;

    width: 15.5rem !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform:
        translateY(-50%)
        scale(1.22) !important;

    transform-origin: left center !important;

    object-fit: contain !important;
    object-position: left center !important;

    filter: none !important;
    box-shadow: none !important;
    border: 0 !important;

    pointer-events: none;
}


/* =========================================================
   HEADER IC YAPI
   ========================================================= */

/*
 * Menüye ayrilan alan korunur.
 * Logo büyüse bile navigation'i itmez.
 */
.site-header .site-header__inner {
    overflow: visible !important;
}


/* =========================================================
   1024–1439
   ========================================================= */

@media (min-width: 64rem) and (max-width: 89.999rem) {

    .site-header .site-branding {
        width: 11.5rem !important;
        max-width: 11.5rem !important;
        height: 4rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -1.05rem !important;

        width: 13.25rem !important;

        transform:
            translateY(-50%)
            scale(1.16) !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 63.999rem) {

    .site-header .site-branding {
        width: 10rem !important;
        max-width: 10rem !important;
        height: 3.75rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -.8rem !important;

        width: 11.5rem !important;

        transform:
            translateY(-50%)
            scale(1.12) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 42rem) {

    .site-header .site-branding {
        width: 8.75rem !important;
        max-width: 8.75rem !important;
        height: 3.4rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -.55rem !important;

        width: 10rem !important;

        transform:
            translateY(-50%)
            scale(1.08) !important;
    }

}


@media (max-width: 23.5rem) {

    .site-header .site-branding {
        width: 7.5rem !important;
        max-width: 7.5rem !important;
        height: 3.1rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -.4rem !important;

        width: 8.5rem !important;

        transform:
            translateY(-50%)
            scale(1.04) !important;
    }

}

/* === BIAJANS HEADER LOGO VISUAL BOX END === */


/* === BIAJANS HEADER LOGO FIT FINAL START === */

/*
 * Header yüksekliği sabit kalır.
 * Logo artık header dışına taşmaz.
 */

.site-header .site-branding {
    position: relative !important;

    flex: 0 0 12rem !important;

    width: 12rem !important;
    max-width: 12rem !important;

    height: 4.25rem !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.site-header .site-branding__logo {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    overflow: visible !important;

    line-height: 0 !important;
}


.site-header .site-branding__logo-image {
    position: absolute !important;

    left: -.85rem !important;
    top: 50% !important;

    width: 12.75rem !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform:
        translateY(-50%)
        scale(.94) !important;

    transform-origin: left center !important;

    object-fit: contain !important;
    object-position: left center !important;

    filter: none !important;
    box-shadow: none !important;
    border: 0 !important;

    pointer-events: none !important;
}


/* 1024–1439 */
@media (min-width: 64rem) and (max-width: 89.999rem) {

    .site-header .site-branding {
        flex-basis: 10.75rem !important;
        width: 10.75rem !important;
        max-width: 10.75rem !important;
        height: 4rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -.65rem !important;
        width: 11.25rem !important;

        transform:
            translateY(-50%)
            scale(.92) !important;
    }

}


/* Tablet */
@media (max-width: 63.999rem) {

    .site-header .site-branding {
        flex-basis: 9.5rem !important;
        width: 9.5rem !important;
        max-width: 9.5rem !important;
        height: 3.7rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -.45rem !important;
        width: 9.75rem !important;

        transform:
            translateY(-50%)
            scale(.90) !important;
    }

}


/* Mobile */
@media (max-width: 42rem) {

    .site-header .site-branding {
        flex-basis: 8.25rem !important;
        width: 8.25rem !important;
        max-width: 8.25rem !important;
        height: 3.35rem !important;
    }

    .site-header .site-branding__logo-image {
        left: -.3rem !important;
        width: 8.5rem !important;

        transform:
            translateY(-50%)
            scale(.88) !important;
    }

}

/* === BIAJANS HEADER LOGO FIT FINAL END === */

/* BIAJANS MR REPORT CENTER FINAL ALIGN START */

@media (min-width: 68rem) {
    .mr-page .mr-report-center {
        grid-template-columns: minmax(23rem, .58fr) minmax(0, 1.42fr);
        column-gap: clamp(2.5rem, 4vw, 4.5rem);
        align-items: center;
    }

    .mr-page .mr-report-center__copy {
        min-width: 0;
        position: relative;
        z-index: 2;
    }

    .mr-page .mr-report-center__copy h3 {
        max-width: 20rem;
        margin: 1rem 0 1.25rem;
        font-size: clamp(2.35rem, 2.5vw, 3.15rem);
        line-height: .94;
        letter-spacing: -.04em;
        overflow-wrap: normal;
        word-break: normal;
    }

    .mr-page .mr-report-center__screen {
        min-width: 0;
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 67.99rem) {
    .mr-page .mr-report-center__copy h3 {
        max-width: 100%;
        font-size: clamp(2.25rem, 8vw, 3.25rem);
    }
}

/* BIAJANS MR REPORT CENTER FINAL ALIGN END */

/* BIAJANS MR FLOATING CTA START */

.mr-page .mr-floating-cta {
    position: fixed;
    z-index: 9997;

    left: auto;
    top: 50%;
    right: 1.25rem;
    bottom: auto;

    width: 3.65rem;
    height: 3.65rem;

    transform: translateY(-50%);

    touch-action: none;
    user-select: none;

    cursor: grab;

    will-change: left, top, transform;
}

.mr-page .mr-floating-cta.is-positioned {
    right: auto;
    bottom: auto;
    transform: none;
}

.mr-page .mr-floating-cta.is-dragging {
    cursor: grabbing;
}

.mr-page .mr-floating-cta__link {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .72rem;

    width: 3.65rem;
    min-height: 3.65rem;

    padding: 0;

    color: #fff;
    text-decoration: none;

    border: 1px solid rgba(223,255,33,.58);
    border-radius: 999px;

    background:
        radial-gradient(
            circle at 82% 50%,
            rgba(223,255,33,.18),
            transparent 48%
        ),
        linear-gradient(
            135deg,
            rgba(14,17,13,.98),
            rgba(5,7,6,.98)
        );

    box-shadow:
        0 0 0 1px rgba(223,255,33,.05) inset,
        0 0 1.4rem rgba(223,255,33,.14),
        0 0 3rem rgba(223,255,33,.07),
        0 1rem 2.4rem rgba(0,0,0,.34);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    overflow: hidden;

    cursor: inherit;

    transition:
        width .34s cubic-bezier(.2,.8,.2,1),
        padding .34s cubic-bezier(.2,.8,.2,1),
        border-color .24s ease,
        box-shadow .24s ease;
}

/* Sol kenara yakınken buton sağ tarafa doğru açılır */
.mr-page .mr-floating-cta.is-open-right .mr-floating-cta__link {
    left: 0;
    right: auto;
    justify-content: flex-start;
}

.mr-page .mr-floating-cta__link::before {
    content: "";

    position: absolute;
    right: .18rem;
    top: 50%;

    width: 3.2rem;
    height: 3.2rem;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(223,255,33,.23) 0%,
            rgba(223,255,33,.08) 36%,
            transparent 72%
        );

    transform: translateY(-50%) scale(.82);

    animation: mr-orb-breathe 2.5s ease-in-out infinite;

    pointer-events: none;
}

.mr-page .mr-floating-cta.is-open-right .mr-floating-cta__link::before {
    right: auto;
    left: .18rem;
}

.mr-page .mr-floating-cta__link::after {
    content: "";

    position: absolute;
    right: 1.08rem;
    top: 50%;

    width: 1.18rem;
    height: 1.18rem;

    border-radius: 50%;

    background: #dfff21;

    box-shadow:
        0 0 .7rem rgba(223,255,33,1),
        0 0 1.5rem rgba(223,255,33,.56);

    transform: translateY(-50%);

    pointer-events: none;

    transition:
        box-shadow .25s ease,
        transform .25s ease;
}

.mr-page .mr-floating-cta.is-open-right .mr-floating-cta__link::after {
    right: auto;
    left: 1.08rem;
}

.mr-page .mr-floating-cta__signal {
    position: absolute;
    z-index: 5;

    right: .3rem;
    top: 50%;

    width: 3rem;
    height: 3rem;

    border-radius: 50%;

    transform: translateY(-50%);

    transition:
        transform .18s ease,
        filter .18s ease;
}

.mr-page .mr-floating-cta.is-open-right .mr-floating-cta__signal {
    right: auto;
    left: .3rem;
}

.mr-page .mr-floating-cta__signal::before,
.mr-page .mr-floating-cta__signal::after,
.mr-page .mr-floating-cta__signal i {
    content: "";

    position: absolute;

    border-radius: 50%;
}

.mr-page .mr-floating-cta__signal::before {
    inset: .18rem;

    border: 1px solid rgba(223,255,33,.34);

    animation: mr-orb-ring 2.05s ease-out infinite;
}

.mr-page .mr-floating-cta__signal::after {
    inset: .65rem;

    border: 1px solid rgba(223,255,33,.5);

    animation: mr-orb-ring 2.05s ease-out .52s infinite;
}

.mr-page .mr-floating-cta__signal i {
    width: .19rem;
    height: .19rem;

    right: .28rem;
    top: .33rem;

    background: #dfff21;

    box-shadow:
        0 0 .55rem rgba(223,255,33,1);
}

/* ============================================================
   METİN — HOVER İLE DEĞİL, SADECE .is-open İLE AÇILIR
   ============================================================ */

.mr-page .mr-floating-cta__content {
    position: relative;
    z-index: 3;

    display: flex;
    flex-direction: column;
    gap: .18rem;

    margin-right: 3.3rem;

    opacity: 0;

    transform: translateX(1rem);

    white-space: nowrap;

    pointer-events: none;

    transition:
        opacity .2s ease,
        transform .28s ease;
}

.mr-page .mr-floating-cta.is-open-right .mr-floating-cta__content {
    order: 2;

    margin-right: 0;
    margin-left: 3.3rem;

    transform: translateX(-1rem);
}

.mr-page .mr-floating-cta__content strong {
    font-size: .76rem;
    line-height: 1.05;

    font-weight: 850;

    letter-spacing: .05em;

    color: #fff;
}

.mr-page .mr-floating-cta__content small {
    font-size: .64rem;
    line-height: 1.1;

    color: rgba(255,255,255,.56);
}

.mr-page .mr-floating-cta__arrow {
    position: absolute;
    z-index: 6;

    right: 1.03rem;
    top: 50%;

    width: 1.28rem;
    height: 1.28rem;

    display: grid;
    place-items: center;

    color: #080a07;

    font-size: .75rem;
    font-weight: 900;

    opacity: 0;

    transform:
        translateY(-50%)
        scale(.7);

    transition:
        opacity .18s ease,
        transform .25s ease;
}

.mr-page .mr-floating-cta.is-open-right .mr-floating-cta__arrow {
    right: auto;
    left: 1.03rem;
}

/* SADECE TIKLANDIĞINDA AÇILIR */

.mr-page .mr-floating-cta.is-open .mr-floating-cta__link {
    width: 14.75rem;

    padding-left: 1rem;

    border-color: rgba(223,255,33,.9);

    box-shadow:
        0 0 0 1px rgba(223,255,33,.05) inset,
        0 0 1.7rem rgba(223,255,33,.18),
        0 0 4rem rgba(223,255,33,.12),
        0 1.2rem 2.8rem rgba(0,0,0,.4);
}

.mr-page .mr-floating-cta.is-open.is-open-right .mr-floating-cta__link {
    padding-left: 0;
    padding-right: 1rem;
}

.mr-page .mr-floating-cta.is-open .mr-floating-cta__content {
    opacity: 1;
    transform: translateX(0);

    pointer-events: auto;
}

.mr-page .mr-floating-cta.is-open .mr-floating-cta__arrow {
    opacity: 1;

    transform:
        translateY(-50%)
        scale(1);
}

/* Hover artık AÇMAZ.
   Yalnızca çok hafif orb feedback verir. */

.mr-page .mr-floating-cta:not(.is-open):hover .mr-floating-cta__link {
    border-color: rgba(223,255,33,.82);

    box-shadow:
        0 0 1.8rem rgba(223,255,33,.18),
        0 0 3.5rem rgba(223,255,33,.09);
}

/* ============================================================
   DRAG
   ============================================================ */

.mr-page .mr-floating-cta.is-dragging .mr-floating-cta__link {
    transition: none;

    border-color: rgba(223,255,33,1);

    box-shadow:
        0 0 2.2rem rgba(223,255,33,.28),
        0 0 4.8rem rgba(223,255,33,.13);
}

.mr-page .mr-floating-cta.is-dragging .mr-floating-cta__signal {
    transform:
        translateY(-50%)
        scale(1.07);
}

/* ============================================================
   ÇARPIŞMA / HASAR EFEKTİ
   ============================================================ */

.mr-page .mr-floating-cta__impact {
    position: absolute;

    z-index: 12;

    width: 2.4rem;
    height: 2.4rem;

    opacity: 0;

    pointer-events: none;

    transform: scale(.5) rotate(0deg);
}

.mr-page .mr-floating-cta__impact::before,
.mr-page .mr-floating-cta__impact::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 1.4rem;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.95),
            #dfff21,
            transparent
        );

    box-shadow:
        0 0 .45rem rgba(223,255,33,.9);
}

.mr-page .mr-floating-cta__impact::before {
    transform:
        translate(-50%,-50%)
        rotate(28deg);
}

.mr-page .mr-floating-cta__impact::after {
    transform:
        translate(-50%,-50%)
        rotate(-31deg);
}

.mr-page .mr-floating-cta.is-impact .mr-floating-cta__impact {
    animation: mr-orb-impact-flash .28s ease-out;
}

.mr-page .mr-floating-cta.is-impact .mr-floating-cta__signal {
    animation: mr-orb-damage-shake .24s ease-out;
}

.mr-page .mr-floating-cta.is-impact .mr-floating-cta__link {
    animation: mr-orb-shell-hit .24s ease-out;

    border-color: rgba(255,255,255,.88);
}

.mr-page .mr-floating-cta.is-impact-heavy .mr-floating-cta__link {
    filter:
        brightness(1.08)
        saturate(.88);

    box-shadow:
        0 0 2.5rem rgba(223,255,33,.28),
        0 0 0 1px rgba(255,255,255,.12) inset;
}

@keyframes mr-orb-damage-shake {
    0% {
        transform:
            translateY(-50%)
            rotate(0deg)
            scale(1);
    }

    25% {
        transform:
            translateY(-50%)
            rotate(-8deg)
            scale(.9, 1.08);
    }

    55% {
        transform:
            translateY(-50%)
            rotate(6deg)
            scale(1.07, .93);
    }

    100% {
        transform:
            translateY(-50%)
            rotate(0deg)
            scale(1);
    }
}

@keyframes mr-orb-shell-hit {
    0% {
        transform: scale(1);
    }

    35% {
        transform: scale(.92, 1.06);
    }

    70% {
        transform: scale(1.035, .975);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes mr-orb-impact-flash {
    0% {
        opacity: 0;
        transform:
            scale(.45)
            rotate(-10deg);
    }

    35% {
        opacity: 1;
        transform:
            scale(1.35)
            rotate(8deg);
    }

    100% {
        opacity: 0;
        transform:
            scale(1.8)
            rotate(16deg);
    }
}

@keyframes mr-orb-breathe {
    0%,
    100% {
        transform:
            translateY(-50%)
            scale(.82);

        opacity: .55;
    }

    50% {
        transform:
            translateY(-50%)
            scale(1.07);

        opacity: 1;
    }
}

@keyframes mr-orb-ring {
    0% {
        transform: scale(.55);
        opacity: .65;
    }

    70%,
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {
    .mr-page .mr-floating-cta {
        display: none;
    }
}

/* Keep the consent control visually identical to the final footer legal links. */
.site-footer__legal-nav .cookie-preferences-trigger {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer__legal-nav .cookie-preferences-trigger:hover,
.site-footer__legal-nav .cookie-preferences-trigger:focus-visible {
    color: #dfff00;
}

@media (prefers-reduced-motion: reduce) {
    .mr-page .mr-floating-cta *,
    .mr-page .mr-floating-cta *::before,
    .mr-page .mr-floating-cta *::after {
        animation: none !important;
        transition-duration: .01ms !important;
    }
}

/* BIAJANS MR FLOATING CTA END */

/* === MUSTAFA UST PROFILE START === */
.team-profile-page{overflow:clip;background:var(--color-bg-page);color:var(--color-text-primary)}
.team-profile-page .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}
.team-profile-page__breadcrumb{padding-block:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}
.team-profile-page__breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;color:var(--color-text-muted);font-size:var(--text-body-sm)}
.team-profile-page__breadcrumb li+li::before{margin-right:var(--space-2);color:var(--color-neon-primary);content:"/"}
.team-profile-page__breadcrumb a{color:var(--color-text-secondary)}
.team-profile-hero{padding-block:clamp(var(--space-8),6vw,var(--space-20))}
.team-profile-hero__inner{display:grid;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:start}
.team-profile-card{overflow:hidden;border:1px solid rgba(223,255,33,.22);border-radius:var(--radius-panel);background:linear-gradient(155deg,rgba(255,255,255,.035),transparent 42%),var(--color-bg-panel);box-shadow:var(--shadow-soft),0 0 3rem rgba(223,255,33,.07)}
.team-profile-card__portrait{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border-bottom:1px solid rgba(223,255,33,.18);background:var(--color-bg-elevated)}
.team-profile-card__portrait::after{position:absolute;inset:auto 0 0;height:26%;background:linear-gradient(transparent,rgba(8,9,8,.52));content:"";pointer-events:none}
.team-profile-card__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.team-profile-card__details{display:grid;gap:clamp(var(--space-5),2.5vw,var(--space-7));padding:clamp(1.5rem,3vw,2rem)}
.team-profile-card__facts{display:grid;margin:0}
.team-profile-card__facts>div{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);gap:clamp(.75rem,2vw,1.25rem);align-items:center;min-height:3.75rem;padding-block:1rem;border-bottom:1px solid var(--color-border-subtle)}
.team-profile-card__facts>div:first-child{padding-top:0}
.team-profile-card__facts dt{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.team-profile-card__facts dd{width:100%;min-width:0;max-width:none;margin:0;justify-self:stretch;color:var(--color-text-primary);font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:750;line-height:1.4;text-align:right;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.team-profile-page--batch .team-profile-card__facts>div{grid-template-columns:minmax(5.5rem,.65fr) minmax(0,1.35fr)}
.team-profile-page--batch .team-profile-card__facts dd{white-space:normal;overflow-wrap:anywhere}
.team-profile-card__facts a{color:inherit;text-decoration:none}
.team-profile-card__facts a:hover{color:var(--color-neon-primary)}
.team-profile-card__socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}
.team-profile-page--batch .team-profile-card__socials[data-social-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.team-profile-page--batch .team-profile-card__socials[data-social-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-profile-page--batch .team-profile-card__socials[data-social-count="1"]{grid-template-columns:minmax(0,1fr)}
.team-profile-card__socials a{display:flex;min-width:0;min-height:3.5rem;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--color-border-subtle);border-radius:.75rem;background:rgba(255,255,255,.025);color:var(--color-text-secondary);font-size:.65rem;font-weight:700;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}
.team-profile-card__socials svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.team-profile-card__socials .team-profile-social-icon__fill{fill:currentColor;stroke:none}
.team-profile-card__socials a:hover{border-color:rgba(223,255,33,.7);background:rgba(223,255,33,.07);box-shadow:0 0 1.25rem rgba(223,255,33,.12);color:var(--color-neon-primary);transform:translateY(-2px)}
.team-profile-hero__content{min-width:0}
.team-profile-hero__content h1{max-width:12ch;margin:var(--space-3) 0;font-size:clamp(3.4rem,8vw,7.5rem);line-height:.85;letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:anywhere}
.team-profile-hero__title{max-width:35rem;margin:0;color:var(--color-neon-primary);font-size:clamp(1.15rem,2vw,1.65rem);font-weight:750;line-height:1.25}
.team-profile-hero__answer{max-width:58rem;margin:var(--space-6) 0 0;color:var(--color-text-secondary)}
.team-profile-skills{display:grid;gap:var(--space-4);margin-top:clamp(var(--space-8),5vw,var(--space-12))}
.team-profile-skills__title{grid-column:1/-1;margin:0 0 var(--space-2);font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1}
.team-profile-skill>div{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-body-sm)}
.team-profile-skill>div strong{color:var(--color-neon-primary)}
.team-profile-skill__bar{display:block;height:.55rem;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-bg-elevated)}
.team-profile-skill__bar i{display:block;width:var(--skill-value);height:100%;border-radius:inherit;background:linear-gradient(90deg,#9bbd00,var(--color-neon-primary));box-shadow:0 0 1rem rgba(223,255,33,.28)}
.team-profile-section{padding-block:clamp(var(--space-12),7vw,var(--space-20));border-top:1px solid var(--color-border-subtle)}
.team-profile-copy-grid{display:grid;gap:clamp(var(--space-8),5vw,var(--space-16))}
.team-profile-copy-grid h2,.team-profile-heading h2{margin:var(--space-3) 0 0;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.045em}
.team-profile-copy-grid>div{max-width:52rem;color:var(--color-text-secondary);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.75}
.team-profile-copy-grid>div p:first-child{margin-top:0}
.team-profile-copy-grid a,.team-profile-inline-link{color:var(--color-neon-primary)}
.team-profile-heading{max-width:55rem;margin-bottom:clamp(var(--space-8),5vw,var(--space-12))}
.team-profile-expertise,.team-profile-tags{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
.team-profile-expertise li{padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-bg-card);font-weight:700}
.team-profile-expertise li::before{margin-right:var(--space-3);color:var(--color-neon-primary);content:"+"}
.team-profile-tags{display:flex;flex-wrap:wrap;margin-bottom:var(--space-8)}
.team-profile-tags li{padding:.75rem 1rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-primary);font-size:var(--text-body-sm)}
.team-profile-inline-link{display:inline-flex;min-height:2.75rem;align-items:center;margin-top:var(--space-5)}
.team-profile-page a:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
@media(min-width:40rem){.team-profile-expertise{grid-template-columns:repeat(2,minmax(0,1fr))}.team-profile-skills{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:68rem){.team-profile-page .site-container--wide{width:min(92%,110rem);max-width:none}.team-profile-hero__inner{grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr)}.team-profile-card{max-width:34rem}.team-profile-copy-grid{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr)}.team-profile-expertise{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:26.8125rem){.team-profile-card__socials{grid-template-columns:repeat(2,minmax(0,1fr))}.team-profile-card__socials a{font-size:.78rem}.team-profile-hero__content h1{font-size:clamp(3rem,17vw,4.3rem)}}
@media(max-width:26.8125rem){.team-profile-page--batch .team-profile-card__socials[data-social-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.team-profile-page--batch .team-profile-card__socials[data-social-count="1"]{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.team-profile-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Mustafa profile — bottom aligned authority area */

.team-profile-authority{
    position:relative;
    display:grid;
    min-width:0;
    gap:clamp(1.5rem,2.5vw,2.5rem);
    margin-top:clamp(2rem,3vw,3rem);
    padding:clamp(1.5rem,2.4vw,2.25rem);
    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius-large);

    background:
        radial-gradient(
            circle at 92% 15%,
            rgba(223,255,33,.07),
            transparent 16rem
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.022),
            transparent 48%
        ),
        var(--color-bg-panel);

    box-shadow:
        inset 0 1px rgba(255,255,255,.025),
        0 1.5rem 4rem rgba(0,0,0,.16);
}

.team-profile-authority::before{
    position:absolute;
    top:0;
    left:clamp(1.5rem,2.4vw,2.25rem);

    width:5.5rem;
    height:1px;

    background:var(--color-neon-primary);
    box-shadow:0 0 1rem rgba(223,255,33,.28);

    content:"";
}

.team-profile-authority__copy{
    min-width:0;
}

.team-profile-authority__copy .eyebrow{
    margin:0 0 .8rem;
    color:var(--color-neon-primary);
}

.team-profile-authority__copy h2{
    max-width:20ch;
    margin:0;

    color:var(--color-text-primary);

    font-family:var(--font-display);
    font-size:clamp(1.65rem,2.25vw,2.65rem);
    font-weight:800;

    line-height:1;
    letter-spacing:-.035em;
}

.team-profile-authority__copy>p:not(.eyebrow){
    max-width:47rem;
    margin:1rem 0 0;

    color:var(--color-text-secondary);

    font-size:clamp(.9rem,.95vw,1rem);
    line-height:1.65;
}

.team-profile-authority__topics{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));

    min-width:0;

    border-top:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.08);
}

.team-profile-authority__topics>a,
.team-profile-authority__topics>div{
    display:grid;
    grid-template-columns:2rem minmax(0,1fr);

    min-width:0;
    min-height:3.25rem;

    align-items:center;

    padding:.75rem 1rem;

    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);

    color:var(--color-text-primary);

    font-size:.78rem;
    font-weight:750;

    text-decoration:none;
}

.team-profile-authority__topics span{
    color:var(--color-neon-primary);

    font-size:.62rem;
    font-weight:850;
    letter-spacing:.08em;
}

.team-profile-authority__topics>a{
    transition:
        color var(--transition-fast) var(--ease-standard),
        background-color var(--transition-fast) var(--ease-standard);
}

.team-profile-authority__topics>a:hover,
.team-profile-authority__topics>a:focus-visible{
    color:var(--color-neon-primary);
    background:rgba(223,255,33,.035);
}


/* =========================================================
   DESKTOP ALIGNMENT
   Sol profil karti satir yuksekligini belirler.
   Sag kolon ayni yukseklige gerilir.
   Authority alani otomatik olarak kolonun dibine oturur.
   ========================================================= */

@media(min-width:68rem){

    .team-profile-hero__inner{
        align-items:stretch;
    }

    .team-profile-card{
        align-self:stretch;
    }

    .team-profile-hero__content{
        display:flex;
        min-width:0;
        flex-direction:column;
        align-self:stretch;
    }

    .team-profile-authority{
        grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);

        align-items:center;

        /*
         * Kritik:
         * kalan bosluk yukarida kalir,
         * panelin alt kenari sol kartla ayni hizada biter.
         */
        margin-top:auto;

        min-height:10.5rem;
    }
}


/* TABLET / MOBILE */

@media(max-width:67.99rem){

    .team-profile-authority{
        margin-top:clamp(2rem,6vw,3rem);
    }
}

@media(max-width:47.99rem){

    .team-profile-authority{
        padding:1.5rem;
    }

    .team-profile-authority__copy h2{
        max-width:16ch;
        font-size:clamp(1.8rem,8vw,2.6rem);
    }
}

@media(max-width:26.8125rem){

    .team-profile-authority__topics{
        grid-template-columns:1fr;
    }
}
/* === MUSTAFA UST PROFILE END === */

/* === HAKKIMIZDA MOBILE FINAL OVERFLOW FIX === */

@media (max-width: 47.99rem) {

    .about-page .about-final__panel.site-container--wide {
        width: calc(100% - 2rem);
        max-width: calc(100% - 2rem);
        min-width: 0;
        margin-inline: auto;
        padding: clamp(1.75rem, 7vw, 2.5rem);
        box-sizing: border-box;
    }

    .about-page .about-final__content,
    .about-page .about-final__actions {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .about-page .about-final__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .about-page .about-final__actions .btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

/* === HAKKIMIZDA MOBILE FINAL OVERFLOW FIX END === */

/* === HAKKIMIZDA HERO MOBILE MIN-WIDTH FIX === */

@media (max-width: 47.99rem) {

    .about-page .corporate-hero__inner {
        width: calc(100% - 2rem);
        max-width: calc(100% - 2rem);
        min-width: 0;
        margin-inline: auto;
    }

    .about-page .corporate-hero__inner > div {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .about-page .corporate-hero__inner > div:first-child {
        min-width: 0;
    }

    .about-page .corporate-hero h1,
    .about-page .corporate-hero h1 span,
    .about-page .corporate-hero .body-lg {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .about-page .corporate-hero h1 span {
        overflow-wrap: break-word;
    }

    .about-page .corporate-actions {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

/* === HAKKIMIZDA HERO MOBILE MIN-WIDTH FIX END === */

/* === BIAJANS ROOT HORIZONTAL PAINT CONTAINMENT === */

/*
 * Decorative fixed layers, particles, glows and transforms must never
 * enlarge the page's horizontal scrolling area.
 *
 * overflow-x: clip is intentional here:
 * - does not create a horizontal scroll container
 * - does not affect internal overflow-x:auto carousels
 * - prevents decorative paint from producing a page-level black strip
 */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

/*
 * Keep global fixed paint layers tied to the visual viewport even if
 * decorative descendants extend beyond their own bounds.
 */
.biajans-ambient,
.biajans-cursor-light,
.biajans-page-transition,
.biajans-intro,
.biajans-scroll-progress {
    max-width: 100%;
}

/* === BIAJANS ROOT HORIZONTAL PAINT CONTAINMENT END === */


/* === REKLAM MR INLINE CTA START === */

.mr-inline-cta{
    position:relative;
    padding-block:clamp(1.25rem,2vw,2rem);
}

.mr-inline-cta__inner{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:clamp(1.5rem,3vw,4rem);
    align-items:center;

    min-height:clamp(13rem,16vw,16rem);

    padding:
        clamp(1.75rem,3vw,3rem)
        clamp(1.5rem,3.5vw,3.5rem);

    overflow:hidden;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        clamp(1.15rem,1.5vw,1.6rem);

    background:
        radial-gradient(
            circle at 86% 16%,
            rgba(223,255,33,.09),
            transparent 19rem
        ),
        linear-gradient(
            120deg,
            rgba(255,255,255,.03),
            transparent 45%
        ),
        rgba(255,255,255,.015);
}

.mr-inline-cta__inner::before{
    position:absolute;
    top:0;
    left:clamp(1.5rem,3.5vw,3.5rem);

    width:clamp(5rem,8vw,8rem);
    height:1px;

    background:var(--color-neon-primary);

    box-shadow:
        0 0 1.25rem
        rgba(223,255,33,.3);

    content:"";
}

.mr-inline-cta__inner::after{
    position:absolute;
    right:-5rem;
    bottom:-7rem;

    width:16rem;
    aspect-ratio:1;

    border:
        1px solid
        rgba(223,255,33,.065);

    border-radius:50%;

    content:"";

    pointer-events:none;
}

.mr-inline-cta__signal{
    display:flex;
    align-self:stretch;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.75rem;

    min-width:2rem;
}

.mr-inline-cta__signal span{
    color:var(--color-neon-primary);

    font-family:var(--font-display);
    font-size:.72rem;
    font-weight:850;

    letter-spacing:.12em;
}

.mr-inline-cta__signal i{
    display:block;

    width:1px;
    height:100%;

    min-height:4.5rem;

    background:
        linear-gradient(
            to bottom,
            rgba(223,255,33,.6),
            rgba(255,255,255,.06)
        );
}

.mr-inline-cta__copy{
    min-width:0;
}

.mr-inline-cta__copy .eyebrow{
    margin:0 0 .8rem;
}

.mr-inline-cta__copy h2{
    max-width:20ch;
    margin:0;

    color:var(--color-text-primary);

    font-family:var(--font-display);

    font-size:
        clamp(
            2rem,
            3vw,
            3.65rem
        );

    font-weight:850;

    line-height:.93;
    letter-spacing:-.045em;
}

.mr-inline-cta__copy h2 span{
    display:inline;
}

.mr-inline-cta__copy>p:not(.eyebrow){
    max-width:48rem;

    margin:
        clamp(1rem,1.5vw,1.35rem)
        0
        0;

    color:var(--color-text-secondary);

    font-size:
        clamp(.92rem,1vw,1.025rem);

    line-height:1.7;
}

.mr-inline-cta__action{
    position:relative;
    z-index:1;

    display:flex;
    min-width:max-content;

    flex-direction:column;
    align-items:flex-start;

    gap:.85rem;
}

.mr-inline-cta__action>span{
    color:var(--color-text-muted);

    font-size:.65rem;
    font-weight:800;

    letter-spacing:.12em;
}

.mr-inline-cta__action .btn{
    min-width:15rem;
    justify-content:center;
}

.mr-inline-cta--decision .mr-inline-cta__inner{
    background:
        radial-gradient(
            circle at 12% 80%,
            rgba(223,255,33,.055),
            transparent 20rem
        ),
        radial-gradient(
            circle at 90% 10%,
            rgba(223,255,33,.085),
            transparent 18rem
        ),
        rgba(255,255,255,.016);
}


/* Tablet */

@media(max-width:67.99rem){

    .mr-inline-cta__inner{
        grid-template-columns:auto minmax(0,1fr);
    }

    .mr-inline-cta__action{
        grid-column:2;
        min-width:0;
    }

}


/* Mobile */

@media(max-width:47.99rem){

    .mr-inline-cta{
        padding-block:1rem;
    }

    .mr-inline-cta__inner{
        grid-template-columns:1fr;

        gap:1.5rem;

        min-height:0;

        padding:
            1.75rem
            1.35rem;
    }

    .mr-inline-cta__signal{
        display:none;
    }

    .mr-inline-cta__copy h2{
        max-width:14ch;

        font-size:
            clamp(
                2rem,
                10vw,
                3rem
            );
    }

    .mr-inline-cta__action{
        grid-column:auto;
        width:100%;
    }

    .mr-inline-cta__action .btn{
        width:100%;
        min-width:0;
    }

}


/* === REKLAM MR INLINE CTA END === */

/* === META REKLAM FINAL START === */
.meta-final-page{overflow:clip;background:var(--color-bg-page)}
.meta-final-page .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}
.meta-final-page .meta-service-section{padding-block:clamp(3.75rem,6vw,7rem)}
.meta-final-page .meta-service-heading{max-width:68rem;margin-bottom:clamp(2rem,4vw,3.5rem)}
.meta-final-page .meta-service-heading h2,.meta-final-page .meta-final-rail>h2{font-size:clamp(2rem,4.2vw,4.4rem);line-height:.96;letter-spacing:-.045em}
.meta-final-hero .meta-service-hero__inner{align-items:center}
.meta-final-hero .meta-service-hero__copy h1{max-width:10ch;margin-block:.75rem 1.25rem;color:var(--color-text-primary);font-size:clamp(3.4rem,7vw,7.2rem);line-height:.84;letter-spacing:-.055em}
.meta-final-hero__statement{max-width:45rem;margin:0 0 1.25rem;color:var(--color-neon-primary);font-size:clamp(1.15rem,2vw,1.65rem);font-weight:850;line-height:1.12}
.meta-final-dashboard{min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-panel);background:linear-gradient(145deg,rgba(223,255,33,.045),transparent 45%),var(--color-bg-panel);box-shadow:var(--shadow-soft),0 0 3rem rgba(223,255,33,.06)}
.meta-final-dashboard__head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:.72rem;letter-spacing:.1em}.meta-final-dashboard__head strong{color:var(--color-neon-primary)}
.meta-final-dashboard__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-block:1.25rem}.meta-final-dashboard__metrics div{padding:1rem;border:1px solid var(--color-border-subtle);border-radius:.75rem}.meta-final-dashboard__metrics span{display:block;color:var(--color-text-muted);font-size:.67rem}.meta-final-dashboard__metrics strong{display:block;margin-top:.25rem;font-size:clamp(1rem,2vw,1.4rem)}
.meta-final-dashboard__rows{display:grid;gap:.65rem}.meta-final-dashboard__rows p{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(4rem,.8fr) auto;gap:.75rem;align-items:center;margin:0;padding:.8rem;border-bottom:1px solid var(--color-border-subtle);font-size:.78rem}.meta-final-dashboard__rows i{height:.35rem;border-radius:99px;background:linear-gradient(90deg,var(--color-neon-primary) var(--level),rgba(255,255,255,.08) var(--level))}.meta-final-dashboard__rows strong{color:var(--color-neon-primary)}
.meta-final-answer .meta-service-heading>p.body-lg{max-width:70rem;color:var(--color-text-secondary);line-height:1.7}
.meta-final-rail{margin-top:clamp(3rem,6vw,6rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--color-border-strong)}
.meta-final-rail ol,.meta-final-process ol{margin:2rem 0 0;padding:0;list-style:none}.meta-final-rail li,.meta-final-process li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--color-border-subtle)}.meta-final-rail li>span,.meta-final-process li>span{color:var(--color-neon-primary);font-size:.75rem;font-weight:850}.meta-final-rail h3,.meta-final-process h3{margin:0 0 .35rem;font-size:clamp(1.1rem,1.5vw,1.35rem)}.meta-final-rail p,.meta-final-process p{margin:0;color:var(--color-text-secondary);line-height:1.6}
.meta-final-types{border-block:1px solid var(--color-border-subtle);background:rgba(255,255,255,.012)}.meta-final-types ul{display:grid;margin:0;padding:0;border-top:1px solid var(--color-border-subtle);border-left:1px solid var(--color-border-subtle);list-style:none}.meta-final-types li{display:flex;gap:1rem;align-items:center;min-height:4.5rem;padding:1rem;border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);font-weight:750}.meta-final-types li span{color:var(--color-neon-primary);font-size:.7rem}.meta-final-types li.is-featured{background:rgba(223,255,33,.055);color:var(--color-neon-primary)}.meta-final-platform-links{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0 0}.meta-final-platform-links a{color:var(--color-neon-primary)}
.meta-final-mr__inner{display:grid;gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-panel);background:radial-gradient(circle at 90% 20%,rgba(223,255,33,.08),transparent 30%),var(--color-bg-panel)}.meta-final-mr h2{margin:.75rem 0 0;font-size:clamp(2rem,4vw,4rem);line-height:.95}.meta-final-mr__inner>div:last-child{display:grid;gap:1.25rem;align-content:center;color:var(--color-text-secondary)}.meta-final-mr .btn{justify-self:start}
.meta-final-process ol{counter-reset:steps}.meta-final-process li{padding-block:1.5rem}.meta-final-process li:nth-child(even){padding-left:clamp(0rem,6vw,7rem)}
.meta-final-metrics{border-block:1px solid var(--color-border-subtle)}.meta-final-metrics>div>div{display:flex;flex-wrap:wrap;gap:.65rem}.meta-final-metrics>div>div span{flex:1 1 9rem;padding:1rem;border:1px solid rgba(223,255,33,.16);border-radius:999px;color:var(--color-neon-primary);font-size:.8rem;font-weight:800;text-align:center}
.meta-final-fit__grid{display:grid;gap:1rem}.meta-final-fit__grid article{padding:clamp(1.35rem,3vw,2.25rem);border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-large);background:rgba(223,255,33,.025)}.meta-final-fit__grid article.is-muted{border-color:var(--color-border-subtle);background:rgba(255,255,255,.015)}.meta-final-fit__grid h3{margin:0 0 1.25rem;color:var(--color-neon-primary);font-size:1rem}.meta-final-fit__grid .is-muted h3{color:var(--color-text-secondary)}.meta-final-fit__grid ul{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.meta-final-fit__grid li{position:relative;padding-left:1.4rem;color:var(--color-text-secondary);line-height:1.55}.meta-final-fit__grid li::before{position:absolute;left:0;color:var(--color-neon-primary);content:"+"}.meta-final-fit__grid .is-muted li::before{color:var(--color-text-muted);content:"–"}
.meta-final-trust{background:var(--color-bg-panel)}.meta-final-trust__grid{display:grid;gap:clamp(2rem,5vw,5rem)}.meta-final-trust article{padding-top:1.5rem;border-top:1px solid var(--color-border-strong)}.meta-final-trust h2{margin:.75rem 0 1.5rem;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:1}.meta-final-trust h3{margin:0;font-size:1.4rem}.meta-final-trust strong,.meta-final-trust a{color:var(--color-neon-primary)}.meta-final-trust p:not(.eyebrow){color:var(--color-text-secondary);line-height:1.65}.meta-final-trust a{display:inline-flex;min-height:2.75rem;align-items:center;margin-top:.5rem}
.meta-final-faq .meta-service-faq__list{max-width:70rem}.meta-final-cta .meta-service-final__inner{align-items:center}.meta-final-cta .btn{min-height:3.25rem;justify-self:start}
.meta-final-page a:focus-visible,.meta-final-page summary:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
@media(min-width:48rem){.meta-final-types ul{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-final-fit__grid,.meta-final-trust__grid,.meta-final-mr__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-final-fit__grid article{height:100%}}
@media(min-width:68rem){.meta-final-page .site-container--wide{width:min(92%,110rem);max-width:none}.meta-final-hero .meta-service-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr)}.meta-final-rail li{grid-template-columns:5rem minmax(14rem,.45fr) minmax(0,1fr)}.meta-final-rail li div{display:grid;grid-template-columns:minmax(12rem,.45fr) minmax(0,1fr);gap:2rem}.meta-final-rail h3{margin:0}.meta-final-process ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}.meta-final-process li:nth-child(even){padding-left:0}}
@media(max-width:47.99rem){.meta-final-page .meta-service-section{padding-block:3.5rem}.meta-final-dashboard__metrics{grid-template-columns:1fr}.meta-final-dashboard__rows p{grid-template-columns:minmax(6rem,1fr) minmax(3rem,.7fr);}.meta-final-dashboard__rows strong{grid-column:2;text-align:right}.meta-final-types ul{grid-template-columns:1fr}.meta-final-process li,.meta-final-rail li{grid-template-columns:2.5rem minmax(0,1fr)}.meta-final-metrics>div>div span{flex-basis:7.5rem}.meta-final-cta .meta-service-final__inner{padding:2rem}.meta-final-cta .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.meta-final-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* === META REKLAM FINAL END === */

/* === META REKLAM ROUND 2 START === */
.meta-round2 .meta-service-section{position:relative}
.meta-round2 h2{margin:.65rem 0 1rem;font-size:clamp(2rem,4.1vw,4.35rem);line-height:.95;letter-spacing:-.045em}
.meta-round2 h3{letter-spacing:-.02em}
.meta-round2 .body-lg,.meta-round2 header>p:not(.eyebrow){color:var(--color-text-secondary);line-height:1.7}
.meta-r2-trust{border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(110deg,rgba(223,255,33,.035),transparent 42%)}
.meta-r2-trust__grid{display:grid;gap:clamp(2rem,5vw,6rem);align-items:start}
.meta-r2-trust__grid>div{max-width:62rem}
.meta-r2-trust aside{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid rgba(223,255,33,.22);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(223,255,33,.055),transparent 55%),var(--color-bg-panel);box-shadow:var(--shadow-soft)}
.meta-r2-trust aside>span,.meta-r2-platform-links span{color:var(--color-neon-primary);font-size:.68rem;font-weight:850;letter-spacing:.12em}
.meta-r2-trust aside h3{margin:.8rem 0;font-size:clamp(1.5rem,2.4vw,2.25rem)}
.meta-r2-trust aside p{margin:0;color:var(--color-text-secondary);line-height:1.65}
.meta-r2-trust aside a{display:inline-flex;min-height:44px;align-items:center;margin-top:1rem;color:var(--color-neon-primary);font-weight:800}
.meta-r2-fit{overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(223,255,33,.06),transparent 30rem),rgba(255,255,255,.012)}
.meta-r2-fit .meta-final-fit__grid{gap:clamp(1rem,2vw,1.5rem)}
.meta-r2-fit .meta-final-fit__grid article{position:relative;overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 1.5rem 4rem rgba(0,0,0,.2)}
.meta-r2-fit .meta-final-fit__grid article:first-child::after{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--color-neon-primary),transparent);content:""}
.meta-r2-fit__badge{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.25rem;color:var(--color-text-muted);font-size:.68rem;font-weight:850;letter-spacing:.1em}
.meta-r2-fit__badge span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border:1px solid rgba(223,255,33,.3);border-radius:50%;color:var(--color-neon-primary)}
.meta-r2-data{border-block:1px solid var(--color-border-subtle);background:var(--color-bg-panel)}
.meta-r2-data__grid{display:grid;gap:clamp(2rem,5vw,5rem);align-items:start}
.meta-r2-data__grid header{max-width:48rem}
.meta-r2-data__signal{display:flex;height:3.5rem;align-items:end;gap:.45rem;margin-top:2rem}
.meta-r2-data__signal i{width:clamp(1.5rem,3vw,3rem);height:var(--h,35%);border-radius:.25rem .25rem 0 0;background:linear-gradient(to top,rgba(223,255,33,.12),var(--color-neon-primary))}
.meta-r2-data__signal i:nth-child(2){--h:58%}.meta-r2-data__signal i:nth-child(3){--h:42%}.meta-r2-data__signal i:nth-child(4){--h:82%}.meta-r2-data__signal i:nth-child(5){--h:68%}
.meta-r2-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-border-subtle);border-left:1px solid var(--color-border-subtle)}
.meta-r2-metric-grid article{display:flex;min-width:0;min-height:8rem;align-items:flex-start;gap:.8rem;padding:1rem;border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);transition:border-color .2s ease,background .2s ease}
.meta-r2-metric-grid article:hover{border-color:rgba(223,255,33,.32);background:rgba(223,255,33,.035)}
.meta-r2-metric-grid article>span{display:grid;flex:0 0 2rem;height:2rem;place-items:center;border:1px solid rgba(223,255,33,.2);border-radius:.5rem;color:var(--color-neon-primary);font-weight:850}
.meta-r2-metric-grid strong,.meta-r2-metric-grid small{display:block;overflow-wrap:anywhere}.meta-r2-metric-grid strong{font-size:.76rem;line-height:1.35}.meta-r2-metric-grid small{margin-top:.45rem;color:var(--color-text-muted);font-size:.68rem;line-height:1.35}
.meta-r2-types__grid{display:grid;gap:1rem}
.meta-r2-types__grid article{position:relative;min-width:0;min-height:16rem;padding:1.4rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(150deg,rgba(255,255,255,.03),transparent 58%),var(--color-bg-panel);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.meta-r2-types__grid article:hover{transform:translateY(-4px);border-color:rgba(223,255,33,.35);box-shadow:0 1rem 3rem rgba(0,0,0,.24),0 0 2rem rgba(223,255,33,.04)}
.meta-r2-types__grid article>span{color:var(--color-neon-primary);font-size:.7rem;font-weight:850}
.meta-r2-type-icon{display:flex;height:4.5rem;align-items:end;gap:.35rem;margin-block:1.25rem}.meta-r2-type-icon i{display:block;width:1.2rem;height:42%;border:1px solid rgba(223,255,33,.32);background:rgba(223,255,33,.06)}.meta-r2-type-icon i:nth-child(2){height:76%}.meta-r2-type-icon i:nth-child(3){height:58%}
.meta-r2-types__grid h3{margin:0 0 .65rem;font-size:1.15rem}.meta-r2-types__grid p{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}
.meta-r2-platform-links{display:grid;gap:1rem;margin-top:1rem}.meta-r2-platform-links a{display:flex;min-height:6rem;flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem;border:1px solid rgba(223,255,33,.18);border-radius:var(--radius-large);background:rgba(223,255,33,.025);transition:border-color .2s ease,background .2s ease}.meta-r2-platform-links a:hover{border-color:var(--color-neon-primary);background:rgba(223,255,33,.055)}.meta-r2-platform-links strong{color:var(--color-text-primary)}
.meta-r2-system{background:radial-gradient(circle at 20% 50%,rgba(223,255,33,.055),transparent 32rem)}
.meta-r2-system__grid{display:grid;gap:clamp(2rem,5vw,6rem)}.meta-r2-system__grid header{max-width:48rem}.meta-r2-system__core{position:relative;display:grid;width:min(15rem,70vw);aspect-ratio:1;place-items:center;margin-top:2rem;border:1px solid rgba(223,255,33,.22);border-radius:50%;box-shadow:inset 0 0 3rem rgba(223,255,33,.035)}.meta-r2-system__core span{display:grid;width:6rem;aspect-ratio:1;place-items:center;border:1px solid var(--color-neon-primary);border-radius:50%;color:var(--color-neon-primary);font-weight:900;letter-spacing:.12em}.meta-r2-system__core i{position:absolute;width:.65rem;aspect-ratio:1;border-radius:50%;background:var(--color-neon-primary);box-shadow:0 0 1rem var(--color-neon-primary)}.meta-r2-system__core i:nth-of-type(1){top:8%;left:48%}.meta-r2-system__core i:nth-of-type(2){right:8%;top:48%}.meta-r2-system__core i:nth-of-type(3){bottom:8%;left:48%}.meta-r2-system__core i:nth-of-type(4){left:8%;top:48%}
.meta-r2-system__areas{display:grid;gap:1rem}.meta-r2-system__areas article{min-width:0;padding:clamp(1.25rem,2vw,1.75rem);border-top:1px solid rgba(223,255,33,.28);background:linear-gradient(180deg,rgba(223,255,33,.025),transparent)}.meta-r2-system__areas article>span{color:var(--color-neon-primary);font-size:.7rem;font-weight:850}.meta-r2-system__areas h3{margin:2rem 0 .65rem;font-size:1.25rem}.meta-r2-system__areas p{margin:0;color:var(--color-text-secondary);line-height:1.6}
.meta-r2-process__cta{display:grid;gap:1.5rem;align-items:center;margin-top:clamp(2rem,5vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(223,255,33,.22);border-radius:var(--radius-large);background:linear-gradient(115deg,rgba(223,255,33,.055),transparent 55%),var(--color-bg-panel)}.meta-r2-process__cta h3{margin:.5rem 0;font-size:clamp(1.35rem,2.3vw,2rem)}.meta-r2-process__cta>div>p:last-child{max-width:52rem}.meta-r2-process__cta .btn{justify-self:start}
.service-faq{border-top:1px solid var(--color-border-subtle);background:var(--color-bg-panel)}.service-faq__inner{display:grid;gap:clamp(2rem,5vw,6rem);align-items:start}.service-faq__inner>header{max-width:42rem}.service-faq__list{border-top:1px solid var(--color-border-strong)}.service-faq details{border-bottom:1px solid var(--color-border-subtle)}.service-faq summary{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;align-items:center;min-height:4.5rem;padding:1rem 2.8rem 1rem 0;color:var(--color-text-primary);font-weight:800;line-height:1.4;cursor:pointer;list-style:none;position:relative}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary::after{position:absolute;right:.25rem;color:var(--color-neon-primary);font-size:1.4rem;content:"+"}.service-faq details[open] summary::after{content:"−"}.service-faq summary span{color:var(--color-neon-primary);font-size:.7rem}.service-faq details p{margin:0;padding:0 1rem 1.5rem 3.25rem;color:var(--color-text-secondary);line-height:1.7}
@media(min-width:48rem){.meta-r2-trust__grid,.meta-r2-data__grid,.service-faq__inner{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.meta-r2-types__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-r2-platform-links,.meta-r2-system__areas{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-r2-process__cta{grid-template-columns:minmax(0,1fr) auto}.meta-r2-process__cta .btn{justify-self:end}}
@media(min-width:68rem){.meta-r2-data__grid{grid-template-columns:minmax(20rem,.7fr) minmax(34rem,1.3fr)}.meta-r2-types__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-r2-system__grid{grid-template-columns:minmax(20rem,.8fr) minmax(34rem,1.2fr);align-items:center}.service-faq__inner{grid-template-columns:minmax(20rem,.72fr) minmax(34rem,1.28fr)}}
@media(max-width:47.99rem){.meta-round2 .site-container--wide{width:min(calc(100% - 2rem),110rem)}.meta-r2-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-r2-metric-grid article{min-height:7rem;padding:.85rem;gap:.55rem}.meta-r2-metric-grid article>span{flex-basis:1.75rem;height:1.75rem}.meta-r2-platform-links{grid-template-columns:1fr}.meta-r2-types__grid article{min-height:0}.meta-r2-system__areas{grid-template-columns:1fr}.meta-r2-process__cta .btn{width:100%;justify-content:center}.service-faq summary{grid-template-columns:2rem minmax(0,1fr);padding-right:2.25rem}.service-faq details p{padding-left:2.75rem}}
@media(max-width:23.75rem){.meta-r2-metric-grid{grid-template-columns:1fr}.meta-r2-platform-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.meta-r2-types__grid article{transform:none!important}}
/* === META REKLAM ROUND 2 END === */

/* === FINAL SERVICE LANDINGS START === */
.service-final-page{overflow:clip;background:var(--color-bg-page)}
.service-final-page .meta-service-hero__copy h1{max-width:12ch;font-size:clamp(3rem,6vw,6.6rem)}
.service-final-page--yapay-zeka-yazilim-gelistirme .meta-service-hero__copy h1{max-width:13ch;font-size:clamp(2.65rem,5.2vw,5.7rem)}
.service-final-visual{min-width:0;padding:clamp(1.2rem,3vw,2rem);border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-panel);background:radial-gradient(circle at 70% 25%,rgba(223,255,33,.1),transparent 32%),var(--color-bg-panel);box-shadow:var(--shadow-soft),0 0 3rem rgba(223,255,33,.05)}
.service-final-visual header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle);font-size:.66rem;letter-spacing:.1em}.service-final-visual header>span{width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--color-neon-primary);box-shadow:0 0 .8rem var(--color-neon-primary)}.service-final-visual header small{color:var(--color-neon-primary)}
.service-final-visual__core{position:relative;display:grid;min-height:13rem;place-content:center;margin-block:1rem;border:1px solid var(--color-border-subtle);background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:2rem 2rem;text-align:center}.service-final-visual__core i{position:absolute;inset:12%;border:1px solid rgba(223,255,33,.18);border-radius:50%}.service-final-visual__core b{position:relative;color:var(--color-neon-primary);font-size:clamp(1.5rem,3vw,2.6rem);letter-spacing:.08em}.service-final-visual__core small{position:relative;margin-top:.5rem;color:var(--color-text-muted);font-size:.65rem;letter-spacing:.08em}
.service-final-visual ol{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.service-final-visual li{display:grid;grid-template-columns:2rem minmax(5rem,.7fr) minmax(4rem,1fr);gap:.65rem;align-items:center;min-width:0;padding:.65rem;border-bottom:1px solid var(--color-border-subtle);font-size:.7rem}.service-final-visual li>span{color:var(--color-neon-primary)}.service-final-visual li i{height:.3rem;border-radius:99px;background:linear-gradient(90deg,var(--color-neon-primary) var(--level),rgba(255,255,255,.07) var(--level))}
.service-final-experts{border-top:1px solid var(--color-border-subtle)}.service-final-experts__grid{display:grid;gap:1rem}.service-final-experts article{min-width:0;padding:clamp(1.4rem,3vw,2.25rem);border:1px solid rgba(223,255,33,.2);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(223,255,33,.04),transparent 55%),var(--color-bg-panel)}.service-final-experts article>span{color:var(--color-neon-primary);font-size:.68rem;font-weight:850;letter-spacing:.1em}.service-final-experts h3{margin:1rem 0 .65rem;font-size:clamp(1.5rem,2.5vw,2.25rem)}.service-final-experts p{margin:0;color:var(--color-text-secondary);line-height:1.65}.service-final-experts a{display:inline-flex;min-height:44px;align-items:center;margin-top:1rem;color:var(--color-neon-primary);font-weight:800}
.service-final-trust{background:radial-gradient(circle at 85% 20%,rgba(223,255,33,.07),transparent 28rem),var(--color-bg-panel)}.service-final-trust__inner{padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(223,255,33,.22);border-radius:var(--radius-panel)}.service-final-trust h2{max-width:16ch}.service-final-trust p:not(.eyebrow){max-width:70rem;color:var(--color-text-secondary);line-height:1.7}.service-final-trust .btn{margin-top:1rem}
.service-final-page a:focus-visible,.service-final-page summary:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
@media(min-width:48rem){.service-final-experts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-final-experts__grid article:only-child{grid-column:1/-1;max-width:48rem}}
@media(min-width:68rem){.service-final-hero .meta-service-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(25rem,.95fr)}}
@media(max-width:47.99rem){.service-final-page .meta-service-hero__copy h1,.service-final-page--yapay-zeka-yazilim-gelistirme .meta-service-hero__copy h1{font-size:clamp(2.65rem,13vw,4rem);overflow-wrap:anywhere}.service-final-visual__core{min-height:10rem}.service-final-visual li{grid-template-columns:1.6rem minmax(4rem,.8fr) minmax(3rem,1fr)}.service-final-experts__grid{grid-template-columns:1fr}.service-final-trust .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.service-final-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* === FINAL SERVICE LANDINGS END === */

/* === BEAUTY SECTOR FINAL START === */
.beauty-final-page{overflow:clip;background:var(--color-bg-page)}.beauty-final-page .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}.beauty-section{padding-block:clamp(3.75rem,6vw,7rem)}
.beauty-hero{padding-block:clamp(3rem,6vw,6rem);border-bottom:1px solid var(--color-border-subtle);background:radial-gradient(circle at 80% 20%,rgba(223,255,33,.065),transparent 30rem)}.beauty-hero__inner{display:grid;gap:clamp(2rem,5vw,6rem);align-items:center}.beauty-hero h1{max-width:12ch;margin:.75rem 0 1.25rem;font-size:clamp(3rem,6.3vw,6.7rem);line-height:.86;letter-spacing:-.055em}.beauty-hero__statement{max-width:48rem;margin:0 0 1.25rem;color:var(--color-neon-primary);font-size:clamp(1.1rem,2vw,1.55rem);font-weight:850;line-height:1.15}.beauty-hero .body-lg{max-width:54rem;color:var(--color-text-secondary);line-height:1.7}
.beauty-funnel{min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(223,255,33,.24);border-radius:var(--radius-panel);background:linear-gradient(145deg,rgba(223,255,33,.05),transparent 50%),var(--color-bg-panel);box-shadow:var(--shadow-soft),0 0 3rem rgba(223,255,33,.05)}.beauty-funnel header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle);font-size:.68rem;letter-spacing:.1em}.beauty-funnel header>span{width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--color-neon-primary);box-shadow:0 0 .8rem var(--color-neon-primary)}.beauty-funnel header small{color:var(--color-neon-primary)}.beauty-funnel ol{display:grid;gap:.5rem;margin:1rem 0;padding:0;list-style:none}.beauty-funnel li{display:grid;grid-template-columns:2rem minmax(7rem,1fr) minmax(3rem,.8fr);gap:.7rem;align-items:center;padding:1rem;border:1px solid var(--color-border-subtle);font-size:.72rem}.beauty-funnel li>span{color:var(--color-neon-primary)}.beauty-funnel li i{height:.35rem;background:linear-gradient(90deg,var(--color-neon-primary),rgba(223,255,33,.08))}.beauty-funnel>div{display:flex;flex-wrap:wrap;gap:.5rem}.beauty-funnel>div span{flex:1 1 6rem;padding:.75rem;border:1px solid rgba(223,255,33,.18);color:var(--color-text-muted);font-size:.65rem;text-align:center}
.beauty-heading{max-width:75rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.beauty-final-page h2{margin:.65rem 0 1rem;font-size:clamp(2rem,4vw,4.15rem);line-height:.96;letter-spacing:-.045em}.beauty-final-page h3{letter-spacing:-.02em}.beauty-final-page p{color:var(--color-text-secondary);line-height:1.7}.beauty-split{display:grid;gap:clamp(2rem,5vw,6rem);align-items:start}.beauty-answer,.beauty-google,.beauty-audience,.beauty-budget{border-bottom:1px solid var(--color-border-subtle)}.beauty-answer .body-lg{margin-top:0}.beauty-answer strong{color:var(--color-text-primary)}
.beauty-problems,.beauty-process{background:rgba(255,255,255,.012)}.beauty-editorial-list{margin:0;padding:0;border-top:1px solid var(--color-border-strong);list-style:none}.beauty-editorial-list li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--color-border-subtle)}.beauty-editorial-list li>span{color:var(--color-neon-primary);font-size:.72rem;font-weight:850}.beauty-editorial-list h3{margin:0 0 .35rem;font-size:clamp(1.1rem,1.5vw,1.35rem)}.beauty-editorial-list p{max-width:70rem;margin:0}
.beauty-compact-grid{display:grid;gap:1rem}.beauty-compact-grid article{min-width:0;padding:clamp(1.25rem,2.5vw,1.8rem);border-top:1px solid rgba(223,255,33,.3);background:linear-gradient(180deg,rgba(223,255,33,.025),transparent)}.beauty-compact-grid article>span{color:var(--color-neon-primary);font-size:.7rem}.beauty-compact-grid h3{margin:1.25rem 0 .5rem}.beauty-compact-grid p{margin:0}.beauty-services{background:var(--color-bg-panel)}.beauty-services ul,.beauty-profile ul,.beauty-audience ul{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.beauty-services li,.beauty-profile li,.beauty-audience li{display:flex;min-height:3.5rem;align-items:center;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid var(--color-border-subtle)}.beauty-services li span{color:var(--color-neon-primary);font-size:.7rem}
.beauty-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.beauty-links a,.beauty-text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--color-neon-primary);font-weight:800}.beauty-profile{background:linear-gradient(110deg,rgba(223,255,33,.035),transparent 48%)}.beauty-profile header .beauty-text-link{margin-right:1rem}
.beauty-callout{display:grid;gap:1.5rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(223,255,33,.24);border-radius:var(--radius-panel);background:radial-gradient(circle at 85% 20%,rgba(223,255,33,.09),transparent 25rem),var(--color-bg-panel)}.beauty-callout h2{max-width:20ch;margin-bottom:0}.beauty-callout .btn{justify-self:start}.beauty-note{padding:1.25rem;border-left:2px solid var(--color-neon-primary);background:rgba(223,255,33,.035)}.beauty-note strong{color:var(--color-text-primary)}
.beauty-experts{border-block:1px solid var(--color-border-subtle);background:var(--color-bg-panel)}.beauty-experts>.site-container--wide>div{display:grid;gap:1rem}.beauty-experts article{padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(223,255,33,.2);border-radius:var(--radius-large);background:rgba(223,255,33,.02)}.beauty-experts article>span{color:var(--color-neon-primary);font-size:.68rem;font-weight:850;letter-spacing:.1em}.beauty-experts h3{margin:1rem 0;font-size:clamp(1.5rem,2.5vw,2.2rem)}.beauty-experts a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-neon-primary);font-weight:800}
.beauty-guide__grid{display:grid;gap:0;border-top:1px solid var(--color-border-strong)}.beauty-guide article{padding:1.4rem 0;border-bottom:1px solid var(--color-border-subtle)}.beauty-guide article>span{color:var(--color-neon-primary);font-size:.7rem}.beauty-guide h3{margin:.8rem 0 .4rem}.beauty-guide p{margin:0}.beauty-faq{border-top:1px solid var(--color-border-subtle)}.beauty-final-page a:focus-visible,.beauty-final-page summary:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
@media(min-width:48rem){.beauty-split{grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr)}.beauty-compact-grid,.beauty-experts>.site-container--wide>div{grid-template-columns:repeat(2,minmax(0,1fr))}.beauty-services ul,.beauty-profile ul,.beauty-audience ul,.beauty-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.beauty-callout{grid-template-columns:minmax(0,1fr) auto}.beauty-callout .btn{justify-self:end}}
@media(min-width:68rem){.beauty-final-page .site-container--wide{width:min(92%,110rem);max-width:none}.beauty-hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(25rem,.92fr)}.beauty-editorial-list li{grid-template-columns:4rem minmax(0,1fr)}.beauty-editorial-list li>div{display:grid;grid-template-columns:minmax(14rem,.38fr) minmax(0,1fr);gap:2rem}.beauty-editorial-list h3{margin:0}.beauty-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem}}
@media(max-width:47.99rem){.beauty-hero h1{font-size:clamp(2.75rem,14vw,4rem);overflow-wrap:anywhere}.beauty-hero .sector-actions{display:grid}.beauty-hero .btn{width:100%;justify-content:center}.beauty-funnel li{grid-template-columns:1.75rem minmax(6rem,1fr)}.beauty-funnel li i{grid-column:2}.beauty-callout .btn{width:100%;justify-content:center}.beauty-editorial-list li{grid-template-columns:2.5rem minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.beauty-final-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* === BEAUTY SECTOR FINAL END === */

/* === BEAUTY PREMIUM MODULES START === */
.beauty-premium-split{background:linear-gradient(115deg,rgba(223,255,33,.025),transparent 42%)}
.beauty-premium-split .beauty-split{gap:clamp(2rem,4vw,4.5rem)}
.beauty-premium-split header h2{max-width:16ch;font-size:clamp(2rem,3.4vw,3.5rem)}
.beauty-premium-note{display:flex;align-items:center;gap:.7rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle);font-size:.82rem}.beauty-premium-note span{color:var(--color-neon-primary)}
.beauty-service-cards,.beauty-signal-grid{display:grid!important;gap:.75rem!important;margin:0!important;padding:0!important;list-style:none!important}
.beauty-service-cards li,.beauty-signal-grid li{display:grid!important;grid-template-columns:2rem minmax(0,1fr)!important;gap:.75rem!important;align-items:start!important;min-width:0;min-height:6rem!important;padding:1rem!important;border:1px solid var(--color-border-subtle)!important;border-radius:.85rem;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent 60%),var(--color-bg-panel);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.beauty-service-cards li:hover,.beauty-signal-grid li:hover{transform:translateY(-2px);border-color:rgba(223,255,33,.35)!important;background:rgba(223,255,33,.035)}
.beauty-service-cards li>span,.beauty-signal-grid li>span{color:var(--color-neon-primary);font-size:.68rem;font-weight:850}
.beauty-service-cards strong,.beauty-signal-grid strong{display:block;color:var(--color-text-primary);font-size:.9rem;line-height:1.35}.beauty-service-cards small,.beauty-signal-grid small{display:block;margin-top:.4rem;color:var(--color-text-muted);font-size:.73rem;line-height:1.45;overflow-wrap:anywhere}
.beauty-profile{background:radial-gradient(circle at 80% 40%,rgba(223,255,33,.055),transparent 28rem),var(--color-bg-page)}.beauty-profile__links{display:grid;gap:.25rem;margin-top:1.25rem}.beauty-profile__links .beauty-text-link{width:fit-content;margin:0!important}.beauty-signal-grid li{min-height:7rem!important}.beauty-signal-grid strong{font-size:.86rem}
.beauty-callout--compact{min-height:0;padding:clamp(1.4rem,3vw,2.25rem)}.beauty-callout--compact h2{max-width:26ch;margin:.4rem 0 .65rem;font-size:clamp(1.55rem,2.5vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.beauty-callout--compact p:not(.eyebrow){max-width:58rem;margin:0;font-size:.92rem}.beauty-callout--compact .btn{min-width:max-content}
.beauty-faq--premium .service-faq__inner{gap:clamp(2rem,4vw,4rem)}.beauty-faq--premium .service-faq__inner>header{max-width:34rem}.beauty-faq--premium .service-faq__inner>header h2{max-width:15ch;font-size:clamp(2rem,3.2vw,3.35rem);line-height:1}.beauty-faq--premium .service-faq__inner>header>p:not(.eyebrow){max-width:31rem;margin-bottom:1.25rem}.beauty-faq__meta{display:flex;flex-wrap:wrap;gap:.5rem}.beauty-faq__meta span{padding:.55rem .7rem;border:1px solid var(--color-border-subtle);border-radius:.55rem;color:var(--color-text-muted);font-size:.62rem;font-weight:800;letter-spacing:.08em}
.beauty-faq--premium .service-faq__list{display:grid;gap:.65rem;border-top:0}.beauty-faq--premium details{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:.85rem;background:rgba(255,255,255,.012);transition:border-color .2s ease,background .2s ease}.beauty-faq--premium details:hover,.beauty-faq--premium details[open]{border-color:rgba(223,255,33,.3);background:rgba(223,255,33,.025)}.beauty-faq--premium summary{min-height:4.75rem;padding:1rem 3.5rem 1rem 1rem}.beauty-faq--premium summary::after{display:grid;right:1rem;width:2rem;height:2rem;place-items:center;border:1px solid rgba(223,255,33,.25);border-radius:50%;font-size:1rem}.beauty-faq--premium details p{padding:0 3.5rem 1.4rem 4.25rem}
@media(min-width:48rem){.beauty-service-cards,.beauty-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.beauty-premium-split .beauty-split{grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr)}.beauty-faq--premium .service-faq__inner{grid-template-columns:minmax(18rem,.62fr) minmax(32rem,1.38fr)}}
@media(max-width:47.99rem){.beauty-service-cards,.beauty-signal-grid{grid-template-columns:1fr!important}.beauty-service-cards li,.beauty-signal-grid li{min-height:0!important}.beauty-callout--compact .btn{min-width:0}.beauty-faq--premium .service-faq__inner>header h2{max-width:none;font-size:clamp(1.85rem,9vw,2.6rem)}.beauty-faq--premium summary{padding-left:.85rem;padding-right:3.25rem}.beauty-faq--premium details p{padding-left:3.6rem;padding-right:1rem}}
@media(prefers-reduced-motion:reduce){.beauty-service-cards li,.beauty-signal-grid li{transform:none!important}}
/* === BEAUTY PREMIUM MODULES END === */

/* === SECTORS HUB FINAL START === */
.sectors-final-page{overflow:clip;background:var(--color-bg-page)}.sectors-final-page .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}.sectors-hub-section{padding-block:clamp(3.75rem,6vw,7rem)}
.sectors-hub-hero{padding-block:clamp(3rem,6vw,6rem);border-bottom:1px solid var(--color-border-subtle);background:radial-gradient(circle at 80% 20%,rgba(223,255,33,.07),transparent 32rem)}.sectors-hub-hero__inner{display:grid;gap:clamp(2.5rem,5vw,6rem);align-items:center}.sectors-hub-hero h1{max-width:10ch;margin:.65rem 0 1rem;font-size:clamp(4rem,9vw,9rem);line-height:.82;letter-spacing:-.065em}.sectors-hub-hero__statement{max-width:46rem;margin:0 0 1.25rem;color:var(--color-neon-primary);font-size:clamp(1.15rem,2vw,1.65rem);font-weight:850;line-height:1.15}.sectors-hub-hero .body-lg{max-width:55rem;margin-bottom:1.75rem;color:var(--color-text-secondary);line-height:1.7}
.sectors-hub-universe{position:relative;display:grid;min-height:26rem;place-items:center;overflow:hidden;border:1px solid rgba(223,255,33,.22);border-radius:50%;background:radial-gradient(circle,rgba(223,255,33,.09),transparent 48%),var(--color-bg-panel);box-shadow:0 0 4rem rgba(223,255,33,.05)}.sectors-hub-universe span{position:absolute;z-index:2;padding:.55rem .75rem;border:1px solid var(--color-border-subtle);background:rgba(10,11,10,.86);color:var(--color-text-muted);font-size:.62rem;font-weight:800;letter-spacing:.09em}.sectors-hub-universe__core{position:static!important;padding:1.25rem!important;border-color:rgba(223,255,33,.4)!important;border-radius:50%;color:var(--color-neon-primary)!important;box-shadow:0 0 2rem rgba(223,255,33,.12)}.sectors-hub-universe span:nth-child(2){top:12%;left:42%}.sectors-hub-universe span:nth-child(3){top:30%;right:8%}.sectors-hub-universe span:nth-child(4){right:15%;bottom:14%}.sectors-hub-universe span:nth-child(5){bottom:8%;left:33%}.sectors-hub-universe span:nth-child(6){bottom:28%;left:7%}.sectors-hub-universe span:nth-child(7){top:20%;left:10%}.sectors-hub-universe i{position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(223,255,33,.12);border-radius:50%}.sectors-hub-universe i:nth-of-type(2){width:50%}.sectors-hub-universe i:nth-of-type(3){width:28%}
.sectors-hub-split{display:grid;gap:clamp(2rem,5vw,6rem);align-items:start}.sectors-hub-answer,.sectors-hub-why{border-bottom:1px solid var(--color-border-subtle)}.sectors-final-page h2{margin:.65rem 0 1rem;font-size:clamp(2rem,4vw,4.15rem);line-height:.96;letter-spacing:-.045em}.sectors-hub-heading{max-width:76rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.sectors-hub-heading p:last-child,.sectors-hub-why p,.sectors-hub-answer p{color:var(--color-text-secondary);line-height:1.7}
.sectors-hub-directory{background:rgba(255,255,255,.012)}.sectors-hub-grid{display:grid;gap:1rem}.sectors-hub-card{display:flex;min-width:0;min-height:25rem;flex-direction:column;padding:clamp(1.35rem,2.4vw,2rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 58%),var(--color-bg-panel);color:inherit;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.sectors-hub-card:hover,.sectors-hub-card:focus-visible{transform:translateY(-4px);border-color:rgba(223,255,33,.46);background:linear-gradient(145deg,rgba(223,255,33,.055),transparent 60%),var(--color-bg-panel);box-shadow:var(--shadow-soft),0 0 2.5rem rgba(223,255,33,.06);outline:0}.sectors-hub-card:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}.sectors-hub-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sectors-hub-card__top b{color:var(--color-neon-primary);font-size:.72rem}.sectors-hub-card__top small{color:var(--color-text-muted);font-size:.6rem;font-weight:800;letter-spacing:.08em;text-align:right}.sectors-hub-card h3{margin:clamp(2rem,4vw,3.5rem) 0 1rem;font-size:clamp(1.65rem,2.4vw,2.55rem);line-height:1;letter-spacing:-.04em}.sectors-hub-card>strong{display:block;margin-bottom:.8rem;color:var(--color-text-primary);font-size:.92rem;line-height:1.5}.sectors-hub-card>p{margin:0;color:var(--color-text-secondary);font-size:.86rem;line-height:1.65}.sectors-hub-card__link{display:flex;min-height:44px;align-items:end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem;color:var(--color-neon-primary);font-size:.8rem;font-weight:850}.sectors-hub-card__link i{font-style:normal;font-size:1.25rem;transition:transform .2s ease}.sectors-hub-card:hover .sectors-hub-card__link i,.sectors-hub-card:focus-visible .sectors-hub-card__link i{transform:translateX(.3rem)}
.sectors-hub-why{background:radial-gradient(circle at 85% 20%,rgba(223,255,33,.045),transparent 28rem)}.sectors-hub-points{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.sectors-hub-points li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.4rem 1rem;min-width:0;padding:1.2rem;border:1px solid var(--color-border-subtle);border-radius:.85rem;background:rgba(255,255,255,.015)}.sectors-hub-points li>span{grid-row:1/3;color:var(--color-neon-primary);font-size:.68rem}.sectors-hub-points strong{color:var(--color-text-primary)}.sectors-hub-points small{color:var(--color-text-muted);line-height:1.45}.sectors-hub-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.5rem}.sectors-hub-links a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-neon-primary);font-size:.82rem;font-weight:800}.sectors-hub-faq{border-top:1px solid var(--color-border-subtle)}
@media(min-width:48rem){.sectors-hub-split{grid-template-columns:minmax(0,.82fr) minmax(22rem,1.18fr)}.sectors-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectors-hub-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:68rem){.sectors-final-page .site-container--wide{width:min(92%,110rem);max-width:none}.sectors-hub-hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(25rem,.92fr)}.sectors-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:47.99rem){.sectors-hub-hero h1{font-size:clamp(3.75rem,19vw,5.2rem);overflow-wrap:anywhere}.sectors-hub-hero .btn{width:100%;justify-content:center}.sectors-hub-universe{min-height:20rem}.sectors-hub-card{min-height:0}.sectors-hub-card h3{overflow-wrap:anywhere}.sectors-hub-card__top{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.sectors-hub-card,.sectors-hub-card__link i{transition-duration:.01ms!important;transform:none!important}}
/* === SECTORS HUB FINAL END === */

/* === FAQ ENTITY HUB FINAL START === */
.faq-final-page{overflow:clip;background:var(--color-bg-page)}.faq-final-page .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}.faq-final-section{padding-block:clamp(3.5rem,5.5vw,6.5rem)}.faq-final-hero{padding-block:clamp(3rem,6vw,6rem);border-bottom:1px solid var(--color-border-subtle);background:radial-gradient(circle at 82% 18%,rgba(223,255,33,.07),transparent 31rem)}.faq-final-hero__inner{display:grid;gap:clamp(2.5rem,5vw,6rem);align-items:center}.faq-final-hero h1{max-width:11ch;margin:.7rem 0 1.1rem;font-size:clamp(3.5rem,7.5vw,7.7rem);line-height:.84;letter-spacing:-.062em}.faq-final-hero__statement{max-width:53rem;margin:0 0 1.15rem;color:var(--color-neon-primary);font-size:clamp(1.05rem,1.8vw,1.5rem);font-weight:850;line-height:1.2}.faq-final-hero .body-lg{max-width:55rem;margin-bottom:1.7rem;color:var(--color-text-secondary);line-height:1.7}
.faq-entity-graph{position:relative;display:grid;min-height:27rem;place-items:center;overflow:hidden;border:1px solid rgba(223,255,33,.22);border-radius:var(--radius-panel);background:radial-gradient(circle,rgba(223,255,33,.085),transparent 45%),var(--color-bg-panel);box-shadow:var(--shadow-soft),0 0 3rem rgba(223,255,33,.04)}.faq-entity-graph span{position:absolute;z-index:2;padding:.55rem .7rem;border:1px solid var(--color-border-subtle);background:rgba(10,11,10,.9);color:var(--color-text-muted);font-size:.61rem;font-weight:850;letter-spacing:.09em}.faq-entity-graph__core{position:static!important;padding:1.15rem!important;border-color:rgba(223,255,33,.4)!important;color:var(--color-neon-primary)!important}.faq-entity-graph span:nth-child(2){top:10%;left:12%}.faq-entity-graph span:nth-child(3){top:14%;right:10%}.faq-entity-graph span:nth-child(4){top:45%;right:5%}.faq-entity-graph span:nth-child(5){right:13%;bottom:12%}.faq-entity-graph span:nth-child(6){bottom:10%;left:15%}.faq-entity-graph span:nth-child(7){top:45%;left:5%}.faq-entity-graph i{position:absolute;width:72%;height:1px;background:linear-gradient(90deg,transparent,rgba(223,255,33,.25),transparent)}.faq-entity-graph i:nth-of-type(2){transform:rotate(55deg)}.faq-entity-graph i:nth-of-type(3){transform:rotate(-55deg)}
.faq-final-page h2{margin:.65rem 0 1rem;font-size:clamp(2rem,3.5vw,3.6rem);line-height:.98;letter-spacing:-.043em}.faq-final-split{display:grid;gap:clamp(2rem,5vw,6rem);align-items:start}.faq-final-answer{border-bottom:1px solid var(--color-border-subtle)}.faq-final-answer p{color:var(--color-text-secondary);line-height:1.75}.faq-final-answer strong{color:var(--color-text-primary)}.faq-final-links{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:1rem}.faq-final-links a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-neon-primary);font-weight:800}
.faq-final-index{scroll-margin-top:7rem;padding-block:1.5rem;border-block:1px solid var(--color-border-subtle);background:var(--color-bg-panel)}.faq-final-index>div>p{margin-bottom:1rem}.faq-final-index>div>div{display:flex;flex-wrap:wrap;gap:.55rem}.faq-final-index a{display:inline-flex;min-height:44px;align-items:center;gap:.55rem;padding:.65rem .8rem;border:1px solid var(--color-border-subtle);border-radius:.65rem;color:var(--color-text-primary);font-size:.72rem;font-weight:800}.faq-final-index a span{color:var(--color-neon-primary);font-size:.62rem}.faq-final-index a:hover,.faq-final-index a:focus-visible{border-color:rgba(223,255,33,.4);background:rgba(223,255,33,.035);outline:0}.faq-final-index a:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.2rem}
.faq-final-group{scroll-margin-top:7rem;border-bottom:1px solid var(--color-border-subtle)}.faq-final-group:nth-of-type(even){background:rgba(255,255,255,.01)}.faq-final-group__inner{display:grid;gap:clamp(2rem,4vw,4.5rem);align-items:start}.faq-final-group__inner>header{max-width:34rem}.faq-final-group__inner>header h2{font-size:clamp(1.85rem,3vw,3.15rem)}.faq-final-group__inner>header p:not(.eyebrow){color:var(--color-text-secondary);line-height:1.7}.faq-final-group__inner>header>span{display:inline-flex;margin-top:.75rem;padding:.5rem .65rem;border:1px solid var(--color-border-subtle);border-radius:.5rem;color:var(--color-text-muted);font-size:.62rem;font-weight:850;letter-spacing:.08em}.faq-final-list{display:grid;min-width:0;gap:.65rem}.faq-final-item{min-width:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:.85rem;background:rgba(255,255,255,.012);transition:border-color .2s ease,background .2s ease}.faq-final-item:hover,.faq-final-item:has(button[aria-expanded="true"]){border-color:rgba(223,255,33,.3);background:rgba(223,255,33,.025)}.faq-final-item h3{margin:0}.faq-final-item button{position:relative;display:flex;width:100%;min-height:4.75rem;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:0;background:transparent;color:var(--color-text-primary);font:inherit;font-weight:800;line-height:1.45;text-align:left;cursor:pointer}.faq-final-item button>span{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.65rem;align-items:center;min-width:0}.faq-final-item button small{color:var(--color-neon-primary);font-size:.66rem}.faq-final-item button i{position:relative;width:2rem;min-width:2rem;height:2rem;border:1px solid rgba(223,255,33,.25);border-radius:50%}.faq-final-item button i::before,.faq-final-item button i::after{position:absolute;top:50%;left:50%;width:.7rem;height:1px;background:var(--color-neon-primary);content:"";transform:translate(-50%,-50%)}.faq-final-item button i::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-final-item button[aria-expanded="true"] i{border-color:var(--color-neon-primary);background:var(--color-neon-primary)}.faq-final-item button[aria-expanded="true"] i::before{background:var(--color-bg-page)}.faq-final-item button[aria-expanded="true"] i::after{opacity:0}.faq-final-item button:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:-3px}.faq-final-item>div{padding:0 4rem 1.35rem}.faq-final-item>div[hidden]{display:none}.faq-final-item p{max-width:72ch;margin:0;color:var(--color-text-secondary);line-height:1.75}.faq-final-item p a{color:var(--color-neon-primary);font-weight:750}.faq-final-item .btn{width:fit-content;margin-top:1rem;color:var(--color-bg-page)}
.faq-final-cta{background:var(--color-bg-panel)}.faq-final-cta>.site-container--wide{display:grid;gap:1.5rem;align-items:center;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(223,255,33,.24);border-radius:var(--radius-panel);background:radial-gradient(circle at 85% 20%,rgba(223,255,33,.08),transparent 24rem)}.faq-final-cta h2{margin:.4rem 0 .6rem;font-size:clamp(1.7rem,2.7vw,2.7rem)}.faq-final-cta p:not(.eyebrow){max-width:58rem;margin:0;color:var(--color-text-secondary);line-height:1.65}.faq-final-cta .btn{justify-self:start}
@media(min-width:48rem){.faq-final-split{grid-template-columns:minmax(0,.75fr) minmax(22rem,1.25fr)}.faq-final-group__inner{grid-template-columns:minmax(18rem,.62fr) minmax(32rem,1.38fr)}.faq-final-cta>.site-container--wide{grid-template-columns:minmax(0,1fr) auto}.faq-final-cta .btn{justify-self:end}}
@media(min-width:68rem){.faq-final-page .site-container--wide{width:min(92%,110rem);max-width:none}.faq-final-hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(25rem,.92fr)}}
@media(max-width:47.99rem){.faq-final-hero h1{font-size:clamp(3.05rem,15vw,4.5rem);overflow-wrap:anywhere}.faq-final-hero .btn{width:100%;justify-content:center}.faq-entity-graph{min-height:20rem}.faq-final-index>div>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.faq-final-index a{min-width:0;overflow-wrap:anywhere}.faq-final-item button{padding:.85rem}.faq-final-item button>span{grid-template-columns:1.8rem minmax(0,1fr)}.faq-final-item>div{padding:0 1rem 1.2rem 3.3rem}.faq-final-cta .btn{width:100%;justify-content:center}}
@media(max-width:24rem){.faq-final-index>div>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.faq-final-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* === FAQ ENTITY HUB FINAL END === */

/* === TEAM HUB FINAL START === */
.team-hub-page{overflow:clip;background:var(--color-bg-page)}
.team-hub-hero{padding:clamp(3.5rem,8vw,7rem) 0 clamp(4rem,8vw,7.5rem);border-bottom:1px solid var(--color-border-subtle)}
.team-hub-hero__inner{display:grid;gap:clamp(2rem,6vw,5rem);align-items:center}.team-hub-hero__copy{max-width:58rem}.team-hub-hero h1{margin:.4rem 0 1.25rem;font-size:clamp(3.4rem,10vw,8.5rem);line-height:.86}.team-hub-hero__statement{max-width:46rem;margin:0;color:var(--color-neon-primary);font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,2.15rem);font-weight:800;line-height:1.12}.team-hub-hero__description{max-width:48rem;margin:1.5rem 0 0;color:var(--color-text-muted);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.7}
.team-hub-hero__network{display:grid;min-height:17rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;place-content:center;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:radial-gradient(circle at center,rgba(223,255,33,.1),transparent 50%),var(--color-bg-card)}.team-hub-hero__network span,.team-hub-hero__network strong{display:grid;min-height:3.5rem;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);color:var(--color-text-muted);font-size:var(--text-micro);letter-spacing:.1em}.team-hub-hero__network strong{grid-column:1/-1;color:var(--color-neon-primary);font-family:var(--font-display);font-size:clamp(1.3rem,3vw,2rem)}
.team-hub-members{padding:clamp(4.5rem,9vw,9rem) 0}.team-hub-heading{max-width:55rem;margin-bottom:clamp(2rem,5vw,4rem)}.team-hub-heading h2{margin:.5rem 0 1rem;font-size:clamp(2.1rem,5vw,4.75rem);line-height:.95}.team-hub-heading>p:last-child{max-width:45rem;margin:0;color:var(--color-text-muted);line-height:1.7}.team-hub-grid{display:grid;gap:clamp(1.25rem,2.5vw,2rem);padding:0;margin:0;list-style:none}.team-hub-grid>li,.team-hub-card{height:100%;min-width:0}.team-hub-card .team-profile__inner{display:flex;min-height:100%;flex-direction:column}.team-hub-card .team-profile__meta{display:flex;flex:1;flex-direction:column;padding:clamp(1.35rem,2.4vw,2rem)}.team-hub-card .team-profile__role{min-height:2.7em;color:var(--color-text-primary);font-weight:700;line-height:1.35}.team-hub-card__description{margin:1rem 0 0;color:var(--color-text-muted);font-size:var(--text-body-sm);line-height:1.65}.team-hub-card__cta{display:inline-flex;min-height:44px;align-items:center;gap:.45rem;margin-top:auto;padding-top:1.5rem;color:var(--color-neon-primary);font-size:var(--text-body-sm);font-weight:800}.team-hub-card__cta span{transition:transform var(--transition-normal) var(--ease-standard)}.team-hub-card .team-profile__link:hover .team-hub-card__cta span{transform:translateX(.25rem)}
.team-hub-cta{padding:0 0 clamp(4.5rem,9vw,8rem)}.team-hub-cta__panel{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-bg-card)}.team-hub-cta__panel h2{max-width:50rem;margin:.5rem 0 0;font-size:clamp(1.75rem,4vw,3.2rem);line-height:1}
@media(min-width:48rem){.team-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-hub-cta__panel{flex-direction:row;align-items:center}}
@media(min-width:68rem){.team-hub-hero__inner{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr)}.team-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* === TEAM HUB FINAL END === */

/* === PLATFORM ADS SUB-SERVICES START === */
.platform-ads-page{overflow:clip;background:var(--color-bg-page)}.platform-ads-page .site-container--wide{width:min(calc(100% - 2rem),110rem);margin-inline:auto}.platform-ads-section{padding-block:clamp(4rem,7vw,7.5rem)}.platform-ads-page h2{margin:.6rem 0 1rem;font-size:clamp(2rem,4vw,4.25rem);line-height:.95;letter-spacing:-.045em}.platform-ads-page p{color:var(--color-text-secondary);line-height:1.72}.platform-ads-hero{border-bottom:1px solid var(--color-border-subtle);background:radial-gradient(circle at 82% 22%,rgba(223,255,33,.06),transparent 30rem)}.platform-ads-hero .meta-service-hero__inner{align-items:center}.platform-ads-hero .meta-service-hero__copy h1{max-width:10ch;font-size:clamp(3.2rem,7.2vw,7.4rem)}
.platform-ads-visual{position:relative;display:grid;min-height:29rem;grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1.3fr);gap:1rem;align-items:center;padding:clamp(1.2rem,3vw,2.2rem);overflow:hidden;border:1px solid rgba(223,255,33,.2);border-radius:var(--radius-panel);background:radial-gradient(circle at 24% 50%,rgba(223,255,33,.12),transparent 34%),var(--color-bg-panel);box-shadow:var(--shadow-soft)}.platform-ads-visual::before{position:absolute;inset:10%;border:1px solid rgba(223,255,33,.08);border-radius:50%;content:""}.platform-ads-visual__core{position:relative;z-index:1;display:grid;aspect-ratio:1;place-content:center;border:1px solid rgba(223,255,33,.42);border-radius:50%;background:rgba(8,9,8,.86);text-align:center}.platform-ads-visual__core span{color:var(--color-text-muted);font-size:.55rem;letter-spacing:.12em}.platform-ads-visual__core strong{color:var(--color-neon-primary);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.6rem)}.platform-ads-visual ol{position:relative;z-index:1;display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.platform-ads-visual li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.3rem .7rem;padding:.9rem;border:1px solid var(--color-border-subtle);border-radius:.7rem;background:rgba(8,9,8,.84)}.platform-ads-visual li span{grid-row:1/3;color:var(--color-neon-primary);font-size:.62rem}.platform-ads-visual li b{font-size:.68rem;letter-spacing:.06em}.platform-ads-visual li i{display:block;width:var(--signal,75%);height:2px;background:var(--color-neon-primary);opacity:.55}.platform-ads-visual li:nth-child(2) i{--signal:58%}.platform-ads-visual li:nth-child(3) i{--signal:88%}
.platform-ads-split{display:grid;gap:clamp(2rem,6vw,6rem);align-items:start}.platform-ads-answer{border-bottom:1px solid var(--color-border-subtle)}.platform-ads-answer .body-lg{margin-top:0;color:var(--color-text-primary)}.platform-text-link,.platform-feature__links a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-neon-primary);font-weight:800}.platform-ads-heading{max-width:60rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.platform-numbered-grid{display:grid;gap:0;padding:0;margin:0;border-top:1px solid var(--color-border-strong);list-style:none}.platform-numbered-grid li{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--color-border-subtle)}.platform-numbered-grid li>span,.platform-card-grid article>span{color:var(--color-neon-primary);font-size:.66rem;font-weight:850}.platform-numbered-grid h3,.platform-card-grid h3{margin:0 0 .45rem;font-size:clamp(1.05rem,1.5vw,1.3rem)}.platform-numbered-grid p,.platform-card-grid p{margin:0}.platform-card-grid{display:grid;gap:1rem}.platform-card-grid article{min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:linear-gradient(145deg,rgba(223,255,33,.035),transparent 48%),var(--color-bg-panel)}.platform-card-grid h3{margin-top:1rem}.platform-ads-note{margin:1.2rem 0 0;padding:1rem 1.15rem;border-left:2px solid var(--color-neon-primary);background:rgba(223,255,33,.025)}.platform-feature{border-top:1px solid var(--color-border-subtle)}.platform-feature:nth-of-type(even){background:rgba(255,255,255,.01)}.platform-feature__links{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1.25rem}.platform-budget{background:radial-gradient(circle at 85% 18%,rgba(223,255,33,.05),transparent 28rem)}.platform-budget__panel{padding:clamp(1.4rem,3vw,2.5rem);border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-large);background:var(--color-bg-panel)}.platform-budget__panel>strong{display:block;color:var(--color-text-muted);font-size:.68rem;letter-spacing:.1em}.platform-budget__panel>span{display:block;margin:.6rem 0 1rem;color:var(--color-neon-primary);font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:850}.platform-fit{border-block:1px solid var(--color-border-subtle)}.platform-experts{background:var(--color-bg-panel)}.platform-analysis .meta-r2-process__cta h2{max-width:47rem;margin:.5rem 0;font-size:clamp(1.7rem,3vw,2.8rem)}.platform-faq{border-top:1px solid var(--color-border-subtle)}.platform-ads-page a:focus-visible,.platform-ads-page summary:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
@media(min-width:48rem){.platform-ads-split{grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr)}.platform-numbered-grid,.platform-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.platform-analysis .meta-r2-process__cta{grid-template-columns:minmax(0,1fr) auto}.platform-analysis .btn{justify-self:end}.platform-faq .service-faq__inner{grid-template-columns:minmax(18rem,.62fr) minmax(32rem,1.38fr)}}
@media(min-width:68rem){.platform-ads-page .site-container--wide{width:min(92%,110rem);max-width:none}.platform-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:47.99rem){.platform-ads-hero .meta-service-hero__copy h1{font-size:clamp(2.8rem,13vw,4.2rem);overflow-wrap:anywhere}.platform-ads-hero .btn,.platform-analysis .btn{width:100%;justify-content:center}.platform-ads-visual{min-height:22rem;grid-template-columns:1fr}.platform-ads-visual__core{width:8.5rem;margin:auto}.platform-card-grid{grid-template-columns:1fr}.platform-faq details p{padding-left:3.5rem}}
@media(prefers-reduced-motion:reduce){.platform-ads-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* === PLATFORM ADS SUB-SERVICES END === */

/* === LEGAL PAGES FINAL START === */
.legal-page{overflow:clip;background:var(--color-bg-page)}.legal-page .site-container--wide{width:min(calc(100% - 2rem),100rem);margin-inline:auto}.legal-hero{padding:clamp(3.5rem,7vw,7rem) 0 clamp(4rem,7vw,6.5rem);border-bottom:1px solid var(--color-border-subtle);background:radial-gradient(circle at 84% 20%,rgba(223,255,33,.045),transparent 28rem)}.legal-hero h1{max-width:14ch;margin:.7rem 0 1.2rem;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.88;letter-spacing:-.055em;overflow-wrap:anywhere}.legal-hero .body-lg{max-width:48rem;color:var(--color-text-secondary);line-height:1.7}.legal-updated{display:flex;align-items:center;gap:.55rem;margin:1.5rem 0 0;color:var(--color-text-muted);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.legal-updated span{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-neon-primary);box-shadow:0 0 .7rem rgba(223,255,33,.45)}
.legal-layout{display:grid;gap:clamp(3rem,7vw,7rem);align-items:start;padding-block:clamp(4rem,7vw,7.5rem)}.legal-toc{min-width:0}.legal-toc>p{margin-bottom:1rem}.legal-toc ol{display:grid;gap:.15rem;padding:0;margin:0;list-style:none}.legal-toc a{display:grid;min-height:44px;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.045);color:var(--color-text-muted);font-size:.78rem;line-height:1.35;text-decoration:none}.legal-toc a span{color:var(--color-neon-primary);font-size:.6rem}.legal-toc a:hover{color:var(--color-text-primary)}.legal-content{min-width:0;max-width:54rem}.legal-content>section{scroll-margin-top:7rem;padding:0 0 clamp(3rem,6vw,5rem);margin:0 0 clamp(3rem,6vw,5rem);border-bottom:1px solid var(--color-border-subtle)}.legal-content__number{color:var(--color-neon-primary);font-size:.65rem;font-weight:850;letter-spacing:.1em}.legal-content h2{max-width:20ch;margin:.65rem 0 1.3rem;font-size:clamp(1.65rem,3.2vw,2.8rem);line-height:1;letter-spacing:-.035em}.legal-content p,.legal-content li{color:var(--color-text-secondary);font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.78}.legal-content ul{display:grid;gap:.65rem;padding:0;margin:1.25rem 0 0;list-style:none}.legal-content li{position:relative;padding-left:1.4rem}.legal-content li::before{position:absolute;top:.72em;left:0;width:.42rem;height:.42rem;border:1px solid var(--color-neon-primary);content:"";transform:rotate(45deg)}.legal-note{margin-top:1.5rem;padding:1.2rem 1.3rem;border:1px solid rgba(223,255,33,.22);border-radius:.8rem;background:rgba(223,255,33,.025)}.legal-note strong{color:var(--color-neon-primary);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.legal-note p{margin:.55rem 0 0}.legal-table-wrap{max-width:100%;margin-top:1.5rem;overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:.8rem}.legal-table-wrap:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.2rem}.legal-table-wrap table{width:100%;min-width:40rem;border-collapse:collapse}.legal-table-wrap th,.legal-table-wrap td{padding:1rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;text-align:left;vertical-align:top}.legal-table-wrap th{color:var(--color-text-primary);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.legal-related{padding-block:clamp(3rem,5vw,5rem);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-panel)}.legal-related>div>div{display:grid;gap:.65rem}.legal-related a{display:flex;min-height:52px;align-items:center;padding:.85rem 1rem;border:1px solid var(--color-border-subtle);border-radius:.7rem;color:var(--color-text-primary);font-weight:800;text-decoration:none}.legal-related a:hover{border-color:rgba(223,255,33,.4);color:var(--color-neon-primary)}.legal-page a:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}.contact-form__privacy-note{max-width:44rem;margin:.25rem 0 .75rem;color:var(--color-text-muted);font-size:.78rem;line-height:1.6}.contact-form__privacy-note a{color:var(--color-neon-primary);font-weight:800;text-decoration:underline;text-underline-offset:.2rem}
@media(min-width:48rem){.legal-related>div>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:64rem){.legal-layout{grid-template-columns:minmax(14rem,.42fr) minmax(0,1.58fr)}.legal-toc{position:sticky;top:7rem;max-height:calc(100vh - 9rem);overflow:auto;padding-right:1rem}}
@media(max-width:47.99rem){.legal-hero h1{font-size:clamp(2.6rem,13vw,4rem)}.legal-toc{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-subtle)}.legal-related a{min-width:0;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.legal-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* === LEGAL PAGES FINAL END === */

/* === COOKIE CONSENT FINAL START === */
.cookie-banner[hidden],.cookie-dialog[hidden]{display:none!important}.cookie-banner{position:fixed;z-index:9998;right:0;bottom:clamp(.75rem,2vw,1.5rem);left:0;width:min(calc(100% - 2rem),72rem);margin-inline:auto;opacity:0;transform:translateY(1rem);transition:opacity 220ms ease,transform 220ms ease}.cookie-banner.is-visible{opacity:1;transform:translateY(0)}.cookie-banner__content{display:grid;gap:1.25rem;align-items:center;padding:clamp(1rem,2.4vw,1.6rem);border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-large);background:rgba(10,11,10,.97);box-shadow:0 1.5rem 5rem rgba(0,0,0,.55),0 0 2rem rgba(223,255,33,.05);backdrop-filter:blur(18px)}.cookie-banner .eyebrow{margin-bottom:.4rem}.cookie-banner h2{margin:0 0 .6rem;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.05}.cookie-banner p:not(.eyebrow){max-width:48rem;margin:0;color:var(--color-text-secondary);font-size:.84rem;line-height:1.6}.cookie-banner a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-neon-primary);font-size:.78rem;font-weight:800}.cookie-banner__actions{display:grid;gap:.6rem}.cookie-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--color-border-strong);border-radius:.7rem;font:inherit;font-size:.78rem;font-weight:850;line-height:1.2;cursor:pointer;transition:border-color 180ms ease,background 180ms ease,color 180ms ease}.cookie-action--outline{border-color:rgba(246,247,242,.55);background:rgba(255,255,255,.035);color:var(--color-text-primary)}.cookie-action--ghost{background:transparent;color:var(--color-text-primary)}.cookie-action--primary{border-color:var(--color-neon-primary);background:var(--color-neon-primary);color:#090a09}.cookie-action:hover{border-color:var(--color-neon-primary)}.cookie-action:focus-visible,.cookie-dialog__close:focus-visible,.cookie-switch input:focus-visible+i,.cookie-preferences-trigger:focus-visible{outline:2px solid var(--color-neon-primary);outline-offset:.25rem}
.cookie-dialog{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:1rem}.cookie-dialog__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);opacity:0;transition:opacity 200ms ease}.cookie-dialog.is-visible .cookie-dialog__backdrop{opacity:1}.cookie-dialog__panel{position:relative;display:flex;width:min(100%,44rem);max-height:min(90vh,52rem);flex-direction:column;overflow:hidden;border:1px solid rgba(223,255,33,.25);border-radius:var(--radius-panel);background:var(--color-bg-panel);box-shadow:0 2rem 7rem rgba(0,0,0,.7);opacity:0;transform:translateY(1rem) scale(.985);transition:opacity 220ms ease,transform 220ms ease}.cookie-dialog.is-visible .cookie-dialog__panel{opacity:1;transform:translateY(0) scale(1)}.cookie-dialog__panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,3vw,1.7rem);border-bottom:1px solid var(--color-border-subtle)}.cookie-dialog h2{margin:.35rem 0 0;font-size:clamp(1.6rem,4vw,2.4rem)}.cookie-dialog__close{min-height:44px;padding:.5rem .7rem;border:1px solid var(--color-border-subtle);border-radius:.55rem;background:transparent;color:var(--color-text-primary);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.cookie-dialog__panel>#cookie-dialog-description{padding:0 clamp(1.1rem,3vw,1.7rem);margin:1.25rem 0;color:var(--color-text-secondary);font-size:.88rem;line-height:1.6}.cookie-categories{display:grid;gap:.65rem;min-height:0;padding:0 clamp(1.1rem,3vw,1.7rem) 1.25rem;overflow-y:auto}.cookie-categories article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;padding:1rem;border:1px solid var(--color-border-subtle);border-radius:.75rem;background:rgba(255,255,255,.015)}.cookie-categories h3{margin:0;font-size:1rem}.cookie-categories article>div>span{display:block;margin-top:.25rem;color:var(--color-neon-primary);font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.cookie-categories p{grid-column:1/-1;margin:.35rem 0 0;color:var(--color-text-muted);font-size:.78rem;line-height:1.55}.cookie-switch{position:relative;display:block;width:3rem;height:1.7rem;cursor:pointer}.cookie-switch input{position:absolute;width:1px;height:1px;opacity:0}.cookie-switch i{display:block;width:100%;height:100%;border:1px solid var(--color-border-strong);border-radius:2rem;background:rgba(255,255,255,.06);transition:background 180ms ease,border-color 180ms ease}.cookie-switch i::after{position:absolute;top:.24rem;left:.25rem;width:1.18rem;height:1.18rem;border-radius:50%;background:var(--color-text-muted);content:"";transition:transform 180ms ease,background 180ms ease}.cookie-switch input:checked+i{border-color:var(--color-neon-primary);background:rgba(223,255,33,.2)}.cookie-switch input:checked+i::after{background:var(--color-neon-primary);transform:translateX(1.28rem)}.cookie-switch input:disabled+i{opacity:.72;cursor:not-allowed}.cookie-dialog__panel>footer{display:grid;gap:.6rem;padding:1rem clamp(1.1rem,3vw,1.7rem);border-top:1px solid var(--color-border-subtle);background:rgba(0,0,0,.16)}.has-cookie-dialog{overflow:hidden}.site-footer__legal-nav .cookie-preferences-trigger{min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:inherit}.legal-cookie-control{padding-block:clamp(3rem,5vw,5rem);border-top:1px solid var(--color-border-subtle);background:radial-gradient(circle at 85% 20%,rgba(223,255,33,.055),transparent 25rem)}.legal-cookie-control h2{max-width:30rem;margin:.5rem 0 .75rem;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1}.legal-cookie-control p:not(.eyebrow){max-width:46rem;color:var(--color-text-secondary)}.legal-cookie-control .btn{margin-top:1rem}.has-cookie-banner .biajans-whatsapp-float,.has-cookie-dialog .biajans-whatsapp-float,.has-cookie-banner .mr-floating-cta,.has-cookie-dialog .mr-floating-cta{visibility:hidden;opacity:0;pointer-events:none}
@media(min-width:48rem){.cookie-banner__content{grid-template-columns:minmax(0,1fr) auto}.cookie-banner__actions{grid-template-columns:repeat(3,minmax(8.4rem,auto))}.cookie-dialog__panel>footer{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:47.99rem){.cookie-banner{bottom:.75rem;width:min(calc(100% - 1.5rem),72rem)}.cookie-banner__content{max-height:calc(100vh - 1.5rem);overflow-y:auto}.cookie-banner__actions{grid-template-columns:1fr}.cookie-dialog{align-items:end;padding:.75rem}.cookie-dialog__panel{width:100%;max-height:calc(100vh - 1.5rem);border-radius:1rem 1rem .7rem .7rem}.cookie-dialog__panel>footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cookie-banner,.cookie-dialog__backdrop,.cookie-dialog__panel,.cookie-action,.cookie-switch i,.cookie-switch i::after{transition-duration:.01ms!important}}
/* === COOKIE CONSENT FINAL END === */

/* ============================================================
   Footer Legal / Copyright Bar
   ============================================================ */

.site-footer__legal {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer__legal-inner {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-footer__copyright {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
}

.site-footer__legal-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.site-footer__legal-nav a {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
    text-decoration: none;
    transition:
        color 180ms ease,
        opacity 180ms ease;
}

.site-footer__legal-nav a:hover,
.site-footer__legal-nav a:focus-visible {
    color: #dfff00;
}

@media (max-width: 767px) {
    .site-footer__legal-inner {
        min-height: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 14px;
    }

    .site-footer__legal-nav {
        justify-content: center;
        gap: 12px 20px;
    }
}

/* ============================================================
   Footer Legal Bar — Final Alignment
   ============================================================ */

.site-footer__legal {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.site-footer__legal-inner {
    width: 100%;
    max-width: none;
    min-height: 72px;

    padding-left: clamp(40px, 7.2vw, 142px);
    padding-right: clamp(40px, 7.2vw, 142px);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.site-footer__copyright {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
}

.site-footer__copyright-brand {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 700;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer__copyright-brand:hover,
.site-footer__copyright-brand:focus-visible {
    color: #dfff00;
}

.site-footer__legal-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 28px;
}

.site-footer__legal-nav a {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer__legal-nav a:hover,
.site-footer__legal-nav a:focus-visible {
    color: #dfff00;
}

@media (max-width: 767px) {
    .site-footer__legal-inner {
        min-height: auto;
        padding: 22px 20px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 14px;
    }

    .site-footer__legal-nav {
        justify-content: center;
        gap: 12px 20px;
    }
}

/* ============================================================
   Footer Legal Bar — Container Alignment Fix
   ============================================================ */

.site-footer__legal-inner {
    width: min(92%, 110rem);
    max-width: none;
    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;

    min-height: 72px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

@media (max-width: 767px) {
    .site-footer__legal-inner {
        width: min(92%, 110rem);
        padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 0;
        padding-right: 0;

        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 14px;
    }
}

/* ============================================================
   Footer Legal Bar — Footer Grid Alignment
   Logo başlangıcı → Projeni Anlat bitişi
   ============================================================ */

.site-footer__legal {
    width: 100%;
}

.site-footer__legal-inner {
    width: min(92%, 110rem);
    max-width: none;
    margin-left: auto;
    margin-right: auto;

    padding-left: 0 !important;
    padding-right: 0 !important;

    min-height: 72px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

/*
 * Footer ana grid de aynı container sistemini kullanmalı.
 * Legal bar böylece logo başlangıcı ve Projeni Anlat bitişiyle aynı hizada olur.
 */
.site-footer__grid {
    width: min(92%, 110rem);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .site-footer__legal-inner {
        width: min(92%, 110rem);

        padding-top: 22px;
        padding-bottom: 22px;
        padding-left: 0 !important;
        padding-right: 0 !important;

        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 14px;
    }
}

/* ============================================================
   Footer Legal Bar — Final / Old Footer Bottom Alignment
   Footer ana container sinirlarini birebir kullanir.
   ============================================================ */

.site-footer__legal {
    width: 100%;
    margin-top: 48px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.site-footer__legal-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 72px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.site-footer__copyright {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
}

.site-footer__copyright-brand {
    color: rgba(255, 255, 255, 0.90);
    font-weight: 700;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer__copyright-brand:hover,
.site-footer__copyright-brand:focus-visible {
    color: #dfff00;
}

.site-footer__legal-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 28px;
}

.site-footer__legal-nav a {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.875rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer__legal-nav a:hover,
.site-footer__legal-nav a:focus-visible {
    color: #dfff00;
}

@media (max-width: 767px) {
    .site-footer__legal {
        margin-top: 32px;
    }

    .site-footer__legal-inner {
        min-height: auto;
        padding-top: 22px !important;
        padding-bottom: 22px !important;

        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 14px;
    }

    .site-footer__legal-nav {
        justify-content: center;
        gap: 12px 20px;
    }
}

/* =========================================================
   FOOTER SOCIAL — LINKEDIN + MEDIUM FINAL FIX
   ========================================================= */

/*
 * Altı sosyal ikonun tamamını tek satırda tut.
 */
.site-footer__social-links {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .65rem;
    width: max-content;
    max-width: none;
}

/*
 * LinkedIn ve Medium dolu logo ikonlarıdır.
 * Global footer SVG çizgi stilini bu iki ikon için kaldır.
 */
.site-footer__social-links a:nth-child(5) svg,
.site-footer__social-links a:nth-child(6) svg {
    width: 1.15rem;
    height: 1.15rem;
    fill: currentColor;
    stroke: none;
}

/*
 * Path üzerinde de global stroke kalıntısını kesin olarak temizle.
 */
.site-footer__social-links a:nth-child(5) svg path,
.site-footer__social-links a:nth-child(6) svg path {
    fill: currentColor;
    stroke: none;
}

/*
 * Tüm kutular mevcut footer sosyal tasarımını birebir korur.
 */
.site-footer__social-links a {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
}

/*
 * Orta ekranlarda da tek sıra korunur.
 */
@media (max-width: 67.99rem) {
    .site-footer__social-links {
        flex-wrap: nowrap;
        width: max-content;
        gap: .6rem;
    }

    .site-footer__social-links a {
        width: 2.8rem;
        height: 2.8rem;
        flex: 0 0 2.8rem;
    }
}

/*
 * Dar mobil ekranlarda footer taşmasını önlemek için
 * ikonları kontrollü biçimde küçült fakat yine tek sıra tut.
 */
@media (max-width: 27rem) {
    .site-footer__social-links {
        gap: .42rem;
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
    }

    .site-footer__social-links a {
        width: 2.55rem;
        height: 2.55rem;
        flex: 0 0 2.55rem;
    }

    .site-footer__social-links svg,
    .site-footer__social-links a:nth-child(5) svg,
    .site-footer__social-links a:nth-child(6) svg {
        width: 1.05rem;
        height: 1.05rem;
    }
}

/* =========================================================
   FOOTER SOCIAL — LINKEDIN MONOGRAM FIX
   ========================================================= */

.site-footer__social-linkedin {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: Arial, Helvetica, sans-serif;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.06em;

    color: currentColor;
    transform: translateY(-.02rem);
}

/* =========================================================
   FOOTER MOBILE — COMPACT TWO COLUMN NAV
   Hızlı Menü + Hizmetler yan yana
   ========================================================= */

@media (max-width: 47.99rem) {

    .site-footer__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1.5rem;
        row-gap: 2.5rem;
    }

    /*
     * Marka / logo / açıklama / sosyal alan
     * tam genişlikte kalır.
     */
    .site-footer__brand {
        grid-column: 1 / -1;
    }

    /*
     * Footer içindeki ilk iki nav:
     * 1 = Hızlı Menü
     * 2 = Hizmetler
     *
     * Bunlar mobilde yan yana.
     */
    .site-footer__grid > nav:nth-of-type(1),
    .site-footer__grid > nav:nth-of-type(2) {
        grid-column: span 1;
        min-width: 0;
    }

    /*
     * Üçüncü nav = Keşfet
     * Tek başına tam genişlik.
     */
    .site-footer__grid > nav:nth-of-type(3) {
        grid-column: 1 / -1;
    }

    /*
     * Bize Ulaşın alanı tam genişlik.
     */
    .site-footer__contact {
        grid-column: 1 / -1;
    }

    /*
     * Mobil menü link aralıklarını biraz sıkıştır.
     * Footer yüksekliğini gereksiz büyütmesin.
     */
    .site-footer__nav ul {
        gap: .8rem;
    }

    .site-footer__nav li {
        margin: 0;
    }

    .site-footer__nav a {
        line-height: 1.35;
    }

    /*
     * Kolon başlıkları arasında dengeli boşluk.
     */
    .site-footer__column-title {
        margin-bottom: 1rem;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 23rem) {

    .site-footer__grid {
        column-gap: 1rem;
    }

    .site-footer__nav a {
        font-size: .92rem;
    }
}

/* =========================================================
   FOOTER — DISCOVER REMOVED / FINAL GRID
   Brand + Hızlı Menü + Hizmetler + Bize Ulaşın
   ========================================================= */

@media (min-width: 68rem) {

    .site-footer__grid {
        grid-template-columns:
            minmax(17rem, 1.35fr)
            minmax(9rem, .72fr)
            minmax(12rem, .90fr)
            minmax(19rem, 1.35fr);
    }

}


/* =========================================================
   FOOTER MOBILE — FINAL AFTER DISCOVER REMOVAL
   Hızlı Menü + Hizmetler yan yana
   ========================================================= */

@media (max-width: 47.99rem) {

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1.5rem;
        row-gap: 2.5rem;
    }

    .site-footer__brand {
        grid-column: 1 / -1;
    }

    .site-footer__grid > nav:nth-of-type(1),
    .site-footer__grid > nav:nth-of-type(2) {
        grid-column: span 1;
        min-width: 0;
    }

    .site-footer__contact {
        grid-column: 1 / -1;
    }

}

/* =========================================================
   FOOTER — REMOVE OBSOLETE COPYRIGHT GAP
   ========================================================= */

.site-footer__legal {
    margin-top: 0 !important;
}

.site-footer__grid {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .site-footer__legal {
        margin-top: 0 !important;
    }
}
/* === BLOG FINAL PREMIUM SYSTEM === */
.blog-shell{overflow:clip;background:#070909;color:#f5f7f2}.blog-shell a{color:inherit}.blog-breadcrumb{border-bottom:1px solid rgba(255,255,255,.08)}.blog-breadcrumb ol{display:flex;gap:.55rem;align-items:center;overflow:hidden;padding-block:1rem;list-style:none}.blog-breadcrumb li{flex:0 0 auto;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f9891;font-size:.78rem}.blog-breadcrumb li+li:before{content:"/";margin-right:.55rem;color:#4c554e}.blog-hero{padding:clamp(4rem,8vw,8rem) 0 clamp(2.8rem,6vw,5rem);background:radial-gradient(circle at 78% 15%,rgba(191,255,0,.08),transparent 32%)}.blog-hero h1{max-width:16ch;margin:.8rem 0 1.2rem;font-size:clamp(2.4rem,6.4vw,5.8rem);line-height:.96;letter-spacing:-.055em}.blog-hero>div>p:last-child{max-width:50rem;color:#aeb7b0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.blog-categories{display:flex;gap:.6rem;overflow-x:auto;padding-block:1.25rem;border-block:1px solid rgba(255,255,255,.08);scrollbar-width:thin}.blog-categories a{flex:0 0 auto;min-height:44px;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#bdc5be;text-decoration:none}.blog-categories a:hover,.blog-categories a:focus-visible,.blog-categories .is-active{border-color:#bfff00;color:#eaffae;background:rgba(191,255,0,.08)}.blog-section{padding:clamp(3rem,6vw,6rem) 0}.blog-heading{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.blog-heading h2{max-width:19ch;margin:.55rem 0 0;font-size:clamp(1.8rem,3.4vw,3.25rem);line-height:1.06}.blog-featured{display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.blog-featured__media{display:block;min-height:18rem}.blog-featured__media img,.blog-card__media img{width:100%;height:100%;object-fit:cover}.blog-featured__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem)}.blog-featured__body h2{margin:.65rem 0 1rem;font-size:clamp(1.8rem,3.5vw,3.4rem);line-height:1.02}.blog-featured__body h2 a{text-decoration:none}.blog-featured__body>p{color:#adb5ae;line-height:1.7}.blog-card__category{color:#bfff00;font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.blog-card__meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:1.25rem;color:#929b94;font-size:.78rem}.blog-card__read{display:inline-flex;gap:.5rem;align-items:center;margin-top:1.35rem;color:#dfff7d;font-weight:750;text-decoration:none}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem}.blog-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.025);transition:transform .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:rgba(191,255,0,.48)}.blog-card__link{display:flex;height:100%;flex-direction:column;text-decoration:none}.blog-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:#0f1310}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:1.25rem}.blog-card__title{display:-webkit-box;overflow:hidden;margin:.65rem 0;font-size:1.35rem;font-weight:750;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-card__excerpt{display:-webkit-box;overflow:hidden;color:#aeb6af;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card__body>.blog-card__read{margin-top:auto;padding-top:1.25rem}.blog-card__placeholder{display:grid;width:100%;height:100%;min-height:16rem;place-content:center;background:radial-gradient(circle,rgba(191,255,0,.14),transparent 48%),#101410;color:#bfff00;font-size:.72rem;letter-spacing:.18em}.blog-card__placeholder i{width:4rem;height:4rem;margin:0 auto 1rem;border:1px solid #bfff00;border-radius:50%;box-shadow:0 0 35px rgba(191,255,0,.2)}.blog-empty{padding:clamp(2rem,6vw,5rem);border:1px solid rgba(255,255,255,.11);border-radius:20px;text-align:center}.blog-empty p{margin:1rem auto 1.5rem;color:#aeb6af}.article-header{padding:clamp(3rem,7vw,7rem) 0 2.5rem}.article-header__inner{max-width:67rem}.article-header h1{max-width:18ch;margin:.8rem 0 1.2rem;font-size:clamp(2.4rem,6vw,5.6rem);line-height:.98;letter-spacing:-.05em}.article-header__excerpt{max-width:48rem;color:#b5bdb6;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.7}.article-header__meta{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;margin-top:1.5rem;color:#919a92;font-size:.82rem}.article-featured{overflow:hidden;margin-bottom:clamp(2rem,5vw,5rem);border-radius:24px}.article-featured img{display:block;width:100%;max-height:46rem;object-fit:cover}.article-featured figcaption{padding:.75rem 0;color:#879087;font-size:.78rem}.article-layout{display:grid;align-items:start;gap:clamp(2rem,4vw,4rem);padding-bottom:clamp(3rem,7vw,7rem)}.article-content{min-width:0;max-width:50rem;font-family:"Source Serif 4","Noto Serif",Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,1.2vw,1.16rem);line-height:1.8;color:#d9ddd8}.article-content>:first-child{margin-top:0}.article-content h2,.article-content h3,.article-content h4,.article-content code,.article-content pre,.article-service-cta,.article-share{font-family:inherit}.article-content h2,.article-content h3,.article-content h4{font-family:var(--font-display,Arial,sans-serif);color:#fff;scroll-margin-top:7rem}.article-content h2{margin:2.8em 0 .7em;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.12}.article-content h3{margin:2em 0 .6em;font-size:1.35rem}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 1.5em}.article-content img,.article-content video,.article-content iframe,.article-content table{max-width:100%}.article-content table{display:block;overflow-x:auto;border-collapse:collapse}.article-content th,.article-content td{padding:.75rem;border:1px solid rgba(255,255,255,.13)}.article-content blockquote,.article-quote{padding:1.3rem 1.5rem;border-left:3px solid #bfff00;background:rgba(191,255,0,.055)}.article-answer-box,.article-note,.article-checklist{margin:2rem 0;padding:1.3rem 1.5rem;border:1px solid rgba(191,255,0,.22);border-radius:14px;background:rgba(255,255,255,.035)}.article-checklist li::marker{color:#bfff00}.article-toc{min-width:0}.article-toc details{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d100e}.article-toc summary{cursor:pointer;font-weight:750}.article-toc ol{display:grid;gap:.7rem;margin:1rem 0 0;padding-left:1.2rem}.article-toc a{color:#aeb6af;font-size:.85rem;text-decoration:none}.article-service-cta{margin-top:3rem;padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgba(191,255,0,.32);border-radius:18px;background:radial-gradient(circle at 80% 0,rgba(191,255,0,.1),transparent 45%)}.article-service-cta h2{margin:.6rem 0 1.2rem!important;font-size:clamp(1.5rem,3vw,2.1rem)!important}.article-share{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:2rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem}.article-share a,.article-share button{min-height:44px;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:transparent;color:#dce1dc;font:inherit;cursor:pointer;text-decoration:none}.article-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:start;max-width:54rem;margin-bottom:clamp(3rem,7vw,7rem);padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.03)}.article-author img,.article-author .avatar{width:72px;height:72px;border-radius:16px;object-fit:cover}.article-author h2{margin:.35rem 0;font-size:1.5rem}.article-author p{color:#aeb6af;line-height:1.6}.article-author__role{color:#dfff7d!important;font-size:.82rem}.article-author a{color:#dfff7d;font-weight:700}.nav-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.page-numbers{display:grid;min-width:44px;min-height:44px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;text-decoration:none}.page-numbers.current{border-color:#bfff00;color:#bfff00}.article-related{border-top:1px solid rgba(255,255,255,.08)}
@media (min-width:64rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr)}.article-layout{grid-template-columns:minmax(12rem,16rem) minmax(0,50rem);justify-content:center}.article-toc{position:sticky;top:7rem}}
@media (min-width:80rem){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:63.999rem){.article-toc details:not([open]) ol{display:none}}
@media (max-width:30rem){.blog-hero h1,.article-header h1{overflow-wrap:anywhere}.article-author{grid-template-columns:1fr}.article-share>*{flex:1 1 calc(50% - .6rem);text-align:center}.article-share>span{flex-basis:100%;text-align:left}.blog-featured{border-radius:18px}.blog-featured__media{min-height:14rem}}

/* =========================================================
   BLOG SINGLE — FINAL TYPOGRAPHY TUNING
   ========================================================= */

.article-header h1 {
    max-width: 20ch;
    font-size: clamp(2.35rem, 4.8vw, 4.65rem);
    line-height: .98;
    letter-spacing: -.045em;
}

@media (max-width: 47.99rem) {
    .article-header h1 {
        max-width: 100%;
        font-size: clamp(2.2rem, 10.5vw, 3.5rem);
        line-height: 1;
    }
}

/* =========================================================
   BLOG SINGLE FINAL LAYOUT FIX
   ========================================================= */

.single-post .site-main,
.single-post .article-single,
.single-post .article-hero,
.single-post .article-shell {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.article-hero {
    padding-top: clamp(1.5rem, 3vw, 2.5rem) !important;
    min-height: auto !important;
}

.article-hero .site-container--wide,
.article-hero .site-container,
.article-header {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.article-header {
    max-width: 72rem !important;
}

.article-header h1 {
    max-width: 16ch !important;
    font-size: clamp(2.2rem, 4.2vw, 4rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 1.25rem !important;
}

.article-header__lede {
    max-width: 54rem !important;
}

.article-header__meta {
    gap: 1rem !important;
    flex-wrap: wrap !important;
}

.article-shell,
.article-layout,
.article-body-wrap {
    width: min(92%, 122rem) !important;
    max-width: none !important;
    margin-inline: auto !important;
}

.article-layout {
    display: grid !important;
    grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr) !important;
    gap: clamp(2rem, 3vw, 4rem) !important;
    align-items: start !important;
}

.article-toc {
    position: sticky !important;
    top: 7rem !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 20rem !important;
}

.article-content,
.article-entry {
    width: 100% !important;
    max-width: 100% !important;
}

.article-entry > * {
    max-width: 78ch !important;
}

.article-entry > .wp-block-image,
.article-entry > .wp-block-gallery,
.article-entry > .wp-block-cover,
.article-entry > .wp-block-table,
.article-entry > .wp-block-columns,
.article-entry > .article-answer-box,
.article-entry > .article-note-box,
.article-entry > .article-checklist {
    max-width: 100% !important;
}

@media (max-width: 1100px) {
    .article-layout {
        grid-template-columns: 1fr !important;
    }

    .article-toc {
        position: static !important;
        max-width: 100% !important;
        top: auto !important;
    }

    .article-header h1 {
        max-width: 100% !important;
        font-size: clamp(2rem, 8.2vw, 3.4rem) !important;
        line-height: 1 !important;
    }
}

/* =========================================================
   BLOG SINGLE — HERO CONTAINER + WIDER TEXT FINAL
   ========================================================= */

.article-header {
    width: 100%;
    margin: 0 !important;
    padding: clamp(2rem, 4vw, 4rem) 0 clamp(2.5rem, 4vw, 4rem) !important;
}

.article-header__inner {
    width: min(92%, 110rem) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.article-header h1 {
    max-width: 24ch !important;
    margin: .75rem 0 1.25rem !important;
    font-size: clamp(2.35rem, 4.1vw, 4.2rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
}

.article-header__excerpt {
    max-width: 62rem !important;
    margin-bottom: 1.5rem !important;
}

.article-header__meta {
    max-width: 62rem !important;
}

@media (max-width: 47.99rem) {

    .article-header {
        padding: 1.5rem 0 2.25rem !important;
    }

    .article-header__inner {
        width: min(92%, 110rem) !important;
    }

    .article-header h1 {
        max-width: 100% !important;
        font-size: clamp(2.1rem, 10vw, 3.35rem) !important;
        line-height: 1 !important;
    }

    .article-header__excerpt,
    .article-header__meta {
        max-width: 100% !important;
    }
}

/* =========================================================
   BLOG SINGLE — REAL HEADER CONTAINER ALIGNMENT
   ========================================================= */

.article-page .article-header {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

.article-page .article-header__inner {
    width: min(92%, 110rem) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

/*
 * Single blog yazılarında hero görseli kullanılmadığı için
 * başlığa daha fazla yatay alan ver.
 */
.article-page .article-header h1 {
    width: min(100%, 82rem) !important;
    max-width: 30ch !important;

    margin: .8rem 0 1.25rem !important;

    font-size: clamp(2.4rem, 3.8vw, 4rem) !important;
    line-height: .98 !important;
    letter-spacing: -.042em !important;
}

.article-page .article-header__excerpt {
    width: min(100%, 68rem) !important;
    max-width: none !important;
}

.article-page .article-header__meta {
    width: min(100%, 68rem) !important;
    max-width: none !important;
}

@media (max-width: 67.99rem) {

    .article-page .article-header__inner {
        width: min(calc(100% - 2rem), 110rem) !important;
    }

    .article-page .article-header h1 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(2.1rem, 9.5vw, 3.4rem) !important;
    }
}

/* =========================================================
   BLOG SINGLE — DESKTOP H1 TWO-LINE TUNING
   ========================================================= */

@media (min-width: 68rem) {

    .article-page .article-header h1 {
        width: min(100%, 96rem) !important;
        max-width: 36ch !important;

        font-size: clamp(2.35rem, 3.35vw, 3.75rem) !important;
        line-height: .98 !important;
        letter-spacing: -.04em !important;
    }

    .article-page .article-header__excerpt,
    .article-page .article-header__meta {
        width: min(100%, 76rem) !important;
        max-width: none !important;
    }
}

/* =========================================================
   BLOG SINGLE — TRUE TWO LINE DESKTOP TITLE
   ========================================================= */

@media (min-width: 68rem) {

    .article-page .article-header h1 {
        width: 100% !important;
        max-width: none !important;

        font-size: clamp(2.45rem, 3vw, 3.45rem) !important;
        line-height: .98 !important;
        letter-spacing: -.038em !important;

        text-wrap: balance;
    }

    .article-page .article-header__excerpt {
        width: min(100%, 82rem) !important;
        max-width: none !important;
    }

    .article-page .article-header__meta {
        width: min(100%, 82rem) !important;
        max-width: none !important;
    }
}

@media (max-width: 67.99rem) {

    .article-page .article-header h1 {
        width: 100% !important;
        max-width: 100% !important;

        font-size: clamp(2.05rem, 9vw, 3.25rem) !important;
        text-wrap: balance;
    }
}

/* =========================================================
   BLOG SINGLE — MASTER DESKTOP GRID FINAL
   ---------------------------------------------------------
   OUTER = kırmızı güvenli sınırlar
   LEFT  = sarı İçindekiler sütunu
   RIGHT = mavi Hero + Makale sütunu
   ========================================================= */

@media (min-width: 68rem) {

    /* -----------------------------------------------------
       ORTAK DIŞ SINIR
       Header sistemiyle aynı 92% / 110rem mantığı.
       Hiçbir blog öğesi bunun dışına taşamaz.
       ----------------------------------------------------- */

    .article-page .article-header__inner,
    .article-page .article-layout {
        width: min(92%, 110rem) !important;
        max-width: none !important;
        margin-inline: auto !important;

        box-sizing: border-box !important;

        display: grid !important;
        grid-template-columns:
            minmax(14rem, 16rem)
            minmax(0, 1fr) !important;

        column-gap: clamp(2.25rem, 3vw, 3.75rem) !important;
    }


    /* =====================================================
       HERO
       Hero'nun SOL sütunu boş kalacak.
       Başlık ve diğer bilgiler doğrudan MAVİ alanda.
       ===================================================== */

    .article-page .article-header {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding:
            clamp(2.5rem, 4.5vw, 4.5rem)
            0
            clamp(2.5rem, 4vw, 4rem) !important;
    }

    .article-page .article-header__inner > .eyebrow,
    .article-page .article-header__inner > h1,
    .article-page .article-header__inner > .article-header__excerpt,
    .article-page .article-header__inner > .article-header__meta {
        grid-column: 2 !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    .article-page .article-header__inner > .eyebrow {
        justify-self: start !important;
    }


    /* -----------------------------------------------------
       HERO H1
       Mavi alanın tamamını kullanabilir ama ASLA dışına taşmaz.
       Uzun başlık desktop'ta yatay yayılır.
       ----------------------------------------------------- */

    .article-page .article-header h1 {
        width: 100% !important;
        max-width: none !important;

        margin:
            .8rem
            0
            1.25rem !important;

        font-size:
            clamp(2.35rem, 3vw, 3.6rem) !important;

        line-height: .98 !important;
        letter-spacing: -.038em !important;

        overflow-wrap: normal !important;
        word-break: normal !important;

        text-wrap: balance;
    }


    .article-page .article-header__excerpt {
        width: min(100%, 70rem) !important;

        margin-bottom: 1.4rem !important;

        font-size:
            clamp(1.05rem, 1.2vw, 1.22rem) !important;
    }

    .article-page .article-header__meta {
        width: min(100%, 70rem) !important;
    }


    /* =====================================================
       MAKALE ANA GRID
       Sarı = TOC
       Mavi = içerik
       ===================================================== */

    .article-page .article-layout {
        align-items: start !important;
        justify-content: stretch !important;

        padding-top:
            clamp(2.5rem, 4vw, 4rem) !important;

        padding-bottom:
            clamp(4rem, 7vw, 7rem) !important;
    }


    /* -----------------------------------------------------
       SARI ALAN — İÇİNDEKİLER
       ----------------------------------------------------- */

    .article-page .article-toc {
        grid-column: 1 !important;

        position: sticky !important;
        top: 7rem !important;

        width: 100% !important;
        max-width: 16rem !important;

        min-width: 0 !important;

        margin: 0 !important;

        align-self: start !important;
    }

    .article-page .article-toc details {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .article-page .article-toc ol {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .article-page .article-toc a {
        display: block !important;

        max-width: 100% !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;
    }


    /* =====================================================
       MAVİ ALAN — MAKALE
       İçeriğin dış sınırı hero ile BİREBİR aynı.
       ===================================================== */

    .article-page .article-content {
        grid-column: 2 !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       Uzun düz metin okunabilir kalır.
       Ama bilgi kutusu / tablo / görsel mavi alanı kullanabilir.
       ----------------------------------------------------- */

    .article-page .article-content > p,
    .article-page .article-content > h2,
    .article-page .article-content > h3,
    .article-page .article-content > h4,
    .article-page .article-content > ul,
    .article-page .article-content > ol,
    .article-page .article-content > blockquote {
        width: min(100%, 54rem) !important;
        max-width: 54rem !important;
    }


    /* Geniş içerikler mavi alan sınırına kadar açılabilir */

    .article-page .article-content > .article-answer-box,
    .article-page .article-content > .article-note,
    .article-page .article-content > .article-checklist,
    .article-page .article-content > .article-service-cta,
    .article-page .article-content > .article-share,
    .article-page .article-content > figure,
    .article-page .article-content > table,
    .article-page .article-content > .wp-block-table,
    .article-page .article-content > .wp-block-image,
    .article-page .article-content > .wp-block-gallery,
    .article-page .article-content > .wp-block-cover,
    .article-page .article-content > .wp-block-columns {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       Taşma güvenliği
       ----------------------------------------------------- */

    .article-page .article-header__inner *,
    .article-page .article-layout * {
        min-width: 0;
    }

    .article-page img,
    .article-page video,
    .article-page iframe {
        max-width: 100% !important;
    }

}


/* =========================================================
   TABLET / MOBILE
   Tek kolon.
   TOC yukarı çıkar.
   ========================================================= */

@media (max-width: 67.99rem) {

    .article-page .article-header__inner,
    .article-page .article-layout {
        width: min(calc(100% - 2rem), 110rem) !important;
        max-width: none !important;

        margin-inline: auto !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        gap: 1.5rem !important;
    }

    .article-page .article-header__inner > * {
        grid-column: 1 !important;
    }

    .article-page .article-header h1 {
        width: 100% !important;
        max-width: 100% !important;

        font-size:
            clamp(2.05rem, 9vw, 3.35rem) !important;

        line-height: 1 !important;

        text-wrap: balance;
    }

    .article-page .article-toc,
    .article-page .article-content {
        grid-column: 1 !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    .article-page .article-toc {
        position: static !important;
        top: auto !important;
    }

    .article-page .article-content > p,
    .article-page .article-content > h2,
    .article-page .article-content > h3,
    .article-page .article-content > h4,
    .article-page .article-content > ul,
    .article-page .article-content > ol,
    .article-page .article-content > blockquote {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   BLOG SINGLE — NATURAL HERO TITLE WRAP
   2 satir zorlamasi kaldirildi
   ========================================================= */

@media (min-width: 68rem) {

    .article-page .article-header h1 {
        width: 100% !important;
        max-width: none !important;

        font-size: clamp(2.45rem, 3.35vw, 3.8rem) !important;
        line-height: .98 !important;
        letter-spacing: -.04em !important;

        text-wrap: wrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

@media (max-width: 67.99rem) {

    .article-page .article-header h1 {
        text-wrap: wrap !important;
    }
}

/* =========================================================
   BLOG SINGLE — TWO LINE SUMMARY STANDARD
   ========================================================= */

.article-page .article-header__excerpt {
    width: min(100%, 74rem) !important;
    max-width: 74rem !important;

    font-size: clamp(1.05rem, 1.2vw, 1.22rem) !important;
    line-height: 1.65 !important;

    text-wrap: pretty;
}

@media (max-width: 67.99rem) {
    .article-page .article-header__excerpt {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================================================
   PARTNER PROGRAM — PAGE SCOPED
   ========================================================= */
.partner-program{--pp-lime:#d8ff36;--pp-border:rgba(255,255,255,.13);--pp-panel:rgba(255,255,255,.045);background:#080a09;color:#f5f7f2;overflow:clip}.partner-program *{box-sizing:border-box}.partner-program a{color:inherit}.partner-program .site-container--wide{width:min(90%,80rem);margin-inline:auto}.partner-program__breadcrumb{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.partner-program__breadcrumb ol{display:flex;gap:.65rem;list-style:none;padding:0}.partner-program__breadcrumb li{color:#929990;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.partner-program__breadcrumb li+li:before{content:"/";margin-right:.65rem;color:#596057}.partner-program__breadcrumb a:hover{color:var(--pp-lime)}
.partner-hero{position:relative;padding:clamp(4.5rem,8vw,8.5rem) 0 clamp(4rem,7vw,7rem);background:radial-gradient(circle at 78% 42%,rgba(216,255,54,.09),transparent 29%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.partner-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);align-items:center;gap:clamp(2.5rem,6vw,7rem)}.partner-program .eyebrow{color:var(--pp-lime);font-size:.75rem;letter-spacing:.18em;font-weight:800}.partner-hero h1,.partner-program h2{margin:.6rem 0 1.25rem;letter-spacing:-.045em;line-height:.96}.partner-hero h1{font-size:clamp(3rem,5.9vw,6.8rem);max-width:13ch}.partner-hero h1 span{color:var(--pp-lime)}.partner-program h2{font-size:clamp(2.1rem,4vw,4.5rem);max-width:18ch}.partner-lead{max-width:43rem;color:#c0c6be;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.7}.partner-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.partner-trust{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;padding:0;list-style:none;color:#aeb5ac;font-size:.86rem}.partner-trust li:before{content:"";display:inline-block;width:.46rem;height:.46rem;margin-right:.55rem;border-radius:50%;background:var(--pp-lime);box-shadow:0 0 14px rgba(216,255,54,.65)}.partner-network{aspect-ratio:1.24;min-height:24rem;display:grid;place-items:center}.partner-network svg{width:100%;height:auto}.partner-network__lines{fill:none;stroke:rgba(216,255,54,.26);stroke-width:1.5;stroke-dasharray:8 8}.partner-network__nodes{fill:#0d110d;stroke:rgba(216,255,54,.72);stroke-width:1.5}.partner-network__labels{fill:#e9f4d5;text-anchor:middle;font:700 12px system-ui;letter-spacing:.08em}.partner-network__labels text:nth-child(n+2){font-size:9px;fill:#9ca893}
.partner-section{padding:clamp(4rem,7vw,7.5rem) 0;border-top:1px solid rgba(255,255,255,.075)}.partner-copy{max-width:64rem}.partner-copy p{color:#b9c0b7;line-height:1.8;font-size:1.08rem}.partner-answer__first{color:#fff!important;font-size:clamp(1.25rem,2vw,1.65rem)!important;line-height:1.55!important}.partner-heading{margin-bottom:2.2rem}.partner-heading h2{max-width:20ch}.partner-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0;list-style:none}.partner-steps li,.partner-audience article,.partner-role-grid article,.partner-commission__cards article{padding:clamp(1.3rem,2.2vw,2rem);border:1px solid var(--pp-border);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 24px 70px rgba(0,0,0,.16)}.partner-steps span{display:block;color:var(--pp-lime);font:800 .78rem/1 system-ui;letter-spacing:.16em}.partner-steps h3{min-height:2.6em;margin:2.8rem 0 .8rem;font-size:1.2rem}.partner-steps p,.partner-audience p,.partner-role-grid li{color:#aeb5ac;line-height:1.65}.partner-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.partner-service-grid a{min-height:8.5rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;border:1px solid var(--pp-border);border-radius:14px;background:var(--pp-panel);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.partner-service-grid a:hover,.partner-service-grid a:focus-visible{transform:translateY(-3px);border-color:var(--pp-lime);box-shadow:0 0 28px rgba(216,255,54,.1)}.partner-service-grid span{align-self:flex-end;color:var(--pp-lime)}
.partner-commission{background:#0b0e0c}.partner-commission__cards,.partner-table-grid,.partner-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.partner-commission__cards{margin-bottom:2.5rem}.partner-commission__cards article{display:grid;grid-template-columns:1fr auto;gap:1rem}.partner-commission__cards article>span{font-size:.76rem;letter-spacing:.14em;color:#9ca39a}.partner-commission__cards strong{grid-row:1/3;grid-column:2;color:var(--pp-lime);font-size:clamp(2.8rem,5vw,5rem);line-height:.8}.partner-commission__cards p{margin:0;color:#bcc2ba;line-height:1.6}.partner-table-grid h3{font-size:1rem;letter-spacing:.04em}.partner-table-wrap{overflow-x:auto;border:1px solid var(--pp-border);border-radius:14px}.partner-program table{width:100%;min-width:36rem;border-collapse:collapse;text-align:left}.partner-program th,.partner-program td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.88rem}.partner-program thead{background:rgba(216,255,54,.08)}.partner-program thead th{color:var(--pp-lime);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.partner-program tbody th{color:#fff}.partner-program tbody td{color:#b9c0b7}.partner-disclaimer{margin:1.3rem 0 0;color:#929990;font-size:.82rem;line-height:1.6}
.partner-calculator{background:radial-gradient(circle at 20% 50%,rgba(216,255,54,.08),transparent 34%)}.partner-calculator__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,7rem);align-items:center}.partner-calculator header p:last-child{color:#abb2a9;line-height:1.7}.partner-calc{padding:clamp(1.25rem,3vw,2.25rem);border:1px solid rgba(216,255,54,.25);border-radius:20px;background:#0d110e;box-shadow:0 0 60px rgba(216,255,54,.06)}.partner-calc__inputs,.partner-calc__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.partner-program label{display:block;margin-bottom:.55rem;color:#dce0da;font-weight:700;font-size:.86rem}.partner-program input,.partner-program select,.partner-program textarea{width:100%;min-height:3.25rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#080a09;color:#fff;font:inherit}.partner-program textarea{resize:vertical}.partner-program input:focus,.partner-program select:focus,.partner-program textarea:focus{outline:2px solid var(--pp-lime);outline-offset:2px}.partner-calc__results{margin:1rem 0;padding:1.25rem;border-radius:13px;background:rgba(216,255,54,.07)}.partner-calc__results p{margin:0}.partner-calc__results span{display:block;color:#aab1a8;font-size:.78rem}.partner-calc__results strong{display:block;margin-top:.4rem;color:var(--pp-lime);font-size:clamp(1.5rem,3vw,2.5rem)}.partner-calc>small{color:#8f978d}.partner-audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.partner-audience article{min-height:10rem}.partner-audience span{color:var(--pp-lime);font-size:1.5rem}.partner-audience h3{margin-top:2.3rem;font-size:1.1rem}.partner-role-grid article:first-child{border-color:rgba(255,255,255,.16)}.partner-role-grid article:last-child{border-color:rgba(216,255,54,.28)}.partner-role-grid h3{font-size:1.5rem}.partner-role-grid ul,.partner-terms ul{padding-left:1.2rem}.partner-role-grid li,.partner-terms li{margin:.75rem 0}.partner-terms ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 2.5rem}.partner-terms li{color:#c0c6be;line-height:1.65}.partner-terms>div>p{color:#8f978d;font-size:.83rem}
.partner-faq__grid{display:grid;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,7vw,8rem)}.partner-faq article{border-bottom:1px solid var(--pp-border)}.partner-faq h3{margin:0}.partner-faq button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.35rem 0;border:0;background:none;color:#fff;text-align:left;font:700 1rem/1.45 system-ui;cursor:pointer}.partner-faq button i{color:var(--pp-lime);font-style:normal;font-size:1.5rem;transition:transform .2s}.partner-faq button[aria-expanded=true] i{transform:rotate(45deg)}.partner-faq article div p{margin:0;padding:0 2.5rem 1.4rem 0;color:#adb4ab;line-height:1.7}.partner-application{background:radial-gradient(circle at 80% 35%,rgba(216,255,54,.1),transparent 32%),#0b0e0c}.partner-application__grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,7vw,8rem);align-items:start}.partner-application__grid>div:first-child>p{color:#b7beb5;line-height:1.7}.partner-contact{display:grid;gap:.7rem;margin-top:2rem}.partner-contact>a:not(.btn){font-size:1.1rem;text-decoration:none}.partner-contact .btn{width:max-content;margin-top:.5rem}.partner-form-card{padding:clamp(1.2rem,3vw,2.25rem);border:1px solid rgba(216,255,54,.2);border-radius:20px;background:#0a0c0b}.partner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.partner-form-grid p{margin:0}.partner-form-grid__wide{grid-column:1/-1}.partner-consent{display:flex!important;gap:.7rem;align-items:flex-start;margin:1.2rem 0;font-weight:400!important;line-height:1.55!important}.partner-consent input{width:1.1rem!important;min-height:1.1rem!important;flex:0 0 1.1rem;margin-top:.2rem}.partner-consent a{color:var(--pp-lime)}.partner-honeypot{position:absolute!important;left:-9999px!important}.partner-notice{margin-bottom:1rem;padding:1rem;border-radius:10px}.partner-notice--success{border:1px solid rgba(216,255,54,.45);background:rgba(216,255,54,.08)}.partner-notice--error{border:1px solid rgba(255,110,110,.45);background:rgba(255,110,110,.08)}.partner-legal{padding:1.6rem 0;border-top:1px solid var(--pp-border);background:#050706;color:#8f978d;font-size:.78rem;line-height:1.65}.partner-program :focus-visible{outline:2px solid var(--pp-lime);outline-offset:4px}
@media(min-width:68rem){.partner-program .site-container--wide{width:min(92%,110rem);max-width:none}}
@media(max-width:67.99rem){.partner-hero__grid,.partner-calculator__grid,.partner-application__grid{grid-template-columns:1fr}.partner-network{min-height:18rem;max-width:38rem;margin:auto}.partner-steps,.partner-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-audience{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-table-grid,.partner-faq__grid{grid-template-columns:1fr}.partner-terms ul{grid-template-columns:1fr}.partner-faq__grid{gap:1rem}}
@media(max-width:43rem){.partner-program .site-container--wide{width:min(88%,36rem)}.partner-hero{padding-top:3.5rem}.partner-hero__grid{gap:1rem}.partner-hero h1{font-size:clamp(2.65rem,13vw,4.2rem)}.partner-network{min-height:0}.partner-trust{display:grid}.partner-steps,.partner-service-grid,.partner-commission__cards,.partner-role-grid,.partner-audience,.partner-calc__inputs,.partner-calc__results,.partner-form-grid{grid-template-columns:1fr}.partner-service-grid a{min-height:6.5rem}.partner-commission__cards article{grid-template-columns:1fr}.partner-commission__cards strong{grid-row:auto;grid-column:auto}.partner-form-grid__wide{grid-column:auto}.partner-table-wrap{margin-right:calc((100vw - 88vw)/-2);border-radius:14px 0 0 14px}.partner-network__lines{animation:none}.partner-section{padding:3.8rem 0}}
@media(prefers-reduced-motion:reduce){.partner-program *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Partner program — restrained premium surface refinement. */
.partner-program .partner-steps li,
.partner-program .partner-audience article,
.partner-program .partner-role-grid article,
.partner-program .partner-commission__cards article,
.partner-program .partner-calc,
.partner-program .partner-form-card,
.partner-program .partner-application__grid>div:first-child{
    position:relative;
    overflow:hidden;
    border-color:var(--color-border-subtle);
    background:
        linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018) 42%),
        var(--color-bg-panel);
    box-shadow:var(--shadow-soft),inset 0 1px rgba(255,255,255,.045);
}
.partner-program .partner-steps li::before,
.partner-program .partner-audience article::before,
.partner-program .partner-role-grid article::before,
.partner-program .partner-commission__cards article::before,
.partner-program .partner-calc::before,
.partner-program .partner-form-card::before,
.partner-program .partner-application__grid>div:first-child::before{
    position:absolute;
    top:0;
    left:1.25rem;
    width:4.5rem;
    height:1px;
    background:linear-gradient(90deg,var(--color-neon-primary),transparent);
    opacity:.48;
    content:"";
    pointer-events:none;
}
.partner-program .partner-steps li{min-height:17rem;padding:1.75rem}
.partner-program .partner-steps li>span{
    display:grid;
    width:2.75rem;
    height:2.75rem;
    place-items:center;
    border:1px solid var(--color-border-strong);
    border-radius:var(--radius-medium);
    background:rgba(223,255,33,.055);
    box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.partner-program .partner-steps h3{margin-top:3.25rem;font-size:1.28rem;line-height:1.15}
.partner-program .partner-service-grid a{
    position:relative;
    overflow:hidden;
    border-color:var(--color-border-subtle);
    background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--color-bg-panel);
    box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.partner-program .partner-service-grid a::before{
    position:absolute;
    inset:0 auto auto 0;
    width:40%;
    height:1px;
    background:linear-gradient(90deg,var(--color-neon-primary),transparent);
    opacity:.35;
    content:"";
}
.partner-program .partner-service-grid a:hover,
.partner-program .partner-service-grid a:focus-visible{border-color:var(--color-border-strong);box-shadow:0 1.25rem 3rem rgba(0,0,0,.22),0 0 1.25rem rgba(223,255,33,.08)}
.partner-program .partner-commission__cards article{min-height:12.5rem;padding:2rem}
.partner-program .partner-calc{border-color:var(--color-border-strong);border-radius:var(--radius-panel)}
.partner-program .partner-calc__results{border:1px solid rgba(223,255,33,.13);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.partner-program .partner-audience article{display:flex;min-height:11rem;flex-direction:column;justify-content:space-between;padding:1.6rem}
.partner-program .partner-audience article>span{
    display:grid;
    width:2.5rem;
    height:2.5rem;
    place-items:center;
    border:1px solid var(--color-border-strong);
    border-radius:var(--radius-medium);
    background:rgba(223,255,33,.05);
    font-size:1.1rem;
}
.partner-program .partner-audience h3{margin:2rem 0 0;line-height:1.25}
.partner-program .partner-role-grid article{min-height:23rem;padding:2rem}
.partner-program .partner-role-grid article:last-child{border-color:var(--color-border-strong)}
.partner-program .partner-terms>.site-container--wide{
    padding:clamp(1.5rem,4vw,3rem);
    border:1px solid var(--color-border-subtle);
    border-radius:var(--radius-panel);
    background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),var(--color-bg-panel);
    box-shadow:var(--shadow-soft),inset 0 1px rgba(255,255,255,.04);
}
.partner-program .partner-faq article{
    margin-bottom:.65rem;
    padding-inline:1.15rem;
    border:1px solid var(--color-border-subtle);
    border-radius:var(--radius-medium);
    background:rgba(255,255,255,.022);
    box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.partner-program .partner-faq article:has(button[aria-expanded="true"]){border-color:rgba(223,255,33,.28);background:rgba(223,255,33,.025)}
.partner-program .partner-application__grid>div:first-child{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel)}
.partner-program .partner-form-card{border-color:var(--color-border-strong);border-radius:var(--radius-panel)}
.partner-program .partner-form-card input,
.partner-program .partner-form-card textarea{background:var(--color-bg-elevated);border-color:var(--color-border-subtle)}
.partner-program .partner-form-card input:focus,
.partner-program .partner-form-card textarea:focus{border-color:var(--color-neon-primary);box-shadow:0 0 0 .2rem rgba(223,255,33,.1)}
@media(max-width:43rem){
    .partner-program .partner-steps li,
    .partner-program .partner-role-grid article,
    .partner-program .partner-commission__cards article{min-height:0;padding:1.4rem}
    .partner-program .partner-terms>.site-container--wide{width:min(92%,36rem);padding:1.35rem}
    .partner-program .partner-application__grid>div:first-child{padding:1.35rem}
}

/* =========================================================
   BLOG SINGLE — FINAL TWO LINE EXCERPT
   ========================================================= */

.article-page .article-header__excerpt {
    display: -webkit-box !important;

    width: min(100%, 74rem) !important;
    max-width: 74rem !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    line-clamp: 2;

    font-size: clamp(1.05rem, 1.2vw, 1.22rem) !important;
    line-height: 1.65 !important;

    text-overflow: ellipsis !important;
}

@media (max-width: 67.99rem) {
    .article-page .article-header__excerpt {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* Home services title: mobile wrapping safety */
@media (max-width: 30rem) {
    .home-services__title-line {
        white-space: normal !important;
    }
}