.font-display { font-family: "Space Grotesk", sans-serif; }
    .relative { position: relative; }
    .absolute { position: absolute; }
    .z-10 { z-index: 10; }
    .overflow-hidden { overflow: hidden; }
    .pointer-events-none { pointer-events: none; }
    .mx-auto { margin-left: auto; margin-right: auto; }
    .mt-2 { margin-top: 0.5rem; }
    .mt-3 { margin-top: 0.75rem; }
    .mt-4 { margin-top: 1rem; }
    .mt-5 { margin-top: 1.25rem; }
    .mt-6 { margin-top: 1.5rem; }
    .mt-8 { margin-top: 2rem; }
    .p-4 { padding: 1rem; }
    .px-4 { padding-left: 1rem; padding-right: 1rem; }
    .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
    .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
    .pt-8 { padding-top: 2rem; }
    .pb-12 { padding-bottom: 3rem; }
    .inset-0 { inset: 0; }
    .inset-x-0 { left: 0; right: 0; }
    .inset-y-0 { top: 0; bottom: 0; }
    .top-0 { top: 0; }
    .top-6 { top: 1.5rem; }
    .top-10 { top: 2.5rem; }
    .top-20 { top: 5rem; }
    .top-44 { top: 11rem; }
    .bottom-6 { bottom: 1.5rem; }
    .bottom-10 { bottom: 2.5rem; }
    .left-0 { left: 0; }
    .left-6 { left: 1.5rem; }
    .left-1\/2 { left: 50%; }
    .right-6 { right: 1.5rem; }
    .top-1\/2 { top: 50%; }
    .-translate-x-1\/2 { transform: translateX(-50%); }
    .-translate-y-1\/2 { transform: translateY(-50%); }
    .translate-y-6 { transform: translateY(1.5rem); }
    .translate-y-8 { transform: translateY(2rem); }
    .translate-y-0 { transform: translateY(0); }
    .opacity-0 { opacity: 0; }
    .opacity-60 { opacity: 0.6; }
    .opacity-70 { opacity: 0.7; }
    .opacity-90 { opacity: 0.9; }
    .opacity-100 { opacity: 1; }
    .w-full { width: 100%; }
    .h-full { height: 100%; }
    .max-w-2xl { max-width: 42rem; }
    .max-w-3xl { max-width: 48rem; }
    .max-w-7xl { max-width: 80rem; }
    .min-h-\[3\.5rem\] { min-height: 3.5rem; }
    .text-white { color: #fff; }
    .text-black { color: #17354d; }
    .text-slate-300 { color: #cbd5e1; }
    .text-slate-950 { color: #020617; }
    .text-base { font-size: 1rem; }
    .text-sm { font-size: 0.875rem; }
    .text-lg { font-size: 1.125rem; }
    .text-4xl { font-size: 2.25rem; line-height: 1.1; }
    .text-\[0\.64rem\] { font-size: 0.64rem; }
    .text-\[0\.68rem\] { font-size: 0.68rem; }
    .text-\[0\.72rem\] { font-size: 0.72rem; }
    .font-medium { font-weight: 500; }
    .font-semibold { font-weight: 600; }
    .uppercase { text-transform: uppercase; }
    .leading-8 { line-height: 2rem; }
    .leading-\[0\.98\] { line-height: 0.98; }
    .tracking-\[0\.24em\] { letter-spacing: 0.24em; }
    .tracking-\[0\.34em\] { letter-spacing: 0.34em; }
    .tracking-\[0\.36em\] { letter-spacing: 0.36em; }
    .tracking-\[0\.42em\] { letter-spacing: 0.42em; }
    .flex { display: flex; }
    .inline-flex { display: inline-flex; }
    .grid { display: grid; }
    .flex-col { flex-direction: column; }
    .items-center { align-items: center; }
    .justify-center { justify-content: center; }
    .justify-between { justify-content: space-between; }
    .gap-4 { gap: 1rem; }
    .gap-8 { gap: 2rem; }
    .rounded-full { border-radius: 9999px; }
    .rounded-xl { border-radius: 0.75rem; }
    .rounded-2xl { border-radius: 1rem; }
    .rounded-3xl { border-radius: 1.5rem; }
    .border { border: 1px solid rgba(255,255,255,0.12); }
    .transition { transition: all 0.3s ease; }
    .transition-all { transition: all 0.7s ease-out; }
    .transition-transform { transition: transform 0.3s ease-out; }
    .duration-300, .duration-700, .duration-1000, .ease-out { }
    .backdrop-blur-md { backdrop-filter: blur(12px); }
    .backdrop-blur-xl { backdrop-filter: blur(18px); }
    .blur-xl { filter: blur(12px); }
    .blur-2xl { filter: blur(24px); }
    .blur-3xl { filter: blur(48px); }
    .object-contain { object-fit: contain; }
    .origin-top { transform-origin: top center; }
    .will-change-transform { will-change: transform; }
    .home-hero {
        position: relative;
        overflow: hidden;
        min-height: 52svh;
        padding: 1.5rem 1rem;
        display: flex;
        align-items: center;
    }
    .home-hero-bg {
        position: absolute;
        inset: 0;
        pointer-events: none;
    }
    .home-hero-shell {
        position: relative;
        z-index: 1;
        width: 100%;
        padding-left: clamp(1rem, 4vw, 4rem);
        padding-right: clamp(1rem, 4vw, 4rem);
    }
    .home-hero-bg-main {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 34rem;
        background:
            radial-gradient(circle at 78% 18%, rgba(67,184,255,0.18), transparent 28%),
            radial-gradient(circle at 12% 14%, rgba(56,189,248,0.16), transparent 24%),
            linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    }
    .home-hero-board-bg {
        position: absolute;
        right: -8rem;
        top: 50%;
        width: min(78vw, 860px);
        transform: translateY(-50%) rotate(-8deg);
        opacity: 0.45;
        filter: saturate(0.92);
    }
    .home-hero-orb-right {
        position: absolute;
        right: -7rem;
        top: 5rem;
        width: 18rem;
        height: 18rem;
        border-radius: 9999px;
        background: rgba(34, 211, 238, 0.1);
        filter: blur(48px);
    }
    .home-hero-orb-left {
        position: absolute;
        left: -5rem;
        top: 11rem;
        width: 16rem;
        height: 16rem;
        border-radius: 9999px;
        background: rgba(59, 130, 246, 0.1);
        filter: blur(48px);
    }
    .home-hero-grid {
        display: grid;
        gap: 1rem;
        align-items: center;
        width: 100%;
    }
    .home-hero-copy {
        position: relative;
        z-index: 10;
        min-width: 0;
        max-width: 58rem;
    }
    .home-hero-copy-panel {
        padding: 1.5rem;
        border: 1px solid rgba(103,194,255,0.16);
        border-radius: 1.75rem;
        background: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(246,251,255,0.68));
        box-shadow: 0 24px 60px rgba(24, 77, 124, 0.14);
        backdrop-filter: blur(12px);
    }
    .home-hero-eyebrow { color: rgba(103, 232, 249, 0.9); }
    .home-hero-title {
        margin-top: 0.85rem;
        max-width: 54rem;
        font-family: "Space Grotesk", sans-serif;
        font-size: clamp(1.9rem, 3.2vw, 3.1rem);
        font-weight: 600;
        line-height: 0.94;
        color: #103150;
    }
    .home-hero-text {
        margin-top: 1rem;
        max-width: 48rem;
        font-size: 0.98rem;
        line-height: 1.6rem;
        color: #567390;
    }
    .home-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin-top: 1.25rem;
    }
    .home-btn-primary,
    .home-btn-secondary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 3.5rem;
        padding: 1rem 1.75rem;
        border-radius: 1rem;
        font-family: "Space Grotesk", sans-serif;
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.24em;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
    }
    .home-btn-primary {
        position: relative;
        overflow: hidden;
        color: #020617;
        border: 1px solid rgba(103, 194, 255, 0.3);
        background: linear-gradient(90deg, #22d3ee, #38bdf8, #3b82f6);
        box-shadow: 0 18px 45px rgba(41,121,255,0.38);
    }
    .home-btn-secondary {
        color: #103150;
        border: 1px solid rgba(103,194,255,0.2);
        background: rgba(255,255,255,0.72);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
        backdrop-filter: blur(12px);
    }
    .home-btn-primary:hover,
    .home-btn-secondary:hover { transform: translateY(-4px); }
    .home-btn-primary:hover { box-shadow: 0 24px 55px rgba(56,189,248,0.45); }
    .home-btn-secondary:hover {
        border-color: rgba(103,194,255,0.4);
        background: rgba(103,194,255,0.1);
        box-shadow: 0 18px 40px rgba(7,32,61,0.4);
    }
    .home-btn-shine {
        position: absolute;
        inset: 0 auto 0 0;
        width: 3.5rem;
        background: rgba(255,255,255,0.3);
        filter: blur(12px);
        opacity: 0.7;
        animation: shineSweep 3.8s linear infinite;
    }
    .home-stats {
        display: grid;
        gap: 1rem;
        margin-top: 1.25rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-stat-card {
        padding: 0.95rem 1rem;
        border-radius: 1.5rem;
        border: 1px solid rgba(103,194,255,0.12);
        background: rgba(255, 255, 255, 0.72);
        backdrop-filter: blur(18px);
        transition: background 0.3s ease, border-color 0.3s ease;
    }
    .home-stat-card:hover {
        border-color: rgba(103,194,255,0.3);
        background: rgba(245, 250, 255, 0.92);
    }
    .home-hero-board-wrap {
        position: relative;
        z-index: 10;
        min-width: 0;
    }
    .home-board-card {
        position: relative;
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
        padding: 1rem;
        border-radius: 2rem;
        border: 1px solid rgba(103,194,255,0.12);
        background: linear-gradient(180deg, rgba(248, 252, 255, 0.7), rgba(227, 240, 252, 0.44));
        box-shadow: 0 24px 70px rgba(41, 94, 153, 0.12);
        backdrop-filter: blur(10px);
    }
    .home-board-card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 2rem;
        background:
            radial-gradient(circle at 50% 18%, rgba(255,255,255,0.06), transparent 24%),
            radial-gradient(circle at 82% 24%, rgba(67,184,255,0.16), transparent 18%),
            linear-gradient(135deg, rgba(255,255,255,0.03), transparent 42%);
    }
    .home-board-card::after {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: calc(2rem - 1px);
        border: 1px solid rgba(255,255,255,0.05);
    }
    .home-board-card > .home-board-sheen {
        position: absolute;
        inset: 0;
        border-radius: 2rem;
        background: linear-gradient(90deg, transparent 0%, rgba(67,184,255,0.04) 48%, transparent 100%);
        opacity: 0.6;
    }
    .home-board-surface {
        position: relative;
        overflow: hidden;
        padding: 1rem;
        border-radius: 1.65rem;
        border: 1px solid rgba(29, 115, 83, 0.28);
        background:
            radial-gradient(circle at 50% 24%, rgba(91, 255, 189, 0.16), transparent 24%),
            radial-gradient(circle at 22% 78%, rgba(18, 121, 82, 0.22), transparent 30%),
            linear-gradient(180deg, #1e6d56 0%, #145843 55%, #0f4335 100%);
    }
    .home-board-surface::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.18;
        background-image:
            linear-gradient(rgba(164, 227, 196, 0.16) 1px, transparent 1px),
            linear-gradient(90deg, rgba(164, 227, 196, 0.16) 1px, transparent 1px);
        background-size: 32px 32px;
    }
    .home-board-surface::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(6, 44, 30, 0.1) 54%, rgba(4, 28, 20, 0.42) 100%);
    }
    .home-board-stage {
        position: relative;
        height: 320px;
    }
    .home-board-svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
    .product-catalog-section {
        position: relative;
        overflow: hidden;
    }
    .product-catalog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1.5rem;
    }
    .product-catalog-card {
        height: 100%;
        border: 1px solid rgba(103, 194, 255, 0.16);
        border-radius: 1.5rem;
        background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(238,247,255,0.96));
        box-shadow: 0 18px 45px rgba(24, 77, 124, 0.12);
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }
    .product-catalog-card:hover {
        transform: translateY(-6px);
        border-color: rgba(103, 194, 255, 0.34);
        box-shadow: 0 24px 55px rgba(24, 77, 124, 0.18);
    }
    .product-catalog-media {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 260px;
        padding: 1.25rem;
        background:
            radial-gradient(circle at top, rgba(56,189,248,0.2), transparent 38%),
            linear-gradient(180deg, rgba(229, 244, 255, 0.95), rgba(246, 251, 255, 0.98));
    }
    .product-catalog-media img {
        width: 100%;
        max-height: 230px;
        object-fit: contain;
        display: block;
        filter: drop-shadow(0 12px 28px rgba(14, 52, 87, 0.16));
    }
    .product-catalog-copy {
        padding: 1.2rem 1.25rem 1.35rem;
    }
    .product-catalog-copy h3 {
        margin: 0;
        font-family: "Space Grotesk", sans-serif;
        font-size: 1.05rem;
        color: #103150;
    }
    .product-catalog-empty {
        padding: 1.5rem;
        border: 1px dashed rgba(103, 194, 255, 0.38);
        border-radius: 1.5rem;
        background: rgba(247, 252, 255, 0.92);
        color: #567390;
    }
    .product-catalog-empty strong {
        display: block;
        margin-bottom: 0.5rem;
        color: #103150;
    }
    [class~="text-cyan-300/80"] { color: #1c8cb3; }
    [class~="bg-cyan-200"] { background: #f3c66e; }
    [class~="bg-cyan-100"] { background: #ffe1a1; }
    [class~="bg-cyan-300"] { background: #ffb347; }
    [class~="bg-cyan-200/75"] { background: rgba(243, 198, 110, 0.75); }
    [class~="bg-cyan-300/5"] { background: rgba(255, 179, 71, 0.08); }
    [class~="bg-cyan-400/10"] { background: rgba(34, 211, 238, 0.1); }
    [class~="bg-slate-950/40"] { background: rgba(230, 241, 252, 0.72); }
    [class~="bg-slate-950/75"] { background: rgba(213, 230, 246, 0.82); }
    [class~="border-cyan-300/15"] { border-color: rgba(215, 156, 62, 0.18); }
    [class~="border-cyan-300/25"] { border-color: rgba(215, 156, 62, 0.28); }
    [class~="border-cyan-200/20"] { border-color: rgba(255, 214, 140, 0.22); }
    [class~="border-cyan-200/30"] { border-color: rgba(255, 214, 140, 0.34); }
    [class~="h-3"] { height: 0.75rem; }
    [class~="w-3"] { width: 0.75rem; }
    [class~="h-3.5"] { height: 0.875rem; }
    [class~="w-3.5"] { width: 0.875rem; }
    [class~="h-4"] { height: 1rem; }
    [class~="w-4"] { width: 1rem; }
    [class~="h-16"] { height: 4rem; }
    [class~="w-10"] { width: 2.5rem; }
    [class~="w-16"] { width: 4rem; }
    [class~="h-16"] { height: 4rem; }
    [class~="w-[72%]"] { width: 72%; }
    [class~="h-[40%]"] { height: 40%; }
    [class~="w-[40%]"] { width: 40%; }
    [class~="h-[188px]"] { height: 188px; }
    [class~="w-[188px]"] { width: 188px; }
    [class~="h-[90px]"] { height: 90px; }
    [class~="w-[90px]"] { width: 90px; }
    [class~="h-[10px]"] { height: 10px; }
    [class~="w-[10px]"] { width: 10px; }
    [class~="left-[6%]"] { left: 6%; }
    [class~="left-[10%]"] { left: 10%; }
    [class~="left-[20%]"] { left: 20%; }
    [class~="left-[26px]"] { left: 26px; }
    [class~="left-[54px]"] { left: 54px; }
    [class~="left-[58%]"] { left: 58%; }
    [class~="left-[60%]"] { left: 60%; }
    [class~="right-[6%]"] { right: 6%; }
    [class~="right-[9%]"] { right: 9%; }
    [class~="right-[20%]"] { right: 20%; }
    [class~="right-[26px]"] { right: 26px; }
    [class~="right-[54px]"] { right: 54px; }
    [class~="top-[18%]"] { top: 18%; }
    [class~="top-[20%]"] { top: 20%; }
    [class~="top-[26px]"] { top: 26px; }
    [class~="top-[54px]"] { top: 54px; }
    [class~="top-[66%]"] { top: 66%; }
    [class~="top-[73%]"] { top: 73%; }
    [class~="top-[78%]"] { top: 78%; }
    [class~="bottom-[26px]"] { bottom: 26px; }
    [class~="bottom-[54px]"] { bottom: 54px; }
    [class~="inset-3"] { inset: 0.75rem; }
    [class~="inset-x-[-14px]"] { left: -14px; right: -14px; }
    [class~="inset-y-[-14px]"] { top: -14px; bottom: -14px; }
    [class~="rounded-[2rem]"] { border-radius: 2rem; }
    [class~="rounded-[1.5rem]"] { border-radius: 1.5rem; }
    [class~="rounded-[1.4rem]"] { border-radius: 1.4rem; }
    [class~="rounded-[1rem]"] { border-radius: 1rem; }
    [class~="rounded-r-sm"] { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
    [class~="rounded-l-sm"] { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }
    [class~="rounded-b-sm"] { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }
    [class~="rounded-t-sm"] { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }
    [class~="shadow-[0_0_14px_rgba(125,211,252,0.6)]"] { box-shadow: 0 0 14px rgba(255, 186, 77, 0.48); }
    [class~="shadow-[0_0_18px_rgba(125,211,252,0.95)]"] { box-shadow: 0 0 18px rgba(255, 196, 92, 0.82); }
    [class~="shadow-[0_0_18px_rgba(103,232,249,0.95)]"] { box-shadow: 0 0 18px rgba(255, 174, 59, 0.82); }
    [class~="shadow-[0_0_35px_rgba(67,184,255,0.28)]"] { box-shadow: 0 0 35px rgba(255, 174, 59, 0.24); }
    [class~="shadow-[0_0_40px_rgba(67,184,255,0.14),0_28px_60px_rgba(0,0,0,0.42)]"] { box-shadow: 0 0 40px rgba(67,184,255,0.14), 0 28px 60px rgba(0,0,0,0.42); }
    [class~="shadow-[inset_0_0_0_1px_rgba(255,255,255,0.04)]"] { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04); }
    [class~="drop-shadow-[0_0_20px_rgba(67,184,255,0.35)]"] { filter: drop-shadow(0 0 20px rgba(67,184,255,0.35)); }
    [class~="group-hover:shadow-[0_0_24px_rgba(103,232,249,0.95)]"] { box-shadow: 0 0 24px rgba(103,232,249,0.95); }
    [class~="group-hover:shadow-[0_0_28px_rgba(147,235,255,0.95)]"] { box-shadow: 0 0 28px rgba(147,235,255,0.95); }
    [class~="[animation-delay:0.5s]"] { animation-delay: 0.5s; }
    [class~="[animation-delay:0.8s]"] { animation-delay: 0.8s; }
    [class~="[animation-delay:0.9s]"] { animation-delay: 0.9s; }
    [class~="[animation-delay:1.1s]"] { animation-delay: 1.1s; }
    [class~="[animation-delay:1.4s]"] { animation-delay: 1.4s; }
    [class~="[animation-delay:1.6s]"] { animation-delay: 1.6s; }
    [class~="[animation-delay:1.8s]"] { animation-delay: 1.8s; }
    [class~="[animation-delay:2.2s]"] { animation-delay: 2.2s; }
    .home-chip-shell {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 188px;
        height: 188px;
        transform: translate(-50%, -50%);
        z-index: 3;
    }
    .home-chip-shell > .home-chip-outer {
        position: absolute;
        inset: 0;
        border-radius: 2rem;
        border: 1px solid rgba(103,194,255,0.25);
        background: linear-gradient(160deg, rgba(245, 251, 255, 0.98), rgba(219, 235, 248, 0.96));
        box-shadow: 0 0 40px rgba(67,184,255,0.14), 0 28px 60px rgba(41,94,153,0.16);
    }
    .home-chip-inner {
        position: absolute;
        inset: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        border-radius: 1.5rem;
        border: 1px solid rgba(255, 255, 255, 0.22);
        background: linear-gradient(180deg, rgba(255, 215, 0, 0.82), rgba(212, 175, 55, 0.84));
    }
    .home-chip-logo { width: 3.2rem; height: 3.2rem; object-fit: contain; opacity: 1; filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.42)); }
    .home-chip-core {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 72px;
        height: 72px;
        transform: translate(-50%, -50%);
        z-index: 2;
        border-radius: 1.4rem;
        border: 1px solid rgba(33, 109, 190, 0.32);
        background: radial-gradient(circle at 50% 38%, rgba(252, 252, 252, 0.96), rgba(172, 201, 226, 0.96) 72%);
        box-shadow: 0 0 18px rgba(37, 121, 210, 0.18);
    }
    .home-chip-core::after {
        content: "";
        position: absolute;
        inset: 0.55rem;
        border-radius: 1rem;
        border: 1px solid rgba(255, 255, 255, 0.55);
        background: rgba(245, 250, 255, 0.95);
    }
    .home-board-panel {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 40%;
        height: 40%;
        transform: translate(-50%, -50%);
    }
    .home-board-panel::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 2rem;
        background: rgba(34, 211, 238, 0.1);
        filter: blur(24px);
    }
    .home-board-panel::after {
        content: "";
        position: absolute;
        inset: 0.75rem;
        border-radius: 1.5rem;
        border: 1px solid rgba(103,194,255,0.15);
        background: linear-gradient(135deg, rgba(34,211,238,0.1), rgba(15,23,42,0.85), rgba(30,64,175,0.9));
    }
    .home-pin-row,
    .home-pin-col { position: absolute; display: flex; justify-content: space-between; }
    .home-pin-row { left: -14px; right: -14px; }
    .home-pin-col { top: -14px; bottom: -14px; flex-direction: column; }
    .home-pin {
        background: rgba(165, 243, 252, 0.75);
        box-shadow: 0 0 14px rgba(125,211,252,0.6);
    }
    .home-pin-row .home-pin { width: 1rem; height: 10px; }
    .home-pin-col .home-pin { width: 10px; height: 1rem; }
    .home-label-card {
        position: absolute;
        padding: 0.75rem 1rem;
        border-radius: 1rem;
        border: 1px solid rgba(255, 255, 255, 0.42);
        background: rgba(241, 249, 246, 0.92);
        backdrop-filter: blur(14px);
        box-shadow: 0 14px 28px rgba(8, 52, 36, 0.16);
    }
    .home-label-card .text-\[0\.64rem\] {
        color: #1c8cb3;
        font-weight: 700;
    }
    .home-label-card .text-sm,
    .home-label-card .text-black {
        color: #17354d;
        font-weight: 600;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .animate-trace-glow { animation: traceGlow 4.8s ease-in-out infinite; }
    .animate-trace-glow-slow { animation: traceGlow 7s ease-in-out infinite; }
    .animate-signal-fast { animation: signalTravel 4.2s linear infinite; }
    .animate-signal-slow { animation: signalTravel 6.4s linear infinite; }
    .animate-chip-float { animation: chipFloat 5.4s ease-in-out infinite; }
    .animate-panel-drift { animation: panelDrift 7.5s ease-in-out infinite; }
    .animate-node-pulse { animation: nodePulse 3.2s ease-in-out infinite; }
    .animate-shine-sweep { animation: shineSweep 3.8s linear infinite; }
    @keyframes traceGlow {
        0%, 100% { opacity: 0.72; filter: drop-shadow(0 0 2px rgba(217,140,42,0.22)); }
        50% { opacity: 1; filter: drop-shadow(0 0 7px rgba(255,198,92,0.42)); }
    }
    @keyframes signalTravel {
        0% { offset-distance: 0%; opacity: 0; }
        10% { opacity: 1; }
        90% { opacity: 1; }
        100% { offset-distance: 100%; opacity: 0; }
    }
    @keyframes chipFloat {
        0%, 100% { transform: translate3d(-50%, -50%, 0); }
        50% { transform: translate3d(-50%, calc(-50% - 12px), 0); }
    }
    @keyframes panelDrift {
        0%, 100% { transform: translate3d(-50%, -50%, 0) scale(1); }
        50% { transform: translate3d(-50%, calc(-50% - 6px), 0) scale(1.01); }
    }
    @keyframes nodePulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(67,184,255,0.18), 0 0 0 1px rgba(201,234,255,0.18); }
        50% { box-shadow: 0 0 0 10px rgba(67,184,255,0), 0 0 24px rgba(67,184,255,0.75); }
    }
    @keyframes shineSweep {
        0% { transform: translateX(-150%) skewX(-20deg); }
        100% { transform: translateX(220%) skewX(-20deg); }
    }
    @media (min-width: 576px) {
        .home-hero { padding-left: 0; padding-right: 0; }
        .home-hero-copy-panel { padding: 1.65rem; }
        .home-hero-title { font-size: clamp(2.2rem, 3.6vw, 3.15rem); }
        .home-hero-text { font-size: 1.05rem; }
        .home-board-card, .home-board-surface { padding: 1.25rem; }
        .home-board-stage { height: 360px; }
        .home-chip-shell { width: 214px !important; height: 214px !important; }
        .home-chip-logo { width: 5rem !important; height: 5rem !important; }
    }
    @media (min-width: 992px) {
        .home-hero { min-height: calc(100svh - 6.5rem); }
        .home-hero-grid { grid-template-columns: minmax(0, 1fr); }
        .home-hero-copy-panel { width: min(100%, 62rem); padding: 1.65rem 1.85rem; }
        .home-hero-title { font-size: clamp(2.6rem, 3.4vw, 3.7rem); }
        .home-hero-text { max-width: 44rem; }
        .home-hero-board-bg { right: -2rem; width: min(68vw, 900px); opacity: 0.5; }
        .home-board-stage { height: 400px; }
    }
    @media (min-width: 1200px) {
        .home-hero-copy-panel { width: min(100%, 66rem); }
        .home-hero-title { font-size: clamp(2.8rem, 3vw, 4rem); }
        .home-hero-board-bg { right: 0; width: min(62vw, 940px); }
        .home-board-stage { height: 430px; }
    }