.csx{--hdr: 7rem;background:#050507;color:#fff;font-family:Manrope,system-ui,sans-serif;overflow-x:clip}.csx .mono{font-family:Space Mono,monospace}.csx h1,.csx h2,.csx h3{margin:0;letter-spacing:-.03em;line-height:1.04;font-weight:800}.csx em{font-style:italic;font-weight:300;color:var(--pc)}.csx-label{font-size:11px;text-transform:uppercase;letter-spacing:.32em;color:var(--pc);margin:0 0 1.2rem}.csx-stage{position:relative;height:100vh;overflow:hidden;--fw: min(86vw, 1320px, calc((100vh - 22.5rem)*1.62) )}.csx-backbtn{position:fixed;top:calc(var(--hdr) + .3rem);left:clamp(1rem,3vw,2.5rem);z-index:30;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#ffffffa6;text-decoration:none;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s ease,border-color .2s ease,transform .2s ease}.csx-backbtn:hover{color:#fff;border-color:var(--pc);transform:translate(-2px)}.csx-glow{position:fixed;inset:-12%;pointer-events:none;opacity:.85;z-index:0;background:radial-gradient(ellipse 80% 50% at 80% 0%,color-mix(in srgb,var(--pc) 17%,transparent) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 0% 30%,color-mix(in srgb,var(--pc) 11%,transparent) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% 100%,color-mix(in srgb,var(--pc) 14%,transparent) 0%,transparent 60%);animation:csx-rays 16s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes csx-rays{0%{transform:translate(0) scale(1);opacity:.7}to{transform:translate(2%,-1.5%) scale(1.06);opacity:1}}.csx-intro{position:absolute;inset:var(--hdr) 0 40vh 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1.5rem;z-index:2;will-change:transform,opacity}.csx-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.32em;color:#ffffff73;margin:0 0 1.6rem}.csx-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--pc);margin:0 .7em;vertical-align:middle}.csx-intro h1{font-size:clamp(2.6rem,6.5vw,5.2rem)}.csx-lead{color:#fff9;font-weight:300;line-height:1.7;max-width:36rem;margin:1.3rem 0 1.5rem;font-size:14.5px}.csx-chips{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.csx-chips span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#ffffff8c;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px}.csx-scrollhint{margin:2.4rem 0 0;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#fff6;display:flex;flex-direction:column;align-items:center;gap:10px}.csx-hintline{width:1px;height:42px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:csx-drop 1.8s ease-in-out infinite}@keyframes csx-drop{0%{transform:translateY(-6px);opacity:0}35%{opacity:1}to{transform:translateY(10px);opacity:0}}.csx-frame{position:absolute;left:50%;top:7.8rem;z-index:3;width:var(--fw);transform:translate(-50%);border-radius:18px;background:#0c0c12;border:1px solid rgba(255,255,255,.12);box-shadow:0 60px 140px -40px #000000d9,0 0 90px -30px color-mix(in srgb,var(--pc) 55%,transparent);will-change:transform;transform-origin:50% 18%}.csx-chrome{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.csx-cdot{width:9px;height:9px;border-radius:99px;background:#ffffff2e}.csx-cdot-pc{background:var(--pc)}.csx-url{margin-left:12px;font-size:10px;letter-spacing:.12em;color:#ffffff73;background:#ffffff0d;border-radius:999px;padding:5px 14px}.csx-screen{position:relative;aspect-ratio:16 / 9.4;border-radius:0 0 17px 17px;overflow:hidden}.csx-media{position:absolute;inset:0;will-change:clip-path}.csx-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;will-change:transform}.csx-media:not([data-i="0"]){clip-path:inset(100% 0% 0% 0%)}.csx-caps{position:absolute;left:50%;top:calc(7.8rem + var(--fw) / 1.62 + 1.5rem);transform:translate(-50%);width:min(88vw,820px);text-align:center;z-index:5;height:9.4rem}.csx-cap{position:absolute;inset:0;opacity:0;will-change:transform,opacity;pointer-events:none}.csx-cap.is-on{pointer-events:auto}.csx-capbtn{margin-top:1rem;padding:11px 22px;font-size:12px}.csx-cap h2{font-size:clamp(1.2rem,2.1vw,1.7rem);margin-bottom:.55rem}.csx-cap .csx-label{margin-bottom:.6rem}.csx-captxt{color:#ffffff9e;font-weight:300;line-height:1.6;font-size:13.5px;margin:0;max-width:44rem;margin-inline:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.csx-progress{position:absolute;right:0;top:0;font-size:10px;letter-spacing:.3em;color:#fff6}#csx-step{color:var(--pc)}.csx-grid{display:grid;grid-template-columns:48px repeat(5,1fr) 48px;column-gap:clamp(12px,2vw,28px);max-width:1480px;margin:0 auto}.csx-diff{padding-top:clamp(7rem,14vh,10rem);row-gap:3rem}.csx-diff-title{grid-column:2 / 6;font-size:clamp(2rem,4vw,3.3rem)}.csx-diff-list{grid-column:2 / 7;list-style:none;margin:0;padding:0;display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr)}.csx-diff-list li{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.8rem 1.6rem;background:#ffffff05}.csx-diff-num{display:block;color:var(--pc);font-size:12px;letter-spacing:.3em;margin-bottom:1.1rem}.csx-diff-list h3{font-size:1.12rem;margin-bottom:.7rem;letter-spacing:-.01em}.csx-diff-list p{margin:0;color:#ffffff8c;font-weight:300;font-size:14px;line-height:1.65}.csx-sitebtn{grid-column:2 / 7}.csx-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.csx-btn:hover{background:var(--pc);border-color:var(--pc);color:var(--ink);transform:translateY(-2px)}.csx-btn-solid{background:var(--pc);border-color:var(--pc);color:var(--ink)}.csx-btn-solid:hover{filter:brightness(1.12)}.csx-next{padding-top:clamp(6rem,12vh,9rem)}.csx-next .csx-label{grid-column:2 / 3}.csx-next-card{grid-column:2 / 7;display:block;text-decoration:none;color:#fff;position:relative;border-radius:22px;overflow:hidden}.csx-next-card figure{margin:0;height:min(52vh,420px);border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1)}.csx-next-card figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s cubic-bezier(.16,1,.3,1);filter:brightness(.55)}.csx-next-card:hover figure img{transform:scale(1.05);filter:brightness(.75)}.csx-next-meta{position:absolute;inset:auto 0 0;padding:2rem;display:flex;align-items:baseline;gap:1.2rem}.csx-next-meta h3{font-size:clamp(1.6rem,3vw,2.6rem)}.csx-next-meta .mono{font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:#fff9}.csx-next-arrow{margin-left:auto;font-size:2rem;transition:transform .3s ease}.csx-next-card:hover .csx-next-arrow{transform:translate(8px)}.csx-cta{text-align:center;padding:clamp(8rem,18vh,13rem) 1.5rem clamp(6rem,12vh,9rem)}.csx-cta h2{font-size:clamp(2.4rem,5.5vw,4.4rem)}.csx-cta-sub{color:#ffffff8c;font-weight:300;margin:1.6rem 0 2.6rem}.csx-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.csx-back{display:inline-block;margin-top:4rem;font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:#fff6;text-decoration:none;transition:color .2s ease}.csx-back:hover{color:#fff}@media(max-width:880px){.csx-intro h1{font-size:clamp(2.6rem,12vw,4rem)}.csx{--hdr: 6.2rem}.csx-stage{--fw: min(88vw, calc((100vh - 27rem)*1.684) )}.csx-frame{width:var(--fw);top:9rem}.csx-screen{aspect-ratio:16 / 9.5}.csx-caps{top:calc(9rem + var(--fw) / 1.684 + 4rem);height:12.5rem;width:92vw}.csx-backbtn{left:.9rem;height:32px;padding:0 12px}.csx-backbtn span{display:none}.csx-intro{inset:var(--hdr) 0 45vh 0;padding:0 1.25rem}.csx-intro h1{font-size:clamp(2rem,8.5vw,2.7rem);margin-bottom:.2rem}.csx-lead{display:none}.csx-chips{margin-top:1.7rem}.csx-chips span{font-size:9px;padding:6px 11px}.csx-scrollhint{margin-top:2.3rem}.csx-hintline{height:26px}.csx-captxt{-webkit-line-clamp:3;font-size:12.5px}.csx-cap h2{font-size:1.1rem}.csx-capbtn{margin-top:.7rem;padding:10px 18px;font-size:11px}.csx-cap h2{font-size:1.15rem}.csx-captxt{-webkit-line-clamp:4;font-size:12.5px}.csx-progress{right:.2rem;top:-1.6rem}.csx-grid{grid-template-columns:1.25rem 1fr 1.25rem}.csx-diff-title,.csx-diff-list,.csx-sitebtn,.csx-next .csx-label,.csx-next-card{grid-column:2 / 3}.csx-diff-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.csx-stage{height:auto;padding:8rem 0 3rem}.csx-intro{position:static}.csx-frame{position:relative;left:auto;transform:none;margin:3rem auto 0}.csx-media{position:relative;clip-path:none!important;display:none}.csx-media[data-i="0"]{display:block}.csx-caps{position:static;transform:none;height:auto;margin:2.5rem auto 0}.csx-cap{position:static;opacity:1;margin-bottom:2.5rem}.csx-progress{display:none}}[data-framer-name=sticky]{height:100vh!important;min-height:100vh!important;justify-content:center!important}[data-framer-name=cards]:before{content:"";position:absolute;left:0;top:-120px;width:1500px;height:1150px;pointer-events:none;z-index:0;background:linear-gradient(123deg,#fff0 22%,#ffffff17 34%,#fff0 47%),radial-gradient(52% 42% at 13% 2%,#ffffff4d,#fff0 55%),radial-gradient(34% 28% at 30% 18%,#ffffff1a,#fff0 62%)}html,body{overflow-x:clip;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}