*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }
body {
    margin: 0;
    background: #000;
    color: #fff;
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}
img, video, svg { max-width: 100%; display: block; }
.tech-ai .tech-ai-svg,
.tech-bus-svg,
.tech-galaxy-svg,
.tech-sat-svg,
.m-hero-svg,
.m-hero-galaxy-svg,
.about-orbit-svg {
    width: 100%;
    height: auto;
    max-width: none;
}
button, input, textarea { font: inherit; }
a { color: inherit; }
.page-main { padding-top: 4rem; }
.index-desktop, .index-mobile { display: none; }
@media (min-width: 861px) { .index-desktop { display: block; } }
@media (max-width: 860px) { .index-mobile { display: block; } }

#navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#navigation a:focus,
#navigation button:focus {
    outline: none !important;
    box-shadow: none !important;
}
#navigation .nav-shell {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
}
#navigation .nav-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
}
#navigation .nav-home {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    text-decoration: none;
}
#navigation .nav-logo {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
    flex-shrink: 0;
}
#navigation .nav-brand {
    font-family: 'Space Grotesk', Inter, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #fff;
    margin: 0;
}
#navigation .nav-brand em {
    font-style: normal;
    color: #CB0000;
    font-weight: 500;
    margin-left: 0.18em;
}
#navigation .nav-links {
    display: none;
    align-items: center;
    margin-left: auto;
    gap: 0.25rem;
}
#navigation a.nav-link {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    padding: 0.5rem 0.65rem;
    transition: color 0.2s ease;
}
#navigation a.nav-link:hover { color: #fff; }
#navigation a.nav-link.is-active { color: #fff; }
#navigation .nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    background: none;
    border: 0;
    cursor: pointer;
    color: #fff;
}
#navigation .nav-toggle span,
#navigation .nav-toggle span::before,
#navigation .nav-toggle span::after {
    display: block;
    width: 18px;
    height: 1.5px;
    background: #fff;
    transition: transform 0.2s ease, top 0.2s ease, background 0.2s ease;
}
#navigation .nav-toggle span { position: relative; }
#navigation .nav-toggle span::before,
#navigation .nav-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
}
#navigation .nav-toggle span::before { top: -6px; }
#navigation .nav-toggle span::after { top: 6px; }
#navigation .nav-toggle.is-open span { background: transparent; }
#navigation .nav-toggle.is-open span::before { top: 0; transform: rotate(45deg); }
#navigation .nav-toggle.is-open span::after { top: 0; transform: rotate(-45deg); }
#navigation .nav-drawer {
    display: none;
    padding: 0.35rem 0 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
#navigation .nav-drawer.is-open { display: block; }
#navigation .nav-drawer .nav-link { display: block; padding: 0.75rem 0.25rem; }
@media (min-width: 768px) {
    #navigation .nav-links { display: flex; }
    #navigation .nav-toggle { display: none; }
    #navigation .nav-drawer { display: none !important; }
}

