:root {
    --silso-nonhome-ink: #0b0911;
    --silso-nonhome-purple: #7446f8;
    --silso-nonhome-lilac: #f3f0ff;
    --silso-nonhome-line: rgba(19, 14, 29, 0.12);
    --silso-nonhome-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body:has(.silso-official-page) header.header,
body:has(.silso-seo-page) header.header {
    height: 78px !important;
    border-color: rgba(18, 14, 27, 0.09) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 1px 0 rgba(18, 14, 27, 0.03);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    transition: transform 320ms var(--silso-nonhome-ease), background-color 260ms ease, box-shadow 260ms ease !important;
}

body:has(.silso-official-page) header.header.is-scrolled,
body:has(.silso-seo-page) header.header.is-scrolled {
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 16px 42px rgba(18, 14, 27, 0.08);
}

body:has(.silso-official-page) header.header > .container,
body:has(.silso-seo-page) header.header > .container {
    height: 100%;
    max-width: 1280px;
    padding-left: 28px;
    padding-right: 28px;
}

body:has(.silso-official-page) .silso-brand-logo,
body:has(.silso-seo-page) .silso-brand-logo {
    color: var(--silso-nonhome-purple) !important;
    font-size: 2.28rem !important;
    letter-spacing: -0.08em !important;
}

body:has(.silso-official-page) .silso-brand-archive-link,
body:has(.silso-seo-page) .silso-brand-archive-link,
body:has(.silso-official-page) .silso-brand-flow-link,
body:has(.silso-seo-page) .silso-brand-flow-link {
    color: #17131e !important;
    font-size: 1.6rem !important;
    letter-spacing: -0.07em;
}

body:has(.silso-official-page) .silso-primary-nav > ul,
body:has(.silso-seo-page) .silso-primary-nav > ul {
    gap: 20px;
}

body:has(.silso-official-page) .silso-primary-nav > ul > li > a,
body:has(.silso-seo-page) .silso-primary-nav > ul > li > a {
    position: relative;
    min-height: 40px;
    padding: 0;
    border-radius: 0;
    background: transparent !important;
    color: #292531 !important;
    font-size: 0.92rem;
}

body:has(.silso-official-page) .silso-primary-nav > ul > li > a::after,
body:has(.silso-seo-page) .silso-primary-nav > ul > li > a::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    height: 2px;
    transform: scaleX(0);
    transform-origin: right center;
    border-radius: 999px;
    background: var(--silso-nonhome-purple);
    transition: transform 240ms var(--silso-nonhome-ease);
}

body:has(.silso-official-page) .silso-primary-nav > ul > li:hover > a::after,
body:has(.silso-official-page) .silso-primary-nav > ul > li > a.is-active::after,
body:has(.silso-seo-page) .silso-primary-nav > ul > li:hover > a::after,
body:has(.silso-seo-page) .silso-primary-nav > ul > li > a.is-active::after {
    transform: scaleX(1);
    transform-origin: left center;
}

body:has(.silso-official-page) .header-actions,
body:has(.silso-seo-page) .header-actions {
    position: static;
    order: 4;
    margin-left: 22px;
    gap: 8px;
}

body:has(.silso-official-page) .header-action,
body:has(.silso-seo-page) .header-action {
    min-height: 40px;
    height: 40px;
    padding: 0 15px;
    border-color: rgba(116, 70, 248, 0.18);
    background: rgba(255, 255, 255, 0.56);
    color: #221a3e;
    font-size: 0.84rem;
    box-shadow: none;
}

body:has(.silso-official-page) .header-action--join,
body:has(.silso-official-page) .header-action--account,
body:has(.silso-seo-page) .header-action--join,
body:has(.silso-seo-page) .header-action--account {
    border-color: var(--silso-nonhome-purple);
    background: var(--silso-nonhome-purple);
    color: #fff;
    box-shadow: 0 10px 24px rgba(116, 70, 248, 0.22);
}

.silso-official-page {
    background:
        radial-gradient(circle at 94% 14%, rgba(116, 70, 248, 0.08), transparent 21%),
        #fff;
}

[data-silso-motion="ready"] {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
    transition: opacity 720ms var(--silso-nonhome-ease), transform 720ms var(--silso-nonhome-ease);
}

[data-silso-motion="in"] {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.silso-official-hero {
    background:
        radial-gradient(circle at 82% 22%, rgba(135, 95, 255, 0.48), transparent 25%),
        radial-gradient(circle at 12% 96%, rgba(116, 70, 248, 0.26), transparent 34%),
        linear-gradient(135deg, #09080d 0%, #141020 54%, #0d0a16 100%);
}

.silso-official-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.3;
    background-image: linear-gradient(rgba(255, 255, 255, 0.085) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.085) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
    pointer-events: none;
}

.silso-official-hero__inner {
    min-height: 510px;
}

.silso-official-kicker::before,
.silso-official-status__head > span::before,
.silso-official-media-wall__head > span::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 1px;
    margin: 0 9px 4px 0;
    background: currentColor;
}

.silso-official-hero h1 {
    font-size: clamp(50px, 5.5vw, 84px);
    line-height: 1.02;
    letter-spacing: -0.07em;
}

.silso-official-hero p {
    max-width: 620px;
}

