.sc-hero{padding:140px 0 40px}.sc-hero h1{font-family:var(--font-display);letter-spacing:-.035em;margin:14px 0 16px;font-size:clamp(36px,5vw,56px);line-height:1.05}.sc-hero p{color:var(--ink-soft);max-width:680px;margin:0;font-size:18px;line-height:1.55}.sc-hero p a{color:var(--blue)}.sc-hero--system p+p{margin-top:10px}.sc-list{padding:20px 0 120px}.sc-spot+.sc-list{padding-top:80px}.sc-list__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 20px;font-size:28px}.sc-empty{color:var(--ink-soft);font-size:17px}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.sc-card{background:var(--paper-2);border:1px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0a14250a,0 12px 30px -22px #0a14254d}.sc-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0a14250f,0 18px 36px -20px #0a142559}.sc-card__swatches{height:72px;display:flex}.sc-card__swatches span{flex:1}.sc-card__swatch-empty{background:var(--paper-3)}.sc-card__body{padding:18px 20px 20px}.sc-card__head{align-items:center;gap:10px;display:flex}.sc-card__head h3{font-size:20px}.sc-card__logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.sc-card__tagline{color:var(--ink-soft);margin:8px 0 0;font-size:15px;line-height:1.5}.sc-card__meta{color:var(--ink-mute);font-family:var(--font-mono);margin:10px 0 0;font-size:12px}.sc-back{color:var(--ink-soft);margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-block}.sc-system__title{align-items:center;gap:14px;display:flex}.sc-system__title h1{margin:0 0 16px}.sc-system__logo{object-fit:contain;border-radius:10px;width:48px;height:48px;margin-bottom:16px}.sc-system__swatches{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.sc-swatch{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:inline-flex}.sc-swatch__chip{border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0a14251a}.sc-swatch code{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}.sc-system__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.sc-section{padding:40px 0 120px}.sc-section h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 12px;font-size:28px}.sc-section__lede{color:var(--ink-soft);margin:0 0 18px;line-height:1.55}.sc-system__grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:48px;display:grid}.sc-endpoint{background:var(--navy);border-radius:12px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.sc-endpoint code{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;font-family:var(--font-mono);flex:1;font-size:13px;overflow:hidden}.sc-copy{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font:600 13px var(--font-body);cursor:pointer;border-radius:8px;flex:none;padding:6px 12px}.sc-copy:hover{background:var(--paper-3)}.sc-setup{grid-template-columns:minmax(0,1fr);gap:14px;margin:18px 0 14px;display:grid}.sc-setup__item{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;min-width:0;padding:16px 18px}.sc-setup__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sc-setup__head h3{font-size:17px}.sc-setup__item p{color:var(--ink-soft);margin:6px 0 10px;font-size:14px}.sc-setup__item pre{background:var(--paper);border-radius:10px;margin:0;padding:12px 14px;overflow-x:auto}.sc-setup__item code{font-family:var(--font-mono);color:var(--ink);font-size:12.5px}.sc-components{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;margin:0;padding:0;list-style:none}.sc-components li{border-top:1px solid var(--line);gap:4px;padding:12px 16px;display:grid}.sc-components li:first-child{border-top:0}.sc-components__name{align-items:center;gap:8px;font-weight:700;display:inline-flex}.sc-components__desc{color:var(--ink-soft);font-size:14px;line-height:1.45}.sc-tag{background:var(--paper-3);color:var(--ink-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.sc-spot{background:var(--navy);color:#fff;padding:110px 0 100px;position:relative;overflow:hidden}.sc-spot__arc{pointer-events:none;width:620px;height:620px;position:absolute;bottom:0;right:0}.sc-spot .wrap{z-index:1;position:relative}.sc-spot__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid}.sc-spot__intro,.sc-spot__stages{min-width:0}.sc-spot__kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);font-size:12px}.sc-spot__title{font-family:var(--font-display);letter-spacing:-.035em;color:#fff;margin:14px 0 18px;font-size:clamp(34px,3.6vw,52px);line-height:1.02}.sc-spot__title span{color:var(--cyan-bright)}.sc-spot__lede{color:#b9c6d8;margin:0 0 28px;font-size:18px;line-height:1.55}.sc-spot__systems{gap:8px;margin:0 0 22px;display:grid}.sc-spot__system{color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:center;gap:0 12px;padding:12px 14px;transition:background .15s,border-color .15s;display:grid}.sc-spot__system:hover{background:#ffffff0f}.sc-spot__system:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.sc-spot__system.is-active{background:#ffffff14;border-color:#ffffff38}.sc-spot__system b{font-family:var(--font-display);font-size:17px}.sc-spot__system small{color:#8ea0b8;font-family:var(--font-mono);text-align:right;justify-self:end;font-size:11.5px}.sc-spot__dots{padding-right:5px;display:flex}.sc-spot__dots span{border:2px solid var(--navy);border-radius:50%;width:16px;height:16px;margin-right:-5px}.sc-spot__timer{background:#ffffff1a;border-radius:2px;grid-column:1/-1;height:2px;margin-top:10px;display:none;overflow:hidden}.sc-spot__timer i{background:var(--coral);width:0;height:100%;display:block}.sc-spot__system.is-active .sc-spot__timer{display:block}.sc-spot__system.is-active .sc-spot__timer i{animation:sc-spot-timer var(--sc-spot-rotate,9s) linear forwards}.sc-spot.is-paused .sc-spot__timer i,.sc-spot.is-static .sc-spot__timer i{width:100%;animation:none}@keyframes sc-spot-timer{to{width:100%}}.sc-spot__detail{display:none}.sc-spot__detail.is-active{display:block}.sc-spot__connect{font-family:var(--font-mono);background:#050b16;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:10px 10px 10px 16px;font-size:13px;display:flex}.sc-spot__connect>span{color:var(--coral)}.sc-spot__connect code{color:#dbe6f5;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sc-spot__copy{font:600 12px var(--font-body);color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:8px;flex:none;padding:6px 10px}.sc-spot__stats{color:#8ea0b8;font-family:var(--font-mono);flex-wrap:wrap;gap:14px 28px;margin:22px 0 0;font-size:12px;display:flex}.sc-spot__stats div{flex-direction:column-reverse;display:flex}.sc-spot__stats dd{color:#fff;font-family:var(--font-display);margin:0;font-size:26px;font-weight:700}.sc-spot__links{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.sc-spot__link{font-size:15px;font-weight:600;color:#dbe6f5!important}.sc-spot__link:hover{color:#fff!important;text-decoration:underline!important}.sc-spot__all{margin-top:22px;font-weight:600;display:inline-block;color:var(--cyan-bright)!important}.sc-spot__stages{grid-template-columns:minmax(0,1fr);display:grid}.sc-spot__stage{opacity:0;visibility:hidden;grid-area:1/1;padding-bottom:120px;transition:opacity .45s,transform .45s,visibility 0s linear .45s;position:relative;transform:translateY(10px)}.sc-spot__stage.is-active{opacity:1;visibility:visible;transition:opacity .45s,transform .45s;transform:none}.sc-spot__browser{color:var(--ink);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -30px #0009}.sc-spot__chrome{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);background:#eef1f6;align-items:center;gap:8px;padding:10px 14px;font-size:11.5px;display:flex}.sc-spot__chrome i{background:#d3d9e3;border-radius:50%;width:10px;height:10px}.sc-spot__chrome em{text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;min-width:0;margin-left:10px;padding:3px 10px;font-style:normal;overflow:hidden}.sc-spot__live{color:#12805c;flex:none;margin-left:auto}.sc-spot__canvas{background:radial-gradient(circle at 1px 1px,#e3e8f0 1px,#0000 0) 0 0/16px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:400px;padding:22px;display:grid}.sc-spot__canvas--story{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.sc-spot__frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:100%;min-height:356px}.sc-spot__specimen{grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;display:grid}.sc-spot__specimen span{aspect-ratio:1;border-radius:12px;box-shadow:inset 0 0 0 1px #0a142514}.sc-spot__specimen-empty{background:var(--paper-3);grid-column:1/-1}.sc-spot__tokens{border:1px solid var(--line);background:#fff;border-radius:12px;align-self:start;padding:16px}.sc-spot__tokens h3{font-family:var(--font-display);margin:0 0 12px;font-size:16px}.sc-spot__tokens ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.sc-spot__tokens li{min-width:0;font-family:var(--font-mono);color:var(--ink-soft);align-items:center;gap:8px;font-size:11.5px;display:flex}.sc-spot__tokens li code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sc-spot__tokens li b{color:var(--ink);white-space:nowrap;margin-left:auto;padding-left:6px;font-weight:400}.sc-spot__tokens p{color:var(--ink-soft);margin:0;font-size:13px}.sc-spot__chip{border-radius:5px;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0a14251a}.sc-spot__chip--plain{background:repeating-linear-gradient(45deg, var(--paper-3) 0 3px, #fff 3px 6px)}.sc-spot__components{flex-wrap:wrap;gap:6px;display:flex;margin-top:14px!important}.sc-spot__components span{background:var(--paper-3);color:var(--ink-soft);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.sc-spot__term{width:78%;font-family:var(--font-mono);color:#8ea0b8;background:#050b16;border:1px solid #ffffff1f;border-radius:14px;padding:14px 18px 16px;font-size:12.5px;line-height:1.75;position:absolute;bottom:0;right:-18px;box-shadow:0 30px 60px -20px #000000b3}.sc-spot__term-head{color:#6f819b;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.sc-spot__line b{color:var(--cyan-bright);font-weight:400}.sc-spot__line--prompt{color:#fff}.sc-spot__line--prompt:before{content:"› ";color:var(--coral)}.sc-spot__line--ok{color:#5fd3a5}.sc-spot__stage.is-active .sc-spot__line{animation:.35s both sc-spot-line}.sc-spot__stage.is-active .sc-spot__line:nth-child(3){animation-delay:.9s}.sc-spot__stage.is-active .sc-spot__line:nth-child(4){animation-delay:1.8s}.sc-spot__stage.is-active .sc-spot__line:nth-child(5){animation-delay:2.7s}.sc-spot__stage.is-active .sc-spot__line:nth-child(6){animation-delay:3.6s}@keyframes sc-spot-line{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sc-spot__stage,.sc-spot__stage.is-active{transition:none;transform:none}.sc-spot__stage.is-active .sc-spot__line{animation:none}}@media (width<=1000px){.sc-spot__grid{grid-template-columns:minmax(0,1fr);gap:40px}.sc-spot__term{width:92%;right:0}}@media (width<=640px){.sc-spot{padding:90px 0 70px}.sc-spot__canvas,.sc-spot__canvas--story{grid-template-columns:minmax(0,1fr);padding:14px}.sc-spot__stage{padding-bottom:0}.sc-spot__term{width:100%;margin-top:-14px;position:relative}}@media (width<=860px){.sc-hero{padding-top:110px}.sc-system__grid{grid-template-columns:1fr}}