.cs,.cs-intro{--ink:#1e2340;--muted:#5c6378;--blue:#2563eb;--blue-bg:#dbeafe;--green:#047857;--green-bg:#d1fae5;--purple:#7c3aed;--purple-bg:#ede9fe;--orange:#c2410c;--orange-bg:#fed9b8;--red:#dc2626;--red-bg:#fecaca;--stage-bg:#eef1f8;--ease:cubic-bezier(.5,0,.5,1)}.cs-intro{text-align:center;padding:88px 16px 40px}.cs-eyebrow{color:var(--blue);letter-spacing:.32em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.cs-intro h1,.cs-intro h2{letter-spacing:-.5px;font-size:clamp(38px,6vw,62px);font-weight:800;line-height:1.04}.cs-subtitle{color:var(--muted);text-wrap:balance;max-width:620px;margin:14px auto 0;font-size:clamp(17px,2.4vw,21px);line-height:1.5}.cs{--pad-y:64px;color:var(--ink);-webkit-font-smoothing:antialiased;padding:0 16px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.cs *,.cs-intro *{box-sizing:border-box;margin:0;padding:0}.cs-intro{color:var(--ink,#1e2340);font-family:Poppins,sans-serif}.cs-ph{max-width:1200px;height:calc(100svh - 48px);min-height:560px;max-height:920px;margin:0 auto;display:none}.cs-host{position:relative}.cs-stage{background:var(--stage-bg);border-radius:32px;flex-direction:column;justify-content:center;max-width:1200px;margin:0 auto;padding:32px 16px;display:flex;position:relative;overflow:hidden}.cs.is-scroll .cs-ph{display:block}.cs.is-scroll .cs-host{pointer-events:none;z-index:var(--host-z,1);position:fixed;inset:0}.cs.is-scroll .cs-stage{pointer-events:auto;justify-content:flex-start;max-width:none;margin:0;position:fixed}.cs.is-scroll .cs-inner{margin-top:var(--inner-top,0px);width:var(--inner-w,100%);flex:none}.cs-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cs-bg-track{filter:blur(70px);opacity:.9;width:500%;height:150%;transition:transform .9s var(--ease);background:radial-gradient(22% 42% at 10% 30%,#a9c4ff 0,#0000 70%),radial-gradient(14% 30% at 16% 78%,#dbeafe 0,#0000 70%),radial-gradient(22% 42% at 30% 30%,#a7e9cd 0,#0000 70%),radial-gradient(14% 30% at 36% 78%,#d1fae5 0,#0000 70%),radial-gradient(22% 42% at 50% 30%,#c7b6ff 0,#0000 70%),radial-gradient(14% 30% at 56% 78%,#ede9fe 0,#0000 70%),radial-gradient(22% 42% at 70% 30%,#ffc4a3 0,#0000 70%),radial-gradient(14% 30% at 76% 78%,#fed9b8 0,#0000 70%),radial-gradient(22% 42% at 90% 30%,#ffc4d6 0,#0000 70%),radial-gradient(14% 30% at 96% 78%,#fecaca 0,#0000 70%);position:absolute;top:-25%;left:0}.cs-close{z-index:5;width:40px;height:40px;color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff8c;border:1px solid #ffffffe6;border-radius:12px;place-items:center;transition:opacity .3s ease-in-out;display:grid;position:absolute;top:12px;right:12px}.cs-close svg{width:22px;height:22px}.cs.is-expanded .cs-close{opacity:1;pointer-events:auto}.cs-close:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cs-inner{z-index:1;width:100%;max-width:420px;margin:0 auto;position:relative}@property --active{syntax:"<number>";inherits:true;initial-value:0}@property --blob{syntax:"<color>";inherits:true;initial-value:#a9c4ff}.cs-tabs{--tab:48px;--gap:7px;--step:calc(var(--tab) + var(--gap));--neck:14px;z-index:2;justify-content:center;gap:var(--gap);transition:--active .6s var(--ease), --blob .6s var(--ease);display:flex;position:relative}.cs-tab{width:var(--tab);height:var(--tab);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.cs-tab:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.cs-tab-base,.goo-disc{background:#fff;border-radius:50%;position:absolute;inset:0}.cs-tab-goo{filter:url(#cs-goo);opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.cs-tab[aria-selected=true] .cs-tab-goo{opacity:1}.goo-neck{width:32px;height:var(--neck);fill:#fff;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}.goo-stem{left:50%;top:calc(100% + var(--neck));background:#fff;width:32px;height:48px;position:absolute;transform:translate(-50%)}.cs-tab-well{background:#e3e7ee;border-radius:50%;position:absolute;inset:4px;overflow:hidden;transform:translateZ(0)}.cs-tab-blob{background:var(--blob);transform:translateX(calc((var(--active) - var(--i)) * var(--step)));border-radius:50%;position:absolute;inset:0}.cs-tab-icon{z-index:1;opacity:.45;width:64%;height:64%;transition:opacity .4s;position:relative;overflow:visible}.cs-tab[aria-selected=true] .cs-tab-icon{opacity:1}.cs-tab:hover .cs-tab-icon{opacity:.8}.cs-tab[aria-selected=true]:hover .cs-tab-icon{opacity:1}.cs-panel{z-index:3;background:#fff;border-radius:24px;align-items:center;gap:20px;margin-top:14px;padding:24px;display:grid;position:relative;box-shadow:0 4px 5px #5f6d770a,0 10px 15px #5f6d770a,0 40px 50px #5f6d771a}.cs-copy{display:grid}.cs-copy>[role=tabpanel]{opacity:0;pointer-events:none;grid-area:1/1;align-self:start;transition:opacity .45s}.cs-copy>.is-active{opacity:1;pointer-events:auto}.cs-chip{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.cs-chip svg{flex:none;width:26px;height:26px}.cs-chip span{color:var(--muted);font-weight:500}.cs-copy h3{letter-spacing:-.2px;min-height:2.4em;margin-bottom:10px;font-size:clamp(22px,2.3vw,28px);font-weight:500;line-height:1.2}.cs-copy p{color:var(--muted);font-size:15px;line-height:1.6}.cs-visual{--vis-min:150px;--vis-sub:440px;--vis-max:340px;background-color:var(--blue-bg);transition:background-color .6s var(--ease);height:300px;min-height:var(--vis-min);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.cs.is-scroll .cs-visual{height:clamp(var(--vis-min), calc(var(--lock-h,100vh) - var(--pad-y) - var(--vis-sub)), var(--vis-max))}#cs-wheel{width:90%;height:90%;display:block;position:absolute;inset:5%;overflow:visible}@media (width>=640px){.cs{--pad-y:80px;padding:0 32px}.cs-stage{padding:40px 30px}.cs-inner{max-width:596px}.cs-tabs{--tab:56px;--gap:8px}.cs-panel{gap:28px;padding:40px}.cs-visual{--vis-min:180px;--vis-sub:470px;--vis-max:380px;height:340px}.cs-close{width:44px;height:44px;top:24px;right:24px}.cs-copy p{font-size:16px}}@media (width>=1024px){.cs-inner{max-width:996px}.cs-panel{grid-template-columns:320px minmax(0,1fr);gap:48px;padding:56px}.cs-visual{--vis-min:260px;--vis-sub:200px;--vis-max:500px;height:460px}.cs-close{top:32px;right:32px}}@media (width>=1280px){.cs{--pad-y:112px}.cs-stage{padding:48px 30px 64px}.cs-panel{grid-template-columns:320px minmax(0,516px);justify-content:center;gap:64px;padding:48px}.cs-visual{--vis-sub:190px;--vis-max:516px}}#cs-wheel .arrows{transform-box:view-box;transform-origin:400px 400px;animation:16s linear infinite cs-spin}#cs-wheel .icons-layer{transform-box:view-box;transform-origin:400px 400px;transition:transform .7s cubic-bezier(.4,.2,.2,1)}#cs-wheel .node{transform-box:fill-box;transform-origin:50%;transition:transform .7s cubic-bezier(.4,.2,.2,1)}#cs-wheel .node .ring{opacity:0;transition:opacity .4s}#cs-wheel .node.active .ring{opacity:1}#cs-wheel .node .glow{opacity:0}#cs-wheel .node.active .glow{animation:1.8s ease-in-out infinite cs-glow}@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-glow{0%,to{opacity:.35;stroke-width:2.5px}50%{opacity:1;stroke-width:6px}}@media (prefers-reduced-motion:reduce){#cs-wheel .arrows{animation-duration:40s}#cs-wheel .icons-layer,#cs-wheel .node,.cs-tabs,.cs-bg-track,.cs-visual,.cs-copy>[role=tabpanel],.cs-tab-goo{transition:none}#cs-wheel .node.active .glow{opacity:.8;animation:none}}