.cin{display:none}@media (min-width:1024px) and (min-height:620px){html.js-motion .cin{display:block}html.js-motion .cst{display:none}}.cin-text{flex-direction:column;align-items:flex-start;display:flex}.cin-text__meta{color:var(--color-text-2);gap:14px;display:flex}.cin-text__meta .tabular{color:var(--color-cobalt-300)}.cin-text__name{text-wrap:balance;margin-top:18px}.cin-text__outcome{max-width:34ch;color:var(--color-text-1);text-wrap:pretty;margin-top:14px}.cin-text__built{border-top:1px solid var(--color-line);width:100%;max-width:420px;margin-top:28px;padding-top:20px}.cin-text__built>p{color:var(--color-text-3)}.cin-text__built ul{gap:8px;margin-top:12px;display:grid}.cin-text__built li{color:var(--color-text-2);padding-left:20px;position:relative}.cin-text__built li:before{content:"";background:var(--color-cobalt-400);width:8px;height:1px;position:absolute;top:.72em;left:0}.cin-text__ctas{flex-wrap:wrap;gap:8px 12px;margin-top:28px;display:flex}.cin-plate__blur,.cin-plate__sharp{inset:0;position:absolute!important}.cin-plate__blur{transform:scale(1.12)}.cin-plate__blur--empty{background:radial-gradient(120% 90% at 40% 40%, var(--color-cobalt-900), var(--color-ink) 70%)}.cin{height:320vh;margin-top:clamp(32px,4vw,64px);position:relative}.cin__stage{isolation:isolate;background:var(--color-ink);height:100svh;position:sticky;top:0;overflow:hidden}.cin__plates{will-change:transform;position:absolute;inset:-16px}.cin-plate{transform-origin:50%;will-change:opacity, transform;position:absolute;inset:0;overflow:hidden}.cin-plate[data-i]:not([data-i="0"]){opacity:0;visibility:hidden}.cin-plate__sharp{opacity:0}.cin-plate__dim{background:var(--color-ink);opacity:.52;will-change:opacity;position:absolute;inset:0}.cin__vignette{pointer-events:none;background:radial-gradient(120% 85% at 32% 50%, transparent 35%, color-mix(in oklab, var(--color-cobalt-950) 78%, transparent) 100%), linear-gradient(90deg, transparent 45%, color-mix(in oklab, var(--color-ink) 70%, transparent) 78%), linear-gradient(180deg, color-mix(in oklab, var(--color-ink) 55%, transparent), transparent 18%, transparent 80%, var(--color-ink));position:absolute;inset:0}.cin__grid{align-items:center;height:100%;position:relative}.cin__fg-col{grid-column:1/9;justify-content:center;display:flex}.cin__fgs{aspect-ratio:1060/780;will-change:transform;width:min(100%,135.9svh - 271.8px);position:relative}.cin-case{position:absolute;inset:0}.cin-fg{will-change:transform, opacity;position:absolute;inset:0}.cin-case[data-i]:not([data-i="0"]) .cin-fg{opacity:0;visibility:hidden}.cin-dev{position:absolute!important}.cin-dev--laptop{width:75.4717%;top:14.1026%;left:0}.cin-dev--phone{width:28.3019%;top:12.3077%;left:69.8113%}.cin-half{opacity:0;visibility:hidden;will-change:transform, opacity;pointer-events:none;position:absolute;inset:0}.cin-half--L{clip-path:inset(0 50% 0 0);transform-origin:21% 52%}.cin-half--R{clip-path:inset(0 0 0 50%);transform-origin:79% 52%}.cin__text-col{grid-column:9/13;display:grid}.cin__text-col>.cin-text{will-change:transform, opacity;grid-area:1/1}.cin__text-col>.cin-text[data-i]:not([data-i="0"]){opacity:0;visibility:hidden}.cin__progress{right:max(24px, calc((100vw - var(--container-site,1440px)) / 2 + 24px));align-items:center;gap:16px;display:flex;position:absolute;bottom:clamp(24px,5svh,48px)}.cin__count{color:var(--color-text-2);text-align:right;min-width:7ch}.cin__ticks{gap:2px;display:flex}.cin__tick{cursor:pointer;place-items:center;width:32px;height:44px;display:grid}.cin__tick>span{background:var(--color-line-strong);width:20px;height:2px;transition:background-color .4s var(--ease-out), width .5s var(--ease-out);border-radius:2px}.cin__tick:hover>span{background:var(--color-text-2)}.cin__tick[aria-current=step]>span{background:var(--color-cobalt-300);width:28px}.cin__tick:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.cin__bar{background:var(--color-line);height:1px;position:absolute;bottom:-10px;left:0;right:0;overflow:hidden}.cin__bar>span{background:var(--color-cobalt-400);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cst{gap:20px;margin-top:clamp(40px,6vw,96px);display:grid}.cst__card{border:1px solid var(--color-line);background:var(--color-surface);transition:border-color .5s var(--ease-out);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.cst__card:hover{border-color:var(--color-line-strong)}.cst__media{aspect-ratio:4/5;isolation:isolate;position:relative;overflow:hidden}.cst__plate{position:absolute;inset:0}.cst__plate:after{content:"";background:radial-gradient(90% 70% at 50% 45%, transparent 20%, color-mix(in oklab, var(--color-cobalt-950) 70%, transparent)), linear-gradient(180deg, color-mix(in oklab, var(--color-ink) 45%, transparent), color-mix(in oklab, var(--color-ink) 30%, transparent) 60%, var(--color-surface));position:absolute;inset:0}.cst__phone{place-items:center;padding-top:6%;display:grid;position:absolute;inset:0}.cst__phone-frame{width:min(52%,240px)}.cst__composite{display:none}.cst__text{padding:20px 20px 24px}.cst__text .cin-text__name{margin-top:12px}.cst__text .cin-text__built{margin-top:20px;padding-top:16px}.cst__text .cin-text__ctas{margin-top:20px}.cin-cover:after{content:"";z-index:1;border-radius:24px;position:absolute;inset:0}.cst__card .cin-cover{position:static}.cst__card .cin-live{z-index:2;position:relative}.cst__phone{z-index:2;pointer-events:none}.cst__phone-frame{pointer-events:auto}.cst__card:has(.cin-cover:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}@media (min-width:640px) and (max-width:1023px){.cst{grid-template-columns:repeat(2,minmax(0,1fr))}.cst__item:last-child:nth-child(odd){grid-column:1/-1}.cst__item:last-child:nth-child(odd) .cst__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}}@media (min-width:1024px){.cst{gap:clamp(24px,3vw,40px)}.cst__card{border-radius:28px;grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:center;display:grid}.cst__media{aspect-ratio:16/11}.cst__plate:after{background:radial-gradient(110% 85% at 45% 50%, transparent 30%, color-mix(in oklab, var(--color-cobalt-950) 75%, transparent)), linear-gradient(90deg, transparent 60%, var(--color-surface))}.cst__phone{display:none}.cst__composite{display:block;position:absolute;inset:6% 4% 4% 6%}.cst__text{padding:40px clamp(28px,3vw,48px) 40px 8px}.cst__card .cin-cover{position:relative}.cst__card .cin-cover:after{display:none}}