/* GÉNÉRÉ par tools/build-css.py (T-99) — NE PAS ÉDITER À LA MAIN.
   Source éditable : pages.css + services-v2.css + motion.css + systems-graph.css + desktop.css
   Régénérer après toute modification : python3 tools/build-css.py */

/* ===== pages.css ===== */
.header{position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--z-fixed);
    padding: 20px clamp(16px, 4vw, 48px);
    background: transparent;
    border-bottom: none;
    transition: padding var(--transition-base);
    pointer-events: none;}
.header.scrolled{padding-top: 12px;}
[data-theme="light"] .header,
[data-theme="dark"] .header{background: transparent;
    border-bottom: none;
    box-shadow: none;}
.header-inner{pointer-events: auto;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: clamp(20px, 4vw, 48px);
    padding: 12px 14px 12px 22px;
    border-radius: 999px;
    background: color-mix(in oklab, var(--bg-primary) 78%, transparent);
    backdrop-filter: saturate(160%) blur(22px);
    -webkit-backdrop-filter: saturate(160%) blur(22px);
    border: 1px solid color-mix(in oklab, var(--border-primary) 60%, transparent);
    box-shadow:
        0 1px 0 color-mix(in oklab, var(--text-primary) 4%, transparent) inset,
        0 8px 28px color-mix(in oklab, #000 18%, transparent);
    transition: padding var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);}
.header.scrolled .header-inner{padding-top: 10px;
    padding-bottom: 10px;
    box-shadow:
        0 1px 0 color-mix(in oklab, var(--text-primary) 5%, transparent) inset,
        0 12px 36px color-mix(in oklab, #000 26%, transparent);}
.header .logo{display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--text-primary);}
.header .logo-img{height: 26px;
    width: auto;
    object-fit: contain;}
.header .logo-wordmark{font-family: var(--font-display);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-primary);}
.header-nav{display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin: 0;}
.header-nav .nav-link{position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.005em;
    color: var(--text-secondary);
    background: transparent;
    text-decoration: none;
    border-radius: 999px;
    transition: color var(--transition-fast), background var(--transition-fast);}
.header-nav .nav-link:hover{color: var(--text-primary);
    background: color-mix(in oklab, var(--text-primary) 6%, transparent);}
.header-nav .nav-link.active{color: var(--color-gold);
    background: transparent;}
.header-nav .nav-link.active::after{content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 5px;
    height: 1px;
    background: var(--color-gold);
    opacity: 0.7;}
.header-nav .badge-beta{display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 7px;

    margin-inline-start: 2px;
    font-family: var(--font-primary);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-gold);
    background: var(--color-gold-glow);
    border: 1px solid color-mix(in oklab, var(--color-gold) 35%, transparent);
    border-radius: 999px;
    line-height: 1;}
.header-actions{display: inline-flex;
    align-items: center;
    gap: 10px;}
.header-actions .theme-toggle{width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: transparent;
    border: 1px solid var(--border-primary);
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color var(--transition-fast), color var(--transition-fast);}
.header-actions .theme-toggle:hover{border-color: var(--color-gold);
    color: var(--color-gold);
    background: transparent;}
.header-actions .theme-toggle svg{width: 16px;
    height: 16px;
    stroke-width: 1.6;}
.header-actions .language-switcher .lang-switcher-toggle{height: 36px;}
.header-actions .btn,
.header-actions .cta-pill{display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--color-gold);
    color: #ffffff;
    font-family: var(--font-primary);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: background var(--transition-fast), box-shadow var(--transition-base), transform var(--transition-fast);}
[data-theme="dark"] .header-actions .btn,
[data-theme="dark"] .header-actions .cta-pill{color: #1c1c1e;}
.header-actions .btn:hover,
.header-actions .cta-pill:hover{background: var(--color-gold-light);
    box-shadow: var(--shadow-gold);}
.header-actions .btn:active,
.header-actions .cta-pill:active{transform: translateY(1px);}
.menu-toggle{display: none;
    background: none;
    border: 1px solid var(--border-primary);
    border-radius: 999px;
    color: var(--text-primary);
    cursor: pointer;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;}
.menu-toggle svg{width: 18px;
    height: 18px;}
@media (max-width: 1024px){.header-inner{grid-template-columns: auto 1fr auto;
        padding: 10px 10px 10px 18px;
        gap: 14px;}
.header-nav{display: none;
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        padding: 16px;
        background: color-mix(in oklab, var(--bg-primary) 92%, transparent);
        backdrop-filter: saturate(160%) blur(22px);
        -webkit-backdrop-filter: saturate(160%) blur(22px);
        border: 1px solid var(--border-primary);
        border-radius: 20px;
        box-shadow: 0 16px 40px color-mix(in oklab, #000 22%, transparent);}
.header-nav.open{display: flex;}
.header-nav .nav-link{padding: 12px 14px;
        font-size: 15px;}
.header-nav .nav-link.active::after{display: none;}
.menu-toggle{display: inline-flex;}
.header-actions .language-switcher,
    .header-actions .btn,
    .header-actions .cta-pill{display: none;}}
@media (max-width: 540px){.header{padding: 12px 12px;}
.header .logo-wordmark{display: none;}}
.footer{padding: var(--space-20) 0 var(--space-10);
    border-top: 1px solid var(--border-primary);}
.footer-grid{display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: var(--space-12);
    margin-bottom: var(--space-16);}
@media (max-width: 1024px){.footer-grid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 640px){.footer-grid{grid-template-columns: 1fr;}}
.footer-brand{max-width: 300px;}
.footer-brand .logo{margin-bottom: var(--space-4);}
.footer-brand p{font-size: var(--text-sm);
    line-height: 1.6;
    color: var(--text-secondary);}
.footer-col h4{font-family: var(--font-primary);
    font-size: 11px;
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin-bottom: var(--space-5);
    color: var(--color-gold-text, var(--color-gold));}
html[dir="rtl"] .footer-col h4{letter-spacing: 0;}
.footer-col ul{list-style: none;
    margin: 0;
    padding: 0;}
.footer-col li{margin-bottom: var(--space-3);}
.footer-col a{display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 2px;
    font-size: 14.5px;
    line-height: 1.4;
    color: var(--text-secondary);
    text-decoration: none;
    background: linear-gradient(var(--color-gold), var(--color-gold)) no-repeat 0 100% / 0 1px;
    transition: color var(--transition-fast), background-size .3s var(--motion-ease-signature, ease);}
html[dir="rtl"] .footer-col a{background-position: 100% 100%;}
.footer-col a:hover{color: var(--text-primary);
    background-size: 100% 1px;}
.footer-col .badge-beta{display: inline-flex;
    align-items: center;
    height: 16px;
    padding: 0 6px;
    font-family: var(--font-primary);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
    color: var(--color-gold-text, var(--color-gold));
    background: var(--color-gold-glow);
    border: 1px solid color-mix(in oklab, var(--color-gold) 35%, transparent);
    border-radius: 999px;}
.footer-bottom{display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4) var(--space-8);
    padding-top: var(--space-8);
    border-top: 1px solid var(--border-primary);}
@media (max-width: 640px){.footer-bottom{flex-direction: column;
        gap: var(--space-4);
        text-align: center;}}
.footer-bottom p{font-size: 13px;
    color: var(--text-tertiary);
    margin: 0;}
.footer-legal{display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-5);}
.footer-legal a{font-size: 13px;
    color: var(--text-tertiary);
    text-decoration: none;
    transition: color var(--transition-fast);}
.footer-legal a:hover{color: var(--color-gold-text, var(--color-gold));}
@media (prefers-reduced-motion: reduce){.footer-col a{transition: none;}}
@keyframes contact-pulse{
    0% { transform: scale(0.55); opacity: 0.55; }
    70% { transform: scale(1.35); opacity: 0; }
    100% { transform: scale(1.35); opacity: 0; }
}
.contact-form:not(.is-stepped) .contact-step-profile{display: none;}
.contact-field .form-input:focus ~ .contact-field-label,
.contact-field .form-textarea:focus ~ .contact-field-label,
.contact-field .form-input:not(:placeholder-shown) ~ .contact-field-label,
.contact-field .form-textarea:not(:placeholder-shown) ~ .contact-field-label{transform: translateY(-9px) scale(0.8);
    color: var(--color-gold);}
.contact-field-mark{position: absolute;
    top: 18px;
    inset-inline-end: var(--space-4);
    color: var(--color-gold);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--motion-dur-micro) var(--motion-ease-signature);}
.contact-field-mark svg{width: 15px;
    height: 15px;
    display: block;}
.contact-field-error{margin: var(--space-2) 0 0;
    color: var(--color-error);
    font-size: var(--text-xs);
    line-height: var(--leading-normal);}
.contact-chips{display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);}
.contact-chip{display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px var(--space-4);
    border: 1px solid var(--input-border, var(--border-primary));
    border-radius: var(--radius-full);
    background: transparent;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: var(--text-sm);
    line-height: 1.2;
    text-align: start;
    cursor: pointer;
    transition: border-color var(--motion-dur-micro) var(--motion-ease-signature),
                background-color var(--motion-dur-micro) var(--motion-ease-signature),
                color var(--motion-dur-micro) var(--motion-ease-signature);}
.contact-chip:hover{border-color: var(--color-gold);
    color: var(--color-gold);}
.contact-chip[aria-checked="true"]{border-color: var(--color-gold);
    background: var(--color-gold-glow);
    color: var(--color-gold);
    font-weight: var(--font-semibold);}
.contact-form:not(.is-stepped) .contact-nav-step{display: none;}
.contact-form:not(.is-stepped) .contact-nav-submit{width: 100%;
    margin-inline-start: 0;}