/* ===== resources/views/landing/components/hero.blade.php ===== */

        .dark-hero {
            --red: #CB0000;
            --purple: #5e17eb;
            position: relative;
            isolation: isolate;
            min-height: 100vh;
            min-height: 100dvh;
            background: #000;
            overflow: hidden;
            color: #fff;
        }

        .dark-hero-grid {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);
            opacity: 0;
            transition: opacity 1s ease 0.4s;
        }

        .dark-hero-glow {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse 50% 40% at 20% 80%, rgba(203,0,0,0.16), transparent 60%),
                radial-gradient(ellipse 45% 40% at 82% 18%, rgba(94,23,235,0.18), transparent 60%),
                radial-gradient(ellipse 36% 30% at 50% 48%, rgba(94,23,235,0.1), transparent 72%);
            opacity: 0;
            transition: opacity 1.2s ease 0.5s;
        }

        .dark-hero.is-live .dark-hero-grid,
        .dark-hero.is-live .dark-hero-glow {
            opacity: 1;
        }

        .hero-boot {
            position: absolute;
            inset: 0;
            z-index: 30;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #000;
            transition: opacity 0.55s ease;
        }

        .hero-boot.is-done {
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
        }

        .hero-boot-track {
            width: 112px;
            height: 1px;
            background: #1c1c1c;
            overflow: hidden;
        }

        .hero-boot-fill {
            width: 0;
            height: 100%;
            background: linear-gradient(90deg, var(--red), var(--purple));
            animation: boot-fill 0.85s ease forwards;
        }

        @keyframes boot-fill {
            to { width: 100%; }
        }

        .tech-field {
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
        }

        .tech-obj {
            position: absolute;
            opacity: 0;
            transform: translate(var(--ox), var(--oy));
        }

        .dark-hero.is-live .tech-obj {
            animation:
                obj-in 1.15s cubic-bezier(.16,1,.3,1) var(--delay) forwards,
                obj-float 8s ease-in-out calc(var(--delay) + 1.2s) infinite;
        }

        @keyframes obj-in {
            to {
                opacity: 1;
                transform: translate(0, 0);
            }
        }

        @keyframes obj-float {
            0%, 100% { transform: translate(0, 0); }
            50% { transform: translate(0, -8px); }
        }

        .tech-node { animation: node-pulse 2.6s ease-in-out infinite; }
        .tech-node.is-slow { animation-duration: 3.4s; animation-delay: -1.2s; }
        @keyframes node-pulse {
            0%, 100% { opacity: 0.45; }
            50% { opacity: 1; }
        }

        .tech-galaxy {
            inset: 0;
            width: auto;
            height: auto;
        }

        .dark-hero.is-live .tech-galaxy {
            animation: obj-in 1.6s ease 0.04s forwards;
        }

        .tech-galaxy-svg,
        .tech-sat-svg {
            width: 100%;
            height: 100%;
            max-width: none;
            overflow: visible;
            display: block;
        }

        .tech-sat-svg {
            height: auto;
        }

        .tech-orbit-ring {
            stroke: rgba(255,255,255,0.12);
            stroke-width: 1;
        }

        .tech-orbit-ring.is-mid { stroke: rgba(94,23,235,0.22); }
        .tech-orbit-ring.is-far { stroke: rgba(255,255,255,0.07); }

        .tech-star {
            fill: rgba(255,255,255,0.32);
        }

        .tech-star.is-p { fill: rgba(94,23,235,0.55); }
        .tech-star.is-r { fill: rgba(203,0,0,0.45); }

        .tech-bus {
            top: 5.6rem;
            left: 50%;
            width: min(30rem, 58vw);
            margin-left: calc(min(30rem, 58vw) / -2);
        }

        .tech-bus-svg {
            width: 100%;
            height: auto;
            max-width: none;
            overflow: visible;
            display: block;
        }

        .tech-stack {
            top: 27%;
            left: 7%;
            width: min(16.25rem, 20vw);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .tech-stack-svg {
            width: 40px;
            height: 40px;
            max-width: 40px;
            overflow: visible;
        }

        .tech-cap {
            width: 100%;
            padding: 13px 15px 14px;
            border-radius: 18px;
            background: rgba(6,6,10,0.94);
            border: 1px solid rgba(255,255,255,0.2);
        }

        .tech-cap header {
            font-family: Inter, system-ui, sans-serif;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: 0.22em;
            color: rgba(255,255,255,0.82);
            margin-bottom: 9px;
        }

        .tech-cap pre {
            margin: 0;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            line-height: 1.55;
            letter-spacing: 0;
            color: rgba(255,255,255,0.5);
            white-space: pre;
            overflow: hidden;
        }

        .tech-cap .kw { color: var(--purple); }
        .tech-cap .fn { color: #fff; }
        .tech-cap .str { color: var(--red); }

        .tech-sat {
            top: 19%;
            right: 7%;
            width: min(200px, 16vw);
        }

        .tech-out {
            top: 36%;
            right: 6%;
            width: min(13.5rem, 18vw);
        }

        .tech-cores {
            bottom: 13%;
            left: 8%;
            display: flex;
            align-items: center;
        }

        .tech-cores-svg {
            width: 5.5rem;
            height: 24px;
            max-width: 5.5rem;
        }

        .tech-core {
            width: 2.7rem;
            height: 2.7rem;
            border-radius: 50%;
            display: grid;
            place-items: center;
            position: relative;
            background: #08060f;
            box-shadow: 0 0 0 1.5px #5e17eb, 0 0 18px rgba(94,23,235,0.24);
        }

        .tech-core.is-red {
            box-shadow: 0 0 0 1.5px #CB0000, 0 0 18px rgba(203,0,0,0.24);
        }

        .tech-core i {
            width: 1.15rem;
            height: 1.15rem;
            border-radius: 4px;
            border: 1px solid rgba(255,255,255,0.14);
            background: #05040a;
        }

        .tech-core em {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            font-family: Inter, system-ui, sans-serif;
            font-size: 9px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: 0.14em;
            color: #fff;
        }

        .tech-ai {
            width: min(320px, 26vw);
            height: auto;
            bottom: 4%;
            right: 2%;
        }

        .tech-ai-svg {
            width: 100%;
            height: auto;
            overflow: visible;
            display: block;
        }

        .tech-ai-trace {
            stroke: rgba(255,255,255,0.22);
            stroke-width: 1.15;
        }

        .tech-ai-pins path {
            stroke: rgba(255,255,255,0.32);
            stroke-width: 1.2;
        }

        .tech-ai-bloom {
            fill: rgba(94, 23, 235, 0.16);
        }

        .tech-ai-halo {
            fill: #08060f;
            stroke-width: 2.6;
        }

        .tech-ai-die {
            fill: #05040a;
            stroke: rgba(255,255,255,0.14);
            stroke-width: 1;
        }

        .tech-ai-mark {
            fill: #fff;
            font-family: Inter, system-ui, sans-serif;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.18em;
        }

        .tech-sat-mark {
            font-size: 10px;
            letter-spacing: 0.1em;
        }

        .tech-mini .tech-ai-halo {
            stroke-width: 1.8;
        }

        .tech-mini .tech-ai-bloom {
            fill: rgba(94, 23, 235, 0.12);
        }

        .tech-ai-callout rect,
        .tech-ai-callout path {
            fill: rgba(6,6,10,0.94);
            stroke: rgba(255,255,255,0.2);
            stroke-width: 1;
        }

        .tech-ai-callout text {
            fill: rgba(255,255,255,0.82);
            font-family: Inter, system-ui, sans-serif;
            font-size: 10px;
            letter-spacing: 0.22em;
            text-anchor: middle;
        }

        .tech-glyph {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 26px;
            font-weight: 400;
            letter-spacing: 0.12em;
            color: transparent;
            -webkit-text-stroke: 1px rgba(94,23,235,0.55);
        }

        .tech-binary {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 10px;
            letter-spacing: 0.2em;
            color: rgba(255,255,255,0.18);
            white-space: nowrap;
            width: 320px;
            text-align: center;
        }

        .tech-chip {
            display: none;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.14em;
            color: rgba(255,255,255,0.5);
            border: 1px solid rgba(94,23,235,0.4);
            padding: 6px 10px;
        }

        .dark-hero-content {
            position: relative;
            z-index: 2;
            min-height: 100vh;
            min-height: 100dvh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 7rem 1.5rem 4rem;
            max-width: 44rem;
            margin: 0 auto;
            text-align: left;
        }

        .dark-hero-content::before {
            content: '';
            position: absolute;
            inset: 8% -8%;
            background: radial-gradient(ellipse at center, rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.72) 42%, transparent 74%);
            z-index: -1;
            pointer-events: none;
        }

        .hero-kicker,
        .hero-prompt,
        .hero-outcome {
            opacity: 0;
            transform: translateY(8px);
        }

        .dark-hero.is-live .hero-kicker,
        .dark-hero.is-live .hero-prompt,
        .dark-hero.is-live .hero-outcome {
            animation: copy-in 0.7s ease 0.35s forwards;
        }

        .dark-hero.is-live .hero-prompt {
            animation-delay: 0.55s;
        }

        .dark-hero.is-live .hero-outcome {
            animation-delay: 1.15s;
        }

        @keyframes copy-in {
            to {
                opacity: 1;
                transform: none;
            }
        }

        .hero-kicker {
            font-size: 11px;
            letter-spacing: 0.34em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.48);
            margin-bottom: 14px;
        }

        .hero-prompt {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 13px;
            color: rgba(255,255,255,0.4);
            margin-bottom: 22px;
        }

        .prompt-mark {
            color: var(--red);
            margin-right: 8px;
        }

        .hero-title {
            font-weight: 300;
            font-size: clamp(2.1rem, 6vw, 4.1rem);
            line-height: 1.12;
            letter-spacing: -0.03em;
            color: #fff;
            min-height: 1.2em;
            margin-bottom: 0.7rem;
        }

        .hero-outcome {
            font-family: 'Space Grotesk', Inter, sans-serif;
            font-weight: 400;
            font-size: clamp(1.15rem, 2.4vw, 1.45rem);
            letter-spacing: -0.02em;
            color: rgba(255,255,255,0.78);
            margin: 0 0 1rem;
        }

        .hero-mission {
            font-family: 'Space Grotesk', Inter, sans-serif;
            font-weight: 400;
            font-size: clamp(1rem, 2vw, 1.15rem);
            line-height: 1.65;
            letter-spacing: -0.015em;
            color: rgba(255,255,255,0.58);
            max-width: 38rem;
            min-height: 5.2em;
            margin-bottom: 2rem;
        }

        .caret {
            display: inline-block;
            width: 2px;
            height: 0.85em;
            margin-left: 3px;
            background: var(--red);
            vertical-align: -0.08em;
            animation: caret-blink 1s steps(1) infinite;
        }

        .caret.is-hidden {
            display: none;
        }

        @keyframes caret-blink {
            50% { opacity: 0; }
        }

        .hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            opacity: 0;
            transform: translateY(10px);
            pointer-events: none;
        }

        .hero-actions.is-ready {
            opacity: 1;
            transform: none;
            pointer-events: auto;
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .hero-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 48px;
            padding: 0 22px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.02em;
            text-decoration: none;
            transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
        }

        .hero-btn-primary {
            background: var(--red);
            color: #fff;
        }

        .hero-btn-primary:hover {
            background: var(--purple);
        }

        .hero-btn-ghost {
            border: 1px solid rgba(255,255,255,0.2);
            color: rgba(255,255,255,0.86);
        }

        .hero-btn-ghost:hover {
            border-color: var(--purple);
            color: #fff;
        }

        body.index-dark #navigation {
            background: rgba(0,0,0,0.28) !important;
            border-bottom: 1px solid rgba(255,255,255,0.06) !important;
            box-shadow: none !important;
            opacity: 0;
            animation: nav-in 0.7s ease 1s forwards;
        }

        body.index-dark #navigation .text-gray-900,
        body.index-dark #navigation .text-gray-700 {
            color: rgba(255,255,255,0.72) !important;
        }

        body.index-dark #navigation a:hover,
        body.index-dark #navigation button:hover {
            color: #fff !important;
        }

        body.index-dark #mobile-menu {
            background: #050505 !important;
            border-color: rgba(255,255,255,0.08) !important;
        }

        @keyframes nav-in {
            to { opacity: 1; }
        }

        @media (max-width: 1280px) {
            .tech-stack { width: min(14.75rem, 19vw); left: 4%; }
            .tech-sat { width: min(170px, 15vw); right: 4%; }
            .tech-out { display: none; }
            .tech-ai { width: min(300px, 28vw); right: 3%; }
        }

        @media (max-width: 1100px) {
            .tech-stack,
            .tech-sat,
            .tech-cores { display: none; }
            .tech-bus { width: min(26rem, 72vw); margin-left: calc(min(26rem, 72vw) / -2); }
            .tech-ai { width: min(260px, 32vw); bottom: 4%; right: 1%; }
            .dark-hero-content {
                max-width: 38rem;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }
        }

        @media (max-width: 980px) {
            .tech-bus { width: min(24rem, 86vw); margin-left: calc(min(24rem, 86vw) / -2); }
            .tech-ai { width: min(240px, 40vw); bottom: 4%; right: 0; }
        }

        @media (max-width: 860px) {
            .hero-title { font-size: 2rem; }
            .hero-actions { flex-direction: column; align-items: stretch; }
            .hero-btn { width: 100%; }
        }

        @media (prefers-reduced-motion: reduce) {
            .hero-boot,
            .hero-boot-fill,
            .tech-obj,
            .hero-kicker,
            .hero-prompt,
            .hero-outcome,
            .hero-actions,
            body.index-dark #navigation {
                animation: none !important;
                opacity: 1 !important;
                transform: none !important;
                pointer-events: auto !important;
            }
            .hero-boot { display: none; }
            .dark-hero-grid,
            .dark-hero-glow { opacity: 1; }
            .caret { animation: none; }
            .tech-node { animation: none; opacity: 1; }
        }
    

