:is(body:has(.ci-page) header,body:has(.ci-page) footer){display:none}main:has(.ci-page){padding-top:0}.ci-page{color:#17161c;background:#fff;min-height:100svh;overflow-x:clip}.ci-page ::selection{color:#17161c;background:#cfe0ff}.ci-bar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(.75rem,2svh,1.25rem) clamp(1rem,3vw,2rem);display:flex;position:fixed;inset:0 0 auto}.ci-back,.ci-lang{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #e7e6ec;border-radius:999px;box-shadow:0 10px 28px -14px #20285c52}.ci-back{align-items:center;gap:.45rem;min-height:44px;padding:0 1.1rem 0 .85rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,transform .15s;display:inline-flex}.ci-back:hover{background:#f2f1f5}.ci-back:active{transform:scale(.97)}.ci-back svg{width:18px;height:18px}.ci-lang{align-items:center;min-height:44px;padding:0 .35rem;display:inline-flex}.ci-hero{text-align:center;isolation:isolate;align-content:center;justify-items:center;min-height:78svh;padding:6rem clamp(1.25rem,5vw,4rem) 3rem;display:grid;position:relative}.ci-glow{z-index:-1;aspect-ratio:1;filter:blur(90px);opacity:.2;border-radius:50%;width:min(52vw,620px);position:absolute}.ci-glow-a{background:#007aff;top:8%;left:8%}.ci-glow-b{background:#af52de;bottom:4%;right:8%}.ci-hero-logo{width:clamp(104px,13vw,160px);height:auto;animation:.7s cubic-bezier(.16,1,.3,1) both ci-rise}.ci-hero h1{letter-spacing:-.035em;margin:clamp(1.5rem,4svh,2.5rem) 0 0;font-size:clamp(2.75rem,7.5vw,6.5rem);font-weight:700;line-height:1.05;animation:.7s cubic-bezier(.16,1,.3,1) 80ms both ci-rise}.ci-hero p{color:#4d4b58;word-break:keep-all;max-width:38rem;margin:1.1rem 0 0;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;animation:.7s cubic-bezier(.16,1,.3,1) .16s both ci-rise}@keyframes ci-rise{0%{opacity:0;transform:translateY(18px)}}.ci-section{width:min(100%,76rem);margin:0 auto;padding:clamp(3rem,8svh,5.5rem) clamp(1.25rem,5vw,4rem) 0}.ci-last{padding-bottom:clamp(4rem,12svh,8rem)}.ci-section h2{letter-spacing:-.03em;margin:0 0 clamp(1.25rem,3svh,2rem);font-size:clamp(1.85rem,3.4vw,3rem);font-weight:700}.ci-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.ci-dark{color:#fff;background:#0c0e1a}.ci-light{color:#17161c;background:#fff;box-shadow:inset 0 0 0 1px #e7e6ec}.ci-panel{border-radius:28px;place-items:center;min-height:clamp(260px,36vw,420px);margin:0;display:grid;position:relative}.ci-panel img{width:clamp(88px,12vw,140px);height:auto}.ci-panel figcaption,.ci-panel code{opacity:.66;font-size:.875rem;position:absolute;left:1.25rem}.ci-panel figcaption{font-weight:600;top:1.1rem}.ci-panel code{font-family:ui-monospace,SF Mono,Menlo,monospace;bottom:1.1rem}.ci-wordmark{letter-spacing:-.045em;margin:0;font-size:clamp(2.1rem,8.4vw,7.25rem);font-weight:700;line-height:1.05}.ci-note{color:#4d4b58;word-break:keep-all;margin:1rem 0 0;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.6}.ci-chips{flex-wrap:wrap;gap:8px;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.ci-chips li{color:#3c3357;background:#e9e1fa;border-radius:999px;padding:8px 15px;font-size:1rem;font-weight:600}.ci-lockups{margin-top:clamp(1.5rem,4svh,2.5rem)}.ci-lockup{letter-spacing:-.02em;border-radius:24px;justify-content:center;align-items:center;gap:.85rem;min-height:clamp(120px,14vw,170px);padding:1rem;font-size:clamp(1rem,1.9vw,1.6rem);font-weight:700;display:flex}.ci-lockup img{width:clamp(30px,3vw,44px);height:auto}.ci-color,.ci-gradient{color:#fff;text-align:left;cursor:pointer;border:0;flex-direction:column;justify-content:space-between;width:100%;padding:clamp(1.1rem,2vw,1.75rem);transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.ci-color:hover,.ci-gradient:hover{transform:translateY(-4px)}.ci-color:active,.ci-gradient:active{transform:scale(.99)}.ci-color:focus-visible,.ci-gradient:focus-visible,.ci-back:focus-visible{outline-offset:3px;outline:2px solid #17161c}.ci-color{border-radius:28px;min-height:clamp(220px,30vw,360px)}.ci-gradient{border-radius:24px;gap:2.5rem;min-height:clamp(150px,16vw,210px);margin-top:clamp(.75rem,1.5vw,1.25rem)}.ci-color-name{letter-spacing:-.02em;word-break:keep-all;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:700}.ci-color-hex,.ci-gradient-code{overflow-wrap:anywhere;align-items:center;gap:.5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;display:inline-flex}.ci-color-hex{font-size:clamp(1.2rem,2.4vw,2.1rem)}.ci-gradient-code{font-size:clamp(.8125rem,1.3vw,1.125rem)}.ci-color-hex svg,.ci-gradient-code svg{flex:none;width:.8em;height:.8em}.ci-rules{margin:0;padding:0;list-style:none}.ci-rules li{letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere;border-bottom:1px solid #e7e6ec;grid-template-columns:3.25em minmax(0,1fr);gap:.75rem;padding:1.05rem 0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600;line-height:1.5;display:grid}.ci-rules b{font-variant-numeric:tabular-nums;color:#5f5d6b;font-weight:500}@media (max-width:640px){.ci-pair{grid-template-columns:minmax(0,1fr)}.ci-lockup{min-height:112px;font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.ci-hero-logo,.ci-hero h1,.ci-hero p{animation:none}.ci-color,.ci-gradient,.ci-back{transition:none}}