.cs-page{--cs-ink: #f2ede6;--cs-paper: #0a0a08;--cs-acid: #c8ff3e;--cs-on-acid: #0a0a08;--cs-line: rgba(255, 255, 255, .08);--cs-line-subtle: rgba(255, 255, 255, .05);--cs-soft: rgba(255, 255, 255, .74);--cs-body: rgba(255, 255, 255, .82);--cs-card-bg: rgba(0, 0, 0, .45);--cs-card-bg-hover: rgba(0, 0, 0, .6);--cs-tab-bg: rgba(0, 0, 0, .45);--cs-chip-bg: rgba(0, 0, 0, .55);--cs-chip-border: rgba(255, 255, 255, .4);--cs-img-bg: #1a1a18;padding-top:108px;padding-bottom:80px;font-family:Syne,sans-serif;background-color:var(--cs-paper);color:var(--cs-ink)}html[data-theme=light] .cs-page{--cs-ink: #121212;--cs-paper: #f5f1ea;--cs-acid: var(--accent, #a7cf2f);--cs-on-acid: #ffffff;--cs-line: rgba(18, 18, 18, .1);--cs-line-subtle: rgba(18, 18, 18, .06);--cs-soft: rgba(18, 18, 18, .72);--cs-body: rgba(18, 18, 18, .82);--cs-card-bg: rgba(255, 255, 255, .7);--cs-card-bg-hover: rgba(255, 255, 255, .9);--cs-tab-bg: rgba(255, 255, 255, .6);--cs-chip-bg: rgba(18, 18, 18, .08);--cs-chip-border: rgba(18, 18, 18, .3);--cs-img-bg: #ffffff}.cs-shell{max-width:1400px;margin:0 auto;padding-left:24px;padding-right:24px}.cs-intro{padding-top:22px;margin-bottom:36px}.cs-landing-top{padding-top:24px;margin-bottom:26px}.cs-title--center{text-align:center}.cs-device-tabs{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}.cs-device-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cs-line);background:var(--cs-tab-bg);border-radius:999px;padding:10px 14px;color:var(--cs-soft);font-family:DM Mono,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.cs-device-tab.active{border-color:var(--cs-acid);color:var(--cs-on-acid);background:var(--cs-acid)}.cs-overline{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cs-soft);margin-bottom:12px}.cs-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:var(--cs-ink);margin:0}.cs-subtitle{font-family:Syne,sans-serif;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);color:var(--cs-body);line-height:1.75;max-width:80ch;margin-top:12px}.cs-links-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.cs-link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--cs-line);background:var(--cs-tab-bg);color:var(--cs-ink);font-family:DM Mono,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:10px 18px;transition:.2s ease}.cs-link-btn:hover{border-color:#c8ff3e8c;background:var(--cs-acid);color:var(--cs-on-acid)}.cs-link-btn--ghost{border-color:var(--cs-line);background:transparent}.cs-link-btn--ghost:hover{color:var(--cs-ink)}.cs-hero,.cs-library,.cs-system,.cs-tags,.cs-story,.cs-score,.cs-highlights{margin-top:clamp(32px,4vw,46px)}.cs-landing-tools,.cs-system-dynamic,.cs-assets-list,.cs-analytics,.cs-details{margin-top:clamp(30px,3.5vw,42px)}.cs-frame{border:1px solid var(--cs-line);border-radius:14px;padding:12px;background:var(--cs-card-bg)}.cs-main-image--landing{aspect-ratio:16 / 8}.cs-landing-media{display:grid;gap:18px}.cs-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cs-media-item{border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-card-bg);padding:8px}.cs-media-thumb{width:100%;aspect-ratio:16 / 10;-o-object-fit:contain;object-fit:contain;background:var(--cs-img-bg);border-radius:8px;display:block}video.cs-main-image,video.cs-media-thumb{background:#070707}.cs-frame--wide{padding:14px}.cs-main-image{display:block;width:100%;aspect-ratio:16 / 9;-o-object-fit:contain;object-fit:contain;background:var(--cs-img-bg);border-radius:10px;border:1px solid rgba(255,255,255,.08)}.cs-frame--composite{overflow:visible}.cs-mobile-floating-frame{position:absolute;bottom:-8%;left:4%;width:22%;min-width:140px;max-width:260px;background:#0a0a08;border-radius:clamp(16px,3vw,32px);padding:clamp(4px,.6vw,10px);box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff14,inset 0 0 0 2px #ffffff26;z-index:10;transition:transform .3s ease}html[data-theme=light] .cs-mobile-floating-frame{background:#fff;box-shadow:0 25px 50px #00000026,0 0 0 1px #0000000a,inset 0 0 0 2px #00000014}.cs-mobile-floating-inner{border-radius:clamp(12px,2.5vw,24px);overflow:hidden;background:var(--cs-img-bg);width:100%;aspect-ratio:9 / 19.5}.cs-mobile-floating-img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}@media(max-width:767px){.cs-mobile-floating-frame{width:28%;bottom:-5%;left:3%;padding:4px;border-radius:14px}.cs-mobile-floating-inner{border-radius:10px}}.cs-heading{font-family:Syne,sans-serif;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.2;color:var(--cs-ink);margin:0 0 14px}.cs-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cs-grid-2--equal{align-items:stretch}.cs-highlight-card{border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-card-bg);overflow:hidden;transition:all .3s ease}.cs-highlight-card:hover{background:var(--cs-card-bg-hover);transform:translateY(-4px);border-color:var(--cs-acid)}.cs-thumb-wrap{padding:10px}.cs-thumb{width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;border-radius:8px;display:block}.cs-caption{margin:0;padding:0 12px 12px;color:var(--cs-soft);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px}.cs-details-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,5vw,80px);align-items:start}@media(min-width:1024px){.cs-grid-left-big{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important}.cs-grid-right-big{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)!important}}.cs-details-side{position:sticky;top:130px;display:flex;flex-direction:column;gap:32px}.cs-detail-col{border-top:1px solid var(--cs-line);padding-top:16px}.cs-detail-body{color:var(--cs-ink);font-size:clamp(1.1rem,1.2vw,1.25rem);line-height:1.75;max-width:100%;overflow-wrap:anywhere}.cs-detail-table{border-top:1px solid var(--cs-line)}.cs-detail-row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--cs-line)}.cs-detail-row span:first-child{color:var(--cs-soft);font-family:DM Mono,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.cs-detail-row a,.cs-detail-row span:last-child{color:var(--cs-ink);text-decoration:none;overflow-wrap:anywhere}.cs-detail-row a:hover{color:var(--cs-acid)}.cs-panel{border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-card-bg);padding:18px}.cs-heading-sm{margin:0 0 8px;color:var(--cs-ink);font-family:Syne,sans-serif;font-size:clamp(1.25rem,1.5vw,1.4rem);font-weight:700}.cs-list{margin:0;padding-left:18px;color:var(--cs-body);font-size:clamp(1.1rem,1.2vw,1.25rem);line-height:1.75}.cs-list li{margin-bottom:8px}.cs-system-dynamic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cs-system-item{border:1px solid var(--cs-line);border-radius:10px;background:var(--cs-card-bg);padding:14px}.cs-system-key{margin:0 0 6px;color:var(--cs-soft);font-family:DM Mono,monospace;letter-spacing:.11em;font-size:13px;text-transform:uppercase}.cs-system-value{margin:0;color:var(--cs-ink);line-height:1.65;overflow-wrap:anywhere}.cs-assets-list-wrap{display:grid;gap:12px}.cs-asset-folder{border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-card-bg);overflow:hidden}.cs-asset-folder__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--cs-line);flex-wrap:wrap}.cs-asset-count{color:var(--cs-soft);font-family:DM Mono,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.cs-asset-folder__list{display:grid}.cs-asset-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--cs-line-subtle);flex-wrap:wrap}.cs-asset-file-row:first-child{border-top:none}.cs-asset-file-name{color:var(--cs-ink);font-family:DM Mono,monospace;font-size:13px;letter-spacing:.08em;overflow-wrap:anywhere}.cs-asset-row{border:1px solid var(--cs-line);border-radius:10px;background:var(--cs-card-bg);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cs-asset-meta{display:inline-flex;align-items:center;gap:10px;color:var(--cs-ink);font-family:DM Mono,monospace;letter-spacing:.1em;font-size:13px;text-transform:uppercase}.cs-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cs-analytics-card{border:1px solid var(--cs-line);border-radius:10px;background:var(--cs-card-bg);padding:14px}.cs-asset-footer{padding:0 12px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cs-asset-download{font-family:DM Mono,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink);border:1px solid var(--cs-line);border-radius:999px;padding:6px 12px;text-decoration:none;white-space:nowrap;transition:all .2s ease}.cs-asset-download:hover{border-color:#c8ff3e99;color:var(--cs-acid)}.cs-system-panel{border:1px solid var(--cs-line);border-radius:14px;background:var(--cs-card-bg);padding:18px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.cs-swatches{display:flex;gap:10px;margin-top:12px}.cs-swatches span{width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.cs-type-sample{color:var(--cs-ink);font-family:Syne,sans-serif;font-size:1rem;margin-top:10px}.cs-chip-wrap{display:flex;flex-wrap:wrap;gap:10px}.cs-landing-tools .cs-chip-wrap,.cs-system-dynamic .cs-system-dynamic-grid{margin-top:12px}.cs-chip{display:inline-flex;align-items:center;white-space:nowrap;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-soft);background:var(--cs-chip-bg);border:1px solid var(--cs-chip-border);border-radius:999px;padding:7px 14px;transition:all .2s ease}.cs-chip:hover{border-color:var(--cs-acid);color:var(--cs-ink);background:var(--cs-line)}.cs-desc{color:var(--cs-body);max-width:100%;line-height:1.7;font-size:clamp(1.1rem,1.2vw,1.25rem)}.cs-markdown{margin-top:12px;color:var(--cs-body);font-size:clamp(1.1rem,1.2vw,1.25rem);line-height:1.8;max-width:100%;overflow-wrap:anywhere}.cs-markdown h1,.cs-markdown h2,.cs-markdown h3{color:var(--cs-ink);margin-top:20px;margin-bottom:10px}.cs-markdown ul,.cs-markdown ol{padding-left:20px}.cs-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cs-score-card{border:1px solid var(--cs-line);border-radius:10px;background:var(--cs-card-bg);padding:16px}.cs-score-label{margin:0;color:var(--cs-soft);font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:13px}.cs-score-value{margin:8px 0 0;color:var(--cs-ink);font-family:Syne,sans-serif;font-size:clamp(1.25rem,1.2rem + .2vw,1.4rem);font-weight:700;overflow-wrap:anywhere}.cs-title,.cs-heading,.cs-caption{overflow-wrap:anywhere}.cs-top-nav{margin-bottom:18px}.cs-top-nav__inner{display:flex;justify-content:space-between;align-items:center;gap:12px}.cs-top-link{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--cs-ink);border:1px solid var(--cs-line);border-radius:999px;background:var(--cs-tab-bg);padding:8px 12px;transition:.2s ease}.cs-top-link:hover{border-color:#c8ff3e94;color:var(--cs-acid)}.cs-top-link--ghost{color:var(--cs-soft)}.cs-bottom-footer{margin-top:clamp(34px,4.4vw,56px);padding-top:clamp(22px,3vw,30px);padding-bottom:12px;min-height:170px;border-top:1px solid var(--cs-line)}.cs-bottom-footer__inner{display:flex;flex-direction:column;gap:14px;align-items:stretch}.cs-bottom-footer__left{min-width:0;display:flex;flex-direction:column;gap:10px}.cs-bottom-footer__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}@media(min-width:768px){.cs-shell{padding-left:64px;padding-right:64px}}@media(max-width:1023px){.cs-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-system-panel{grid-template-columns:1fr}.cs-details-grid{grid-template-columns:1fr;gap:24px}.cs-details-side{position:static;gap:24px}.cs-system-dynamic-grid{grid-template-columns:1fr}.cs-bottom-footer__inner{gap:14px}}@media(max-width:767px){.cs-grid-2{grid-template-columns:1fr}.cs-main-image{aspect-ratio:16 / 11}.cs-score-grid,.cs-media-grid{grid-template-columns:1fr}.cs-detail-row{grid-template-columns:112px 1fr}.cs-device-tab{font-size:10px;padding:9px 12px}.cs-chip{font-size:9px;padding:4px 10px}.cs-landing-tools,.cs-system-dynamic,.cs-assets-list,.cs-analytics,.cs-details{margin-top:24px}.cs-main-image--landing{aspect-ratio:16 / 10}.cs-analytics-grid{grid-template-columns:1fr}.cs-top-nav{margin-bottom:14px}.cs-top-link{font-size:10px;padding:7px 11px}.cs-bottom-footer__actions{gap:10px;flex-direction:column;align-items:stretch}.cs-bottom-footer__inner{display:flex;flex-direction:column;gap:16px}.cs-bottom-footer{min-height:0;padding-bottom:4px}.cs-bottom-footer__actions .cs-link-btn{width:100%;justify-content:space-between;padding-left:14px;padding-right:14px}.cs-asset-folder__head,.cs-asset-file-row{padding:11px 12px}.cs-asset-file-row .cs-asset-download{width:100%;justify-content:center;text-align:center}.cs-bottom-footer__left{gap:12px}.cs-bottom-footer__left .cs-overline{margin-bottom:0}.cs-bottom-footer__actions{margin-top:2px}}.animate-in{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-bottom-2{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}.fade-in{animation-name:fade-in}.slide-in-from-bottom-2{animation-name:slide-in-from-bottom-2}.cs-story{transition:max-width .5s cubic-bezier(.4,0,.2,1),padding .5s ease}.group\/section:hover .absolute{pointer-events:auto}.grid-cols-2::-webkit-scrollbar{width:4px}.grid-cols-2::-webkit-scrollbar-track{background:transparent}.grid-cols-2::-webkit-scrollbar-thumb{background:#80808033;border-radius:10px}