/* ===== resources/views/landing/components/about.blade.php ===== */

        .dark-about {
            --red: #CB0000;
            --purple: #5e17eb;
            position: relative;
            isolation: isolate;
            background: #000;
            color: #fff;
            overflow: hidden;
            padding: 6.5rem 1.5rem 5.5rem;
            border-top: 1px solid rgba(255,255,255,0.06);
        }

        .dark-about-grid {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: radial-gradient(ellipse at 50% 40%, #000 18%, transparent 72%);
            pointer-events: none;
        }

        .dark-about-glow {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse 42% 32% at 78% 38%, rgba(94,23,235,0.16), transparent 60%),
                radial-gradient(ellipse 36% 28% at 16% 78%, rgba(203,0,0,0.1), transparent 60%);
            pointer-events: none;
        }

        .dark-about-inner {
            position: relative;
            z-index: 1;
            max-width: 68rem;
            margin: 0 auto;
        }

        .about-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(20rem, 1fr);
            gap: 3rem;
            align-items: center;
            margin-bottom: 3.25rem;
        }

        .about-kicker {
            font-size: 11px;
            letter-spacing: 0.34em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.48);
            margin-bottom: 12px;
        }

        .about-prompt {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 13px;
            color: rgba(255,255,255,0.4);
            margin-bottom: 20px;
        }

        .about-prompt-mark {
            color: var(--red);
            margin-right: 8px;
        }

        .about-title {
            font-weight: 300;
            font-size: clamp(2.2rem, 5.4vw, 3.6rem);
            line-height: 1.08;
            letter-spacing: -0.035em;
            color: #fff;
            margin-bottom: 0.85rem;
        }

        .about-line {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 13px;
            letter-spacing: 0.08em;
            color: rgba(255,255,255,0.45);
            margin: 0 0 1.15rem;
        }

        .about-body {
            max-width: 34rem;
            margin: 0;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.6;
            color: rgba(255,255,255,0.58);
        }

        .about-orbit {
            position: relative;
            justify-self: center;
            width: min(100%, 28rem);
        }

        .about-orbit-svg {
            width: 100%;
            height: auto;
            max-width: none;
            overflow: visible;
            display: block;
        }

        .orb-ring {
            stroke: rgba(160, 140, 255, 0.22);
            stroke-width: 1;
            stroke-dasharray: 2.5 7;
            animation: orb-circuit 18s linear infinite;
        }
        .orb-ring.is-mid { stroke: rgba(94,23,235,0.38); animation-duration: 14s; animation-direction: reverse; }
        .orb-ring.is-inner { stroke: rgba(103,232,249,0.28); stroke-dasharray: 2 6; animation-duration: 10s; }
        .orb-ring.is-far { stroke: rgba(255,255,255,0.08); animation-duration: 22s; }

        .orb-link {
            stroke: rgba(255,255,255,0.28);
            stroke-width: 1;
        }

        .orb-core {
            fill: #07070d;
            stroke-width: 2.3;
            filter: drop-shadow(0 0 22px rgba(94,23,235,0.55)) drop-shadow(0 0 10px rgba(103,232,249,0.28));
        }

        .orb-mark {
            fill: #fff;
            font-family: Inter, system-ui, sans-serif;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0.18em;
        }

        .orb-dot { animation: node-pulse 2.6s ease-in-out infinite; }
        .orb-dot.is-red { fill: #CB0000; filter: drop-shadow(0 0 6px rgba(203,0,0,0.7)); }
        .orb-dot.is-purple { fill: #b794f6; filter: drop-shadow(0 0 6px rgba(94,23,235,0.7)); }
        .orb-dot.is-cyan { fill: #67e8f9; filter: drop-shadow(0 0 6px rgba(103,232,249,0.7)); }
        .orb-dot.is-blue { fill: #60a5fa; filter: drop-shadow(0 0 6px rgba(96,165,250,0.7)); }

        @keyframes orb-circuit {
            to { stroke-dashoffset: -140; }
        }

        .orb-pill rect {
            fill: rgba(8,8,14,0.94);
            stroke: rgba(255,255,255,0.16);
            stroke-width: 1;
        }

        .orb-pill text {
            fill: rgba(255,255,255,0.82);
            font-family: Inter, system-ui, sans-serif;
            font-size: 9px;
            letter-spacing: 0.2em;
            text-anchor: middle;
        }

        .orb-ico {
            stroke: rgba(255,255,255,0.72);
            stroke-width: 1.15;
            fill: none;
        }

        .orb-ico circle,
        .orb-ico.is-fill {
            fill: rgba(255,255,255,0.72);
            stroke: none;
        }

        .about-pillars {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.08);
        }

        .about-pillars li {
            background: #000;
            padding: 1.45rem 1.25rem 1.55rem;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .about-pillars span {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.14em;
            color: var(--red);
        }

        .about-pillars li:nth-child(2) span { color: var(--purple); }

        .about-pillars code {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 12px;
            color: rgba(255,255,255,0.34);
        }

        .about-pillars strong {
            font-weight: 300;
            font-size: clamp(1.15rem, 2vw, 1.4rem);
            letter-spacing: -0.025em;
            line-height: 1.25;
        }

        body.index-dark #navigation {
            background: rgba(0,0,0,0.28) !important;
            border-bottom: 1px solid rgba(255,255,255,0.06) !important;
            box-shadow: none !important;
        }

        body.index-dark #navigation .text-gray-900,
        body.index-dark #navigation .text-gray-700 {
            color: rgba(255,255,255,0.72) !important;
        }

        body.index-dark #mobile-menu {
            background: #050505 !important;
            border-color: rgba(255,255,255,0.08) !important;
        }

        @media (max-width: 860px) {
            .dark-about { padding: 5rem 1.25rem 4.5rem; }
            .about-hero {
                grid-template-columns: 1fr;
                gap: 2rem;
                margin-bottom: 2.25rem;
            }
            .about-orbit { width: min(100%, 22rem); }
            .about-pillars { grid-template-columns: 1fr; }
        }

        @media (prefers-reduced-motion: reduce) {
            .orb-run { display: none; }
            .orb-ring { animation: none; }
        }
    

/* ===== resources/views/landing/components/workflow.blade.php ===== */

        #workflow-processing.wp-section {
            position: relative;
            background:
                radial-gradient(ellipse 48% 42% at 50% 58%, rgba(203,0,0,0.1), transparent 62%),
                radial-gradient(ellipse 40% 36% at 72% 48%, rgba(94,23,235,0.12), transparent 64%),
                #000;
            padding: 72px 0 72px;
            overflow: hidden;
            border-top: 1px solid rgba(255,255,255,0.06);
        }

        .wp-intro {
            width: min(1180px, 94%);
            margin: 0 auto 2.25rem;
        }

        .wp-kicker {
            font-size: 11px;
            letter-spacing: 0.34em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.48);
            margin-bottom: 12px;
        }

        .wp-prompt {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 13px;
            color: rgba(255,255,255,0.4);
            margin-bottom: 18px;
        }

        .wp-prompt span { color: #CB0000; margin-right: 8px; }

        .wp-title {
            font-weight: 300;
            font-size: clamp(2rem, 5vw, 3.2rem);
            letter-spacing: -0.03em;
            color: #fff;
            line-height: 1.12;
            margin-bottom: 10px;
        }

        .wp-line {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 13px;
            letter-spacing: 0.08em;
            color: rgba(255,255,255,0.45);
            margin: 0;
        }

        .wp-container {
            position: relative;
            width: min(1180px, 94%);
            margin: 0 auto;
            min-height: 620px;
        }

        .wp-badge {
            position: absolute;
            z-index: 6;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #f2f2f6;
            background: #141418;
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 999px;
            padding: 8px 16px 8px 10px;
            font-size: 13px;
            font-weight: 500;
            white-space: nowrap;
        }

        .wp-pos-gmail { top: 5%; left: 16%; }
        .wp-pos-gcal { top: 33%; left: 0; }
        .wp-pos-gdrive { top: 54%; left: 0; }
        .wp-pos-gmaps { bottom: 5%; left: 14%; }
        .wp-pos-notion { top: 5%; left: 62%; }
        .wp-pos-outlook { bottom: 5%; left: 63%; }

        .wp-badge-icon {
            width: 22px;
            height: 22px;
            flex-shrink: 0;
            display: grid;
            place-items: center;
        }

        .wp-badge-icon svg { width: 100%; height: 100%; }

        .wp-core {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: clamp(260px, 32vw, 340px);
            height: clamp(176px, 20vw, 220px);
            border-radius: 22px;
            background: #0b0b0e;
            box-shadow:
                0 0 0 1px rgba(255,255,255,0.05),
                0 22px 56px rgba(0,0,0,0.55),
                0 0 42px rgba(255,255,255,0.08),
                0 0 90px rgba(255,255,255,0.04),
                0 0 80px rgba(203,0,0,0.14);
            display: grid;
            place-items: center;
            z-index: 5;
        }

        .wp-core-ring {
            width: 92px;
            height: 92px;
            border-radius: 50%;
            border: 2px solid #CB0000;
            background: #111;
            display: grid;
            place-items: center;
            overflow: hidden;
            box-shadow: 0 0 28px rgba(203,0,0,0.45);
        }

        .wp-core-logo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .wp-right-cards {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            display: grid;
            gap: 14px;
            width: clamp(250px, 26vw, 300px);
            z-index: 6;
        }

        .wp-card {
            --card-accent: #CB0000;
            background: #0a0a0c;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 12px;
            padding: 0;
            color: #e8e8f0;
            overflow: hidden;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
        }

        .wp-card--run { --card-accent: #CB0000; }
        .wp-card--cron { --card-accent: #5e17eb; }
        .wp-card--event { --card-accent: #732be5; }

        .wp-card-bar {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 6px 12px;
            background: #111115;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }

        .wp-card-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--card-accent);
            box-shadow: 0 0 8px var(--card-accent);
            flex-shrink: 0;
        }

        .wp-card-bar code {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            color: rgba(255,255,255,0.42);
        }

        .wp-card-tag {
            margin-left: auto;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 9px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--card-accent);
        }

        .wp-card-body { padding: 8px 12px 9px; }

        .wp-card-title {
            font-weight: 400;
            font-size: 14px;
            letter-spacing: -0.02em;
            color: #f5f5fa;
            line-height: 1.2;
        }

        .wp-card-sub {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            color: rgba(255,255,255,0.4);
            margin: 3px 0 8px;
        }

        .wp-step {
            height: 26px;
            border-radius: 6px;
            background: #111115;
            border: 1px solid rgba(255,255,255,0.05);
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 0 10px;
            color: rgba(255,255,255,0.55);
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            margin-top: 5px;
        }

        .wp-step span {
            color: var(--card-accent);
            letter-spacing: 0.08em;
            font-size: 10px;
        }

        .wp-svg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 4;
        }

        .wp-path {
            fill: none;
            stroke: rgba(255,255,255,0.3);
            stroke-width: 1.5;
            stroke-linecap: round;
            stroke-dasharray: 5 6;
        }

        .wp-dot {
            fill: #fff;
            filter: url(#wp-dot-glow);
        }

        .wp-path-mobile { display: none; }

        @media (max-width: 900px) {
            .wp-container {
                min-height: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 12px;
            }

            .wp-badge,
            .wp-core,
            .wp-right-cards {
                position: static;
                transform: none;
            }

            .wp-badge { margin: 0 4px; }

            .wp-core {
                margin: 12px 0;
                width: min(300px, 88vw);
                height: 160px;
            }

            .wp-right-cards {
                width: 100%;
                max-width: 420px;
                display: flex;
                flex-wrap: nowrap;
                gap: 8px;
            }

            .wp-right-cards .wp-card {
                flex: 1 1 30%;
                min-width: 0;
            }

            .wp-right-cards .wp-card-bar { padding: 6px 8px; }
            .wp-right-cards .wp-card-body { padding: 8px; }
            .wp-right-cards .wp-card-title { font-size: 11px; }
            .wp-right-cards .wp-card-sub { font-size: 9px; margin-bottom: 6px; }
            .wp-right-cards .wp-card-bar code,
            .wp-right-cards .wp-card-tag { font-size: 8px; }
            .wp-right-cards .wp-step { height: 24px; font-size: 9px; padding: 0 6px; }

            .wp-path-mobile { display: inline; }

            #path-core-workflow,
            #path-core-scheduled,
            #path-core-trigger { display: none; }
        }

        @media (prefers-reduced-motion: reduce) {
            .wp-dot { display: none; }
        }
    

/* ===== resources/views/landing/components/services.blade.php ===== */

        .dark-section {
            --red: #CB0000;
            --purple: #5e17eb;
            position: relative;
            background: #000;
            color: #fff;
            padding: 6.5rem 1.5rem 5.5rem;
            border-top: 1px solid rgba(255,255,255,0.06);
            overflow: hidden;
        }
        .ds-grid {
            position: absolute; inset: 0; pointer-events: none;
            background-image:
                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 72%);
        }
        .ds-inner { position: relative; z-index: 1; max-width: 68rem; margin: 0 auto; }
        .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .ds-prompt span { color: var(--red); margin-right: 8px; }
        .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.12; margin-bottom: 10px; }
        .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 2.75rem; }

        .svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08); }
        .svc-card { background: #000; padding: 1.6rem 1.3rem 1.7rem; display: flex; flex-direction: column; gap: 12px; }
        .svc-index { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.14em; color: var(--red); }
        .svc-card:nth-child(even) .svc-index { color: var(--purple); }
        .svc-card code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.35); }
        .svc-card h3 { font-weight: 400; font-size: 1.25rem; letter-spacing: -0.02em; margin: 0; }
        .svc-card ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
        .svc-card li { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.5); }

        @media (max-width: 860px) {
            .dark-section { padding: 5rem 1.25rem 4.5rem; }
            .svc-grid { grid-template-columns: 1fr; }
        }
    

