/**
 * mozagon — Premium / luxury brand layer
 * Restrained palette, hairline borders, platinum typography, calmer ambience.
 */

body.corporate-ui {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* —— Ambience: quiet depth, less neon noise —— */
html:not(.theme-light) body.corporate-ui {
    background:
        radial-gradient(ellipse 90% 55% at 50% -12%, rgba(123, 47, 247, 0.07), transparent 58%),
        radial-gradient(ellipse 55% 40% at 100% 40%, rgba(8, 145, 178, 0.04), transparent 52%),
        #030308;
}

body.corporate-ui .galaxy-canvas {
    opacity: 0.42 !important;
}

body.corporate-ui .aurora-bg {
    opacity: 0.22 !important;
    filter: blur(72px) saturate(1.05) !important;
}

body.corporate-ui .floating-orb {
    opacity: 0.08 !important;
}

body.corporate-ui .grain-layer {
    opacity: 0.035 !important;
}

body.corporate-ui .matrix-overlay:not(.active) {
    opacity: 0 !important;
}

body.corporate-ui .depth-grid,
body.corporate-ui .parallax-halo,
body.corporate-ui .robotic-sweep-line,
body.corporate-ui .robot-hud-layer {
    opacity: 0.28 !important;
}

/* —— Typography —— */
body.corporate-ui .gradient-heading {
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(226, 232, 240, 0.14) 42%,
        rgba(248, 250, 252, 0.28) 50%,
        rgba(226, 232, 240, 0.12) 58%,
        transparent 100%
    ), var(--lux-heading-silver) !important;
    animation-duration: 14s !important;
}

body.corporate-ui .hero-eyebrow,
body.corporate-ui .motion-strip-premium__eyebrow,
body.corporate-ui .company-intro-eyebrow,
body.corporate-ui .footer-cta-eyebrow {
    letter-spacing: var(--lux-letter-caps) !important;
    font-weight: 500 !important;
}

body.corporate-ui .hero-eyebrow-line {
    width: 2.35rem !important;
    height: 1px !important;
    background: var(--lux-platinum-line) !important;
}

body.corporate-ui .hero-title-premium {
    font-weight: 400 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.08 !important;
}

body.corporate-ui .hero-word-accent {
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.12) 48%,
        transparent 100%
    ), var(--lux-accent-gradient) !important;
    font-weight: 500 !important;
}

/* Subtitle accent: gradient box + transparent fill is unreadable on mobile */
body.corporate-ui .hero-lead .hero-word-accent {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: #7dd3fc !important;
    -webkit-text-fill-color: #7dd3fc !important;
    animation: none !important;
    filter: none !important;
    font-weight: 600 !important;
}

html.theme-light body.corporate-ui .hero-lead .hero-word-accent {
    color: #0e7490 !important;
    -webkit-text-fill-color: #0e7490 !important;
}

body.corporate-ui .company-intro-title__main,
body.corporate-ui .company-intro-title__main .hero-word-accent,
body.corporate-ui .company-intro-title__main .brand-wordmark--inline,
body.corporate-ui .company-intro-title__main .brand-wordmark--split {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    animation: none !important;
    filter: none !important;
    text-shadow: none !important;
}

body.corporate-ui .company-intro-title__main {
    color: #e8eef4 !important;
    -webkit-text-fill-color: currentColor !important;
}

body.corporate-ui .company-intro-title__main .brand-wordmark__gabri {
    color: #c084fc !important;
    -webkit-text-fill-color: #c084fc !important;
}

body.corporate-ui .company-intro-title__main .brand-wordmark__code,
body.corporate-ui .company-intro-title__main .hero-word-accent {
    color: #67e8f9 !important;
    -webkit-text-fill-color: #67e8f9 !important;
}

html.theme-light body.corporate-ui .company-intro-title__main {
    color: var(--lt-ink) !important;
    -webkit-text-fill-color: var(--lt-ink) !important;
}

html.theme-light body.corporate-ui .company-intro-title__main .brand-wordmark__gabri {
    color: var(--brand-purple-deep) !important;
    -webkit-text-fill-color: var(--brand-purple-deep) !important;
}