@keyframes contact-spin{
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce){.contact-paths .contact-choice-card,
    .contact-profile,
    .contact-chip,
    .contact-field .form-input,
    .contact-field .form-textarea,
    .contact-field-label,
    .contact-field-mark,
    .contact-progress-fill{transition: none;}}
@keyframes spin{
    to { transform: rotate(360deg); }
}
.btn-block{display: block;
    width: 100%;
    text-align: center;}
@media (max-width: 768px){.header{padding: var(--space-3) 0;}
.header-inner{gap: var(--space-4);}
.header-actions{gap: var(--space-2);}
.header-actions .btn{padding: var(--space-2) var(--space-3);
        font-size: var(--text-xs);}
.language-switcher{display: none;}
.logo-img{height: 32px !important;}}
@media (max-width: 480px){.header-actions .theme-toggle{width: 36px;
        height: 36px;}
.header-actions .btn-sm{font-size: 10px;
        padding: var(--space-2) var(--space-2);}}
@media (max-width: 1024px){.header-nav{gap: 0;
        padding: var(--space-4) var(--space-6);
        max-height: calc(100vh - 70px);
        overflow-y: auto;}
.header-nav .nav-link{padding: var(--space-3) var(--space-4);
        width: 100%;
        border-bottom: 1px solid var(--border-primary);
        border-radius: 0;}
.header-nav .nav-link:last-child{border-bottom: none;}}
@media (max-width: 768px){.footer{padding: var(--space-10) 0 var(--space-6);}
.footer-grid{gap: var(--space-8);
        margin-bottom: var(--space-8);}
.footer-brand{max-width: 100%;}
.footer-col h4{margin-bottom: var(--space-3);}
.footer-bottom{padding-top: var(--space-6);}
.footer-legal{gap: var(--space-3);
        flex-wrap: wrap;
        justify-content: center;}}
.footer-social{display: flex;
    gap: var(--space-3);
    margin-top: var(--space-5);}
.footer-social a{display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-full);
    background: transparent;
    color: var(--text-secondary);
    transition: color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);}
.footer-social a:hover{color: var(--color-gold-text, var(--color-gold));
    border-color: color-mix(in srgb, var(--color-gold) 60%, transparent);
    background: color-mix(in srgb, var(--color-gold) 8%, transparent);}
.footer-social svg{width: 18px;
    height: 18px;}
@media (max-width: 640px){.container{padding-left: var(--space-4);
        padding-right: var(--space-4);}}
@media (max-width: 768px){.btn{min-height: 44px;}
.btn-lg{padding: var(--space-4) var(--space-6);}}
@media (max-width: 1024px){.header-inner{display: flex;
        align-items: center;
        gap: 10px;
        grid-template-columns: none;}
.header .logo{margin-inline-end: auto;
        min-width: 0;}
.header-actions{order: 2;}
.menu-toggle{order: 3;}}
.mobile-menu-extras{display: none;}
.menu-toggle{transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);}
.menu-toggle svg{transition: transform var(--transition-base);}
.menu-toggle.is-open{background: var(--color-gold-glow);
    border-color: var(--color-gold);
    color: var(--color-gold);}
.menu-toggle.is-open svg{transform: rotate(90deg);}
body.menu-open::after{content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: calc(var(--z-fixed) - 1);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    animation: fadeIn 0.2s ease-out;}
@media (max-width: 1024px){.header-nav .mobile-menu-extras{display: flex;
        flex-direction: column;
        gap: var(--space-3);
        padding: var(--space-4) var(--space-2) var(--space-2);
        margin-top: var(--space-2);
        border-top: 1px solid var(--border-primary);}
.mobile-menu-label{font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: var(--text-tertiary);}
.mobile-lang-pills{display: flex;
        gap: 8px;
        width: 100%;
        padding: 0 var(--space-2);}
.lang-pill{flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid var(--border-primary);
        border-radius: 22px;
        background: var(--bg-secondary);
        color: var(--text-tertiary);
        font-family: var(--font-primary);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-decoration: none;
        transition: border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);}
.lang-pill[lang="ar"]{font-size: 15px;}
.lang-pill:hover,
    .lang-pill:focus-visible{border-color: var(--color-gold);
        color: var(--color-gold);
        outline: none;}