.silso-official-cta {
    border: 1px solid transparent;
    border-radius: 14px;
    transition: transform 220ms var(--silso-nonhome-ease), box-shadow 220ms ease, background-color 220ms ease;
}

.silso-official-cta:hover,
.silso-official-cta:focus-visible {
    background: #5a31d8;
    box-shadow: 0 20px 42px rgba(116, 70, 248, 0.34);
    transform: translateY(-2px);
}

.silso-official-share {
    border-radius: 14px;
}

.silso-official-visual figure {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
}

.silso-official-visual figure img,
.silso-official-media-wall img,
.silso-official-card-grid img,
.silso-official-showcase img {
    transition: transform 700ms var(--silso-nonhome-ease);
}

.silso-official-visual figure:hover img,
.silso-official-media-wall figure:hover img,
.silso-official-card-grid figure:hover img,
.silso-official-showcase figure:hover img {
    transform: scale(1.045);
}

.silso-official-index a {
    border-radius: 14px;
    transition: transform 220ms var(--silso-nonhome-ease), border-color 220ms ease, background-color 220ms ease;
}

.silso-official-index a:hover,
.silso-official-index a:focus-visible {
    border-color: rgba(188, 169, 255, 0.62);
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-3px);
}

.silso-official-metrics {
    padding-top: 84px;
}

.silso-official-metric-grid article {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: none;
    transition: transform 240ms var(--silso-nonhome-ease), border-color 240ms ease, box-shadow 240ms ease;
}

.silso-official-metric-grid article::after {
    content: '';
    position: absolute;
    right: -35px;
    bottom: -42px;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: rgba(116, 70, 248, 0.08);
}

.silso-official-metric-grid article:hover {
    border-color: rgba(116, 70, 248, 0.32);
    box-shadow: 0 20px 48px rgba(29, 18, 60, 0.1);
    transform: translateY(-5px);
}

.silso-official-status__inner {
    border-radius: 28px;
    box-shadow: 0 30px 72px rgba(22, 12, 56, 0.07);
}

.silso-official-status__grid article,
.silso-official-process__grid article,
.silso-official-trust__grid article,
.silso-official-card-grid article,
.silso-official-use-cases__grid article {
    border-radius: 18px;
    transition: transform 240ms var(--silso-nonhome-ease), border-color 240ms ease, box-shadow 240ms ease;
}

.silso-official-status__grid article:hover,
.silso-official-process__grid article:hover,
.silso-official-trust__grid article:hover,
.silso-official-card-grid article:hover,
.silso-official-use-cases__grid article:hover {
    border-color: rgba(116, 70, 248, 0.34);
    box-shadow: 0 20px 48px rgba(29, 18, 60, 0.1);
    transform: translateY(-5px);
}

.silso-official-media-wall__motion,
.silso-official-media-wall__gallery figure {
    border-radius: 22px;
}

.silso-official-final-cta {
    background:
        radial-gradient(circle at 84% 12%, rgba(158, 132, 255, 0.34), transparent 24%),
        #110d1a;
}

.silso-official-final-cta h2 {
    letter-spacing: -0.065em;
}

.silso-seo-page .silso-seo-hero {
    background:
        radial-gradient(circle at 82% 22%, rgba(143, 103, 255, 0.6), transparent 24%),
        radial-gradient(circle at 14% 92%, rgba(87, 44, 212, 0.45), transparent 34%),
        linear-gradient(135deg, #0b0912 0%, #18102d 52%, #100c1e 100%);
}

body:has(.silso-official-page) .footer,
body:has(.silso-seo-page) .footer {
    position: relative;
    overflow: hidden;
    background: #08070c !important;
}

body:has(.silso-official-page) .footer::before,
body:has(.silso-seo-page) .footer::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.3;
    background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: linear-gradient(90deg, #000, transparent 70%);
    pointer-events: none;
}

body:has(.silso-official-page) .footer-container,
body:has(.silso-seo-page) .footer-container {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    body:has(.silso-official-page) header.header,
    body:has(.silso-seo-page) header.header { height: 68px !important; }

    body:has(.silso-official-page) header.header > .container,
    body:has(.silso-seo-page) header.header > .container { padding-left: 18px; padding-right: 18px; }

    body:has(.silso-official-page) .silso-brand-logo,
    body:has(.silso-seo-page) .silso-brand-logo { font-size: 2.05rem !important; }

    body:has(.silso-official-page) .silso-brand-archive-link,
    body:has(.silso-seo-page) .silso-brand-archive-link { font-size: 1.32rem !important; }

    .silso-official-hero { padding-top: 112px; }
    .silso-official-hero h1 { font-size: clamp(42px, 12.2vw, 62px); }
    .silso-official-hero__inner { min-height: auto; }
    .silso-official-metrics { padding-top: 58px; }
    .silso-official-metric-grid article,
    .silso-official-status__grid article { border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .silso-official-cta,
    .silso-official-visual figure img,
    .silso-official-media-wall img,
    .silso-official-card-grid img,
    .silso-official-showcase img,
    .silso-official-index a,
    .silso-official-metric-grid article,
    .silso-official-status__grid article,
    .silso-official-process__grid article,
    .silso-official-trust__grid article,
    .silso-official-card-grid article,
    .silso-official-use-cases__grid article { transition: none; }
}