:root {
      --night: #030b14;
      --night-soft: #071b2b;
      --night-card: #0a2235;
      --cyan: #6cddff;
      --cyan-bright: #b8f3ff;
      --blue: #1479bd;
      --paper: #edf5f7;
      --paper-bright: #f9fcfd;
      --ink: #153a4d;
      --muted: #597582;
      --line-light: rgba(27, 108, 145, .16);
      --line-dark: rgba(104, 214, 255, .17);
      --shell: min(100% - 64px, 1480px);
    }

    * { box-sizing: border-box; }
    html { min-width: 320px; scroll-behavior: smooth; scroll-padding-top: 138px; background: var(--night); }
    body { min-width: 320px; margin: 0; overflow-x: hidden; color: #eaf4ff; background: var(--night); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
    body:has(dialog[open]) { overflow: hidden; }
    button, input, a { font: inherit; }
    button { color: inherit; }
    img, svg { max-width: 100%; }
    a { color: inherit; }
    main { overflow: visible; }
    [hidden] { display: none !important; }

    .is-page-loading { overflow: hidden; }
    .page-loader { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; color: #dff8ff; background: radial-gradient(circle at 50% 45%, rgba(17, 120, 176, .2), transparent 29%), linear-gradient(145deg, #020812, #071827 62%, #020811); opacity: 1; visibility: visible; transition: opacity .55s ease, visibility 0s linear 0s; }
    .page-loader::before { content: ""; position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(101, 210, 248, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(101, 210, 248, .045) 1px, transparent 1px); background-size: 38px 38px; -webkit-mask-image: radial-gradient(circle at center, #000, transparent 72%); mask-image: radial-gradient(circle at center, #000, transparent 72%); }
    .page-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .55s ease, visibility 0s linear .55s; }
    .page-loader-inner { position: relative; width: min(82vw, 320px); display: grid; justify-items: center; text-align: center; }
    .page-loader-chip { position: relative; width: 126px; height: 72px; border: 1px solid rgba(113, 221, 255, .48); border-radius: 20px; display: grid; place-items: center; color: #bff3ff; background: radial-gradient(circle, rgba(86, 207, 244, .2), rgba(4, 27, 43, .92) 68%); box-shadow: inset 0 0 28px rgba(71, 193, 235, .13), 0 0 34px rgba(51, 188, 237, .14); animation: loaderCorePulse 2.7s ease-in-out infinite; }
    .page-loader-chip::before { content: ""; position: absolute; inset: -12px; border: 1px solid rgba(103, 211, 247, .12); border-radius: 27px; }
    .page-loader-chip::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(140, 229, 255, .16); border-radius: 13px; box-shadow: 0 0 15px rgba(67, 198, 241, .08); }
    .page-loader-chip span { position: relative; z-index: 1; color: #bfeeff; background: linear-gradient(105deg, #68cfff 0%, #bfefff 17%, #fff 29%, #68cfff 46%, #e9fbff 64%, #70d6ff 82%, #d6f7ff 100%); background-size: 240% 100%; background-position: 0 50%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 15px; font-weight: 500; line-height: 18px; letter-spacing: .08em; white-space: nowrap; filter: drop-shadow(0 0 8px rgba(73, 190, 255, .45)); animation: miniLogoShimmer 9s ease-in-out infinite alternate; }
    .page-loader-circuit { position: relative; width: 100%; height: 34px; margin-top: 18px; overflow: hidden; }
    .page-loader-circuit::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, rgba(88, 204, 242, .2) 12%, rgba(109, 219, 250, .58) 50%, rgba(88, 204, 242, .2) 88%, transparent); }
    .page-loader-circuit::after { content: ""; position: absolute; top: calc(50% - 1px); left: -25%; width: 25%; height: 3px; background: linear-gradient(90deg, transparent, #dffbff 55%, transparent); filter: drop-shadow(0 0 6px #6cddff); animation: loaderCurrent 1.8s linear infinite; }
    .page-loader-title { margin: 2px 0 0; color: #e8faff; font-size: 16px; font-weight: 430; letter-spacing: .06em; }
    .page-loader-status { margin: 9px 0 0; color: rgba(163, 211, 227, .5); font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }

    .skip-link { position: fixed; top: 10px; left: 10px; z-index: 1000; padding: 10px 14px; color: #06111d; border-radius: 8px; background: #dff9ff; transform: translateY(-150%); transition: transform .2s ease; }
    .skip-link:focus { transform: translateY(0); }
    [data-reveal] { opacity: 0; transform: translateY(25px); transition: opacity .75s ease, transform .85s cubic-bezier(.2, .72, .2, 1); }
    [data-reveal].is-visible { opacity: 1; transform: translateY(0); }

    .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 90px; padding: 28px clamp(28px, 3vw, 48px) 0; display: flex; align-items: flex-start; isolation: isolate; opacity: 0; transform: translateY(-10px); animation: headerIn .9s ease .15s forwards; }
    .site-header::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; background: linear-gradient(180deg, rgba(248, 252, 255, .97) 0%, rgba(243, 249, 253, .9) 72%, rgba(243, 249, 253, 0) 100%); box-shadow: 0 12px 36px rgba(43, 83, 117, .08); -webkit-backdrop-filter: blur(18px) saturate(130%); backdrop-filter: blur(18px) saturate(130%); transition: opacity .55s ease; }
    .site-header.is-light::before { opacity: 1; }
    .mini-logo { margin: 9px 58px 0 0; flex: 0 0 auto; color: #bfeeff; background: linear-gradient(105deg, #68cfff 0%, #bfefff 17%, #fff 29%, #68cfff 46%, #e9fbff 64%, #70d6ff 82%, #d6f7ff 100%); background-size: 240% 100%; background-position: 0 50%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 15px; font-weight: 500; line-height: 18px; letter-spacing: .08em; text-decoration: none; white-space: nowrap; opacity: .9; filter: drop-shadow(0 0 8px rgba(73, 190, 255, .34)); animation: miniLogoShimmer 9s ease-in-out infinite alternate; }
    .mini-logo:hover, .mini-logo:focus-visible { opacity: 1; filter: drop-shadow(0 0 11px rgba(82, 203, 255, .62)); }
    .site-header.is-light .mini-logo { filter: brightness(.56) saturate(1.5) drop-shadow(0 2px 7px rgba(18, 99, 160, .16)); }
    .main-nav { min-height: 38px; display: flex; align-items: center; gap: clamp(28px, 3.25vw, 54px); }
    .main-nav a, .header-actions a { color: rgba(220, 233, 247, .72); text-decoration: none; font-size: 12px; transition: color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease; }
    .main-nav a:hover, .main-nav a:focus-visible { color: #eef8ff; }
    .site-header.is-light .main-nav a { color: rgba(24, 47, 70, .7); }
    .site-header.is-light .main-nav a:hover, .site-header.is-light .main-nav a:focus-visible { color: #0869b5; }
    .header-actions { margin-left: auto; display: flex; align-items: center; gap: 27px; }
    .header-actions a { min-width: 142px; height: 36px; padding-inline: 16px; border: 1px solid rgba(44, 147, 255, .38); border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #e9f8ff; background: linear-gradient(180deg, rgba(26, 113, 201, .82), rgba(9, 62, 119, .92)); box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 0 22px rgba(17, 119, 233, .14); white-space: nowrap; }
    .header-actions a:hover, .header-actions a:focus-visible { color: #fff; border-color: rgba(76, 177, 255, .66); box-shadow: 0 0 24px rgba(20, 127, 255, .2); }
    .site-header.is-light .header-actions a { color: #f8fcff; border-color: rgba(18, 110, 181, .28); background: linear-gradient(180deg, #1782d1, #0d65aa); box-shadow: 0 8px 24px rgba(18, 105, 171, .2), inset 0 1px rgba(255, 255, 255, .2); }
    .menu-toggle { position: relative; width: 40px; height: 40px; margin: -2px 0 0 10px; padding: 0; flex: 0 0 40px; display: none; border: 1px solid rgba(91, 193, 238, .34); border-radius: 11px; color: #8edfff; background: rgba(4, 15, 29, .68); box-shadow: inset 0 0 18px rgba(39, 151, 217, .08), 0 8px 24px rgba(0, 0, 0, .14); -webkit-backdrop-filter: blur(12px) saturate(130%); backdrop-filter: blur(12px) saturate(130%); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color .35s ease, border-color .35s ease, background .55s ease, box-shadow .35s ease; }
    .menu-toggle span { position: absolute; left: 10px; width: 18px; height: 1px; border-radius: 2px; background: currentColor; box-shadow: 0 0 7px currentColor; transform-origin: center; transition: top .32s ease, opacity .24s ease, transform .32s cubic-bezier(.2, .72, .2, 1); }
    .menu-toggle span:nth-child(1) { top: 13px; }
    .menu-toggle span:nth-child(2) { top: 19px; }
    .menu-toggle span:nth-child(3) { top: 25px; }
    .site-header.is-menu-open .menu-toggle span:nth-child(1) { top: 19px; transform: rotate(45deg); }
    .site-header.is-menu-open .menu-toggle span:nth-child(2) { opacity: 0; }
    .site-header.is-menu-open .menu-toggle span:nth-child(3) { top: 19px; transform: rotate(-45deg); }
    .site-header.is-light .menu-toggle { color: #197ba5; border-color: rgba(25, 111, 158, .24); background: rgba(247, 251, 253, .78); box-shadow: 0 8px 24px rgba(25, 71, 99, .12); }

    .detail-hero { position: relative; min-height: 820px; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 77% 32%, rgba(11, 111, 190, .27), transparent 31%), radial-gradient(circle at 12% 82%, rgba(29, 157, 202, .1), transparent 27%), linear-gradient(145deg, #020812, #071b2c 62%, #020912); }
    .detail-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .38; background-image: linear-gradient(rgba(93, 203, 245, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(93, 203, 245, .045) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(circle at center, #000, transparent 82%); mask-image: radial-gradient(circle at center, #000, transparent 82%); }
    .detail-hero::after { content: "FUNCTIONS"; position: absolute; right: -1vw; bottom: -1vw; z-index: -1; color: transparent; -webkit-text-stroke: 1px rgba(110, 218, 255, .045); font-size: clamp(110px, 15vw, 260px); font-weight: 650; line-height: .76; letter-spacing: -.08em; pointer-events: none; }
    .hero-circuit { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; opacity: .7; }
    .hero-circuit path { fill: none; stroke: rgba(98, 210, 255, .11); stroke-width: 1; vector-effect: non-scaling-stroke; }
    .hero-circuit .current { stroke: rgba(137, 232, 255, .68); stroke-width: 1.25; stroke-dasharray: 3 97; filter: drop-shadow(0 0 6px rgba(96, 218, 255, .78)); animation: currentRun 10s linear infinite; }
    .hero-circuit .current:nth-of-type(2) { animation-delay: -4.5s; animation-duration: 13s; }
    .hero-shell { width: var(--shell); min-height: 820px; margin: 0 auto; padding: 124px 0 82px; display: grid; grid-template-columns: minmax(400px, .78fr) minmax(550px, 1.22fr); align-items: center; gap: clamp(42px, 5.5vw, 82px); }
    .breadcrumbs { margin: 0 0 36px; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: rgba(163, 201, 218, .43); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
    .breadcrumbs a { text-decoration: none; }
    .breadcrumbs a:hover { color: #bceeff; }
    .breadcrumbs > * + *::before { content: "/"; margin-right: 10px; color: rgba(133, 198, 225, .24); }
    .hero-kicker, .section-kicker { margin: 0 0 15px; display: flex; align-items: center; gap: 12px; color: #7ce3ff; font-size: 8px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
    .hero-kicker::before, .section-kicker::before { content: ""; width: 29px; height: 1px; background: linear-gradient(90deg, currentColor, transparent); }
    .hero-title { max-width: 650px; margin: 0; color: #effaff; font-size: clamp(50px, 5vw, 80px); font-weight: 375; line-height: .93; letter-spacing: -.065em; }
    .hero-lead { max-width: 610px; margin: 24px 0 0; color: rgba(202, 228, 239, .66); font-size: clamp(13px, .98vw, 15px); line-height: 1.7; }
    .button-primary, .button-ghost { min-height: 49px; padding: 0 22px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; text-decoration: none; font-size: 11px; }
    .button-primary { color: #f5fcff; border: 1px solid rgba(101, 205, 255, .42); background: linear-gradient(145deg, #1587c8, #095a91); box-shadow: 0 14px 33px rgba(7, 109, 174, .25), inset 0 1px rgba(255, 255, 255, .15); }
    .button-primary::after { content: ""; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
    .button-ghost { color: rgba(207, 238, 248, .76); border: 1px solid rgba(103, 204, 242, .18); background: rgba(28, 92, 128, .1); }
    .hero-metrics { margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(104, 210, 250, .13); list-style: none; }
    .hero-metrics li { padding: 15px 18px 0 0; }
    .hero-metrics strong { display: block; color: #dff8ff; font-size: 24px; font-weight: 420; line-height: 1; letter-spacing: -.04em; }
    .hero-metrics span { margin-top: 8px; display: block; color: rgba(157, 203, 220, .44); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
    .hero-screen { position: relative; width: min(100%, 700px); aspect-ratio: 1 / 1; margin-left: auto; padding: 0; overflow: visible; border: 0; border-radius: 23px; display: block; color: inherit; background: transparent; cursor: zoom-in; text-align: left; filter: drop-shadow(0 28px 40px rgba(0, 0, 0, .24)); }
    .admin-window { position: relative; overflow: hidden; border: 1px solid rgba(111, 218, 255, .24); border-radius: 20px; display: block; background: #091a27; box-shadow: inset 0 1px rgba(255, 255, 255, .08); transform: perspective(1500px) rotateY(-3deg) rotateX(1deg); transition: transform .55s cubic-bezier(.2, .75, .2, 1), border-color .4s ease; }
    .hero-screen .admin-window { width: 100%; height: 100%; display: flex; flex-direction: column; }
    .admin-window::after { content: ""; position: absolute; inset: 40px 0 0; pointer-events: none; background: linear-gradient(135deg, rgba(5, 27, 42, .15), rgba(136, 224, 239, .035) 48%, rgba(3, 20, 32, .16)), linear-gradient(180deg, rgba(231, 250, 255, .045), transparent 25%, rgba(2, 17, 29, .12)); box-shadow: inset 0 0 0 1px rgba(220, 249, 255, .045), inset 0 -55px 85px rgba(3, 20, 32, .13); }
    .hero-screen:hover .admin-window, .hero-screen:focus-visible .admin-window { border-color: rgba(135, 231, 255, .55); transform: perspective(1500px) rotateY(0) rotateX(0) translateY(-7px); }
    .admin-window-bar { height: 40px; padding: 0 15px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid rgba(105, 208, 247, .12); background: linear-gradient(180deg, #0d2b40, #081c2c); }
    .admin-window-bar i { width: 7px; height: 7px; border: 1px solid rgba(151, 228, 249, .35); border-radius: 50%; }
    .admin-window-bar span { margin-left: auto; color: rgba(157, 213, 231, .39); font-size: 7px; letter-spacing: .16em; text-transform: uppercase; }
    .admin-window img { width: 100%; aspect-ratio: 1.765 / 1; display: block; object-fit: cover; object-position: top left; opacity: .96; filter: saturate(.7) contrast(1.055) brightness(.93); }
    .hero-screen .admin-window-bar { flex: 0 0 40px; }
    .hero-screen .admin-window img { min-height: 0; height: auto; aspect-ratio: auto; flex: 1 1 auto; object-position: top left; }
    .screen-hint { position: absolute; right: 17px; bottom: 17px; z-index: 2; min-height: 37px; padding: 0 13px; border: 1px solid rgba(159, 229, 250, .22); border-radius: 10px; display: inline-flex; align-items: center; gap: 9px; color: rgba(224, 249, 255, .78); background: rgba(4, 19, 31, .72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
    .screen-hint::before { content: "+"; color: #83e5ff; font-size: 16px; font-weight: 300; }

    .hero-bridge { position: relative; height: 150px; margin-top: -1px; overflow: hidden; background: linear-gradient(180deg, #030a13 0%, #061725 42%, #071c2b 72%, #030b14 100%); }
    .hero-bridge svg { position: absolute; inset: 0; width: 100%; height: 100%; }
    .hero-bridge path { fill: none; stroke: rgba(133, 226, 249, .28); stroke-width: 1; vector-effect: non-scaling-stroke; }
    .hero-bridge .current { stroke: rgba(202, 247, 255, .82); stroke-width: 1.25; stroke-dasharray: 2 98; filter: drop-shadow(0 0 6px rgba(100, 222, 255, .75)); animation: currentRun 9s linear infinite; }

    .feature-index-wrap { position: sticky; top: 88px; z-index: 40; color: var(--ink); background: var(--paper); }
    .feature-index { position: relative; width: 100%; border-top: 1px solid rgba(26, 107, 143, .1); border-bottom: 1px solid rgba(26, 107, 143, .14); background: rgba(239, 247, 249, .88); -webkit-backdrop-filter: blur(18px) saturate(125%); backdrop-filter: blur(18px) saturate(125%); box-shadow: 0 12px 34px rgba(38, 86, 108, .07); }
    .feature-index-inner { width: var(--shell); min-height: 58px; margin: 0 auto; display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; }
    .feature-index-inner::-webkit-scrollbar { display: none; }
    .feature-index a { min-width: max-content; min-height: 36px; padding: 0 13px; border: 1px solid transparent; border-radius: 10px; display: inline-flex; align-items: center; gap: 8px; color: rgba(42, 79, 96, .64); text-decoration: none; font-size: 9px; transition: color .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease; }
    .feature-index a span { color: rgba(35, 116, 149, .38); font-size: 7px; letter-spacing: .1em; }
    .feature-index a:hover, .feature-index a:focus-visible, .feature-index a.is-active { color: #175d7b; border-color: rgba(33, 122, 157, .17); background: rgba(255, 255, 255, .66); box-shadow: 0 8px 22px rgba(36, 93, 119, .08); }
    .feature-index a.is-active span { color: #1685b1; }

    .capability-section { --accent: #2e8eb2; position: relative; color: var(--ink); background: var(--paper); isolation: isolate; }
    .capability-section::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .32; background-image: radial-gradient(rgba(31, 112, 145, .17) .7px, transparent .7px); background-size: 28px 28px; -webkit-mask-image: linear-gradient(90deg, #000, transparent 27%, transparent 73%, #000); mask-image: linear-gradient(90deg, #000, transparent 27%, transparent 73%, #000); }
    .capability-section.is-dark { color: #eaf7fb; background: radial-gradient(circle at 80% 20%, rgba(43, 167, 211, .16), transparent 28%), linear-gradient(145deg, #040d17, #071d2d 65%, #020a12); }
    .capability-section.is-dark::before { opacity: .35; background-image: linear-gradient(rgba(95, 205, 246, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(95, 205, 246, .045) 1px, transparent 1px); background-size: 43px 43px; -webkit-mask-image: radial-gradient(circle at center, #000, transparent 80%); mask-image: radial-gradient(circle at center, #000, transparent 80%); }
    .capability-shell { width: var(--shell); margin: 0 auto; padding: clamp(76px, 7.5vw, 112px) 0; }
    .section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .46fr); align-items: end; gap: clamp(40px, 6vw, 88px); }
    .section-kicker { color: var(--accent); }
    .section-index { color: var(--accent); opacity: .5; font-variant-numeric: tabular-nums; }
    .section-title { max-width: 830px; margin: 0; color: #153a4d; font-size: clamp(42px, 4.65vw, 70px); font-weight: 380; line-height: .95; letter-spacing: -.06em; }
    .section-intro { max-width: 560px; margin: 0; color: rgba(43, 76, 91, .67); font-size: clamp(13px, .98vw, 15px); line-height: 1.68; }
    .is-dark .section-title { color: #effaff; }
    .is-dark .section-intro { color: rgba(196, 224, 236, .61); }
    .module-grid { margin-top: clamp(42px, 4.5vw, 66px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }
    .module-card { position: relative; min-height: 180px; padding: clamp(21px, 2vw, 29px); overflow: hidden; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); display: flex; flex-direction: column; color: inherit; background: rgba(248, 252, 253, .52); text-decoration: none; isolation: isolate; transition: z-index 0s, transform .4s cubic-bezier(.2, .74, .2, 1), box-shadow .4s ease, background .4s ease; }
    .module-card::before { content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; width: 0; height: 2px; background: linear-gradient(90deg, var(--accent), transparent); box-shadow: 0 0 10px rgba(45, 143, 179, .36); transition: width .45s ease; }
    .module-card:hover, .module-card:focus-visible { z-index: 2; transform: translateY(-4px); background: var(--paper-bright); box-shadow: 0 22px 46px rgba(28, 80, 103, .12); }
    .module-card:hover::before, .module-card:focus-visible::before { width: 100%; }
    .module-card:focus-visible { outline: 1px solid var(--accent); outline-offset: 3px; }
    .module-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: rgba(35, 93, 118, .39); font-size: 7px; letter-spacing: .16em; text-transform: uppercase; }
    .module-meta::after { content: "↗"; color: var(--accent); font-size: 14px; letter-spacing: 0; transition: transform .3s ease; }
    .module-card:hover .module-meta::after { transform: translate(3px, -3px); }
    .module-card.has-inline-detail .module-meta::after { content: "+"; font-size: 17px; font-weight: 300; transform: none; }
    .module-card.has-inline-detail:hover .module-meta::after, .module-card.has-inline-detail:focus-visible .module-meta::after { transform: rotate(90deg); }
    .module-card.is-selected { z-index: 2; background: var(--paper-bright); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 48%, transparent), 0 22px 46px rgba(28, 80, 103, .12); }
    .module-card h3 { margin: 32px 0 10px; color: #173d50; font-size: clamp(18px, 1.3vw, 23px); font-weight: 450; line-height: 1.14; letter-spacing: -.035em; }
    .module-card p { margin: 0; color: rgba(44, 77, 91, .63); font-size: 10px; line-height: 1.58; }
    .is-dark .module-grid { border-color: var(--line-dark); }
    .is-dark .module-card { border-color: var(--line-dark); background: rgba(10, 37, 56, .38); }
    .is-dark .module-card:hover, .is-dark .module-card:focus-visible { background: rgba(12, 46, 69, .88); box-shadow: 0 28px 60px rgba(0, 0, 0, .26); }
    .is-dark .module-meta { color: rgba(171, 214, 231, .37); }
    .is-dark .module-card h3 { color: #e9f8fd; }
    .is-dark .module-card p { color: rgba(193, 222, 234, .57); }
    .is-dark .module-card.is-selected { background: rgba(12, 46, 69, .92); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 52%, transparent), 0 24px 54px rgba(0, 0, 0, .28); }

    .screen-showcase { margin-top: clamp(46px, 5.3vw, 76px); }
    .showcase-heading { margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 26px; }
    .showcase-heading h3 { margin: 0; color: #173c4f; font-size: clamp(23px, 1.9vw, 31px); font-weight: 420; letter-spacing: -.04em; }
    .showcase-heading p { max-width: 420px; margin: 0; color: rgba(44, 76, 91, .58); font-size: 10px; line-height: 1.6; }
    .is-dark .showcase-heading h3 { color: #eaf8fd; }
    .is-dark .showcase-heading p { color: rgba(190, 221, 233, .52); }
    .screen-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .screen-grid--three { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .screen-grid--three .screen-card:nth-child(1) { grid-column: span 7; }
    .screen-grid--three .screen-card:nth-child(2) { grid-column: span 5; }
    .screen-grid--three .screen-card:nth-child(3) { grid-column: 3 / span 8; }
    .screen-card { margin: 0; min-width: 0; overflow: hidden; border: 1px solid rgba(28, 109, 145, .16); border-radius: 17px; background: rgba(250, 253, 254, .78); box-shadow: 0 18px 45px rgba(29, 79, 101, .09); }
    .screen-card button { position: relative; width: 100%; padding: 0; overflow: hidden; border: 0; display: block; background: #dce9ed; cursor: zoom-in; isolation: isolate; }
    .screen-card button::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(135deg, rgba(5, 32, 48, .13), rgba(189, 239, 246, .035) 45%, rgba(5, 28, 43, .15)), linear-gradient(180deg, rgba(235, 252, 255, .05), transparent 28%, rgba(3, 22, 34, .13)); box-shadow: inset 0 0 0 1px rgba(226, 250, 255, .06), inset 0 -42px 70px rgba(3, 22, 34, .1); transition: opacity .4s ease; }
    .screen-card button::after { content: "Открыть скриншот"; position: absolute; right: 13px; bottom: 13px; z-index: 2; min-height: 32px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 9px; display: inline-flex; align-items: center; color: #effcff; background: rgba(5, 29, 43, .72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-size: 7px; letter-spacing: .11em; text-transform: uppercase; opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease; }
    .screen-card button:hover::after, .screen-card button:focus-visible::after { opacity: 1; transform: translateY(0); }
    .screen-card img { width: 100%; aspect-ratio: 16 / 9; display: block; object-fit: cover; object-position: top left; filter: saturate(.72) contrast(1.06) brightness(.94); transition: transform .65s cubic-bezier(.2, .72, .2, 1), filter .45s ease; }
    .screen-card button:hover::before, .screen-card button:focus-visible::before { opacity: .68; }
    .screen-card button:hover img, .screen-card button:focus-visible img { transform: scale(1.018); filter: saturate(.86) contrast(1.055) brightness(.98); }
    .screen-card figcaption { min-height: 69px; padding: 16px 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; color: rgba(44, 76, 91, .58); font-size: 9px; line-height: 1.5; }
    .screen-card figcaption strong { color: #173d50; font-size: 12px; font-weight: 470; }
    .screen-card figcaption span { text-align: right; }
    .is-dark .screen-card { border-color: rgba(103, 207, 245, .17); background: rgba(7, 28, 43, .76); box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
    .is-dark .screen-card button { background: #0b2638; }
    .is-dark .screen-card figcaption { color: rgba(181, 215, 228, .48); }
    .is-dark .screen-card figcaption strong { color: #e5f7fc; }

    .section-transition { position: relative; height: clamp(110px, 9vw, 155px); margin: -1px 0; overflow: hidden; }
    .transition-to-dark { background: linear-gradient(180deg, var(--paper), #bdd1da 26%, #668392 52%, #203749 76%, #040d17); }
    .transition-to-light { background: linear-gradient(180deg, #040d17, #203749 24%, #668392 48%, #bdd1da 74%, var(--paper)); }
    .section-transition::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: linear-gradient(180deg, transparent, rgba(126, 226, 251, .65), transparent); box-shadow: 0 0 12px rgba(94, 213, 245, .45); }
    .section-transition::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; border: 1px solid rgba(117, 217, 241, .7); border-radius: 50%; background: #eaf9fc; box-shadow: 0 0 0 7px rgba(84, 194, 221, .06), 0 0 17px rgba(73, 188, 218, .38); transform: translate(-50%, -50%); animation: transitionPulse 4s ease-in-out infinite; }

    .platform-summary { position: relative; color: var(--ink); background: #f8fbfc; }
    .summary-shell { width: var(--shell); margin: 0 auto; padding: clamp(76px, 7.5vw, 112px) 0; }
    .summary-grid { margin-top: 45px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }
    .summary-card { min-height: 215px; padding: clamp(22px, 2.3vw, 33px); border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); background: rgba(238, 247, 249, .55); }
    .summary-card span { color: rgba(31, 118, 152, .4); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }
    .summary-card strong { margin-top: 48px; display: block; color: #173b4d; font-size: clamp(20px, 1.5vw, 25px); font-weight: 450; line-height: 1.13; letter-spacing: -.04em; }
    .summary-card p { margin: 13px 0 0; color: rgba(43, 76, 91, .62); font-size: 10px; line-height: 1.58; }

    .detail-cta { position: relative; min-height: 500px; overflow: hidden; display: grid; place-items: center; text-align: center; isolation: isolate; background: radial-gradient(circle at 50% 45%, rgba(12, 122, 208, .24), transparent 35%), linear-gradient(145deg, #05111d, #071e31 60%, #020910); }
    .detail-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .34; background-image: linear-gradient(rgba(92, 200, 241, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 200, 241, .045) 1px, transparent 1px); background-size: 44px 44px; -webkit-mask-image: radial-gradient(circle at center, #000, transparent 78%); mask-image: radial-gradient(circle at center, #000, transparent 78%); }
    .cta-inner { width: min(100% - 48px, 1000px); padding: 78px 0; }
    .cta-kicker { margin: 0 0 18px; color: #77defc; font-size: 8px; letter-spacing: .22em; text-transform: uppercase; }
    .cta-title { margin: 0; color: #eefaff; font-size: clamp(46px, 6vw, 84px); font-weight: 380; line-height: .93; letter-spacing: -.065em; }
    .cta-text { max-width: 620px; margin: 23px auto 0; color: rgba(200, 226, 238, .6); font-size: 14px; line-height: 1.68; }
    .cta-actions { margin-top: 31px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 13px; }

    /* Compact documentation workspace. The original card sections remain in the
       document as a semantic/source catalogue, but the user works with this rail. */
    .feature-index-wrap, .capability-section, .section-transition, .platform-summary, .detail-cta { display: none; }
    .module-workspace { --dialog-accent: #78cfe6; position: relative; min-height: calc(100dvh - 90px); padding: clamp(24px, 3vw, 46px) 0; overflow: hidden; color: #eaf8fd; background: radial-gradient(circle at 79% 14%, color-mix(in srgb, var(--dialog-accent) 13%, transparent), transparent 31%), linear-gradient(145deg, #030b14, #071c2b 62%, #030a12); isolation: isolate; }
    .module-workspace::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .46; background-image: linear-gradient(rgba(102, 208, 245, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(102, 208, 245, .04) 1px, transparent 1px); background-size: 40px 40px; -webkit-mask-image: radial-gradient(circle at 62% 42%, #000, transparent 78%); mask-image: radial-gradient(circle at 62% 42%, #000, transparent 78%); }
    .module-workspace-shell { width: var(--shell); height: min(850px, calc(100dvh - 130px)); min-height: 630px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(118, 211, 240, .18); border-radius: 24px; display: grid; grid-template-columns: minmax(300px, 340px) minmax(0, 1fr); background: #06131f; box-shadow: 0 34px 90px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .035); }
    .module-directory { min-width: 0; min-height: 0; overflow: hidden; border-right: 1px solid rgba(76, 135, 158, .19); display: flex; flex-direction: column; color: #193b4b; background: linear-gradient(180deg, #f5f9fa, #eaf2f4); }
    .module-directory-head { position: relative; padding: 24px 25px 20px; flex: 0 0 auto; border-bottom: 1px solid rgba(35, 105, 132, .13); background: rgba(255, 255, 255, .5); }
    .module-directory-head::after { content: ""; position: absolute; left: 25px; right: 25px; bottom: -1px; height: 1px; background: linear-gradient(90deg, #2e8cae, transparent); }
    .module-directory-kicker { margin: 0 0 8px; color: rgba(34, 104, 131, .55); font-size: 7px; font-weight: 650; letter-spacing: .2em; text-transform: uppercase; }
    .module-directory-title { margin: 0; color: #173a4b; font-size: 25px; font-weight: 440; line-height: 1; letter-spacing: -.045em; }
    .module-directory-count { margin: 10px 0 0; color: rgba(45, 79, 92, .51); font-size: 9px; }
    .module-directory-list { min-height: 0; padding: 14px 10px 18px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(38, 111, 139, .26) transparent; }
    .module-directory-group { --group-color: #78cfe6; margin: 0 0 9px; border: 1px solid color-mix(in srgb, var(--group-color) 22%, rgba(35, 80, 98, .11)); border-radius: 10px; overflow: hidden; background: color-mix(in srgb, var(--group-color) 4%, rgba(255, 255, 255, .5)); }
    .module-directory-group:last-child { margin-bottom: 0; }
    .module-directory-group-title { min-height: 31px; margin: 0; padding: 0 10px; border-left: 4px solid var(--group-color); display: flex; align-items: center; justify-content: space-between; gap: 10px; color: color-mix(in srgb, var(--group-color) 58%, #173a4b 42%); background: color-mix(in srgb, var(--group-color) 13%, #f8fbfc 87%); font-size: 9px; font-weight: 700; line-height: 1.2; letter-spacing: .085em; text-transform: uppercase; }
    .module-directory-group-title span { color: color-mix(in srgb, var(--group-color) 65%, #294f60 35%); font-size: 8px; font-variant-numeric: tabular-nums; }
    .module-directory-items { margin: 0; padding: 3px 0 4px; list-style: none; }
    .module-directory-link { position: relative; min-height: 28px; padding: 6px 11px 6px 28px; display: flex; align-items: flex-start; gap: 7px; color: rgba(29, 60, 73, .76); text-decoration: none; font-size: 11px; line-height: 1.32; transition: color .2s ease, background .2s ease, padding-left .2s ease; }
    .module-directory-link::before { content: ""; position: absolute; left: 13px; top: 11px; width: 5px; height: 5px; border: 1px solid color-mix(in srgb, var(--group-color) 72%, #315768 28%); border-radius: 50%; background: #f5f9fa; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
    .module-directory-link:hover, .module-directory-link:focus-visible { color: #12394b; background: color-mix(in srgb, var(--group-color) 9%, transparent); }
    .module-directory-link:focus-visible { outline: 1px solid color-mix(in srgb, var(--group-color) 65%, #173a4b 35%); outline-offset: -1px; }
    .module-directory-link.is-active { padding-left: 31px; color: #102f3d; background: linear-gradient(90deg, color-mix(in srgb, var(--group-color) 19%, #fff 81%), color-mix(in srgb, var(--group-color) 5%, transparent)); font-weight: 600; }
    .module-directory-link.is-active::before { background: var(--group-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--group-color) 13%, transparent), 0 0 8px color-mix(in srgb, var(--group-color) 55%, transparent); transform: scale(.85); }
    .module-reader { min-width: 0; min-height: 0; padding: clamp(39px, 4vw, 62px) clamp(34px, 4.8vw, 76px) 70px; overflow: auto; background: radial-gradient(circle at 92% 3%, color-mix(in srgb, var(--dialog-accent) 10%, transparent), transparent 24%), linear-gradient(145deg, #06131f, #092235 72%, #06131f); scroll-behavior: smooth; scrollbar-color: color-mix(in srgb, var(--dialog-accent) 38%, transparent) transparent; }
    .module-reader-head { margin: 0 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .module-reader .module-dialog-sequence { flex: 0 0 auto; }
    .module-reader .module-dialog-meta { max-width: 620px; min-height: 0; margin: 0; text-align: right; }
    .module-reader .module-dialog-title { max-width: 920px; font-size: clamp(34px, 3.35vw, 52px); }
    .module-reader .module-doc-body { margin-top: 30px; }
    .module-reader-empty { padding: 70px 0; color: rgba(186, 220, 232, .55); font-size: 13px; }

    .module-dialog { --dialog-accent: #64d9f7; width: min(96vw, 1420px); max-width: none; height: 92dvh; max-height: 94vh; padding: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--dialog-accent) 34%, transparent); border-radius: 24px; color: #eaf8fd; background: #06131f; box-shadow: 0 45px 110px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 255, 255, .025) inset; opacity: 0; transform: translateY(24px) scale(.982); transition: opacity .28s ease, transform .42s cubic-bezier(.2, .76, .2, 1); }
    .module-dialog[open].is-open { opacity: 1; transform: translateY(0) scale(1); }
    .module-dialog.is-closing { opacity: 0; transform: translateY(16px) scale(.988); }
    .module-dialog::backdrop { background: rgba(1, 8, 15, 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: background .38s ease, -webkit-backdrop-filter .38s ease, backdrop-filter .38s ease; }
    .module-dialog[open].is-open::backdrop { background: rgba(1, 8, 15, .76); -webkit-backdrop-filter: blur(13px) saturate(110%); backdrop-filter: blur(13px) saturate(110%); }
    @starting-style {
      .module-dialog[open] { opacity: 0; transform: translateY(24px) scale(.982); }
      .module-dialog[open]::backdrop { background: rgba(1, 8, 15, 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); }
    }
    .module-dialog-shell { height: 100%; display: grid; grid-template-columns: 230px minmax(0, 1fr); background: radial-gradient(circle at 13% 19%, color-mix(in srgb, var(--dialog-accent) 14%, transparent), transparent 24%), linear-gradient(145deg, #06131f, #092235 72%, #06131f); }
    .module-dialog-rail { position: relative; min-width: 0; padding: 24px 23px 22px; overflow: hidden; border-right: 1px solid color-mix(in srgb, var(--dialog-accent) 20%, transparent); display: flex; flex-direction: column; isolation: isolate; background: rgba(2, 12, 22, .62); }
    .module-dialog-rail::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .45; background-image: linear-gradient(color-mix(in srgb, var(--dialog-accent) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--dialog-accent) 9%, transparent) 1px, transparent 1px); background-size: 30px 30px; -webkit-mask-image: linear-gradient(#000, transparent 88%); mask-image: linear-gradient(#000, transparent 88%); }
    .module-dialog-rail::after { content: ""; position: absolute; left: 50%; top: 154px; bottom: 112px; z-index: -1; width: 1px; background: linear-gradient(transparent, color-mix(in srgb, var(--dialog-accent) 58%, transparent) 19%, color-mix(in srgb, var(--dialog-accent) 25%, transparent) 81%, transparent); box-shadow: 0 0 10px color-mix(in srgb, var(--dialog-accent) 32%, transparent); }
    .module-dialog-close { width: 38px; height: 38px; padding: 0; border: 1px solid color-mix(in srgb, var(--dialog-accent) 24%, transparent); border-radius: 11px; display: grid; place-items: center; color: rgba(213, 244, 251, .72); background: rgba(9, 46, 66, .35); cursor: pointer; font-size: 19px; font-weight: 300; transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease; }
    .module-dialog-close:hover, .module-dialog-close:focus-visible { color: #fff; border-color: color-mix(in srgb, var(--dialog-accent) 58%, transparent); background: rgba(13, 67, 92, .5); transform: rotate(90deg); }
    .module-dialog-rail-copy { margin: auto 0; text-align: center; }
    .module-dialog-sequence { color: color-mix(in srgb, var(--dialog-accent) 80%, #fff 20%); font-size: 8px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
    .module-dialog-core { position: relative; width: 67px; height: 67px; margin: 30px auto 27px; border: 1px solid color-mix(in srgb, var(--dialog-accent) 43%, transparent); border-radius: 18px; display: grid; place-items: center; color: color-mix(in srgb, var(--dialog-accent) 76%, #fff 24%); background: radial-gradient(circle, color-mix(in srgb, var(--dialog-accent) 18%, transparent), rgba(5, 25, 39, .76) 66%); box-shadow: inset 0 0 24px color-mix(in srgb, var(--dialog-accent) 12%, transparent), 0 0 28px color-mix(in srgb, var(--dialog-accent) 11%, transparent); font-size: 18px; font-weight: 300; }
    .module-dialog-core::before, .module-dialog-core::after { content: ""; position: absolute; left: 50%; width: 1px; height: 30px; background: linear-gradient(transparent, var(--dialog-accent)); box-shadow: 0 0 7px var(--dialog-accent); }
    .module-dialog-core::before { bottom: 100%; }
    .module-dialog-core::after { top: 100%; transform: rotate(180deg); }
    .module-dialog-meta { max-width: 180px; min-height: 34px; margin: 0 auto; color: rgba(169, 210, 225, .48); font-size: 8px; line-height: 1.55; letter-spacing: .13em; text-transform: uppercase; }
    .module-dialog-nav { margin-top: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .module-dialog-nav button { min-height: 41px; padding: 0 10px; border: 1px solid rgba(106, 206, 241, .14); border-radius: 10px; color: rgba(193, 228, 239, .62); background: rgba(14, 55, 76, .22); cursor: pointer; font-size: 8px; letter-spacing: .11em; text-transform: uppercase; transition: color .25s ease, border-color .25s ease, background .25s ease; }
    .module-dialog-nav button:hover, .module-dialog-nav button:focus-visible { color: #eefcff; border-color: color-mix(in srgb, var(--dialog-accent) 46%, transparent); background: rgba(17, 72, 98, .42); }
    .module-dialog-content { min-width: 0; overflow: auto; padding: clamp(43px, 4.5vw, 68px) clamp(38px, 5vw, 78px) 82px; scroll-behavior: smooth; scrollbar-color: color-mix(in srgb, var(--dialog-accent) 38%, transparent) transparent; }
    .module-dialog-body { transition: opacity .18s ease, transform .18s ease; }
    .module-dialog-body.is-switching { opacity: 0; transform: translateX(12px); }
    .module-dialog-kicker { margin: 0 0 17px; display: flex; align-items: center; gap: 11px; color: var(--dialog-accent); font-size: 8px; font-weight: 600; letter-spacing: .21em; text-transform: uppercase; }
    .module-dialog-kicker::before { content: ""; width: 27px; height: 1px; background: linear-gradient(90deg, currentColor, transparent); }
    .module-dialog-title { max-width: 940px; margin: 0; color: #effaff; font-size: clamp(40px, 4.4vw, 66px); font-weight: 380; line-height: .95; letter-spacing: -.057em; text-wrap: balance; }
    .module-doc-body { max-width: 1000px; margin-top: 38px; color: rgba(200, 227, 237, .72); font-size: 14px; line-height: 1.75; }
    .module-doc-body .advs, .module-doc-body .content { display: block; }
    .module-doc-body p { max-width: 820px; margin: 0 0 15px; }
    .module-doc-body > .advs > p:first-child, .module-doc-body > p:first-child { max-width: 880px; margin-bottom: 32px; color: rgba(223, 242, 248, .82); font-size: clamp(15px, 1.18vw, 17px); line-height: 1.72; }
    .module-doc-body h2 { position: relative; max-width: 860px; margin: 62px 0 24px; padding: 21px 0 0; border-top: 1px solid rgba(108, 211, 246, .14); color: #effaff; font-size: clamp(25px, 2.25vw, 34px); font-weight: 420; line-height: 1.15; letter-spacing: -.04em; }
    .module-doc-body h2::before { content: ""; position: absolute; left: 0; top: -1px; width: 54px; height: 1px; background: linear-gradient(90deg, var(--dialog-accent), transparent); box-shadow: 0 0 8px color-mix(in srgb, var(--dialog-accent) 42%, transparent); }
    .module-doc-body h3 { margin: 36px 0 17px; color: #e9f8fd; font-size: 21px; font-weight: 450; letter-spacing: -.025em; }
    .module-doc-body ul, .module-doc-body ol { max-width: 820px; margin: 19px 0 24px; padding-left: 22px; }
    .module-doc-body li { margin: 0 0 10px; padding-left: 6px; color: rgba(196, 225, 235, .68); }
    .module-doc-body li::marker { color: color-mix(in srgb, var(--dialog-accent) 72%, #fff 28%); }
    .module-doc-body b, .module-doc-body strong { color: #e7f7fc; font-weight: 560; }
    .module-doc-body a { color: color-mix(in srgb, var(--dialog-accent) 76%, #fff 24%); text-decoration-color: color-mix(in srgb, var(--dialog-accent) 35%, transparent); text-underline-offset: 4px; }
    .module-doc-body a:hover, .module-doc-body a:focus-visible { color: #fff; text-decoration-color: currentColor; }
    .module-doc-body .left_part, .module-doc-body .left_adv, .module-doc-body .right_adv, .module-doc-body .right_part_pay { width: auto !important; max-width: 840px; margin: 0; padding: 0; float: none !important; display: block; }
    .module-doc-body .right_part { width: min(100%, 940px) !important; margin: 29px auto 56px; padding: 0; float: none !important; display: block; text-align: center; }
    .module-doc-body .right_part:empty, .module-doc-body div:empty { display: none; }
    .module-doc-body .similar_modul { margin: 28px 0; padding: 18px 20px; border: 1px solid rgba(106, 207, 243, .13); border-radius: 13px; background: rgba(9, 43, 63, .32); }
    .module-doc-body .vidos { max-width: 860px; margin: 62px 0 0; padding: 24px; border: 1px solid rgba(106, 207, 243, .14); border-radius: 17px; background: rgba(8, 36, 54, .42); }
    .module-doc-body .vidos > p:first-child { color: #e7f8fd; font-size: 14px; }
    .module-doc-body iframe { width: 100% !important; max-width: 820px; height: auto !important; margin-top: 14px; border: 0; border-radius: 13px; display: block; aspect-ratio: 16 / 9; background: #020a11; box-shadow: 0 20px 45px rgba(0, 0, 0, .25); }
    .module-doc-shot { --rest-y: -1.4deg; --cursor-x: 0deg; --cursor-y: 0deg; --glow-x: 50%; --glow-y: 50%; position: relative; width: min(100%, 940px); margin: 10px auto; padding: 0; border: 1px solid color-mix(in srgb, var(--dialog-accent) 31%, transparent); border-radius: 20px; display: block; overflow: hidden; color: inherit; background: #071924; box-shadow: 0 30px 70px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .06); cursor: zoom-in; text-align: left; transform: perspective(1500px) rotateX(var(--cursor-x)) rotateY(calc(var(--rest-y) + var(--cursor-y))) translateZ(0); transform-style: preserve-3d; transition: transform .22s ease-out, border-color .35s ease, box-shadow .35s ease; }
    .module-doc-shot:nth-of-type(even) { --rest-y: 1.4deg; }
    .module-doc-shot:hover, .module-doc-shot:focus-visible { border-color: color-mix(in srgb, var(--dialog-accent) 62%, transparent); box-shadow: 0 38px 80px rgba(0, 0, 0, .34), 0 0 28px color-mix(in srgb, var(--dialog-accent) 10%, transparent); }
    .module-doc-shot:focus-visible { outline: 1px solid var(--dialog-accent); outline-offset: 4px; }
    .module-doc-shot-bar { height: 39px; padding: 0 14px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid rgba(107, 210, 246, .12); background: linear-gradient(180deg, #0e2d40, #081c29); }
    .module-doc-shot-bar i { width: 6px; height: 6px; border: 1px solid rgba(176, 230, 246, .32); border-radius: 50%; }
    .module-doc-shot-bar span { margin-left: auto; color: rgba(164, 213, 229, .4); font-size: 7px; letter-spacing: .15em; text-transform: uppercase; }
    .module-doc-shot-stage { position: relative; display: block; overflow: hidden; background: #0a202e; }
    .module-doc-shot-stage::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(135deg, rgba(3, 26, 40, .14), rgba(189, 239, 247, .025) 44%, rgba(3, 22, 35, .17)), linear-gradient(180deg, rgba(229, 250, 255, .045), transparent 27%, rgba(2, 17, 29, .13)); box-shadow: inset 0 0 0 1px rgba(224, 249, 255, .045), inset 0 -58px 90px rgba(2, 18, 30, .13); }
    .module-doc-shot-stage::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .7; background: radial-gradient(circle at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--dialog-accent) 15%, transparent), transparent 34%); transition: opacity .3s ease; }
    .module-doc-shot img { position: relative; z-index: 0; width: 100%; height: auto; max-height: none; display: block; object-fit: contain; filter: saturate(.69) contrast(1.065) brightness(.92); transition: filter .45s ease, transform .55s cubic-bezier(.2, .74, .2, 1); }
    .module-doc-shot:hover img, .module-doc-shot:focus-visible img { filter: saturate(.82) contrast(1.055) brightness(.97); transform: scale(1.008); }
    .module-dialog-source-row { margin-top: 58px; padding-top: 20px; border-top: 1px solid rgba(109, 211, 246, .1); display: flex; align-items: center; justify-content: flex-end; }
    .module-dialog-source { display: inline-flex; align-items: center; gap: 11px; color: rgba(184, 222, 234, .58); text-decoration: none; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; transition: color .25s ease; }
    .module-dialog-source::after { content: "↗"; color: var(--dialog-accent); font-size: 13px; }
    .module-dialog-source:hover, .module-dialog-source:focus-visible { color: #effcff; }

    .screen-dialog { width: min(95vw, 1540px); max-width: none; max-height: 94vh; padding: 0; overflow: hidden; border: 1px solid rgba(110, 218, 255, .25); border-radius: 21px; color: #eaf8fd; background: #06131f; box-shadow: 0 45px 100px rgba(0, 0, 0, .55); }
    .screen-dialog::backdrop { background: rgba(1, 7, 13, .82); -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px); }
    .dialog-bar { min-height: 58px; padding: 0 13px 0 21px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(101, 204, 244, .12); }
    .dialog-caption { color: rgba(207, 237, 247, .72); font-size: 11px; }
    .dialog-close { width: 38px; height: 38px; padding: 0; border: 1px solid rgba(110, 211, 248, .2); border-radius: 11px; display: grid; place-items: center; color: #b7eefe; background: rgba(27, 89, 123, .13); cursor: pointer; font-size: 20px; font-weight: 300; }
    .dialog-image-wrap { position: relative; max-height: calc(94vh - 58px); overflow: auto; background: #081a27; isolation: isolate; }
    .dialog-image-wrap::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(135deg, rgba(3, 26, 40, .14), rgba(189, 239, 247, .025) 44%, rgba(3, 22, 35, .17)), linear-gradient(180deg, rgba(229, 250, 255, .045), transparent 27%, rgba(2, 17, 29, .13)); box-shadow: inset 0 0 0 1px rgba(224, 249, 255, .045), inset 0 -58px 90px rgba(2, 18, 30, .13); }
    .dialog-image { position: relative; z-index: 0; width: 100%; height: auto; display: block; filter: saturate(.69) contrast(1.065) brightness(.92); }

    .site-footer { --footer-ink: #173b4d; --footer-steel: #2c7794; --footer-ice: #ecf5f7; position: relative; min-height: 720px; overflow: hidden; color: var(--footer-ink); background: radial-gradient(circle at 13% 8%, rgba(79, 151, 178, .09), transparent 27%), linear-gradient(180deg, #edf5f7 0%, #e7f0f3 52%, #eaf2f4 100%); isolation: isolate; }
    .site-footer::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .38; background-image: linear-gradient(rgba(31, 111, 142, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 111, 142, .05) 1px, transparent 1px); background-size: 46px 46px; -webkit-mask-image: radial-gradient(circle at 50% 38%, #000, transparent 80%); mask-image: radial-gradient(circle at 50% 38%, #000, transparent 80%); }
    .site-footer::after { content: "FLEXCORE"; position: absolute; right: -1.5vw; bottom: -2vw; z-index: -1; color: transparent; -webkit-text-stroke: 1px rgba(40, 111, 137, .055); font-size: clamp(90px, 14vw, 240px); font-weight: 650; line-height: .8; letter-spacing: -.08em; white-space: nowrap; }
    .footer-signal { position: absolute; top: 0; left: 5.2vw; right: 5.2vw; z-index: 3; height: 92px; overflow: hidden; pointer-events: none; }
    .footer-signal::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 53px; background: linear-gradient(180deg, rgba(196, 239, 249, .92), rgba(30, 131, 169, .32)); box-shadow: 0 0 13px rgba(72, 187, 219, .34); }
    .footer-signal-rail { position: absolute; top: 53px; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(28, 121, 158, .2) 11%, rgba(51, 145, 178, .54) 50%, rgba(28, 121, 158, .2) 89%, transparent); }
    .footer-signal-rail::before, .footer-signal-rail::after { content: ""; position: absolute; top: 0; left: -14%; width: clamp(70px, 10vw, 150px); height: 1px; opacity: .92; background: linear-gradient(90deg, transparent, #effcff 50%, transparent); filter: drop-shadow(0 0 6px rgba(59, 169, 202, .7)); animation: footerSignalRun 7.5s linear infinite; }
    .footer-signal-rail::after { animation-delay: -3.75s; }
    .footer-signal-node { position: absolute; top: 47px; left: 50%; width: 13px; height: 13px; border: 1px solid rgba(42, 133, 166, .72); border-radius: 50%; background: #eff8fa; box-shadow: 0 0 0 6px rgba(42, 130, 163, .055), 0 0 18px rgba(47, 149, 181, .3); transform: translateX(-50%); }
    .footer-signal-node::after { content: ""; position: absolute; inset: 3px; border-radius: inherit; background: #247c9c; box-shadow: 0 0 8px rgba(42, 145, 179, .55); animation: footerNodePulse 2.8s ease-in-out infinite; }
    .footer-inner { position: relative; z-index: 2; width: min(100%, 1600px); min-height: 720px; margin: 0 auto; padding: clamp(116px, 14vh, 158px) clamp(30px, 5.2vw, 82px) clamp(34px, 4.5vh, 56px); display: flex; flex-direction: column; justify-content: space-between; gap: clamp(46px, 6vh, 74px); }
    .footer-main { display: grid; grid-template-columns: minmax(340px, .82fr) minmax(560px, 1.18fr); gap: clamp(64px, 8vw, 132px); align-items: start; }
    .footer-brand { min-width: 0; overflow: visible; }
    .footer-kicker { margin: 0 0 16px; display: flex; align-items: center; gap: 11px; color: rgba(48, 91, 109, .58); font-size: 9px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; }
    .footer-kicker::before { content: ""; width: 24px; height: 1px; background: linear-gradient(90deg, var(--footer-steel), transparent); }
    .footer-wordmark { width: fit-content; padding: .08em .035em .14em 0; display: inline-block; overflow: visible; color: var(--footer-ice); background: linear-gradient(108deg, #173f54 0%, #6f9bab 34%, #245f78 58%, #89afbc 78%, #173f54 100%); background-size: 230% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 12px 30px rgba(49, 108, 130, .1)); font-size: clamp(48px, 5.1vw, 84px); font-weight: 500; line-height: 1; letter-spacing: -.075em; white-space: nowrap; text-decoration: none; animation: footerWordmarkFlow 10s ease-in-out infinite alternate; }
    .footer-tagline { max-width: 470px; margin: 30px 0 0; color: rgba(48, 78, 92, .75); font-size: clamp(14px, 1.1vw, 17px); line-height: 1.7; }
    .footer-accreditation { width: fit-content; max-width: 100%; margin-top: 24px; padding: 10px 13px 10px 11px; display: inline-flex; align-items: center; gap: 9px; color: rgba(42, 84, 102, .75); border: 1px solid rgba(34, 111, 141, .18); border-radius: 999px; background: rgba(255, 255, 255, .48); font-size: 9px; letter-spacing: .09em; line-height: 1.35; text-decoration: none; text-transform: uppercase; }
    .footer-accreditation::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #277f9f; box-shadow: 0 0 10px rgba(43, 141, 174, .42); animation: footerNodePulse 2.8s ease-in-out infinite; }
    .footer-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(26px, 3.3vw, 54px); }
    .footer-column { position: relative; min-width: 0; padding-top: 19px; border-top: 1px solid rgba(29, 104, 134, .18); }
    .footer-column::before { content: ""; position: absolute; top: -1px; left: 0; width: 34px; height: 1px; background: #277c9c; box-shadow: 0 0 8px rgba(41, 137, 170, .3); transition: width .45s ease; }
    .footer-column:hover::before { width: min(100%, 88px); }
    .footer-column-title { margin: 0 0 21px; color: rgba(47, 86, 102, .58); font-size: 9px; font-weight: 500; letter-spacing: .19em; text-transform: uppercase; }
    .footer-links { margin: 0; padding: 0; display: grid; gap: 13px; list-style: none; }
    .footer-links a, .footer-links span { width: fit-content; max-width: 100%; display: inline-flex; align-items: center; gap: 8px; color: rgba(38, 70, 84, .78); font-size: 12px; line-height: 1.45; text-decoration: none; }
    .footer-links a { transition: color .28s ease, transform .28s ease; }
    .footer-links a::after { content: ""; width: 13px; height: 1px; opacity: 0; background: currentColor; transform: translateX(-8px); transition: opacity .28s ease, transform .28s ease; }
    .footer-links a:hover, .footer-links a:focus-visible { color: #0a4865; transform: translateX(3px); }
    .footer-links a:hover::after, .footer-links a:focus-visible::after { opacity: .58; transform: translateX(0); }
    .footer-links .footer-contact-primary { color: #153f54; font-size: 14px; letter-spacing: -.015em; }
    .footer-links .footer-hours { color: rgba(61, 91, 103, .58); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
    .footer-meta { margin-top: auto; display: grid; gap: 25px; }
    .footer-location { padding: 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-top: 1px solid rgba(29, 104, 134, .15); border-bottom: 1px solid rgba(29, 104, 134, .15); }
    .footer-address { display: flex; align-items: center; gap: 13px; color: rgba(35, 73, 90, .78); font-size: clamp(13px, 1.05vw, 16px); line-height: 1.45; text-decoration: none; }
    .footer-address::before { content: ""; width: 9px; height: 9px; flex: 0 0 9px; border: 1px solid #337e99; border-radius: 50%; box-shadow: 0 0 0 5px rgba(48, 132, 162, .05), 0 0 10px rgba(51, 139, 169, .18); }
    .footer-location-meta { display: flex; align-items: center; gap: 15px; color: rgba(55, 83, 95, .54); font-size: 9px; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
    .footer-location-meta::before { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, rgba(35, 112, 141, .4)); }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(59, 85, 96, .52); font-size: 9px; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
    .footer-legal { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
    .footer-to-top { display: inline-flex; align-items: center; gap: 12px; color: rgba(39, 77, 94, .7); text-decoration: none; }
    .footer-to-top::after { content: ""; width: 8px; height: 8px; border-top: 1px solid currentColor; border-left: 1px solid currentColor; transform: translateY(2px) rotate(45deg); transition: transform .3s ease; }
    .footer-to-top:hover::after { transform: translateY(-3px) rotate(45deg); }

    @keyframes headerIn { to { opacity: 1; transform: translateY(0); } }
    @keyframes miniLogoShimmer { to { background-position: 100% 50%; } }
    @keyframes currentRun { to { stroke-dashoffset: -100; } }
    @keyframes transitionPulse { 50% { opacity: .45; transform: translate(-50%, -50%) scale(.72); } }
    @keyframes footerSignalRun { from { left: -14%; } to { left: 100%; } }
    @keyframes footerNodePulse { 50% { opacity: .36; transform: scale(.65); } }
    @keyframes footerWordmarkFlow { to { background-position: 100% 50%; } }
    @keyframes loaderCorePulse { 50% { border-color: rgba(141, 232, 255, .78); box-shadow: inset 0 0 34px rgba(71, 193, 235, .2), 0 0 45px rgba(51, 188, 237, .22); transform: scale(1.025); } }
    @keyframes loaderOrbit { to { transform: rotate(405deg); } }
    @keyframes loaderCurrent { to { left: 100%; } }

    @media (max-width: 1220px) {
      :root { --shell: min(100% - 48px, 1480px); }
      .mini-logo { margin-right: 34px; }
      .main-nav { gap: 24px; }
      .hero-shell { grid-template-columns: minmax(380px, .76fr) minmax(490px, 1.24fr); gap: 44px; }
      .module-workspace-shell { grid-template-columns: 290px minmax(0, 1fr); }
      .module-reader { padding-inline: 44px; }
      .module-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .footer-main { grid-template-columns: minmax(280px, .7fr) minmax(540px, 1.3fr); gap: 58px; }
    }

    @media (max-width: 980px) {
      .detail-hero, .hero-shell { min-height: auto; }
      .hero-shell { padding: 118px 0 78px; grid-template-columns: 1fr; gap: 48px; }
      .hero-copy { max-width: 820px; }
      .hero-screen { width: min(100%, 700px); margin-inline: auto; }
      .module-workspace-shell { grid-template-columns: 280px minmax(0, 1fr); }
      .module-directory-head { padding-inline: 20px; }
      .module-directory-head::after { left: 20px; right: 20px; }
      .module-reader { padding: 40px 34px 58px; }
      .section-heading { grid-template-columns: 1fr; gap: 29px; }
      .section-intro { max-width: 720px; }
      .module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .screen-grid--three .screen-card:nth-child(1), .screen-grid--three .screen-card:nth-child(2), .screen-grid--three .screen-card:nth-child(3) { grid-column: span 6; }
      .screen-grid--three .screen-card:nth-child(3) { grid-column: 4 / span 6; }
      .module-dialog { height: 92dvh; }
      .module-dialog-shell { grid-template-columns: 205px minmax(0, 1fr); }
      .module-dialog-content { padding: 43px 38px 64px; }
      .module-doc-body { font-size: 13px; }
      .module-doc-body h2 { margin-top: 52px; }
      .footer-main { grid-template-columns: 1fr; }
      .footer-brand { max-width: 650px; }
    }

    @media (max-width: 860px) {
      .main-nav { position: absolute; top: 76px; left: 18px; right: 18px; z-index: 2; min-height: 0; padding: 9px; display: grid; gap: 0; overflow: hidden; border: 1px solid rgba(83, 184, 232, .25); border-radius: 18px; background: linear-gradient(rgba(62, 166, 222, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(62, 166, 222, .045) 1px, transparent 1px), rgba(3, 12, 24, .95); background-size: 24px 24px, 24px 24px, auto; box-shadow: 0 22px 60px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .04); -webkit-backdrop-filter: blur(22px) saturate(135%); backdrop-filter: blur(22px) saturate(135%); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px) scale(.985); transform-origin: 80% 0; transition: opacity .28s ease, transform .38s cubic-bezier(.2, .78, .2, 1), visibility 0s linear .38s, background .7s ease, border-color .7s ease; }
      .main-nav::before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(119, 226, 255, .8), transparent); box-shadow: 0 0 12px rgba(85, 211, 255, .42); }
      .site-header.is-menu-open .main-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s; }
      .main-nav a { min-height: 48px; padding: 0 14px; display: flex; align-items: center; border-bottom: 1px solid rgba(102, 178, 218, .12); font-size: 12px; letter-spacing: .045em; }
      .main-nav a:last-child { border-bottom: 0; }
      .site-header.is-light .main-nav { border-color: rgba(25, 111, 158, .2); background: linear-gradient(rgba(21, 112, 160, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 112, 160, .045) 1px, transparent 1px), rgba(245, 250, 252, .96); background-size: 24px 24px, 24px 24px, auto; box-shadow: 0 22px 60px rgba(25, 71, 99, .16), inset 0 1px rgba(255, 255, 255, .7); }
      .menu-toggle { display: block; }
      .mini-logo { margin-right: 0; }
      .feature-index-wrap { top: 74px; }
    }

    @media (max-width: 700px) {
      :root { --shell: min(100% - 32px, 1480px); }
      html { scroll-padding-top: 125px; }
      .hero-shell { padding: 101px 0 66px; gap: 40px; }
      .breadcrumbs { margin-bottom: 30px; }
      .hero-title { font-size: clamp(43px, 12.8vw, 61px); }
      .hero-lead { margin-top: 21px; font-size: 13px; }
      .button-primary, .button-ghost { width: 100%; }
      .hero-metrics { margin-top: 28px; }
      .hero-metrics strong { font-size: 21px; }
      .admin-window { border-radius: 16px; transform: none; }
      .hero-screen { width: min(100%, 700px); }
      .hero-screen .admin-window-bar { flex-basis: 37px; }
      .admin-window-bar { height: 37px; }
      .screen-hint { display: none; }
      .hero-bridge { height: 112px; }
      .module-workspace { min-height: calc(100dvh - 74px); padding: 16px 0; }
      .module-workspace-shell { width: calc(100% - 24px); height: calc(100dvh - 106px); min-height: 660px; border-radius: 18px; grid-template-columns: 1fr; grid-template-rows: minmax(245px, 39%) minmax(0, 61%); }
      .module-directory { border-right: 0; border-bottom: 1px solid rgba(76, 135, 158, .19); }
      .module-directory-head { padding: 14px 17px 12px; }
      .module-directory-head::after { left: 17px; right: 17px; }
      .module-directory-kicker { margin-bottom: 5px; }
      .module-directory-title { font-size: 21px; }
      .module-directory-count { margin-top: 6px; }
      .module-directory-list { padding: 9px 8px 12px; }
      .module-directory-group { margin-bottom: 7px; }
      .module-directory-group-title { min-height: 27px; }
      .module-directory-link { min-height: 23px; }
      .module-reader { padding: 27px 20px 35px; }
      .module-reader-head { align-items: flex-start; flex-direction: column; gap: 7px; }
      .module-reader .module-dialog-meta { text-align: left; }
      .module-reader .module-dialog-title { font-size: clamp(31px, 9vw, 43px); }
      .feature-index-inner { min-height: 52px; }
      .feature-index a { min-height: 34px; padding-inline: 11px; font-size: 9px; }
      .capability-shell { padding: 70px 0 80px; }
      .section-title { font-size: clamp(38px, 11vw, 54px); }
      .module-grid { margin-top: 38px; grid-template-columns: 1fr; }
      .module-card { min-height: 168px; padding: 23px 21px; }
      .module-card h3 { margin-top: 29px; font-size: 21px; }
      .showcase-heading { align-items: flex-start; flex-direction: column; gap: 13px; }
      .screen-grid, .screen-grid--three { grid-template-columns: 1fr; }
      .screen-grid--three .screen-card:nth-child(1), .screen-grid--three .screen-card:nth-child(2), .screen-grid--three .screen-card:nth-child(3) { grid-column: auto; }
      .screen-card { border-radius: 14px; }
      .screen-card figcaption { min-height: 0; padding: 14px 16px; flex-direction: column; gap: 6px; }
      .screen-card figcaption span { text-align: left; }
      .section-transition { height: 95px; }
      .summary-shell { padding: 70px 0 80px; }
      .summary-grid { margin-top: 38px; grid-template-columns: 1fr; }
      .summary-card { min-height: 180px; }
      .summary-card strong { margin-top: 40px; font-size: 22px; }
      .detail-cta { min-height: 460px; }
      .cta-inner { width: min(100% - 32px, 1000px); padding: 70px 0; }
      .cta-title { font-size: clamp(42px, 12vw, 59px); }
      .cta-text { font-size: 13px; }
      .cta-actions { align-items: stretch; flex-direction: column; }
      .module-dialog { width: calc(100vw - 16px); height: min(94dvh, 820px); max-height: 94dvh; border-radius: 18px; }
      .module-dialog-shell { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
      .module-dialog-rail { min-height: 92px; padding: 13px 14px; border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--dialog-accent) 20%, transparent); display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 13px; }
      .module-dialog-rail::after, .module-dialog-core { display: none; }
      .module-dialog-rail-copy { margin: 0; text-align: left; }
      .module-dialog-sequence { font-size: 7px; }
      .module-dialog-meta { max-width: none; min-height: 0; margin: 7px 0 0; font-size: 7px; }
      .module-dialog-nav { margin: 0; grid-template-columns: repeat(2, 38px); gap: 6px; }
      .module-dialog-nav button { min-height: 38px; width: 38px; padding: 0; font-size: 0; }
      .module-dialog-nav button::before { font-size: 16px; }
      .module-dialog-previous::before { content: "←"; }
      .module-dialog-next::before { content: "→"; }
      .module-dialog-content { padding: 31px 22px 32px; }
      .module-dialog-title { font-size: clamp(37px, 11vw, 51px); }
      .module-doc-body { margin-top: 28px; font-size: 12px; line-height: 1.68; }
      .module-doc-body > .advs > p:first-child, .module-doc-body > p:first-child { margin-bottom: 25px; font-size: 13px; }
      .module-doc-body h2 { margin: 43px 0 18px; padding-top: 17px; font-size: 24px; }
      .module-doc-body h3 { margin-top: 31px; font-size: 19px; }
      .module-doc-body ul, .module-doc-body ol { padding-left: 19px; }
      .module-doc-body .right_part { margin: 22px auto 40px; }
      .module-doc-shot { --rest-y: 0deg; border-radius: 14px; transform: none; }
      .module-doc-shot-bar { height: 34px; }
      .module-doc-body .vidos { margin-top: 44px; padding: 16px; }
      .module-dialog-source-row { justify-content: flex-start; }
      .screen-dialog { width: calc(100vw - 18px); max-height: 96vh; border-radius: 15px; }
      .dialog-image-wrap { max-height: calc(96vh - 58px); }
      .footer-inner { min-height: auto; padding-inline: 20px; }
      .footer-columns { grid-template-columns: 1fr; gap: 32px; }
      .footer-location { align-items: flex-start; flex-direction: column; gap: 15px; }
      .footer-location-meta { white-space: normal; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
      .site-footer::after { right: 16px; bottom: 18px; font-size: 17vw; }
    }

    @media (max-width: 620px) {
      .site-header { height: 74px; padding: 19px 18px 0; }
      .header-actions .primary { min-width: 124px; height: 34px; padding-inline: 12px; font-size: 11px; }
      .main-nav { top: 66px; left: 10px; right: 10px; }
    }

    @media (max-width: 450px) {
      .header-actions .primary { min-width: 112px; padding-inline: 9px; font-size: 10px; }
      .hero-metrics { grid-template-columns: 1fr 1fr; gap: 17px 0; }
      .hero-metrics li:last-child { grid-column: span 2; }
      .screen-card img { aspect-ratio: 1.56 / 1; }
      .footer-wordmark { font-size: clamp(46px, 15vw, 60px); }
      .footer-accreditation { align-items: flex-start; border-radius: 16px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; }
      [data-reveal] { opacity: 1; transform: none; transition: none; }
      .module-reader { scroll-behavior: auto; }
      .admin-window, .module-card, .screen-card img, .module-dialog, .module-dialog::backdrop, .module-dialog-body, .module-doc-shot, .module-doc-shot img { transition: none; }
      .module-doc-shot { transform: none; }
    }

/* Общий адаптивный профиль производительности для слабых устройств. */
html.motion-lite [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

html.motion-lite .hero-circuit .current,
html.motion-lite .hero-bridge .current,
html.motion-lite .page-loader-circuit::after {
  display: none !important;
  animation: none !important;
  filter: none !important;
}

html.motion-lite .page-loader,
html.motion-lite .page-loader-chip,
html.motion-lite .page-loader-chip span,
html.motion-lite .section-transition::after,
html.motion-lite .module-dialog-body,
html.motion-lite .module-doc-shot,
html.motion-lite .module-doc-shot img {
  animation: none !important;
  transition: none !important;
}

html.motion-lite .module-doc-shot {
  --cursor-x: 0deg !important;
  --cursor-y: 0deg !important;
  transform: perspective(1100px) rotateX(0deg) rotateY(0deg) !important;
  will-change: auto !important;
}