.sy-bl-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sy-bl-hero{padding:64px 32px 24px}.sy-bl-hero-in{flex-direction:column;gap:24px;display:flex}.sy-bl-h1{letter-spacing:-.02em;max-width:820px;font-size:clamp(40px,4.2vw,56px);font-weight:500;line-height:1.2}.sy-bl-lead{max-width:640px;color:var(--sy-text-2);font-size:18px;line-height:1.55}.sy-bl-filter-wrap{padding:8px 32px 0}.sy-bl-filters{flex-wrap:wrap;gap:8px;display:flex}.sy-bl-filters button{font:inherit;border:1px solid var(--sy-control);background:var(--sy-surface);min-height:44px;color:var(--sy-text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 18px;font-size:15px;font-weight:700}.sy-bl-filters button[aria-pressed=true]{border-color:var(--sy-inverse);background:var(--sy-inverse);color:#fff}.sy-bl-notice-wrap{padding:24px 32px 48px}.sy-bl-notice{background:var(--sy-container);color:var(--sy-text-2);overflow-wrap:anywhere;border-radius:16px;padding:32px;font-size:16px;line-height:1.6}.sy-bl-list{padding:48px 32px 96px}.sy-bl-list-in{flex-direction:column;gap:32px;display:flex}.sy .sy-bl-feature{background:var(--sy-inverse);color:#fff;border-radius:20px;flex-wrap:wrap;display:flex;overflow:hidden}.sy .sy-bl-feature:hover{color:#fff}.sy .sy-bl-feature:focus-visible{outline-offset:4px}.sy-bl-feature-art{background:linear-gradient(135deg,#635bff 0%,#8a7dff 34%,#22b8e8 68%,#f5a524 100%);flex:420px;min-height:280px;position:relative}.sy-bl-feature-art:before{content:"";background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.sy-bl-feature-art .sy-mono{color:#fff;background:#0a25408c;border-radius:999px;max-width:calc(100% - 64px);padding:6px 12px;font-size:15px;position:absolute;bottom:32px;left:32px}.sy-bl-feature-copy{flex-direction:column;flex:420px;justify-content:center;gap:16px;min-width:0;padding:48px;display:flex}.sy-bl-feature-copy small{color:#b9c3ff;font-size:13px;font-weight:700}.sy-bl-feature-copy h2{letter-spacing:-.02em;overflow-wrap:break-word;font-size:clamp(26px,2.3vw,32px);font-weight:500;line-height:1.1}.sy-bl-feature-ex{color:#c9d3e6;font-size:17px;line-height:1.6}.sy-bl-feature-copy b{font-weight:600}.sy-bl-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.sy .sy-bl-card{border:1px solid var(--sy-line);background:var(--sy-surface);color:var(--sy-text);box-shadow:var(--sy-shadow-card);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.sy .sy-bl-card:hover{border-color:var(--sy-control);color:var(--sy-text)}.sy-bl-bar{flex:none;height:8px;display:block}.sy-bl-card-body{flex-direction:column;flex:auto;gap:12px;min-width:0;padding:24px 24px 32px;display:flex}.sy-bl-card-body small{color:var(--sy-text-3);font-size:13px;font-weight:700}.sy-bl-card-body small span{color:var(--sy-action-text)}.sy-bl-card-body h3{overflow-wrap:break-word;font-size:21px;font-weight:500;line-height:1.3}.sy-bl-card-ex{color:var(--sy-text-2);flex:auto;font-size:16px;line-height:1.6}.sy-bl-more{color:var(--sy-action-text);font-weight:600}.sy-bl-showmore{font:inherit;border:1px solid var(--sy-control);background:var(--sy-surface);min-height:48px;color:var(--sy-text);cursor:pointer;border-radius:999px;align-self:center;padding:0 24px;font-size:16px;font-weight:700}.sy-bl-showmore:focus-visible,.sy-bl-filters button:focus-visible{outline-offset:2px;outline:3px solid #635bff}.sy-bl-none{background:var(--sy-container);color:var(--sy-text-2);border-radius:16px;padding:32px;font-size:16px;line-height:1.6}.sy-bl-tools{background:var(--sy-container);padding:64px 32px}.sy-bl-tools-in{flex-direction:column;gap:24px;display:flex}.sy-bl-h2s{letter-spacing:-.02em;font-size:28px;font-weight:500}.sy-bl-tools-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.sy .sy-bl-tools-grid a{background:var(--sy-surface);border:1px solid var(--sy-line);color:var(--sy-text);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex}.sy .sy-bl-tools-grid a:hover{border-color:var(--sy-control)}.sy-bl-tools-grid a>span:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.sy-bl-tools-grid b{font-size:17px;font-weight:600}.sy-bl-tools-grid small{color:var(--sy-text-3);font-size:14px}.sy-bl-arrow{color:var(--sy-action-text);font-weight:600}@media (max-width:900px){.sy-bl-feature-art{flex-basis:100%;min-height:200px}.sy-bl-feature-copy{flex-basis:100%;padding:32px}}@media (max-width:560px){.sy-bl-hero{padding:32px 16px 16px}.sy-bl-hero-in{gap:12px}.sy-bl-h1{font-size:40px;line-height:1.2}.sy-bl-lead{font-size:17px}.sy-bl-filter-wrap{padding:8px 0 0}.sy-bl-filters{scrollbar-width:none;flex-wrap:nowrap;padding:0 16px 8px;overflow-x:auto}.sy-bl-filters::-webkit-scrollbar{display:none}.sy-bl-filters button{flex:none;padding:0 16px}.sy-bl-notice-wrap{padding:16px 16px 32px}.sy-bl-notice,.sy-bl-none{padding:16px;font-size:15px}.sy-bl-list{padding:16px 16px 40px}.sy-bl-list-in{gap:16px}.sy .sy-bl-feature{border-radius:16px}.sy-bl-feature-art{min-height:140px}.sy-bl-feature-art:before{background-size:32px 32px}.sy-bl-feature-art .sy-mono{max-width:calc(100% - 32px);padding:4px 10px;font-size:13px;bottom:16px;left:16px}.sy-bl-feature-copy{gap:8px;padding:20px 16px 24px}.sy-bl-feature-copy h2{letter-spacing:-.02em;font-size:24px;line-height:1.15}.sy-bl-feature-ex{font-size:15px}.sy-bl-feature-copy b{padding-top:4px}.sy-bl-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sy .sy-bl-card{box-shadow:none;flex-direction:row;gap:12px;padding:16px}.sy-bl-bar{border-radius:999px;width:6px;height:auto}.sy .sy-bl-card:has(.sy-bl-thumb){flex-direction:column;gap:0;padding:0}.sy-bl-card:has(.sy-bl-thumb) .sy-bl-card-body{padding:16px}.sy-bl-card-body{gap:6px;padding:0}.sy-bl-card-body h3{font-size:17px}.sy-bl-card-ex{font-size:14px;line-height:1.5}.sy-bl-more{display:none}.sy-bl-showmore{align-self:stretch}.sy-bl-tools{padding:40px 16px 48px}.sy-bl-tools-in{gap:12px}.sy-bl-h2s{margin-bottom:4px;font-size:24px}.sy-bl-tools-grid{grid-template-columns:minmax(0,1fr);gap:12px}.sy .sy-bl-tools-grid a{padding:16px}.sy-bl-tools-grid b{font-size:16px}}
