:root {
    --public-ink: #111827;
    --public-muted: #5f6b7a;
    --public-line: #dfe6f1;
    --public-purple: #6d28d9;
    --public-blue: #2563eb;
    --public-green: #079455;
}

.home-public-page,
.public-content-page,
.reseller-marketplace-page {
    color: var(--public-ink);
    font: 400 16px/1.6 "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    text-rendering: optimizeLegibility;
}

.home-public-page :focus-visible,
.public-content-page :focus-visible,
.reseller-marketplace-page :focus-visible {
    outline: 3px solid #8b5cf6;
    outline-offset: 3px;
}

.public-site-header .nav-shell { min-height: 72px; }
.public-site-header .desktop-nav a,
.public-site-header .market-sign-in,
.public-site-header .market-get-started,
.public-site-header .mobile-nav a {
    min-height: 44px;
    font-size: 14px;
}
.public-site-header .menu-button { width: 44px; height: 44px; }
.public-site-header.is-hidden:focus-within { transform: none; }

.home-public-page .button,
.public-content-page .button,
.reseller-marketplace-page .button {
    min-height: 44px;
    font-size: 14px;
}
.home-public-page .button-small { min-height: 44px; font-size: 14px; }
.home-public-page .hero-copy > p:not(.release-line) { font-size: 17px; }
.home-public-page .eyebrow-chip,
.home-public-page .release-line { font-size: 12px; line-height: 1.45; }
.home-public-page .metric-strip span,
.home-public-page .metric-strip > div:nth-child(n+3) span { font-size: 13px; line-height: 1.35; }
.home-public-page .metric-strip > div:nth-child(n+3) b { font-size: 15px; line-height: 1.3; }
.home-public-page .service-meta strong small,
.home-public-page .service-meta span { font-size: 12px; line-height: 1.35; }
.home-public-page .billing-steps b { font-size: 14px; }
.home-public-page .billing-steps small { font-size: 12px; line-height: 1.4; }
.home-public-page .model-count { font-size: 13px; }
.home-public-page .home-model-empty {
    margin: 24px 0;
    padding: 28px;
    border: 1px dashed #b8c5d8;
    border-radius: 14px;
    color: #536174;
    background: #fff;
    font-size: 15px;
    text-align: center;
}
.home-public-page .home-model-empty[hidden] { display: none; }
.home-public-page .faq-answer p { font-size: 15px; line-height: 1.65; }
.home-public-page .platform-grid h3,
.home-public-page .service-main h3,
.home-public-page .process-grid h3,
.home-public-page .security-grid h3 { font-size: 18px; }
.home-public-page .platform-grid p,
.home-public-page .service-main p,
.home-public-page .process-grid p,
.home-public-page .security-grid p,
.home-public-page .faq-grid summary span,
.home-public-page .final-cta p { font-size: 15px; }
.home-public-page .platform-grid a,
.home-public-page .service-grid article > a,
.home-public-page .models-pricing-link { min-height: 44px; font-size: 14px; }
.home-public-page .price-table-wrap th,
.home-public-page .price-table-wrap td { min-height: 44px; font-size: 14px; }
.home-public-page .billing-steps small,
.home-public-page .model-grid p,
.home-public-page .catalog-note,
.home-public-page .home-model-copy p,
.home-public-page .model-price-grid dt { font-size: 13px; }
.home-public-page .model-grid h3,
.home-public-page .home-model-copy h3 { font-size: 16px; }
.home-public-page .model-price-grid dd { font-size: 15px; }
.home-public-page .model-price-grid dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.home-public-page .telegram-channel-section {
    width: min(calc(100% - 44px), var(--content));
    margin: 22px auto 4px;
    perspective: 1200px;
}

.home-public-page .telegram-channel-card {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    min-height: 118px;
    overflow: hidden;
    padding: 22px 30px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-bottom-color: rgba(0, 79, 132, .58);
    border-radius: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 12% 0, rgba(255, 255, 255, .23), transparent 25%),
        linear-gradient(135deg, #14b8e7 0%, #078bc9 50%, #0669b7 100%);
    box-shadow:
        0 5px 0 rgba(3, 93, 153, .34),
        0 22px 36px rgba(0, 117, 181, .24),
        inset 0 1px 0 rgba(255, 255, 255, .5),
        inset 0 -9px 24px rgba(0, 69, 130, .13);
    transform: rotateX(.35deg) translateY(0);
    transform-origin: 50% 100%;
    transition: transform .22s ease, box-shadow .22s ease;
}