/* ===== resources/views/landing/components/products.blade.php ===== */

        .dark-products {
            --red: #CB0000;
            --purple: #5e17eb;
            position: relative;
            overflow: hidden;
            background: #000;
            color: #fff;
            padding: 6.5rem 1.5rem 5.5rem;
            border-top: 1px solid rgba(255,255,255,0.06);
        }
        .prod-inner { position: relative; z-index: 1; max-width: 68rem; margin: 0 auto; }

        .dark-products .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .dark-products .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .dark-products .ds-prompt span { color: var(--red); margin-right: 8px; }
        .dark-products .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; margin-bottom: 10px; }
        .dark-products .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 2.5rem; }

        .prod-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.08);
        }
        .prod-card {
            background: #000;
            padding: 1.5rem 1.4rem 1.7rem;
            display: flex;
            flex-direction: column;
        }
        .prod-index {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.14em;
            color: var(--red);
            margin-top: 1.15rem;
        }
        .prod-card.is-alt .prod-index { color: var(--purple); }
        .prod-card code {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 13px;
            color: rgba(255,255,255,0.35);
            margin: 10px 0 8px;
        }
        .prod-card h3 {
            font-weight: 400;
            font-size: 1.45rem;
            letter-spacing: -0.02em;
            margin: 0 0 8px;
        }
        .prod-card h3 a { color: inherit; text-decoration: none; }
        .prod-card h3 a:hover { color: #732be5; }
        .prod-lead {
            font-size: 15px;
            font-weight: 300;
            color: rgba(255,255,255,0.78);
            margin: 0 0 10px;
            letter-spacing: -0.01em;
        }
        .prod-copy {
            font-size: 14px;
            line-height: 1.55;
            color: rgba(255,255,255,0.48);
            margin: 0 0 1.15rem;
            max-width: 36rem;
        }
        .prod-card ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            gap: 8px;
        }
        .prod-card li {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 12px;
            color: rgba(255,255,255,0.52);
        }
        .prod-card li::before { content: '› '; color: var(--red); }
        .prod-card.is-alt li::before { color: var(--purple); }

        .prod-stage {
            position: relative;
            height: 220px;
            background:
                radial-gradient(ellipse 70% 60% at 50% 40%, rgba(203,0,0,0.1), transparent 70%),
                #08080a;
            border: 1px solid rgba(255,255,255,0.06);
            overflow: hidden;
        }
        .prod-card.is-alt .prod-stage {
            background:
                radial-gradient(ellipse 70% 60% at 50% 40%, rgba(94,23,235,0.14), transparent 70%),
                #08080a;
        }
        .prod-roof, .prod-data { width: 100%; height: 168px; display: block; }
        .prod-gridline { stroke: rgba(255,255,255,0.05); stroke-width: 1; }
        .prod-roof-face { fill: rgba(203,0,0,0.16); stroke: #CB0000; stroke-width: 1.2; }
        .prod-roof-side { fill: rgba(94,23,235,0.16); stroke: #5e17eb; stroke-width: 1.1; }
        .prod-roof-wall { fill: rgba(255,255,255,0.04); stroke: rgba(255,255,255,0.2); stroke-width: 1; }
        .prod-scan {
            stroke: #CB0000;
            stroke-width: 1.4;
            stroke-dasharray: 18 160;
            filter: url(#prod-glow);
            animation: prod-scan 3.6s linear infinite;
        }
        .prod-dim { stroke: rgba(255,255,255,0.2); stroke-width: 1; stroke-dasharray: 3 6; }
        .prod-tick { fill: #CB0000; animation: prod-node 2.2s ease-in-out infinite; }
        .prod-tick.is-purple { fill: #5e17eb; }

        .prod-readout, .prod-rows {
            position: absolute;
            left: 14px;
            right: 14px;
            bottom: 12px;
            display: flex;
            justify-content: space-between;
            gap: 8px;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.06em;
            color: rgba(255,255,255,0.55);
        }
        .prod-readout span, .prod-rows span {
            flex: 1;
            text-align: center;
            padding: 5px 0;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(0,0,0,0.45);
            animation: prod-pulse-row 3.6s ease-in-out infinite;
        }
        .prod-readout span:nth-child(2),
        .prod-rows span:nth-child(2) { animation-delay: 1.2s; color: #fff; }
        .prod-readout span:nth-child(3),
        .prod-rows span:nth-child(3) { animation-delay: 2.4s; }
        .prod-rows em {
            font-style: normal;
            color: var(--purple);
            margin-left: 6px;
        }

        .prod-file rect { fill: rgba(255,255,255,0.04); stroke: rgba(255,255,255,0.18); stroke-width: 1; }
        .prod-file path { stroke: rgba(255,255,255,0.28); stroke-width: 1; }
        .prod-file-a { animation: prod-float 4.2s ease-in-out infinite; }
        .prod-file-b { animation: prod-float 4.8s ease-in-out infinite reverse; }
        .prod-file-c { animation: prod-float 3.8s ease-in-out infinite; }
        .prod-spoke { stroke: rgba(255,255,255,0.16); stroke-width: 1; stroke-dasharray: 3 7; }
        .prod-hub { fill: #0b0b0e; stroke: #5e17eb; stroke-width: 1.2; }
        .prod-data text {
            fill: #fff;
            font-size: 13px;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            letter-spacing: 1.4px;
        }
        .prod-dot { fill: #CB0000; }
        .prod-dot.is-purple { fill: #5e17eb; }

        @keyframes prod-scan { to { stroke-dashoffset: -178; } }
        @keyframes prod-pulse-row {
            0%, 100% { border-color: rgba(255,255,255,0.08); }
            45% { border-color: rgba(203,0,0,0.55); color: #fff; }
        }
        .prod-card.is-alt .prod-rows span:nth-child(2) { animation-name: prod-pulse-row-alt; }
        @keyframes prod-pulse-row-alt {
            0%, 100% { border-color: rgba(255,255,255,0.08); }
            45% { border-color: rgba(94,23,235,0.7); color: #fff; }
        }
        @keyframes prod-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-4px); }
        }

        @media (max-width: 860px) {
            .dark-products { padding: 5rem 1.25rem 4.5rem; }
            .prod-grid { grid-template-columns: 1fr; }
            .prod-stage { height: 200px; }
        }

        @media (prefers-reduced-motion: reduce) {
            .prod-scan, .prod-tick,
            .prod-readout span, .prod-rows span, .prod-file, .prod-dot { animation: none; }
            .prod-dot { display: none; }
        }
    

/* ===== resources/views/landing/components/cta.blade.php ===== */

        .dark-cta {
            --red: #CB0000;
            --purple: #5e17eb;
            background: #000;
            color: #fff;
            padding: 6.5rem 1.5rem 5.5rem;
            border-top: 1px solid rgba(255,255,255,0.06);
            position: relative;
            overflow: hidden;
        }
        .dark-cta::before {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(ellipse 40% 50% at 80% 50%, rgba(94,23,235,0.14), transparent 60%),
                radial-gradient(ellipse 30% 40% at 10% 70%, rgba(203,0,0,0.1), transparent 60%);
        }
        .dcta-inner { position: relative; max-width: 68rem; margin: 0 auto; }
        .dark-cta .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .dark-cta .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .dark-cta .ds-prompt span { color: var(--red); margin-right: 8px; }
        .dark-cta .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; margin-bottom: 10px; }
        .dark-cta .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 2rem; }

        .cta-row { display: flex; flex-wrap: wrap; gap: 10px; }
        .cta-btn {
            min-height: 44px;
            padding: 0 22px;
            display: inline-flex;
            align-items: center;
            background: var(--red);
            color: #fff;
            font-size: 13px;
            letter-spacing: 0.08em;
            text-decoration: none;
            border-radius: 0;
        }
        .cta-btn.is-ghost {
            background: transparent;
            border: 1px solid rgba(255,255,255,0.18);
        }
        .cta-btn:hover { background: var(--purple); color: #fff; border-color: var(--purple); }

        @media (max-width: 640px) {
            .dark-cta { padding: 5rem 1.25rem 4.5rem; }
            .cta-btn { width: 100%; justify-content: center; }
        }
    

/* ===== resources/views/landing/components/footer.blade.php ===== */

        .dark-footer {
            --red: #CB0000;
            --purple: #5e17eb;
            position: relative;
            overflow: hidden;
            background: #000;
            color: #fff;
            padding: 5.5rem 1.5rem 2.5rem;
            border-top: 1px solid rgba(255,255,255,0.06);
        }
        .dft-inner { position: relative; z-index: 1; max-width: 68rem; margin: 0 auto; }

        .ft-signals {
            position: absolute;
            top: 0;
            right: 2.5rem;
            width: min(28rem, 46%);
            height: min(14rem, 48%);
            pointer-events: none;
            z-index: 0;
        }
        .ft-signals svg {
            width: 100%;
            height: 100%;
            max-width: none;
            overflow: visible;
            display: block;
        }
        .ft-trace,
        .dr-trace {
            stroke: rgba(255,255,255,0.22);
            stroke-width: 1.15;
        }
        .ft-pin,
        .dr-pin {
            stroke: rgba(255,255,255,0.32);
            stroke-width: 1.2;
        }
        .ft-nodes circle,
        .dr-nodes circle,
        .ft-run,
        .dr-run {
            animation: node-pulse 2.6s ease-in-out infinite;
        }
        .ft-nodes circle.is-slow,
        .dr-nodes circle.is-slow,
        .ft-run.is-slow,
        .dr-run.is-slow {
            animation-duration: 3.4s;
            animation-delay: -1.2s;
        }
        .ft-nodes circle.is-white,
        .dr-nodes circle.is-white,
        .ft-run.is-white,
        .dr-run.is-white { fill: #fff; }
        .ft-nodes circle.is-purple,
        .dr-nodes circle.is-purple,
        .ft-run.is-purple,
        .dr-run.is-purple { fill: #5e17eb; }
        .ft-nodes circle.is-red,
        .dr-nodes circle.is-red,
        .ft-run.is-red,
        .dr-run.is-red { fill: #CB0000; }
        @media (prefers-reduced-motion: reduce) {
            .ft-run, .dr-run { display: none; }
            .ft-nodes circle, .dr-nodes circle { animation: none; opacity: 1; }
        }
        .dark-footer .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .dark-footer .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .dark-footer .ds-prompt span { color: var(--red); margin-right: 8px; }
        .dark-footer .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; margin-bottom: 2.5rem; }
        .dark-footer .ds-title span { color: var(--red); }

        .ft-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.2fr; gap: 2rem 1.5rem; }
        .ft-label { display: block; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--purple); margin-bottom: 14px; }
        .ft-grid ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
        .ft-grid a, .ft-grid li { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.55); text-decoration: none; }
        .ft-grid a:hover { color: #fff; }

        .ft-social { display: flex; flex-wrap: wrap; gap: 8px; }
        .ft-social a {
            min-width: 36px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255,255,255,0.12);
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.08em;
            color: rgba(255,255,255,0.7);
            text-decoration: none;
        }
        .ft-social a:hover { border-color: var(--red); color: #fff; }

        .ft-copy {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            color: rgba(255,255,255,0.28);
            margin: 2.75rem 0 0;
            padding-top: 1.25rem;
            border-top: 1px solid rgba(255,255,255,0.08);
            text-align: center;
        }

        @media (max-width: 860px) {
            .dark-footer { padding: 4.5rem 1.25rem 2rem; }
            .ft-grid { grid-template-columns: 1fr 1fr; }
            .ft-signals { right: 1.25rem; width: min(12rem, 42%); height: 8rem; }
        }
        @media (max-width: 520px) {
            .ft-grid { grid-template-columns: 1fr; }
        }
    

/* ===== resources/views/landing/components/demo-request.blade.php ===== */

        .dark-demo-req {
            --red: #CB0000;
            --purple: #5e17eb;
            position: relative;
            overflow: hidden;
            background: #000;
            color: #fff;
            padding: 12.5rem 1.5rem 6rem;
            min-height: calc(100dvh - 4rem);
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }
        .dr-inner {
            position: relative;
            z-index: 1;
            max-width: 68rem;
            margin: 0 auto;
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 22rem);
            gap: 3.5rem;
            align-items: start;
        }
        .dr-signals {
            position: absolute;
            top: 0;
            left: 0;
            width: min(28rem, 46%);
            height: min(10rem, 24%);
            pointer-events: none;
        }
        .dr-signals svg {
            width: 100%;
            height: 100%;
            max-width: none;
            overflow: visible;
            display: block;
        }

        .dark-demo-req .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .dark-demo-req .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .dark-demo-req .ds-prompt span { color: var(--red); margin-right: 8px; }
        .dark-demo-req .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.12; margin-bottom: 10px; }
        .dark-demo-req .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 1.25rem; }
        .dr-body { font-size: 15px; font-weight: 300; line-height: 1.6; color: rgba(255,255,255,0.55); max-width: 32rem; margin: 0 0 1.5rem; }
        .dr-chat {
            display: inline-flex;
            align-items: center;
            min-height: 44px;
            padding: 0 22px;
            border: 1px solid rgba(255,255,255,0.18);
            color: #fff;
            font-size: 13px;
            letter-spacing: 0.08em;
            text-decoration: none;
        }
        .dr-chat:hover { background: var(--purple); border-color: var(--purple); color: #fff; }

        .dr-panel {
            background: #0a0a0c;
            border: 1px solid rgba(255,255,255,0.08);
            overflow: hidden;
        }
        .dr-bar {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 9px 14px;
            background: #111115;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }
        .dr-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--red);
            box-shadow: 0 0 8px var(--red);
        }
        .dr-bar code {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            color: rgba(255,255,255,0.42);
        }
        .dr-tag {
            margin-left: auto;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 9px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--red);
        }
        .dr-flash {
            margin: 0;
            padding: 12px 16px 0;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 12px;
            line-height: 1.45;
        }
        .dr-flash.is-ok { color: rgba(255,255,255,0.72); }
        .dr-flash.is-err { color: #ff8a8a; }
        .dr-form .dr-flash { padding: 0; }

        .dr-form {
            position: relative;
            display: grid;
            gap: 14px;
            padding: 1.25rem 1.15rem 1.35rem;
        }
        .dr-hp {
            position: absolute;
            left: -9999px;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }
        .dr-turnstile:empty { display: none; }
        .dr-submit:disabled { opacity: 0.55; cursor: wait; }
        .dr-form label { display: grid; gap: 6px; }
        .dr-form span {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            text-transform: lowercase;
            color: rgba(255,255,255,0.4);
        }
        .dr-form input,
        .dr-form textarea {
            width: 100%;
            background: #08080a;
            border: 1px solid rgba(255,255,255,0.1);
            color: #fff;
            font-family: Inter, sans-serif;
            font-size: 14px;
            font-weight: 300;
            padding: 11px 12px;
            border-radius: 0;
            outline: none;
        }
        .dr-form textarea { resize: vertical; min-height: 96px; }
        .dr-form input::placeholder,
        .dr-form textarea::placeholder { color: rgba(255,255,255,0.28); }
        .dr-form input:focus,
        .dr-form textarea:focus { border-color: var(--purple); }
        .dr-form em {
            font-style: normal;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            color: #ff8a8a;
        }
        .dr-submit {
            min-height: 44px;
            border: 0;
            background: var(--red);
            color: #fff;
            font-size: 13px;
            letter-spacing: 0.08em;
            cursor: pointer;
        }
        .dr-submit:hover { background: #732be5; }

        body.index-dark #navigation {
            background: rgba(0,0,0,0.28) !important;
            border-bottom: 1px solid rgba(255,255,255,0.06) !important;
            box-shadow: none !important;
        }
        body.index-dark #navigation .text-gray-900,
        body.index-dark #navigation .text-gray-700 {
            color: rgba(255,255,255,0.72) !important;
        }
        body.index-dark #navigation a:hover,
        body.index-dark #navigation button:hover { color: #fff !important; }
        body.index-dark #mobile-menu {
            background: #050505 !important;
            border-color: rgba(255,255,255,0.08) !important;
        }

        @media (max-width: 860px) {
            .dark-demo-req { padding: 9.5rem 1.25rem 5rem; }
            .dr-inner { grid-template-columns: 1fr; gap: 2rem; }
            .dr-signals { width: min(12rem, 42%); height: 6.5rem; }
        }

        @media (prefers-reduced-motion: reduce) {
            .dr-run { display: none; }
            .dr-nodes circle { animation: none; opacity: 1; }
        }
    

/* ===== resources/views/landing/who-we-are.blade.php ===== */

        .dark-who {
            --red: #CB0000;
            --purple: #5e17eb;
            background: #000;
            color: #fff;
            padding: 6.5rem 1.5rem 5.5rem;
        }
        .who-inner { max-width: 68rem; margin: 0 auto; }
        .dark-who .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .dark-who .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .dark-who .ds-prompt span { color: var(--red); margin-right: 8px; }
        .dark-who .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.12; margin-bottom: 10px; }
        .dark-who .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 1.25rem; }
        .who-lead { font-family: 'Space Grotesk', Inter, sans-serif; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.58); max-width: 36rem; margin: 0 0 2.75rem; }

        .who-pillars {
            list-style: none;
            margin: 0 0 2.5rem;
            padding: 0;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.08);
        }
        .who-pillars li { background: #000; padding: 1.4rem 1.2rem; display: grid; gap: 8px; }
        .who-pillars span { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.14em; color: var(--red); }
        .who-pillars li:nth-child(even) span { color: var(--purple); }
        .who-pillars code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.34); }
        .who-pillars strong { font-weight: 300; font-size: clamp(1.05rem, 2vw, 1.25rem); letter-spacing: -0.02em; line-height: 1.3; }

        .who-panel { background: #0a0a0c; border: 1px solid rgba(255,255,255,0.08); overflow: hidden; }
        .who-bar {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 9px 14px;
            background: #111115;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }
        .who-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); }
        .who-bar code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: rgba(255,255,255,0.42); }
        .who-tag { margin-left: auto; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--red); }
        .who-panel-body { padding: 1.25rem 1.15rem 1.4rem; display: grid; gap: 0.85rem; }
        .who-panel-body p { margin: 0; font-size: 15px; font-weight: 300; line-height: 1.6; color: rgba(255,255,255,0.58); max-width: 40rem; }

        .who-miles {
            display: grid;
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
            gap: 3rem 4rem;
            align-items: start;
            margin: 4.25rem 0 0;
        }
        .who-miles-copy .ds-title { font-size: clamp(1.7rem, 4vw, 2.4rem); }
        .who-miles-copy .who-lead { margin-bottom: 0; }
        .who-track {
            list-style: none;
            margin: 0;
            padding: 0 0 0 1.45rem;
            position: relative;
        }
        .who-track::before {
            content: '';
            position: absolute;
            left: 4px;
            top: 0.45rem;
            bottom: 0.45rem;
            width: 1px;
            background: var(--red);
        }
        .who-track li {
            position: relative;
            padding: 0 0 1.85rem;
        }
        .who-track li:last-child { padding-bottom: 0; }
        .who-track li::before {
            content: '';
            position: absolute;
            left: -1.45rem;
            top: 0.4rem;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: var(--red);
            box-shadow: 0 0 8px var(--red);
        }
        .who-track span {
            display: block;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.16em;
            color: rgba(255,255,255,0.42);
            margin-bottom: 8px;
        }
        .who-track h3 {
            font-weight: 400;
            font-size: 1.15rem;
            letter-spacing: -0.02em;
            margin: 0 0 6px;
        }
        .who-track p {
            margin: 0;
            font-size: 15px;
            font-weight: 300;
            line-height: 1.55;
            color: rgba(255,255,255,0.52);
            max-width: 28rem;
        }

        .who-foot { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.08); }
        .who-foot .ds-title { font-size: clamp(1.7rem, 4vw, 2.4rem); }
        .who-actions { display: flex; flex-wrap: wrap; gap: 10px; }
        .who-btn, .who-btn-ghost {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 22px;
            font-size: 13px;
            letter-spacing: 0.08em;
            text-decoration: none;
        }
        .who-btn { background: var(--red); color: #fff; }
        .who-btn:hover { background: #732be5; color: #fff; }
        .who-btn-ghost { color: #fff; border: 1px solid rgba(255,255,255,0.18); }
        .who-btn-ghost:hover { background: var(--purple); border-color: var(--purple); color: #fff; }

        body.index-dark #navigation {
            background: rgba(0,0,0,0.28) !important;
            border-bottom: 1px solid rgba(255,255,255,0.06) !important;
            box-shadow: none !important;
        }
        body.index-dark #navigation .text-gray-900,
        body.index-dark #navigation .text-gray-700 { color: rgba(255,255,255,0.72) !important; }
        body.index-dark #navigation a:hover,
        body.index-dark #navigation button:hover { color: #fff !important; }
        body.index-dark #mobile-menu { background: #050505 !important; border-color: rgba(255,255,255,0.08) !important; }

        @media (max-width: 860px) {
            .dark-who { padding: 5rem 1.25rem 4.5rem; }
            .who-pillars { grid-template-columns: 1fr; }
            .who-miles { grid-template-columns: 1fr; gap: 2rem; }
            .who-actions { display: grid; }
            .who-btn, .who-btn-ghost { width: 100%; }
        }
    

/* ===== resources/views/landing/singlePage.blade.php ===== */

        .dark-demo-page {
            --red: #CB0000;
            --purple: #5e17eb;
            background: #000;
            color: #fff;
            padding: 6.5rem 1.5rem 5.5rem;
        }
        .dp-inner { max-width: 68rem; margin: 0 auto; }
        .dark-demo-page .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
        .dark-demo-page .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
        .dark-demo-page .ds-prompt span { color: var(--red); margin-right: 8px; }
        .dark-demo-page .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.12; margin-bottom: 10px; }
        .dark-demo-page .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 1.25rem; }
        .dp-lead { font-family: 'Space Grotesk', Inter, sans-serif; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.58); max-width: 36rem; margin: 0 0 2.5rem; }

        .dp-stage { background: #0a0a0c; border: 1px solid rgba(255,255,255,0.08); overflow: hidden; }
        .dp-bar {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 9px 14px;
            background: #111115;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }
        .dp-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); }
        .dp-bar code { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.62); }
        .dp-tag { margin-left: auto; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--red); }

        .dp-screen { position: relative; background: #050506; }
        .dp-screen iframe { width: 100%; height: min(36rem, 62vh); display: block; border: 0; background: #000; }
        .dp-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            min-height: 36px;
            padding: 0 12px;
            border: 1px solid rgba(255,255,255,0.18);
            background: rgba(0,0,0,0.45);
            color: #fff;
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            cursor: pointer;
            z-index: 2;
        }
        .dp-nav:hover { background: var(--purple); border-color: var(--purple); }
        .dp-nav.is-prev { left: 12px; }
        .dp-nav.is-next { right: 12px; }
        .dp-copy {
            margin: 0;
            padding: 1.1rem 1.15rem 1.25rem;
            font-size: 15px;
            font-weight: 300;
            line-height: 1.55;
            color: rgba(255,255,255,0.58);
        }

        .dp-thumbs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin-top: 8px;
        }
        .dp-thumb {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            column-gap: 10px;
            align-items: center;
            text-align: left;
            padding: 0;
            border: 1px solid rgba(255,255,255,0.08);
            background: #0a0a0c;
            color: #fff;
            cursor: pointer;
            overflow: hidden;
        }
        .dp-thumb-frame {
            grid-row: 1 / span 2;
            width: 7.5rem;
            height: 4.5rem;
            background:
                radial-gradient(circle at 50% 50%, rgba(255,255,255,0.14) 0 7px, transparent 8px),
                #050506;
        }
        .dp-thumb span {
            font-family: 'JetBrains Mono', ui-monospace, monospace;
            font-size: 11px;
            letter-spacing: 0.14em;
            color: var(--red);
            padding-top: 8px;
        }
        .dp-thumb:nth-child(even) span { color: var(--purple); }
        .dp-thumb strong { font-weight: 400; font-size: 14px; letter-spacing: -0.02em; padding-bottom: 10px; }
        .dp-thumb.is-on { border-color: var(--red); }
        .dp-thumb:hover { border-color: rgba(255,255,255,0.28); }

        .dp-foot { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2rem; }
        .dp-btn, .dp-btn.is-ghost {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 0 22px;
            font-size: 13px;
            letter-spacing: 0.08em;
            text-decoration: none;
        }
        .dp-btn { background: var(--red); color: #fff; }
        .dp-btn:hover { background: #732be5; color: #fff; }
        .dp-btn.is-ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.18); }
        .dp-btn.is-ghost:hover { background: var(--purple); border-color: var(--purple); color: #fff; }

        body.index-dark #navigation {
            background: rgba(0,0,0,0.28) !important;
            border-bottom: 1px solid rgba(255,255,255,0.06) !important;
            box-shadow: none !important;
        }
        body.index-dark #navigation .text-gray-900,
        body.index-dark #navigation .text-gray-700 { color: rgba(255,255,255,0.72) !important; }
        body.index-dark #navigation a:hover,
        body.index-dark #navigation button:hover { color: #fff !important; }
        body.index-dark #mobile-menu { background: #050505 !important; border-color: rgba(255,255,255,0.08) !important; }

        @media (max-width: 860px) {
            .dark-demo-page { padding: 5rem 1.25rem 4.5rem; }
            .dp-screen iframe { height: 16rem; }
            .dp-thumbs { grid-template-columns: 1fr; }
            .dp-thumb-frame { width: 6.5rem; height: 4rem; }
            .dp-foot { display: grid; }
            .dp-btn, .dp-btn.is-ghost { width: 100%; }
        }
    

