@font-face{font-family:Csster;src:url('/assets/fonts/cisster/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:CssterMono;src:url('/assets/fonts/cisster/IBMPlexMono-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--cs-ink:#050509;--cs-panel:#10101c;--cs-paper:#f9f7fb;--cs-muted:#b8b5cf;--cs-rule:#303047;--cs-violet:#bda4ff;--cs-orange:#ff6a00;--cs-blue:#0066ff;--cs-magenta:#ff2bd6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}.cisster-page{margin:0;background:var(--cs-ink);color:var(--cs-paper);font:400 16px/1.65 Csster,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.cisster-page img{display:block;max-width:100%;height:auto}.cisster-page a{color:inherit;text-underline-offset:5px}.cisster-page a:hover{color:var(--cs-violet)}.cisster-page :is(a,button,summary):focus-visible{outline:2px solid var(--cs-violet);outline-offset:6px}.cisster-page h1,.cisster-page h2,.cisster-page h3{line-height:1.07;letter-spacing:-.045em;font-weight:650;margin:0}.cisster-page h1{font-size:clamp(68px,6.8vw,104px);font-weight:780;letter-spacing:-.062em;line-height:.99}.cisster-page h1 em{font-style:normal;background:linear-gradient(105deg,#77aaff 2%,#a282ff 45%,#ff57e0 90%);color:var(--cs-violet);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cisster-page h2{font-size:clamp(34px,3.8vw,54px)}.cisster-page h3{font-size:25px;line-height:1.25;margin:21px 0 13px}.cisster-page p{margin:0 0 18px}.cisster-page figure{margin:0}.cs-container{width:calc(100% - 96px);max-width:1280px;margin-inline:auto}.cs-skip{position:absolute;left:24px;top:-100px;background:var(--cs-paper);color:var(--cs-ink)!important;padding:12px 20px;z-index:20}.cs-skip:focus{top:12px}.cs-topline{display:flex;align-items:center;justify-content:space-between;min-height:78px;font:11px/1.5 CssterMono,monospace;letter-spacing:.02em;color:var(--cs-muted);border-bottom:1px solid var(--cs-rule)}.cs-topline a{text-decoration:none;background:#050509d9;padding:4px 6px;border-radius:3px}.cs-topline a:last-child{color:var(--cs-violet)}
.cs-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:26px;align-items:center;padding-block:58px 64px;min-height:750px;position:relative}.cs-lockup{width:300px;margin-bottom:24px}.cs-eyebrow{font:400 11px/1.6 CssterMono,Consolas,monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--cs-violet)}.cs-dot{display:inline-block;width:6px;height:6px;background:var(--cs-orange);border-radius:50%;margin-right:8px}.cs-lead{font-size:23px;letter-spacing:-.025em;margin-top:26px!important}.cs-muted{color:var(--cs-muted)}.cs-hero-copy>.cs-muted{max-width:440px;font-size:16px}.cs-small{font-size:12px;color:var(--cs-muted);line-height:1.75}.cs-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:29px 0 20px}.cs-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:51px;padding:13px 21px;border:1px solid #a486ee;background:linear-gradient(110deg,#075cdb,#7040c9 60%,#a82cbc);color:white!important;border-radius:8px;text-decoration:none;font:600 14px/1.5 Csster,system-ui,sans-serif;cursor:pointer;transition:filter .15s,transform .15s}.cs-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.cs-text-link{font-size:14px;padding-block:12px}.cs-hero-art{position:relative;min-width:0;isolation:isolate;padding-bottom:35px}.cs-hero-art:before{content:'';position:absolute;inset:12% 5%;z-index:-1;background:radial-gradient(ellipse,#2b0b543d,transparent 68%)}.cs-prism{width:100%;padding:8px 0 36px 25px}.cs-hero-art figcaption{display:flex;justify-content:space-between;gap:16px;position:absolute;bottom:0;left:25px;right:0;font:9px/1.5 CssterMono,monospace;letter-spacing:.12em;color:var(--cs-muted)}.cs-code-card{position:absolute;bottom:60px;left:-12px;width:290px;background:#0b0b17f0;backdrop-filter:blur(16px);border:1px solid #62507b;border-radius:12px;box-shadow:0 20px 60px #0008;font-size:12px;transform:rotate(-3deg)}.cs-code-card>div{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--cs-rule);padding:12px 16px;font:11px CssterMono,monospace;color:var(--cs-violet)}.cs-code-card>div>span:last-child{margin-left:auto;color:var(--cs-muted);font-size:9px}.cs-code-dot{width:6px;height:6px;border-radius:50%;background:var(--cs-orange)}.cs-code-card code{display:block;padding:16px 20px;font:12px/1.8 CssterMono,monospace}.cs-code-card code span{color:#cdb8ff}.cs-code-card p{display:flex;justify-content:space-between;margin:0!important;padding:12px 16px;border-top:1px solid var(--cs-rule);font-size:10px;color:var(--cs-muted)}
.cs-nav-wrap{position:sticky;top:0;z-index:5;background:#08080ff5;backdrop-filter:blur(12px);border-block:1px solid var(--cs-rule)}.cs-section-nav{display:flex;gap:40px;align-items:center;min-height:66px;flex-wrap:wrap;padding-block:12px}.cs-section-nav a{text-decoration:none;font-size:12px;color:var(--cs-muted);padding-block:8px}.cs-section-nav a:first-child{color:var(--cs-paper)}.cs-section{padding-block:90px;border-bottom:1px solid var(--cs-rule)}.cs-section-heading{margin-bottom:44px}.cs-section-heading>.cs-eyebrow{margin-bottom:16px}.cs-split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.cs-split-heading>.cs-muted{margin:0;font-size:14px}.cs-feature-grid,.cs-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cs-feature-grid article{padding:28px;border:1px solid var(--cs-rule);border-radius:14px;background:linear-gradient(150deg,#14102480,#08080e)}.cs-feature-grid p,.cs-output-grid p{font-size:14px;color:var(--cs-muted);margin-bottom:0}.cs-feature-symbol{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #514273;background:#8b5cf60b;color:var(--cs-violet);font:22px CssterMono,monospace;border-radius:10px}.cs-feature-grid article:nth-child(2) .cs-feature-symbol{color:#ff83e8;border-color:#622655}.cs-feature-grid article:nth-child(3) .cs-feature-symbol{color:#ffa76b;border-color:#654326}.cs-output-grid article{border-top:1px solid var(--cs-rule);padding:25px 16px 0 0}.cs-output-grid article:nth-child(2)>.cs-eyebrow{color:#ff83e8}.cs-output-grid article:nth-child(3)>.cs-eyebrow{color:#ffa76b}
.cs-workflow{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cs-screen{min-width:0;background:var(--cs-panel);border:1px solid var(--cs-rule);border-radius:14px;overflow:hidden}.cs-screen img{width:100%}.cs-screen figcaption{display:flex;flex-direction:column;gap:5px;padding:22px 24px;font-size:14px}.cs-screen figcaption strong{font-weight:550}.cs-screen figcaption span{font-size:11px;color:var(--cs-muted)}.cs-note{border-left:2px solid var(--cs-orange);padding-left:17px;margin:28px 0 0!important;color:var(--cs-muted);font-size:13px}
.cs-license-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cs-license-card{padding:36px;background:var(--cs-panel);border:1px solid var(--cs-rule);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.cs-license-card h3{font-size:29px}.cs-license-paid{border-color:#8060b2;background:radial-gradient(ellipse at top right,#59257850,transparent 65%),linear-gradient(145deg,#171129,#0f101d)}.cs-price{font-size:66px;letter-spacing:-.06em;line-height:1.2;margin:16px 0!important}.cs-price span{font-size:12px;letter-spacing:0;color:var(--cs-muted);margin-left:10px;display:inline-block}.cs-license-card ul{list-style:none;margin:10px 0 30px;padding:0;color:var(--cs-muted);font-size:14px}.cs-license-card li{padding:8px 0 8px 24px;position:relative}.cs-license-card li:before{content:'✓';position:absolute;left:0;color:var(--cs-violet)}.cs-license-card>.cs-small{margin:18px 0 0;max-width:390px}.cs-availability{display:inline-block;padding:12px 16px;border:1px dashed #605d7b;border-radius:7px;font-size:13px;color:var(--cs-muted)}.cs-order-help{font-size:14px;color:var(--cs-muted);margin:25px 0 0!important}.cs-order-help a{color:var(--cs-violet)}
.cs-faq{max-width:960px}.cs-faq details{border-top:1px solid var(--cs-rule)}.cs-faq summary{padding:23px 32px 23px 0;cursor:pointer;position:relative;list-style:none;font-size:17px;letter-spacing:-.02em}.cs-faq summary::-webkit-details-marker{display:none}.cs-faq summary:after{content:'+';position:absolute;right:4px;color:var(--cs-violet);font-size:22px}.cs-faq details[open] summary:after{content:'−'}.cs-faq details p{padding:0 40px 24px 0;color:var(--cs-muted);font-size:14px;max-width:790px}.cs-message{padding:20px;border:1px solid var(--cs-violet);background:var(--cs-panel);margin-top:30px!important}.cs-footer{padding-block:48px}.cs-footer>div{display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-footer span{font-size:13px;color:var(--cs-muted)}.cs-footer nav{display:flex;gap:24px;margin:28px 0;font-size:13px}.cs-footer>p{font-size:11px;color:var(--cs-muted);margin-bottom:0}
@media(max-width:1080px){.cs-container{width:calc(100% - 56px)}.cs-hero{min-height:660px;gap:20px}.cisster-page h1{font-size:78px}.cs-code-card{width:248px;left:0;bottom:48px}.cs-feature-grid article{padding:23px}.cs-feature-grid h3{font-size:23px}.cs-license-card{padding:28px}.cs-section-nav{gap:28px}}
@media(max-width:760px){html{scroll-padding-top:116px}.cs-container{width:calc(100% - 40px)}.cs-topline{min-height:64px;font-size:10px;gap:12px}.cs-hero{grid-template-columns:1fr;min-height:0;padding-block:38px 35px;gap:12px}.cs-lockup{width:250px;margin-bottom:26px}.cisster-page h1{font-size:clamp(64px,13vw,92px)}.cs-lead{font-size:22px}.cs-hero-copy>.cs-muted{max-width:490px}.cs-hero-art{max-width:450px;width:100%;margin:0 auto!important}.cs-prism{max-height:410px;padding:8px 10px 32px 50px}.cs-code-card{bottom:44px;left:3px;width:250px}.cs-hero-art figcaption{left:3px;font-size:8px}.cs-section-nav{gap:2px 24px;min-height:62px}.cs-section-nav a{font-size:11px}.cs-section{padding-block:54px}.cs-section-heading{margin-bottom:30px}.cs-split-heading{display:block}.cs-split-heading>.cs-muted{margin-top:20px}.cs-feature-grid,.cs-output-grid{grid-template-columns:1fr;gap:20px}.cs-feature-grid article{padding:26px}.cs-workflow,.cs-license-grid{grid-template-columns:1fr}.cs-license-card{padding:28px}.cs-footer>div{align-items:flex-start;flex-direction:column;gap:22px}.cs-footer span{font-size:12px}}
@media(max-width:360px){.cs-container{width:calc(100% - 32px)}.cs-topline a:last-child{max-width:102px;text-align:right}.cisster-page h1{font-size:62px}.cs-actions{gap:18px}.cs-license-card{padding:22px}.cs-price span{display:block;margin:10px 0}.cs-section-nav{gap:0 19px}.cs-footer nav{gap:18px;font-size:12px}.cs-code-card{width:232px}.cs-prism{padding-left:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cs-button{transition:none}.cs-button:hover{transform:none}}
@media(forced-colors:active){.cisster-page h1 em{-webkit-text-fill-color:currentColor}.cs-button{border:1px solid ButtonText}.cs-code-card{background:Canvas}.cs-dot,.cs-code-dot{background:CanvasText}}

/* Cropped, textured facets frame the page; their fixed stage never captures input. */
.cisster-page{position:relative;isolation:isolate}
.cs-shards{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.cs-shard{position:absolute;will-change:transform}
.cs-shard img{width:100%;max-width:none;animation:cs-shard-float 22s ease-in-out infinite alternate;transform-origin:55% 45%}
.cs-shard--top{width:650px;right:-105px;top:-490px;opacity:.95}
.cs-shard--top img{rotate:18deg}
.cs-shard--right{width:520px;right:-290px;top:34%;opacity:.9}
.cs-shard--right img{rotate:-24deg;animation-duration:29s;animation-delay:-11s}
.cs-shard--left{width:510px;left:-355px;bottom:-410px;opacity:.85}
.cs-shard--left img{rotate:155deg;animation-duration:25s;animation-delay:-8s}
.cs-shards.is-paused img{animation-play-state:paused}
.cs-hero-copy{position:relative;isolation:isolate}
.cs-hero-copy:before{content:'';position:absolute;inset:-24px -15px;z-index:-1;background:radial-gradient(ellipse at left,#050509eb 45%,#05050900 74%);pointer-events:none}
.cs-output-grid article,.cs-faq{background:#050509df}
@keyframes cs-shard-float{from{transform:translate3d(0,-12px,0) rotate(-2deg)}to{transform:translate3d(16px,16px,0) rotate(2deg)}}
@media(min-width:1600px){.cs-shard--right{right:-180px}.cs-shard--left{left:-260px}}
@media(max-width:760px){.cs-shard--top{width:410px;right:-200px;top:-350px;opacity:.7}.cs-shard--right{width:370px;right:-285px;top:48%;opacity:.65}.cs-shard--left{width:330px;left:-285px;bottom:-250px;opacity:.6}.cs-shard img{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.cs-shard{will-change:auto;transform:none!important}.cs-shard img{animation:none}}
@media(forced-colors:active){.cs-shards{display:none}}