.v5-page--channel{--channel-ink:#17628c;--channel-soft:#eaf5fc;--channel-line:#bfdaeb}
html[data-theme=dark] .v5-page--channel{--channel-ink:#afd9f5;--channel-soft:#223647;--channel-line:#375a74}
.v5-channel-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:56px 64px}
.v5-channel-intro h1{font-size:clamp(40px,4.4vw,58px);line-height:1.13;font-weight:400}
.v5-channel-hero h1 strong,.v5-channel-capabilities h2 strong,.v5-channel-cabinet h2 strong,.v5-channel-others h2 strong,.v5-channel-final h2 strong{font-weight:700}
.v5-channel-intro .v5-channel-lead{max-width:48ch;margin-top:24px;color:var(--v5-muted);font-size:16px;line-height:1.7}
.v5-channel-intro .v5-actions{margin-top:28px;gap:16px 24px}
.v5-channel-intro .v5-channel-trial{margin-top:14px;font-size:13px;color:var(--v5-muted)}
.v5-channel-example{min-width:0}
.v5-channel-example .v5-screen-head{background:var(--channel-soft)}
.v5-channel-example .v5-screen-head>span{color:var(--channel-ink)}
.v5-channel-example .v5-screen-head small{color:var(--channel-ink)}
.v5-channel-example .v5-screen-head .v5-icon{width:24px;height:24px}
.v5-channel-example .v5-story-stage{min-height:292px;padding:24px}
.v5-channel-example .v5-story-channels{display:none}
.v5-channel-example .v5-story-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-inline:24px}
.v5-channel-example .v5-story-steps button{font-size:11px}
.v5-channel-example .mine .bubble{background:var(--channel-soft);color:var(--channel-ink);border-color:var(--channel-line)}
.v5-channel-example .mine .v5-story-speaker{color:var(--channel-ink)}
.v5-channel-example .v5-story-track>span{background:var(--channel-ink)}
.v5-channel-capabilities{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;border-top:1px solid var(--v5-line);padding-block:48px}
.v5-channel-capabilities h2,.v5-channel-cabinet h2,.v5-channel-others h2{font-size:clamp(28px,3.1vw,38px);line-height:1.2;font-weight:400}
.v5-channel-capabilities ul{list-style:none;margin:0;padding:0}
.v5-channel-capabilities li{display:flex;align-items:flex-start;gap:16px;padding-block:18px;font-size:15px;line-height:1.65;border-top:1px solid var(--v5-line)}
.v5-channel-capabilities li:first-child{border-top:0;padding-top:0}
.v5-channel-capabilities li:last-child{padding-bottom:0}
.v5-channel-capabilities li .v5-icon{flex:none;margin-top:3px;color:var(--v5-muted)}
.v5-channel-requirements{margin-top:24px;padding-top:20px;border-top:1px solid var(--v5-line)}
.v5-channel-requirements h3{font-size:15px;font-weight:700;line-height:1.5}
.v5-channel-requirements p{margin-top:8px;color:var(--v5-muted);font-size:14px;line-height:1.65}
.v5-channel-cabinet{display:flex;align-items:center;justify-content:space-between;gap:40px;border-block:1px solid var(--v5-line);padding-block:40px}
.v5-channel-cabinet h2{font-size:30px}
.v5-channel-cabinet p{max-width:62ch;color:var(--v5-muted);font-size:15px;margin-top:14px}
.v5-channel-cabinet .v5-button{flex:none}
.v5-channel-others{padding-block:32px;border-bottom:1px solid var(--v5-line)}
.v5-channel-others h2{font-size:24px}
.v5-channel-directory{width:100%}
.v5-channel-directory summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;cursor:pointer;list-style:none}
.v5-channel-directory summary::-webkit-details-marker{display:none}
.v5-channel-directory summary>.v5-icon{flex:none;transition:transform 180ms ease-out}
.v5-channel-directory[open] summary>.v5-icon{transform:rotate(180deg)}
.v5-channel-others nav{display:grid;grid-template-columns:1.4fr 1fr .85fr 1fr 1fr;align-items:start;gap:24px;margin-top:28px}
.v5-channel-group h3{font-size:13px;font-weight:700;line-height:1.5;margin-bottom:8px}
.v5-channel-group ul{list-style:none;margin:0;padding:0}
.v5-channel-others nav a,.v5-channel-others nav [aria-current]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:13px;line-height:1.5;padding-block:6px}
.v5-channel-others nav [aria-current]{font-weight:700}
.v5-channel-others nav a:hover{text-decoration:underline;text-underline-offset:4px}
.v5-channel-others .v5-icon{width:16px;height:16px;color:var(--v5-muted);flex:none}
.v5-channel-directory summary:focus-visible{outline:2px solid var(--v5-ink);outline-offset:6px;border-radius:4px}
.v5-channel-final{padding-block:64px}
.v5-channel-final h2{font-size:clamp(32px,3.6vw,44px);font-weight:400}
.v5-channel-final .v5-channel-trial{font-size:13px;margin-top:16px}
@media(max-width:1180px){.v5-channel-hero,.v5-channel-capabilities{gap:40px}.v5-channel-intro .v5-actions{gap:12px}}
@media(max-width:900px){.v5-channel-hero{gap:28px}.v5-channel-lead{font-size:15px}.v5-channel-cabinet{align-items:flex-start;flex-direction:column;gap:24px}.v5-channel-others{align-items:flex-start;flex-direction:column;gap:16px}.v5-channel-capabilities{gap:32px}.v5-channel-capabilities li{font-size:14px}}
@media(max-width:700px){.v5-channel-hero{grid-template-columns:minmax(0,1fr);padding-block:36px 40px;gap:32px}.v5-channel-intro h1{font-size:40px}.v5-channel-lead{margin-top:20px;max-width:60ch}.v5-channel-intro .v5-actions{margin-top:24px;gap:8px 20px}.v5-channel-intro .v5-button{width:100%}.v5-channel-example .v5-story-stage{min-height:292px;padding:20px}.v5-channel-example .v5-story-steps{padding-inline:20px;gap:8px}.v5-channel-example .v5-story-controls{padding-inline:14px}.v5-channel-capabilities{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:36px}.v5-channel-capabilities h2 br{display:none}.v5-channel-capabilities h2 br::after{content:' '}.v5-channel-capabilities h2,.v5-channel-cabinet h2{font-size:28px}.v5-channel-capabilities h2 strong{display:block}.v5-channel-capabilities li{padding-block:16px}.v5-channel-cabinet{padding-block:32px}.v5-channel-cabinet p{font-size:14px}.v5-channel-others{padding-block:28px}.v5-channel-others h2{font-size:24px}.v5-channel-others nav{gap:8px 24px}.v5-channel-final{padding-block:44px}.v5-channel-final h2{font-size:34px}}
@media(max-width:1000px){.v5-channel-others nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}}
@media(max-width:700px){.v5-channel-hero--long-name h1 strong{font-size:clamp(30px,8.7vw,40px)}.v5-channel-others nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.v5-channel-others h2{font-size:22px}}
@media(max-width:360px){.v5-channel-others nav{grid-template-columns:minmax(0,1fr)}.v5-channel-group ul{columns:2;column-gap:20px}.v5-channel-group li{break-inside:avoid}.v5-channel-group:first-child ul{columns:1}.v5-channel-others nav a,.v5-channel-others nav [aria-current]{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.v5-channel-directory summary>.v5-icon{transition:none}}