.home-public-page .telegram-channel-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 43% 45% 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, .16), transparent 72%);
    clip-path: polygon(0 0, 100% 0, 66% 100%, 0 82%);
}

.home-public-page .telegram-channel-card:hover {
    box-shadow:
        0 7px 0 rgba(3, 93, 153, .3),
        0 28px 44px rgba(0, 117, 181, .3),
        inset 0 1px 0 rgba(255, 255, 255, .58),
        inset 0 -9px 24px rgba(0, 69, 130, .13);
    transform: rotateX(.35deg) translateY(-3px);
}

.home-public-page .telegram-channel-orbit {
    position: absolute;
    z-index: -1;
    width: 260px;
    aspect-ratio: 1;
    right: 14%;
    top: -180px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(255, 255, 255, .04), 0 0 0 72px rgba(255, 255, 255, .025);
}

.home-public-page .telegram-channel-icon {
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, .09));
    box-shadow: 0 12px 24px rgba(0, 72, 132, .2), inset 0 1px 0 rgba(255, 255, 255, .44);
}

.home-public-page .telegram-channel-icon svg { width: 38px; height: 38px; }
.home-public-page .telegram-channel-copy { min-width: 0; }
.home-public-page .telegram-channel-copy h2 {
    margin: 0 0 3px;
    color: #fff;
    font-size: clamp(21px, 2vw, 27px);
    line-height: 1.2;
    letter-spacing: -.035em;
}
.home-public-page .telegram-channel-copy p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    line-height: 1.55;
}