html.theme-light body.corporate-ui .company-intro-title__main .brand-wordmark__code,
html.theme-light body.corporate-ui .company-intro-title__main .hero-word-accent {
    color: var(--brand-turquoise-deep) !important;
    -webkit-text-fill-color: var(--brand-turquoise-deep) !important;
}

html:not(.theme-light) body.corporate-ui .hero-lead,
html:not(.theme-light) body.corporate-ui .section-surface p {
    font-weight: 400;
    letter-spacing: 0.01em;
}

html:not(.theme-light) body.corporate-ui .text-soweda-cyan {
    color: #9ec9d8 !important;
    letter-spacing: var(--lux-letter-caps) !important;
    font-weight: 500 !important;
}

/* —— Surfaces & cards —— */
body.corporate-ui .glass-panel,
body.corporate-ui .interactive-card,
body.corporate-ui .section-surface:not(.cyber-panel) {
    border-color: var(--lux-hairline) !important;
    background: var(--lux-surface-dark) !important;
    box-shadow: var(--lux-shadow-card) !important;
}

body.corporate-ui .section-surface:not(.cyber-panel)::after {
    border-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Cyber panel — original deep-green SOC background (not luxury surface) */
body.corporate-ui .cyber-panel.section-surface {
    border-radius: 0 !important;
    border-top: 1px solid rgba(34, 197, 94, 0.34) !important;
    border-bottom: 1px solid rgba(34, 197, 94, 0.34) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background:
        linear-gradient(145deg, rgba(0, 6, 3, 0.985), rgba(0, 16, 8, 0.97)),
        radial-gradient(circle at 86% 18%, rgba(34, 197, 94, 0.22), transparent 42%),
        radial-gradient(circle at 10% 82%, rgba(20, 184, 166, 0.14), transparent 38%) !important;
    box-shadow: inset 0 1px 0 rgba(34, 197, 94, 0.14) !important;
}

body.corporate-ui .cyber-panel.section-surface::before {
    display: none !important;
}

body.corporate-ui .cyber-panel.section-surface::after {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

body.corporate-ui .icon-badge {
    border-color: rgba(203, 213, 225, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.corporate-ui .service-card:hover,
body.corporate-ui .interactive-card:hover {
    border-color: rgba(203, 213, 225, 0.2) !important;
    box-shadow: var(--lux-shadow-soft) !important;
    transform: translateY(-2px);
}

/* —— CTAs: restrained jewel tones —— */
body.corporate-ui .hero-cta-primary,
body.corporate-ui .company-intro-btn--primary,
body.corporate-ui .footer-hero-cta {
    background: linear-gradient(135deg, #5b21b6 0%, #4c1d95 42%, #0e4f6a 100%) !important;
    border: 1px solid rgba(196, 181, 253, 0.28) !important;
    box-shadow:
        0 12px 32px rgba(46, 16, 101, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    letter-spacing: 0.14em !important;
}

body.corporate-ui .hero-cta-primary:hover,
body.corporate-ui .company-intro-btn--primary:hover,
body.corporate-ui .footer-hero-cta:hover {
    background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 42%, #0e7490 100%) !important;
    box-shadow:
        0 16px 36px rgba(46, 16, 101, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.corporate-ui .hero-cta-ghost {
    border-color: var(--lux-hairline-strong) !important;
    background: rgba(255, 255, 255, 0.02) !important;
    letter-spacing: 0.12em !important;
}

body.corporate-ui .hero-cta-ghost:hover {
    border-color: rgba(203, 213, 225, 0.28) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* —— Motion strip —— */
body.corporate-ui .motion-strip-shell--premium {
    background: rgba(6, 8, 14, 0.72) !important;
    border-color: var(--lux-hairline) !important;
    box-shadow: var(--lux-shadow-card) !important;
    backdrop-filter: blur(22px) saturate(1.06) !important;
}

body.corporate-ui .motion-strip-shell--premium::before {
    background: linear-gradient(
        118deg,
        rgba(167, 139, 250, 0.18) 0%,
        rgba(148, 163, 184, 0.08) 42%,
        rgba(103, 232, 249, 0.14) 100%
    ) !important;
}

body.corporate-ui .motion-strip-chip {
    border-color: var(--lux-hairline) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    letter-spacing: 0.14em !important;
}

html:not(.theme-light) body.corporate-ui .motion-strip-chip {
    color: #cbd5e1 !important;
}

body.corporate-ui .motion-strip-chip__dot {
    box-shadow: none !important;
    opacity: 0.85;
}

/* —— Footer —— */
body.corporate-ui .advanced-footer {
    background: #020205 !important;
    border-top: 1px solid var(--lux-hairline) !important;
}

body.corporate-ui .advanced-footer::before {
    height: 1px !important;
    background: var(--lux-platinum-line) !important;
    opacity: 0.85;
}

body.corporate-ui .footer-cta-title {
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
}

body.corporate-ui .footer-title {
    letter-spacing: var(--lux-letter-caps) !important;
}

body.corporate-ui .footer-hero-cta {
    letter-spacing: 0.14em !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
}

/* —— Insight / reference cards —— */
body.corporate-ui .insight-cover-card,
body.corporate-ui .reference-node,
body.corporate-ui .executive-brief-card {
    border-color: var(--lux-hairline) !important;
    box-shadow: var(--lux-shadow-card) !important;
}

html:not(.theme-light) body.corporate-ui .problem-stack-card {
    border-color: var(--lux-hairline-strong) !important;
    box-shadow:
        0 20px 48px rgba(2, 6, 23, 0.48),
        0 6px 16px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html:not(.theme-light) body.corporate-ui .problem-stack-card::after {
    opacity: 0.42 !important;
    filter: blur(20px);
}

/* —— Page rhythm —— */
body.corporate-ui .page-shell main > section {
    scroll-margin-top: 5rem;
}

body.corporate-ui .max-w-7xl {
    letter-spacing: 0.005em;
}

/* —— Light theme luxury —— */
html.theme-light body.corporate-ui {
    background:
        radial-gradient(ellipse 80% 50% at 50% -8%, rgba(124, 58, 237, 0.05), transparent 55%),
        #f6f8fc !important;
}

html.theme-light body.corporate-ui .glass-panel:not(.cyber-card-item),
html.theme-light body.corporate-ui .interactive-card:not(.cyber-card-item) {
    background: linear-gradient(168deg, #ffffff 0%, #f8fafc 52%, #f1f5f9 100%) !important;
    border-color: rgba(15, 23, 42, 0.09) !important;
    box-shadow:
        0 18px 44px rgba(15, 23, 42, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html.theme-light body.corporate-ui .gradient-heading:not(.cyber-panel-title) {
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(15, 23, 42, 0.06) 48%,
        transparent 100%
    ), var(--lt-heading-gradient, var(--lux-heading-silver)) !important;
}

html.theme-light body.corporate-ui .motion-strip-shell--premium {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}

html.theme-light body.corporate-ui .motion-strip-chip {
    color: #0f172a !important;
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow:
        0 2px 10px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

html.theme-light body.corporate-ui .problem-stack-section {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 10px 36px rgba(15, 23, 42, 0.07) !important;
}

html.theme-light body.corporate-ui .problem-stack-card {
    border-color: rgba(8, 145, 178, 0.28) !important;
    box-shadow:
        0 26px 56px rgba(15, 23, 42, 0.17),
        0 10px 24px rgba(15, 23, 42, 0.09),
        0 2px 8px rgba(8, 145, 178, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html.theme-light body.corporate-ui .problem-stack-card::after {
    inset: auto 1.4rem -1.3rem !important;
    height: 2rem !important;
    background: rgba(15, 23, 42, 0.2) !important;
    filter: blur(22px) !important;
    opacity: 0.58 !important;
}

html.theme-light body.corporate-ui .advanced-footer {
    background: #f1f5f9 !important;
    border-top-color: rgba(15, 23, 42, 0.08) !important;
}

@media (min-width: 1024px) {
    body.corporate-ui .hero-copy--premium {
        padding-right: 1.5rem;
    }

    body.corporate-ui .hero-lead {
        max-width: 36rem !important;
    }
}

@media (max-width: 1023px) {
    body.corporate-ui .hero-title-premium {
        font-size: clamp(1.65rem, 7.2vw, 2.45rem) !important;
    }
}