@font-face {
    font-family: "Inclusive Sans";
    src: url("/assets/fonts/inclusive-sans-400.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inclusive Sans";
    src: url("/assets/fonts/inclusive-sans-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inclusive Sans";
    src: url("/assets/fonts/inclusive-sans-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Inclusive Sans";
    src: url("/assets/fonts/inclusive-sans-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root,
html[data-theme="light"] {
    --so-base: #ffffff;
    --so-base-soft: #f6f8ff;
    --so-base-raised: #ffffff;
    --so-base-deep: #eef2f8;
    --so-text: #191e28;
    --so-muted: #5f6978;
    --so-faint: #7c8796;
    --so-line: rgba(25, 30, 40, 0.13);
    --so-line-strong: rgba(25, 30, 40, 0.22);
    --so-primary: #167bff;
    --so-primary-hover: #0868df;
    --so-accent: #0ba7bd;
    --so-violet: #8959e8;
    --so-positive: #168c68;
    --so-warning: #c37a16;
    --so-danger: #ce445b;
    --so-header: rgba(255, 255, 255, 0.9);
    --so-shadow: 0 22px 60px rgba(38, 51, 77, 0.12);
    --ink: var(--so-text);
    --muted: var(--so-muted);
    --line: var(--so-line);
    --paper: var(--so-base);
    --soft: var(--so-base-soft);
    --blue: var(--so-primary);
    --shell: 1160px;
    --type-body: 14px;
    --type-card-title: 17px;
    --type-section-title: 34px;
    --type-section-title-mobile: 28px;
}

html[data-theme="dark"] {
    --so-base: #0d1724;
    --so-base-soft: #111e2d;
    --so-base-raised: #172638;
    --so-base-deep: #0a131e;
    --so-text: #f0f4f8;
    --so-muted: #a9b5c2;
    --so-faint: #8290a0;
    --so-line: rgba(224, 236, 248, 0.13);
    --so-line-strong: rgba(224, 236, 248, 0.24);
    --so-primary: #378dff;
    --so-primary-hover: #65a8ff;
    --so-accent: #31c2d6;
    --so-violet: #aa70f2;
    --so-positive: #4fd1a3;
    --so-warning: #f1ae4c;
    --so-danger: #f37a8e;
    --so-header: rgba(9, 19, 31, 0.88);
    --so-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
    --ink: var(--so-text);
    --muted: var(--so-muted);
    --line: var(--so-line);
    --paper: var(--so-base);
    --soft: var(--so-base-soft);
    --blue: var(--so-primary);
}

html {
    background: var(--so-base);
}

body {
    background: var(--so-base);
    color: var(--so-text);
    font-family: "Inclusive Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

body,
button,
input,
select,
textarea {
    font-family: "Inclusive Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

::selection {
    background: color-mix(in srgb, var(--so-primary) 32%, transparent);
}

:focus-visible {
    outline: 2px solid var(--so-primary);
    outline-offset: 3px;
}

.site-shell {
    width: min(var(--shell), calc(100% - 48px));
}

.site-header {
    border-color: var(--so-line);
    background: var(--so-header);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(18px) saturate(140%);
}

html[data-theme] .site-header {
    border-color: var(--so-line);
    background: var(--so-header);
}

.site-header-inner {
    min-height: 72px;
}

.site-logo,
.site-footer-logo {
    color: var(--so-text);
}

.site-logo-word {
    color: currentColor;
    font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
}

.site-logo-icon-dark {
    display: none;
}

html[data-theme="dark"] .site-logo-icon-light {
    display: none;
}

html[data-theme="dark"] .site-logo-icon-dark {
    display: block;
}

.site-nav {
    justify-content: center;
    gap: 30px;
}

.site-nav a,
.site-login,
.site-start,
.site-mobile-nav a {
    font-size: 14px;
    font-weight: 500;
}

.site-nav a {
    padding-block: 26px;
    color: var(--so-muted);
}

.site-nav a:hover,
.site-login:hover,
.site-nav a[aria-current="page"] {
    color: var(--so-text);
}

.site-nav a[aria-current="page"] {
    box-shadow: inset 0 -2px var(--so-primary);
}

.site-header-actions {
    gap: 10px;
}

.site-theme-toggle,
.site-menu-button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--so-line);
    border-radius: 4px;
    background: transparent;
    color: var(--so-muted);
    cursor: pointer;
}

.site-menu-button {
    display: none;
}

.site-theme-toggle:hover,
.site-menu-button:hover {
    border-color: var(--so-line-strong);
    background: var(--so-base-soft);
    color: var(--so-text);
}

.site-theme-toggle .iconify {
    width: 17px;
    height: 17px;
}

.theme-icon-moon {
    display: none;
}

html[data-theme="dark"] .theme-icon-sun {
    display: none;
}

html[data-theme="dark"] .theme-icon-moon {
    display: block;
}

.site-login {
    padding: 9px 11px;
    color: var(--so-muted);
}

.site-start {
    min-height: 40px;
    padding: 0 17px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    background: linear-gradient(135deg, var(--so-primary), var(--so-violet));
    box-shadow: 0 9px 24px color-mix(in srgb, var(--so-primary) 28%, transparent);
    color: #fff;
}

.site-start:hover {
    background: linear-gradient(135deg, var(--so-primary-hover), var(--so-violet));
    color: #fff;
}

.site-mobile-nav {
    top: 72px;
    border-color: var(--so-line);
    background: color-mix(in srgb, var(--so-base) 96%, transparent);
    backdrop-filter: blur(18px);
}

.site-mobile-nav a {
    border-color: var(--so-line);
    color: var(--so-muted);
}

.site-mobile-nav a:hover,
.site-mobile-nav a[aria-current="page"] {
    color: var(--so-text);
}

.site-footer {
    border-top: 1px solid var(--so-line);
    background: var(--so-base-deep);
}

.site-footer-brand p,
.site-footer nav a,
.site-footer-bottom {
    color: var(--so-muted);
}

.site-footer nav strong {
    color: var(--so-text);
}

.site-footer-bottom {
    border-color: var(--so-line);
}

.home-minimal,
.about-page,
.contact-page,
.connect-public-page,
.pricing-page,
.legal-page,
.security-page {
    background: var(--so-base);
    color: var(--so-text);
}

.minimal-hero {
    min-height: auto;
    padding: 86px 0 58px;
    border-bottom: 1px solid var(--so-line);
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--so-primary) 10%, transparent), transparent 42%),
        linear-gradient(245deg, color-mix(in srgb, var(--so-violet) 10%, transparent), transparent 44%),
        var(--so-base);
}

.minimal-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 54px;
}

.minimal-hero-copy {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.minimal-kicker,
.about-kicker,
.about-section-label,
.contact-kicker,
.connect-public-kicker,
.legal-kicker {
    color: var(--so-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}

.minimal-hero h1 {
    max-width: 800px;
    margin: 22px auto 0;
    color: var(--so-text);
    font-size: clamp(42px, 5vw, 62px);
    font-weight: 700;
    line-height: 1.08;
}

.minimal-lead {
    max-width: 780px;
    margin: 26px auto 0;
    color: var(--so-muted);
    font-size: 16px;
    line-height: 1.75;
}

.minimal-actions {
    justify-content: center;
    margin-top: 32px;
}

.minimal-actions a,
.pricing-action,
.contact-form-footer button,
.connect-form-footer button {
    min-height: 44px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}

.minimal-action-primary,
.pricing-action-primary,
.contact-form-footer button,
.connect-form-footer button {
    border-color: transparent;
    background: var(--so-primary);
    color: #fff;
}

.minimal-action-primary:hover,
.pricing-action-primary:hover,
.contact-form-footer button:hover,
.connect-form-footer button:hover {
    background: var(--so-primary-hover);
    color: #fff;
}

.minimal-action-secondary,
.pricing-action-secondary {
    border-color: var(--so-line-strong);
    background: transparent;
    color: var(--so-text);
}

.minimal-action-secondary:hover,
.pricing-action-secondary:hover {
    border-color: var(--so-primary);
    background: color-mix(in srgb, var(--so-primary) 8%, transparent);
}

.minimal-hero-note {
    justify-content: center;
    color: var(--so-faint);
}

.minimal-hero-note .iconify,
.workspace-points .iconify,
.minimal-basic-grid .iconify,
.minimal-security-grid .iconify,
.security-control-grid .iconify,
.source-grid .iconify {
    color: var(--so-accent);
}

.feature-card-indigo > .iconify {
    background: color-mix(in srgb, #635bdb 9%, transparent);
    color: #635bdb;
}

.feature-card-blue > .iconify,
.workspace-point-blue .iconify {
    background: color-mix(in srgb, #2563eb 9%, transparent);
    color: #2563eb;
}

.feature-card-violet > .iconify,
.workspace-point-violet .iconify {
    background: color-mix(in srgb, #7c3aed 9%, transparent);
    color: #7c3aed;
}

.feature-card-emerald > .iconify {
    background: color-mix(in srgb, #059669 9%, transparent);
    color: #059669;
}

.workspace-point-cyan .iconify {
    background: color-mix(in srgb, #0891b2 9%, transparent);
    color: #0891b2;
}

.minimal-proof {
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto;
    border: 1px solid var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
    box-shadow: var(--so-shadow);
}

.minimal-hero-grid > .minimal-proof {
    width: min(100%, 900px);
}

.proof-label,
.managed-demo-metrics article,
.demo-subpanel,
.strategy-options,
.advertising-adjustments article,
.daypart-demo {
    border-color: var(--so-line);
    background: var(--so-base-raised);
}

.proof-label span,
.demo-subpanel-head > span,
.managed-demo-metrics small,
.demo-subpanel small,
.operations-issue-list small,
.strategy-plan-summary p,
.advertising-role-summary span,
.advertising-target-row span,
.advertising-adjustments small,
.daypart-demo-head span {
    color: var(--so-muted);
}

.proof-label b,
.managed-demo-metrics strong,
.demo-subpanel-head strong,
.operations-issue-list strong,
.strategy-plan-summary strong,
.strategy-plan-facts dd,
.execution-list span,
.advertising-role-summary strong,
.advertising-target-row strong,
.advertising-adjustments strong,
.daypart-demo-head strong {
    color: var(--so-text);
}

.managed-demo,
.operations-demo-grid,
.strategy-plan-stack,
.advertising-plan-stack {
    background: var(--so-base-soft);
}

.managed-demo-toolbar,
.managed-demo-scope,
.managed-demo-workflow {
    border-color: var(--so-line);
    background: var(--so-base-raised);
}

.managed-demo-scope {
    background: var(--so-base-soft);
}

.managed-demo-scope span {
    border-color: var(--so-line);
    background: var(--so-base-raised);
    color: var(--so-muted);
}

.managed-demo-toolbar small,
.managed-demo-toolbar > span,
.managed-demo-workflow small,
.advertising-evidence,
.advertising-evidence small,
.advertising-bid-policy {
    color: var(--so-muted);
}

.managed-demo-toolbar strong,
.managed-demo-workflow b,
.advertising-bid-policy strong {
    color: var(--so-text);
}

.managed-demo-workflow .is-current,
.advertising-target-head,
.advertising-bid-policy {
    background: color-mix(in srgb, var(--so-primary) 5%, var(--so-base-raised));
}

.managed-demo-metrics article,
.demo-subpanel,
.advertising-adjustments article,
.daypart-demo {
    border-radius: 6px;
}

.operations-issue-list li,
.execution-list > div,
.advertising-target-head,
.advertising-target-row,
.advertising-target-row > strong {
    border-color: var(--so-line);
}

.advertising-review,
.advertising-coverage {
    border-color: var(--so-line);
    color: var(--so-muted);
}

.advertising-review.is-positive {
    border-color: color-mix(in srgb, var(--so-positive) 35%, transparent);
    background: color-mix(in srgb, var(--so-positive) 9%, transparent);
    color: var(--so-positive);
}

.advertising-review.is-warning {
    border-color: color-mix(in srgb, var(--so-warning) 35%, transparent);
    background: color-mix(in srgb, var(--so-warning) 9%, transparent);
    color: var(--so-warning);
}

.advertising-evidence b,
.advertising-bids em,
.plan-running {
    color: var(--so-positive);
}

@media (max-width: 820px) {
    .advertising-review,
    .advertising-review.is-positive,
    .advertising-review.is-warning,
    .advertising-coverage {
        border: 0;
        background: transparent;
    }

    .advertising-target-row [data-label]::before {
        color: var(--so-muted);
    }
}

.strategy-options button,
.advertising-role-tabs button {
    border-color: var(--so-line);
    background: transparent;
    color: var(--so-muted);
}

.strategy-options button:hover,
.strategy-options button.is-selected,
.advertising-role-tabs button:hover,
.advertising-role-tabs button.is-selected {
    background: color-mix(in srgb, var(--so-primary) 14%, transparent);
    color: var(--so-text);
}

.demo-status {
    color: var(--so-muted);
}

.demo-status-positive {
    color: var(--so-positive);
}

.demo-status-warning {
    color: var(--so-warning);
}

/* 托管演示区使用独立的小字号，不受全站正文排版变量影响 */
.minimal-proof,
.minimal-proof :is(button, small, strong, span, p, dt, dd, b, em) {
    font-size: 11px !important;
}

.minimal-trust,
.minimal-process,
.minimal-workspace,
.minimal-testimonials,
.minimal-security {
    border-color: var(--so-line);
    background: var(--so-base-soft);
}

.minimal-core,
.minimal-managed,
.minimal-basics,
.minimal-storefront,
.selleros-faqs {
    background: var(--so-base);
}

.minimal-core,
.minimal-process,
.minimal-managed,
.minimal-workspace,
.minimal-basics,
.minimal-testimonials,
.minimal-storefront,
.minimal-security,
.selleros-faqs {
    padding-top: 96px;
    padding-bottom: 96px;
}

.minimal-section-heading h2,
.minimal-process-copy h2,
.workspace-copy h2,
.storefront-intro h2,
.selleros-faq-heading h2,
.about-hero h1,
.about-story h2,
.about-heading h2,
.about-company h2,
.contact-hero h1,
.contact-details h2,
.contact-form-heading h2,
.contact-company h2,
.connect-public-hero h1,
.connect-section-heading h2,
.legal-hero h1,
.security-heading h2,
.ai-boundary h2,
.pricing-hero h1,
.pricing-section-head h2,
.pricing-cta h2 {
    color: var(--so-text);
    font-weight: 600;
}

.minimal-section-heading > p,
.minimal-section-description,
.minimal-core-item p,
.minimal-process-copy > p:not(.minimal-kicker),
.minimal-managed-grid p,
.workspace-lead,
.minimal-basic-grid p,
.storefront-intro-copy p,
.minimal-security-grid p,
.selleros-faq-heading p,
.about-lead,
.about-story p:not(.about-section-label),
.about-heading p,
.contact-details-intro,
.connect-public-hero-copy > p,
.legal-summary,
.security-hero-copy,
.pricing-hero-grid > div:last-child p {
    color: var(--so-muted);
}

.minimal-core-item,
.minimal-managed-grid article,
.minimal-basic-grid article,
.minimal-security-grid article,
.about-statement-grid article,
.about-focus-grid article,
.about-principle-list article,
.security-control-grid article,
.source-grid article,
.enterprise-capability-grid article,
.pricing-rules-grid article {
    border-color: var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
}

.minimal-core-item:hover,
.minimal-managed-grid article:hover,
.minimal-basic-grid article:hover,
.minimal-security-grid article:hover {
    border-color: color-mix(in srgb, var(--so-primary) 45%, var(--so-line));
    transform: translateY(-2px);
}

.minimal-managed-grid .feature-card-indigo:hover {
    border-color: color-mix(in srgb, #635bdb 45%, var(--so-line));
    background: color-mix(in srgb, #635bdb 5%, var(--so-base-raised));
}

.minimal-managed-grid .feature-card-emerald:hover,
.minimal-basic-grid .feature-card-emerald:hover {
    border-color: color-mix(in srgb, #059669 45%, var(--so-line));
    background: color-mix(in srgb, #059669 5%, var(--so-base-raised));
}

.minimal-basic-grid .feature-card-blue:hover {
    border-color: color-mix(in srgb, #2563eb 45%, var(--so-line));
    background: color-mix(in srgb, #2563eb 5%, var(--so-base-raised));
}

.minimal-basic-grid .feature-card-violet:hover {
    border-color: color-mix(in srgb, #7c3aed 45%, var(--so-line));
    background: color-mix(in srgb, #7c3aed 5%, var(--so-base-raised));
}

.minimal-core-number,
.minimal-core-icon,
.minimal-process-copy li::before,
.minimal-feature-tags span,
.minimal-more span,
.minimal-security-links a {
    color: var(--so-accent);
}

.minimal-emphasis,
.minimal-process-emphasis,
.minimal-feature-tags span,
.workspace-points li,
.minimal-security-links a {
    border-color: var(--so-line);
    background: var(--so-base-raised);
}

.workspace-screen {
    border-color: var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
    box-shadow: var(--so-shadow);
}

.testimonial-slide {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.testimonial-heading h2 {
    color: var(--so-text);
}

.testimonial-heading p {
    color: var(--so-muted);
}

.testimonial-slide blockquote {
    color: var(--so-text);
}

.testimonial-person p {
    color: var(--so-muted);
}

.testimonial-stars > span {
    color: #f2ad3d;
}

.testimonial-control,
.storefront-side-control {
    border-color: var(--so-line-strong);
    background: color-mix(in srgb, var(--so-base-raised) 88%, transparent);
    color: var(--so-text);
}

.testimonial-control:hover,
.storefront-side-control:hover {
    border-color: var(--so-primary);
    background: var(--so-primary);
    color: #fff;
}

.storefront-showcase,
.storefront-stage {
    background: transparent;
}

.storefront-slide {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.storefront-slide.is-active .storefront-slide-link {
    border-radius: 8px;
    box-shadow: var(--so-shadow);
}

.storefront-slide figcaption,
.workspace-redacted-badge {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 4px;
    background: rgba(8, 14, 23, 0.78);
    color: #fff;
    backdrop-filter: blur(10px);
}

.minimal-security-links a:hover {
    border-color: var(--so-primary);
    color: var(--so-text);
}

.selleros-faq-grid {
    display: grid;
    grid-template-columns: minmax(260px, 0.52fr) minmax(0, 1fr);
    gap: 96px;
    align-items: start;
}

.selleros-faq-heading {
    position: sticky;
    top: 112px;
}

.selleros-faq-heading p {
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 1.75;
}

.selleros-faq-list {
    border-top: 1px solid var(--so-line);
}

.selleros-faq-list details {
    border-bottom: 1px solid var(--so-line);
}

.selleros-faq-list summary {
    position: relative;
    padding: 23px 44px 23px 0;
    color: var(--so-text);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.selleros-faq-list summary::-webkit-details-marker {
    display: none;
}

.selleros-faq-list summary::after {
    position: absolute;
    top: 21px;
    right: 4px;
    color: var(--so-primary);
    font-size: 21px;
    font-weight: 400;
    content: "+";
}

.selleros-faq-list details[open] summary::after {
    content: "−";
}

.selleros-faq-list details p {
    max-width: 760px;
    margin: -4px 0 23px;
    color: var(--so-muted);
    font-size: 14px;
    line-height: 1.75;
}

.site-cta,
.pricing-cta {
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--so-primary) 24%, transparent), transparent 48%),
        var(--so-base-deep);
}

.site-cta-inner,
.pricing-cta-inner {
    border-color: var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
}

.site-cta p,
.pricing-cta p {
    color: var(--so-muted);
}

.site-cta a,
.pricing-cta a {
    border-radius: 4px;
    background: var(--so-primary);
    color: #fff;
}

.site-cta a:hover,
.pricing-cta a:hover {
    background: var(--so-primary-hover);
    color: #fff;
}

.about-hero,
.contact-hero,
.connect-public-hero,
.legal-hero,
.pricing-hero,
.security-hero {
    border-color: var(--so-line);
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--so-primary) 9%, transparent), transparent 46%),
        var(--so-base-soft);
}

.about-story,
.about-statements,
.about-focus,
.about-principles,
.about-office,
.about-company,
.contact-main,
.contact-company,
.connect-application,
.connect-scope,
.connect-faq,
.legal-layout,
.pricing-plans,
.pricing-calculator-section,
.pricing-rules-section,
.enterprise-capability-section,
.managed-operations-section,
.security-section,
.ai-boundary {
    border-color: var(--so-line);
    background: var(--so-base);
}

.about-statements,
.about-focus,
.about-office,
.contact-company,
.connect-scope,
.connect-faq,
.pricing-calculator-section,
.pricing-rules-section,
.security-soft,
.ai-boundary {
    background: var(--so-base-soft);
}

.about-statement-grid,
.about-statement-grid article,
.about-company dl,
.about-company dl > div,
.contact-route,
.contact-company dl,
.contact-company dl > div,
.connect-flow li,
.connect-boundaries,
.connect-boundaries > div,
.legal-document section,
.pricing-example-table,
.pricing-example-table th,
.pricing-example-table td,
.processing-flow,
.processing-flow > div {
    border-color: var(--so-line);
}

.about-office-grid figure,
.contact-form-panel,
.connect-request-form,
.pricing-card,
.pricing-calculator,
.legal-document,
.ai-boundary-grid {
    border-color: var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
    box-shadow: none;
}

.about-office-grid img {
    border-radius: 8px 8px 0 0;
}

.ai-boundary-grid {
    background: transparent;
}

.about-company dt,
.contact-company dt,
.pricing-card-head p,
.pricing-note,
.pricing-minimum,
.legal-meta,
.legal-toc,
.legal-toc a,
.contact-route p,
.contact-privacy,
.connect-request-form fieldset > p,
.connect-field-grid label > span,
.connect-field-full > span,
.connect-api-group > span,
.connect-form-footer p {
    color: var(--so-muted);
}

.about-company dd,
.contact-company dd,
.pricing-card,
.pricing-amount,
.legal-document,
.contact-form-panel,
.connect-request-form {
    color: var(--so-text);
}

.contact-form input,
.contact-form select,
.contact-form textarea,
.connect-request-form input,
.connect-request-form select,
.connect-request-form textarea,
.pricing-calculator input {
    border-color: var(--so-line-strong);
    border-radius: 4px;
    background: var(--so-base-soft);
    color: var(--so-text);
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus,
.connect-request-form input:focus,
.connect-request-form select:focus,
.connect-request-form textarea:focus,
.pricing-calculator input:focus {
    border-color: var(--so-primary);
    outline: 2px solid color-mix(in srgb, var(--so-primary) 20%, transparent);
}

.contact-captcha,
.connect-api-group label,
.pricing-estimate,
.pricing-note {
    border-color: var(--so-line);
    background: var(--so-base-soft);
}

.connect-agreements {
    border-color: var(--so-line);
    background: transparent;
}

.contact-notice-success,
.connect-success {
    border-color: color-mix(in srgb, var(--so-positive) 45%, var(--so-line));
    background: color-mix(in srgb, var(--so-positive) 10%, var(--so-base));
    color: var(--so-positive);
}

.contact-notice-error {
    border-color: color-mix(in srgb, var(--so-danger) 45%, var(--so-line));
    background: color-mix(in srgb, var(--so-danger) 10%, var(--so-base));
    color: var(--so-danger);
}

.connect-public-trust span,
.connect-success h2,
.connect-success span {
    color: var(--so-text);
}

.connect-public-trust .iconify,
.connect-success-inner > .iconify {
    color: var(--so-positive);
}

.connect-faq-list,
.connect-faq-list details,
.legal-tabs {
    border-color: var(--so-line);
}

.connect-faq-list summary,
.legal-tabs a {
    color: var(--so-text);
}

.connect-faq-list details p {
    color: var(--so-muted);
}

.legal-tabs {
    background: color-mix(in srgb, var(--so-base) 94%, transparent);
    backdrop-filter: blur(16px);
}

.legal-tabs a:hover,
.legal-tabs a.is-active {
    border-color: var(--so-primary);
    color: var(--so-text);
}

.legal-toc a:hover,
.legal-toc a.is-active,
.legal-document h2,
.legal-document a {
    color: var(--so-text);
}

.legal-document li,
.security-control-grid p,
.source-grid p,
.ai-boundary p,
.pricing-card li,
.pricing-rules-grid p,
.enterprise-capability-grid p,
.managed-operations-section p {
    color: var(--so-muted);
}

.pricing-card.enterprise-plan {
    border-color: color-mix(in srgb, var(--so-primary) 46%, var(--so-line));
}

.pricing-plan-mark {
    border-radius: 4px;
    background: color-mix(in srgb, var(--so-primary) 14%, transparent);
    color: var(--so-primary);
}

@media (max-width: 900px) {
    .site-header-inner {
        gap: 14px;
    }

    .site-nav {
        display: none;
    }

    .site-menu-button {
        display: grid;
    }

    .selleros-faq-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .selleros-faq-heading {
        position: static;
    }
}

@media (max-width: 640px) {
    .site-shell {
        width: min(100% - 32px, var(--shell));
    }

    .site-header-inner {
        min-height: 64px;
    }

    .site-mobile-nav {
        top: 64px;
    }

    .site-login {
        display: none;
    }

    .site-theme-toggle,
    .site-menu-button {
        width: 36px;
        height: 36px;
    }

    .site-start {
        min-height: 36px;
        padding-inline: 12px;
        font-size: 13px;
    }

    .minimal-hero {
        padding: 62px 0 40px;
    }

    .minimal-hero-grid {
        gap: 38px;
    }

    .minimal-hero h1 {
        font-size: 38px;
    }

    .minimal-lead {
        font-size: 14px;
    }

    .minimal-core,
    .minimal-process,
    .minimal-managed,
    .minimal-workspace,
    .minimal-basics,
    .minimal-testimonials,
    .minimal-storefront,
    .minimal-security,
    .selleros-faqs {
        padding-top: 68px;
        padding-bottom: 68px;
    }

    .selleros-faq-list summary {
        font-size: 15px;
    }

    .site-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
    }
}

/* USInc 同款移动抽屉：顶栏保持可操作，导航从左侧覆盖，页面其余区域使用遮罩 */
.site-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 98;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.34);
    cursor: default;
    backdrop-filter: blur(1px);
}

.site-mobile-overlay[hidden] {
    display: none;
}

@media (max-width: 900px) {
    .site-mobile-nav,
    .site-header.is-scrolled .site-mobile-nav {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 99;
        display: flex;
        width: min(320px, calc(100% - 48px));
        min-height: 100dvh;
        flex-direction: column;
        padding: 76px 16px 24px;
        border: 0;
        background: var(--so-base-raised);
        box-shadow: 18px 0 48px rgba(15, 23, 42, 0.16);
        backdrop-filter: none;
    }

    .site-mobile-nav[hidden] {
        display: none;
    }

    .site-mobile-nav a {
        min-height: 48px;
        padding: 13px 10px;
        border-bottom: 1px solid var(--so-line);
        color: var(--so-muted);
        font-size: 14px;
    }

    .site-mobile-nav a:last-child {
        border-bottom: 0;
    }
}

/* 2026-07-28 细节统一：导航边框、Security 卡片、Pricing 配色和 Legal 节奏 */
.site-header.is-scrolled,
html[data-theme] .site-header.is-scrolled,
.home-minimal .site-header.is-scrolled,
body.menu-open .site-header,
html[data-theme] body.menu-open .site-header {
    border-color: color-mix(in srgb, var(--so-text) 7%, transparent);
}

.source-grid,
.security-control-grid,
.enterprise-capability-grid,
.pricing-rules-grid {
    gap: 16px;
    border: 0;
}

.source-grid article,
.security-control-grid article,
.enterprise-capability-grid article,
.pricing-rules-grid article {
    min-height: 220px;
    padding: 24px;
    border: 1px solid var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
}

.source-grid h3,
.security-control-grid h3,
.enterprise-capability-grid h3 {
    margin-top: 36px;
}

.pricing-rules-grid h3 {
    margin-top: 40px;
}

.processing-flow {
    gap: 12px;
    border: 0;
}

.processing-flow > div {
    min-height: 178px;
    padding: 22px 20px;
    border: 1px solid var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
}

.principle-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    border: 0;
}

.principle-list article {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 20px;
    padding: 24px;
    border: 1px solid var(--so-line);
    border-radius: 8px;
    background: var(--so-base-raised);
}

.principle-list article > span {
    font-size: 24px;
}

.pricing-page .pricing-calculator {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.pricing-page .pricing-input-wrap {
    min-height: 58px;
    padding-inline: 12px;
    border: 1px solid var(--so-line-strong);
    border-radius: 6px;
    background: transparent;
}

.pricing-page .pricing-input-wrap input,
.pricing-page .pricing-input-wrap input:focus {
    border: 0;
    border-radius: 0;
    background: transparent;
    outline: 0;
}

.pricing-page .pricing-estimate {
    border: 0;
    background: transparent;
}

.pricing-page .pricing-cta {
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--so-primary) 18%, transparent), transparent 58%),
        var(--so-base-deep);
}

.pricing-page .pricing-cta-inner {
    border: 0;
    background: transparent;
}

.legal-page .legal-hero {
    padding: 96px 0 40px;
}

.legal-page .legal-hero h1 {
    font-size: 44px;
}

.legal-page .legal-summary {
    margin-top: 14px;
}

.legal-page .legal-meta {
    margin-top: 24px;
    padding-top: 14px;
}

.legal-page .legal-tabs {
    position: static;
    top: auto;
    background: var(--so-base);
    backdrop-filter: none;
}

.legal-page .legal-layout {
    padding-top: 52px;
}

.legal-page .legal-toc {
    top: 88px;
}

.legal-page .legal-document section {
    scroll-margin-top: 88px;
}

@media (max-width: 900px) {
    .site-header.is-scrolled .site-header-inner {
        border-color: color-mix(in srgb, var(--so-text) 7%, transparent);
    }

    .source-grid,
    .security-control-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .processing-flow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .legal-page .legal-hero {
        padding: 82px 0 32px;
    }

    .legal-page .legal-hero h1 {
        font-size: 34px;
    }

    .legal-page .legal-layout {
        padding-top: 38px;
    }

    .principle-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .source-grid,
    .security-control-grid,
    .processing-flow {
        grid-template-columns: 1fr;
    }

    .source-grid article,
    .security-control-grid article,
    .processing-flow > div {
        min-height: 0;
    }
}

/* 内容始终可读；保留轮播和控件自身的交互动画 */
.site-reveal,
.site-reveal.is-visible {
    opacity: 1;
    transform: none;
}

/* usinc.cn 公共视觉骨架：浮动导航、背景纹理、页面点缀与颗粒页脚 */
.site-header,
html[data-theme] .site-header,
.home-minimal .site-header {
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 100;
    width: min(calc(100% - 48px), var(--shell));
    height: 60px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transform: translateX(-50%);
    backdrop-filter: none;
    transition: none;
}

html.header-state-pending .site-header {
    visibility: hidden;
    opacity: 0;
}

.site-header.is-ready,
html[data-theme] .site-header.is-ready,
.home-minimal .site-header.is-ready {
    transition:
        top 500ms ease,
        width 500ms ease,
        height 500ms ease,
        border-color 500ms ease,
        background-color 500ms ease,
        box-shadow 500ms ease,
        backdrop-filter 500ms ease;
}

.site-header.is-scrolled,
html[data-theme] .site-header.is-scrolled,
.home-minimal .site-header.is-scrolled {
    width: min(800px, calc(100% - 32px));
    height: 52px;
    border-color: color-mix(in srgb, var(--so-text) 7%, transparent);
    background: color-mix(in srgb, var(--so-base-raised) 94%, transparent);
    box-shadow: 0 12px 36px color-mix(in srgb, var(--so-text) 12%, transparent);
    backdrop-filter: blur(14px) saturate(135%);
}

.site-header.is-hidden,
html[data-theme] .site-header.is-hidden,
.home-minimal .site-header.is-hidden {
    top: -88px;
}

.site-header-inner {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    padding: 0 24px;
    transition: padding 500ms ease;
}

.site-header.is-scrolled .site-header-inner {
    padding-inline: 18px;
}

.site-logo {
    min-width: 118px;
    transition: min-width 500ms ease, transform 500ms ease;
}

.site-logo-icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
}

.site-logo-word {
    font-size: 19px;
    line-height: 1;
}

.site-header.is-scrolled .site-logo {
    min-width: 104px;
    transform: scale(0.92);
    transform-origin: left center;
}

.site-nav {
    gap: 30px;
    transition: gap 500ms ease;
}

.site-nav a {
    padding-block: 19px;
    transition: padding 500ms ease, color 160ms ease;
}

.site-header.is-scrolled .site-nav {
    gap: 22px;
}

.site-header.is-scrolled .site-nav a {
    padding-block: 15px;
    font-size: 12px;
}

.site-theme-toggle {
    border-color: transparent;
    border-radius: 999px;
}

.site-theme-toggle:hover {
    border-color: transparent;
}

.site-start {
    position: relative;
    z-index: 0;
    overflow: visible;
    min-height: 36px;
    padding: 0 15px;
    border: 0;
    border-radius: 5px;
    background: linear-gradient(90deg, var(--so-primary), var(--so-violet));
    box-shadow: none;
    transition: min-height 500ms ease, padding 500ms ease, transform 160ms ease;
}

.site-start:hover {
    background: linear-gradient(90deg, var(--so-primary-hover), var(--so-violet));
    transform: translateY(-1px);
}

.site-start-glow {
    position: absolute;
    inset: 7px 4px -5px;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--so-primary), var(--so-violet));
    opacity: 0.42;
    filter: blur(10px);
    transition: inset 500ms ease, opacity 500ms ease, filter 500ms ease;
    pointer-events: none;
}

.site-start:hover .site-start-glow {
    inset-inline: 0;
    opacity: 0.64;
    filter: blur(14px);
}

.site-header.is-scrolled .site-start {
    min-height: 34px;
    padding-inline: 14px;
    font-size: 12px;
}

.site-console-link {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--so-text) 14%, transparent);
    border-radius: 5px;
    background: color-mix(in srgb, var(--so-base-raised) 38%, transparent);
    color: color-mix(in srgb, var(--so-text) 74%, transparent);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        min-height 500ms ease,
        padding 500ms ease,
        border-color 160ms ease,
        background-color 160ms ease,
        color 160ms ease,
        transform 160ms ease;
}

.site-console-link:hover {
    border-color: color-mix(in srgb, var(--so-text) 24%, transparent);
    background: color-mix(in srgb, var(--so-base-raised) 72%, transparent);
    color: var(--so-text);
    text-decoration: none;
    transform: translateY(-1px);
}

.site-header.is-scrolled .site-console-link {
    min-height: 34px;
    padding-inline: 13px;
}

.site-brand-group {
    display: flex;
    min-width: 118px;
    align-items: center;
    gap: 4px;
}

.site-nav a[aria-current="page"] {
    color: var(--so-text);
    box-shadow: none;
}

.site-mobile-nav {
    position: fixed;
    top: 76px;
    right: 0;
    left: 0;
    padding: 20px 24px;
    border: 0;
    background: color-mix(in srgb, var(--so-base-raised) 97%, transparent);
    box-shadow: 0 18px 40px color-mix(in srgb, var(--so-text) 12%, transparent);
}

.site-header.is-scrolled .site-mobile-nav {
    top: 68px;
}

body.menu-open {
    overflow: hidden;
}

body.menu-open .site-header,
html[data-theme] body.menu-open .site-header {
    border-color: color-mix(in srgb, var(--so-text) 7%, transparent);
    background: color-mix(in srgb, var(--so-base-raised) 96%, transparent);
    backdrop-filter: blur(14px);
}

.minimal-hero,
.about-hero,
.contact-hero,
.connect-public-hero,
.legal-hero,
.pricing-hero,
.security-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--so-base);
}

.minimal-hero::before,
.about-hero::before,
.contact-hero::before,
.connect-public-hero::before,
.legal-hero::before,
.pricing-hero::before,
.security-hero::before {
    position: absolute;
    inset: -8px 0 auto;
    z-index: -2;
    height: 1200px;
    background-image: url("/images/landing/hero-bg-gradient.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    opacity: 0.18;
    pointer-events: none;
}

html[data-theme="dark"] .minimal-hero::before,
html[data-theme="dark"] .about-hero::before,
html[data-theme="dark"] .contact-hero::before,
html[data-theme="dark"] .connect-public-hero::before,
html[data-theme="dark"] .legal-hero::before,
html[data-theme="dark"] .pricing-hero::before,
html[data-theme="dark"] .security-hero::before {
    opacity: 0.28;
}

.minimal-hero {
    padding-top: 136px;
    border-bottom: 0;
}

.minimal-hero-grid {
    position: relative;
    z-index: 1;
}

.minimal-hero-grid::before,
.minimal-hero-grid::after {
    position: absolute;
    z-index: -1;
    width: 120px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    opacity: 0.78;
    pointer-events: none;
    animation: selleros-float 6s ease-in-out infinite;
}

.minimal-hero-grid::before {
    top: 90px;
    left: -5px;
    background-image: url("/images/landing/hero-widget-1.png");
}

.minimal-hero-grid::after {
    right: -5px;
    bottom: 118px;
    background-image: url("/images/landing/hero-widget-2.png");
    animation-delay: -2.6s;
}

@keyframes selleros-float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.minimal-testimonials,
.minimal-storefront {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.minimal-testimonials::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url("/images/landing/testimonial-background.svg") center / cover no-repeat;
    content: "";
    opacity: 0.08;
    pointer-events: none;
}

html[data-theme="dark"] .minimal-testimonials::before {
    opacity: 0.06;
}

.minimal-storefront::before,
.minimal-storefront::after {
    position: absolute;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    pointer-events: none;
}

.minimal-storefront::before {
    top: 4%;
    left: -180px;
    width: 560px;
    height: 560px;
    background-image: url("/images/landing/showcase-bg-gradient.png");
    opacity: 0.16;
}

.minimal-storefront::after {
    right: 3%;
    bottom: 5%;
    width: 140px;
    height: 140px;
    background-image: url("/images/landing/showcase-bg-element.png");
    opacity: 0.42;
}

.site-footer {
    position: relative;
    overflow: hidden;
    padding: 0;
    border-top: 0;
    background: var(--so-base);
}

.site-footer-grain {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url("/images/landing/footer-grainy.png") center / 320px repeat;
    opacity: 0.2;
    pointer-events: none;
}

.site-footer-content {
    position: relative;
    z-index: 2;
    padding-top: 72px;
}

.site-footer-grid {
    grid-template-columns: 2fr repeat(2, 1fr);
    gap: 64px;
}

.site-footer-brand {
    max-width: 380px;
}

.site-footer-brand p {
    max-width: 350px;
    margin-top: 18px;
    font-size: 13px;
}

.site-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 26px;
}

.site-footer-contact a {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 8px;
    color: var(--so-muted);
    font-size: 13px;
    text-decoration: none;
}

.site-footer-contact a:hover {
    color: var(--so-primary);
}

.site-footer nav {
    gap: 9px;
    font-size: 13px;
}

.site-footer nav strong {
    margin-bottom: 8px;
    font-size: 14px;
}

.site-footer nav a {
    font-size: 13px;
}

.site-footer-bottom {
    margin-top: 54px;
    padding: 22px 0;
    font-size: 12px;
}

.site-footer-wordmark {
    position: relative;
    z-index: 1;
    display: flex;
    height: 195px;
    align-items: flex-start;
    justify-content: center;
    margin-top: -42px;
    overflow: hidden;
    color: color-mix(in srgb, var(--so-text) 5%, transparent);
    font-size: clamp(132px, 15vw, 200px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 12px;
    white-space: nowrap;
    user-select: none;
}

@media (max-width: 1180px) {
    .minimal-hero-grid::before,
    .minimal-hero-grid::after {
        display: none;
    }
}

@media (max-width: 900px) {
    .site-header,
    html[data-theme] .site-header,
    .home-minimal .site-header {
        top: 0;
        width: 100%;
        height: 60px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .site-header.is-scrolled,
    html[data-theme] .site-header.is-scrolled,
    .home-minimal .site-header.is-scrolled {
        width: 100%;
        height: 60px;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    .site-header-inner,
    .site-header.is-scrolled .site-header-inner {
        min-height: 60px;
        padding-inline: 16px;
        border-bottom: 1px solid transparent;
        background: transparent;
        box-shadow: none;
        transition:
            border-color 500ms ease,
            background-color 500ms ease,
            box-shadow 500ms ease;
    }

    .site-header.is-scrolled .site-header-inner {
        border-color: color-mix(in srgb, var(--so-text) 7%, transparent);
        background: color-mix(in srgb, var(--so-base-raised) 94%, transparent);
        box-shadow: 0 8px 28px color-mix(in srgb, var(--so-text) 10%, transparent);
        backdrop-filter: blur(14px);
    }

    .site-logo,
    .site-header.is-scrolled .site-logo {
        min-width: 0;
        transform: none;
    }

    .site-logo-word {
        font-size: 17px;
    }

    .site-brand-group {
        min-width: 0;
    }

    .site-footer-grid {
        gap: 36px;
    }
}

@media (max-width: 640px) {
    .site-header-actions {
        gap: 5px;
    }

    .site-start {
        display: inline-flex;
        width: 34px;
        min-height: 34px;
        justify-content: center;
        padding: 0;
        font-size: 0;
    }

    .site-start .iconify {
        display: block;
    }

    .site-console-link {
        width: 48px;
        min-height: 34px;
        padding: 0;
    }

    .site-menu-button {
        border-color: transparent;
        border-radius: 999px;
    }

    .site-mobile-nav,
    .site-header.is-scrolled .site-mobile-nav {
        top: 60px;
    }

    .minimal-hero {
        padding-top: 108px;
    }

    .minimal-hero::before,
    .about-hero::before,
    .contact-hero::before,
    .connect-public-hero::before,
    .legal-hero::before,
    .pricing-hero::before,
    .security-hero::before {
        height: 760px;
        background-size: 200% 60%;
    }

    .minimal-storefront::before,
    .minimal-storefront::after {
        display: none;
    }

    .site-footer-content {
        padding-top: 54px;
    }

    .site-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px 24px;
    }

    .site-footer-brand {
        grid-column: 1 / -1;
    }

    .site-footer-bottom {
        flex-direction: column;
        gap: 10px;
        margin-top: 38px;
    }

    .site-footer-wordmark {
        height: 78px;
        margin-top: -8px;
        font-size: 68px;
        letter-spacing: 5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-header,
    .site-header-inner,
    .site-logo,
    .site-start,
    .site-console-link,
    .minimal-hero-grid::before,
    .minimal-hero-grid::after {
        transition: none;
        animation: none;
    }
}

/* 最终共享品牌与移动导航规则，确保不受旧页面样式覆盖 */
.site-logo-word {
    color: currentColor;
    font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
}

.lucide--building-2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v18M6 12H4a1 1 0 0 0-1 1v9m15-13h2a1 1 0 0 1 1 1v12M3 22h18'/%3E%3Cpath d='M10 7h4m-4 4h4m-4 4h4m-4 4h4'/%3E%3C/g%3E%3C/svg%3E");
}

.lucide--plug-zap {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22v-5M9 7V2m6 5V2M6 8h12v4a6 6 0 0 1-12 0Z'/%3E%3Cpath d='m11 10l2-2v3h2l-4 4v-3H9Z'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 900px) {
    .site-logo-word {
        font-size: 18px;
        line-height: 20px;
    }

    .site-header-inner {
        position: relative;
        z-index: 101;
    }

    .site-mobile-nav,
    .site-header.is-scrolled .site-mobile-nav {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 99;
        display: flex;
        width: min(320px, calc(100% - 48px));
        min-height: 100dvh;
        flex-direction: column;
        padding: 76px 16px 24px;
        border: 0;
        background: var(--so-base-raised);
        box-shadow: 18px 0 48px rgba(15, 23, 42, 0.16);
        backdrop-filter: none;
    }

    .site-mobile-nav[hidden] {
        display: none;
    }

    .site-mobile-nav a {
        min-height: 48px;
        padding: 13px 10px;
        border-bottom: 1px solid var(--so-line);
        color: var(--so-muted);
        font-size: 14px;
    }

    .site-mobile-nav a:last-child {
        border-bottom: 0;
    }
}