.home-public-page .telegram-channel-button {
    display: inline-flex;
    min-width: 150px;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border: 1px solid rgba(255, 255, 255, .9);
    border-bottom: 3px solid rgba(4, 87, 149, .22);
    border-radius: 14px;
    color: #0876bd;
    background: linear-gradient(155deg, #fff, #f4fbff);
    box-shadow: 0 10px 22px rgba(0, 77, 136, .24), inset 0 1px 0 #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}
.home-public-page .telegram-channel-button:hover {
    box-shadow: 0 14px 28px rgba(0, 77, 136, .3), inset 0 1px 0 #fff;
    transform: translateY(-2px);
}
.home-public-page .telegram-channel-button span { font-size: 18px; line-height: 1; }

.home-public-page .whatsapp-channel-section { margin-top: 16px; }
.home-public-page .whatsapp-channel-section .telegram-channel-card {
    border-bottom-color: rgba(4, 78, 58, .66);
    background:
        radial-gradient(circle at 12% 0, rgba(255, 255, 255, .22), transparent 25%),
        linear-gradient(135deg, #087b63 0%, #0b7951 50%, #075e54 100%);
    box-shadow:
        0 5px 0 rgba(2, 79, 58, .36),
        0 22px 36px rgba(7, 113, 77, .23),
        inset 0 1px 0 rgba(255, 255, 255, .48),
        inset 0 -9px 24px rgba(1, 67, 49, .18);
}
.home-public-page .whatsapp-channel-section .telegram-channel-card:hover {
    box-shadow:
        0 7px 0 rgba(2, 79, 58, .32),
        0 28px 44px rgba(7, 113, 77, .3),
        inset 0 1px 0 rgba(255, 255, 255, .56),
        inset 0 -9px 24px rgba(1, 67, 49, .18);
}
.home-public-page .whatsapp-channel-section .telegram-channel-icon {
    box-shadow: 0 12px 24px rgba(0, 73, 52, .24), inset 0 1px 0 rgba(255, 255, 255, .44);
}
.home-public-page .whatsapp-channel-section .telegram-channel-button {
    border-bottom-color: rgba(2, 92, 63, .25);
    color: #08714f;
    background: linear-gradient(155deg, #fff, #f1fff8);
    box-shadow: 0 10px 22px rgba(0, 82, 55, .24), inset 0 1px 0 #fff;
}
.home-public-page .whatsapp-channel-section .telegram-channel-button:hover {
    box-shadow: 0 14px 28px rgba(0, 82, 55, .3), inset 0 1px 0 #fff;
}

.home-discovery { padding: 62px 0; background: #f8f9fc; }
.home-discovery > .page-width > h2 { max-width: 720px; margin: 6px 0 28px; font-size: clamp(28px, 4vw, 43px); line-height: 1.12; letter-spacing: -.045em; }
.home-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.home-discovery-grid article { display: flex; min-height: 280px; flex-direction: column; align-items: flex-start; padding: 28px; border: 1px solid var(--public-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 34px rgba(31, 41, 55, .05); }
.home-discovery-grid svg { width: 34px; height: 34px; color: var(--public-purple); fill: none; stroke: currentColor; stroke-width: 1.6; }
.home-discovery-grid h3 { margin: 22px 0 10px; font-size: 21px; line-height: 1.25; }
.home-discovery-grid p { margin: 0 0 22px; color: var(--public-muted); font-size: 15px; }
.home-discovery-grid a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--public-purple); font-size: 14px; font-weight: 750; }

.public-content-main { min-height: 70vh; padding-top: 72px; background: linear-gradient(180deg, #fbfaff 0, #fff 420px); }
.public-content-hero { padding: clamp(58px, 8vw, 96px) 0 42px; border-bottom: 1px solid var(--public-line); }
.public-content-hero .page-width { max-width: 900px; margin-left: max(24px, calc((100% - 1240px) / 2)); }
.public-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 22px; color: var(--public-muted); font-size: 14px; }
.public-breadcrumb a { color: var(--public-purple); }
.public-content-hero h1 { max-width: 850px; margin: 8px 0 18px; font-size: clamp(38px, 6vw, 68px); line-height: 1.04; letter-spacing: -.055em; }
.public-content-hero > .page-width > p:not(.market-eyebrow) { max-width: 760px; margin: 0 0 18px; color: var(--public-muted); font-size: clamp(17px, 2vw, 20px); }
.public-content-hero small { color: #697586; font-size: 14px; }
.public-fact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 34px; }
.public-fact-grid article { display: grid; gap: 5px; padding: 24px; border: 1px solid var(--public-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(31, 41, 55, .06); }
.public-fact-grid strong { color: var(--public-purple); font-size: 32px; line-height: 1; }
.public-fact-grid span { color: var(--public-muted); font-size: 14px; }
.public-release-card { display: grid; grid-template-columns: 1fr minmax(260px, auto) auto; align-items: center; gap: 28px; margin-top: 34px; padding: 28px; border: 1px solid #d8d0fb; border-radius: 18px; background: linear-gradient(135deg, #fff, #f8f6ff); }
.public-release-card h2 { margin: 5px 0; font-size: 25px; }
.public-release-card p { margin: 0; color: var(--public-muted); }
.public-release-card dl { margin: 0; }
.public-release-card dl div { display: grid; grid-template-columns: 92px 1fr; gap: 12px; }
.public-release-card dt { color: var(--public-muted); }
.public-release-card dd { margin: 0; overflow-wrap: anywhere; }
.public-content-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-top: 48px; padding-bottom: 72px; }
.public-content-sections > section { padding: 30px; border: 1px solid var(--public-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(31, 41, 55, .045); }
.public-content-sections h2 { margin: 0 0 14px; font-size: clamp(22px, 3vw, 30px); line-height: 1.2; letter-spacing: -.025em; }
.public-content-sections p { margin: 0 0 14px; color: var(--public-muted); }
.public-content-sections ul { display: grid; gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.public-content-sections li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; }
.public-content-sections li svg { width: 20px; height: 20px; color: var(--public-green); fill: none; stroke: currentColor; }
.public-inline-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.public-inline-links a,
.public-contact-link { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; color: var(--public-purple); border: 1px solid #d9cef8; border-radius: 10px; background: #fbf9ff; font-weight: 700; }
.public-release-list { padding-top: 44px; }
.public-release-list h2 { font-size: 30px; }
.public-release-list article { display: grid; grid-template-columns: minmax(230px, .7fr) 1fr; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--public-line); }
.public-release-list h3 { margin: 0; font-size: 19px; }
.public-release-list h3 span { color: var(--public-muted); font-size: 14px; font-weight: 500; }
.public-release-list p { margin: 4px 0; color: var(--public-muted); }
.public-release-list code { grid-column: 1 / -1; overflow-wrap: anywhere; font-size: 13px; }

.public-site-footer .footer-grid h2 { margin: 0 0 12px; color: #fff; font-size: 16px; }
.public-site-footer .footer-grid a,
.public-site-footer .footer-brand p,
.public-site-footer .footer-brand > span,
.public-site-footer .footer-bottom { font-size: 14px; }

.model-catalogue-page .market-search input,
.model-catalogue-page .market-search button,
.model-catalogue-page .catalogue-filter,
.model-catalogue-page .catalogue-clear,
.pricing-marketplace-body .public-global-prices p,
.pricing-marketplace-body .public-model-heading p:last-child,
.pricing-marketplace-body .public-model-heading > span,
.pricing-marketplace-body .public-model-table th,
.pricing-marketplace-body .public-model-device strong,
.pricing-marketplace-body .public-model-device small,
.pricing-marketplace-body .public-price-value,
.pricing-marketplace-body .public-price-value small,
.pricing-marketplace-body .public-available,
.pricing-marketplace-body .public-price-note strong,
.pricing-marketplace-body .public-price-note span,
.pricing-marketplace-body .public-price-note a { font-size: 14px; }

/* Public reseller directory: readable density, three-column desktop cards, and manual filters. */
.reseller-marketplace-page .market-directory { padding-top: 112px; }
.reseller-marketplace-page .market-heading > div > p:last-child { color: #536174; font-size: 17px; }
.reseller-marketplace-page .market-eyebrow { color: #4f5d70; font: 750 12px/1.35 ui-monospace, "Cascadia Code", Consolas, monospace; }
.reseller-marketplace-page .market-search input,
.reseller-marketplace-page .market-search button,
.reseller-marketplace-page .market-select select,
.reseller-marketplace-page .market-check,
.reseller-marketplace-page .market-filter-submit,
.reseller-marketplace-page .market-clear { font-size: 14px; }
.reseller-marketplace-page .market-search input,
.reseller-marketplace-page .market-search button { min-height: 44px; }
.reseller-marketplace-page .market-search button { height: 44px; }
.reseller-marketplace-page .market-filters { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.reseller-marketplace-page .market-results-heading h2 { font-size: 22px; }
.reseller-marketplace-page .market-results-heading > span { font-size: 14px; }
.reseller-marketplace-page .market-reseller-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reseller-marketplace-page .market-reseller-card { padding: 22px; border-radius: 17px; }
.reseller-marketplace-page .market-card-head { grid-template-columns: 72px minmax(0, 1fr); }
.reseller-marketplace-page .market-card-head > img,
.reseller-marketplace-page .market-avatar { width: 72px; height: 72px; }
.reseller-marketplace-page .market-partner-identity h3 { font-size: 19px; }
.reseller-marketplace-page .market-badge { min-height: 28px; padding-inline: 9px; font-size: 12px; }
.reseller-marketplace-page .market-badge.standard { color: #475467; border-color: #d0d5dd; background: #f8fafc; }
.reseller-marketplace-page .market-partner-identity > p,
.reseller-marketplace-page .market-rating,
.reseller-marketplace-page .market-description,
.reseller-marketplace-page .market-results-heading > span { color: #536174; font-size: 14px; }
.reseller-marketplace-page .market-partner-identity > p { margin-top: 8px; }
.reseller-marketplace-page .market-partner-identity > p.market-company { margin: -2px 0 7px; color: #667085; font-weight: 650; }
.reseller-marketplace-page .market-partner-identity > p.market-service-scope { margin-top: 4px; }
.reseller-marketplace-page .market-rating strong,
.reseller-marketplace-page .market-rating small { font-size: 14px; }
.reseller-marketplace-page .market-description { min-height: 0; line-height: 1.55; }
.reseller-marketplace-page .market-service-tags span { min-height: 32px; padding-inline: 11px; font-size: 12px; }
.reseller-marketplace-page .market-trust-row { gap: 9px 16px; padding-block: 14px; color: #067451; font-size: 13px; }
.reseller-marketplace-page .market-price-row { padding-block: 14px; }
.reseller-marketplace-page .market-price-row small { color: #4f5d70; font: 750 12px/1.3 ui-monospace, "Cascadia Code", Consolas, monospace; }
.reseller-marketplace-page .market-price-row strong { font-size: 20px; }
.reseller-marketplace-page .market-price-row > span { min-height: 36px; font-size: 13px; }
.reseller-marketplace-page .market-buy,
.reseller-marketplace-page .market-website { min-height: 44px; font-size: 14px; }
.reseller-marketplace-page .market-buy { background: linear-gradient(135deg, #07855c, #056b49); }
.reseller-marketplace-page .market-contact-icons a { width: 44px; height: 44px; }
.reseller-marketplace-page .market-empty p,
.reseller-marketplace-page .market-empty a,
.reseller-marketplace-page .market-pagination nav > div:last-child,
.reseller-marketplace-page .market-trust-banner p,
.reseller-marketplace-page .market-trust-banner > a { font-size: 14px; }
.reseller-marketplace-page .market-trust-banner h2 { font-size: 18px; }
.reseller-marketplace-page .market-trust-banner > a { min-height: 44px; }

@media (max-width: 1250px) {
    .reseller-marketplace-page .market-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .reseller-marketplace-page .market-reseller-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .reseller-marketplace-page .market-filters,
    .reseller-marketplace-page .market-reseller-grid { grid-template-columns: 1fr; }
    .reseller-marketplace-page .market-heading { gap: 22px; }
    .reseller-marketplace-page .market-card-actions { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    .public-release-card { grid-template-columns: 1fr; }
    .public-content-sections { grid-template-columns: 1fr; }
    .home-discovery-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .public-content-main { padding-top: 62px; }
    .public-content-hero { padding-top: 46px; }
    .public-content-hero .page-width { margin-inline: 15px; }
    .public-fact-grid { grid-template-columns: 1fr; }
    .public-release-card { margin-inline: 15px; padding: 22px; }
    .public-content-sections { padding-top: 32px; padding-bottom: 50px; }
    .public-content-sections > section { padding: 22px; }
    .public-release-list article { grid-template-columns: 1fr; }
    .home-public-page .model-price-grid dl { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .home-public-page *, .public-content-page *, .reseller-marketplace-page * {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}
/* Accessible public-copy tokens. These override the original miniature
   marketplace labels while preserving the established visual hierarchy. */
.market-eyebrow,
.market-heading > p,
.market-price-row small,
.home-model-copy p,
.model-price-grid article dt,
.model-price-grid article small {
    color: #56647b;
}

.market-eyebrow,
.market-price-row small {
    font-size: .75rem;
    line-height: 1.45;
}

.model-search input {
    font-size: 1rem;
}

.preview-example-label {
    position: absolute;
    z-index: 4;
    top: 6px;
    right: 36px;
    padding: 6px 9px;
    border: 1px solid #c9d8eb;
    border-radius: 999px;
    color: #40516b;
    background: rgba(255,255,255,.96);
    font-size: .75rem;
    font-weight: 750;
}

.mobile-nav {
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: max(18px, env(safe-area-inset-bottom));
}

@media (max-width: 1320px) {
    .desktop-nav { display: none; }
    .menu-button { display: block; }
}

@media (max-width: 620px) {
    .public-site-header .market-sign-in { display: none; }
    .public-site-header .market-get-started { min-width: 96px; }
}

/* Shared dimensional public-site language
   ------------------------------------------------------------
   A restrained 3D system shared by Home, Product/Help content,
   and the reseller directory. Depth communicates hierarchy while
   all page content, controls, and responsive behavior stay intact. */
.home-public-page,
.public-content-page,
.reseller-marketplace-page {
    --depth-edge: rgba(100, 83, 193, .2);
    --depth-shadow-1: 0 2px 3px rgba(38, 31, 78, .08), 0 10px 24px rgba(38, 31, 78, .08);
    --depth-shadow-2: 0 3px 4px rgba(38, 31, 78, .08), 0 20px 46px rgba(45, 36, 100, .13);
    --depth-shadow-3: 0 5px 8px rgba(31, 24, 68, .1), 0 28px 70px rgba(57, 45, 127, .17);
    background:
        radial-gradient(circle at 8% 2%, rgba(111, 69, 246, .1), transparent 28rem),
        radial-gradient(circle at 91% 18%, rgba(37, 118, 255, .09), transparent 32rem),
        #f7f8fe;
}

.public-site-header {
    border-bottom-color: rgba(128, 116, 190, .2);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 12px 32px rgba(42, 35, 82, .08);
    backdrop-filter: blur(18px) saturate(145%);
}

.public-site-header .market-sign-in,
.public-site-header .market-get-started,
.home-public-page .button,
.public-content-page .button,
.public-content-page .public-inline-links a,
.public-content-page .public-contact-link,
.reseller-marketplace-page .market-filter-submit,
.reseller-marketplace-page .market-buy,
.reseller-marketplace-page .market-website {
    border-bottom-width: 3px;
    transform: translateY(0);
    box-shadow: 0 7px 13px rgba(44, 37, 91, .12), inset 0 1px 0 rgba(255, 255, 255, .62);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.public-site-header .market-sign-in:hover,
.public-site-header .market-get-started:hover,
.home-public-page .button:hover,
.public-content-page .button:hover,
.public-content-page .public-inline-links a:hover,
.public-content-page .public-contact-link:hover,
.reseller-marketplace-page .market-filter-submit:hover,
.reseller-marketplace-page .market-buy:hover,
.reseller-marketplace-page .market-website:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 20px rgba(44, 37, 91, .17), inset 0 1px 0 rgba(255, 255, 255, .7);
}

.public-site-header .market-sign-in:active,
.public-site-header .market-get-started:active,
.home-public-page .button:active,
.public-content-page .button:active,
.public-content-page .public-inline-links a:active,
.public-content-page .public-contact-link:active,
.reseller-marketplace-page .market-filter-submit:active,
.reseller-marketplace-page .market-buy:active,
.reseller-marketplace-page .market-website:active {
    transform: translateY(1px);
    box-shadow: 0 3px 8px rgba(44, 37, 91, .12);
}

/* Home page: layered workstation hero and raised feature surfaces. */
.home-public-page .hero {
    isolation: isolate;
    background:
        radial-gradient(circle at 77% 30%, rgba(47, 122, 255, .17), transparent 32%),
        radial-gradient(circle at 20% 22%, rgba(122, 73, 246, .13), transparent 30%),
        linear-gradient(145deg, #fff 0%, #f7f6ff 50%, #f3f8ff 100%);
}

.home-public-page .hero::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: min(33vw, 470px);
    aspect-ratio: 1;
    right: 7vw;
    bottom: -42%;
    border: 1px solid rgba(112, 74, 239, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(112, 74, 239, .035), 0 0 0 88px rgba(39, 112, 242, .025);
    pointer-events: none;
}

.home-public-page .app-preview {
    perspective: 1500px;
    filter: drop-shadow(0 28px 34px rgba(34, 26, 79, .19));
}

.home-public-page .app-window {
    border-color: rgba(124, 103, 213, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -2px 0 rgba(87, 68, 165, .08), var(--depth-shadow-3);
    transform: rotateX(1.2deg) rotateY(-1.7deg);
    transform-origin: 50% 55%;
}

.home-public-page .verification-card,
.home-public-page .online-dot {
    box-shadow: var(--depth-shadow-2), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-public-page .metric-strip {
    position: relative;
    z-index: 2;
    margin-top: 24px;
    overflow: hidden;
    border: 1px solid rgba(118, 104, 190, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .93);
    box-shadow: var(--depth-shadow-2), inset 0 1px 0 #fff;
}

.home-public-page .platform-grid article,
.home-public-page .service-grid article,
.home-public-page .model-price-grid article,
.home-public-page .process-grid li,
.home-public-page .security-grid article,
.home-public-page .faq-grid details,
.home-public-page .home-discovery-grid article {
    position: relative;
    border: 1px solid rgba(112, 96, 185, .18);
    border-radius: 18px;
    background: linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(248, 248, 255, .95));
    box-shadow: var(--depth-shadow-1), inset 0 1px 0 #fff, inset 0 -2px 0 rgba(82, 65, 160, .045);
    transform: translateY(0);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.home-public-page .platform-grid article::before,
.home-public-page .service-grid article::before,
.home-public-page .model-price-grid article::before,
.home-public-page .home-discovery-grid article::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 18px 0 0 18px;
    background: linear-gradient(#7449f4, #2976f6 54%, #22bd91);
    opacity: .75;
}

.home-public-page .platform-grid article:hover,
.home-public-page .service-grid article:hover,
.home-public-page .model-price-grid article:hover,
.home-public-page .process-grid li:hover,
.home-public-page .security-grid article:hover,
.home-public-page .faq-grid details:hover,
.home-public-page .home-discovery-grid article:hover {
    z-index: 2;
    border-color: rgba(105, 75, 227, .34);
    box-shadow: var(--depth-shadow-2), inset 0 1px 0 #fff;
    transform: translateY(-5px);
}

.home-public-page .model-price-grid dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.home-public-page .pricing-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(103, 79, 255, .3), transparent 35%),
        linear-gradient(145deg, #111831, #17103c 56%, #09243c);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -10px 32px rgba(0, 0, 0, .16);
}

.home-public-page .price-table-wrap,
.home-public-page .billing-steps {
    border: 1px solid rgba(210, 203, 255, .2);
    border-radius: 18px;
    background: rgba(255, 255, 255, .07);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .14);
    backdrop-filter: blur(14px);
}

/* Product, Help, and every configuration-driven public content page. */
.public-content-page .public-content-main {
    background:
        radial-gradient(circle at 86% 8%, rgba(46, 119, 255, .12), transparent 34rem),
        radial-gradient(circle at 7% 22%, rgba(116, 72, 244, .1), transparent 27rem),
        transparent;
}

.public-content-page .public-content-hero {
    position: relative;
    isolation: isolate;
    width: min(calc(100% - 48px), 1280px);
    margin: 34px auto 0;
    padding: clamp(48px, 7vw, 82px) clamp(28px, 6vw, 76px);
    overflow: hidden;
    border: 1px solid rgba(118, 99, 205, .22);
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(246, 245, 255, .94));
    box-shadow: var(--depth-shadow-3), inset 0 1px 0 #fff, inset 0 -3px 0 rgba(92, 73, 179, .055);
}

.public-content-page .public-content-hero::before,
.public-content-page .public-content-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
}

.public-content-page .public-content-hero::before {
    width: 430px;
    height: 430px;
    top: -250px;
    right: -80px;
    border: 1px solid rgba(84, 117, 246, .2);
    box-shadow: 0 0 0 48px rgba(83, 115, 246, .04), 0 0 0 96px rgba(110, 70, 239, .025);
}

.public-content-page .public-content-hero::after {
    width: 190px;
    height: 190px;
    right: 15%;
    bottom: -125px;
    background: radial-gradient(circle at 33% 28%, rgba(255, 255, 255, .9), rgba(103, 74, 241, .13) 38%, rgba(38, 117, 245, .03) 70%);
    box-shadow: 0 25px 55px rgba(81, 58, 174, .15);
}

.public-content-page .public-content-hero .page-width {
    max-width: 900px;
    margin: 0;
}

.public-content-page .public-fact-grid article,
.public-content-page .public-release-card,
.public-content-page .public-content-sections > section,
.public-content-page .public-release-list article {
    position: relative;
    border-color: rgba(114, 97, 192, .18);
    background: linear-gradient(155deg, rgba(255, 255, 255, .99), rgba(248, 248, 255, .96));
    box-shadow: var(--depth-shadow-1), inset 0 1px 0 #fff, inset 0 -2px 0 rgba(84, 66, 165, .045);
    transform: translateY(0);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.public-content-page .public-fact-grid article:hover,
.public-content-page .public-content-sections > section:hover,
.public-content-page .public-release-card:hover {
    border-color: rgba(106, 79, 227, .32);
    box-shadow: var(--depth-shadow-2), inset 0 1px 0 #fff;
    transform: translateY(-5px);
}

.public-content-page .public-content-sections > section::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 5px;
    top: 0;
    left: 30px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #7248f4, #2d78f5, #24b98d);
    box-shadow: 0 4px 13px rgba(84, 74, 214, .22);
}

/* Reseller marketplace: tactile filters and layered partner cards. */
.reseller-marketplace-page .market-directory {
    background:
        radial-gradient(circle at 82% 5%, rgba(40, 117, 246, .11), transparent 32rem),
        radial-gradient(circle at 12% 19%, rgba(118, 69, 244, .09), transparent 28rem),
        transparent;
}

.reseller-marketplace-page .market-heading {
    position: relative;
    padding: 30px;
    border: 1px solid rgba(115, 97, 195, .19);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(247, 246, 255, .94));
    box-shadow: var(--depth-shadow-2), inset 0 1px 0 #fff;
}

.reseller-marketplace-page .market-search,
.reseller-marketplace-page .market-select,
.reseller-marketplace-page .market-check {
    border-color: rgba(113, 96, 190, .22);
    border-bottom-width: 3px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 7px 15px rgba(48, 40, 94, .09), inset 0 1px 0 #fff;
}

.reseller-marketplace-page .market-reseller-card {
    border-color: rgba(106, 89, 178, .21);
    background:
        radial-gradient(circle at 100% 0, rgba(111, 71, 241, .075), transparent 35%),
        linear-gradient(155deg, #fff, #fafaff);
    box-shadow: var(--depth-shadow-1), inset 0 1px 0 #fff, inset 0 -3px 0 rgba(79, 61, 151, .045);
    transform: translateY(0) rotateX(0);
    transform-origin: 50% 100%;
}

.reseller-marketplace-page .market-reseller-card:nth-child(3n + 2) {
    background:
        radial-gradient(circle at 100% 0, rgba(36, 126, 245, .075), transparent 35%),
        linear-gradient(155deg, #fff, #f9fbff);
}

.reseller-marketplace-page .market-reseller-card:nth-child(3n) {
    background:
        radial-gradient(circle at 100% 0, rgba(22, 177, 122, .07), transparent 35%),
        linear-gradient(155deg, #fff, #f8fffc);
}

.reseller-marketplace-page .market-reseller-card:hover {
    border-color: rgba(102, 72, 227, .36);
    box-shadow: var(--depth-shadow-3), inset 0 1px 0 #fff;
    transform: translateY(-7px) rotateX(.5deg);
}

.reseller-marketplace-page .market-card-head > img,
.reseller-marketplace-page .market-avatar {
    box-shadow: 0 3px 4px rgba(34, 27, 70, .14), 0 14px 25px rgba(47, 35, 103, .19), inset 0 1px 0 rgba(255, 255, 255, .4);
}

.reseller-marketplace-page .market-trust-banner {
    border-color: rgba(111, 94, 188, .2);
    border-radius: 18px;
    background: linear-gradient(145deg, #fff, #f8f7ff);
    box-shadow: var(--depth-shadow-2), inset 0 1px 0 #fff;
}

@media (max-width: 900px) {
    .home-public-page .app-window { transform: none; }
    .public-content-page .public-content-hero {
        width: calc(100% - 30px);
        margin-top: 18px;
        border-radius: 22px;
    }
    .reseller-marketplace-page .market-heading { padding: 22px; }
}

@media (max-width: 640px) {
    .home-public-page .metric-strip { margin-top: 15px; border-radius: 16px; }
    .home-public-page .telegram-channel-section { width: calc(100% - 30px); margin-top: 18px; }
    .home-public-page .telegram-channel-card {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 15px;
        padding: 20px;
        border-radius: 18px;
        transform: none;
    }
    .home-public-page .telegram-channel-icon { width: 54px; height: 54px; }
    .home-public-page .telegram-channel-icon svg { width: 30px; height: 30px; }
    .home-public-page .telegram-channel-copy h2 { font-size: 20px; }
    .home-public-page .telegram-channel-copy p { font-size: 13px; }
    .home-public-page .telegram-channel-button { grid-column: 1 / -1; width: 100%; min-height: 50px; }
    .home-public-page .model-price-grid dl { grid-template-columns: 1fr; }
    .public-content-page .public-content-hero { padding: 38px 22px; }
    .public-content-page .public-content-hero::after { display: none; }
    .reseller-marketplace-page .market-heading { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .home-public-page .app-window,
    .home-public-page .platform-grid article,
    .home-public-page .service-grid article,
    .home-public-page .model-price-grid article,
    .home-public-page .process-grid li,
    .home-public-page .security-grid article,
    .home-public-page .faq-grid details,
    .home-public-page .home-discovery-grid article,
    .home-public-page .telegram-channel-card,
    .public-content-page .public-fact-grid article,
    .public-content-page .public-content-sections > section,
    .public-content-page .public-release-card,
    .reseller-marketplace-page .market-reseller-card { transform: none !important; }
}