.public-site {
    --landing-bg: #101216;
    --landing-surface: #171a20;
    --landing-raised: #1d2129;
    --landing-line: #2a2f39;
    --landing-text: #f4f3ef;
    --landing-muted: #a5aab4;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    color: var(--landing-text);
    background: var(--landing-bg);
}

.landing-container { width: min(1220px, calc(100% - 64px)); margin-inline: auto; }
.landing-main { flex: 1 0 auto; }
.skip-link { position: fixed; z-index: 2000; top: 10px; right: 10px; padding: 10px 16px; border-radius: 8px; color: #131519; background: var(--apx-accent); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.landing-header {
    position: sticky;
    z-index: 1100;
    top: 0;
    border-bottom: 1px solid rgb(255 255 255 / 6%);
    background: rgb(16 18 22 / 88%);
    backdrop-filter: blur(18px);
}
.landing-header-inner { display: flex; width: min(1380px, calc(100% - 56px)); height: 78px; align-items: center; justify-content: space-between; gap: 30px; margin-inline: auto; }
.landing-brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; color: var(--landing-text); text-decoration: none; }
.landing-brand-logo { width: 166px; }
.landing-nav { display: flex; align-items: center; gap: clamp(18px, 3vw, 40px); }
.landing-nav a, .landing-footer nav a { color: #b8bdc6; font-size: 13px; text-decoration: none; transition: color .18s ease; }
.landing-nav a:hover, .landing-footer nav a:hover { color: var(--apx-accent); }
.landing-header-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 5px; }
.landing-header-actions .mud-button { min-height: 40px; border-radius: 10px; font-size: 12px; }
.landing-header-actions .landing-login { color: #c6c9cf; }
.landing-header-actions .landing-register { padding-inline: 16px; color: #141519; font-weight: 700; }
.landing-menu-toggle { display: none; color: var(--landing-text) !important; }

.landing-hero { position: relative; display: grid; min-height: 650px; grid-template-columns: 1fr 1fr; align-items: center; gap: 26px; padding-block: 74px 96px; }
.hero-copy { position: relative; z-index: 2; max-width: 610px; padding-bottom: 10px; }
.section-kicker { display: flex; align-items: center; gap: 10px; color: var(--apx-accent); font-size: 12px; font-weight: 600; letter-spacing: .1px; }
.section-kicker > span { width: 24px; height: 2px; border-radius: 8px; background: var(--apx-accent); box-shadow: 0 0 18px color-mix(in srgb, var(--apx-accent) 55%, transparent); }
.hero-title { margin: 22px 0 16px !important; color: #f5f4ef; font-size: clamp(39px, 5.2vw, 64px) !important; font-weight: 700 !important; line-height: 1.47 !important; letter-spacing: -.7px; }
.hero-title span, .section-title span { color: var(--apx-accent); }
.hero-description, .section-description { max-width: 560px; color: var(--landing-muted); font-size: 15px; line-height: 2.15 !important; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.hero-actions .mud-button, .developer-copy > .mud-button, .landing-cta-card > .mud-button { min-height: 48px; padding-inline: 20px; border-radius: 10px; font-size: 13px; }
.hero-actions .mud-button-filled, .developer-copy > .mud-button, .landing-cta-card > .mud-button { color: #141519; font-weight: 700; box-shadow: 0 8px 30px color-mix(in srgb, var(--apx-accent) 17%, transparent); }
.hero-actions .mud-button-outlined { border-color: #3b414c; color: #d1d3d8; }
.hero-assurances { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 28px; color: #8e949f; font-size: 11px; }
.hero-assurances span { display: inline-flex; align-items: center; gap: 7px; }
.hero-assurances .mud-icon-root { color: var(--apx-accent); font-size: 17px; }
.hero-art { position: relative; width: min(100%, 530px); aspect-ratio: 1.04; justify-self: center; isolation: isolate; }
.hero-art-frame { position: absolute; inset: 2%; display: grid; place-items: center; overflow: hidden; border: 1px solid rgb(255 255 255 / 7%); border-radius: 30px; background: radial-gradient(ellipse at center, #22262e, #15181e 70%); box-shadow: 0 32px 80px rgb(0 0 0 / 30%); }
.hero-art-frame img { width: 105%; height: 105%; object-fit: contain; filter: drop-shadow(0 24px 26px rgb(0 0 0 / 38%)); }
.hero-floating-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 11px; padding: 12px 15px; border: 1px solid #353a44; border-radius: 13px; background: rgb(26 29 36 / 93%); box-shadow: 0 16px 38px rgb(0 0 0 / 28%); }
.hero-floating-card-top { top: 13%; right: -3%; }
.hero-floating-card-bottom { bottom: 12%; left: -5%; }
.hero-floating-card > span:last-child { display: flex; flex-direction: column; gap: 4px; }
.hero-floating-card strong { color: #ecece8; font-size: 11px; font-weight: 600; }
.hero-floating-card small { color: #999faa; font-size: 9px; }
.floating-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--apx-accent); background: color-mix(in srgb, var(--apx-accent) 14%, transparent); }
.floating-icon .mud-icon-root { font-size: 19px; }
.status-pulse { width: 9px; height: 9px; border-radius: 50%; background: #52d69a; box-shadow: 0 0 0 5px rgb(82 214 154 / 12%), 0 0 15px rgb(82 214 154 / 60%); }
.hero-scroll-cue { position: absolute; right: 50%; bottom: 27px; display: flex; align-items: center; gap: 9px; color: #727984; font-size: 10px; transform: translateX(50%); }
.hero-scroll-cue span { width: 16px; height: 26px; border: 1px solid #565c66; border-radius: 12px; }
.hero-scroll-cue span::after { display: block; width: 2px; height: 5px; margin: 5px auto; border-radius: 4px; background: var(--apx-accent); content: ""; }

.landing-section { padding-block: 112px; }
.marketplace-section { position: relative; border-block: 1px solid rgb(255 255 255 / 5%); background: linear-gradient(115deg, rgb(255 255 255 / 1.5%), transparent 44%, rgb(255 255 255 / 1.2%)); }
.marketplace-grid, .developer-grid, .ecosystem-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(44px, 8vw, 110px); }
.marketplace-art, .ecosystem-art { position: relative; min-height: 400px; }
.image-panel { display: grid; place-items: center; overflow: hidden; border: 1px solid #282d37; border-radius: 24px; background: radial-gradient(ellipse at center, #20242c 0%, #15181e 72%); box-shadow: 0 26px 70px rgb(0 0 0 / 19%); }
.image-panel::before { position: absolute; inset: 0; background-image: radial-gradient(rgb(255 255 255 / 12%) .7px, transparent .7px); background-size: 18px 18px; mask-image: radial-gradient(ellipse at center, #000, transparent 75%); content: ""; opacity: .17; }
.image-panel > img { position: relative; z-index: 1; width: 88%; height: 88%; object-fit: contain; filter: drop-shadow(0 15px 25px rgb(0 0 0 / 28%)); }
.image-panel-caption { position: absolute; z-index: 2; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #373d47; border-radius: 10px; color: #dbdcd8; background: rgb(19 22 27 / 90%); font-size: 10px; }
.image-panel-caption .mud-icon-root { color: var(--apx-accent); font-size: 17px; }
.section-copy { max-width: 560px; }
.section-title { margin: 15px 0 13px !important; color: #efefeb; font-size: clamp(29px, 3.5vw, 42px) !important; font-weight: 650 !important; line-height: 1.6 !important; }
.section-description { max-width: 530px; font-size: 13px; }
.service-category-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-block: 25px 13px; }
.service-category-list span { display: flex; align-items: center; gap: 9px; padding: 11px 12px; border: 1px solid #292e37; border-radius: 10px; color: #c5c8ce; background: #171a20; font-size: 11px; }
.service-category-list .mud-icon-root { color: var(--apx-accent); font-size: 18px; }
.text-link-button { margin-inline-start: -8px; }
.text-link-button .mud-button-label { font-size: 12px; font-weight: 600; }

.features-section { padding-block: 120px 132px; }
.section-heading { max-width: 760px; margin: 0 auto 47px; }
.centered-heading { display: flex; flex-direction: column; align-items: center; text-align: center; }
.centered-heading .section-kicker { justify-content: center; }
.centered-heading .section-title { margin-top: 12px !important; }
.centered-heading .section-description { max-width: 630px; }
.feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.feature-card { position: relative; min-height: 220px; overflow: hidden; padding: 24px 21px; border: 1px solid #292e37; border-radius: 15px !important; background: linear-gradient(145deg, #1a1d24, #15181d) !important; transition: transform .18s ease, border-color .18s ease; }
.feature-card:hover { border-color: color-mix(in srgb, var(--apx-accent) 38%, #30353f); transform: translateY(-4px); }
.feature-icon { display: grid; width: 43px; height: 43px; margin-bottom: 18px; place-items: center; border: 1px solid color-mix(in srgb, var(--apx-accent) 25%, transparent); border-radius: 13px; color: var(--apx-accent); background: color-mix(in srgb, var(--apx-accent) 9%, #1a1d23); }
.feature-card .mud-typography-h6 { margin-bottom: 8px; color: #ecece8; font-size: 15px; font-weight: 600; }
.feature-card .mud-typography-body2 { color: #9ea4ae; font-size: 11px; line-height: 1.9; }
.feature-index { position: absolute; top: 19px; left: 18px; color: #4a505c; font: 700 11px/1 Arial, sans-serif; }

.developer-section { border-block: 1px solid rgb(255 255 255 / 5%); background: #14171c; }
.developer-copy .section-description { margin-bottom: 21px; }
.developer-checks { display: grid; gap: 10px; margin-block: 23px 28px; }
.developer-checks span { display: flex; align-items: center; gap: 9px; color: #c3c7cf; font-size: 11px; }
.developer-checks .mud-icon-root { color: var(--apx-accent); font-size: 18px; }
.developer-showcase { position: relative; min-height: 410px; }
.developer-image { position: absolute; top: 0; left: 0; width: 88%; height: 85%; overflow: hidden; border: 1px solid #303640; border-radius: 22px; background: radial-gradient(ellipse, #242934, #171a20 70%); }
.developer-image img { width: 100%; height: 100%; object-fit: contain; }
.code-window { position: absolute; z-index: 2; right: 0; bottom: 0; width: 78%; overflow: hidden; border: 1px solid #3a414d; border-radius: 14px; background: #101318; box-shadow: 0 25px 55px rgb(0 0 0 / 45%); }
.code-window-top { display: flex; height: 39px; align-items: center; gap: 5px; padding-inline: 14px; border-bottom: 1px solid #282d36; background: #1a1e25; }
.code-window-top > span { width: 7px; height: 7px; border-radius: 50%; background: #525965; }
.code-window-top > span:first-child { background: #ff806c; }.code-window-top > span:nth-child(2) { background: #ffc65d; }.code-window-top > span:nth-child(3) { background: #5ccf8f; }
.code-window-top small { margin-inline-start: auto; color: #969daa; font: 10px/1 Consolas, monospace; }
.code-window pre { margin: 0; padding: 19px 18px; overflow-x: auto; color: #d5d7da; font: 10px/2 Consolas, monospace; }
.code-method { color: #63d2b6; }.code-variable { color: var(--apx-accent); }
.code-window-status { display: flex; align-items: center; gap: 7px; padding: 9px 17px; border-top: 1px solid #252a33; color: #8d949f; font: 9px/1 Consolas, monospace; }
.code-window-status span { width: 6px; height: 6px; border-radius: 50%; background: #55d59a; }

.trust-usage-section { padding-block: 112px; }
.trust-usage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.trust-card { position: relative; display: flex; min-height: 340px; overflow: hidden; border: 1px solid #2b3039; border-radius: 18px; background: linear-gradient(135deg, #1b1f26, #15181e); }
.trust-card-copy { position: relative; z-index: 2; width: 57%; padding: 29px 27px; }
.trust-card .section-title { margin-block: 11px 8px !important; font-size: 25px !important; }
.trust-card .section-description { font-size: 11px; line-height: 1.9 !important; }
.trust-card-image { position: absolute; top: 0; left: 0; width: 47%; height: 100%; display: grid; place-items: center; overflow: hidden; mask-image: linear-gradient(90deg, #000 50%, transparent 100%); }
.trust-card-image img { width: 112%; height: 100%; object-fit: contain; }
.trust-points { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 19px; }
.trust-points span { display: inline-flex; align-items: center; gap: 5px; color: #c2c6ce; font-size: 9px; }
.trust-points .mud-icon-root { color: var(--apx-accent); font-size: 15px; }

.ecosystem-section { padding-block: 114px; border-top: 1px solid rgb(255 255 255 / 5%); background: linear-gradient(90deg, transparent, rgb(255 255 255 / 1.8%), transparent); }
.ecosystem-art { min-height: 390px; }
.ecosystem-art > img { width: 92%; }
.language-orbit { position: absolute; z-index: 2; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #424854; border-radius: 13px; color: var(--apx-accent); background: #1b1f27; box-shadow: 0 12px 26px rgb(0 0 0 / 35%); direction: ltr; font: 700 12px/1 Arial, sans-serif; }
.language-orbit-one { top: 14%; right: 13%; }.language-orbit-two { top: 45%; left: 8%; color: #65d4c2; }.language-orbit-three { right: 21%; bottom: 11%; color: #8eaaff; }
.language-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.language-tags span { padding: 8px 12px; border: 1px solid #343a44; border-radius: 9px; color: #c9ccd2; background: #1a1d24; direction: ltr; font: 10px/1.3 Arial, sans-serif; }

.about-section { border-top: 1px solid rgb(255 255 255 / 5%); background: linear-gradient(120deg, rgb(255 255 255 / 1.5%), transparent 52%); }
.about-page-intro { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(36px, 6vw, 76px); }
.about-copy { max-width: 510px; }
.about-page-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.about-link { min-height: 44px; padding-inline: 17px; border-color: #383e49; border-radius: 10px; color: #e5e6e2; font-size: 11px; }
.about-contact-link { color: #141519 !important; }
.about-page-art, .contact-page-art { position: relative; overflow: hidden; margin: 0; border: 1px solid #303640; border-radius: 18px; background: #151a22; box-shadow: 0 24px 65px rgb(0 0 0 / 24%); }
.about-page-art { aspect-ratio: 1.5; }
.about-page-art img, .contact-page-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-page-art figcaption, .contact-page-art figcaption { position: absolute; right: 15px; bottom: 14px; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid #3b424d; border-radius: 10px; color: #e7e8e5; background: rgb(16 19 24 / 88%); font-size: 10px; backdrop-filter: blur(9px); }
.about-page-art figcaption .mud-icon-root, .contact-page-art figcaption .mud-icon-root { color: var(--apx-accent); font-size: 17px; }
.about-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 48px; }
.about-principle { position: relative; display: flex; min-height: 112px; align-items: center; gap: 17px; overflow: hidden; padding: 20px 21px; border: 1px solid #292e37; border-radius: 15px; background: linear-gradient(110deg, #1c2027, #171a20 78%); }
.about-principle-icon { display: grid; width: 45px; height: 45px; flex: 0 0 auto; place-items: center; border: 1px solid color-mix(in srgb, var(--apx-accent) 24%, transparent); border-radius: 13px; color: var(--apx-accent); background: color-mix(in srgb, var(--apx-accent) 9%, #191c22); }
.about-principle-icon .mud-icon-root { font-size: 21px; }
.about-principle > div { position: relative; z-index: 1; }
.about-principle-title { margin-bottom: 5px; color: #eeeeea; font-size: 13px !important; font-weight: 600 !important; }
.about-principle-description { color: #a1a7b1; font-size: 10px !important; line-height: 1.9 !important; }
.about-principle-index { position: absolute; left: 18px; top: 17px; color: #414752; font: 700 10px/1 Arial, sans-serif; }

.contact-section { border-top: 1px solid rgb(255 255 255 / 5%); background: #14171c; }
.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: clamp(38px, 6vw, 78px); }
.contact-copy { max-width: 455px; padding-top: 15px; }
.contact-page-art { aspect-ratio: 1.5; margin-bottom: 25px; }
.contact-promise { display: flex; align-items: flex-start; gap: 13px; margin-top: 27px; padding: 17px; border: 1px solid #2b3039; border-radius: 13px; background: #191c22; }
.contact-promise-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 11px; color: var(--apx-accent); background: color-mix(in srgb, var(--apx-accent) 10%, #191c22); }
.contact-promise .mud-typography-subtitle1 { margin-bottom: 3px; color: #e7e8e4; font-size: 11px; font-weight: 600; }
.contact-promise .mud-typography-body2 { color: #969da7; font-size: 10px; line-height: 1.8; }
.contact-topics { display: flex; flex-wrap: wrap; gap: 9px 15px; margin-top: 19px; }
.contact-topics span { display: inline-flex; align-items: center; gap: 6px; color: #aeb3bc; font-size: 10px; }
.contact-topics .mud-icon-root { color: var(--apx-accent); font-size: 16px; }
.contact-panel { padding: 27px; border: 1px solid #303640; border-radius: 18px; color: var(--landing-text); background: linear-gradient(145deg, #1c2027, #171a20) !important; box-shadow: 0 24px 65px rgb(0 0 0 / 18%); }
.contact-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 22px; }
.contact-panel-title { color: #f0f0ec; font-size: 18px !important; font-weight: 650 !important; }
.contact-panel-description { margin-top: 4px; color: #969da7; font-size: 10px !important; }
.contact-panel-mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--apx-accent) 25%, transparent); border-radius: 13px; color: var(--apx-accent); background: color-mix(in srgb, var(--apx-accent) 9%, #1a1d24); }
.contact-form .mud-input-control { margin: 0; }
.contact-form .mud-input-label { color: #a9afb9; font-size: 11px; }
.contact-form .mud-input-slot, .contact-form .mud-input-root { color: #e8e9e5; font-size: 12px; }
.contact-form .mud-input-outlined-border { border-color: #373d47; }
.contact-form .mud-input-control:hover .mud-input-outlined-border { border-color: #555d69; }
.contact-form .mud-input-control.mud-input-control-input-error .mud-input-outlined-border { border-color: #ff747e; }
.contact-form .mud-input-helper-text, .contact-form .validation-message { color: #ff969d; font-size: 10px; }
.contact-fields-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 14px; }
.contact-field-full { grid-column: 1 / -1; }
.contact-form .mud-input-slot::placeholder { color: #727a86; opacity: 1; }
.contact-form-feedback { margin-top: 15px; font-size: 11px; }
.contact-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 17px; margin-top: 19px; }
.contact-form-note { max-width: 290px; color: #89919c; font-size: 9px; line-height: 1.8; }
.contact-submit { min-height: 44px; flex: 0 0 auto; padding-inline: 17px; border-radius: 10px; color: #141519 !important; font-size: 11px; font-weight: 700; }

.landing-cta-section { padding-block: 22px; background: #14171c; }
.landing-cta-card { position: relative; display: flex; min-height: 224px; align-items: center; justify-content: space-between; gap: 28px; overflow: hidden; padding: 36px 44px; border: 1px solid color-mix(in srgb, var(--apx-accent) 25%, #303640); border-radius: 20px; background: linear-gradient(110deg, #20242c, #171a20 76%); }
.cta-copy { position: relative; z-index: 1; max-width: 690px; }
.cta-copy .mud-typography-h2 { margin-block: 12px 8px; color: #f2f1ed; font-size: clamp(24px, 3vw, 34px); font-weight: 650; line-height: 1.5; }
.cta-copy .mud-typography-body1 { color: #a3a9b3; font-size: 12px; }
.landing-cta-card > .mud-button { position: relative; z-index: 1; flex: 0 0 auto; }
.cta-orbit { position: absolute; top: -145px; left: 10%; width: 370px; height: 370px; border: 1px solid color-mix(in srgb, var(--apx-accent) 18%, transparent); border-radius: 50%; box-shadow: 0 0 0 34px color-mix(in srgb, var(--apx-accent) 3%, transparent), 0 0 0 70px color-mix(in srgb, var(--apx-accent) 2%, transparent); }
.landing-footer { flex: 0 0 auto; margin-top: auto; padding-block: 29px 21px; border-top: 1px solid rgb(255 255 255 / 7%); color: #818894; background: #0d1014; }
.landing-footer-inner { display: grid; grid-template-columns: minmax(190px, .8fr) 2fr; align-items: center; gap: 21px 34px; }
.footer-identity { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.landing-footer .mud-typography { color: #8c929d; font-size: 10px; }
.landing-footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.landing-footer nav a { font-size: 10px; }
.footer-brand-logo { width: 130px; }
.footer-bottom { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 12px; padding-top: 17px; border-top: 1px solid rgb(255 255 255 / 6%); color: #707782; font-size: 9px; }

@media (max-width: 1023px) {
    .landing-container { width: min(100% - 48px, 900px); }
    .landing-header-inner { width: calc(100% - 40px); gap: 19px; }
    .landing-nav { gap: 18px; }
    .landing-nav a { font-size: 11px; }
    .landing-hero { min-height: 590px; }
    .hero-title { font-size: clamp(32px, 4.2vw, 43px) !important; }
    .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .trust-usage-grid { grid-template-columns: 1fr; }
    .trust-card { min-height: 305px; }
    .about-page-intro { grid-template-columns: 1fr; gap: 25px; }
    .contact-grid { grid-template-columns: 1fr; gap: 28px; }
    .contact-copy { max-width: 700px; }
}

@media (min-width: 1024px) and (max-width: 1170px) {
    .hero-title { font-size: clamp(40px, 4.3vw, 47px) !important; }
}

@media (max-width: 767px) {
    .landing-container { width: calc(100% - 36px); }
    .landing-header-inner { width: calc(100% - 28px); height: 66px; gap: 8px; }
    .landing-brand-logo { width: 122px; }
    .landing-menu-toggle { display: inline-flex; order: 3; }
    .landing-nav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 18px 14px; border-bottom: 1px solid #30353f; background: #15181e; box-shadow: 0 18px 32px rgb(0 0 0 / 27%); }
    .landing-nav.is-open { display: flex; }
    .landing-nav a { padding: 12px 9px; border-bottom: 1px solid rgb(255 255 255 / 5%); font-size: 13px; }
    .landing-nav a:last-child { border-bottom: 0; }
    .landing-header-actions { gap: 0; margin-inline-start: auto; }
    .landing-header-actions .mud-button { min-height: 36px; padding-inline: 10px; font-size: 10px; }
    .landing-header-actions .landing-login { padding-inline: 7px; }
    .landing-header-actions .landing-register .mud-button-end-icon { display: none; }
    .landing-hero { min-height: auto; grid-template-columns: 1fr; gap: 20px; padding-block: 58px 75px; }
    .hero-copy { max-width: 100%; padding: 0; }
    .section-kicker { font-size: 10px; }
    .hero-title { margin-block: 15px 10px !important; font-size: clamp(34px, 9vw, 46px) !important; line-height: 1.5 !important; }
    .hero-description { font-size: 12px; line-height: 2 !important; }
    .hero-actions { gap: 7px; margin-top: 20px; }
    .hero-actions .mud-button { min-height: 42px; padding-inline: 12px; font-size: 10px; }
    .hero-assurances { gap: 12px; margin-top: 19px; font-size: 9px; }
    .hero-assurances .mud-icon-root { font-size: 15px; }
    .hero-art { width: min(100%, 430px); margin-top: 8px; }
    .hero-art-frame { border-radius: 22px; }
    .hero-floating-card { gap: 7px; padding: 9px 10px; border-radius: 10px; }
    .hero-floating-card-top { right: -1%; }.hero-floating-card-bottom { left: -1%; }
    .hero-floating-card strong { font-size: 9px; }.hero-floating-card small { font-size: 8px; }
    .floating-icon { width: 29px; height: 29px; }
    .hero-scroll-cue { bottom: 20px; }
    .landing-section { padding-block: 72px; }
    .marketplace-grid, .developer-grid, .ecosystem-grid { grid-template-columns: 1fr; gap: 34px; }
    .marketplace-art, .ecosystem-art { min-height: 270px; order: 2; border-radius: 18px; }
    .marketplace-grid .section-copy, .ecosystem-grid .section-copy { order: 1; }
    .image-panel-caption { right: 12px; bottom: 11px; font-size: 9px; }
    .section-title { margin-block: 12px 9px !important; font-size: clamp(27px, 7vw, 34px) !important; line-height: 1.55 !important; }
    .section-description { font-size: 11px; line-height: 2 !important; }
    .service-category-list { gap: 7px; margin-block: 18px 10px; }
    .service-category-list span { gap: 6px; padding: 9px 8px; font-size: 9px; }
    .service-category-list .mud-icon-root { font-size: 16px; }
    .text-link-button { margin-inline-start: -8px; }
    .features-section { padding-block: 76px; }
    .section-heading { margin-bottom: 26px; }
    .centered-heading .section-title { font-size: 26px !important; }
    .centered-heading .section-description { font-size: 11px; }
    .feature-grid { grid-template-columns: 1fr; gap: 9px; }
    .feature-card { min-height: auto; padding: 17px; }
    .feature-icon { width: 38px; height: 38px; margin-bottom: 12px; }
    .feature-card .mud-typography-h6 { font-size: 13px; }
    .feature-card .mud-typography-body2 { padding-inline-end: 50px; font-size: 10px; }
    .feature-index { top: 19px; left: 18px; }
    .developer-section { padding-block: 70px; }
    .developer-copy .section-description { margin-bottom: 12px; }
    .developer-checks { gap: 8px; margin-block: 17px 20px; }
    .developer-showcase { min-height: 315px; }
    .developer-image { width: 92%; height: 82%; border-radius: 17px; }
    .code-window { width: 87%; border-radius: 11px; }
    .code-window pre { padding: 14px 12px; font-size: 8px; }
    .trust-usage-section { padding-block: 70px; }
    .trust-card { min-height: 290px; }
    .trust-card-copy { width: 66%; padding: 20px 17px; }
    .trust-card .section-title { font-size: 21px !important; }
    .trust-card .section-description { font-size: 9px; }
    .trust-card-image { width: 43%; opacity: .75; }
    .trust-points { gap: 6px; margin-top: 14px; }
    .trust-points span { font-size: 8px; }
    .ecosystem-section { padding-block: 70px; }
    .ecosystem-art { min-height: 270px; }
    .about-section, .contact-section { padding-block: 70px; }
    .about-page-intro { gap: 21px; }
    .about-principle { min-height: 92px; gap: 12px; padding: 16px; }
    .about-principle-icon { width: 39px; height: 39px; }
    .about-principle-title { font-size: 12px !important; }
    .about-principle-description { font-size: 9px !important; }
    .contact-grid { gap: 22px; }
    .contact-copy { padding-top: 0; }
    .contact-promise { margin-top: 18px; padding: 13px; }
    .contact-panel { padding: 19px 15px; border-radius: 15px; }
    .contact-panel-heading { margin-bottom: 17px; }
    .contact-panel-title { font-size: 16px !important; }
    .contact-fields-grid { grid-template-columns: 1fr; gap: 14px; }
    .contact-field-full { grid-column: auto; }
    .contact-form-actions { align-items: stretch; flex-direction: column; gap: 12px; }
    .contact-form-note { max-width: none; }
    .contact-submit { align-self: flex-start; min-height: 42px; }
    .landing-cta-section { padding-top: 12px; }
    .landing-cta-card { min-height: auto; flex-direction: column; align-items: stretch; gap: 19px; padding: 23px 20px; border-radius: 16px; }
    .cta-copy .mud-typography-h2 { font-size: 23px; }
    .cta-copy .mud-typography-body1 { font-size: 10px; line-height: 1.9; }
    .landing-cta-card > .mud-button { align-self: flex-start; min-height: 42px; padding-inline: 12px; font-size: 10px; }
    .cta-orbit { top: -94px; left: -58px; width: 220px; height: 220px; }
    .about-principles { grid-template-columns: 1fr; gap: 10px; margin-top: 28px; }
    .contact-page-art { margin-bottom: 20px; }
    .landing-footer-inner { grid-template-columns: 1fr; gap: 18px; }
    .landing-footer nav { gap: 9px 15px; }
    .landing-footer nav a { font-size: 9px; }
    .footer-bottom { grid-column: auto; align-items: flex-start; flex-direction: column; gap: 6px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* API catalog and OpenAPI explorer */
.featured-services-wrap { margin-top: 72px; }
.featured-services-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 19px; }
.featured-services-title { margin: 10px 0 0 !important; color: #efefeb; font-size: 23px !important; font-weight: 650 !important; }
.featured-services-count, .catalog-count { color: #9ca3ad; }
.catalog-count { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--apx-accent); font-size: 12px; }
.featured-loading, .catalog-loading, .docs-loading { display: flex; min-height: 150px; align-items: center; justify-content: center; gap: 12px; color: #a5aab4; }
.featured-service-card, .service-card { height: 100%; border: 1px solid #2c313b; border-radius: 16px; color: var(--landing-text); background: linear-gradient(145deg, #1d2129, #171a20); transition: border-color .18s ease, transform .18s ease; }
.featured-service-card { display: flex; flex-direction: column; }
.featured-service-card:hover, .service-card:hover { border-color: color-mix(in srgb, var(--apx-accent) 48%, #343a44); transform: translateY(-3px); }
.featured-service-card .mud-card-content, .service-card .mud-card-content { flex: 1; padding: 20px; }
.featured-service-top, .service-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 17px; }
.featured-service-name, .service-card-title { margin-bottom: 9px !important; color: #eee; font-size: 16px !important; font-weight: 650 !important; line-height: 1.7 !important; }
.featured-service-description, .service-card-description { display: -webkit-box; min-height: 62px; overflow: hidden; color: #a5aab4; font-size: 11px !important; line-height: 1.9 !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.featured-service-route, .service-route { display: block; margin-top: 14px; padding: 8px 10px; overflow: auto; border: 1px solid #2c313b; border-radius: 8px; color: #aeb4bf; background: #12151a; font-size: 10px; white-space: nowrap; }
.featured-service-card .mud-card-actions { padding: 0 12px 10px; }
.featured-services-action { display: flex; justify-content: center; margin-top: 20px; }
.featured-services-action .mud-button { min-height: 42px; }
.http-method { display: inline-grid; min-width: 48px; min-height: 25px; place-items: center; padding: 3px 8px; border: 1px solid rgb(84 207 151 / 28%); border-radius: 7px; color: #70dfa9; background: rgb(50 185 124 / 9%); direction: ltr; font: 700 9px/1.2 Consolas, monospace; }
.method-get { color: #71c9ff; border-color: rgb(80 177 239 / 30%); background: rgb(80 177 239 / 9%); }
.method-put, .method-patch { color: #e7c777; border-color: rgb(231 199 119 / 30%); background: rgb(231 199 119 / 9%); }
.method-delete { color: #ff8b92; border-color: rgb(255 139 146 / 30%); background: rgb(255 139 146 / 9%); }

.catalog-page { min-height: calc(100vh - 78px); padding-bottom: 100px; }
.catalog-intro { padding-block: 70px 38px; text-align: center; }
.catalog-intro .section-kicker { justify-content: center; }
.catalog-intro .section-title { margin-inline: auto !important; }
.catalog-intro .section-description { max-width: 760px; margin-inline: auto; }
.catalog-intro .catalog-count { justify-content: center; }
.catalog-content { padding-bottom: 24px; }
.catalog-browser { padding: 22px; border: 1px solid #2a2f39; border-radius: 18px; color: var(--landing-text); background: #171a20; }
.catalog-toolbar { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(180px, .65fr) auto; align-items: center; gap: 13px; margin-bottom: 22px; }
.catalog-toolbar .mud-input-control, .docs-sidebar .mud-input-control { margin: 0; }
.catalog-toolbar .mud-input-label, .docs-sidebar .mud-input-label { color: #969da8; }
.catalog-view-switch { display: inline-flex; padding: 4px; border: 1px solid #303641; border-radius: 11px; background: #12151a; }
.catalog-view-switch .mud-icon-button { width: 40px; height: 40px; border-radius: 8px; color: #9da4af; }
.catalog-view-switch .catalog-view-active { color: var(--apx-accent); background: color-mix(in srgb, var(--apx-accent) 12%, #1a1e24); }
.catalog-empty { margin-block: 14px; }
.service-card-grid { margin-top: 0; }
.service-card .mud-card-content { padding: 19px 18px 9px; }
.service-card .mud-card-actions { padding: 0 10px 9px; }
.service-card-title { min-height: 54px; }
.service-list { display: grid; }
.service-list-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 17px; padding: 17px 8px; border-bottom: 1px solid #2a2f39; }
.service-list-item:last-child { border-bottom: 0; }
.service-list-copy { min-width: 0; }
.service-list-copy .mud-typography-h3 { margin: 0 0 4px; color: #ebebe8; font-size: 14px; font-weight: 600; }
.service-list-copy .mud-typography-body2 { display: -webkit-box; overflow: hidden; color: #989faa; font-size: 10px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.service-list-copy code { display: inline-block; margin-top: 6px; color: #8f98a6; font-size: 10px; }
.service-table { color: #d7d9dd; background: transparent; }
.service-table .mud-table-head { background: #1b1f27; }
.service-table .mud-table-cell { border-color: #2b3039; }
.service-table code { color: #a9b1be; font-size: 10px; white-space: nowrap; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.api-docs-page { min-height: calc(100vh - 78px); padding-bottom: 80px; }
.docs-intro { padding-block: 42px 24px; }
.docs-intro .section-title { margin-block: 9px 4px !important; font-size: clamp(27px, 3vw, 38px) !important; }
.docs-intro .section-description { max-width: 800px; }
.docs-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 18px; }
.docs-meta-row > span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #2d333d; border-radius: 9px; color: #aab0ba; background: #191c23; font-size: 10px; }
.docs-meta-row .mud-icon-root { color: var(--apx-accent); font-size: 16px; }
.docs-base-url { font: 10px/1.2 Consolas, monospace; }
.docs-explorer { display: grid; grid-template-columns: minmax(260px, 330px) minmax(0, 1fr); align-items: start; gap: 16px; }
.docs-sidebar, .docs-detail { min-width: 0; border: 1px solid #2a2f39; border-radius: 15px; background: #171a20; }
.docs-sidebar { position: sticky; top: 94px; max-height: calc(100vh - 110px); padding: 15px; overflow: hidden; }
.docs-sidebar-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.docs-sidebar-heading .mud-typography-h2 { margin: 0; color: #e7e8e5; font-size: 15px; font-weight: 650; }
.docs-search, .docs-category-select { margin-bottom: 12px !important; }
.docs-endpoint-list { display: grid; max-height: calc(100vh - 300px); gap: 5px; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #3c424d transparent; scrollbar-width: thin; }
.docs-endpoint-link { display: flex; min-width: 0; align-items: center; gap: 9px; padding: 10px 8px; border: 1px solid transparent; border-radius: 9px; color: inherit; text-decoration: none; transition: background .16s ease, border-color .16s ease; }
.docs-endpoint-link:hover, .docs-endpoint-link.is-selected { border-color: color-mix(in srgb, var(--apx-accent) 28%, #2e333d); background: color-mix(in srgb, var(--apx-accent) 8%, #1b1f26); }
.docs-endpoint-name { display: grid; min-width: 0; gap: 4px; }
.docs-endpoint-name strong { overflow: hidden; color: #d9dadd; font-size: 10px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }
.docs-endpoint-name code { overflow: hidden; color: #858d9a; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.docs-no-results { padding: 18px 8px; color: #9ba2ad; }
.docs-detail { padding: 23px; }
.docs-operation-header { display: grid; justify-items: start; gap: 10px; padding-bottom: 20px; border-bottom: 1px solid #2a2f39; }
.docs-operation-title { margin: 0 !important; color: #f0f0ed; font-size: 24px !important; font-weight: 650 !important; line-height: 1.5 !important; }
.docs-operation-route { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 1px solid #2c323c; border-radius: 9px; background: #111419; }
.docs-operation-route code { overflow-x: auto; color: #c1c6d0; font-size: 11px; white-space: nowrap; }
.docs-detail .mud-tabs { margin-top: 13px; }
.docs-detail .mud-tab { color: #a3aab4; font-size: 11px; }
.docs-detail .mud-tab.mud-tab-active { color: var(--apx-accent); }
.docs-detail .mud-tabs-toolbar { border-bottom: 1px solid #2a2f39; }
.docs-tab-panel { padding-top: 18px; }
.docs-description { padding: 9px 0 14px; color: #b5bac3; font-size: 13px; line-height: 2; white-space: pre-line; }
.docs-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.docs-info-card { display: grid; align-content: start; gap: 11px; min-width: 0; padding: 15px; border: 1px solid #2c313a; border-radius: 11px; background: #1b1f26; }
.docs-info-card .mud-typography-body2, .docs-info-card .mud-typography-caption { color: #a5acb6; line-height: 1.8; }
.docs-auth-note { display: flex; align-items: center; gap: 7px; color: #d1d4d8; font-size: 10px; }
.docs-auth-note .mud-icon-root { color: var(--apx-accent); font-size: 16px; }
.docs-full-url { overflow-wrap: anywhere; color: #c7cbd3; font-size: 10px; }
.docs-code-section, .docs-schema-section { margin-top: 20px; }
.docs-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 10px; }
.docs-section-heading .mud-typography-h3 { margin: 0; color: #e7e8e5; font-size: 14px; font-weight: 600; }
.docs-section-heading .mud-typography-caption, .docs-model-name { color: #949ba6; }
.api-code-block { max-height: 440px; margin: 0; padding: 17px; overflow: auto; border: 1px solid #303641; border-radius: 11px; color: #d3d8e0; background: #101318; font: 10px/1.8 Consolas, "Courier New", monospace; text-align: left; white-space: pre; }
.api-code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.api-code-language { width: min(100%, 250px); }
.api-code-sample { min-height: 220px; }
.api-code-hint { display: block; margin-top: 9px; color: #949ba6; }
.docs-schema-section > .api-schema-table, .docs-response-card .api-schema-table { width: 100%; }
.api-schema-table { border-collapse: collapse; color: #c6cad1; font-size: 10px; }
.api-schema-table th { color: #969eaa; background: #1b1f26; font-weight: 550; text-align: right; }
.api-schema-table td, .api-schema-table th { padding: 10px 9px; border: 1px solid #2c313a; vertical-align: top; }
.api-schema-table td { line-height: 1.7; }
.schema-field-name, .schema-field-type { color: #c7d4e2; font: 10px/1.7 Consolas, monospace; text-align: left; }
.schema-field-type { color: #a8b4c3; }
.schema-required { color: #969da8; font-size: 9px; white-space: nowrap; }
.schema-required.is-required { color: var(--apx-accent); }
.schema-nested-row > td { padding: 0 !important; background: #14171c; }
.schema-nested { padding: 12px; }
.schema-nested-title { margin-bottom: 8px; color: #aab1bc; font-size: 9px; }
.docs-responses { display: grid; gap: 14px; }
.docs-response-card { padding: 15px; border: 1px solid #2d333d; border-radius: 11px; background: #1a1e25; }
.docs-response-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.docs-response-heading .mud-typography-h3 { margin: 0; color: #e4e5e2; font-size: 13px; }
.response-status { padding: 4px 8px; border-radius: 6px; color: #70dfa9; background: rgb(50 185 124 / 10%); direction: ltr; font: 700 10px/1 Consolas, monospace; }
.docs-model-name { display: block; margin-bottom: 9px; }
.docs-load-error { padding-top: 48px; }
.scalar-launch-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px; border: 1px solid #2d333d; border-radius: 13px; background: #1a1e25; }
.scalar-launch-copy { display: grid; gap: 8px; max-width: 680px; }
.scalar-launch-copy .mud-typography-h3 { margin: 0; color: #f0f0ed; font-size: 16px; font-weight: 650; }
.scalar-launch-copy .mud-typography-body2 { color: #a5acb6; line-height: 1.9; }
.scalar-page { min-height: calc(100vh - 78px); padding-bottom: 64px; }
.scalar-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-block: 38px 22px; }
.scalar-page-heading .section-title { margin-block: 9px 4px !important; font-size: clamp(26px, 3vw, 36px) !important; }
.scalar-page-heading .section-description { color: #a5acb6; }
.scalar-reference-frame { position: relative; min-height: 76vh; overflow: hidden; border: 1px solid #2a2f39; border-radius: 15px; background: #171a20; }
.scalar-reference-host { min-height: 76vh; background: #171a20; }
.scalar-reference-host .dark-mode { --scalar-color-accent: var(--apx-accent) !important; }
.scalar-loading { position: absolute; z-index: 1; inset: 0; display: flex; align-items: center; justify-content: center; gap: 12px; color: #b8bec8; background: #171a20; }
.scalar-load-error { position: absolute; z-index: 2; top: 16px; right: 16px; left: 16px; }
.scalar-load-error .mud-alert-message { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }

@media (max-width: 1023px) {
    .docs-explorer { grid-template-columns: minmax(230px, 285px) minmax(0, 1fr); gap: 12px; }
    .docs-detail { padding: 18px; }
    .service-list-item { grid-template-columns: auto minmax(0, 1fr) auto; }
    .service-list-item > .mud-chip { display: none; }
}

@media (max-width: 767px) {
    .featured-services-wrap { margin-top: 48px; }
    .featured-services-heading { align-items: start; flex-direction: column; gap: 7px; }
    .featured-services-title { font-size: 20px !important; }
    .featured-service-card .mud-card-content { padding: 16px; }
    .catalog-page, .api-docs-page { min-height: calc(100vh - 66px); padding-bottom: 54px; }
    .catalog-intro { padding-block: 49px 27px; }
    .catalog-intro .section-title { font-size: 28px !important; }
    .catalog-browser { padding: 13px; border-radius: 13px; }
    .catalog-toolbar { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; margin-bottom: 15px; }
    .catalog-toolbar > .mud-input-control:first-child { grid-column: 1 / -1; }
    .catalog-toolbar > .mud-select { min-width: 0; }
    .catalog-view-switch .mud-icon-button { width: 36px; height: 36px; }
    .service-list-item { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 9px; padding: 14px 3px; }
    .service-list-copy { grid-column: 2; }
    .service-list-item > .mud-button { grid-column: 2; justify-self: start; }
    .service-list-copy .mud-typography-body2 { -webkit-line-clamp: 3; }
    .service-table .mud-table-cell { font-size: 10px; }
    .docs-intro { padding-block: 31px 18px; }
    .docs-intro .section-title { font-size: 28px !important; }
    .docs-meta-row { gap: 6px; }
    .docs-meta-row > span { padding: 7px 8px; font-size: 9px; }
    .docs-explorer { grid-template-columns: minmax(0, 1fr); }
    .docs-sidebar { position: static; max-height: none; padding: 12px; }
    .docs-endpoint-list { max-height: 285px; }
    .docs-detail { padding: 15px 12px; }
    .docs-operation-title { font-size: 20px !important; }
    .docs-detail .mud-tab { min-width: 0; padding-inline: 9px; font-size: 9px; }
    .docs-info-grid { grid-template-columns: minmax(0, 1fr); }
    .docs-description { font-size: 11px; }
    .docs-section-heading { align-items: start; flex-direction: column; gap: 4px; }
    .api-code-block { padding: 12px; font-size: 9px; }
    .api-code-toolbar { align-items: stretch; flex-direction: column; }
    .api-code-language { width: 100%; }
    .api-schema-table { min-width: 560px; }
    .docs-schema-section, .docs-response-card { overflow-x: auto; }
    .scalar-launch-card { align-items: stretch; flex-direction: column; padding: 17px; }
    .scalar-launch-card .mud-button-root { align-self: flex-start; }
    .scalar-page-heading { align-items: stretch; flex-direction: column; padding-block: 29px 18px; }
    .scalar-page-heading .mud-button-root { align-self: flex-start; }
    .scalar-reference-frame, .scalar-reference-host { min-height: 72vh; }
    .scalar-reference-frame { border-radius: 11px; }
}

@media (max-width: 390px) {
    .catalog-toolbar { grid-template-columns: minmax(0, 1fr); }
    .catalog-toolbar > .mud-input-control:first-child { grid-column: auto; }
    .catalog-view-switch { justify-self: start; }
    .docs-operation-route { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion: no-preference) {
    html { scroll-behavior: smooth; }
}