.lang-pill.active{background: var(--color-gold);
        border-color: var(--color-gold);
        color: #ffffff;}
[data-theme="dark"] .lang-pill.active{color: #1c1c1e;}
.mobile-menu-extras .mobile-menu-cta{display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        padding: 0 24px;
        background: var(--color-gold);
        color: #ffffff;
        font-family: var(--font-primary);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-decoration: none;
        border: 0;
        border-radius: 999px;
        cursor: pointer;
        transition: background var(--transition-fast), box-shadow var(--transition-base), transform var(--transition-fast);}
[data-theme="dark"] .mobile-menu-extras .mobile-menu-cta{color: #1c1c1e;}
.mobile-menu-extras .mobile-menu-cta:hover{background: var(--color-gold-light);
        box-shadow: var(--shadow-gold);}
.mobile-menu-extras .mobile-menu-cta:active{transform: translateY(1px);}
.header-nav .nav-link{min-height: 48px;
        display: flex;
        align-items: center;}
.header-actions .theme-toggle{width: 40px;
        height: 40px;}}
@media (max-width: 540px){.menu-toggle{width: 40px;
        height: 40px;}
.menu-toggle svg{width: 20px;
        height: 20px;}
.header-inner{padding: 6px 8px 6px 14px;
        gap: 6px;}
.header .logo-img{height: 22px;}
.header .logo-wordmark{display: inline-block;
        font-size: 12px;
        letter-spacing: 0.1em;}}
@media (max-width: 768px){.header{padding-left: 16px;
        padding-right: 16px;}}
@media (max-width: 540px){.header{padding-left: 18px;
        padding-right: 18px;}}
@media (max-width: 400px){.header{padding-left: 14px;
        padding-right: 14px;}
.header .logo-wordmark{font-size: 11px;}}
@media (max-width: 768px){.footer-social a{min-width: 44px;
        min-height: 44px;}
.footer-col a,
    .footer-legal a{display: inline-flex;
        align-items: center;
        min-height: 32px;}}
html,
body{overflow-x: clip;}
@media (prefers-reduced-motion: reduce){.menu-toggle,
    .menu-toggle svg,
    body.menu-open::after{transition: none;
        animation: none;}}
@media (hover: hover) and (pointer: fine){.sv2-pillars-grid:hover .sv2-pillar:not(:hover)::before{opacity: 0.45;}}
.js-motion body.page-offres .sv2-pricing-card:not(.is-revealed){opacity: 0;
    transform: translateY(14px);}
.js-motion body.page-offres .sv2-quote-card:not(.is-revealed){opacity: 0;
    transform: translateY(10px);}
.js-motion body.page-offres .sv2-faq-item:not(.is-revealed){opacity: 0;
    transform: translateY(8px);}
@media (max-width: 900px){.aud-toc-inner.is-measured:not(.has-more-start):not(.has-more-end){-webkit-mask-image: none;
        mask-image: none;}
.aud-toc-inner.has-more-start:not(.has-more-end){-webkit-mask-image: linear-gradient(to left, #000 calc(100% - 36px), transparent);
        mask-image: linear-gradient(to left, #000 calc(100% - 36px), transparent);}
[dir="rtl"] .aud-toc-inner.has-more-start:not(.has-more-end){-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
        mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);}}

/* ===== services-v2.css ===== */
@keyframes sv2-pulse-dot{
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}
@keyframes sv2-spin{
  from { transform: translateY(-50%) rotate(0deg); }
  to { transform: translateY(-50%) rotate(360deg); }
}
html:not(.js-motion) .home-domain,
html:not(.js-motion) .home-pillars .sv2-trust-item,
html:not(.js-motion) .home-method .sv2-module-card{opacity: 1;
  transform: none;}

/* ===== motion.css ===== */
.js-motion body .gs-reveal{opacity: 0;
    transform: translateY(40px);
    filter: blur(6px);
    will-change: opacity, transform, filter;}
.js-motion body .gs-reveal-left{opacity: 0;
    transform: translateX(-60px);
    filter: blur(6px);
    will-change: opacity, transform, filter;}
.js-motion body .gs-reveal-right{opacity: 0;
    transform: translateX(60px);
    filter: blur(6px);
    will-change: opacity, transform, filter;}
.js-motion body .gs-reveal-scale{opacity: 0;
    transform: scale(0.92);
    filter: blur(6px);
    will-change: opacity, transform, filter;}
@keyframes rot-noun-in{
    0%   { opacity: 0; transform: translateY(0.4em); filter: blur(8px); }
    100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes rot-noun-out{
    0%   { opacity: 1; transform: translateY(0); filter: blur(0); }
    100% { opacity: 0; transform: translateY(-0.4em); filter: blur(8px); }
}
@keyframes hero-scroll-pulse{
    0%   { transform: translateY(0); }
    100% { transform: translateY(200%); }
}
.cta-v2{padding: var(--space-20) 0;}
.badge-beta{display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: var(--color-gold);
    color: #ffffff;
    border-radius: var(--radius-full);
    margin-left: var(--space-2);
    vertical-align: middle;
    line-height: 1.4;}
@keyframes wave{
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.8); }
}
@keyframes typing{
    0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
    30% { opacity: 1; transform: translateY(-3px); }
}
@keyframes marquee-scroll{
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.btn.is-loading{opacity: 0.85;
    cursor: progress;}
.btn-spinner{display: inline-block;
    width: 1em;
    height: 1em;
    margin-inline-end: 0.5em;
    vertical-align: -0.15em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: notify-spin 0.7s linear infinite;}
@keyframes notify-spin{
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce){.btn-spinner{animation: none;
        border-top-color: currentColor;
        opacity: 0.6;}}
@media (prefers-reduced-motion: reduce){.js-motion body .gs-reveal,
    .js-motion body .gs-reveal-left,
    .js-motion body .gs-reveal-right,
    .js-motion body .gs-reveal-scale{opacity: 1 !important;
        transform: none !important;
        filter: none !important;}}
.js-motion body [data-reveal="fade-up"]:not([data-reveal-class]),
.js-motion body [data-reveal-group] > *:not([data-reveal]):not([data-reveal-class]){opacity: 0;
    transform: translateY(var(--motion-shift-reveal));
    will-change: opacity, transform;}
.js-motion body [data-reveal="lines"]:not([data-reveal-class]){opacity: 0;
    will-change: opacity;}
.js-motion body [data-reveal="draw"]:not([data-reveal-class]){transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;}
html[dir="rtl"].js-motion body [data-reveal="draw"]:not([data-reveal-class]){transform-origin: right center;}
.js-motion body svg [data-reveal="draw"]:not([data-reveal-class]){transform: none;
    opacity: 0;
    will-change: stroke-dashoffset, opacity;}
.js-motion body [data-reveal]:not([data-reveal-class]):not(.mot-in),
.js-motion body [data-reveal-group] > *:not([data-reveal]):not([data-reveal-class]):not(.mot-in){transition: none;}
.js-motion body .mot-in{will-change: auto;}
.mot-w{display: inline-block;
    overflow: hidden;
    vertical-align: top;

    padding: 0.12em 0 0.18em;
    margin: -0.12em 0 -0.18em;}
.mot-w-i{display: inline-block;
    transform: translateY(100%);}
.mot-magnetic{will-change: transform;}
@property --mot-draw{
    syntax: "<percentage>";
    initial-value: 0%;
    inherits: false;
}
.mot-card{position: relative;}
.mot-card::after{content: "";
    position: absolute;
    inset: 0;
    border: var(--border-thin) solid var(--color-gold);
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    --mot-draw: 0%;
    -webkit-mask-image: conic-gradient(from -45deg, #000 var(--mot-draw), transparent 0);
    mask-image: conic-gradient(from -45deg, #000 var(--mot-draw), transparent 0);
    transition: --mot-draw var(--motion-dur-draw) var(--motion-ease-signature),
                opacity var(--motion-dur-micro) var(--motion-ease-signature);}
.mot-card:hover::after,
.mot-card:focus-visible::after{opacity: 1;
    --mot-draw: 100%;}
.mot-card:hover,
.mot-card:focus-visible{transform: translateY(calc(-1 * var(--motion-lift)));}
:where(p, li) > a:where(:not([class])),
.mot-link{text-decoration: none;
    background-image: linear-gradient(var(--color-gold), var(--color-gold));
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 var(--border-thin);
    transition: background-size var(--motion-dur-micro) var(--motion-ease-signature),
                color var(--motion-dur-micro) var(--motion-ease-signature);}
:where(p, li) > a:where(:not([class])):hover,
.mot-link:hover{background-size: 100% var(--border-thin);}
html[dir="rtl"] :where(p, li) > a:where(:not([class])),
html[dir="rtl"] .mot-link{background-position: 100% 100%;}
@media (min-width: 1025px){.header-nav{position: relative;}}
.mot-nav-indicator{position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: var(--border-thin);
    background: var(--color-gold);
    opacity: 0;
    pointer-events: none;
    transform: translateX(0);
    transition: transform var(--motion-dur-micro) var(--motion-ease-signature),
                width var(--motion-dur-micro) var(--motion-ease-signature),
                opacity var(--motion-dur-micro) var(--motion-ease-signature);}
body.mot-nav-ready .header-nav .nav-link.active::after{display: none;}
@media (prefers-reduced-motion: reduce){.js-motion body [data-reveal],
    .js-motion body [data-reveal-group] > *,
    .js-motion body svg [data-reveal="draw"]{opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
        will-change: auto !important;}
.mot-w,
    .mot-w-i{display: inline;
        overflow: visible;
        padding: 0;
        margin: 0;
        transform: none !important;}
.btn .btn-arrow,
    .btn .arr,
    .sv2-btn .arr,
    .sv2-spec-cta .arr,
    .sv2-pillar-link .arr,
    .sec-link .arr,
    .mot-card::after,
    .mot-nav-indicator,
    :where(p, li) > a:where(:not([class])),
    .mot-link{transition: none !important;}
.mot-card:hover,
    .mot-card:focus-visible{transform: none !important;}
.mot-magnetic{transform: none !important;
        will-change: auto !important;}}

/* ===== systems-graph.css ===== */
:root{--sg-tone-a:var(--bg-primary);--sg-tone-b:color-mix(in srgb,var(--color-gold) 9%,var(--bg-primary))}
[data-theme="light"]{--sg-tone-a:var(--bg-elevated);--sg-tone-b:color-mix(in srgb,var(--color-gold) 14%,var(--bg-primary))}
.sg-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:clamp(24px,3vw,44px);align-items:center}
.sg-panel[hidden]{display:none}
.sg-panel__body h3{margin:0 0 16px;font:400 clamp(26px,2.3vw,34px)/1.12 var(--font-display);letter-spacing:-.015em;color:var(--text-primary);text-wrap:balance}
.sg-panel__body p{margin:0 0 14px;max-width:46ch;color:var(--text-secondary);font-size:16px;line-height:1.65}
.sg-panel.is-in .sg-panel__body>*{animation:sg-rise .7s var(--motion-ease-signature) both}
.sg-panel.is-in .sg-panel__body>:nth-child(2){animation-delay:60ms}
.sg-panel.is-in .sg-panel__body>:nth-child(3){animation-delay:120ms}
.sg-panel.is-in .sg-panel__body>:nth-child(4){animation-delay:180ms}
.sg-panel.is-in .sg-panel__body>:nth-child(5){animation-delay:240ms}
@keyframes sg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#domains:has(.sg-scroll){overflow:clip}
.sg-scroll{grid-template-columns:minmax(0,1fr)}
.sg-rail{display:none}
.sg-scroll .sg-panel+.sg-panel{margin-top:clamp(56px,7vw,88px)}
.sg-rail__list{position:relative;list-style:none;margin:0;padding:0;border-inline-start:1px solid var(--border-primary)}
.sg-rail__list::before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:1px;height:100%;background:color-mix(in srgb,var(--color-gold) 55%,transparent);transform:scaleY(var(--sg-progress,0));transform-origin:top}
.sg-rail__item{position:relative;display:flex;flex-direction:column;gap:6px;min-height:var(--control-min-size);padding:14px 6px 14px 18px;color:var(--text-tertiary);text-decoration:none;transition:color var(--motion-dur-micro) ease}
.sg-rail__item::before{content:"";position:absolute;inset-block:10px;inset-inline-start:-1px;width:2px;border-radius:2px;background:var(--color-gold);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--motion-ease-signature)}
.sg-rail__num{font:600 11px/1 var(--font-primary);letter-spacing:.16em;color:var(--color-gold-text,var(--color-gold))}
.sg-rail__title{font:500 15px/1.3 var(--font-display);color:inherit;hyphens:auto;overflow-wrap:break-word}
.sg-rail__item:hover,.sg-rail__item[aria-current]{color:var(--text-primary)}
.sg-rail__item[aria-current]::before{transform:scaleY(1)}
[dir="rtl"] .sg-rail__count,[dir="rtl"] .sg-rail__num{letter-spacing:0}
.sg-scroll.is-pinned{display:block;position:relative;height:var(--sg-track-h,240vh)}
.sg-scroll .sg-pin{position:sticky;top:var(--sg-pin-top,calc(var(--header-h,122px) + 12px));height:var(--sg-pin-h,calc(100vh - 160px));
  display:grid;grid-template-columns:clamp(150px,12vw,190px) minmax(0,.9fr) minmax(0,1.25fr);column-gap:clamp(28px,3.5vw,60px);align-items:center}
.sg-scroll .sg-pin .sg-rail{display:block;align-self:center}
.sg-scroll .sg-pin .sg-panels{display:grid;align-items:center}
.sg-scroll .sg-pin .sg-panel{grid-area:1/1;display:block;visibility:hidden;opacity:0;transform:translateY(32px);
  transition:opacity .28s ease,transform .5s var(--motion-ease-signature),visibility 0s linear .5s}
.sg-scroll .sg-pin .sg-panel.is-before{transform:translateY(-32px)}
.sg-scroll .sg-pin .sg-panel.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .5s ease .26s,transform .75s var(--motion-ease-signature) .26s,visibility 0s linear 0s}
.sg-scroll .sg-pin .sg-panel__body h3{font-size:clamp(30px,2.8vw,42px)}
.sg-scroll .sg-pin .sg-panel__body p{max-width:40ch}
.sg-scroll .sg-pin .sg-panel.is-active .sg-panel__body>*{animation:sg-rise .8s var(--motion-ease-signature) .26s both}
.sg-scroll .sg-pin .sg-panel.is-active .sg-panel__body>:nth-child(2){animation-delay:.34s}
.sg-scroll .sg-pin .sg-panel.is-active .sg-panel__body>:nth-child(3){animation-delay:.42s}
.sg-scroll .sg-pin .sg-panel.is-active .sg-panel__body>:nth-child(4){animation-delay:.5s}
.sg-scroll .sg-pin .sg-panel.is-active .sg-panel__body>:nth-child(5){animation-delay:.58s}
.sg-scroll .sg-pin .sg-stage{display:grid;align-self:center}
.sg-scroll .sg-pin .sg-rail__item{transition:color .4s ease}
.sg-graph__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
@keyframes sg-ring{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.28,1.6)}}
.sg-graph__note{position:absolute;z-index:2;inset-inline-start:18px;bottom:14px;margin:0;font:600 10.5px/1 var(--font-primary);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}
@media (max-width:1180px){.sg-panel{grid-template-columns:1fr}
.sg-panel__body p{max-width:60ch}}
html:not(.sg-js) .sg-tabs{display:none}
html:not(.sg-js) .sg-explorer{grid-template-columns:1fr}
html:not(.sg-js) .sg-panel+.sg-panel{margin-top:56px}
html:not(.sg-js) .sg-graph,html:not(.sg-js) .sg-domain .sg-graph{aspect-ratio:auto;min-height:0;padding:24px 18px 46px}
html:not(.sg-js) .sg-graph__nodes{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
html:not(.sg-js) .sg-graph__nodes::before{content:"";position:absolute;inset-inline-start:15px;top:14px;bottom:14px;width:1px;background:var(--color-gold);opacity:.5}
html:not(.sg-js) .sg-node{position:relative;inset-inline-start:auto;top:auto;transform:none}
@media (prefers-reduced-motion:reduce){.sg-scroll .sg-rail__item::before{transition:none}
.sg-node.is-hit::after,.sg-panel.is-in .sg-panel__body>*{animation:none}}
.sg-scroll.is-kg{display:block}
.sg-kg{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sg-kg>*{min-width:0}
.sg-kg__stage{position:relative;display:grid}
.sg-scroll .sg-kg .sg-graph__note{bottom:12px;inset-inline-start:14px}
.sg-kg__hud{position:absolute;z-index:3;top:10px;inset-inline:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.sg-kg__count{margin:0;font:600 11px/1 var(--font-primary);letter-spacing:.16em;color:var(--text-tertiary);font-variant-numeric:tabular-nums;direction:ltr}
.sg-kg__count span{color:var(--color-gold-text,var(--color-gold))}
.sg-kg__play{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;margin-inline-end:-8px;padding:0;border:1px solid var(--border-primary);border-radius:50%;
  background:color-mix(in srgb,var(--bg-primary) 72%,transparent);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease}
.sg-kg__play[hidden]{display:none}
.sg-kg__play:hover,.sg-kg__play:focus-visible{color:var(--color-gold);border-color:color-mix(in srgb,var(--color-gold) 55%,transparent)}
.sg-kg__play svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sg-kg__play svg path:last-child{display:none;fill:currentColor;stroke:none}
.sg-kg:not(.is-auto) .sg-kg__play svg path:first-child{display:none}
.sg-kg:not(.is-auto) .sg-kg__play svg path:last-child{display:block}
.sg-scroll .sg-kg .sg-rail{position:relative;display:block;margin:0}
.sg-scroll .sg-kg .sg-rail__list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;
  margin:0 -2px;padding:2px;border:0}
.sg-scroll .sg-kg .sg-rail__list::-webkit-scrollbar{display:none}
.sg-scroll .sg-kg .sg-rail__list::before{display:none}
.sg-scroll .sg-kg .sg-rail.has-more-end .sg-rail__list{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
.sg-scroll .sg-kg .sg-rail.has-more-start .sg-rail__list{-webkit-mask-image:linear-gradient(to left,#000 82%,transparent);mask-image:linear-gradient(to left,#000 82%,transparent)}
.sg-scroll .sg-kg .sg-rail.has-more-start.has-more-end .sg-rail__list{-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}
[dir="rtl"] .sg-scroll .sg-kg .sg-rail.has-more-end .sg-rail__list{-webkit-mask-image:linear-gradient(to left,#000 82%,transparent);mask-image:linear-gradient(to left,#000 82%,transparent)}
[dir="rtl"] .sg-scroll .sg-kg .sg-rail.has-more-start .sg-rail__list{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
.sg-scroll .sg-kg .sg-rail__list>li{flex:0 0 auto;scroll-snap-align:start}
.sg-scroll .sg-kg .sg-rail__item{position:relative;flex-direction:row;align-items:center;gap:10px;min-height:52px;max-width:min(74vw,260px);padding:10px 18px 12px 14px;
  border:1px solid var(--border-primary);border-radius:16px;background:color-mix(in srgb,var(--bg-primary) 82%,transparent);color:var(--text-secondary);overflow:hidden;
  transition:color .3s ease,border-color .3s ease,background-color .3s ease}
.sg-scroll .sg-kg .sg-rail__item::before{display:none}
.sg-scroll .sg-kg .sg-rail__num{flex:none}
.sg-scroll .sg-kg .sg-rail__title{font-size:14.5px;line-height:1.25;text-wrap:balance}
.sg-scroll .sg-kg .sg-rail__item[aria-selected="true"]{color:var(--text-primary);border-color:color-mix(in srgb,var(--color-gold) 60%,transparent);
  background:color-mix(in srgb,var(--color-gold) 11%,var(--bg-primary))}
.sg-scroll .sg-kg .sg-rail__item::after{content:"";position:absolute;inset-inline:14px;bottom:6px;height:2px;border-radius:2px;background:var(--color-gold);
  transform:scaleX(0);transform-origin:left center}
[dir="rtl"] .sg-scroll .sg-kg .sg-rail__item::after{transform-origin:right center}
.sg-scroll .sg-kg .sg-rail__item[aria-selected="true"]::after{transform:scaleX(1);opacity:.55}
.sg-scroll .sg-kg.is-auto .sg-rail__item.is-timing::after{opacity:1;animation:sg-kg-progress var(--sg-kg-step,6.5s) linear both}
@keyframes sg-kg-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sg-scroll .sg-kg .sg-panels{display:grid}
.sg-scroll .sg-kg .sg-panel{grid-area:1/1;display:block;margin:0;visibility:hidden;opacity:0;transform:translateY(10px);
  transition:opacity .25s ease,transform .4s var(--motion-ease-signature),visibility 0s linear .4s}
.sg-scroll .sg-kg .sg-panel.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .45s ease .12s,transform .6s var(--motion-ease-signature) .12s,visibility 0s}
.sg-scroll .sg-kg .sg-panel+.sg-panel{margin-top:0}
.sg-scroll .sg-kg .sg-panel__body{padding:4px 2px 0}
.sg-scroll .sg-kg .sg-panel__body h3{margin-bottom:10px;font-size:clamp(23px,6.4vw,30px)}
.sg-scroll .sg-kg .sg-panel__body p{font-size:15.5px;line-height:1.6;margin-bottom:10px}
@media (min-width:700px){.sg-scroll .sg-kg .sg-panel__body p{max-width:62ch}}
@media (prefers-reduced-motion:reduce){.sg-scroll .sg-kg .sg-graph,.sg-scroll .sg-kg .sg-panel,.sg-scroll .sg-kg .sg-rail__item{transition:none}
.sg-scroll .sg-kg .sg-rail__item::after{animation:none}}
[dir="rtl"] .sol-seq__facts dt,[dir="rtl"] .sg-graph__note,[dir="rtl"] .sol-index__num{letter-spacing:0}
.dom-arch__step.is-near:not(.is-current){background:color-mix(in srgb,var(--color-gold) 4%,transparent)}
html:not(.pv-js) .pv-controls{display:none}
@media (max-width:900px){.pv-tag--branch:not(.is-active){opacity:.55}}
@media (max-width:600px){.pv-tag--branch:not(.is-active) .pv-tag__w{display:none}
.pv-tag--branch:not(.is-active){padding:5px 9px}}
@keyframes mod-wave{0%{transform:scale(.22);opacity:.9}100%{transform:scale(1);opacity:0}}
.rv-js .rv-slide:not(.is-current){opacity:.32;transform:scale(.9)}
.rv-js .rv-slide:not(.is-current) figcaption{visibility:hidden}
.rv-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-gold) 65%,transparent);background:color-mix(in srgb,var(--color-gold) 8%,transparent)}
html:not(.rv-js) .rv-nav,html:not(.rv-js) .rv-thumbs,html:not(.rv-js) [data-rv-zoom]{display:none}
@keyframes rp-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sx-ping{from{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}
.sx-p{fill:none;stroke:color-mix(in srgb,var(--color-gold) 32%,transparent);stroke-width:1.2;transition:stroke .4s ease,stroke-width .4s ease}
.sx-p--out{stroke-dasharray:3 5}
.sx-p--out.is-on{stroke:var(--color-gold);stroke-width:1.8;stroke-dasharray:none}
.sx-band{fill:none;stroke:color-mix(in srgb,var(--color-gold) 12%,transparent);stroke-width:8;stroke-linecap:round;transition:stroke-width .5s ease}
.sx-dot{fill:var(--color-gold)}
.sx-glow{fill:var(--color-gold)}
@keyframes sx-spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.sx-hyps-moved{justify-content:center}
.sx-p--out{stroke-dasharray:none;stroke:color-mix(in srgb,var(--color-gold) 26%,transparent)}}
@media (max-width:900px){html:not(.sg-js) .dom-arch__visual{display:none}}
.ai-radar__sweep{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-opacity:.85;transform-origin:200px 200px;transform:rotate(var(--sweep,0deg));
  transition:transform .9s var(--motion-ease-signature,cubic-bezier(.22,.8,.24,1));filter:drop-shadow(0 0 6px currentColor)}
.ai-radar__wedge{fill:currentColor;fill-opacity:.1;transform-origin:200px 200px;transform:rotate(var(--sweep,0deg));transition:transform .9s var(--motion-ease-signature,cubic-bezier(.22,.8,.24,1))}
@keyframes ai-core{0%,100%{fill-opacity:.08}50%{fill-opacity:.16}}
@media (prefers-reduced-motion:reduce){.ai-radar__sweep,.ai-radar__wedge{transition:none}}
.sg-graph__canvas{-webkit-mask-image:radial-gradient(ellipse 82% 80% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 82% 80% at 50% 50%,#000 58%,transparent 100%)}
.sg-graph__note{opacity:.85}
@media (max-width:900px){html.sg-js .sol-seq__visual .sg-graph,
  html.sg-js .mod-scene .sg-graph,
  html.sg-js .dom-arch__visual .sg-graph,
  .sg-scroll .sg-kg .sg-kg__stage{margin-inline:calc(-1 * var(--gutter))}
.sg-scroll .sg-kg .sg-kg__hud{inset-inline:calc(var(--gutter) + 2px)}
.sg-scroll .sg-kg .sg-graph__note,html.sg-js .sg-graph .sg-graph__note{inset-inline-start:calc(var(--gutter) + 2px)}}
.sg-scroll .sec-kg{margin-top:clamp(8px,2vw,20px)}
.sg-sphere{position:relative;grid-area:1/1;margin:0;height:clamp(420px,122vw,560px)}
.sg-sphere__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent)}
.sg-sphere .sg-graph__note{position:absolute;z-index:2;inset-inline-start:calc(var(--gutter) + 2px);bottom:6px;margin:0;font:600 10.5px/1 var(--font-primary);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}
[dir="rtl"] .sg-sphere .sg-graph__note{letter-spacing:0}
.sg-rail__desc{display:none}
.sg-scroll .sec-kg .sg-kg__hud{top:4px}
@media (min-width:901px){.sg-scroll .sec-kg{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);grid-template-areas:"rail stage";align-items:center;gap:clamp(24px,4vw,64px)}
.sg-scroll .sec-kg .sg-kg__stage{grid-area:stage;margin:0;margin-inline-end:calc(-1 * var(--gutter))}
.sg-scroll .sec-kg .sg-rail{grid-area:rail}
.sg-scroll .sec-kg .sg-panels{display:none}
.sg-scroll .sec-kg .sg-sphere{height:clamp(500px,44vw,640px)}
.sg-scroll .sec-kg .sg-sphere .sg-graph__note{inset-inline-start:0}
.sg-scroll .sec-kg .sg-kg__hud{inset-inline:0 calc(var(--gutter) + 4px)}
.sg-scroll .sec-kg .sg-rail__list{flex-direction:column;gap:6px;overflow:visible;-webkit-mask-image:none;mask-image:none}
.sg-scroll .sec-kg .sg-rail__list>li{flex:none}
.sg-scroll .sec-kg .sg-rail__item{flex-direction:column;align-items:flex-start;gap:6px;max-width:none;min-height:0;padding:18px 20px 22px;border-color:transparent;background:transparent}
.sg-scroll .sec-kg .sg-rail__item:hover{background:color-mix(in srgb,var(--color-gold) 5%,transparent)}
.sg-scroll .sec-kg .sg-rail__item[aria-selected="true"]{border-color:color-mix(in srgb,var(--color-gold) 45%,transparent);background:color-mix(in srgb,var(--color-gold) 8%,transparent)}
.sg-scroll .sec-kg .sg-rail__title{font:500 19px/1.3 var(--font-display);color:var(--text-primary)}
.sg-scroll .sec-kg .sg-rail__desc{display:block;font-size:15px;line-height:1.6;color:var(--text-secondary)}
.sg-scroll .sec-kg .sg-rail__item::after{inset-inline:20px;bottom:9px}}
@media (max-width:900px){.sg-scroll .sec-kg .sg-panel__body h3{font-size:clamp(22px,6vw,28px)}}

/* ===== desktop.css ===== */
.dx{--dx-line:color-mix(in srgb,var(--text-primary) 16%,transparent);--dx-fine:color-mix(in srgb,var(--text-primary) 7%,transparent);--dx-glow:color-mix(in srgb,var(--color-gold) 14%,transparent);--dx-mono:ui-monospace,Consolas,monospace;background:var(--bg-primary);color:var(--text-primary);isolation:isolate;overflow:clip}
.dx [hidden]{display:none!important}
.dx-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto;position:relative}
.dx :is(h1,h2,h3,p,figure){margin:0}
.dx :is(h1,h2,h3){font-family:var(--font-display);font-weight:500;color:var(--text-primary)}
.dx em{font-family:var(--font-accent);font-weight:400;color:var(--color-gold-text)}
.dx h2{font-size:clamp(38px,4.3vw,66px);letter-spacing:-.045em;line-height:1.1}
.dx h3{font-size:25px;letter-spacing:-.025em;line-height:1.2}
.dx p{line-height:1.75;color:var(--text-secondary)}
.dx section[id],.dx details[id],.dx-downloads{scroll-margin-top:calc(var(--header-h,90px) + 64px)}
.dx :is(a,button,summary):focus-visible{outline:2px solid var(--color-gold);outline-offset:5px}
.dx-overline,.dx-small-label{display:block;font:500 11px/1.6 var(--dx-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--color-gold-text)}
.dx .dx-overline{color:var(--color-gold-text);margin-bottom:22px}
.dx-identity{display:flex;align-items:center;justify-content:center;gap:12px;font:500 15px/1.3 var(--font-display);letter-spacing:.06em}
.dx-beta{font:500 10px/1.4 var(--dx-mono);border:1px solid var(--dx-line);padding:4px 7px;border-radius:4px}
.dx-signal{height:7px;width:7px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 0 5px var(--dx-glow)}
.dx-hero{position:relative;isolation:isolate;padding:calc(var(--header-h,90px) + 66px) 0 0;background:linear-gradient(155deg,var(--bg-primary) 18%,color-mix(in srgb,var(--color-gold) 8%,var(--bg-primary)) 75%,var(--bg-primary));overflow:clip}
.dx-aurora{position:absolute;z-index:-2;inset:22% -25% 0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-gold) 22%,transparent),transparent 60%);pointer-events:none}
.dx-orbits{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:var(--color-gold);stroke-width:.65;opacity:.2;pointer-events:none}
.dx-orbits circle{fill:var(--color-gold)}
.dx-hero-copy{text-align:center;max-width:1100px;z-index:2}
.dx h1{font-size:clamp(58px,6.7vw,102px);line-height:1.04;letter-spacing:-.058em;margin:30px 0 24px}
.dx h1 em{letter-spacing:-.06em}
.dx .dx-lede{font-size:clamp(16px,1.45vw,20px);max-width:740px;line-height:1.65;margin:0 auto 28px;text-wrap:pretty}
.dx-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}
.dx-primary,.dx-text-link{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font:500 14px/1.45 var(--font-primary);text-decoration:none;text-align:center}
.dx-primary{padding:15px 25px;border:1px solid var(--color-gold);border-radius:999px;background:var(--color-gold);color:var(--color-black-pure);box-shadow:0 7px 28px var(--dx-glow);transition:transform .25s,box-shadow .25s}
.dx-primary:hover{transform:translateY(-3px);box-shadow:0 12px 42px var(--dx-glow);color:var(--color-black-pure)}
.dx-text-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--dx-line)}
.dx-text-link:hover{color:var(--color-gold-text)}
.dx .dx-platform{display:flex;gap:13px;flex-wrap:wrap;justify-content:center;font:11px/1.6 var(--dx-mono);margin-top:21px;color:var(--text-secondary)}
.dx-showcase{margin-top:62px;padding:0 122px 44px 0;perspective:1600px;max-width:1350px}
.dx-showcase-halo{position:absolute;inset:8% -8% -5%;border-radius:50%;background:radial-gradient(ellipse,var(--dx-glow),transparent 65%);pointer-events:none}
.dx-showcase-main{position:relative;border:1px solid var(--dx-line);border-radius:15px;background:var(--bg-primary);box-shadow:0 38px 90px color-mix(in srgb,var(--color-black-pure) 20%,transparent);transform-origin:center bottom;will-change:transform}
.dx-screen-top{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;font:10px/1.3 var(--dx-mono);letter-spacing:.055em;color:var(--text-secondary);border-bottom:1px solid var(--dx-line)}
.dx-screen-top span:first-child{display:flex;gap:8px;align-items:center}
.dx-screen-top i{width:5px;height:5px;border-radius:50%;background:var(--color-gold)}
.dx-shot{position:relative;min-width:0;border:1px solid var(--dx-line);border-radius:12px;background:var(--bg-secondary);overflow:hidden}
.dx-real{position:relative;width:100%;aspect-ratio:3840/2292;overflow:hidden;background:var(--bg-secondary)}
.dx-real img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.dx-fallback{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:3840/2292;min-height:180px;padding:25px;text-align:center;background:radial-gradient(ellipse,var(--dx-glow),transparent 75%)}
.dx-fallback>span{font:500 23px var(--font-display);color:var(--color-gold-text)}
.dx-fallback p{font-size:14px;margin-top:15px}
.dx-fallback small{font-size:11px;color:var(--text-secondary);margin-top:15px}
.dx-shot figcaption{padding:12px 17px;font:10px/1.5 var(--dx-mono);color:var(--text-secondary);display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--dx-line);background:var(--bg-primary)}
.dx-shot-index{font-size:9px;letter-spacing:.08em;flex:none;color:var(--color-gold-text)}
.dx-enlarge{position:absolute;inset:auto 12px 12px auto;min-height:42px;border:1px solid var(--dx-line);border-radius:999px;padding:8px 13px;background:var(--bg-primary);color:var(--text-primary);font:11px var(--font-primary);cursor:pointer;box-shadow:0 2px 14px color-mix(in srgb,var(--color-black-pure) 12%,transparent)}
.dx-enlarge span{font-size:17px;vertical-align:middle;margin-right:5px}
.dx-enlarge:hover{border-color:var(--color-gold)}
.dx-shot-hero{border:0;border-radius:0 0 15px 15px}
.dx-shot-hero :is(.dx-real,.dx-fallback){aspect-ratio:2.08}
.dx-shot-hero .dx-real img{height:auto;min-height:100%;object-position:top}
.dx-shot-hero figcaption{padding-block:10px}
.dx-showcase .dx-shot-hero .dx-enlarge{left:12px;right:auto}
.dx-showcase-phone{position:absolute;width:205px;right:0;bottom:0;z-index:3;transform:rotate(5deg);filter:drop-shadow(0 24px 30px color-mix(in srgb,var(--color-black-pure) 22%,transparent))}
.dx .dx-floating-label{font:10px/1.5 var(--dx-mono);color:var(--color-gold-text);text-align:center;margin-bottom:12px}
.dx-shot-phone{border:5px solid color-mix(in srgb,var(--text-primary) 22%,var(--bg-primary));border-radius:28px;background:var(--bg-primary)}
.dx-shot-phone :is(.dx-real,.dx-fallback){aspect-ratio:1178/2372;min-height:0}
.dx-shot-phone .dx-real img{object-fit:cover}
.dx-shot-phone figcaption{display:none}
.dx-shot-phone .dx-enlarge{font-size:0;padding:6px 10px;min-width:40px;min-height:40px;bottom:10px;right:10px}
.dx-shot-phone .dx-enlarge span{margin:0;font-size:20px}
.dx-showcase-note{display:flex;justify-content:space-between;gap:24px;font:9px/1.5 var(--dx-mono);letter-spacing:.06em;color:var(--text-secondary);margin-top:20px;padding-right:30px}
.dx-hero-switch{display:flex;justify-content:center;gap:9px 28px;flex-wrap:wrap;padding:34px 0 44px}
.dx-hero-switch :is(button,a){display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 2px;border:0;border-bottom:1px solid transparent;color:var(--text-secondary);background:none;font:13px var(--font-primary);cursor:pointer;text-decoration:none}
.dx-hero-switch :is(button,a)>span{color:var(--color-gold-text);font:9px var(--dx-mono)}
.dx-hero-switch button[aria-pressed="true"]{color:var(--text-primary);border-color:var(--color-gold)}
.dx .dx-capture-language{font-size:11px;text-align:center;padding:0 20px 26px;margin-top:-20px}
.dx-subnav{position:sticky;top:var(--header-h,88px);z-index:20;border-block:1px solid var(--dx-line);background:color-mix(in srgb,var(--bg-primary) 94%,transparent);backdrop-filter:blur(18px)}
.dx-subnav .dx-wrap{display:flex;gap:25px;align-items:center;min-height:54px;overflow-x:auto;scrollbar-width:thin}
.dx-subnav a{flex:none;display:flex;align-items:center;min-height:48px;color:var(--text-secondary);text-decoration:none;font:11px var(--font-primary)}
.dx-subnav a:hover{color:var(--color-gold-text)}
.dx-subnav button{margin-left:auto;flex:none;background:none;border:0;color:var(--text-secondary);font:10px var(--font-primary);min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.dx-section{padding:clamp(70px,8vw,132px) 0;position:relative;border-bottom:1px solid var(--dx-fine)}
.dx-section-head{display:grid;grid-template-columns:1.35fr .75fr;align-items:end;gap:64px;margin-bottom:54px}
.dx-section-head>p{font-size:16px;max-width:47ch;padding-bottom:6px}
.dx-intro{text-align:center}
.dx-intro h2{font-size:clamp(34px,3.5vw,54px)}
.dx-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:left;margin-top:64px}
.dx-principles article{padding-top:24px;border-top:1px solid var(--dx-line)}
.dx-principles article>span{font:10px var(--dx-mono);color:var(--color-gold-text)}
.dx-principles h3{font-size:23px;margin:22px 0 14px}
.dx-principles p{font-size:14px}
.dx-work{background:linear-gradient(145deg,var(--bg-primary),color-mix(in srgb,var(--color-gold) 5%,var(--bg-primary)),var(--bg-primary))}
.dx-workbench{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;align-items:start}
.dx-tabs{display:grid;gap:0;position:sticky;top:calc(var(--header-h,90px) + 90px)}
.dx-tabs button{display:grid;grid-template-columns:25px 1fr 20px;gap:8px;align-items:center;border:0;border-top:1px solid var(--dx-line);padding:25px 7px;text-align:left;background:transparent;color:var(--text-secondary);cursor:pointer}
.dx-tabs button>span{font:10px var(--dx-mono);color:var(--color-gold-text)}
.dx-tabs strong{font:500 20px var(--font-display)}
.dx-tabs small{grid-area:2/2;font:11px/1.5 var(--font-primary)}
.dx-tabs i{grid-area:1/3;font-style:normal;opacity:0;transform:translateX(-4px);transition:transform .25s,opacity .25s}
.dx-tabs button[aria-selected="true"]{border-top-color:var(--color-gold);color:var(--text-primary);background:linear-gradient(90deg,var(--dx-glow),transparent)}
.dx-tabs button[aria-selected="true"] i{opacity:1;transform:none}
.dx-panels{min-width:0}
.dx-panel{outline-offset:10px}
.dx-story{margin-bottom:28px;max-width:750px;min-height:135px}
.dx-story h3{font-size:30px;margin-bottom:15px}
.dx-story p{font-size:15px}
.dx-shot-agent .dx-real{aspect-ratio:2.08}
.dx-shot-agent .dx-real img{height:auto;object-position:top}
.dx .dx-caption-note{font:11px/1.65 var(--font-primary);color:var(--text-secondary);margin-top:15px}
.dx-control-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr .8fr 1.1fr;gap:35px;align-items:center;min-height:420px;padding:35px 0;border-block:1px solid var(--dx-line);margin-top:50px}
.dx-command{padding-left:20px}
.dx-command>span{font:11px var(--dx-mono);color:var(--color-gold-text)}
.dx-command strong{display:block;font:400 italic clamp(24px,2.4vw,37px)/1.3 var(--font-accent);margin:23px 0;color:var(--text-primary)}
.dx-command small{color:var(--text-secondary);font:10px var(--dx-mono)}
.dx-control-core{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:180px;height:180px;margin:auto;border:1px solid var(--color-gold);border-radius:50%;background:var(--bg-primary);box-shadow:0 0 90px var(--dx-glow)}
.dx-control-core img{width:58px;height:58px}
.dx-control-core>span{font:11px var(--font-primary);color:var(--color-gold-text)}
.dx-core-ring{position:absolute;inset:-22px;border:1px solid var(--dx-line);border-radius:50%}
.dx-core-ring::after{content:"";position:absolute;width:8px;height:8px;background:var(--color-gold);border-radius:50%;left:27px;top:27px}
.dx-core-ring-two{inset:-45px;border-style:dashed;opacity:.4}
.dx-control-steps{display:grid;gap:28px;position:relative}
.dx-control-steps article{display:flex;gap:20px;align-items:start;background:var(--bg-primary);padding:8px 0}
.dx-control-steps article>span{font:10px var(--dx-mono);color:var(--color-gold-text);padding-top:5px}
.dx-control-steps h3{font-size:20px;margin-bottom:8px}
.dx-control-steps p{font-size:13px;max-width:33ch}
.dx-flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke:var(--color-gold);stroke-width:1;stroke-dasharray:5 12;opacity:.4}
.dx-control-foot{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:26px}
.dx-control-foot p{font-size:13px}
.dx-machine{background:linear-gradient(120deg,color-mix(in srgb,var(--color-gold) 8%,var(--bg-primary)),var(--bg-primary) 70%)}
.dx-machine-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}
.dx-machine-copy>p:not(.dx-overline){font-size:16px;max-width:49ch;margin-top:25px}
.dx-specs{margin:35px 0 25px}
.dx-specs>div{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid var(--dx-line);padding:17px 0}
.dx-specs dt{font:500 16px var(--font-display);color:var(--text-primary)}
.dx-specs dd{font-size:13px;line-height:1.65;color:var(--text-secondary);margin:0}
.dx-model-display{max-width:520px;width:100%;margin:auto;position:relative}
.dx-model-display::before{content:"";position:absolute;inset:5% -25%;background:radial-gradient(ellipse,var(--dx-glow),transparent 70%);pointer-events:none}
.dx-shot-model-detail{box-shadow:0 28px 60px color-mix(in srgb,var(--color-black-pure) 13%,transparent);transform:rotate(2deg)}
.dx-shot-model-detail .dx-real{aspect-ratio:.72}
.dx-shot-model-detail .dx-real img{width:270%;height:auto;position:absolute;top:0;left:-32%}
.dx-shot-model-detail .dx-shot-index{display:none}
.dx .dx-fineprint{font-size:12px;line-height:1.7;color:var(--text-secondary);max-width:90ch;margin-top:25px}
.dx-mobile{overflow:hidden}
.dx-mobile-grid{display:grid;grid-template-columns:.9fr 1fr;gap:110px;align-items:center}
.dx-mobile-display{position:relative;max-width:350px;width:100%;margin:auto;padding:20px}
.dx-mobile-display .dx-shot-phone{transform:rotate(-4deg);box-shadow:0 34px 75px color-mix(in srgb,var(--color-black-pure) 22%,transparent)}
.dx-mobile-orbit{position:absolute;width:580px;height:580px;max-width:none;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid var(--dx-line);border-radius:50%;background:radial-gradient(ellipse,var(--dx-glow),transparent 70%)}
.dx-mobile-orbit::before,.dx-mobile-orbit::after{content:"";position:absolute;inset:58px;border:1px solid var(--dx-line);border-radius:50%}
.dx-mobile-orbit::after{inset:117px}
.dx-mobile-anchor{display:block;position:relative;font:11px/1.7 var(--dx-mono);color:var(--color-gold-text);text-align:center;margin-top:35px}
.dx-mobile-copy>p:not(.dx-overline){font-size:16px;margin:24px 0;max-width:49ch}
.dx-mobile-features{list-style:none;margin:32px 0;padding:0}
.dx-mobile-features li{display:flex;gap:23px;border-top:1px solid var(--dx-line);padding:20px 0}
.dx-mobile-features li>span{font:10px var(--dx-mono);color:var(--color-gold-text);padding-top:5px}
.dx-mobile-features h3{font-size:21px;margin-bottom:9px}
.dx-mobile-features p{font-size:14px}
.dx-connection-note{display:flex;gap:20px;align-items:center;padding:21px;border:1px solid var(--dx-line);border-radius:10px;background:var(--dx-glow)}
.dx-connection-note>span{font-size:29px;color:var(--color-gold-text)}
.dx-connection-note p{font-size:12px;line-height:1.65}
.dx-ecosystem{background:linear-gradient(160deg,var(--bg-primary),color-mix(in srgb,var(--color-gold) 5%,var(--bg-primary)))}
.dx-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}
.dx-resource-grid article{padding:0 40px 34px;border-right:1px solid var(--dx-line);min-width:0}
.dx-resource-grid article:first-child{padding-left:0}
.dx-resource-grid article:last-child{border:0;padding-right:0}
.dx-resource-grid h3{font-size:26px;margin-bottom:20px}
.dx-resource-grid p{font-size:14px}
.dx-resource-art{height:200px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:30px;background:radial-gradient(ellipse,var(--dx-glow),transparent 65%)}
.dx-art-tools i{font:400 32px var(--font-display);font-style:normal;display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--color-gold);color:var(--color-gold-text);background:var(--bg-primary);border-radius:15px;transform:rotate(-12deg) translateY(12px)}
.dx-art-tools i:nth-child(2){transform:translateY(-16px);z-index:2;margin-inline:-7px}
.dx-art-tools i:nth-child(3){transform:rotate(12deg) translateY(12px)}
.dx-art-skills i{position:absolute;width:125px;height:125px;border:1px solid var(--color-gold);border-radius:25%;transform:rotate(30deg);opacity:.5}
.dx-art-skills i:nth-child(2){transform:rotate(60deg)}
.dx-art-skills i:nth-child(3){transform:rotate(90deg)}
.dx-art-skills>span{font-size:53px;color:var(--color-gold-text)}
.dx-art-data i{position:absolute;width:145px;height:72px;border:1px solid var(--color-gold);border-radius:50%;background:var(--bg-primary);transform:translateY(30px)}
.dx-art-data i:nth-child(2){transform:translateY(0)}
.dx-art-data i:nth-child(3){transform:translateY(-30px);background:radial-gradient(ellipse,var(--dx-glow),var(--bg-primary))}
.dx details{border-top:1px solid var(--dx-line)}
.dx summary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:64px;padding:18px 0;font:500 16px/1.45 var(--font-primary);list-style:none;cursor:pointer;color:var(--text-primary)}
.dx summary::-webkit-details-marker{display:none}
.dx summary::after{content:"+";color:var(--color-gold-text);font:24px var(--font-display);flex:none}
.dx details[open] summary::after{content:"−"}
.dx details p{font-size:14px;margin:0 0 22px;max-width:90ch}
.dx-catalogue{margin-top:25px}
.dx-horizon-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.dx-horizon h2{font-size:clamp(34px,3.8vw,57px)}
.dx-horizon-types{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.dx-horizon-types span{font:12px var(--dx-mono);border:1px solid var(--dx-line);border-radius:40px;padding:10px 16px;color:var(--color-gold-text)}
.dx-boundary-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:30px}
.dx-boundary-grid article{padding:35px;border-top:1px solid var(--color-gold);background:linear-gradient(160deg,var(--dx-glow),transparent)}
.dx-boundary-grid h3{font-size:27px;margin-top:18px}
.dx-boundary-grid ul{padding-left:18px;font-size:14px;color:var(--text-secondary);line-height:2;margin-top:25px}
.dx-boundary-symbol{text-align:center;font-size:40px;color:var(--color-gold-text)}
.dx-editions{background:linear-gradient(150deg,var(--bg-primary),color-mix(in srgb,var(--color-gold) 6%,var(--bg-primary)))}
.dx-edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.dx-edition-grid article{border:1px solid var(--dx-line);border-radius:15px;padding:clamp(28px,4vw,55px);background:var(--bg-primary)}
.dx-edition-grid article.dx-edition-plus{border-color:var(--color-gold);background:linear-gradient(140deg,var(--dx-glow),transparent),var(--bg-primary)}
.dx-edition-grid h3{font-size:34px;margin:20px 0}
.dx-edition-grid p{font-size:15px}
.dx-edition-grid ul{font-size:14px;line-height:1.7;color:var(--text-secondary);padding-left:18px;margin:28px 0}
.dx-edition-grid li{padding-block:5px}
.dx-faq-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:100px;align-items:start}
.dx-faq-grid>div:first-child{position:sticky;top:calc(var(--header-h,90px) + 90px)}
.dx-access{text-align:center;overflow:hidden;isolation:isolate;padding-bottom:110px;background:radial-gradient(ellipse at 50% 100%,var(--dx-glow),transparent 65%)}
.dx-access .dx-wrap{max-width:1050px}
.dx-access h2{font-size:clamp(44px,5.6vw,84px);margin:30px 0}
.dx-access #desktop-release-status{max-width:570px;margin:0 auto 28px;font-size:17px}
.dx-access .dx-fineprint{margin-inline:auto}
.dx-access-orbit{width:1150px;height:700px;border:1px solid var(--dx-line);border-radius:50%;position:absolute;top:140px;left:50%;transform:translateX(-50%);z-index:-1;pointer-events:none}
.dx-downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:35px;text-align:left}
.dx-zoom{position:fixed;inset:0;margin:auto;width:min(1440px,96vw);max-width:96vw;max-height:95dvh;padding:14px;border:1px solid var(--dx-line);border-radius:16px;background:var(--bg-primary);color:var(--text-primary)}
.dx-zoom::backdrop{background:color-mix(in srgb,var(--color-black-pure) 82%,transparent);backdrop-filter:blur(12px)}
.dx-zoom>button{display:block;margin-left:auto;min-height:44px;padding:8px 20px;border:1px solid var(--dx-line);border-radius:50px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font:13px var(--font-primary)}
.dx .dx-zoom-hint{font-size:11px;text-align:center;margin:8px 0 12px}
.dx-zoom-scroll{overflow:auto;max-height:calc(95dvh - 110px);overscroll-behavior:contain;scrollbar-width:thin}
.dx-zoom img{display:block;width:100%;height:auto;max-width:none}
.dx-zoom.is-portrait{width:min(540px,96vw)}
.no-js .dx-tabs,.no-js .dx-hero-switch button{display:none}
.no-js .dx-workbench{display:block}
.no-js .dx-panel+.dx-panel{margin-top:60px}
.dx-motion-paused :is(.dx-core-ring,.dx-flow-lines,.dx-orbits,.dx-aurora){animation-play-state:paused!important}
@media (prefers-reduced-motion:no-preference){.dx-hero-copy{animation:dx-enter .85s cubic-bezier(.2,.75,.25,1) both}
.dx-orbits{animation:dx-breathe 12s ease-in-out infinite alternate}
.dx-aurora{animation:dx-breathe 9s ease-in-out infinite alternate-reverse}
.dx-core-ring{animation:dx-orbit 18s linear infinite}
.dx-core-ring-two{animation-direction:reverse;animation-duration:26s}
.dx-flow-lines{animation:dx-flow 5s linear infinite}
.dx-panel:not([hidden]){animation:dx-enter .4s ease-out}}
@keyframes dx-enter{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes dx-breathe{from{transform:scale(1);opacity:.18}to{transform:scale(1.045);opacity:.34}}
@keyframes dx-orbit{to{transform:rotate(360deg)}}
@keyframes dx-flow{to{stroke-dashoffset:-68}}
@media (max-width:1100px){.dx-wrap{width:calc(100% - 64px)}
.dx h1{font-size:clamp(60px,7.3vw,82px)}
.dx-showcase{padding-right:95px}
.dx-showcase-phone{width:165px}
.dx-section-head{gap:40px}
.dx-workbench{grid-template-columns:170px minmax(0,1fr);gap:25px}
.dx-machine-grid,.dx-mobile-grid{gap:55px}
.dx-control-core{width:135px;height:135px}
.dx-control-stage{gap:15px}
.dx-core-ring{inset:-16px}
.dx-core-ring-two{inset:-30px}
.dx-resource-grid article{padding-inline:25px}
.dx-horizon-grid,.dx-faq-grid{gap:50px}}
@media (max-width:780px){.dx-wrap{width:calc(100% - 40px)}
.dx-hero{padding-top:calc(var(--header-h,76px) + 46px)}
.dx h1{font-size:clamp(46px,7.7vw,64px);line-height:1.09;margin:26px 0}
.dx .dx-lede{max-width:520px;font-size:16px}
.dx-actions{gap:13px 22px}
.dx .dx-platform{font-size:9px;gap:9px}
.dx-showcase{margin-top:42px;padding-right:65px;padding-bottom:25px}
.dx-showcase-phone{width:125px;right:-2px;bottom:-8px;transform:rotate(4deg)}
.dx-screen-top{font-size:8px;padding:10px 12px}
.dx-screen-top span:last-child{display:none}
.dx .dx-floating-label{font-size:8px}
.dx-showcase-note{font-size:8px;gap:10px;flex-direction:column;margin-top:15px}
.dx-showcase-note span:last-child,.dx-showcase-main figcaption .dx-shot-index{display:none}
.dx-shot-hero figcaption{font-size:8px;padding:8px 10px}
.dx-shot-phone{border-width:3px;border-radius:18px}
.dx-showcase .dx-enlarge{font-size:0;min-height:36px;min-width:36px;padding:6px;right:6px;bottom:6px}
.dx-showcase .dx-enlarge span{font-size:19px;margin:0}
.dx-hero-switch{gap:6px 22px;padding:38px 0 27px}
.dx-hero-switch :is(button,a){font-size:11px;min-height:42px}
.dx-subnav .dx-wrap{width:100%;padding:0 20px;gap:23px}
.dx-subnav button{font-size:9px}
.dx-section-head{grid-template-columns:1fr;gap:23px;margin-bottom:35px}
.dx-section-head>p{max-width:60ch;font-size:15px}
.dx-principles{gap:28px;margin-top:40px}
.dx-principles h3{font-size:21px}
.dx-principles p{font-size:13px}
.dx-workbench{grid-template-columns:1fr;gap:24px}
.dx-tabs{grid-template-columns:repeat(3,1fr);position:static;gap:10px}
.dx-tabs button{grid-template-columns:18px 1fr;padding:17px 8px;gap:6px}
.dx-tabs strong{font-size:17px}
.dx-tabs small{font-size:10px}
.dx-tabs i{display:none}
.dx-story{min-height:0;margin-bottom:23px}
.dx-story h3{font-size:27px}
.dx-story p{font-size:14px}
.dx-control-stage{grid-template-columns:1fr;gap:40px;padding:35px 0}
.dx-command{text-align:center;padding:0}
.dx-command strong{font-size:32px}
.dx-control-core{width:135px;height:135px;margin-block:28px}
.dx-control-steps{max-width:440px;width:100%;margin:auto;gap:12px}
.dx-control-steps article{border-top:1px solid var(--dx-line);padding:19px 0;background:none}
.dx-flow-lines{display:none}
.dx-control-foot{grid-template-columns:1fr;gap:17px}
.dx-machine-grid{grid-template-columns:1fr;gap:45px}
.dx-model-display{max-width:400px}
.dx-machine-copy>p:not(.dx-overline){max-width:60ch}
.dx-mobile-grid{grid-template-columns:1fr;gap:45px}
.dx-mobile-copy{grid-row:1}
.dx-mobile-display{max-width:330px}
.dx-mobile-copy>p:not(.dx-overline){max-width:60ch}
.dx-resource-grid{gap:25px}
.dx-resource-grid article{padding:0 0 25px;border:0}
.dx-resource-grid h3{font-size:22px}
.dx-resource-grid p{font-size:13px}
.dx-resource-art{transform:scale(.8);margin-inline:-20px;margin-bottom:10px;height:150px}
.dx-resource-grid .dx-overline{font-size:9px;letter-spacing:.04em}
.dx-horizon-grid{grid-template-columns:1fr;gap:28px}
.dx-boundary-grid{grid-template-columns:1fr;gap:12px}
.dx-boundary-grid article{padding:25px}
.dx-boundary-symbol{transform:rotate(90deg);font-size:30px}
.dx-edition-grid{gap:18px}
.dx-edition-grid article{padding:25px}
.dx-edition-grid h3{font-size:28px}
.dx-faq-grid{grid-template-columns:1fr;gap:35px}
.dx-faq-grid>div:first-child{position:static}
.dx-access h2{font-size:clamp(40px,7vw,60px)}
.dx-access #desktop-release-status{font-size:15px}
.dx-zoom:not(.is-portrait) img{width:max(100%,1000px)}}
@media (max-width:520px){.dx-wrap{width:calc(100% - 32px)}
.dx h1{font-size:clamp(35px,9.15vw,47px);letter-spacing:-.05em}
.dx h2{font-size:clamp(32px,8vw,42px)}
.dx-hero{padding-top:calc(var(--header-h,76px) + 34px)}
.dx-identity{font-size:13px;gap:9px}
.dx-beta{font-size:9px}
.dx .dx-lede{font-size:15px;line-height:1.7}
.dx-primary{font-size:12px;padding:14px 20px;min-height:48px}
.dx-text-link{font-size:12px}
.dx .dx-platform{max-width:290px;margin-inline:auto;line-height:1.8}
.dx-showcase{padding-right:40px;padding-bottom:52px;margin-top:38px}
.dx-showcase-phone{width:90px;bottom:2px;right:-2px}
.dx .dx-floating-label{display:none}
.dx-showcase-main .dx-real{aspect-ratio:1.5}
.dx-showcase-main .dx-real img{width:155%;height:auto;max-width:none;transform:translateX(-20%)}
.dx-showcase-main figcaption{padding-right:45px}
.dx-showcase-main .dx-enlarge{right:auto;left:8px;bottom:8px}
.dx-showcase-note{font-size:7px;letter-spacing:0;margin-top:12px}
.dx-showcase .dx-shot-phone{border-radius:12px}
.dx-showcase-phone .dx-enlarge{min-height:30px;min-width:30px;padding:3px;font-size:0}
.dx-showcase-phone .dx-enlarge span{font-size:15px}
.dx-hero-switch{gap:0 17px;padding:12px 0 24px}
.dx-hero-switch :is(button,a){font-size:10px;gap:6px}
.dx-hero-switch :is(button,a)>span{font-size:8px}
.dx-principles{grid-template-columns:1fr;gap:12px;text-align:left;margin-top:35px}
.dx-principles article{padding:24px 0 10px}
.dx-principles h3{margin:15px 0 12px;font-size:24px}
.dx-principles p{font-size:14px}
.dx-section{padding-block:68px}
.dx-overline{font-size:10px;letter-spacing:.09em}
.dx-tabs{gap:5px}
.dx-tabs button{padding:15px 4px;gap:3px;grid-template-columns:1fr}
.dx-tabs button>span{display:none}
.dx-tabs strong{font-size:15px}
.dx-tabs small{grid-area:auto;font-size:9px;line-height:1.5}
.dx-shot figcaption{font-size:9px;padding:10px}
.dx-shot-index{display:none}
.dx-real{aspect-ratio:1.5}
.dx-real img{height:100%;object-fit:cover;object-position:center}
.dx-shot-agent .dx-real{aspect-ratio:1.6}
.dx-shot-agent .dx-real img{width:150%;height:auto;transform:translateX(-27%)}
.dx-specs>div{grid-template-columns:88px 1fr;gap:14px}
.dx-specs dt{font-size:15px}
.dx-specs dd{font-size:12px}
.dx-shot-model-detail .dx-real{aspect-ratio:.72}
.dx-shot-model-detail .dx-real img{width:270%;height:auto;transform:none;object-fit:contain}
.dx-resource-grid{grid-template-columns:1fr;gap:25px}
.dx-resource-grid article{border-bottom:1px solid var(--dx-line);padding:0 0 28px}
.dx-resource-art{transform:none;margin:0 0 18px;height:180px}
.dx-resource-grid .dx-overline{font-size:10px}
.dx-resource-grid h3{font-size:27px}
.dx-resource-grid p{font-size:14px}
.dx-edition-grid{grid-template-columns:1fr}
.dx-edition-grid article{padding:29px}
.dx summary{font-size:14px;gap:20px}
.dx details p{font-size:13px}
.dx-mobile-display{max-width:300px}
.dx-mobile-display .dx-real{aspect-ratio:1178/2372}
.dx-mobile-display img{transform:none}
.dx-access .dx-actions{flex-direction:column}
.dx-access h2{font-size:clamp(35px,9vw,46px)}
.dx-zoom{padding:9px;border-radius:10px}}
@media (prefers-reduced-motion:reduce){.dx *, .dx *::before,.dx *::after{animation:none!important;transition:none!important}
.dx-showcase-main{will-change:auto}}

/* ===== T-99 — contraste AA du gold de texte ===== */
[data-theme="light"] .contact-field .form-input:focus ~ .contact-field-label,[data-theme="light"] .contact-field .form-textarea:focus ~ .contact-field-label,[data-theme="light"] .contact-field .form-input:not(:placeholder-shown) ~ .contact-field-label,[data-theme="light"] .contact-field .form-textarea:not(:placeholder-shown) ~ .contact-field-label,[data-theme="light"] .contact-field-mark,[data-theme="light"] .contact-chip:hover,[data-theme="light"] .sg-kg__play:hover,[data-theme="light"] .sg-kg__play:focus-visible{color:var(--color-gold-text)}
@media (max-width: 1024px){[data-theme="light"] .lang-pill:hover,[data-theme="light"] .lang-pill:focus-visible{color:var(--color-gold-text)}}