/* ===== resources/views/landing/index-mobile.blade.php ===== */

    .m-home {
        --red: #CB0000;
        --purple: #5e17eb;
        background: #000;
        color: #fff;
        padding-top: 4rem;
    }
    .m-sec {
        padding: 3.25rem 1.25rem 3rem;
        border-top: 1px solid rgba(255,255,255,0.06);
    }
    .m-hero { border-top: 0; min-height: calc(100dvh - 4rem); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
    .m-hero-galaxy {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
    }
    .m-hero-galaxy-svg {
        width: 100%;
        height: 100%;
        max-width: none;
        overflow: visible;
        display: block;
    }
    .m-hero-viz {
        position: relative;
        z-index: 1;
        margin: 0 0 1.6rem;
    }
    .m-hero > :not(.m-hero-galaxy) {
        position: relative;
        z-index: 1;
    }
    .m-hero-svg {
        width: min(100%, 22rem);
        height: auto;
        max-width: none;
        overflow: visible;
        display: block;
    }
    .m-hero-viz .tech-sat-mark {
        font-size: 8px;
    }
    .m-hero-viz .tech-ai-callout text {
        font-size: 8px;
        letter-spacing: 0.16em;
    }
    .m-hero-cap {
        margin-top: 1rem;
        width: min(100%, 22rem);
    }
    .m-hero-cap pre {
        font-size: 10px;
    }
    .m-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
    .m-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
    .m-prompt span { color: var(--red); margin-right: 8px; }
    .m-home h1, .m-home h2 {
        font-weight: 300;
        font-size: clamp(2rem, 9vw, 2.6rem);
        letter-spacing: -0.03em;
        line-height: 1.12;
        margin: 0 0 12px;
    }
    .m-home h2 em { font-style: normal; color: var(--red); }
    .m-outcome { font-family: 'Space Grotesk', Inter, sans-serif; font-size: 1.15rem; letter-spacing: -0.02em; color: rgba(255,255,255,0.78); margin: 0 0 0.85rem; }
    .m-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 1rem; }
    .m-mission, .m-body { font-family: 'Space Grotesk', Inter, sans-serif; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.58); margin: 0 0 1.5rem; }
    .m-actions { display: grid; gap: 10px; }
    .m-btn {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--red);
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        letter-spacing: 0.08em;
    }
    .m-btn.is-ghost { background: transparent; border: 1px solid rgba(255,255,255,0.18); }
    .m-list, .m-chips { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08); }
    .m-list li, .m-chips li { background: #000; padding: 0.95rem 1rem; }
    .m-list span { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.14em; color: var(--red); display: block; margin-bottom: 6px; }
    .m-list li:nth-child(even) span { color: var(--purple); }
    .m-list code { display: block; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.35); margin-bottom: 6px; }
    .m-list strong { font-weight: 400; display: block; }
    .m-list em { display: block; font-style: normal; font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 6px; }
    .m-list a { color: #fff; text-decoration: none; }
    .m-chips { grid-template-columns: 1fr 1fr; }
    .m-chips li { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; }
    .m-copy { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: rgba(255,255,255,0.32); margin: 1.5rem 0 0; text-align: center; }


/* ===== resources/views/careers/partials/styles.blade.php ===== */

    .dark-careers {
        --red: #CB0000;
        --purple: #5e17eb;
        position: relative;
        background: #000;
        color: #fff;
        padding: 6.5rem 1.5rem 5.5rem;
        overflow: hidden;
    }
    .cr-inner { position: relative; z-index: 1; max-width: 68rem; margin: 0 auto; }
    .dark-careers .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
    .dark-careers .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
    .dark-careers .ds-prompt span { color: var(--red); margin-right: 8px; }
    .dark-careers .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.12; margin-bottom: 10px; }
    .dark-careers .ds-title em { font-style: normal; color: var(--red); }
    .dark-careers .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 1.25rem; }
    .cr-lead { font-family: 'Space Grotesk', Inter, sans-serif; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.58); max-width: 36rem; margin: 0 0 2.5rem; }

    .cr-list { display: grid; gap: 1rem; }
    .cr-card {
        background: #0a0a0c;
        border: 1px solid rgba(255,255,255,0.08);
        overflow: hidden;
    }
    .cr-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 9px 14px;
        background: #111115;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .cr-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--red);
        box-shadow: 0 0 8px var(--red);
    }
    .cr-bar code {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        color: rgba(255,255,255,0.42);
    }
    .cr-tag {
        margin-left: auto;
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 9px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--red);
    }
    .cr-card-body { padding: 1.25rem 1.15rem 1.35rem; }
    .cr-card-top {
        display: flex;
        justify-content: space-between;
        gap: 1.25rem;
        align-items: flex-start;
        margin-bottom: 0.75rem;
    }
    .cr-card h2, .cr-card h3 {
        font-weight: 400;
        font-size: clamp(1.2rem, 2.4vw, 1.5rem);
        letter-spacing: -0.02em;
        margin: 0 0 0.35rem;
    }
    .cr-card h2 a, .cr-card h3 a { color: #fff; text-decoration: none; }
    .cr-card h2 a:hover, .cr-card h3 a:hover { color: var(--red); }
    .cr-pay {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        color: rgba(255,255,255,0.62);
        white-space: nowrap;
        margin: 0;
    }
    .cr-excerpt {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.55;
        color: rgba(255,255,255,0.52);
        margin: 0 0 1rem;
        max-width: 42rem;
    }
    .cr-meta {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 1.15rem;
        padding: 0;
    }
    .cr-meta li {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        letter-spacing: 0.06em;
        color: rgba(255,255,255,0.5);
        border: 1px solid rgba(255,255,255,0.1);
        padding: 4px 8px;
    }
    .cr-meta li.is-on { color: #fff; border-color: var(--purple); }

    .cr-btn, .cr-btn-ghost {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 22px;
        font-size: 13px;
        letter-spacing: 0.08em;
        text-decoration: none;
        border: 0;
        cursor: pointer;
    }
    .cr-btn { background: var(--red); color: #fff; }
    .cr-btn:hover { background: #732be5; color: #fff; }
    .cr-btn-ghost {
        background: transparent;
        color: #fff;
        border: 1px solid rgba(255,255,255,0.18);
    }
    .cr-btn-ghost:hover { background: var(--purple); border-color: var(--purple); color: #fff; }
    .cr-btn.is-off { opacity: 0.4; pointer-events: none; }

    .cr-empty {
        border: 1px solid rgba(255,255,255,0.08);
        padding: 2rem 1.25rem;
    }
    .cr-empty p { color: rgba(255,255,255,0.55); margin: 0 0 0.6rem; line-height: 1.55; }
    .cr-empty p:last-child { margin: 0; }

    .cr-pages {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-top: 1.5rem;
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        letter-spacing: 0.08em;
        color: rgba(255,255,255,0.45);
    }
    .cr-pages a { color: #fff; text-decoration: none; }
    .cr-pages a:hover { color: var(--red); }
    .cr-pages .is-off { opacity: 0.35; }

    .cr-pillars {
        list-style: none;
        margin: 3.5rem 0 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
        background: rgba(255,255,255,0.08);
        border: 1px solid rgba(255,255,255,0.08);
    }
    .cr-pillars li { background: #000; padding: 1.4rem 1.2rem; display: grid; gap: 8px; }
    .cr-pillars span {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--red);
    }
    .cr-pillars li:nth-child(even) span { color: var(--purple); }
    .cr-pillars code {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        color: rgba(255,255,255,0.34);
    }
    .cr-pillars strong {
        font-weight: 300;
        font-size: clamp(1.05rem, 2vw, 1.25rem);
        letter-spacing: -0.02em;
        line-height: 1.3;
    }

    .cr-foot {
        margin-top: 3.5rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(255,255,255,0.08);
    }
    .cr-foot .ds-title { font-size: clamp(1.7rem, 4vw, 2.4rem); }
    .cr-actions { display: flex; flex-wrap: wrap; gap: 10px; }

    .cr-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
        gap: 2rem;
        align-items: start;
    }
    .cr-stack { display: grid; gap: 1rem; }
    .cr-panel {
        background: #0a0a0c;
        border: 1px solid rgba(255,255,255,0.08);
        overflow: hidden;
    }
    .cr-panel-body { padding: 1.25rem 1.15rem 1.4rem; }
    .cr-panel h2, .cr-side h3 {
        font-weight: 400;
        font-size: 1.15rem;
        letter-spacing: -0.02em;
        margin: 0 0 0.85rem;
    }
    .cr-prose {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.65;
        color: rgba(255,255,255,0.58);
    }
    .cr-prose p { margin: 0 0 0.85rem; }
    .cr-prose p:last-child { margin: 0; }
    .cr-side { position: sticky; top: 5.5rem; display: grid; gap: 1rem; }
    .cr-facts { list-style: none; margin: 0 0 1.15rem; padding: 0; display: grid; gap: 8px; }
    .cr-facts li {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        color: rgba(255,255,255,0.55);
    }
    .cr-warn {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        line-height: 1.5;
        color: #ff8a8a;
        margin: 0 0 1rem;
    }
    .cr-benefits { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
    .cr-benefits li {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        color: rgba(255,255,255,0.55);
    }
    .cr-note { font-size: 14px; font-weight: 300; line-height: 1.55; color: rgba(255,255,255,0.55); margin: 0; }

    .cr-form { display: grid; gap: 14px; }
    .cr-form.is-split { grid-template-columns: 1fr 1fr; }
    .cr-form label { display: grid; gap: 6px; }
    .cr-form span {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        letter-spacing: 0.12em;
        text-transform: lowercase;
        color: rgba(255,255,255,0.4);
    }
    .cr-form input,
    .cr-form textarea {
        width: 100%;
        background: #08080a;
        border: 1px solid rgba(255,255,255,0.1);
        color: #fff;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-weight: 300;
        padding: 11px 12px;
        border-radius: 0;
        outline: none;
    }
    .cr-form textarea { resize: vertical; min-height: 120px; }
    .cr-form input::placeholder,
    .cr-form textarea::placeholder { color: rgba(255,255,255,0.28); }
    .cr-form input:focus,
    .cr-form textarea:focus { border-color: var(--purple); }
    .cr-form em {
        font-style: normal;
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        color: #ff8a8a;
    }
    .cr-file {
        border: 1px solid rgba(255,255,255,0.1);
        background: #08080a;
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 0 12px;
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        color: rgba(255,255,255,0.45);
        cursor: pointer;
    }
    .cr-file input { display: none; }
    .cr-file.is-on { color: #fff; border-color: var(--purple); }
    .cr-flash {
        margin: 0 0 1rem;
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        line-height: 1.45;
    }
    .cr-flash.is-ok { color: rgba(255,255,255,0.72); }
    .cr-flash.is-err { color: #ff8a8a; }

    body.index-dark #navigation {
        background: rgba(0,0,0,0.28) !important;
        border-bottom: 1px solid rgba(255,255,255,0.06) !important;
        box-shadow: none !important;
    }
    body.index-dark #navigation .text-gray-900,
    body.index-dark #navigation .text-gray-700 {
        color: rgba(255,255,255,0.72) !important;
    }
    body.index-dark #navigation a:hover,
    body.index-dark #navigation button:hover { color: #fff !important; }
    body.index-dark #mobile-menu {
        background: #050505 !important;
        border-color: rgba(255,255,255,0.08) !important;
    }

    @media (max-width: 860px) {
        .dark-careers { padding: 5rem 1.25rem 4.5rem; }
        .cr-card-top { flex-direction: column; gap: 0.4rem; }
        .cr-pay { white-space: normal; }
        .cr-pillars { grid-template-columns: 1fr; }
        .cr-layout { grid-template-columns: 1fr; }
        .cr-side { position: static; }
        .cr-form.is-split { grid-template-columns: 1fr; }
        .cr-actions { display: grid; }
        .cr-btn, .cr-btn-ghost { width: 100%; }
    }


/* ===== resources/views/events/partials/styles.blade.php ===== */

    .dark-events {
        --red: #CB0000;
        --purple: #5e17eb;
        position: relative;
        background: #000;
        color: #fff;
        padding: 6.5rem 1.5rem 5.5rem;
        overflow: hidden;
    }
    .ev-inner { position: relative; z-index: 1; max-width: 68rem; margin: 0 auto; }
    .dark-events .ds-kicker { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: rgba(255,255,255,0.48); margin-bottom: 12px; }
    .dark-events .ds-prompt { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 18px; }
    .dark-events .ds-prompt span { color: var(--red); margin-right: 8px; }
    .dark-events .ds-title { font-weight: 300; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.03em; line-height: 1.12; margin-bottom: 10px; }
    .dark-events .ds-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin: 0 0 1.25rem; }
    .ev-lead { font-family: 'Space Grotesk', Inter, sans-serif; font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.58); max-width: 36rem; margin: 0 0 3rem; }

    .ev-list { display: grid; gap: 2.5rem; }
    .ev-block {
        background: #0a0a0c;
        border: 1px solid rgba(255,255,255,0.08);
        overflow: hidden;
    }
    .ev-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 9px 14px;
        background: #111115;
        border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .ev-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--red);
        box-shadow: 0 0 8px var(--red);
    }
    .ev-bar code {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        color: rgba(255,255,255,0.42);
    }
    .ev-tag {
        margin-left: auto;
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 9px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--red);
    }
    .ev-body { padding: 1.35rem 1.2rem 1.45rem; }
    .ev-block h2 {
        font-weight: 400;
        font-size: clamp(1.35rem, 3vw, 1.85rem);
        letter-spacing: -0.025em;
        margin: 0 0 0.45rem;
    }
    .ev-block h2 a { color: #fff; text-decoration: none; }
    .ev-block h2 a:hover { color: var(--red); }
    .ev-meta {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        letter-spacing: 0.06em;
        color: rgba(255,255,255,0.45);
        margin: 0 0 0.85rem;
    }
    .ev-copy {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.6;
        color: rgba(255,255,255,0.58);
        max-width: 40rem;
        margin: 0 0 1.25rem;
    }

    .ev-shots {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .ev-shot { margin: 0; }
    .ev-shot img {
        width: 100%;
        height: 16rem;
        object-fit: cover;
        display: block;
        background: #08080a;
    }
    .ev-slot {
        height: 16rem;
        border: 1px dashed rgba(255,255,255,0.14);
        background:
            linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
        background-size: 24px 24px;
        background-color: #08080a;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    .ev-slot code {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 12px;
        color: rgba(255,255,255,0.55);
    }
    .ev-slot span {
        font-family: 'JetBrains Mono', ui-monospace, monospace;
        font-size: 11px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(255,255,255,0.32);
    }

    .ev-btn, .ev-btn-ghost {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 22px;
        font-size: 13px;
        letter-spacing: 0.08em;
        text-decoration: none;
    }
    .ev-btn { background: var(--red); color: #fff; }
    .ev-btn:hover { background: #732be5; color: #fff; }
    .ev-btn-ghost {
        color: #fff;
        border: 1px solid rgba(255,255,255,0.18);
    }
    .ev-btn-ghost:hover { background: var(--purple); border-color: var(--purple); color: #fff; }
    .ev-more { margin-top: 1.15rem; }
    .ev-foot { margin-top: 3rem; }

    body.index-dark #navigation {
        background: rgba(0,0,0,0.28) !important;
        border-bottom: 1px solid rgba(255,255,255,0.06) !important;
        box-shadow: none !important;
    }
    body.index-dark #navigation .text-gray-900,
    body.index-dark #navigation .text-gray-700 {
        color: rgba(255,255,255,0.72) !important;
    }
    body.index-dark #navigation a:hover,
    body.index-dark #navigation button:hover { color: #fff !important; }
    body.index-dark #mobile-menu {
        background: #050505 !important;
        border-color: rgba(255,255,255,0.08) !important;
    }

    @media (max-width: 860px) {
        .dark-events { padding: 5rem 1.25rem 4.5rem; }
        .ev-shots { grid-template-columns: 1fr; }
        .ev-shot img, .ev-slot { height: 13rem; }
        .ev-btn, .ev-btn-ghost { width: 100%; }
    }