main{z-index:1;position:relative;overflow-x:clip}.blur-t{opacity:0;filter:blur(12px);backface-visibility:hidden;will-change:filter,opacity;transition:opacity .76s cubic-bezier(.22,1,.36,1),filter .76s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.blur-t.is-in{opacity:1;filter:blur()}@media (prefers-reduced-motion:reduce){.blur-t{opacity:1;filter:none;transition:none}}.sm-hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(28px,4vw,72px);max-width:1500px;margin-inline:auto;padding:clamp(120px,15vh,176px) clamp(20px,5vw,72px) clamp(64px,9vh,110px);display:grid}.sm-hero-h1{font-family:var(--font-display);font-weight:500;font-size:var(--mkt-hero-xl);letter-spacing:-.03em;color:var(--text-primary);max-width:12ch;margin:0;line-height:.98}.sm-hero-h1 em{color:var(--text-primary);font-style:normal}.sm-hero-sub{font-family:var(--font-base);font-size:var(--mkt-body);color:var(--text-secondary);max-width:44ch;margin:22px 0 0;line-height:1.5}.sm-hero-cta{margin-top:clamp(26px,4vh,40px)}.sm-hero-x{margin-top:18px}.sm-feed{height:clamp(360px,46vh,520px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 11% 89%,#0000);mask-image:linear-gradient(#0000,#000 11% 89%,#0000)}.sm-feed-track{will-change:transform;flex-direction:column;gap:12px;animation:26s linear infinite sm-scroll;display:flex}@keyframes sm-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.sm-feed:hover .sm-feed-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sm-feed-track{animation:none}}.sm-post{border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:9px;padding:15px 16px;transition:border-color .3s;display:flex}.sm-post.is-pulse{border-color:var(--border)}.sm-post-head{align-items:center;gap:8px;display:flex}.sm-fav{border-radius:5px;width:18px;height:18px}.sm-post-handle{font-family:var(--font-code);color:var(--text-tertiary);font-size:12px}.sm-post-txt{font-family:var(--font-base);color:var(--text-primary);margin:0;font-size:13.5px;line-height:1.4}.sm-post-eng{gap:16px;margin-top:2px;display:flex}.sm-eng{font-family:var(--font-code);color:var(--text-tertiary);font-size:11.5px}.sm-eng span{color:var(--mkt-purple-text)}.sm-spread{text-align:center;max-width:1000px;margin-inline:auto;padding:clamp(56px,9vh,120px) clamp(20px,5vw,72px)}.sm-spread-head{max-width:640px;margin-inline:auto}.sm-spread-h2,.sm-kinds-h2,.sm-use-h2{font-family:var(--font-display);font-weight:500;font-size:var(--mkt-h2);letter-spacing:-.026em;color:var(--text-primary);margin:0;line-height:1}.sm-spread-h2 em,.sm-kinds-h2 em,.sm-use-h2 em,.sm-end-h2 em{color:var(--text-primary);font-style:normal}.sm-spread-sub,.sm-kinds-sub,.sm-use-sub{font-family:var(--font-base);font-size:var(--mkt-body);color:var(--text-secondary);max-width:50ch;margin:16px auto 0;line-height:1.5}.sm-ripple{margin-top:clamp(30px,4vh,52px)}.sm-ripple-svg{width:min(480px,92vw);height:auto;margin:0 auto;display:block}.sm-ring{fill:none;stroke:var(--border-subtle);stroke-width:1px;transform-box:fill-box;transform-origin:50%;opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s;transform:scale(.2)}.sm-ripple.is-in [data-ring]{opacity:1;transform:scale(1)}.sm-ripple.is-in [data-ring]:nth-of-type(2){transition-delay:.16s}.sm-ripple.is-in [data-ring]:nth-of-type(3){transition-delay:.32s}.sm-node{fill:var(--text-quaternary);opacity:0;transform-box:fill-box;transform-origin:50%;transition:transform .46s cubic-bezier(.34,1.56,.64,1),opacity .4s;transform:scale(0)}.sm-node--src{fill:#7c4fe8;opacity:1;transform:scale(1)}.sm-ripple.is-in [data-node]{opacity:1;transform:scale(1)}.sm-ripple-read{font-family:var(--font-code);color:var(--text-tertiary);margin:clamp(18px,2.4vh,26px) 0 0;font-size:12.5px}.sm-ripple-read span{color:var(--text-primary)}.sm-kinds{max-width:1200px;margin-inline:auto;padding:clamp(56px,9vh,120px) clamp(20px,5vw,72px)}.sm-kinds-head{max-width:620px}.sm-kind-grid{grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);margin:clamp(30px,4vh,52px) 0 0;padding:0;list-style:none;display:grid}.sm-kind{border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:8px;padding:clamp(22px,2.4vw,30px);transition:border-color .2s,transform .2s;display:flex}.sm-kind:hover{border-color:var(--border);transform:translateY(-2px)}.sm-kind:hover .sm-kind-t{color:var(--mkt-purple-text)}.sm-kind-t{font-family:var(--font-display);font-size:var(--mkt-lead);color:var(--text-primary);transition:color .2s}.sm-kind-d{font-family:var(--font-base);color:var(--text-secondary);font-size:13.5px;line-height:1.5}.sm-cover{isolation:isolate;padding:clamp(90px,14vh,180px) clamp(20px,5vw,72px);position:relative;overflow:hidden}.sm-cover-fill{z-index:-1;clip-path:circle(0%);background:#7c4fe8;transition:clip-path .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.sm-cover.is-in .sm-cover-fill{clip-path:circle(150%)}.sm-cover-inner{z-index:1;max-width:1200px;margin-inline:auto;position:relative}.sm-cover-h2{font-family:var(--font-display);font-weight:500;font-size:var(--mkt-h2);letter-spacing:-.026em;color:#fff;margin:0;line-height:1}.sm-cover-list{grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,40px);margin:clamp(30px,4vh,52px) 0 0;padding:0;list-style:none;display:grid}.sm-cover-k{font-family:var(--font-display);color:#fff;font-size:clamp(17px,1.7vw,23px)}.sm-cover-v{font-family:var(--font-base);color:#ffffffd1;max-width:38ch;font-size:14.5px;line-height:1.5}.sm-use{max-width:1200px;margin-inline:auto;padding:clamp(56px,9vh,120px) clamp(20px,5vw,72px)}.sm-use-head{max-width:620px}.sm-use-grid{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);margin-top:clamp(30px,4vh,52px);display:grid}.sm-end{text-align:center;padding:clamp(96px,16vh,200px) clamp(20px,5vw,72px)}.sm-end-frame{max-width:800px;margin-inline:auto}.sm-end-h2{font-family:var(--font-display);font-weight:500;font-size:var(--mkt-hero);letter-spacing:-.03em;color:var(--text-primary);margin:0;line-height:.98}.sm-end-cta{justify-content:center;margin-top:clamp(28px,4vh,44px)}.sm-end-x{margin-top:20px}@media (width<=960px){.sm-hero{grid-template-columns:1fr;gap:40px}.sm-kind-grid,.sm-cover-list,.sm-use-grid{grid-template-columns:1fr}}@media (width>=1600px){.sm-hero,.sm-kinds,.sm-use{max-width:1640px}}