* { box-sizing:border-box; }
.catalog-home {
    --paper:#f6f7fa;
    --ink:#172031;
    --line:#d7dce7;
    --accent:hsl(var(--catalog-hue) 53% 32%);
    --hero-base:hsl(var(--catalog-hue) 35% 13%);
    --hero-ink:#f8fbff;
    --hero-action:hsl(var(--catalog-hue) 80% 81%);
    --measure:min(1180px,calc(100% - 56px));
    margin:0;
    font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif;
    background:var(--paper);
    color:var(--ink);
}
.catalog-home.light {
    --hero-base:hsl(var(--catalog-hue) 43% 92%);
    --hero-ink:#152236;
    --hero-action:#fff;
}
.catalog-home a { color:inherit; text-underline-offset:.22em; }
.catalog-home :is(h1,h2,h3,p,dl,dd,blockquote) { margin:0; overflow-wrap:anywhere; }
.catalog-home h1 { font-size:clamp(28px,4.5vw,36px); line-height:1.18; text-wrap:balance; }
.catalog-home h2 { font-size:clamp(23px,3vw,30px); line-height:1.3; }
.catalog-home h3 { font-size:20px; line-height:1.35; }
.catalog-home :is(font,[style]:not(.catalog-home)) { font-size:clamp(0px, 1em, 36px) !important; }
.catalog-home :focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.catalog-top,.catalog-footer {
    display:flex;
    width:var(--measure);
    margin:auto;
    align-items:center;
    justify-content:space-between;
    gap:12px 24px;
    padding-block:14px;
}
.catalog-top nav,.catalog-footer nav,.catalog-downloads nav { display:flex; flex-wrap:wrap; gap:8px 20px; }
.catalog-top ul,.catalog-footer ul { display:flex; flex-wrap:wrap; gap:6px 16px; padding:0; margin:0; list-style:none; }
.catalog-menu nav { padding:5px 0; }
.catalog-top .catalog-index-link,.catalog-colophon .catalog-index-link { display:flex; justify-content:space-between; gap:10px; }
.catalog-layered,.catalog-editorial { display:grid; gap:6px; }
.catalog-masthead-name { display:grid; line-height:1.3; gap:3px; }
.catalog-masthead-name small,.catalog-index > div p { font-size:13px; }
.catalog-layered > div,.catalog-editorial > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 16px; }
.catalog-layered nav { border-top:1px solid var(--line); padding-top:8px; }
.catalog-editorial { text-align:center; justify-content:center; }
.catalog-editorial :is(div,nav) { justify-content:center; }
.catalog-command .catalog-menu { min-width:min(210px,100%); }
.catalog-command .catalog-menu nav,.catalog-utility .catalog-menu nav { display:grid; }
.catalog-index { align-items:start; }
.catalog-index nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 15px; }
.catalog-utility > a:last-child { font-size:14px; color:var(--accent); }
.catalog-name { font-size:20px; font-weight:750; text-decoration:none; overflow-wrap:anywhere; }
.catalog-top nav a { font-size:14px; text-decoration:none; }
.catalog-top [aria-current] { font-weight:750; color:var(--accent); }
.catalog-notice { padding:8px max(14px,calc((100% - 1180px)/2)); background:#e9edf4; overflow-wrap:anywhere; }
.catalog-hero {
    position:relative;
    isolation:isolate;
    display:grid;
    align-content:center;
    align-items:center;
    min-height:calc(100svh - 68px);
    gap:clamp(18px,4vw,54px);
    padding:clamp(36px,8vh,100px) max(28px,calc((100% - 1180px)/2));
    background:radial-gradient(ellipse at var(--hero-glow,87% 16%),hsl(var(--catalog-hue) 65% 57% / .21),transparent 66%),var(--hero-base);
    color:var(--hero-ink);
    overflow:hidden;
}
.catalog-hero > :not(img) { min-width:0; }
.catalog-hero-centered { text-align:center; }
.catalog-hero-centered :is(.catalog-steps,.catalog-side-notes,.catalog-tips) { text-align:start; max-width:680px; margin-inline:auto; }
.catalog-hero-panel .catalog-wallpaper { object-position:67% center; }
.catalog-hero-spread { align-items:start; }
.catalog-wallpaper {
    position:absolute;
    z-index:-1;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:var(--art-position,center);
    opacity:.8;
    mask-image:var(--art-fade,linear-gradient(90deg,transparent 28%,#000 82%));
}
.catalog-hero:has(.catalog-wallpaper)::after {
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(165deg,var(--hero-base) 4%,transparent 70%,var(--hero-base));
    pointer-events:none;
}
.catalog-hero :is(hgroup > p,.catalog-intro > p,header > p,article > p,aside > p,section > p,.catalog-ticket > p) { margin:12px 0 0; max-width:50ch; }
.catalog-hero .catalog-join,.catalog-join {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:8px 22px;
    border-radius:var(--button-radius,8px);
    background:var(--accent);
    color:white;
    font-weight:750;
    text-decoration:none;
    white-space:nowrap;
}
.catalog-hero .catalog-join { background:var(--hero-action); color:#152236; }
.catalog-hero :is(hgroup,.catalog-intro,article,.catalog-ticket) + .catalog-join,
.catalog-hero :is(hgroup,p) + .catalog-join,.catalog-hero :is(h1,p) + div:has(>.catalog-join) { margin-top:16px; }
.catalog-hero h1 + .catalog-join { margin-top:16px; }
.catalog-hero .catalog-lead > p { margin:0 0 7px; font-size:14px; opacity:.9; }
.catalog-center .catalog-lead > p { max-width:none; }
.catalog-lead + .catalog-join { margin-top:16px; }
.catalog-actions,.catalog-console,.catalog-bar,.catalog-ribbon,.catalog-stops { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; }
.catalog-quick { display:inline-block; margin-inline-end:8px; }
.catalog-quick::after { content:"↗"; display:inline-block; margin-inline-start:.4em; text-decoration:none; }
.catalog-center { justify-content:center; text-align:center; }
.catalog-hero .catalog-center > p,.catalog-focus hgroup > p { margin-inline:auto; }
.catalog-steps { margin:0; padding-inline-start:24px; }
.catalog-steps li + li { margin-top:10px; }
.catalog-side-notes dd { opacity:.88; }
.catalog-side-notes dd + dt { margin-top:10px; }
.catalog-side-notes dt { font-weight:750; }
.catalog-tips { display:grid; gap:12px; }
.catalog-tips p { padding-inline-start:14px; border-inline-start:2px solid color-mix(in srgb,currentColor 40%,transparent); }
.catalog-note-pair,.catalog-note-rail { display:grid; gap:12px; }
.catalog-note-pair { grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); }
.catalog-note-pair article,.catalog-note-panel { background:var(--hero-base); padding:16px; border-radius:12px; }
.catalog-note-pair h2,.catalog-note-panel h2 { font-size:20px; }
.catalog-note-details { border-bottom:1px solid #8995a680; padding-block:5px; }
.catalog-note-details p { padding-bottom:10px; }
.catalog-hero-spread .catalog-note-details {
    padding-inline:12px;
    background:var(--hero-base);
}
.catalog-note-rail { padding-inline-start:20px; margin-block:0; }
.catalog-note-rail span { display:block; }
.catalog-tips strong::before,.catalog-side-notes dt::before { content:""; display:inline-block; width:.55em; height:.55em; margin-inline-end:.55em; background:currentColor; border-radius:50%; }
.catalog-glass,.catalog-ticket,.catalog-beacon { padding:clamp(20px,4vw,44px); border:1px solid #8995a660; background:color-mix(in srgb,var(--hero-base) 93%,transparent); }
.catalog-glass { border-radius:30px; }
.catalog-ticket { border-radius:8px 32px; }
.catalog-bar,.catalog-ribbon { padding:18px; border-block:1px solid #8995a689; background:color-mix(in srgb,var(--hero-base) 92%,transparent); }
.catalog-focus .catalog-join { margin-top:22px; }
.catalog-focus-help,.catalog-stack-help,.catalog-accent { padding:20px; background:color-mix(in srgb,var(--hero-base) 94%,var(--hero-ink)); }
.catalog-accent p,.catalog-stack-help p { margin:0 0 14px; }
.catalog-home:is([data-catalog-layout="switchboard"],[data-catalog-layout="atlas"],[data-catalog-layout="station"],[data-catalog-layout="terminus"],[data-catalog-layout="beacon"],[data-catalog-layout="relay"],[data-catalog-layout="spectrum"],[data-catalog-layout="stack"]) .catalog-hero { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
[data-catalog-layout="observatory"] { --hero-glow:50% 87%; --button-radius:999px; --art-fade:linear-gradient(180deg,transparent 40%,#000 110%); }
[data-catalog-layout="observatory"] .catalog-hero-foot { justify-self:center; }
[data-catalog-layout="switchboard"] { --hero-glow:0 28%; --art-fade:linear-gradient(268deg,transparent 25%,#000 115%); }
[data-catalog-layout="switchboard"] .catalog-hero aside { background:var(--hero-base); padding:24px; }
[data-catalog-layout="corridor"] .catalog-hero { grid-template-columns:minmax(0,1fr) minmax(0,.6fr); }
[data-catalog-layout="corridor"] .catalog-hero-foot { grid-column:1 / -1; border-top:1px solid #8995a680; padding-top:22px; }
[data-catalog-layout="atlas"] .catalog-hero aside { align-self:end; }
[data-catalog-layout="console"] .catalog-hero { justify-items:start; align-content:end; }
[data-catalog-layout="spectrum"] .catalog-accent { border-inline-start:4px solid; }
[data-catalog-layout="bridge"] .catalog-hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
[data-catalog-layout="bridge"] .catalog-bar { grid-column:1 / -1; }
[data-catalog-layout="bridge"] .catalog-tips { grid-column:2; }
[data-catalog-layout="focus"] .catalog-hero { text-align:center; justify-items:center; }
[data-catalog-layout="focus"] .catalog-focus-help { width:min(100%,540px); text-align:start; }
[data-catalog-layout="station"] .catalog-stops { flex-direction:column; align-items:start; justify-self:end; }
[data-catalog-layout="station"] .catalog-side-notes { grid-column:1 / -1; }
[data-catalog-layout="terminus"] .catalog-hero { --button-radius:999px; --art-fade:linear-gradient(160deg,transparent 19%,#000 115%); }
[data-catalog-layout="stack"] .catalog-hero { align-content:end; }
[data-catalog-layout="beacon"] .catalog-beacon { border-radius:50% 50% 20px 20px / 22% 22% 20px 20px; }
[data-catalog-layout="relay"] .catalog-relay-description { border-inline-start:3px solid; padding-inline-start:19px; }
[data-catalog-layout="relay"] .catalog-steps { grid-column:2; }
[data-catalog-layout="ribbon"] .catalog-ribbon { justify-content:center; }
[data-catalog-layout="ribbon"] .catalog-side-notes { display:grid; grid-template-columns:auto 1fr; gap:4px 16px; justify-self:center; }
[data-catalog-layout="ribbon"] .catalog-side-notes dd + dt { margin:0; }
.catalog-body { width:var(--measure); margin:auto; display:grid; gap:clamp(45px,8vw,108px); padding-block:clamp(45px,8vw,104px); }
.catalog-body section { min-width:0; }
.catalog-plans > header,.catalog-faq > header { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:10px 22px; margin-bottom:24px; }
.catalog-plans > h2 { margin-bottom:18px; }
.catalog-plan-more,.catalog-faq-more { display:inline-block; margin-top:14px; }
.catalog-short-quote { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 14px; }
.catalog-short-quote strong { font-size:25px; }
.catalog-glass .catalog-join,.catalog-hero article > footer { margin-top:16px; }
.catalog-offers,.catalog-reviews > div,.catalog-service dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:16px; }
.catalog-offer { display:grid; align-content:start; justify-items:start; gap:14px; padding:clamp(18px,3vw,32px); border:1px solid var(--line); border-radius:18px; background:#fff; min-width:0; }
.catalog-recommended { background:color-mix(in srgb,var(--accent) 8%,white); }
.catalog-specs { display:grid; gap:12px; width:100%; }
.catalog-home dt,.catalog-plans th { font-size:20px; font-weight:680; }
.catalog-home dd,.catalog-home dd *,.catalog-plans td,.catalog-plan-detail p { font-size:16px; }
.catalog-home dd :is(font,[style]) { font-size:16px !important; }
.catalog-plan-detail { min-width:0; overflow-wrap:anywhere; }
.catalog-home summary { cursor:pointer; min-height:44px; align-content:center; }
.catalog-table-wrap { overflow:auto; }
.catalog-cell-label { display:none; }
.catalog-plans table { border-collapse:collapse; width:100%; }
.catalog-plan-ledger { list-style:none; margin:0; padding:0; }
.catalog-plan-directory { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline; gap:8px 18px; padding:18px 0; border-block:1px solid var(--line); }
.catalog-spec-sheet { border-top:1px solid var(--line); }
.catalog-spec-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr)); gap:8px; width:100%; }
.catalog-spec-cards article { padding:12px; background:var(--paper); border-radius:8px; }
.catalog-spec-cards h4 { font-size:20px; line-height:1.3; margin:0 0 6px; }
.catalog-spec-cards :is(p,span) { font-size:16px; }
.catalog-footer-note { flex-basis:100%; grid-column:1/-1; font-size:14px; color:var(--ink); }
.catalog-plan-ledger li { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; padding:13px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
[data-plan-mode="ledger"] .catalog-plan-ledger li { justify-content:start; gap:14px 32px; }
.catalog-plan-context { margin-bottom:16px; }
.catalog-plans :is(th,td) { padding:13px 10px; border-bottom:1px solid var(--line); text-align:start; overflow-wrap:anywhere; }
.catalog-plans th small { display:block; font-size:14px; font-weight:500; }
.catalog-plan-detail { font-size:16px; font-weight:400; }
.catalog-pass-price { width:100%; border-bottom:1px dashed var(--line); }
.catalog-pass-price strong { font-size:28px; }
.catalog-pass-price small { margin-inline-start:12px; }
[data-plan-mode="passes"] .catalog-offer { border-radius:0 26px 0 26px; }
[data-plan-mode="specs"] .catalog-offers { grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); }
[data-plan-mode="specs"] .catalog-specs { grid-template-columns:repeat(2,minmax(0,1fr)); border-block:1px solid var(--line); padding-block:14px; }
[data-plan-mode="stacked"] .catalog-offer { border-top:4px solid var(--accent); }
.catalog-questions { display:grid; gap:10px; margin:0; padding:0; }
.catalog-questions details { border-bottom:1px solid var(--line); }
.catalog-questions details :is(p,blockquote) { padding:4px 0 14px; }
[data-faq-mode="columns"] .catalog-questions,[data-faq-mode="cards"] .catalog-questions { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
[data-faq-mode="cards"] .catalog-questions article { padding:12px 18px; border:1px solid var(--line); border-radius:12px; background:white; }
[data-faq-mode="cards"] details { border:0; }
[data-faq-mode="list"] .catalog-questions { padding-inline-start:24px; }
[data-faq-mode="sidebar"] { display:grid; grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr); gap:24px; }
[data-faq-mode="sidebar"] > header { display:block; }
[data-faq-mode="sidebar"] > header :is(p,a) { margin-top:12px; }
.catalog-downloads { padding:clamp(20px,5vw,54px); border-radius:22px; background:#e9edf5; }
.catalog-downloads nav { margin-block:16px; }
.catalog-downloads nav a { padding:7px 12px; border:1px solid var(--line); border-radius:6px; }
.catalog-device-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:15px; margin-block:16px; }
.catalog-device-groups > section { padding:16px; background:white; border-radius:9px; }
.catalog-device-groups nav { margin-block-end:0; }
.catalog-install { margin-block:16px 0; padding-inline-start:24px; }
.catalog-install li + li { margin-top:15px; }
.catalog-service > p,.catalog-service dl,.catalog-reviews > div { margin-top:16px; }
.catalog-reviews ol,.catalog-reviews dl { margin:16px 0 0; }
.catalog-reviews ol { display:grid; gap:14px; padding-inline-start:24px; }
.catalog-reviews dd + dt { margin-top:14px; }
.catalog-service dl > div,.catalog-reviews article { border-top:1px solid var(--line); padding-top:14px; }
.catalog-footer { align-items:start; flex-wrap:wrap; border-top:1px solid var(--line); padding-bottom:36px; }
.catalog-footer address { font-style:normal; overflow-wrap:anywhere; }
.catalog-footer .site-footer-links { flex-basis:100%; }
.catalog-footer .site-footer-links-list { display:flex; flex-wrap:wrap; gap:10px 18px; }
.catalog-footer-title,.catalog-footer-tail { display:flex; flex-wrap:wrap; gap:8px 16px; }
.catalog-footer-title { flex-direction:column; }
[data-footer-layout="1"],[data-footer-layout="3"],[data-footer-layout="4"] { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
[data-footer-layout="2"] { display:grid; }
[data-footer-layout="2"] nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); }
[data-footer-layout="5"] { flex-direction:column; }
[data-faq-mode="directory"] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:16px; }
[data-faq-mode="directory"] .catalog-questions { list-style:none; }
[data-faq-mode="helpdesk"] { padding:clamp(18px,4vw,40px); border:1px solid var(--line); border-radius:16px; }
[data-faq-mode="helpdesk"] aside { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:18px; }
[data-faq-mode="journal"] .catalog-questions { border-inline-start:3px solid var(--accent); padding-inline-start:18px; }
.catalog-float { position:fixed; z-index:3; bottom:12px; right:12px; display:grid; gap:7px; }
.catalog-float-row { display:flex; }
.catalog-float-dock { padding:5px; border:1px solid var(--line); border-radius:30px; background:var(--paper); }
.catalog-float-dock ul { display:grid; gap:5px; list-style:none; margin:0; padding:0; }
.catalog-float a { position:relative; display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--accent); color:white; text-decoration:none; }
.catalog-profile::before,.catalog-profile::after { content:""; position:absolute; border:1.5px solid; left:50%; transform:translateX(-50%); }
.catalog-profile::before { top:8px; width:8px; height:8px; border-radius:50%; }
.catalog-profile::after { bottom:7px; width:16px; height:8px; border-radius:10px 10px 4px 4px; }
@media(max-width:730px) {
    .catalog-home { --measure:calc(100% - 32px); }
    .catalog-top { padding-block:10px; flex-wrap:wrap; gap:4px 12px; }
    .catalog-top nav { gap:4px 12px; }
    .catalog-name { font-size:18px; }
    .catalog-home[data-catalog-layout] .catalog-hero { grid-template-columns:minmax(0,1fr); align-content:start; min-height:calc(100svh - 65px); padding:34px 16px; gap:20px; }
    .catalog-wallpaper { mask-image:linear-gradient(180deg,transparent 25%,#000 125%); opacity:.52; }
    .catalog-home[data-catalog-layout] .catalog-hero > * { grid-column:auto; }
    [data-catalog-layout="station"] .catalog-stops { flex-direction:row; justify-self:start; }
    [data-catalog-layout="ribbon"] .catalog-side-notes { grid-template-columns:minmax(0,1fr); }
    .catalog-focus-help,.catalog-stack-help,.catalog-accent { padding:14px; }
    .catalog-plans :is(th,td) { padding:9px 6px; }
    :is([data-faq-mode="sidebar"],[data-faq-mode="directory"],[data-footer-layout]) { grid-template-columns:minmax(0,1fr); gap:10px; }
}

@media(max-width:440px) {
    .catalog-table-wrap > table,.catalog-table-wrap tbody { display:block; width:100%; }
    .catalog-table-wrap thead {
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip-path:inset(50%);
        white-space:nowrap;
    }
    .catalog-table-wrap tbody tr {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px 16px;
        padding:16px 12px;
        border-block-end:1px solid var(--line);
    }
    .catalog-table-wrap tbody :is(th,td) { display:block; padding:0; border:0; }
    .catalog-table-wrap tbody th { grid-column:1/-1; }
    .catalog-cell-label { display:block; font-size:20px; font-weight:650; }
}
.catalog-top > .catalog-desktop-nav { display:none; }
@media(min-width:768px) {
    .catalog-top > .catalog-desktop-nav { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; }
    .catalog-top > :is(.catalog-menu,.catalog-mobile-shortcuts) { display:none; }
}
