.consult-wrapper[data-v-ba70186e] .consult-card[data-v-ba70186e] { display: none; }
      .consult-wrapper[data-v-ba70186e]:hover .consult-card[data-v-ba70186e],
      .consult-wrapper[data-v-ba70186e]:focus-within .consult-card[data-v-ba70186e] { display: block; }
      .hero-hstr[data-v-73babdf3] { object-fit: contain; }
      .static-social-icon svg { display: block; width: 16px; height: 16px; }
      .image-viewer-mask[hidden] { display: none; }
      .header-container[data-v-65bdebee] { padding-left: 40px; gap: 36px; }
      .hero-left[data-v-73babdf3] { padding-left: 40px; box-sizing: border-box; }
      .nav-links[data-v-65bdebee] { gap: 34px; justify-content: flex-end; margin-left: auto; margin-right: 0; }
      .nav-link[data-v-65bdebee] {
        position: relative;
        color: #30323a;
        font-size: 15px;
        font-weight: 500;
        line-height: 36px;
        text-decoration: none;
        white-space: nowrap;
        transition: color .2s ease;
      }
      .nav-link[data-v-65bdebee]:hover,
      .nav-link.is-active[data-v-65bdebee] { color: #e1251b; }
      .nav-link[data-v-65bdebee]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 1px;
        width: 0;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, #fc5526, #fc2257);
        transform: translateX(-50%);
        transition: width .2s ease;
      }
      .nav-link[data-v-65bdebee]:hover::after,
      .nav-link.is-active[data-v-65bdebee]::after { width: 100%; }
      .header-auth[data-v-65bdebee] { position: relative; display: flex; align-items: center; gap: 12px; min-width: auto; justify-content: flex-end; }
      .auth-login-btn[data-v-65bdebee] {
        height: 40px;
        padding: 0 26px;
        border: none;
        border-radius: 999px;
        background: #15171f;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 12px 28px rgba(20, 25, 36, .16);
        transition: background .2s ease, transform .2s ease;
      }
      .auth-login-btn[data-v-65bdebee]:hover { background: #2a2d38; transform: translateY(-1px); }
      .auth-profile[data-v-65bdebee] { position: relative; display: none; align-items: center; gap: 6px; }
      .is-authenticated .auth-login-btn[data-v-65bdebee] { display: none; }
      .is-authenticated .auth-profile[data-v-65bdebee] { display: flex; }
      body {
        background: #f7f8fb;
        color: #111827;
      }
      .home-page[data-v-c715cf2c] {
        background:
          linear-gradient(180deg, #f8fafc 0%, #fff 34%, #f6f7fb 100%);
        color: #111827;
      }
      .header[data-v-65bdebee] {
        background: rgba(255, 255, 255, .76);
        border-bottom: 1px solid rgba(17, 24, 39, .06);
        box-shadow: none;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }
      .header.scrolled[data-v-65bdebee] {
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 18px 40px rgba(17, 24, 39, .06);
      }
      .header-container[data-v-65bdebee] {
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px;
      }
      .nav-links[data-v-65bdebee] { gap: 28px; }
      .nav-link[data-v-65bdebee] {
        color: #475467;
        font-size: 14px;
        font-weight: 600;
      }
      .nav-link[data-v-65bdebee]:hover,
      .nav-link.is-active[data-v-65bdebee] { color: #e1251b; }
      .auth-login-btn[data-v-65bdebee] {
        background: #111827;
        box-shadow: 0 12px 24px rgba(17, 24, 39, .14);
      }
      .credits-entry[data-v-65bdebee] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        height: 42px;
        padding: 0 18px 0 14px;
        border: 1px solid rgba(225, 37, 27, .16);
        border-radius: 999px;
        background: rgba(255, 247, 245, .92);
        color: #e1251b;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
        box-shadow: 0 14px 30px rgba(225, 37, 27, .08);
        transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
      }
      .credits-entry[data-v-65bdebee]:hover {
        transform: translateY(-1px);
        border-color: rgba(225, 37, 27, .26);
        background: #fff;
        box-shadow: 0 16px 34px rgba(225, 37, 27, .12);
      }
      .credits-entry-mark[data-v-65bdebee] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ff4d3f 0%, #e1251b 100%);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 8px 16px rgba(225, 37, 27, .2);
      }
      .hero-section[data-v-73babdf3] {
        min-height: 760px;
        padding-top: 96px;
        background:
          linear-gradient(90deg, rgba(225, 37, 27, .05) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(225, 37, 27, .05) 0 1px, transparent 1px 100%),
          linear-gradient(135deg, #f8fafc 0%, #fff 48%, #fff4f1 100%);
        background-size: 72px 72px, 72px 72px, auto;
        overflow: hidden;
      }
      .ambient-orb[data-v-73babdf3] { display: none; }
      .hero-content[data-v-73babdf3] {
        width: 1200px;
        gap: 56px;
        align-items: center;
      }
      .hero-left[data-v-73babdf3] { padding-left: 0; }
      .hero-badge[data-v-73babdf3],
      .core-eyebrow[data-v-006f881c],
      .scenarios-eyebrow[data-v-d52993b2],
      .testimonials-eyebrow[data-v-9a6ff32a],
      .security-eyebrow[data-v-710c9a59] {
        width: auto;
        padding: 0 14px;
        border: 1px solid rgba(225, 37, 27, .14);
        background: rgba(255, 255, 255, .74);
        color: #e1251b;
        box-shadow: 0 10px 28px rgba(225, 37, 27, .08);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }
      .hero-title[data-v-73babdf3] {
        max-width: 560px;
        color: #0f172a;
        letter-spacing: 0;
      }
      .hero-title-brand[data-v-73babdf3],
      .hero-title-text[data-v-73babdf3] {
        color: #0f172a;
      }
      .hero-subtitle[data-v-73babdf3] {
        color: #667085;
        font-weight: 300;
      }
      .hero-subtitle-highlight[data-v-73babdf3] {
        color: #e1251b;
        font-weight: 500;
      }
      .hero-proof-grid[data-v-73babdf3] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        width: min(690px, 100%);
        margin-top: 26px;
      }
      .hero-proof-item[data-v-73babdf3] {
        position: relative;
        min-height: 76px;
        padding: 15px 16px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 250, 252, .86));
        box-shadow: 0 18px 40px rgba(17, 24, 39, .08);
        box-sizing: border-box;
        overflow: hidden;
      }
      .hero-proof-item[data-v-73babdf3]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, #ff5a3d, #e1251b);
      }
      .hero-proof-value[data-v-73babdf3] {
        display: block;
        color: #0f172a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
      }
      .hero-proof-label[data-v-73babdf3] {
        display: block;
        margin-top: 7px;
        color: #667085;
        font-size: 12px;
        line-height: 1.45;
      }
      .consult-button[data-v-ba70186e] {
        min-width: 280px;
        border-radius: 8px;
        background: #111827;
        box-shadow: 0 18px 38px rgba(17, 24, 39, .18);
      }
      .consult-button[data-v-ba70186e]:hover {
        background: #202938;
        transform: translateY(-2px);
      }
      .consult-button-glow[data-v-ba70186e] { display: none; }
      .consult-card[data-v-ba70186e] {
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        box-shadow: 0 24px 56px rgba(17, 24, 39, .18);
      }
      .hero-right .mockup-container[data-v-73babdf3] {
        transform: scale(.92);
        transform-origin: center;
        filter: drop-shadow(0 34px 70px rgba(225, 37, 27, .16));
      }
      .core-highlights[data-v-006f881c] {
        position: relative;
        padding: 96px 0 116px;
        background:
          linear-gradient(90deg, rgba(225, 37, 27, .045) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(17, 24, 39, .04) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, #fff 0%, #f8fafc 100%);
        background-size: 84px 84px, 84px 84px, auto;
        overflow: hidden;
      }
      .core-highlights[data-v-006f881c]::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(115deg, rgba(225, 37, 27, .1) 0%, transparent 28%),
          linear-gradient(290deg, rgba(15, 23, 42, .08) 0%, transparent 32%);
        pointer-events: none;
      }
      .core-header[data-v-006f881c],
      .scenarios-header[data-v-d52993b2],
      .testimonials-header[data-v-9a6ff32a],
      .security-header[data-v-710c9a59] {
        position: relative;
        z-index: 1;
        max-width: 760px;
        margin-bottom: 48px;
      }
      .core-title[data-v-006f881c],
      .scenarios-title[data-v-d52993b2],
      .testimonials-title[data-v-9a6ff32a],
      .security-title[data-v-710c9a59] {
        color: #0f172a;
        font-size: 42px;
        font-weight: 500;
        letter-spacing: 0;
      }
      .core-subtitle[data-v-006f881c],
      .scenarios-subtitle[data-v-d52993b2],
      .testimonials-subtitle[data-v-9a6ff32a],
      .security-subtitle[data-v-710c9a59] {
        color: #667085;
      }
      .core-grid[data-v-006f881c] {
        position: relative;
        z-index: 1;
        counter-reset: feature-card;
        width: 1200px;
        gap: 20px;
      }
      .core-card[data-v-006f881c] {
        counter-increment: feature-card;
        height: 228px;
        padding: 0;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .88)),
          linear-gradient(135deg, rgba(225, 37, 27, .12), transparent 34%);
        box-shadow: 0 20px 48px rgba(17, 24, 39, .08);
        overflow: hidden;
      }
      .core-card[data-v-006f881c]::before {
        content: "0" counter(feature-card);
        position: absolute;
        left: 24px;
        top: 24px;
        color: #e1251b;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0;
      }
      .core-card[data-v-006f881c]:after,
      .core-card-blur[data-v-006f881c],
      .core-card-bg[data-v-006f881c] { display: none; }
      .core-card[data-v-006f881c]:hover {
        transform: translateY(-5px);
        filter: none;
        border-color: rgba(225, 37, 27, .18);
        box-shadow: 0 30px 62px rgba(17, 24, 39, .12);
      }
      .core-card-icon[data-v-006f881c],
      .core-card .ibg[data-v-006f881c] {
        opacity: .18;
        right: -12px;
        top: -12px;
        width: 104px;
        height: 104px;
        object-fit: contain;
      }
      .core-card-title[data-v-006f881c] {
        top: 54px;
        left: 24px;
        right: 24px;
        color: #111827;
        font-size: 18px;
        font-weight: 600;
      }
      .core-card-desc[data-v-006f881c] {
        top: 98px;
        left: 24px;
        right: 24px;
        color: #667085;
        line-height: 1.65;
        text-align: left;
      }
      .enterprise-suite {
        position: relative;
        padding: 112px 24px 118px;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 100%),
          linear-gradient(135deg, #111827 0%, #172033 54%, #2a1010 100%);
        background-size: 86px 86px, 86px 86px, auto;
        color: #fff;
        overflow: hidden;
      }
      .enterprise-suite::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(120deg, rgba(225, 37, 27, .24) 0%, transparent 30%),
          linear-gradient(280deg, rgba(255, 255, 255, .08) 0%, transparent 34%);
        pointer-events: none;
      }
      .enterprise-suite-inner {
        position: relative;
        z-index: 1;
        max-width: 1200px;
        margin: 0 auto;
      }
      .enterprise-suite-header {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
        gap: 56px;
        align-items: end;
        margin-bottom: 36px;
      }
      .enterprise-suite-eyebrow {
        display: inline-flex;
        align-items: center;
        height: 30px;
        padding: 0 14px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 999px;
        background: rgba(255, 255, 255, .08);
        color: #ffb4aa;
        font-size: 13px;
        font-weight: 700;
      }
      .enterprise-suite-title {
        margin: 18px 0 0;
        color: #fff;
        font-size: 44px;
        line-height: 1.16;
        font-weight: 600;
        letter-spacing: 0;
      }
      .enterprise-suite-copy {
        margin: 0;
        color: rgba(255, 255, 255, .72);
        font-size: 16px;
        line-height: 1.9;
      }
      .enterprise-suite-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
      }
      .enterprise-suite-card {
        position: relative;
        min-height: 245px;
        padding: 24px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 8px;
        background: rgba(255, 255, 255, .07);
        box-shadow: 0 24px 54px rgba(0, 0, 0, .22);
        box-sizing: border-box;
        overflow: hidden;
      }
      .enterprise-suite-card::before {
        content: "";
        position: absolute;
        left: 24px;
        top: 0;
        width: 48px;
        height: 3px;
        background: #ff4d3f;
      }
      .enterprise-suite-index {
        color: rgba(255, 255, 255, .38);
        font-size: 13px;
        font-weight: 800;
      }
      .enterprise-suite-card h3 {
        margin: 34px 0 12px;
        color: #fff;
        font-size: 20px;
        font-weight: 650;
      }
      .enterprise-suite-card p {
        margin: 0;
        color: rgba(255, 255, 255, .72);
        font-size: 14px;
        line-height: 1.8;
      }
      .enterprise-suite-tag {
        position: absolute;
        left: 24px;
        bottom: 22px;
        color: #ffb4aa;
        font-size: 12px;
        font-weight: 700;
      }
      .expert-lab {
        position: relative;
        padding: 108px 24px 116px;
        background:
          linear-gradient(90deg, rgba(225, 37, 27, .04) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(17, 24, 39, .035) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, #fff 0%, #f8fafc 100%);
        background-size: 78px 78px, 78px 78px, auto;
        overflow: hidden;
      }
      .expert-lab::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(125deg, rgba(225, 37, 27, .1) 0%, transparent 30%),
          linear-gradient(300deg, rgba(15, 23, 42, .08) 0%, transparent 34%);
        pointer-events: none;
      }
      .expert-lab-inner {
        position: relative;
        z-index: 1;
        max-width: 1200px;
        margin: 0 auto;
      }
      .expert-lab-header {
        display: grid;
        grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
        gap: 54px;
        align-items: end;
        margin-bottom: 34px;
      }
      .expert-lab-eyebrow {
        display: inline-flex;
        align-items: center;
        height: 30px;
        padding: 0 14px;
        border: 1px solid rgba(225, 37, 27, .14);
        border-radius: 999px;
        background: rgba(255, 255, 255, .76);
        color: #e1251b;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 10px 28px rgba(225, 37, 27, .08);
      }
      .expert-lab-title {
        margin: 18px 0 0;
        color: #0f172a;
        font-size: 42px;
        line-height: 1.18;
        font-weight: 600;
        letter-spacing: 0;
      }
      .expert-lab-copy {
        margin: 0;
        color: #667085;
        font-size: 16px;
        line-height: 1.9;
      }
      .expert-logic {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 22px;
      }
      .expert-logic-item {
        min-height: 96px;
        padding: 18px 18px 16px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background: rgba(255, 255, 255, .86);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .06);
        box-sizing: border-box;
      }
      .expert-logic-item strong {
        display: block;
        color: #111827;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
      }
      .expert-logic-item span {
        display: block;
        margin-top: 8px;
        color: #667085;
        font-size: 13px;
        line-height: 1.55;
      }
      .expert-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
      }
      .expert-card {
        position: relative;
        min-height: 236px;
        padding: 22px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .86)),
          linear-gradient(135deg, rgba(225, 37, 27, .12), transparent 38%);
        box-shadow: 0 24px 54px rgba(17, 24, 39, .08);
        box-sizing: border-box;
        overflow: hidden;
      }
      .expert-card::before {
        content: "";
        position: absolute;
        left: 22px;
        top: 0;
        width: 42px;
        height: 3px;
        background: #e1251b;
      }
      .expert-card-label {
        display: inline-flex;
        align-items: center;
        height: 26px;
        padding: 0 10px;
        border-radius: 999px;
        background: #fff3ef;
        color: #e1251b;
        font-size: 12px;
        font-weight: 700;
      }
      .expert-card h3 {
        margin: 26px 0 12px;
        color: #111827;
        font-size: 20px;
        font-weight: 700;
      }
      .expert-card p {
        margin: 0;
        color: #667085;
        font-size: 14px;
        line-height: 1.75;
      }
      .expert-service {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center;
        margin-top: 18px;
        padding: 22px 24px;
        border: 1px solid rgba(225, 37, 27, .13);
        border-radius: 8px;
        background: rgba(255, 247, 245, .86);
        box-shadow: 0 18px 42px rgba(225, 37, 27, .08);
      }
      .expert-service strong {
        display: block;
        margin-bottom: 6px;
        color: #111827;
        font-size: 18px;
      }
      .expert-service p {
        margin: 0;
        color: #667085;
        font-size: 14px;
        line-height: 1.7;
      }
      .expert-service-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        padding: 0 18px;
        border-radius: 999px;
        background: #111827;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
      }
      .home-pricing {
        position: relative;
        min-height: 760px;
        padding: 110px 24px 120px;
        box-sizing: border-box;
        background:
          radial-gradient(circle at 16% 16%, rgba(225, 37, 27, .11), transparent 28%),
          linear-gradient(180deg, #fff 0%, #f7f8fb 100%);
        overflow: hidden;
      }
      .home-pricing::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          linear-gradient(rgba(17, 24, 39, .035) 1px, transparent 1px),
          linear-gradient(90deg, rgba(17, 24, 39, .035) 1px, transparent 1px);
        background-size: 72px 72px;
        mask-image: linear-gradient(180deg, transparent 0%, #000 20%, #000 82%, transparent 100%);
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 20%, #000 82%, transparent 100%);
        pointer-events: none;
      }
      .home-pricing-inner {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
      }
      .home-pricing-header {
        max-width: 760px;
        margin: 0 auto 46px;
        text-align: center;
      }
      .home-pricing-eyebrow {
        display: inline-flex;
        align-items: center;
        height: 30px;
        padding: 0 14px;
        border: 1px solid rgba(225, 37, 27, .14);
        border-radius: 999px;
        background: rgba(255, 255, 255, .76);
        color: #e1251b;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0 10px 28px rgba(225, 37, 27, .08);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }
      .home-pricing-title {
        margin: 18px 0 14px;
        color: #0f172a;
        font-size: 42px;
        font-weight: 500;
        letter-spacing: 0;
      }
      .home-pricing-subtitle {
        margin: 0 auto;
        max-width: 640px;
        color: #667085;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.8;
      }
      .home-pricing-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
      }
      .home-plan-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 430px;
        padding: 32px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 24px 54px rgba(17, 24, 39, .08);
        box-sizing: border-box;
        overflow: hidden;
      }
      .home-plan-card::after {
        content: "";
        position: absolute;
        right: -70px;
        top: -90px;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background: rgba(225, 37, 27, .08);
      }
      .home-plan-card.is-featured {
        border-color: rgba(225, 37, 27, .2);
        box-shadow: 0 28px 62px rgba(225, 37, 27, .12);
      }
      .home-plan-badge {
        position: relative;
        z-index: 1;
        width: fit-content;
        margin-bottom: 18px;
        padding: 5px 10px;
        border-radius: 999px;
        background: #fff3ef;
        color: #e1251b;
        font-size: 12px;
        font-weight: 600;
      }
      .home-plan-name {
        position: relative;
        z-index: 1;
        margin: 0;
        color: #111827;
        font-size: 26px;
        font-weight: 600;
      }
      .home-plan-desc {
        position: relative;
        z-index: 1;
        min-height: 48px;
        margin: 12px 0 24px;
        color: #667085;
        font-size: 14px;
        line-height: 1.7;
      }
      .home-plan-price {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: flex-end;
        gap: 8px;
        margin-bottom: 22px;
        color: #111827;
      }
      .home-plan-price strong {
        font-size: 40px;
        line-height: 1;
      }
      .home-plan-price span {
        padding-bottom: 5px;
        color: #667085;
        font-size: 14px;
      }
      .home-plan-meta {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 22px;
      }
      .home-plan-meta div {
        padding: 13px 14px;
        border: 1px solid rgba(17, 24, 39, .07);
        border-radius: 8px;
        background: #fff;
        color: #111827;
        font-size: 14px;
        font-weight: 600;
      }
      .home-plan-meta span {
        display: block;
        margin-bottom: 4px;
        color: #98a2b3;
        font-size: 12px;
        font-weight: 500;
      }
      .home-plan-list {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 10px;
        margin: 0 0 28px;
        padding: 0;
        list-style: none;
        color: #475467;
        font-size: 14px;
        line-height: 1.6;
      }
      .home-plan-list li {
        display: flex;
        gap: 9px;
      }
      .home-plan-list li::before {
        content: "";
        flex: 0 0 auto;
        width: 6px;
        height: 6px;
        margin-top: 9px;
        border-radius: 50%;
        background: #e1251b;
      }
      .home-pricing-actions {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: auto;
      }
      .home-pricing-primary,
      .home-pricing-secondary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        padding: 0 20px;
        border-radius: 999px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
      }
      .home-pricing-primary {
        background: #111827;
        color: #fff;
        box-shadow: 0 16px 32px rgba(17, 24, 39, .16);
      }
      .home-pricing-secondary {
        border: 1px solid rgba(225, 37, 27, .16);
        background: #fff3ef;
        color: #e1251b;
      }
      .home-credits-strip {
        margin-top: 20px;
        padding: 20px 24px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background: rgba(255, 255, 255, .82);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .06);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
      }
      .home-credits-packages {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        margin-top: 14px;
      }
      .home-credits-package {
        padding: 14px 12px;
        border: 1px solid rgba(17, 24, 39, .07);
        border-radius: 8px;
        background: #fff;
        box-sizing: border-box;
      }
      .home-credits-package strong {
        display: block;
        color: #111827;
        font-size: 14px;
        font-weight: 700;
      }
      .home-credits-package span {
        display: block;
        margin-top: 6px;
        color: #667085;
        font-size: 12px;
        line-height: 1.45;
      }
      .home-credits-copy {
        color: #667085;
        font-size: 14px;
        line-height: 1.7;
      }
      .home-credits-copy strong {
        display: block;
        margin-bottom: 4px;
        color: #111827;
        font-size: 16px;
      }
      .home-credits-link {
        flex: 0 0 auto;
        color: #e1251b;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
      }
      .scenarios[data-v-d52993b2] {
        padding: 100px 24px 120px;
        background:
          linear-gradient(180deg, #f6f7fb 0%, #fff 100%);
      }
      .scenarios-body[data-v-d52993b2] {
        max-width: 1200px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background: rgba(255, 255, 255, .82);
        box-shadow: 0 30px 70px rgba(17, 24, 39, .08);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }
      .scenarios-tabs[data-v-d52993b2] {
        border-right: 1px solid rgba(17, 24, 39, .08);
      }
      .scenarios-tab[data-v-d52993b2] {
        border-radius: 8px;
        color: #475467;
        font-size: 16px;
      }
      .scenarios-tab.active[data-v-d52993b2] {
        background: #111827;
        color: #fff;
        font-size: 18px;
        box-shadow: 0 12px 26px rgba(17, 24, 39, .16);
      }
      .content-title[data-v-d52993b2] {
        color: #111827;
        font-size: 24px;
        font-weight: 600;
      }
      .content-desc[data-v-d52993b2] { color: #667085; }
      .device[data-v-d52993b2] {
        border-radius: 8px;
        border-color: #111827;
        box-shadow: 0 28px 56px rgba(17, 24, 39, .18);
      }
      .testimonials[data-v-9a6ff32a] {
        background:
          linear-gradient(180deg, #fff 0%, #f6f7fb 100%);
      }
      .testimonial-card[data-v-9a6ff32a] {
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        box-shadow: 0 24px 58px rgba(17, 24, 39, .1);
      }
      .testimonials-viewport .ct img[data-v-9a6ff32a] {
        border-radius: 8px;
      }
      .dot[data-v-9a6ff32a] {
        background: #d0d5dd;
      }
      .dot.active[data-v-9a6ff32a] {
        width: 22px;
        background: #e1251b;
      }
      .security[data-v-710c9a59] {
        background:
          linear-gradient(180deg, #f6f7fb 0%, #fff 100%);
      }
      .security-card[data-v-710c9a59] {
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 8px;
        background: rgba(255, 255, 255, .82) !important;
        box-shadow: 0 18px 42px rgba(17, 24, 39, .08);
      }
      .card-title[data-v-710c9a59] {
        color: #111827;
        font-weight: 600;
      }
      .card-desc[data-v-710c9a59] {
        color: #667085;
      }
      .bottom-cta[data-v-0c684f52] {
        padding-top: 96px;
        background: #111827;
        color: #fff;
      }
      .bottom-cta-inner[data-v-0c684f52] {
        max-width: 1060px;
      }
      .bottom-cta-desc[data-v-0c684f52] {
        color: rgba(255, 255, 255, .82);
        font-size: 24px;
        font-style: normal;
      }
      .header-container[data-v-65bdebee] {
        height: 72px;
      }
      .logo-link[data-v-65bdebee] {
        display: inline-flex;
        align-items: center;
        padding: 7px 0;
      }
      .logo[data-v-65bdebee] {
        width: 150px;
        height: auto;
      }
      .hero-section[data-v-73babdf3] {
        isolation: isolate;
        min-height: 820px;
        padding-top: 112px;
        background:
          linear-gradient(90deg, rgba(225, 37, 27, .045) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(17, 24, 39, .04) 0 1px, transparent 1px 100%),
          linear-gradient(128deg, #f7f9fd 0%, #ffffff 48%, #fff1ed 100%);
        background-size: 80px 80px, 80px 80px, auto;
      }
      .hero-section[data-v-73babdf3]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
          linear-gradient(115deg, rgba(225, 37, 27, .1) 0%, transparent 32%),
          linear-gradient(295deg, rgba(15, 23, 42, .08) 0%, transparent 36%);
        pointer-events: none;
      }
      .hero-section[data-v-73babdf3]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 120px;
        background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .92) 100%);
        pointer-events: none;
      }
      .hero-content[data-v-73babdf3] {
        display: grid;
        grid-template-columns: minmax(0, .94fr) minmax(460px, 1.06fr);
        width: min(1200px, calc(100% - 80px));
        gap: 42px;
      }
      .hero-left[data-v-73babdf3] {
        position: relative;
        z-index: 2;
      }
      .hero-title[data-v-73babdf3] {
        max-width: 620px;
        margin-top: 18px;
        font-size: 68px;
        line-height: 1.04;
        font-weight: 700;
      }
      .hero-title-brand[data-v-73babdf3] {
        display: block;
      }
      .hero-title-text[data-v-73babdf3] {
        display: block;
        margin-top: 8px;
      }
      .hero-subtitle[data-v-73babdf3] {
        max-width: 610px;
        margin-top: 28px;
        font-size: 22px;
        line-height: 1.75;
      }
      .hero-proof-grid[data-v-73babdf3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: min(660px, 100%);
        gap: 12px;
        margin-top: 32px;
      }
      .hero-proof-item[data-v-73babdf3] {
        min-height: 92px;
        padding: 18px 18px 16px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .9)),
          linear-gradient(135deg, rgba(225, 37, 27, .09), transparent 45%);
        box-shadow: 0 20px 46px rgba(17, 24, 39, .09);
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
      }
      .hero-proof-item[data-v-73babdf3]:hover {
        transform: translateY(-3px);
        border-color: rgba(225, 37, 27, .18);
        box-shadow: 0 28px 58px rgba(17, 24, 39, .13);
      }
      .hero-actions[data-v-73babdf3] {
        margin-top: 36px;
      }
      .hero-right[data-v-73babdf3] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 620px;
      }
      .hero-right[data-v-73babdf3]::before {
        content: "";
        position: absolute;
        width: 540px;
        height: 540px;
        border: 1px solid rgba(225, 37, 27, .12);
        border-radius: 8px;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(255, 255, 255, .5) 0 1px, transparent 1px 100%),
          linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(255, 244, 241, .58));
        background-size: 44px 44px, 44px 44px, auto;
        box-shadow: 0 38px 90px rgba(225, 37, 27, .14);
        transform: rotate(-3deg);
      }
      .hero-right .mockup-container[data-v-73babdf3] {
        position: relative;
        z-index: 1;
        width: 738px;
        height: 695px;
        transform: scale(.78);
        transform-origin: center;
        filter: drop-shadow(0 42px 72px rgba(225, 37, 27, .18));
      }
      .consult-button[data-v-ba70186e],
      .home-pricing-primary,
      .expert-service-link {
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
      }
      .home-pricing-primary:hover,
      .expert-service-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 20px 38px rgba(17, 24, 39, .18);
      }
      .core-highlights[data-v-006f881c] {
        padding-top: 112px;
      }
      .core-grid[data-v-006f881c] {
        gap: 18px;
      }
      .core-card[data-v-006f881c] {
        min-height: 236px;
        border-color: rgba(17, 24, 39, .07);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92)),
          linear-gradient(135deg, rgba(225, 37, 27, .12), transparent 42%);
        box-shadow: 0 22px 52px rgba(17, 24, 39, .075);
      }
      .core-card-title[data-v-006f881c] {
        top: 62px;
      }
      .core-card-title[data-v-006f881c]::after {
        content: "";
        display: block;
        width: 28px;
        height: 2px;
        margin-top: 12px;
        border-radius: 999px;
        background: #e1251b;
      }
      .core-card-desc[data-v-006f881c] {
        top: 116px;
      }
      .enterprise-suite {
        padding-top: 120px;
        padding-bottom: 126px;
      }
      .enterprise-suite-card {
        min-height: 268px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .055)),
          rgba(255, 255, 255, .04);
        transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
      }
      .enterprise-suite-card:hover {
        transform: translateY(-5px);
        border-color: rgba(255, 180, 170, .34);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07)),
          rgba(255, 255, 255, .05);
        box-shadow: 0 32px 70px rgba(0, 0, 0, .28);
      }
      .home-pricing {
        min-height: 0;
        padding-top: 118px;
      }
      .home-plan-card {
        min-height: 460px;
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .9)),
          linear-gradient(135deg, rgba(17, 24, 39, .055), transparent 38%);
        transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
      }
      .home-plan-card:hover {
        transform: translateY(-5px);
        border-color: rgba(225, 37, 27, .2);
        box-shadow: 0 32px 70px rgba(17, 24, 39, .12);
      }
      .home-plan-card.is-featured::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #fc5526, #fc2257);
      }
      .home-credits-strip {
        border-color: rgba(225, 37, 27, .12);
        background:
          linear-gradient(90deg, rgba(255, 247, 245, .9), rgba(255, 255, 255, .88));
      }
      .scenarios[data-v-d52993b2],
      .testimonials[data-v-9a6ff32a],
      .security[data-v-710c9a59] {
        padding-top: 112px;
      }
      .scenarios-body[data-v-d52993b2] {
        border-radius: 8px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .84));
      }
      .scenarios-tab[data-v-d52993b2] {
        position: relative;
        overflow: hidden;
      }
      .scenarios-tab[data-v-d52993b2]:not(.active):hover {
        background: #f2f4f7;
        color: #111827;
      }
      .device[data-v-d52993b2] {
        border-width: 7px;
      }
      .testimonial-card[data-v-9a6ff32a] {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .92));
      }
      .testimonial-card.is-pos-0[data-v-9a6ff32a] {
        box-shadow: 0 32px 74px rgba(17, 24, 39, .14);
      }
      .security[data-v-710c9a59] {
        padding-bottom: 132px;
        margin-bottom: 0;
        background:
          linear-gradient(90deg, rgba(225, 37, 27, .035) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(17, 24, 39, .032) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
        background-size: 82px 82px, 82px 82px, auto;
      }
      .security-grid[data-v-710c9a59] {
        width: min(1200px, calc(100% - 80px));
        grid-template-columns: minmax(0, 1fr) 430px minmax(0, 1fr);
        gap: 24px;
      }
      .security-col[data-v-710c9a59] {
        gap: 24px;
      }
      .security-card[data-v-710c9a59] {
        min-height: 140px;
        height: auto;
        padding: 24px 28px;
        box-sizing: border-box;
      }
      .security-center[data-v-710c9a59] {
        width: 430px;
        height: 430px;
        overflow: visible;
      }
      .security-illustration[data-v-710c9a59] {
        width: 720px !important;
        max-width: 720px !important;
        margin: -145px 0 0 -145px;
      }
      .bottom-cta[data-v-0c684f52] {
        padding: 104px 24px 108px;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 100%),
          linear-gradient(180deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 100%),
          linear-gradient(135deg, #101722 0%, #151b2a 58%, #291313 100%);
        background-size: 82px 82px, 82px 82px, auto;
      }
      @media (max-width: 900px) {
        body { overflow-x: hidden; }
        .home-page[data-v-c715cf2c] { min-width: 0; overflow-x: hidden; }
        .header-container[data-v-65bdebee] { padding: 14px 18px; gap: 18px; }
        .logo[data-v-65bdebee] { width: 128px; }
        .nav-links[data-v-65bdebee] { gap: 18px; overflow-x: auto; justify-content: flex-start; }
        .auth-name[data-v-65bdebee] { display: none; }
        .credits-entry[data-v-65bdebee] {
          height: 38px;
          padding: 0 12px;
          font-size: 13px;
        }
        .hero-section[data-v-73babdf3] {
          min-height: auto;
          padding: 112px 24px 72px;
        }
        .hero-content[data-v-73babdf3] {
          display: flex;
          width: 100%;
          max-width: 100%;
          flex-direction: column;
          align-items: flex-start;
          gap: 34px;
        }
        .hero-left[data-v-73babdf3] {
          width: 100%;
          max-width: 680px;
          padding-left: 0;
        }
        .hero-badge[data-v-73babdf3] {
          max-width: 100%;
          box-sizing: border-box;
        }
        .hero-title[data-v-73babdf3] {
          max-width: 680px;
          font-size: 56px;
          line-height: 1.08;
        }
        .hero-subtitle[data-v-73babdf3] {
          max-width: 620px;
          font-size: 22px;
          line-height: 1.7;
        }
        .hero-proof-grid[data-v-73babdf3] {
          max-width: 620px;
        }
        .hero-right[data-v-73babdf3] {
          width: 100%;
          height: 390px;
          overflow: hidden;
        }
        .hero-right .mockup-container[data-v-73babdf3] {
          transform: scale(.58);
          transform-origin: top center;
          margin: 0 auto;
        }
        .core-highlights[data-v-006f881c],
        .enterprise-suite,
        .expert-lab,
        .home-pricing,
        .scenarios[data-v-d52993b2],
        .testimonials[data-v-9a6ff32a],
        .security[data-v-710c9a59] {
          padding-left: 24px;
          padding-right: 24px;
        }
        .core-grid[data-v-006f881c] {
          width: 100%;
          max-width: 100%;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          padding: 0;
          box-sizing: border-box;
        }
        .core-card[data-v-006f881c] {
          height: auto;
          min-height: 224px;
        }
        .enterprise-suite {
          padding: 88px 24px 96px;
        }
        .enterprise-suite-header {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .enterprise-suite-title {
          font-size: 38px;
        }
        .enterprise-suite-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .enterprise-suite-card {
          min-height: 230px;
        }
        .expert-lab {
          padding: 88px 24px 96px;
        }
        .expert-lab-header {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .expert-lab-title {
          font-size: 38px;
        }
        .expert-logic {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .expert-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .expert-service {
          grid-template-columns: 1fr;
          align-items: flex-start;
        }
        .home-pricing {
          min-height: auto;
          padding-top: 88px;
          padding-bottom: 92px;
        }
        .home-pricing-grid {
          grid-template-columns: 1fr;
        }
        .home-plan-card {
          min-height: 0;
        }
        .home-credits-strip {
          align-items: flex-start;
          flex-direction: column;
        }
        .home-credits-packages {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          width: 100%;
        }
        .scenarios-body[data-v-d52993b2] {
          width: 100%;
          max-width: 100%;
          grid-template-columns: 1fr;
          gap: 0;
          overflow: hidden;
        }
        .scenarios-tabs[data-v-d52993b2] {
          width: 100%;
          flex-direction: row;
          gap: 8px;
          padding: 14px;
          border-right: none;
          border-bottom: 1px solid rgba(17, 24, 39, .08);
          overflow-x: auto;
          box-sizing: border-box;
        }
        .scenarios-tab[data-v-d52993b2] {
          flex: 0 0 auto;
          width: auto;
          height: 44px;
          padding: 0 18px;
          line-height: 44px;
          font-size: 14px;
        }
        .scenarios-tab.active[data-v-d52993b2] { font-size: 15px; }
        .scenarios-content[data-v-d52993b2] {
          height: auto;
          min-height: 520px;
          padding: 28px 24px 34px;
        }
        .content-mockup[data-v-d52993b2] {
          position: relative;
          height: 320px;
        }
        .device-laptop[data-v-d52993b2],
        .device-laptop.lt1[data-v-d52993b2] {
          right: auto;
          bottom: auto;
          left: 50%;
          top: 16px;
          width: min(640px, 100%);
          height: 318px;
          transform: translateX(-50%);
        }
        .device-laptop img[data-v-d52993b2] {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        .testimonials-viewport[data-v-9a6ff32a] {
          max-width: 100%;
          height: 520px;
        }
        .testimonial-card[data-v-9a6ff32a] {
          width: min(560px, calc(100vw - 64px));
          height: 520px;
        }
        .testimonials-viewport .ct img[data-v-9a6ff32a] {
          width: 100%;
          height: 250px;
          object-fit: cover;
        }
        .testimonial-card.is-pos--1[data-v-9a6ff32a] { transform: translate(-50%, -50%) translate(-190px) scale(.9); }
        .testimonial-card.is-pos-1[data-v-9a6ff32a] { transform: translate(-50%, -50%) translate(190px) scale(.9); }
        .testimonial-card.is-pos--2[data-v-9a6ff32a] { transform: translate(-50%, -50%) translate(-320px) scale(.78); }
        .testimonial-card.is-pos-2[data-v-9a6ff32a] { transform: translate(-50%, -50%) translate(320px) scale(.78); }
        .security[data-v-710c9a59] {
          padding-bottom: 112px;
          margin-bottom: 0;
        }
        .security-header[data-v-710c9a59] {
          width: auto;
          max-width: 720px;
        }
        .security-grid[data-v-710c9a59] {
          width: 100%;
          grid-template-columns: 1fr;
          gap: 18px;
        }
        .security-col[data-v-710c9a59] { gap: 18px; }
        .security-card[data-v-710c9a59] {
          height: auto;
          min-height: 120px;
          padding: 22px 24px;
          box-sizing: border-box;
        }
        .security-center[data-v-710c9a59] {
          width: 100%;
          height: 240px;
          order: -1;
        }
        .security-illustration[data-v-710c9a59] {
          width: 560px !important;
          max-width: 100% !important;
          margin: -150px auto 0;
          display: block;
        }
        .bottom-cta-desc[data-v-0c684f52] {
          font-size: 20px;
        }
        .bottom-cta-desc[data-v-0c684f52] br { display: none; }
        .footer[data-v-848a7644] { min-width: 0; }
        .footer-container[data-v-848a7644] {
          padding: 0 24px;
        }
        .footer-main[data-v-848a7644] {
          flex-direction: column;
          gap: 32px;
        }
      }
      @media (max-width: 560px) {
        .hero-section[data-v-73babdf3] {
          padding-left: 20px;
          padding-right: 20px;
        }
        .credits-entry[data-v-65bdebee] {
          width: 38px;
          padding: 0;
          flex-shrink: 0;
        }
        .credits-entry-label[data-v-65bdebee] { display: none; }
        .hero-title[data-v-73babdf3] {
          width: 100%;
          font-size: 36px;
          line-height: 1.16;
          overflow-wrap: anywhere;
        }
        .hero-title-brand[data-v-73babdf3] {
          font-size: 44px;
          line-height: 1.05;
        }
        .hero-title-text[data-v-73babdf3] {
          display: block;
          max-width: 100%;
          font-size: 30px;
          line-height: 1.28;
          white-space: normal;
          word-break: break-all;
          overflow-wrap: anywhere;
        }
        .hero-subtitle[data-v-73babdf3] { font-size: 18px; }
        .hero-proof-grid[data-v-73babdf3] {
          grid-template-columns: 1fr;
        }
        .consult-button[data-v-ba70186e] {
          min-width: 0;
          width: 100%;
          max-width: 100%;
          padding: 0 16px;
        }
        .hero-actions[data-v-73babdf3],
        .consult-wrapper[data-v-ba70186e] {
          width: 100%;
        }
        .core-grid[data-v-006f881c] { grid-template-columns: 1fr; }
        .core-card[data-v-006f881c] {
          height: auto;
          min-height: 214px;
        }
        .enterprise-suite-title { font-size: 32px; }
        .enterprise-suite-grid { grid-template-columns: 1fr; }
        .enterprise-suite-card { min-height: 210px; }
        .expert-lab-title { font-size: 32px; }
        .expert-logic,
        .expert-grid,
        .home-credits-packages { grid-template-columns: 1fr; }
        .expert-card { min-height: 0; }
        .home-pricing-title { font-size: 34px; }
        .home-plan-card { padding: 24px 20px; }
        .home-plan-meta { grid-template-columns: 1fr; }
        .home-pricing-actions {
          align-items: stretch;
          flex-direction: column;
        }
        .home-pricing-primary,
        .home-pricing-secondary { width: 100%; box-sizing: border-box; }
        .testimonials-viewport[data-v-9a6ff32a] { height: 500px; }
        .testimonial-card[data-v-9a6ff32a] {
          width: calc(100vw - 40px);
          height: 500px;
        }
        .testimonial-card.is-pos--1[data-v-9a6ff32a],
        .testimonial-card.is-pos-1[data-v-9a6ff32a],
        .testimonial-card.is-pos--2[data-v-9a6ff32a],
        .testimonial-card.is-pos-2[data-v-9a6ff32a] {
          opacity: 0;
          pointer-events: none;
        }
      }
      /* v2026.07.10-home-joydesk-refresh: JoyDesk 2.0 informed homepage refresh */
      .home-page[data-v-c715cf2c] {
        --jc-ink: #101828;
        --jc-muted: #667085;
        --jc-line: rgba(16, 24, 40, .09);
        --jc-red: #e1251b;
        --jc-blue: #2563eb;
        --jc-teal: #0f766e;
        --jc-amber: #b7791f;
        --jc-surface: rgba(255, 255, 255, .88);
      }
      .hero-section[data-v-73babdf3] {
        min-height: 820px;
        padding: 112px 24px 78px;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .045) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .04) 1px, transparent 1px),
          radial-gradient(circle at 86% 18%, rgba(37, 99, 235, .14), transparent 28%),
          radial-gradient(circle at 16% 26%, rgba(225, 37, 27, .12), transparent 26%),
          linear-gradient(180deg, #f7f9fc 0%, #ffffff 58%, #f6f8fb 100%);
        background-size: 76px 76px, 76px 76px, auto, auto, auto;
      }
      .hero-content[data-v-73babdf3] {
        width: min(1240px, 100%);
        display: grid;
        grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
        gap: 56px;
      }
      .hero-badge[data-v-73babdf3] {
        height: 34px;
        border-color: rgba(37, 99, 235, .16);
        background: rgba(255, 255, 255, .82);
        color: #1d4ed8;
        box-shadow: 0 12px 30px rgba(37, 99, 235, .08);
      }
      .hero-title[data-v-73babdf3] {
        max-width: 680px;
        margin-top: 24px;
        font-size: 66px;
        line-height: 1.05;
        font-weight: 650;
      }
      .hero-title-brand[data-v-73babdf3] {
        display: block;
        color: var(--jc-ink);
      }
      .hero-title-text[data-v-73babdf3] {
        display: block;
        margin-top: 8px;
        color: var(--jc-ink);
      }
      .hero-subtitle[data-v-73babdf3] {
        max-width: 650px;
        margin-top: 28px;
        color: #475467;
        font-size: 21px;
        line-height: 1.78;
        font-weight: 400;
      }
      .hero-subtitle-highlight[data-v-73babdf3] {
        color: var(--jc-red);
        font-weight: 650;
      }
      .hero-proof-grid[data-v-73babdf3] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: min(720px, 100%);
        margin-top: 30px;
        gap: 12px;
      }
      .hero-proof-item[data-v-73babdf3] {
        min-height: 92px;
        padding: 16px 16px 15px;
        background: rgba(255, 255, 255, .78);
        border-color: rgba(16, 24, 40, .08);
        box-shadow: 0 16px 34px rgba(16, 24, 40, .07);
      }
      .hero-proof-item[data-v-73babdf3]::before {
        background: linear-gradient(180deg, var(--proof-accent, var(--jc-red)), rgba(16, 24, 40, .18));
      }
      .hero-proof-item:nth-child(2)[data-v-73babdf3] { --proof-accent: var(--jc-blue); }
      .hero-proof-item:nth-child(3)[data-v-73babdf3] { --proof-accent: var(--jc-teal); }
      .hero-proof-item:nth-child(4)[data-v-73babdf3] { --proof-accent: var(--jc-amber); }
      .hero-proof-value[data-v-73babdf3] {
        font-size: 15px;
        line-height: 1.25;
      }
      .hero-proof-label[data-v-73babdf3] {
        font-size: 12px;
        line-height: 1.5;
      }
      .hero-actions[data-v-73babdf3] {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-top: 34px;
      }
      .hero-secondary-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        padding: 0 20px;
        border: 1px solid rgba(16, 24, 40, .1);
        border-radius: 8px;
        background: rgba(255, 255, 255, .7);
        color: #344054;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 12px 26px rgba(16, 24, 40, .06);
      }
      .hero-right[data-v-73babdf3] {
        width: 100%;
        height: auto;
      }
      .hero-right .mockup-container[data-v-73babdf3] {
        display: none;
      }
      .hero-workbench {
        position: relative;
        width: 100%;
        min-height: 560px;
        border: 1px solid rgba(16, 24, 40, .1);
        border-radius: 18px;
        background: rgba(255, 255, 255, .82);
        box-shadow: 0 36px 90px rgba(16, 24, 40, .14);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        overflow: hidden;
      }
      .hero-workbench::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .035) 1px, transparent 1px);
        background-size: 42px 42px;
        pointer-events: none;
      }
      .workbench-topbar,
      .workbench-body,
      .workbench-status {
        position: relative;
        z-index: 1;
      }
      .workbench-topbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 58px;
        padding: 0 20px;
        border-bottom: 1px solid rgba(16, 24, 40, .08);
        background: rgba(248, 250, 252, .86);
      }
      .workbench-window-dots {
        display: flex;
        gap: 7px;
      }
      .workbench-window-dots span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #cbd5e1;
      }
      .workbench-window-dots span:first-child { background: #ef4444; }
      .workbench-window-dots span:nth-child(2) { background: #f59e0b; }
      .workbench-window-dots span:nth-child(3) { background: #10b981; }
      .workbench-mode {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        height: 30px;
        padding: 0 12px;
        border-radius: 999px;
        background: #101828;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
      }
      .workbench-body {
        display: grid;
        grid-template-columns: 170px minmax(0, 1fr) 180px;
        min-height: 430px;
      }
      .workbench-sidebar {
        padding: 20px 14px;
        border-right: 1px solid rgba(16, 24, 40, .08);
        background: rgba(248, 250, 252, .68);
      }
      .sidebar-label,
      .panel-label {
        color: #98a2b3;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
      }
      .sidebar-item {
        display: flex;
        align-items: center;
        gap: 8px;
        height: 38px;
        margin-top: 10px;
        padding: 0 10px;
        border-radius: 8px;
        color: #475467;
        font-size: 13px;
        font-weight: 650;
      }
      .sidebar-item::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: var(--side-color, #94a3b8);
      }
      .sidebar-item.active {
        background: #fff;
        color: var(--jc-ink);
        box-shadow: 0 10px 24px rgba(16, 24, 40, .08);
      }
      .sidebar-item:nth-child(2) { --side-color: var(--jc-red); }
      .sidebar-item:nth-child(3) { --side-color: var(--jc-blue); }
      .sidebar-item:nth-child(4) { --side-color: var(--jc-teal); }
      .sidebar-item:nth-child(5) { --side-color: var(--jc-amber); }
      .workbench-main {
        padding: 24px;
      }
      .agent-request {
        padding: 18px 18px 16px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 14px 34px rgba(16, 24, 40, .07);
      }
      .agent-request strong {
        display: block;
        color: var(--jc-ink);
        font-size: 17px;
        line-height: 1.45;
      }
      .agent-request span {
        display: block;
        margin-top: 8px;
        color: #667085;
        font-size: 13px;
        line-height: 1.6;
      }
      .agent-plan {
        display: grid;
        gap: 12px;
        margin-top: 18px;
      }
      .plan-row {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        padding: 12px 14px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 10px;
        background: rgba(255, 255, 255, .74);
      }
      .plan-index {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: #eef2ff;
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 800;
      }
      .plan-row strong {
        display: block;
        color: #1d2939;
        font-size: 13px;
      }
      .plan-row span {
        display: block;
        margin-top: 4px;
        color: #667085;
        font-size: 12px;
      }
      .plan-state {
        color: var(--jc-teal);
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
      }
      .workbench-panel {
        padding: 20px 14px;
        border-left: 1px solid rgba(16, 24, 40, .08);
        background: rgba(255, 255, 255, .68);
      }
      .artifact {
        margin-top: 12px;
        padding: 12px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 10px;
        background: #fff;
      }
      .artifact strong {
        display: block;
        color: var(--jc-ink);
        font-size: 13px;
      }
      .artifact span {
        display: block;
        margin-top: 6px;
        color: #667085;
        font-size: 12px;
        line-height: 1.45;
      }
      .workbench-status {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 14px 16px 18px;
        border-top: 1px solid rgba(16, 24, 40, .08);
        background: rgba(248, 250, 252, .76);
      }
      .status-pill {
        padding: 10px 12px;
        border-radius: 10px;
        background: #fff;
        border: 1px solid rgba(16, 24, 40, .08);
      }
      .status-pill strong {
        display: block;
        color: var(--jc-ink);
        font-size: 13px;
      }
      .status-pill span {
        display: block;
        margin-top: 4px;
        color: #667085;
        font-size: 11px;
      }
      .core-highlights[data-v-006f881c] {
        padding: 108px 24px 112px;
        background:
          linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
      }
      .core-highlights[data-v-006f881c]::before {
        background:
          radial-gradient(circle at 12% 16%, rgba(37, 99, 235, .1), transparent 25%),
          radial-gradient(circle at 82% 18%, rgba(15, 118, 110, .1), transparent 28%);
      }
      .core-header[data-v-006f881c] {
        width: min(1200px, 100%);
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
      }
      .core-grid[data-v-006f881c] {
        width: min(1200px, 100%);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }
      .core-card[data-v-006f881c] {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 238px;
        padding: 24px;
        border-radius: 10px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88));
        box-shadow: 0 18px 42px rgba(16, 24, 40, .07);
      }
      .core-card[data-v-006f881c]::before {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 24px;
        margin-bottom: 22px;
        border-radius: 999px;
        background: #fff3ef;
        color: var(--jc-red);
      }
      .core-card[data-v-006f881c]:nth-child(2n)::before {
        background: #eff6ff;
        color: var(--jc-blue);
      }
      .core-card[data-v-006f881c]:nth-child(3n)::before {
        background: #ecfdf3;
        color: var(--jc-teal);
      }
      .core-card-title[data-v-006f881c],
      .core-card-desc[data-v-006f881c] {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
      }
      .core-card-title[data-v-006f881c] {
        min-height: 50px;
        font-size: 19px;
        line-height: 1.35;
      }
      .core-card-title[data-v-006f881c]::after {
        width: 22px;
        margin-top: 12px;
      }
      .core-card-desc[data-v-006f881c] {
        margin-top: 16px;
        color: #667085;
        font-size: 14px;
        line-height: 1.75;
      }
      .core-card .ibg[data-v-006f881c] {
        opacity: .12;
        right: -8px;
        top: -8px;
      }
      .enterprise-suite {
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px),
          linear-gradient(180deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
          linear-gradient(135deg, #101828 0%, #182334 48%, #1d2939 100%);
      }
      .enterprise-suite::before {
        background:
          radial-gradient(circle at 14% 18%, rgba(225, 37, 27, .26), transparent 26%),
          radial-gradient(circle at 86% 22%, rgba(37, 99, 235, .2), transparent 28%);
      }
      .enterprise-suite-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      .enterprise-suite-card {
        min-height: 256px;
        border-radius: 10px;
      }
      .expert-lab {
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
          linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
      }
      .expert-lab::before {
        background:
          radial-gradient(circle at 18% 20%, rgba(15, 118, 110, .11), transparent 28%),
          radial-gradient(circle at 82% 18%, rgba(225, 37, 27, .1), transparent 26%);
      }
      .expert-card {
        min-height: 224px;
        border-radius: 10px;
      }
      .expert-service {
        border-radius: 10px;
        background:
          linear-gradient(90deg, rgba(255, 247, 245, .92), rgba(239, 246, 255, .84));
      }
      .home-pricing {
        background:
          linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
      }
      .scenarios[data-v-d52993b2] {
        background:
          linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
      }
      .scenarios-body[data-v-d52993b2] {
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 12px;
        box-shadow: 0 28px 70px rgba(16, 24, 40, .1);
      }
      @media (max-width: 1080px) {
        .hero-content[data-v-73babdf3] {
          grid-template-columns: 1fr;
        }
        .hero-right[data-v-73babdf3] {
          width: 100%;
        }
        .core-grid[data-v-006f881c],
        .enterprise-suite-grid,
        .expert-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .workbench-body {
          grid-template-columns: 150px minmax(0, 1fr);
        }
        .workbench-panel {
          display: none;
        }
      }
      @media (max-width: 720px) {
        .hero-section[data-v-73babdf3] {
          padding: 104px 20px 64px;
        }
        .hero-title[data-v-73babdf3] {
          font-size: 40px;
          line-height: 1.14;
        }
        .hero-subtitle[data-v-73babdf3] {
          font-size: 17px;
        }
        .hero-actions[data-v-73babdf3] {
          align-items: stretch;
          flex-direction: column;
        }
        .hero-secondary-link,
        .consult-button[data-v-ba70186e] {
          width: 100%;
          box-sizing: border-box;
        }
        .hero-proof-grid[data-v-73babdf3],
        .core-grid[data-v-006f881c],
        .enterprise-suite-grid,
        .expert-logic,
        .expert-grid,
        .workbench-status {
          grid-template-columns: 1fr;
        }
        .hero-workbench {
          min-height: 460px;
          border-radius: 14px;
        }
        .workbench-body {
          grid-template-columns: 1fr;
          min-height: 0;
        }
        .workbench-sidebar {
          display: none;
        }
        .workbench-main {
          padding: 18px;
        }
        .plan-row {
          grid-template-columns: 28px minmax(0, 1fr);
        }
        .plan-state {
          grid-column: 2;
        }
      }
      /* v2026.07.10-home-responsive-polish: remove legacy fixed-width constraints */
      html,
      body {
        max-width: 100%;
        overflow-x: hidden;
      }
      body {
        margin: 0;
      }
      .home-page[data-v-c715cf2c] {
        width: 100%;
        min-width: 0 !important;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
      }
      .header[data-v-65bdebee],
      .footer[data-v-848a7644],
      .hero-section[data-v-73babdf3],
      .core-highlights[data-v-006f881c],
      .enterprise-suite,
      .expert-lab,
      .home-pricing,
      .scenarios[data-v-d52993b2],
      .testimonials[data-v-9a6ff32a],
      .security[data-v-710c9a59],
      .bottom-cta[data-v-0c684f52] {
        width: 100%;
        min-width: 0 !important;
        max-width: 100%;
        box-sizing: border-box;
      }
      .header-container[data-v-65bdebee],
      .footer-container[data-v-848a7644],
      .hero-content[data-v-73babdf3],
      .core-header[data-v-006f881c],
      .core-grid[data-v-006f881c],
      .enterprise-suite-inner,
      .expert-lab-inner,
      .home-pricing-inner,
      .scenarios-body[data-v-d52993b2],
      .testimonials-viewport[data-v-9a6ff32a],
      .security-grid[data-v-710c9a59],
      .bottom-cta-inner[data-v-0c684f52] {
        max-width: min(1200px, calc(100vw - 48px));
        box-sizing: border-box;
      }
      .hero-content[data-v-73babdf3] {
        width: min(1240px, calc(100vw - 48px));
      }
      .hero-left[data-v-73babdf3],
      .hero-right[data-v-73babdf3],
      .hero-workbench,
      .workbench-main,
      .workbench-sidebar,
      .workbench-panel,
      .core-card[data-v-006f881c],
      .enterprise-suite-card,
      .expert-card,
      .home-plan-card,
      .security-card[data-v-710c9a59] {
        min-width: 0;
        box-sizing: border-box;
      }
      .footer[data-v-848a7644] {
        min-width: 0 !important;
      }
      .footer-container[data-v-848a7644] {
        padding-left: 24px;
        padding-right: 24px;
      }
      .security-illustration[data-v-710c9a59] {
        max-width: min(720px, 100%) !important;
      }
      @media (min-width: 721px) {
        .hero-section[data-v-73babdf3] {
          min-height: 0;
          padding-top: 84px;
          padding-bottom: 36px;
        }
      }
      @media (max-width: 1240px) {
        .header-container[data-v-65bdebee] {
          padding-left: 24px;
          padding-right: 24px;
        }
        .hero-content[data-v-73babdf3] {
          grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr);
          gap: 32px;
        }
        .hero-title[data-v-73babdf3] {
          font-size: 58px;
        }
        .hero-subtitle[data-v-73babdf3] {
          font-size: 19px;
        }
        .hero-proof-grid[data-v-73babdf3] {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .workbench-body {
          grid-template-columns: 150px minmax(0, 1fr);
        }
        .workbench-panel {
          display: none;
        }
        .core-grid[data-v-006f881c],
        .enterprise-suite-grid,
        .expert-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .scenarios-body[data-v-d52993b2] {
          grid-template-columns: 260px minmax(0, 1fr);
          gap: 18px;
        }
        .scenarios-tabs[data-v-d52993b2] {
          width: 260px;
        }
        .scenarios-tab[data-v-d52993b2] {
          width: 244px;
          padding-left: 24px;
        }
        .security-grid[data-v-710c9a59] {
          grid-template-columns: minmax(0, 1fr);
        }
        .security-center[data-v-710c9a59] {
          order: -1;
          margin: 0 auto;
        }
      }
      @media (max-width: 1080px) {
        .hero-content[data-v-73babdf3],
        .enterprise-suite-header,
        .expert-lab-header,
        .scenarios-body[data-v-d52993b2],
        .security-grid[data-v-710c9a59] {
          grid-template-columns: 1fr;
        }
        .hero-right[data-v-73babdf3] {
          min-height: 0;
        }
        .scenarios-tabs[data-v-d52993b2] {
          width: 100%;
        }
        .scenarios-tab[data-v-d52993b2] {
          width: auto;
        }
      }
      @media (max-width: 720px) {
        .header-container[data-v-65bdebee],
        .footer-container[data-v-848a7644],
        .hero-content[data-v-73babdf3],
        .core-header[data-v-006f881c],
        .core-grid[data-v-006f881c],
        .enterprise-suite-inner,
        .expert-lab-inner,
        .home-pricing-inner,
        .scenarios-body[data-v-d52993b2],
        .testimonials-viewport[data-v-9a6ff32a],
        .security-grid[data-v-710c9a59],
        .bottom-cta-inner[data-v-0c684f52] {
          max-width: calc(100vw - 40px);
        }
        .hero-content[data-v-73babdf3] {
          width: calc(100vw - 40px);
        }
        .hero-section[data-v-73babdf3] {
          padding-bottom: 58px;
        }
        .hero-actions[data-v-73babdf3] {
          gap: 10px;
        }
        .hero-proof-item[data-v-73babdf3] {
          min-height: 74px;
          padding: 14px 14px 13px;
        }
        .hero-workbench {
          width: 100%;
          min-height: 0;
          border-radius: 12px;
        }
        .workbench-topbar {
          height: 48px;
          padding: 0 14px;
        }
        .workbench-mode {
          height: 28px;
          padding: 0 10px;
          font-size: 11px;
        }
        .workbench-body {
          display: block;
          min-height: 0;
        }
        .workbench-sidebar,
        .workbench-panel {
          display: none !important;
        }
        .workbench-main {
          padding: 14px;
        }
        .agent-request {
          padding: 14px;
          border-radius: 10px;
        }
        .agent-request strong {
          font-size: 15px;
        }
        .agent-request span {
          font-size: 12px;
          line-height: 1.5;
        }
        .agent-plan {
          gap: 8px;
          margin-top: 12px;
        }
        .plan-row {
          grid-template-columns: 26px minmax(0, 1fr);
          gap: 10px;
          align-items: flex-start;
          padding: 10px;
        }
        .plan-index {
          width: 26px;
          height: 26px;
        }
        .plan-row strong {
          font-size: 12px;
        }
        .plan-row span {
          font-size: 11px;
          line-height: 1.45;
        }
        .plan-state {
          grid-column: 2;
          margin-top: 4px;
          font-size: 11px;
        }
        .workbench-status {
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 10px 14px 14px;
        }
        .status-pill {
          padding: 9px 10px;
        }
      }
      @media (max-width: 560px) {
        .hero-section[data-v-73babdf3] {
          padding-top: 88px;
          padding-bottom: 32px;
        }
        .hero-content[data-v-73babdf3] {
          gap: 22px;
        }
        .hero-badge[data-v-73babdf3] {
          height: 30px;
          font-size: 12px;
        }
        .hero-title[data-v-73babdf3] {
          margin-top: 16px;
        }
        .hero-subtitle[data-v-73babdf3] {
          margin-top: 18px;
          font-size: 16px;
          line-height: 1.58;
        }
        .hero-proof-grid[data-v-73babdf3] {
          display: none;
        }
        .hero-actions[data-v-73babdf3] {
          margin-top: 24px;
        }
        .hero-workbench {
          min-height: 0;
        }
        .agent-plan .plan-row:nth-child(n+2),
        .workbench-status {
          display: none;
        }
        .workbench-main {
          padding-bottom: 16px;
        }
      }
      /* v2026.07.10-home-optimus-hero: first-screen typography and motion refresh */
      .hero-section[data-v-73babdf3] {
        position: relative;
        min-height: calc(100svh - 28px) !important;
        padding: 0 !important;
        overflow: hidden;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .055) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .052) 1px, transparent 1px),
          radial-gradient(circle at 72% 38%, rgba(16, 24, 40, .09), transparent 0, transparent 24%, rgba(16, 24, 40, .035) 24.4%, transparent 25%),
          radial-gradient(circle at 90% 18%, rgba(225, 37, 27, .1), transparent 24%),
          radial-gradient(circle at 62% 78%, rgba(37, 99, 235, .11), transparent 28%),
          linear-gradient(180deg, #f8f8f6 0%, #ffffff 58%, #f6f7fb 100%);
        background-size: 96px 96px, 96px 96px, auto, auto, auto, auto;
      }
      .hero-section[data-v-73babdf3]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background:
          linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .74) 48%, transparent 100%),
          radial-gradient(circle at 70% 44%, transparent 0 9%, rgba(16, 24, 40, .04) 9.2% 9.5%, transparent 9.8% 18%, rgba(16, 24, 40, .035) 18.2% 18.4%, transparent 18.8%);
        pointer-events: none;
      }
      .hero-section[data-v-73babdf3]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        height: 132px;
        background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .94) 86%);
        pointer-events: none;
      }
      .hero-ambient[data-v-73babdf3] {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        overflow: hidden;
      }
      .ambient-orb[data-v-73babdf3] {
        display: block;
        position: absolute;
        border-radius: 0;
        background: transparent;
        filter: none;
        opacity: .16;
      }
      .orb-1[data-v-73babdf3] {
        right: 5%;
        top: 8%;
        width: 46vw;
        height: 58vh;
        background-image:
          linear-gradient(90deg, rgba(16, 24, 40, .42) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .28) 1px, transparent 1px);
        background-size: 28px 28px;
        mask-image: radial-gradient(circle at 50% 50%, #000 0 52%, transparent 72%);
        -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 0 52%, transparent 72%);
        animation: heroFieldDrift 18s ease-in-out infinite alternate;
      }
      .orb-2[data-v-73babdf3] {
        right: 12%;
        top: 18%;
        width: 24vw;
        height: 24vw;
        border: 1px solid rgba(16, 24, 40, .42);
        border-radius: 50%;
        animation: heroFieldRotate 22s linear infinite;
      }
      .orb-2[data-v-73babdf3]::before,
      .orb-2[data-v-73babdf3]::after {
        content: "";
        position: absolute;
        inset: 16%;
        border: 1px dashed rgba(16, 24, 40, .42);
        border-radius: 50%;
      }
      .orb-2[data-v-73babdf3]::after {
        inset: 34%;
        border-style: solid;
      }
      .orb-3[data-v-73babdf3] {
        left: 4%;
        bottom: 7%;
        width: 36vw;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(16, 24, 40, .24), transparent);
        opacity: .55;
      }
      .hero-content[data-v-73babdf3] {
        position: relative;
        z-index: 2;
        display: block !important;
        width: min(1400px, calc(100vw - 96px)) !important;
        max-width: min(1400px, calc(100vw - 96px)) !important;
        min-height: calc(100svh - 28px);
        margin: 0 auto;
        padding: 150px 0 172px;
      }
      .hero-left[data-v-73babdf3] {
        position: relative;
        z-index: 3;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
        column-gap: 72px;
        align-items: end;
        width: 100%;
        max-width: none;
        padding-left: 0 !important;
      }
      .hero-badge[data-v-73babdf3] {
        grid-column: 1 / -1;
        justify-self: start;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: rgba(16, 24, 40, .62);
        font-family: "JINGDONGLangZhengTi2", "PingFang SC", "Microsoft YaHei", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
        animation: joyHeroRise .72s ease both;
      }
      .hero-badge[data-v-73babdf3]::before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 1px;
        margin-right: 12px;
        vertical-align: middle;
        background: rgba(16, 24, 40, .32);
      }
      .hero-title[data-v-73babdf3] {
        grid-column: 1 / -1;
        max-width: 1160px;
        margin: 38px 0 0;
        color: #201f1f;
        font-family: "JINGDONGLangZhengTi2", "PingFang SC", "Microsoft YaHei", sans-serif;
        font-size: clamp(72px, 10.4vw, 150px);
        font-weight: 600;
        line-height: .92;
        letter-spacing: 0;
        text-wrap: balance;
        animation: joyHeroRise .9s ease .08s both;
      }
      .hero-title-brand[data-v-73babdf3] {
        display: block;
        color: #201f1f;
      }
      .hero-title-text[data-v-73babdf3] {
        display: block;
        max-width: 980px;
        margin-top: 10px;
        color: #201f1f;
        font-size: clamp(46px, 6.6vw, 92px);
        line-height: .98;
      }
      .hero-subtitle[data-v-73babdf3] {
        grid-column: 1;
        max-width: 640px;
        margin: 46px 0 0;
        color: rgba(16, 24, 40, .64);
        font-size: 22px;
        font-weight: 400;
        line-height: 1.72;
        animation: joyHeroRise .78s ease .2s both;
      }
      .hero-subtitle-highlight[data-v-73babdf3] {
        color: #201f1f;
        font-weight: 650;
      }
      .hero-proof-grid[data-v-73babdf3] {
        display: none !important;
      }
      .hero-actions[data-v-73babdf3] {
        grid-column: 2;
        align-self: end;
        justify-self: start;
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 46px 0 0;
        animation: joyHeroRise .78s ease .3s both;
      }
      .consult-button[data-v-ba70186e] {
        min-width: 0;
        height: 56px;
        padding: 0 24px;
        border-radius: 999px;
        background: #111111;
        color: #fff;
        box-shadow: 0 18px 42px rgba(17, 17, 17, .2);
      }
      .consult-button[data-v-ba70186e]:hover {
        background: #2b2b2b;
      }
      .hero-secondary-link {
        height: 56px;
        padding: 0 24px;
        border-color: rgba(16, 24, 40, .14);
        border-radius: 999px;
        background: rgba(255, 255, 255, .62);
        color: #201f1f;
        box-shadow: 0 16px 36px rgba(16, 24, 40, .07);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }
      .hero-right[data-v-73babdf3] {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 112px;
        width: min(620px, 48vw);
        height: min(560px, 66vh);
        min-height: 0;
        pointer-events: none;
      }
      .hero-right .mockup-container[data-v-73babdf3],
      .hero-workbench {
        display: none !important;
      }
      .hero-signal-field {
        position: absolute;
        inset: 0;
        opacity: .72;
        animation: joyHeroFade .9s ease .18s both;
      }
      .signal-ring {
        position: absolute;
        border-radius: 50%;
        border: 1px solid rgba(16, 24, 40, .2);
      }
      .signal-ring-a {
        right: 12%;
        top: 20%;
        width: 280px;
        height: 280px;
        border-style: dashed;
        animation: heroFieldRotate 28s linear infinite;
      }
      .signal-ring-b {
        right: 25%;
        top: 34%;
        width: 124px;
        height: 124px;
        opacity: .72;
        animation: heroFieldRotate 18s linear infinite reverse;
      }
      .signal-glyph-cloud {
        position: absolute;
        inset: 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(42px, 1fr));
        grid-auto-rows: 40px;
        align-content: center;
        gap: 8px 18px;
        transform: rotate(3deg);
        animation: heroFieldDrift 14s ease-in-out infinite alternate;
      }
      .signal-glyph-cloud span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        color: rgba(16, 24, 40, .34);
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 11px;
        line-height: 1;
      }
      .signal-glyph-cloud span:nth-child(3n) {
        color: rgba(225, 37, 27, .3);
        transform: translateY(-10px);
      }
      .signal-glyph-cloud span:nth-child(4n) {
        color: rgba(37, 99, 235, .32);
        transform: translateY(12px);
      }
      .signal-glyph-cloud span:nth-child(5n) {
        transform: scale(.72);
        opacity: .54;
      }
      .signal-command-card {
        position: absolute;
        right: 32px;
        bottom: 44px;
        width: min(360px, 80%);
        padding: 18px 20px;
        border: 1px solid rgba(16, 24, 40, .1);
        border-radius: 16px;
        background: rgba(255, 255, 255, .7);
        box-shadow: 0 24px 62px rgba(16, 24, 40, .1);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }
      .signal-command-card strong,
      .signal-command-card span {
        display: block;
      }
      .signal-command-card strong {
        color: #201f1f;
        font-size: 15px;
        font-weight: 700;
      }
      .signal-command-card span {
        margin-top: 8px;
        color: rgba(16, 24, 40, .56);
        font-size: 12px;
        line-height: 1.6;
      }
      .hero-capability-marquee {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 42px;
        z-index: 3;
        overflow: hidden;
        opacity: 0;
        animation: joyHeroFade .8s ease .44s both;
      }
      .hero-capability-track {
        display: flex;
        width: max-content;
        gap: 54px;
        animation: joyHeroMarquee 34s linear infinite;
      }
      .hero-capability-set {
        display: flex;
        align-items: baseline;
        gap: 54px;
        padding-right: 54px;
      }
      .hero-capability-item {
        display: flex;
        align-items: baseline;
        gap: 14px;
        white-space: nowrap;
      }
      .hero-capability-item strong {
        color: #201f1f;
        font-family: "JINGDONGLangZhengTi2", "PingFang SC", "Microsoft YaHei", sans-serif;
        font-size: 28px;
        font-weight: 650;
        line-height: 1;
      }
      .hero-capability-item span {
        color: rgba(16, 24, 40, .48);
        font-size: 13px;
      }
      @keyframes joyHeroRise {
        0% { opacity: 0; transform: translateY(34px); }
        100% { opacity: 1; transform: translateY(0); }
      }
      @keyframes joyHeroFade {
        0% { opacity: 0; }
        100% { opacity: 1; }
      }
      @keyframes joyHeroMarquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
      @keyframes heroFieldDrift {
        0% { transform: translate3d(0, 0, 0) rotate(2deg); }
        100% { transform: translate3d(-18px, 16px, 0) rotate(-2deg); }
      }
      @keyframes heroFieldRotate {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      @media (max-width: 1080px) {
        .hero-section[data-v-73babdf3] {
          min-height: auto !important;
        }
        .hero-content[data-v-73babdf3] {
          width: min(100%, calc(100vw - 48px)) !important;
          max-width: min(100%, calc(100vw - 48px)) !important;
          min-height: 0;
          padding: 128px 0 150px;
        }
        .hero-left[data-v-73babdf3] {
          display: block;
        }
        .hero-title[data-v-73babdf3] {
          max-width: 820px;
          font-size: clamp(60px, 12vw, 112px);
        }
        .hero-title-text[data-v-73babdf3] {
          font-size: clamp(42px, 8vw, 72px);
        }
        .hero-subtitle[data-v-73babdf3] {
          margin-top: 34px;
          font-size: 20px;
        }
        .hero-actions[data-v-73babdf3] {
          margin-top: 34px;
        }
        .hero-right[data-v-73babdf3] {
          top: 108px;
          right: -80px;
          width: 520px;
          height: 460px;
          opacity: .52;
        }
      }
      @media (max-width: 720px) {
        .hero-section[data-v-73babdf3] {
          min-height: calc(100svh - 18px) !important;
        }
        .hero-content[data-v-73babdf3] {
          width: calc(100vw - 40px) !important;
          max-width: calc(100vw - 40px) !important;
          padding: 104px 0 132px;
        }
        .hero-badge[data-v-73babdf3] {
          font-size: 12px;
        }
        .hero-badge[data-v-73babdf3]::before {
          width: 24px;
          margin-right: 10px;
        }
        .hero-title[data-v-73babdf3] {
          margin-top: 26px;
          font-size: 56px;
          line-height: .98;
        }
        .hero-title-text[data-v-73babdf3] {
          margin-top: 8px;
          font-size: 34px;
          line-height: 1.12;
        }
        .hero-subtitle[data-v-73babdf3] {
          max-width: 100%;
          margin-top: 26px;
          font-size: 16px;
          line-height: 1.68;
        }
        .hero-actions[data-v-73babdf3] {
          align-items: stretch;
          flex-direction: column;
          width: 100%;
          margin-top: 28px;
        }
        .consult-wrapper[data-v-ba70186e],
        .consult-button[data-v-ba70186e],
        .hero-secondary-link {
          width: 100%;
          box-sizing: border-box;
        }
        .hero-right[data-v-73babdf3] {
          top: 86px;
          right: -150px;
          width: 520px;
          height: 420px;
          opacity: .24;
        }
        .signal-command-card {
          display: none;
        }
        .hero-capability-marquee {
          bottom: 26px;
        }
        .hero-capability-track,
        .hero-capability-set {
          gap: 34px;
        }
        .hero-capability-set {
          padding-right: 34px;
        }
        .hero-capability-item {
          gap: 10px;
        }
        .hero-capability-item strong {
          font-size: 22px;
        }
        .hero-capability-item span {
          font-size: 12px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .hero-badge[data-v-73babdf3],
        .hero-title[data-v-73babdf3],
        .hero-subtitle[data-v-73babdf3],
        .hero-actions[data-v-73babdf3],
        .hero-signal-field,
        .hero-capability-marquee,
        .hero-capability-track,
        .ambient-orb[data-v-73babdf3],
        .signal-ring,
        .signal-glyph-cloud {
          animation: none !important;
          opacity: 1;
        }
      }
      /* v2026.07.10-home-optimus-hero-web-polish */
      @media (min-width: 1081px) {
        .hero-content[data-v-73babdf3] {
          width: min(1320px, calc(100vw - 112px)) !important;
          max-width: min(1320px, calc(100vw - 112px)) !important;
          min-height: calc(100svh - 18px);
          padding-top: 126px;
          padding-bottom: 142px;
        }
        .hero-left[data-v-73babdf3] {
          grid-template-columns: minmax(620px, 1fr) minmax(430px, 500px);
          column-gap: 64px;
        }
        .hero-title[data-v-73babdf3] {
          max-width: 1080px;
          font-size: clamp(78px, 8.5vw, 138px);
        }
        .hero-title-brand[data-v-73babdf3],
        .hero-title-text[data-v-73babdf3] {
          will-change: transform, opacity;
        }
        .hero-title-brand[data-v-73babdf3] {
          animation: joyHeroLineIn .86s cubic-bezier(.16, 1, .3, 1) .04s both;
        }
        .hero-title-text[data-v-73babdf3] {
          position: relative;
          display: block;
          width: fit-content;
          max-width: min(1080px, 100%);
          font-size: clamp(50px, 5.9vw, 84px);
          animation: joyHeroLineIn .9s cubic-bezier(.16, 1, .3, 1) .13s both;
        }
        .hero-title-text[data-v-73babdf3]::after {
          content: "";
          position: absolute;
          left: .05em;
          bottom: .02em;
          width: 43%;
          height: .1em;
          border-radius: 999px;
          background: linear-gradient(90deg, rgba(32, 31, 31, .2), rgba(225, 37, 27, .16), transparent);
          transform-origin: left center;
          animation: joyHeroUnderline .95s cubic-bezier(.16, 1, .3, 1) .68s both;
          pointer-events: none;
        }
        .hero-subtitle[data-v-73babdf3] {
          max-width: 590px;
          margin-top: 42px;
          font-size: 20px;
          line-height: 1.76;
        }
        .hero-actions[data-v-73babdf3] {
          justify-self: start;
          align-self: end;
          gap: 12px;
          width: max-content;
          margin-top: 42px;
          transform: translateY(-2px);
        }
        .consult-button[data-v-ba70186e] {
          width: auto;
          min-width: 250px;
          padding: 0 26px;
          white-space: nowrap;
        }
        .hero-secondary-link {
          width: auto;
          min-width: 140px;
          padding: 0 22px;
          white-space: nowrap;
        }
        .hero-right[data-v-73babdf3] {
          top: 102px;
          right: max(34px, calc((100vw - 1320px) / 2));
          width: min(560px, 40vw);
          height: min(500px, 58vh);
        }
        .hero-signal-field {
          opacity: .84;
        }
        .signal-ring-a {
          right: 10%;
          top: 18%;
          width: 250px;
          height: 250px;
        }
        .signal-ring-b {
          right: 26%;
          top: 36%;
          width: 108px;
          height: 108px;
        }
        .signal-glyph-cloud {
          grid-auto-rows: 34px;
          gap: 6px 14px;
        }
        .signal-command-card {
          right: 18px;
          bottom: 26px;
          width: min(320px, 78%);
        }
        .hero-capability-marquee {
          bottom: 38px;
        }
        .hero-capability-item strong {
          font-size: 25px;
        }
      }
      @keyframes joyHeroLineIn {
        0% { opacity: 0; transform: translateY(.36em); }
        100% { opacity: 1; transform: translateY(0); }
      }
      @keyframes joyHeroUnderline {
        0% { opacity: 0; transform: scaleX(0); }
        100% { opacity: 1; transform: scaleX(1); }
      }
      /* v2026.07.10-home-optimus-hero-web-focus */
      .hero-section[data-v-73babdf3] {
        background:
          linear-gradient(90deg, rgba(18, 21, 27, .045) 1px, transparent 1px),
          linear-gradient(180deg, rgba(18, 21, 27, .042) 1px, transparent 1px),
          linear-gradient(180deg, #fbfbfa 0%, #ffffff 58%, #f7f8fb 100%);
        background-size: 104px 104px, 104px 104px, auto;
      }
      .hero-section[data-v-73babdf3]::before {
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .58) 40%, rgba(255, 255, 255, .16) 78%, rgba(255, 255, 255, .68) 100%),
          repeating-linear-gradient(90deg, transparent 0 23px, rgba(16, 24, 40, .018) 24px 25px);
      }
      .hero-section[data-v-73babdf3]::after {
        height: 116px;
        background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .96) 88%);
      }
      .orb-1[data-v-73babdf3] {
        opacity: .1;
      }
      .orb-2[data-v-73babdf3] {
        opacity: .13;
      }
      .orb-3[data-v-73babdf3] {
        opacity: .34;
      }
      @media (min-width: 1081px) {
        .hero-section[data-v-73babdf3] {
          min-height: 100svh !important;
        }
        .hero-content[data-v-73babdf3] {
          box-sizing: border-box;
          width: min(1340px, calc(100vw - 112px)) !important;
          max-width: min(1340px, calc(100vw - 112px)) !important;
          min-height: 100svh;
          padding-top: 118px;
          padding-bottom: 118px;
        }
        .hero-left[data-v-73babdf3] {
          grid-template-columns: minmax(520px, 620px) minmax(380px, 460px);
          justify-content: start;
          column-gap: clamp(44px, 5vw, 64px);
          align-items: start;
        }
        .hero-badge[data-v-73babdf3] {
          font-size: 13px;
          color: rgba(18, 21, 27, .58);
        }
        .hero-title[data-v-73babdf3] {
          max-width: 1140px;
          margin-top: 36px;
          font-size: clamp(84px, 8.8vw, 144px);
          line-height: .9;
        }
        .hero-title-text[data-v-73babdf3] {
          max-width: min(1120px, 100%);
          margin-top: 8px;
          font-size: clamp(54px, 6vw, 88px);
          line-height: .96;
        }
        .hero-title-text[data-v-73babdf3]::after {
          left: .02em;
          bottom: -.01em;
          width: 38%;
          height: .085em;
          background: linear-gradient(90deg, rgba(32, 31, 31, .24), rgba(225, 37, 27, .2), transparent);
        }
        .hero-subtitle[data-v-73babdf3] {
          max-width: 600px;
          margin-top: 46px;
          color: rgba(18, 21, 27, .66);
          font-size: 20px;
          line-height: 1.74;
        }
        .hero-actions[data-v-73babdf3] {
          position: relative;
          align-self: start;
          justify-self: start;
          gap: 12px;
          margin-top: 48px;
          top: 34px;
        }
        .consult-button[data-v-ba70186e] {
          min-width: 268px;
          height: 58px;
          padding: 0 28px;
          box-shadow: 0 18px 40px rgba(17, 17, 17, .18);
        }
        .hero-secondary-link {
          min-width: 150px;
          height: 58px;
          padding: 0 24px;
          border-color: rgba(16, 24, 40, .12);
          box-shadow: 0 16px 34px rgba(16, 24, 40, .06);
        }
        .hero-right[data-v-73babdf3] {
          z-index: 1;
          top: 72px;
          right: max(-104px, calc((100vw - 1340px) / 2 - 112px));
          width: min(860px, 58vw);
          height: min(720px, 76vh);
        }
        .hero-right[data-v-73babdf3]::before {
          display: none !important;
        }
        .hero-signal-field {
          opacity: .76;
          transform: translateX(12px);
          mix-blend-mode: multiply;
          animation: joyHeroMatrixIn 1s ease .16s both;
        }
        .hero-signal-field::before,
        .hero-signal-field::after {
          content: "";
          position: absolute;
          pointer-events: none;
        }
        .hero-signal-field::before {
          right: 3%;
          top: 5%;
          width: min(680px, 86%);
          aspect-ratio: 1;
          border-radius: 50%;
          border: 1px solid rgba(18, 21, 27, .14);
          background:
            radial-gradient(circle, transparent 0 34%, rgba(18, 21, 27, .07) 34.3% 34.8%, transparent 35.2% 56%, rgba(18, 21, 27, .09) 56.3% 56.8%, transparent 57.2%),
            conic-gradient(from 18deg, rgba(18, 21, 27, .18), transparent 10deg 58deg, rgba(18, 21, 27, .12) 78deg, transparent 98deg 168deg, rgba(18, 21, 27, .16) 190deg, transparent 210deg 360deg);
          mask-image: radial-gradient(circle, #000 0 66%, transparent 70%);
          -webkit-mask-image: radial-gradient(circle, #000 0 66%, transparent 70%);
          opacity: .72;
          animation: heroMatrixOrbit 28s linear infinite;
        }
        .hero-signal-field::after {
          right: 7%;
          top: 8%;
          width: min(620px, 80%);
          aspect-ratio: 1;
          background:
            linear-gradient(90deg, transparent 0%, rgba(18, 21, 27, .08) 48%, transparent 52%),
            linear-gradient(180deg, transparent 0%, rgba(18, 21, 27, .055) 48%, transparent 52%);
          opacity: .45;
          animation: heroMatrixScan 8s ease-in-out infinite alternate;
        }
        .signal-ring {
          border-color: rgba(18, 21, 27, .18);
        }
        .signal-ring-a {
          right: 6%;
          top: 9%;
          width: min(620px, 82%);
          height: auto;
          aspect-ratio: 1;
          border-style: solid;
          opacity: .58;
          animation-duration: 34s;
        }
        .signal-ring-b {
          right: 31%;
          top: 36%;
          width: min(210px, 26%);
          height: auto;
          aspect-ratio: 1;
          border-style: dashed;
          opacity: .78;
          animation-duration: 18s;
        }
        .signal-glyph-cloud {
          right: 0;
          top: 0;
          bottom: auto;
          left: auto;
          width: min(760px, 92%);
          height: min(680px, 86%);
          grid-template-columns: repeat(14, minmax(18px, 1fr));
          grid-auto-rows: 28px;
          align-content: center;
          gap: 7px 12px;
          padding: 42px 34px;
          transform: rotate(1.5deg);
          mask-image: radial-gradient(circle at 56% 48%, #000 0 66%, transparent 74%);
          -webkit-mask-image: radial-gradient(circle at 56% 48%, #000 0 66%, transparent 74%);
          animation: heroMatrixFloat 11s ease-in-out infinite alternate;
        }
        .signal-glyph-cloud span {
          width: 100%;
          height: 100%;
          color: rgba(18, 21, 27, .38);
          font-size: 12px;
          opacity: .62;
          animation: heroGlyphPulse 5.4s ease-in-out infinite;
        }
        .signal-glyph-cloud span:nth-child(3n) {
          color: rgba(18, 21, 27, .46);
          font-size: 16px;
          transform: translateY(-8px);
        }
        .signal-glyph-cloud span:nth-child(4n) {
          color: rgba(18, 21, 27, .28);
          font-size: 9px;
          transform: translateY(10px);
        }
        .signal-glyph-cloud span:nth-child(5n) {
          color: rgba(225, 37, 27, .2);
          opacity: .5;
        }
        .signal-glyph-cloud span:nth-child(7n) {
          color: rgba(37, 99, 235, .22);
          opacity: .52;
        }
        .signal-glyph-cloud span:nth-child(odd) {
          animation-delay: -1.2s;
        }
        .signal-glyph-cloud span:nth-child(3n + 1) {
          animation-delay: -2.6s;
        }
        .signal-command-card {
          right: 116px;
          bottom: 98px;
          width: min(306px, 72%);
          padding: 16px 18px;
          border-radius: 8px;
          border-color: rgba(16, 24, 40, .09);
          background: rgba(255, 255, 255, .68);
          box-shadow: 0 22px 54px rgba(16, 24, 40, .09);
        }
        .signal-command-card strong {
          font-size: 14px;
        }
        .signal-command-card span {
          font-size: 12px;
        }
        .hero-capability-marquee {
          bottom: 34px;
        }
        .hero-capability-track {
          gap: 58px;
          animation-duration: 38s;
        }
        .hero-capability-set {
          gap: 58px;
          padding-right: 58px;
        }
        .hero-capability-item strong {
          font-size: 24px;
        }
        .hero-capability-item span {
          color: rgba(16, 24, 40, .42);
        }
      }
      @media (min-width: 1560px) {
        .hero-content[data-v-73babdf3] {
          width: min(1420px, calc(100vw - 144px)) !important;
          max-width: min(1420px, calc(100vw - 144px)) !important;
        }
        .hero-right[data-v-73babdf3] {
          right: max(-72px, calc((100vw - 1420px) / 2 - 96px));
          width: 900px;
        }
      }
      @media (max-width: 720px) {
        .hero-right[data-v-73babdf3],
        .hero-capability-marquee {
          display: none !important;
        }
        .hero-content[data-v-73babdf3] {
          min-height: auto;
          padding-bottom: 84px;
        }
      }
      @keyframes joyHeroMatrixIn {
        0% { opacity: 0; transform: translateX(42px) scale(.98); }
        100% { opacity: .76; transform: translateX(12px) scale(1); }
      }
      @keyframes heroMatrixFloat {
        0% { transform: translate3d(0, 0, 0) rotate(1.5deg); }
        100% { transform: translate3d(-28px, 18px, 0) rotate(-1.5deg); }
      }
      @keyframes heroMatrixOrbit {
        0% { transform: rotate(0deg) scale(1); }
        50% { transform: rotate(180deg) scale(1.025); }
        100% { transform: rotate(360deg) scale(1); }
      }
      @keyframes heroMatrixScan {
        0% { transform: translate3d(-28px, -18px, 0); opacity: .18; }
        100% { transform: translate3d(34px, 28px, 0); opacity: .52; }
      }
      @keyframes heroGlyphPulse {
        0%, 100% { opacity: .28; transform: translateY(0); }
        45% { opacity: .78; transform: translateY(-2px); }
      }
      /* v2026.07.10-home-optimus-pixel-field: remove radar feel, match reference particle field */
      @media (min-width: 1081px) {
        .hero-right[data-v-73babdf3] {
          top: 70px;
          right: max(-160px, calc((100vw - 1340px) / 2 - 170px));
          width: min(940px, 62vw);
          height: min(760px, 78vh);
        }
        .hero-signal-field {
          opacity: .7;
          transform: translateX(0);
          mix-blend-mode: multiply;
          animation: optimusPixelFieldIn .9s ease .12s both;
        }
        .hero-signal-field::before {
          inset: 0;
          width: auto;
          aspect-ratio: auto;
          border: 0;
          border-radius: 0;
          background:
            radial-gradient(circle at 14% 22%, rgba(18, 21, 27, .2) 0 2px, transparent 2.4px),
            radial-gradient(circle at 72% 16%, rgba(18, 21, 27, .18) 0 2px, transparent 2.4px),
            radial-gradient(circle at 88% 72%, rgba(18, 21, 27, .18) 0 2px, transparent 2.4px),
            repeating-linear-gradient(90deg, transparent 0 31px, rgba(18, 21, 27, .08) 31px 33px, transparent 33px 48px),
            repeating-linear-gradient(180deg, transparent 0 25px, rgba(18, 21, 27, .07) 25px 27px, transparent 27px 44px);
          background-size:
            116px 112px,
            144px 132px,
            168px 148px,
            100% 100%,
            100% 100%;
          mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 100%);
          -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 100%);
          opacity: .42;
          animation: optimusPixelLayerDrift 13s ease-in-out infinite alternate;
        }
        .hero-signal-field::after {
          inset: 2% 0 0 6%;
          width: auto;
          aspect-ratio: auto;
          border: 0;
          border-radius: 0;
          background:
            linear-gradient(90deg, rgba(18, 21, 27, .18) 0 3px, transparent 3px 100%),
            linear-gradient(180deg, rgba(18, 21, 27, .12) 0 9px, transparent 9px 100%);
          background-size: 46px 58px, 64px 76px;
          mask-image: radial-gradient(ellipse at 56% 48%, #000 0 58%, transparent 76%);
          -webkit-mask-image: radial-gradient(ellipse at 56% 48%, #000 0 58%, transparent 76%);
          opacity: .24;
          animation: optimusPixelLayerDriftAlt 16s ease-in-out infinite alternate;
        }
        .signal-ring,
        .signal-command-card {
          display: none !important;
        }
        .signal-glyph-cloud {
          left: auto;
          right: -12px;
          top: -18px;
          bottom: auto;
          width: min(920px, 100%);
          height: min(740px, 100%);
          grid-template-columns: repeat(18, minmax(16px, 1fr));
          grid-auto-rows: 24px;
          align-content: start;
          gap: 8px 12px;
          padding: 24px 34px 34px;
          transform: none;
          mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 100%);
          -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 100%);
          animation: optimusGlyphCloudDrift 12s ease-in-out infinite alternate;
        }
        .signal-glyph-cloud span {
          width: auto;
          height: 24px;
          color: rgba(18, 21, 27, .38);
          font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
          font-size: 11px;
          line-height: 1;
          opacity: .46;
          transform: none;
          animation: optimusGlyphFlicker 5.6s ease-in-out infinite;
        }
        .signal-glyph-cloud span:nth-child(3n),
        .signal-glyph-cloud span:nth-child(4n),
        .signal-glyph-cloud span:nth-child(5n),
        .signal-glyph-cloud span:nth-child(7n) {
          color: rgba(18, 21, 27, .36);
          font-size: 11px;
          transform: none;
        }
        .signal-glyph-cloud span:nth-child(5n) {
          opacity: .64;
          font-size: 15px;
        }
        .signal-glyph-cloud span:nth-child(8n) {
          color: rgba(18, 21, 27, .2);
          font-size: 18px;
          opacity: .58;
        }
        .signal-glyph-cloud span:nth-child(11n) {
          color: rgba(18, 21, 27, .18);
          font-size: 8px;
          opacity: .5;
        }
        .signal-glyph-cloud span:nth-child(odd) {
          animation-delay: -1.4s;
        }
        .signal-glyph-cloud span:nth-child(3n + 1) {
          animation-delay: -2.8s;
        }
        .signal-glyph-cloud span:nth-child(4n + 2) {
          animation-delay: -4.1s;
        }
      }
      @media (min-width: 1560px) {
        .hero-right[data-v-73babdf3] {
          right: max(-132px, calc((100vw - 1420px) / 2 - 154px));
          width: 980px;
        }
      }
      @keyframes optimusPixelFieldIn {
        0% { opacity: 0; transform: translateX(34px); }
        100% { opacity: .7; transform: translateX(0); }
      }
      @keyframes optimusGlyphCloudDrift {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-30px, 16px, 0); }
      }
      @keyframes optimusPixelLayerDrift {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-22px, 10px, 0); }
      }
      @keyframes optimusPixelLayerDriftAlt {
        0% { transform: translate3d(8px, -8px, 0); }
        100% { transform: translate3d(-24px, 18px, 0); }
      }
      @keyframes optimusGlyphFlicker {
        0%, 100% { opacity: .2; }
        45% { opacity: .68; }
        70% { opacity: .36; }
      }

      /* v2026.07.10-particle-hero-merge: imported first-screen particle hero */
      .jc-particle-hero[data-v-73babdf3] {
        position: relative;
        display: grid;
        grid-template-columns: minmax(460px, .92fr) minmax(520px, 1.08fr);
        align-items: center;
        min-height: calc(100svh - 44px) !important;
        padding: 96px min(6vw, 80px) 44px !important;
        background:
          linear-gradient(90deg, rgba(17, 24, 39, .035) 1px, transparent 1px),
          linear-gradient(180deg, rgba(17, 24, 39, .032) 1px, transparent 1px),
          radial-gradient(circle at 76% 36%, rgba(225, 37, 27, .09), transparent 30%),
          linear-gradient(135deg, #fbfcff 0%, #ffffff 52%, #fff5f2 100%) !important;
        background-size: 88px 88px, 88px 88px, auto, auto !important;
        color: #111827;
        overflow: hidden;
        isolation: isolate;
      }
      .jc-particle-hero[data-v-73babdf3]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.72) 88%, #fff 100%);
        pointer-events: none;
        z-index: -1;
      }
      .jc-particle-copy[data-v-73babdf3] {
        position: relative;
        z-index: 2;
        max-width: 690px;
      }
      .jc-particle-badge[data-v-73babdf3] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        height: 42px;
        padding: 0 18px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 999px;
        background: rgba(255, 255, 255, .82);
        color: #475467;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0 14px 34px rgba(17, 24, 39, .06);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }
      .jc-particle-badge span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #e1251b;
        box-shadow: 0 0 0 6px rgba(225, 37, 27, .1);
      }
      .jc-particle-title[data-v-73babdf3] {
        margin: 34px 0 0;
        color: #111827;
        font-size: clamp(48px, 4.9vw, 68px);
        line-height: 1.06;
        font-weight: 700;
        letter-spacing: 0;
      }
      .jc-particle-title span { display: block; }
      .jc-particle-subtitle[data-v-73babdf3] {
        max-width: 650px;
        margin: 28px 0 0;
        color: #4b5563;
        font-size: 22px;
        line-height: 1.72;
        font-weight: 400;
      }
      .jc-particle-actions[data-v-73babdf3] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 18px;
        margin-top: 38px;
      }
      .jc-particle-secondary[data-v-73babdf3] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 0 24px;
        border: 1px solid rgba(17, 24, 39, .1);
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        color: #111827;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
      }
      .jc-particle-visual[data-v-73babdf3] {
        position: relative;
        z-index: 1;
        min-height: min(690px, calc(100svh - 120px));
        height: 100%;
      }
      #jcParticleCanvas[data-v-73babdf3] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
      }
      .jc-particle-core[data-v-73babdf3] {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 178px;
        height: 178px;
        border: 1px solid rgba(225, 37, 27, .18);
        border-radius: 50%;
        background: rgba(255, 255, 255, .94);
        color: #111827;
        font-size: 24px;
        font-weight: 700;
        box-shadow: 0 0 70px rgba(225, 37, 27, .16), 0 30px 70px rgba(17, 24, 39, .08);
      }
      .jc-particle-node[data-v-73babdf3] {
        position: absolute;
        min-width: 156px;
        padding: 15px 22px;
        border: 1px solid rgba(17, 24, 39, .08);
        border-radius: 999px;
        background: rgba(255, 255, 255, .9);
        color: #111827;
        font-size: 16px;
        font-weight: 700;
        box-shadow: 0 22px 48px rgba(17, 24, 39, .08);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }
      .jc-particle-node span {
        display: block;
        margin-top: 5px;
        color: #98a2b3;
        font-size: 12px;
        font-weight: 500;
      }
      .node-memory[data-v-73babdf3] { left: 10%; top: 15%; }
      .node-skill[data-v-73babdf3] { right: 32%; top: 22%; }
      .node-expert[data-v-73babdf3] { right: 4%; top: 39%; }
      .node-knowledge[data-v-73babdf3] { right: 26%; bottom: 19%; }
      .node-workflow[data-v-73babdf3] { right: 0; bottom: 30%; }
      .node-agent[data-v-73babdf3] { left: 12%; bottom: 17%; }
      @media (max-width: 1120px) {
        .jc-particle-hero[data-v-73babdf3] {
          grid-template-columns: 1fr;
          gap: 28px;
          padding: 92px 28px 44px !important;
        }
        .jc-particle-copy[data-v-73babdf3] { max-width: 760px; }
        .jc-particle-visual[data-v-73babdf3] {
          min-height: 390px;
        }
        .jc-particle-node[data-v-73babdf3] { transform: scale(.9); }
      }
      @media (max-width: 720px) {
        .jc-particle-hero[data-v-73babdf3] {
          min-height: auto !important;
          padding: 80px 20px 20px !important;
        }
        .jc-particle-title[data-v-73babdf3] {
          margin-top: 24px;
          font-size: clamp(36px, 10vw, 46px);
        }
        .jc-particle-subtitle[data-v-73babdf3] {
          font-size: 17px;
          line-height: 1.65;
        }
        .jc-particle-actions[data-v-73babdf3] {
          align-items: stretch;
          flex-direction: column;
          gap: 12px;
          margin-top: 24px;
        }
        .jc-particle-actions[data-v-73babdf3] .consult-wrapper,
        .jc-particle-actions[data-v-73babdf3] .consult-button,
        .jc-particle-secondary[data-v-73babdf3] { width: 100%; }
        .jc-particle-visual[data-v-73babdf3] {
          min-height: 250px;
          margin-top: 0;
        }
        .jc-particle-core[data-v-73babdf3] {
          width: 112px;
          height: 112px;
          font-size: 19px;
        }
        .jc-particle-node[data-v-73babdf3] {
          min-width: 112px;
          padding: 9px 12px;
          font-size: 12px;
        }
        .jc-particle-node span { font-size: 10px; }
        .node-memory[data-v-73babdf3] { left: 0; top: 10%; }
        .node-skill[data-v-73babdf3] { right: 14%; top: 10%; }
        .node-expert[data-v-73babdf3] { right: 0; top: 38%; }
        .node-knowledge[data-v-73babdf3] { right: 16%; bottom: 6%; }
        .node-workflow[data-v-73babdf3] { display: none; }
        .node-agent[data-v-73babdf3] { left: 0; bottom: 12%; }
      }

      /* v2026.07.11-home-v14-color-nodes: Chinese color-node particle sphere */
      .jc-particle-hero[data-v-73babdf3] {
        grid-template-columns: minmax(430px, .94fr) minmax(500px, 1.06fr);
        min-height: calc(100svh - 30px) !important;
        padding: 92px clamp(28px, 5vw, 88px) 44px !important;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .055) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .055) 1px, transparent 1px),
          linear-gradient(180deg, #fbfbfa 0%, #ffffff 64%, #f8f9fb 100%) !important;
        background-size: 86px 86px, 86px 86px, auto !important;
      }
      .jc-particle-hero[data-v-73babdf3]::before {
        background: linear-gradient(90deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .12) 50%, rgba(255, 255, 255, .48) 100%);
      }
      .jc-particle-copy[data-v-73babdf3] {
        max-width: 650px;
        align-self: center;
      }
      .jc-particle-eyebrow[data-v-73babdf3] {
        margin: 0;
        color: #6b7280;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .08em;
      }
      .jc-particle-title[data-v-73babdf3] {
        max-width: 650px;
        margin-top: 52px;
        color: #09090b;
        font-size: clamp(58px, 5.25vw, 88px);
        font-weight: 650;
        line-height: .99;
        letter-spacing: 0;
      }
      .jc-particle-title span { display: inline; }
      .jc-particle-title .ai-accent {
        display: inline;
        color: #111827;
        letter-spacing: .02em;
      }
      .jc-particle-subtitle[data-v-73babdf3] {
        max-width: 570px;
        margin-top: 42px;
        color: #6b625c;
        font-size: 18px;
        line-height: 1.7;
      }
      .jc-particle-actions[data-v-73babdf3] {
        gap: 24px;
        margin-top: 34px;
      }
      .jc-particle-actions[data-v-73babdf3] .consult-button {
        min-height: 52px;
        padding: 0 24px;
        border-radius: 999px;
        background: #090909;
        box-shadow: 0 12px 24px rgba(9, 9, 11, .16);
      }
      .jc-particle-actions[data-v-73babdf3] .consult-button-text {
        font-size: 15px;
      }
      .jc-particle-secondary[data-v-73babdf3] {
        min-height: 48px;
        padding: 0 2px;
        border: 0;
        border-bottom: 1px solid rgba(17, 24, 39, .24);
        border-radius: 0;
        background: transparent;
        color: #292524;
        font-size: 15px;
        font-weight: 600;
      }
      .jc-particle-visual[data-v-73babdf3] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: min(660px, calc(100svh - 130px));
        overflow: visible;
      }
      .jc-particle-sphere[data-v-73babdf3] {
        position: relative;
        width: min(125%, 780px);
        aspect-ratio: 1;
        margin-left: -5%;
      }
      .jc-security-orbit[data-v-73babdf3] {
        position: absolute;
        inset: -2.4%;
        z-index: 1;
        border: 1px solid rgba(225, 37, 27, .16);
        border-radius: 50%;
        transform: rotate(-10deg) scaleY(.94);
        pointer-events: none;
      }
      .jc-security-orbit::before {
        content: none;
      }
      .jc-security-orbit::after {
        content: "";
        position: absolute;
        inset: -1px;
        border: 1px solid transparent;
        border-top-color: rgba(225, 37, 27, .48);
        border-right-color: rgba(225, 37, 27, .08);
        border-radius: 50%;
        animation: jcSecuritySweep 18s linear infinite;
      }
      .jc-security-label[data-v-73babdf3] {
        position: absolute;
        top: 7%;
        left: 12%;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0;
        color: #9b4b47;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .08em;
        pointer-events: none;
      }
      .jc-security-label::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #e1251b;
        box-shadow: 0 0 0 3px rgba(225, 37, 27, .08);
      }
      @keyframes jcSecuritySweep {
        to { transform: rotate(360deg); }
      }
      @media (prefers-reduced-motion: reduce) {
        .jc-security-orbit::after,
        .jc-sphere-core-label::before,
        .jc-sphere-core-label::after {
          animation: none;
        }
      }
      #jcParticleCanvas[data-v-73babdf3] {
        z-index: 0;
      }
      .jc-sphere-core-label[data-v-73babdf3] {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 120px;
        height: 120px;
        border: 1px solid rgba(17, 24, 39, .14);
        border-radius: 50%;
        background: radial-gradient(circle at 38% 32%, rgba(255, 255, 255, .98), rgba(248, 249, 251, .94) 56%, rgba(236, 239, 244, .94) 100%);
        color: #111827;
        text-align: center;
        transform: translate(-50%, -50%);
        box-shadow: 0 18px 50px rgba(17, 24, 39, .09), inset 0 0 0 9px rgba(255, 255, 255, .58), inset 0 -12px 24px rgba(17, 24, 39, .035);
        pointer-events: none;
      }
      .jc-sphere-core-label::before {
        content: "";
        position: absolute;
        inset: -16px;
        border: 1px solid rgba(17, 24, 39, .1);
        border-radius: 50%;
        background: repeating-conic-gradient(from 8deg, rgba(17, 24, 39, .3) 0 1deg, transparent 1deg 12deg);
        -webkit-mask: radial-gradient(circle, transparent 0 81%, #000 82% 100%);
        mask: radial-gradient(circle, transparent 0 81%, #000 82% 100%);
        animation: jcCoreOrbit 28s linear infinite;
      }
      .jc-sphere-core-label::after {
        content: "";
        position: absolute;
        inset: -7px;
        border: 1px solid rgba(225, 37, 27, .2);
        border-top-color: rgba(225, 37, 27, .58);
        border-radius: 50%;
        animation: jcCoreOrbit 12s linear infinite reverse;
      }
      .jc-sphere-core-label strong {
        position: relative;
        z-index: 1;
        max-width: 84px;
        font-size: 13px;
        font-weight: 750;
        line-height: 1.25;
      }
      .jc-sphere-core-label small {
        position: relative;
        z-index: 1;
        max-width: 78px;
        margin-top: 6px;
        color: #7c756f;
        font-size: 8px;
        line-height: 1.45;
      }
      .jc-sphere-core-label small::before {
        content: "CORE ONLINE";
        display: block;
        margin-bottom: 4px;
        color: #b13b35;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 7px;
        letter-spacing: .12em;
      }
      @keyframes jcCoreOrbit {
        to { transform: rotate(360deg); }
      }
      .jc-capability-legend[data-v-73babdf3] {
        position: absolute;
        left: 50%;
        bottom: 3.5%;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        width: max-content;
        padding: 0;
        border: 0;
        background: transparent;
        color: #77716c;
        font-size: 10px;
        transform: translateX(-50%);
        pointer-events: none;
      }
      .jc-capability-legend span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
      }
      .jc-capability-legend i {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--legend-color);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--legend-color) 12%, transparent);
      }
      @media (max-width: 1120px) {
        .jc-particle-hero[data-v-73babdf3] {
          grid-template-columns: 1fr;
          gap: 16px;
          padding: 104px 28px 34px !important;
        }
        .jc-particle-visual[data-v-73babdf3] { min-height: 480px; }
        .jc-particle-sphere[data-v-73babdf3] { width: min(100%, 590px); margin: 0 auto; }
      }
      @media (max-width: 720px) {
        .jc-particle-hero[data-v-73babdf3] { padding: 90px 20px 22px !important; }
        .jc-particle-eyebrow[data-v-73babdf3] { font-size: 13px; }
        .jc-particle-title[data-v-73babdf3] { margin-top: 34px; font-size: clamp(48px, 15vw, 64px); }
        .jc-particle-subtitle[data-v-73babdf3] { margin-top: 28px; font-size: 16px; }
        .jc-particle-actions[data-v-73babdf3] { align-items: center; flex-direction: row; gap: 18px; margin-top: 26px; }
        .jc-particle-actions[data-v-73babdf3] .consult-wrapper,
        .jc-particle-actions[data-v-73babdf3] .consult-button { width: auto; }
        .jc-particle-secondary[data-v-73babdf3] { width: auto; }
        .jc-particle-visual[data-v-73babdf3] { min-height: 340px; margin-top: 6px; }
        .jc-particle-sphere[data-v-73babdf3] { width: min(108%, 410px); margin-left: -4%; }
        .jc-security-label[data-v-73babdf3] { top: 4%; left: 7%; font-size: 8px; }
        .jc-sphere-core-label[data-v-73babdf3] { width: 88px; height: 88px; }
        .jc-sphere-core-label[data-v-73babdf3]::before { inset: -11px; }
        .jc-sphere-core-label[data-v-73babdf3]::after { inset: -5px; }
        .jc-sphere-core-label strong { max-width: 66px; font-size: 10px; }
        .jc-sphere-core-label small { max-width: 62px; margin-top: 3px; font-size: 7px; }
        .jc-sphere-core-label small::before { margin-bottom: 2px; font-size: 5px; }
        .jc-capability-legend[data-v-73babdf3] { bottom: 0; gap: 9px; font-size: 8px; }
        .jc-capability-legend i { width: 5px; height: 5px; box-shadow: 0 0 0 2px color-mix(in srgb, var(--legend-color) 12%, transparent); }
      }
      /* v2026.07.11-optimus-source-exact: original ASCII sphere algorithm */
      .jc-particle-visual[data-v-73babdf3] {
        position: absolute;
        right: 0;
        top: 40px;
        width: 800px;
        height: 800px;
        min-height: 0;
        transform: none;
        overflow: visible;
        pointer-events: none;
      }
      .jc-particle-sphere[data-v-73babdf3] {
        width: 100%;
        height: 100%;
        margin: 0;
        aspect-ratio: 1;
        opacity: .4;
        pointer-events: none;
      }
      #jcParticleCanvas[data-v-73babdf3] {
        inset: 0;
        opacity: 1;
      }
      @media (max-width: 1120px) {
        .jc-particle-visual[data-v-73babdf3] { top: 32px; width: 600px; height: 600px; }
      }
      @media (max-width: 720px) {
        .jc-particle-visual[data-v-73babdf3] { right: -120px; top: 24px; width: 440px; height: 440px; }
      }
      /* v2026.07.12-capability-marquee: first-screen capability data rail */
      .jc-capability-marquee[data-v-73babdf3] {
        position: absolute;
        right: 0;
        bottom: 18px;
        left: 0;
        z-index: 4;
        overflow: hidden;
        padding: 12px 0;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
      }
      .jc-capability-marquee-track[data-v-73babdf3] {
        display: flex;
        width: max-content;
        animation: jcCapabilityMarquee 38s linear infinite;
        will-change: transform;
      }
      .jc-capability-marquee:hover .jc-capability-marquee-track[data-v-73babdf3] {
        animation-play-state: paused;
      }
      .jc-capability-marquee-group[data-v-73babdf3] {
        display: flex;
        flex: none;
        align-items: center;
        gap: 54px;
        padding-right: 54px;
      }
      .jc-capability-metric[data-v-73babdf3] {
        display: grid;
        grid-template-columns: auto minmax(176px, 230px);
        grid-template-rows: 1fr 1fr;
        align-items: stretch;
        column-gap: 14px;
        min-width: 286px;
        color: #111827;
      }
      .jc-capability-metric-value[data-v-73babdf3] {
        grid-row: 1 / 3;
        align-self: center;
        color: #e1251b;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 52px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 0;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
      }
      .jc-capability-metric-name[data-v-73babdf3] {
        align-self: start;
        color: #111827;
        font-size: 16px;
        line-height: 1.15;
        font-weight: 700;
        white-space: nowrap;
      }
      .jc-capability-metric-desc[data-v-73babdf3] {
        align-self: end;
        margin-top: 0;
        padding-bottom: 1px;
        color: rgba(75, 85, 99, .78);
        font-size: 13px;
        line-height: 1.2;
        white-space: nowrap;
      }
      @keyframes jcCapabilityMarquee {
        from { transform: translate3d(0, 0, 0); }
        to { transform: translate3d(-50%, 0, 0); }
      }
      @media (max-width: 720px) {
        .jc-capability-marquee[data-v-73babdf3] {
          bottom: 10px;
          padding: 9px 0;
          -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
        }
        .jc-capability-marquee-track[data-v-73babdf3] { animation-duration: 34s; }
        .jc-capability-marquee-group[data-v-73babdf3] { gap: 34px; padding-right: 34px; }
        .jc-capability-metric[data-v-73babdf3] {
          grid-template-columns: auto minmax(156px, 194px);
          column-gap: 10px;
          min-width: 238px;
        }
        .jc-capability-metric-value[data-v-73babdf3] { font-size: 36px; }
        .jc-capability-metric-name[data-v-73babdf3] { font-size: 13px; }
        .jc-capability-metric-desc[data-v-73babdf3] { font-size: 11px; }
      }
      @media (prefers-reduced-motion: reduce) {
        .jc-capability-marquee-track[data-v-73babdf3] { animation-play-state: paused; }
      }
      /* v2026.07.12-sphere-continuity: transparent rail and cross-section sphere */
      .jc-particle-hero[data-v-73babdf3] {
        z-index: 2;
        min-height: min(860px, calc(100svh - 30px)) !important;
        overflow: visible;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .05) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .05) 1px, transparent 1px),
          radial-gradient(circle at 10% 22%, rgba(225, 37, 27, .07), transparent 27%),
          radial-gradient(circle at 76% 42%, rgba(225, 37, 27, .055), transparent 31%),
          linear-gradient(180deg, #fbfbfa 0%, #fff 68%, #fffafa 100%) !important;
        background-size: 86px 86px, 86px 86px, auto, auto, auto !important;
      }
      .jc-particle-hero[data-v-73babdf3]::before {
        background: linear-gradient(90deg, rgba(255, 255, 255, .48) 0%, rgba(255, 255, 255, .06) 54%, rgba(255, 255, 255, .3) 100%);
      }
      .jc-particle-hero[data-v-73babdf3]::after {
        content: none;
        display: none;
      }
      .jc-particle-title .ai-accent[data-v-73babdf3] {
        color: #e1251b;
      }
      .jc-particle-eyebrow[data-v-73babdf3] {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #5f636b;
      }
      .jc-particle-eyebrow[data-v-73babdf3]::before {
        content: "";
        width: 18px;
        height: 2px;
        background: #e1251b;
        box-shadow: 0 0 12px rgba(225, 37, 27, .3);
      }
      .jc-particle-actions[data-v-73babdf3] .consult-button {
        background: linear-gradient(135deg, #f04438 0%, #e1251b 72%, #c81d14 100%);
        box-shadow: 0 14px 30px rgba(225, 37, 27, .24);
      }
      .jc-particle-actions[data-v-73babdf3] .consult-button:hover {
        background: linear-gradient(135deg, #e93a30 0%, #cf2118 100%);
      }
      .jc-capability-marquee[data-v-73babdf3] {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
      }
      .core-highlights[data-v-006f881c] {
        position: relative;
        z-index: 1;
        padding-top: 188px;
      }
      @media (min-width: 1121px) {
        .jc-particle-visual[data-v-73babdf3] { top: 96px; }
      }
      @media (max-width: 1120px) {
        .jc-particle-hero[data-v-73babdf3] { overflow: hidden; }
        .core-highlights[data-v-006f881c] { padding-top: 128px; }
      }
      @media (max-width: 720px) {
        .core-highlights[data-v-006f881c] { padding-top: 96px; }
      }
      /* v2026.07.12-hero-consult-popover: compact side panel avoids capability rail */
      @media (min-width: 1121px) {
        .jc-particle-actions .consult-card[data-v-ba70186e] {
          position: absolute;
          top: 50%;
          right: auto;
          left: calc(100% + 18px);
          width: 400px;
          padding: 12px;
          border-radius: 14px;
          transform: translateY(-50%);
        }
        .jc-particle-actions .consult-wrapper[data-v-ba70186e]:hover .consult-card[data-v-ba70186e],
        .jc-particle-actions .consult-wrapper[data-v-ba70186e]:focus-within .consult-card[data-v-ba70186e] {
          display: grid;
          grid-template-columns: minmax(0, 1fr) 120px;
          grid-template-rows: auto auto;
          gap: 6px 12px;
          align-items: start;
        }
        .jc-particle-actions .consult-card[data-v-ba70186e]::before { display: none; }
        .jc-particle-actions .consult-card-copy[data-v-ba70186e] {
          grid-column: 1;
          grid-row: 1;
          padding-top: 1px;
        }
        .jc-particle-actions .consult-card-copy p[data-v-ba70186e] {
          margin-bottom: 0;
        }
        .jc-particle-actions .consult-qr-frame[data-v-ba70186e] {
          grid-column: 2;
          grid-row: 1 / 3;
          padding: 6px;
          border-radius: 10px;
        }
        .jc-particle-actions .consult-qr-frame img[data-v-ba70186e] {
          width: 108px;
          height: 108px;
        }
        .jc-particle-actions .consult-contact[data-v-ba70186e] {
          grid-column: 1;
          grid-row: 2;
          align-self: end;
          margin-top: 0;
        }
      }
      /* v2026.07.12-hero-editorial-layout: wide headline and split lower actions */
      @media (min-width: 1121px) {
        .jc-particle-copy[data-v-73babdf3] {
          grid-column: 1 / -1;
          align-self: start;
          z-index: 5;
          width: 100%;
          max-width: none;
          padding-top: 10px;
          padding-left: max(0px, calc((100vw - clamp(28px, 5vw, 88px) - clamp(28px, 5vw, 88px) - 1152px) / 2));
          box-sizing: border-box;
        }
        .jc-particle-eyebrow[data-v-73babdf3] {
          margin-left: 0;
        }
        .jc-particle-title[data-v-73babdf3] {
          position: relative;
          z-index: 3;
          max-width: min(1080px, 74vw);
          margin-top: 50px;
          font-size: clamp(88px, 7vw, 124px);
          font-weight: 540;
          line-height: .92;
        }
        .jc-particle-subtitle[data-v-73babdf3] {
          max-width: 540px;
          margin-top: 42px;
          font-size: 19px;
          line-height: 1.72;
        }
        .jc-particle-actions[data-v-73babdf3] {
          width: max-content;
          margin-top: 32px;
          margin-left: 0;
        }
        .jc-particle-actions[data-v-73babdf3] .consult-button {
          min-width: 250px;
        }
      }
      @media (max-width: 720px) {
        .jc-particle-title[data-v-73babdf3] {
          font-size: clamp(42px, 12vw, 52px);
          line-height: .98;
        }
      }
      /* v2026.07.12-home-sections-unify: align all homepage sections with hero */
      .core-highlights[data-v-006f881c],
      .expert-lab,
      .home-pricing,
      .scenarios[data-v-d52993b2],
      .testimonials[data-v-9a6ff32a],
      .security[data-v-710c9a59] {
        box-sizing: border-box;
        padding: 112px clamp(28px, 5vw, 88px) 120px;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .045) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .045) 1px, transparent 1px),
          linear-gradient(180deg, #fff 0%, #fbfbfa 100%);
        background-size: 86px 86px, 86px 86px, auto;
      }
      .expert-lab,
      .testimonials[data-v-9a6ff32a] {
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .042) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .042) 1px, transparent 1px),
          linear-gradient(180deg, #fbfbfa 0%, #fff 100%);
        background-size: 86px 86px, 86px 86px, auto;
      }
      .core-highlights[data-v-006f881c]::before,
      .expert-lab::before { content: none; }
      .core-header[data-v-006f881c],
      .scenarios-header[data-v-d52993b2],
      .testimonials-header[data-v-9a6ff32a],
      .security-header[data-v-710c9a59],
      .home-pricing-header,
      .enterprise-suite-header,
      .expert-lab-header {
        width: min(1152px, 100%);
        max-width: 1152px;
        margin: 0 auto 56px;
        text-align: left;
      }
      .enterprise-suite-header,
      .expert-lab-header {
        display: block;
      }
      .core-eyebrow[data-v-006f881c],
      .scenarios-eyebrow[data-v-d52993b2],
      .testimonials-eyebrow[data-v-9a6ff32a],
      .security-eyebrow[data-v-710c9a59],
      .home-pricing-eyebrow,
      .expert-lab-eyebrow,
      .enterprise-suite-eyebrow {
        display: inline-flex;
        align-items: center;
        width: auto;
        height: auto;
        margin: 0 0 20px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: #e1251b;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .12em;
        line-height: 1.4;
        text-transform: uppercase;
      }
      .core-eyebrow[data-v-006f881c]::before,
      .scenarios-eyebrow[data-v-d52993b2]::before,
      .testimonials-eyebrow[data-v-9a6ff32a]::before,
      .security-eyebrow[data-v-710c9a59]::before,
      .home-pricing-eyebrow::before,
      .expert-lab-eyebrow::before,
      .enterprise-suite-eyebrow::before {
        content: "";
        width: 18px;
        height: 2px;
        margin-right: 10px;
        background: currentColor;
      }
      .core-title[data-v-006f881c],
      .scenarios-title[data-v-d52993b2],
      .testimonials-title[data-v-9a6ff32a],
      .security-title[data-v-710c9a59],
      .home-pricing-title,
      .expert-lab-title,
      .enterprise-suite-title {
        max-width: 980px;
        margin: 0;
        color: #09090b;
        font-size: clamp(46px, 4vw, 64px);
        font-weight: 540;
        line-height: 1.02;
        letter-spacing: 0;
      }
      .core-subtitle[data-v-006f881c],
      .scenarios-subtitle[data-v-d52993b2],
      .testimonials-subtitle[data-v-9a6ff32a],
      .security-subtitle[data-v-710c9a59],
      .home-pricing-subtitle,
      .expert-lab-copy,
      .enterprise-suite-copy {
        max-width: 620px;
        margin: 22px 0 0;
        color: #6b625c;
        font-size: 16px;
        line-height: 1.75;
      }
      .enterprise-suite-copy,
      .expert-lab-copy { margin: 22px 0 0; }
      .core-grid[data-v-006f881c],
      .enterprise-suite-inner,
      .expert-lab-inner,
      .home-pricing-inner,
      .scenarios-body[data-v-d52993b2],
      .testimonials-viewport[data-v-9a6ff32a],
      .security-grid[data-v-710c9a59] {
        width: min(1152px, 100%);
        max-width: 1152px;
        margin-left: auto;
        margin-right: auto;
      }
      .core-grid[data-v-006f881c] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        padding: 0;
      }
      .core-highlights[data-v-006f881c] { padding-top: 188px; }
      .core-card[data-v-006f881c] {
        min-height: 206px;
        padding: 24px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 6px;
        background: rgba(255, 255, 255, .84);
        box-shadow: none;
      }
      .enterprise-suite-card,
      .core-card[data-v-006f881c],
      .expert-marquee .expert-card {
        transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
      }
      .enterprise-suite-card:hover,
      .core-card[data-v-006f881c]:hover,
      .expert-marquee .expert-card:hover {
        transform: translateY(-5px);
        border-color: rgba(225, 37, 27, .22);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 250, 249, .94)),
          linear-gradient(135deg, rgba(225, 37, 27, .1), transparent 42%);
        box-shadow: 0 28px 62px rgba(17, 24, 39, .12);
      }
      .core-card[data-v-006f881c]:hover {
        transform: translateY(-3px);
        border-color: rgba(225, 37, 27, .22);
        box-shadow: 0 18px 44px rgba(16, 24, 40, .08);
      }
      .core-card[data-v-006f881c]::before {
        top: 22px;
        line-height: 16px;
      }
      .core-card .ibg[data-v-006f881c] {
        display: none;
      }
      .core-card-title[data-v-006f881c] {
        top: 58px;
        left: 24px;
        right: 18px;
        min-height: 0;
        font-size: 18px;
      }
      .core-card-title[data-v-006f881c]::after { margin-top: 10px; }
      .core-card-desc[data-v-006f881c] {
        top: 110px;
        left: 24px;
        right: 24px;
        color: #667085;
        font-size: 13px;
        line-height: 1.65;
      }
      .enterprise-suite {
        padding: 112px clamp(28px, 5vw, 88px) 120px;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .045) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .045) 1px, transparent 1px),
          linear-gradient(180deg, #fff 0%, #fbfbfa 100%);
        background-size: 86px 86px, 86px 86px, auto;
      }
      .enterprise-suite::before { content: none; }
      .enterprise-suite-title { color: #09090b; }
      .expert-lab-title { max-width: 760px; font-size: clamp(44px, 3.6vw, 58px); }
      .enterprise-suite-grid { gap: 12px; background: transparent; }
      .enterprise-suite-card {
        min-height: 220px;
        padding: 26px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 6px;
        background: rgba(255, 255, 255, .88);
        box-shadow: none;
      }
      .expert-marquee .expert-card::before {
        content: none;
        display: none;
      }
      .enterprise-suite-card::before { left: 26px; width: 32px; height: 2px; }
      .enterprise-suite-index { color: rgba(225, 37, 27, .64); }
      .enterprise-suite-card h3 { margin: 30px 0 10px; color: #151515; font-size: 21px; }
      .enterprise-suite-card p { color: #667085; font-size: 13px; line-height: 1.65; }
      .enterprise-suite-tag { left: 26px; bottom: 22px; color: #c92a22; font-size: 11px; }
      .expert-logic { gap: 1px; margin-bottom: 18px; background: rgba(16, 24, 40, .1); }
      .expert-logic-item {
        min-height: 74px;
        padding: 14px 18px;
        border: 0;
        border-radius: 0;
        background: rgba(255, 255, 255, .92);
        box-shadow: none;
      }
      .expert-logic-item span { margin-top: 5px; font-size: 12px; }
      .expert-grid { gap: 10px; }
      .expert-card {
        min-height: 158px;
        padding: 20px;
        border-radius: 6px;
        background: rgba(255, 255, 255, .88);
        box-shadow: none;
      }
      .expert-card h3 { margin: 22px 0 10px; font-size: 18px; }
      .expert-card p { font-size: 13px; line-height: 1.65; }
      .expert-marquee {
        position: relative;
        overflow: hidden;
        margin-top: 4px;
        padding: 2px 0 4px;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
      }
      .expert-marquee-row {
        overflow: hidden;
      }
      .expert-marquee-row + .expert-marquee-row {
        margin-top: 12px;
      }
      .expert-marquee-row.is-secondary {
        opacity: .76;
      }
      .expert-marquee-track {
        display: flex;
        width: max-content;
        animation: jc-expert-marquee-left 34s linear infinite;
        will-change: transform;
      }
      .expert-marquee-row.is-secondary .expert-marquee-track {
        animation-name: jc-expert-marquee-right;
        animation-duration: 38s;
      }
      .expert-marquee-track:has(.expert-card:hover) {
        animation-play-state: paused;
      }
      .expert-marquee-group {
        display: flex;
        flex: none;
        gap: 12px;
        padding: 6px 12px 8px 0;
      }
      .expert-marquee .expert-card {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        grid-template-rows: 46px auto;
        column-gap: 14px;
        align-items: center;
        width: 276px;
        min-width: 276px;
        min-height: 176px;
        padding: 24px 22px;
        background: rgba(255, 255, 255, .92);
        box-shadow: none;
      }
      .expert-card-visual {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        border: 1px solid rgba(17, 24, 39, .08);
        border-color: color-mix(in srgb, var(--visual-accent) 20%, transparent);
        border-radius: 50%;
        background: var(--visual-bg);
        color: var(--visual-accent);
        box-sizing: border-box;
      }
      .expert-card-visual.is-skill { border-radius: 10px; }
      .expert-card-visual svg {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .expert-marquee .expert-card h3 {
        margin: 0;
        font-size: 18px;
        line-height: 1.35;
      }
      .expert-marquee .expert-card p {
        grid-column: 1 / -1;
        align-self: start;
        max-width: 230px;
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.65;
      }
      @keyframes jc-expert-marquee-left {
        to { transform: translate3d(-50%, 0, 0); }
      }
      @keyframes jc-expert-marquee-right {
        from { transform: translate3d(-50%, 0, 0); }
        to { transform: translate3d(0, 0, 0); }
      }
      @media (max-width: 720px) {
        .expert-marquee {
          margin-left: -20px;
          margin-right: -20px;
          -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
        }
        .expert-marquee .expert-card {
          width: 248px;
          min-width: 248px;
          min-height: 160px;
          padding: 20px 18px;
        }
        .expert-marquee .expert-card p { margin-top: 10px; line-height: 1.55; }
      }
      @media (prefers-reduced-motion: reduce) {
        .expert-marquee-track {
          animation: none;
          transform: none;
        }
        .expert-marquee-row {
          overflow-x: auto;
        }
      }
      .expert-service {
        margin-top: 14px;
        padding: 18px 20px;
        border-radius: 6px;
        background: rgba(255, 247, 245, .8);
        box-shadow: none;
      }
      .home-pricing-grid { gap: 12px; }
      .home-pricing { padding-bottom: 92px; }
      .home-plan-card {
        min-height: 420px;
        padding: 28px;
        border-radius: 6px;
        background: rgba(255, 255, 255, .9);
        box-shadow: none;
      }
      .home-plan-card.is-featured {
        border-color: rgba(16, 24, 40, .08);
        box-shadow: none;
      }
      .home-plan-card.is-featured::before { content: none; }
      .home-plan-card:hover {
        transform: translateY(-5px);
        border-color: rgba(225, 37, 27, .2);
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 28px 62px rgba(17, 24, 39, .12);
      }
      .home-plan-desc { max-width: 520px; font-size: 14px; line-height: 1.65; }
      .home-plan-price strong { font-size: 52px; font-weight: 500; }
      .home-plan-meta { border-radius: 4px; background: #f7f7f6; }
      .home-plan-list { gap: 8px; }
      .home-credits-strip { border-radius: 6px; box-shadow: none; }
      .scenarios-body[data-v-d52993b2] {
        display: grid;
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 0;
        border: 1px solid rgba(16, 24, 40, .09);
        border-radius: 6px;
        background: rgba(255, 255, 255, .88);
        box-shadow: none;
        overflow: hidden;
      }
      .scenarios[data-v-d52993b2] { padding-bottom: 86px; }
      .scenarios-tabs[data-v-d52993b2] {
        width: 240px;
        padding: 18px 10px;
        border-right: 1px solid rgba(16, 24, 40, .08);
      }
      .scenarios-tab[data-v-d52993b2] {
        width: 220px;
        height: 54px;
        padding-left: 20px;
        border-radius: 4px;
        font-size: 15px;
        line-height: 54px;
      }
      .scenarios-tab.active[data-v-d52993b2] {
        background: #111;
        font-size: 16px;
      }
      .scenarios-content[data-v-d52993b2] {
        height: 560px;
        padding: 34px 38px;
      }
      .content-title[data-v-d52993b2] { font-size: 22px; line-height: 1.4; }
      .content-desc[data-v-d52993b2] { max-width: 760px; font-size: 14px; line-height: 1.65; }
      .content-mockup[data-v-d52993b2] { height: 350px; margin-top: 18px; }
      .device-laptop[data-v-d52993b2] { right: 70px; bottom: 42px; width: 560px; height: 350px; }
      .testimonials-viewport[data-v-9a6ff32a] { height: 480px; }
      .testimonials[data-v-9a6ff32a] { padding-bottom: 76px; }
      .testimonial-card[data-v-9a6ff32a] {
        width: 560px;
        height: 480px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 6px;
        box-shadow: none;
      }
      .testimonials-viewport .head-img[data-v-9a6ff32a] {
        position: absolute;
        top: 34px;
        left: 34px;
        width: 40px;
        height: 40px;
      }
      .testimonials-viewport .ht[data-v-9a6ff32a] { padding: 34px 34px 12px 92px; }
      .testimonials-viewport .card-role[data-v-9a6ff32a] {
        margin: 0;
        line-height: 40px;
      }
      .testimonials-viewport .ht p[data-v-9a6ff32a] {
        min-height: 64px;
        margin: 6px 0 0;
        line-height: 1.65;
      }
      .testimonials-viewport .ct[data-v-9a6ff32a] { padding: 0 34px 30px; }
      .testimonials-viewport .ct img[data-v-9a6ff32a] { width: 492px; height: 254px; }
      .security[data-v-710c9a59] { margin-bottom: 0; padding-bottom: 120px; }
      .security-grid[data-v-710c9a59] {
        grid-template-columns: minmax(0, 1fr) 380px minmax(0, 1fr);
        gap: 12px;
      }
      .security-col[data-v-710c9a59] { gap: 10px; }
      .security-card[data-v-710c9a59] {
        min-height: 112px;
        padding: 20px 22px;
        border: 1px solid rgba(16, 24, 40, .08);
        border-radius: 6px;
        background: rgba(255, 255, 255, .88) !important;
        box-shadow: none;
      }
      .security-card .card-title[data-v-710c9a59] { font-size: 17px; }
      .security-card .card-desc[data-v-710c9a59] { margin-top: 8px; font-size: 13px; line-height: 1.6; }
      .security-center[data-v-710c9a59] { width: 380px; height: 380px; }
      .security-center[data-v-710c9a59] {
        position: relative;
        isolation: isolate;
      }
      .security-illustration[data-v-710c9a59] {
        position: relative;
        z-index: 1;
        width: 620px !important;
        max-width: 620px !important;
        margin: -120px 0 0 -120px;
        animation: jc-security-control-float 4s ease-in-out infinite;
        will-change: transform;
      }
      .security-motion-ring {
        position: absolute;
        top: 52%;
        left: 50%;
        z-index: 2;
        width: 188px;
        height: 188px;
        border-radius: 50%;
        transform: translate(-50%, -50%) rotate(-9deg) scaleY(.56);
        pointer-events: none;
      }
      .security-motion-ring::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: conic-gradient(
          from 0deg,
          rgba(225, 37, 27, 0) 0deg,
          rgba(225, 37, 27, .08) 42deg,
          rgba(255, 92, 78, .92) 88deg,
          rgba(255, 255, 255, .96) 102deg,
          rgba(225, 37, 27, .12) 132deg,
          rgba(225, 37, 27, 0) 188deg,
          rgba(225, 37, 27, .68) 286deg,
          rgba(225, 37, 27, 0) 360deg
        );
        -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
        mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
        filter: drop-shadow(0 0 7px rgba(225, 37, 27, .42));
        animation: jc-security-ring-spin 7s linear infinite;
        will-change: transform;
      }
      @keyframes jc-security-control-float {
        0%, 100% { transform: translate3d(0, -6px, 0); }
        50% { transform: translate3d(0, 8px, 0); }
      }
      @keyframes jc-security-ring-spin {
        to { transform: rotate(360deg); }
      }
      @media (max-width: 720px) {
        .security-motion-ring {
          top: 44%;
          width: 138px;
          height: 138px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .security-illustration[data-v-710c9a59],
        .security-motion-ring::before { animation: none; }
      }
      .bottom-cta[data-v-0c684f52] {
        padding: 112px clamp(28px, 5vw, 88px) 118px;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
          linear-gradient(180deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
          #111;
        background-size: 86px 86px, 86px 86px, auto;
      }
      .bottom-cta-desc[data-v-0c684f52] {
        max-width: 1050px;
        margin: 0 auto 34px;
        color: rgba(255, 255, 255, .88);
        font-size: clamp(30px, 3vw, 46px);
        font-style: normal;
        font-weight: 500;
        line-height: 1.35;
      }
      @media (min-width: 1121px) {
        .enterprise-suite-title {
          max-width: none;
          font-size: clamp(42px, 3.2vw, 58px);
          white-space: nowrap;
        }
        .bottom-cta-desc[data-v-0c684f52] {
          max-width: 1152px;
          font-size: clamp(28px, 2.6vw, 42px);
          white-space: nowrap;
        }
      }
      @media (min-width: 721px) {
        .expert-marquee {
          width: 100vw;
          max-width: none;
          margin-left: calc(50% - 50vw);
          margin-right: calc(50% - 50vw);
        }
        .core-title[data-v-006f881c],
        .testimonials-title[data-v-9a6ff32a],
        .security-title[data-v-710c9a59],
        .home-pricing-title,
        .expert-lab-title,
        .enterprise-suite-title {
          max-width: none;
          font-size: clamp(40px, 3.2vw, 56px);
          white-space: nowrap;
        }
      }
      @media (min-width: 1500px) {
        .expert-marquee-group {
          width: 100vw;
          box-sizing: border-box;
          justify-content: flex-start;
          gap: 16px;
          padding-right: 0;
          padding-left: 16px;
        }

        .expert-marquee .expert-card {
          width: calc((100vw - 80px) / 5);
          min-width: calc((100vw - 80px) / 5);
        }
      }
      @media (max-width: 1080px) {
        .core-highlights[data-v-006f881c] { padding-top: 128px; }
        .enterprise-suite-header,
        .expert-lab-header { grid-template-columns: 1fr; gap: 24px; }
        .core-grid[data-v-006f881c],
        .enterprise-suite-grid,
        .expert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .scenarios-body[data-v-d52993b2] { grid-template-columns: 190px minmax(0, 1fr); }
        .scenarios-tabs[data-v-d52993b2] { width: 190px; }
        .scenarios-tab[data-v-d52993b2] { width: 170px; }
        .security-grid[data-v-710c9a59] { grid-template-columns: 1fr; }
        .security-center[data-v-710c9a59] { order: -1; margin: 0 auto; }
      }
      @media (max-width: 720px) {
        .core-highlights[data-v-006f881c],
        .enterprise-suite,
        .expert-lab,
        .home-pricing,
        .scenarios[data-v-d52993b2],
        .testimonials[data-v-9a6ff32a],
        .security[data-v-710c9a59],
        .bottom-cta[data-v-0c684f52] { padding: 80px 20px 88px; }
        .home-pricing,
        .scenarios[data-v-d52993b2],
        .testimonials[data-v-9a6ff32a] { padding-bottom: 72px; }
        .core-highlights[data-v-006f881c] { padding-top: 96px; }
        .core-title[data-v-006f881c],
        .scenarios-title[data-v-d52993b2],
        .testimonials-title[data-v-9a6ff32a],
        .security-title[data-v-710c9a59],
        .home-pricing-title,
        .expert-lab-title,
        .enterprise-suite-title { font-size: 38px; }
        .core-grid[data-v-006f881c],
        .enterprise-suite-grid,
        .expert-logic,
        .expert-grid,
        .home-pricing-grid { grid-template-columns: 1fr; }
        .scenarios-body[data-v-d52993b2] { display: block; }
        .scenarios-tabs[data-v-d52993b2] {
          width: 100%;
          flex-direction: row;
          overflow-x: auto;
          border-right: 0;
          border-bottom: 1px solid rgba(16, 24, 40, .08);
        }
        .scenarios-tab[data-v-d52993b2] { flex: 0 0 auto; width: auto; padding: 0 18px; }
        .scenarios-content[data-v-d52993b2] { height: 480px; padding: 26px 20px; }
        .device-laptop[data-v-d52993b2] { right: 20px; width: calc(100% - 40px); height: auto; aspect-ratio: 1.6; }
        .testimonial-card[data-v-9a6ff32a] { width: min(92vw, 520px); }
      }

      .jc-scenes-v4 {
        --jc-scenes-v4-card: #fff;
        --jc-scenes-v4-line: #e8edf5;
        --jc-scenes-v4-text: #141826;
        --jc-scenes-v4-muted: #7b8396;
        --jc-scenes-v4-accent: #6366f1;
        --jc-scenes-v4-dark: #121620;
        --jc-scenes-v4-dark-2: #202533;
        padding: 112px clamp(28px, 5vw, 88px) 120px;
        color: var(--jc-scenes-v4-text);
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .035) 1px, transparent 1px),
          linear-gradient(180deg, #f9fbff 0%, #f5f7fb 100%);
        background-size: 86px 86px, 86px 86px, auto;
      }
      .jc-scenes-v4-shell {
        max-width: 1152px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 240px minmax(0, 1fr);
        overflow: hidden;
        border: 1px solid rgba(231, 235, 243, .96);
        border-radius: 8px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 20px 60px rgba(18, 24, 38, .07);
        backdrop-filter: blur(16px);
      }
      .jc-scenes-v4-sidebar {
        padding: 28px 18px;
        border-right: 1px solid var(--jc-scenes-v4-line);
        background: linear-gradient(180deg, #fcfdff 0%, #f8f9fc 100%);
      }
      .jc-scenes-v4-kicker {
        padding: 8px 12px 18px;
        color: #a0a8b8;
        font-size: 12px;
        letter-spacing: .18em;
        text-transform: uppercase;
      }
      .jc-scenes-v4-nav { display: flex; flex-direction: column; gap: 6px; }
      .jc-scenes-v4-nav-item {
        appearance: none;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 18px;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        border: 0;
        border-radius: 6px;
        color: #5d6678;
        background: transparent;
        font: inherit;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
        transition: background .2s, color .2s, transform .2s;
      }
      .jc-scenes-v4-nav-item:hover { color: #1e2430; background: #f2f5fb; transform: translateX(2px); }
      .jc-scenes-v4-nav-item:focus-visible,
      .jc-scenes-v4-circle:focus-visible { outline: 2px solid var(--jc-scenes-v4-accent); outline-offset: 2px; }
      .jc-scenes-v4-nav-arrow { opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .2s; }
      .jc-scenes-v4-nav-item.is-active {
        color: #fff;
        background: linear-gradient(135deg, var(--jc-scenes-v4-dark) 0%, var(--jc-scenes-v4-dark-2) 100%);
        box-shadow: 0 14px 26px rgba(19, 24, 36, .12);
      }
      .jc-scenes-v4-nav-item.is-active .jc-scenes-v4-nav-arrow { opacity: 1; transform: none; }
      .jc-scenes-v4-main {
        position: relative;
        min-width: 0;
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        padding: 46px 52px 28px;
        overflow: hidden;
      }
      .jc-scenes-v4-main::before {
        content: "";
        position: absolute;
        top: -120px;
        right: -80px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(99, 102, 241, .1), rgba(99, 102, 241, 0) 68%);
        pointer-events: none;
      }
      .jc-scenes-v4-head {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 96px;
        gap: 20px;
        align-items: start;
      }
      .jc-scenes-v4-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
        color: var(--jc-scenes-v4-accent);
        font-size: 13px;
        font-weight: 700;
      }
      .jc-scenes-v4-eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; }
      .jc-scenes-v4-title {
        max-width: 980px;
        margin: 0;
        color: var(--jc-scenes-v4-text);
        font-size: clamp(34px, 3.8vw, 58px);
        font-weight: 780;
        line-height: 1.08;
        letter-spacing: 0;
      }
      .jc-scenes-v4-desc {
        max-width: 760px;
        margin: 18px 0 0;
        color: var(--jc-scenes-v4-muted);
        font-size: 18px;
        line-height: 1.85;
      }
      .jc-scenes-v4-actions { display: flex; gap: 10px; justify-self: end; }
      .jc-scenes-v4-circle {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        border: 1px solid var(--jc-scenes-v4-line);
        border-radius: 50%;
        color: #646d80;
        background: #fff;
        font-size: 19px;
        cursor: pointer;
        transition: transform .2s, box-shadow .2s, color .2s;
      }
      .jc-scenes-v4-circle:hover { color: #161b27; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(30, 36, 50, .1); }
      .jc-scenes-v4-capabilities {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        margin-top: 16px;
        padding-top: 10px;
      }
      .jc-scenes-v4-capability { position: relative; min-width: 0; padding-right: 8px; }
      .jc-scenes-v4-capability + .jc-scenes-v4-capability { padding-left: 18px; }
      .jc-scenes-v4-capability + .jc-scenes-v4-capability::before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        width: 1px;
        background: rgba(20, 24, 38, .06);
      }
      .jc-scenes-v4-capability strong { display: block; margin-bottom: 4px; color: #4d566a; font-size: 15px; font-weight: 650; line-height: 1.35; }
      .jc-scenes-v4-capability p { max-width: 260px; margin: 0; color: #9aa3b2; font-size: 13px; line-height: 1.65; }
      .jc-scenes-v4-stage { position: relative; z-index: 1; margin-top: 28px; }
      .jc-scenes-v4-preview {
        position: relative;
        min-height: 460px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 24px;
        border: 1px solid var(--jc-scenes-v4-line);
        border-radius: 8px;
        background: linear-gradient(180deg, #fbfcff 0%, #f4f6fb 100%);
      }
      .jc-scenes-v4-preview::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 20% 10%, rgba(255, 255, 255, .8), transparent 34%);
        pointer-events: none;
      }
      .jc-scenes-v4-preview img {
        position: relative;
        z-index: 1;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 520px;
        display: block;
        border-radius: 6px;
        object-fit: contain;
        background: #fff;
        box-shadow: 0 18px 44px rgba(53, 62, 89, .12);
      }
      .jc-scenes-v4-badge {
        position: absolute;
        z-index: 2;
        bottom: 24px;
        left: 24px;
        padding: 10px 12px;
        border-radius: 6px;
        color: #fff;
        background: rgba(18, 22, 32, .72);
        font-size: 12px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
        backdrop-filter: blur(10px);
      }
      .jc-scenes-v4-footer {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-top: 24px;
        padding-top: 22px;
        border-top: 1px solid var(--jc-scenes-v4-line);
      }
      .jc-scenes-v4-tags { display: flex; flex-wrap: wrap; gap: 10px; }
      .jc-scenes-v4-tag { padding: 9px 12px; border: 1px solid var(--jc-scenes-v4-line); border-radius: 999px; color: #5f687a; background: #fafbfe; font-size: 12px; }
      .jc-scenes-v4-progress-wrap { min-width: 260px; display: flex; align-items: center; gap: 14px; }
      .jc-scenes-v4-state { color: #96a0af; font-size: 12px; white-space: nowrap; }
      .jc-scenes-v4-progress { height: 4px; flex: 1; overflow: hidden; border-radius: 999px; background: #eceff5; }
      .jc-scenes-v4-progress i { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--jc-scenes-v4-accent), #8b5cf6); }
      @media (max-width: 1100px) {
        .jc-scenes-v4-shell { grid-template-columns: 1fr; }
        .jc-scenes-v4-sidebar { padding: 16px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--jc-scenes-v4-line); }
        .jc-scenes-v4-kicker { display: none; }
        .jc-scenes-v4-nav { min-width: max-content; flex-direction: row; }
        .jc-scenes-v4-nav-item { width: auto; padding: 12px 14px; }
        .jc-scenes-v4-main { padding: 30px 24px 22px; }
        .jc-scenes-v4-head { grid-template-columns: 1fr; }
        .jc-scenes-v4-title { white-space: normal !important; }
        .jc-scenes-v4-actions { position: absolute; top: 24px; right: 24px; }
        .jc-scenes-v4-capabilities { grid-template-columns: 1fr; gap: 6px; padding-top: 10px; }
        .jc-scenes-v4-capability { padding: 6px 0; }
        .jc-scenes-v4-capability + .jc-scenes-v4-capability { padding-left: 0; }
        .jc-scenes-v4-capability + .jc-scenes-v4-capability::before { display: none; }
        .jc-scenes-v4-preview { min-height: 360px; }
      }
      @media (max-width: 640px) {
        .jc-scenes-v4 { padding: 80px 16px 88px; }
        .jc-scenes-v4-shell { border-radius: 8px; }
        .jc-scenes-v4-main { padding: 24px 18px 18px; }
        .jc-scenes-v4-title { font-size: 32px !important; white-space: normal !important; }
        .jc-scenes-v4-desc { font-size: 15px; line-height: 1.75; }
        .jc-scenes-v4-actions { display: none; }
        .jc-scenes-v4-capability strong { font-size: 18px; }
        .jc-scenes-v4-preview { min-height: 260px; padding: 14px; border-radius: 8px; }
        .jc-scenes-v4-preview img { max-height: 300px; border-radius: 6px; }
        .jc-scenes-v4-badge { bottom: 14px; left: 14px; }
        .jc-scenes-v4-footer { flex-direction: column; align-items: flex-start; }
        .jc-scenes-v4-progress-wrap { width: 100%; min-width: 0; }
      }
      .core-highlights[data-v-006f881c] { background: #ffffff; }
      .core-highlights[data-v-006f881c]::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        display: block;
        height: 173px;
        background:
          linear-gradient(90deg, rgba(16, 24, 40, .05) 1px, transparent 1px),
          linear-gradient(180deg, rgba(16, 24, 40, .05) 1px, transparent 1px),
          #fffafa;
        background-size: 86px 86px, 86px 86px, auto;
        pointer-events: none;
      }
      .enterprise-suite { background: #f8f8f7; }
      .expert-lab { background: #ffffff; }
      .testimonials[data-v-9a6ff32a] { background: #fafafa; }
      .security[data-v-710c9a59] { background: #ffffff; }
      .home-pricing { background: #fafafa !important; }
      .bottom-cta[data-v-0c684f52] { background: #111111; }
      @media (min-width: 1121px) {
        .jc-particle-visual[data-v-73babdf3] {
          width: 740px;
          height: 740px;
        }
      }
      .security-header[data-v-710c9a59] {
        margin-bottom: 56px;
        text-align: left;
      }
      .security-eyebrow[data-v-710c9a59] {
        margin: 0 0 20px;
        padding: 0;
        border-radius: 0;
        background: transparent;
        letter-spacing: .12em;
      }
      .security-eyebrow[data-v-710c9a59]::before { display: block; }
      .security-title[data-v-710c9a59] { margin-right: 0; margin-left: 0; }
      .security-grid[data-v-710c9a59] {
        position: relative;
        grid-template-columns: 320px minmax(0, 1fr) 320px;
        gap: 24px;
        width: min(1152px, 100%);
        height: 430px;
        background: radial-gradient(circle at 50% 50%, rgba(225, 37, 27, .08), transparent 42%);
      }
      .security-connectors {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
      }
      .security-connectors path {
        fill: none;
        stroke: rgba(225, 37, 27, .18);
        stroke-width: 7;
        stroke-linecap: round;
      }
      .security-col[data-v-710c9a59] {
        position: relative;
        z-index: 2;
        display: flex;
        height: 430px;
        justify-content: space-between;
        gap: 0;
      }
      .security-card[data-v-710c9a59] {
        position: relative;
        min-height: 112px;
        padding: 20px 24px;
        border: 1px solid rgba(16, 24, 40, .07);
        border-radius: 8px;
        background: rgba(255, 255, 255, .94) !important;
        box-shadow: 0 14px 34px rgba(16, 24, 40, .07);
        transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
      }
      .security-card[data-v-710c9a59]:hover {
        transform: translateY(-3px);
        border-color: rgba(225, 37, 27, .2);
        box-shadow: 0 22px 48px rgba(16, 24, 40, .11);
      }
      .security-col-left .security-card[data-v-710c9a59]::after,
      .security-col-right .security-card[data-v-710c9a59]::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12px;
        height: 30px;
        border-radius: 999px;
        background: linear-gradient(180deg, #ff5a4f, #e1251b);
        box-shadow: 0 0 0 5px rgba(225, 37, 27, .08), 0 0 18px rgba(225, 37, 27, .32);
        transform: translateY(-50%);
      }
      .security-col-left .security-card[data-v-710c9a59]::after { right: -6px; }
      .security-col-right .security-card[data-v-710c9a59]::after { left: -6px; }
      .security-card .card-title[data-v-710c9a59] {
        font-size: 17px;
        font-weight: 650;
      }
      .security-card .card-desc[data-v-710c9a59] {
        margin-top: 10px;
        color: #7b8089;
        font-size: 13px;
        line-height: 1.7;
      }
      .security-center[data-v-710c9a59] {
        position: relative;
        z-index: 1;
        display: flex;
        width: auto;
        height: 430px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        isolation: isolate;
      }
      .security-illustration[data-v-710c9a59] {
        flex: none;
        width: 560px !important;
        max-width: 560px !important;
        margin: 0;
        animation: none;
        transform: none;
      }
      .security-motion-ring { display: none; }
      @media (max-width: 1080px) {
        .security-header[data-v-710c9a59] { text-align: left; }
        .security-title[data-v-710c9a59] { margin-left: 0; white-space: normal; }
        .security-grid[data-v-710c9a59] {
          grid-template-columns: 1fr;
          gap: 18px;
          height: auto;
          background: none;
        }
        .security-connectors { display: none; }
        .security-center[data-v-710c9a59] {
          order: -1;
          width: min(100%, 380px);
          height: 320px;
          margin: 0 auto;
        }
        .security-illustration[data-v-710c9a59] {
          width: 480px !important;
          max-width: 480px !important;
        }
        .security-col[data-v-710c9a59] {
          height: auto;
          gap: 12px;
        }
        .security-col-left .security-card[data-v-710c9a59]::after,
        .security-col-right .security-card[data-v-710c9a59]::after { display: none; }
      }