.cs-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cs-stats li{display:flex;flex-direction:column;gap:2px;padding:18px;border:1px solid var(--night-line);border-radius:var(--r-l);background:rgba(16,29,56,.75)}.cs-stats b{font-size:var(--t-4);line-height:1;letter-spacing:-.03em;color:#fff}.cs-stats span{font-weight:600;color:var(--on-night)}.cs-stats small{color:var(--on-night-2);font-size:var(--t-xs)}.cs-stats li:last-child b{color:#7ee2b0}.cs-need{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cs-need li{position:relative;padding:16px 16px 16px 44px;border:1px dashed #d8b98c;border-radius:var(--r-m);background:#fdf6ec;font-weight:600;color:var(--ink)}.cs-need li:before{content:"?";position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#b07a2e;color:#fff;font-size:.75rem;font-weight:700}.cs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}.cs-steps:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:2px;background:linear-gradient(90deg,#c3ccd9,var(--blue))}.cs-step{position:relative;display:flex;flex-direction:column;gap:6px}.cs-step-i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--paper);border:1px solid var(--line);color:var(--blue);box-shadow:0 8px 18px -12px rgba(10,20,40,.45);margin-bottom:8px}.cs-step--ai .cs-step-i{background:var(--blue);border-color:var(--blue);color:#fff}.cs-step--tafi .cs-step-i{background:#7c5cff;border-color:#7c5cff;color:#fff}.cs-step--end .cs-step-i{background:var(--go-tint);border-color:#a6dcc2;color:var(--go)}.cs-step-d{font-size:var(--t-xs);font-weight:650;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}.cs-step b{font-size:var(--t-0);color:var(--ink);line-height:1.3}.cs-step p{margin:0;font-size:var(--t-sm);line-height:1.5;color:var(--ink-2)}.cs-code-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:stretch}.cs-chart{margin:0;padding:24px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);display:flex;flex-direction:column;gap:22px}.cs-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:var(--t-sm);color:var(--ink-2)}.cs-legend span{display:inline-flex;align-items:center;gap:7px}.cs-key{width:12px;height:12px;border-radius:3px}.cs-bar--before,.cs-key--before{background:#b07a2e}.cs-bar--after,.cs-key--after{background:#144ee0}.cs-group{display:flex;flex-direction:column;gap:6px}.cs-group-l{font-weight:650;color:var(--ink)}.cs-group-l em{font-style:normal;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--go-tint);color:#167a52;font-size:var(--t-xs)}.cs-bar-row{display:flex;align-items:center;gap:10px}.cs-bar{display:block;height:18px;border-radius:0 4px 4px 0;transition:filter .15s ease}.cs-bar-row:hover .cs-bar{filter:brightness(1.12)}.cs-val{font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}.cs-ratio{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--r-l);background:radial-gradient(90% 120% at 100% 0,rgba(91,124,255,.3),transparent 60%),var(--night);color:var(--on-night)}.cs-ratio-n{font-size:clamp(2.6rem,2rem + 2vw,3.6rem);line-height:1;letter-spacing:-.03em;color:#fff}.cs-ratio-n span{color:#8fb0ff;margin:0 2px}.cs-ratio p{margin:0;color:var(--on-night-2);font-size:var(--t-sm);line-height:1.55}.cs-ratio-bars{display:flex;gap:3px;height:14px;margin-top:auto}.cs-rb{display:block;height:100%;border-radius:3px}.cs-rb--own{background:#7ee2b0;flex:none}.cs-rb--plat{flex:1;background:linear-gradient(90deg,#4f7bff,#144ee0)}.cs-ratio-legend{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--on-night-2)}.cs-caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cs-caps li{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;-moz-column-gap:14px;column-gap:14px;row-gap:8px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper)}.cs-cap-i{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--blue-tint);color:var(--blue)}.cs-caps b{grid-column:2/-1;color:var(--ink)}.cs-cap-g,.cs-cap-w{display:flex;flex-direction:column;gap:2px;font-size:var(--t-sm);color:var(--ink-2);line-height:1.4}.cs-caps small{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.cs-cap-w small{color:#8a5a1c}.cs-cap-g small{color:var(--blue)}.cs-sample{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;align-items:start}.cs-sample .codeblock{margin:0}.cs-sample-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cs-sample-notes li{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);font-weight:600;color:var(--ink)}.cs-sample-notes svg{flex:none;color:var(--go)}.cs-source{max-width:72ch;margin:0;font-size:var(--t-sm);color:var(--muted)}@media (max-width:1000px){.cs-steps{grid-template-columns:minmax(0,1fr);gap:18px}.cs-steps:before{left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,#c3ccd9,var(--blue))}.cs-step{padding-left:62px;min-height:44px}.cs-step-i{position:absolute;left:0;top:0}.cs-code-row,.cs-sample{grid-template-columns:minmax(0,1fr)}.cs-need{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.cs-caps,.cs-need{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cs-bar{transition:none}}.sk--casestudy .ph-frame--dark{padding:clamp(14px,1.6vw,20px)}.sk--casestudy .cs-stats li{border-color:#2a3c66;border-radius:16px;background:linear-gradient(180deg,rgba(23,38,74,.95),rgba(16,29,56,.95))}.sk--casestudy .cs-stats b{font-family:var(--display)}.sk--casestudy .cs-stats small{color:#b5c1d6}.sk--casestudy .cs-need li{padding:18px 18px 18px 60px;border:1px solid var(--sk-peach-line);border-radius:18px;background:var(--sk-peach)}.sk--casestudy .cs-need li:before{left:16px;width:30px;height:30px;border-radius:9px;background:var(--sk-g-orange);font-size:.85rem}.sk--casestudy .band--night .cs-steps:before{background:linear-gradient(90deg,#3a4d73,#2f7bff 50%,#2fb57d)}.sk--casestudy .band--night .cs-step{padding:0 0 4px}.sk--casestudy .band--night .cs-step-i{border:0;border-radius:13px;background:var(--sk-g-blue);color:#fff;box-shadow:0 0 0 6px var(--night),0 12px 24px -12px rgba(0,0,0,.8)}.sk--casestudy .band--night .cs-step:first-child .cs-step-i,.sk--casestudy .band--night .cs-step:nth-child(2) .cs-step-i{background:linear-gradient(135deg,#6b7891,#46536b)}.sk--casestudy .band--night .cs-step--ai .cs-step-i{background:var(--sk-g-blue)}.sk--casestudy .band--night .cs-step--tafi .cs-step-i{background:var(--sk-g-violet)}.sk--casestudy .band--night .cs-step--end .cs-step-i{background:var(--sk-g-green)}.sk--casestudy .band--night .cs-step-d{color:#8fd6ff}.sk--casestudy .band--night .cs-step b{color:#fff;font-family:var(--display);font-size:1.08rem}.sk--casestudy .band--night .cs-step p{color:#c3cde0}.sk--casestudy .cs-chart{border-color:var(--sk-lav-line);border-radius:22px;background:var(--sk-lav)}.sk--casestudy .cs-group-l em{background:#fff}.sk--casestudy .cs-ratio{border-radius:22px}.sk--casestudy .cs-ratio-n{font-family:var(--display)}.sk--casestudy .cs-ratio p,.sk--casestudy .cs-ratio-legend{color:#c3cde0}.sk--casestudy .cs-caps li{--t:var(--sk-lav);--tl:var(--sk-lav-line);--sk-ig:var(--sk-g-blue);border-color:var(--tl);border-radius:20px;background:var(--t)}.sk--casestudy .cs-caps li:nth-child(5n+2){--t:var(--sk-mint);--tl:var(--sk-mint-line);--sk-ig:var(--sk-g-green)}.sk--casestudy .cs-caps li:nth-child(5n+3){--t:var(--sk-peach);--tl:var(--sk-peach-line);--sk-ig:var(--sk-g-orange)}.sk--casestudy .cs-caps li:nth-child(5n+4){--t:var(--sk-sky);--tl:var(--sk-sky-line);--sk-ig:var(--sk-g-sky)}.sk--casestudy .cs-caps li:nth-child(5n+5){--t:var(--sk-lilac);--tl:var(--sk-lilac-line);--sk-ig:var(--sk-g-violet)}.sk--casestudy .cs-cap-i{width:40px;height:40px;border-radius:12px;background:var(--sk-ig);color:#fff;box-shadow:0 10px 20px -12px rgba(10,20,40,.55)}.sk--casestudy .cs-cap-g,.sk--casestudy .cs-cap-w{padding:8px 10px;border-radius:12px;background:hsla(0,0%,100%,.72)}.sk--casestudy .cs-cap-g small{color:#1043c4}.sk--casestudy .cs-sample-notes li{border-color:var(--sk-mint-line);border-radius:16px;background:var(--sk-mint)}.sk--casestudy .cs-sample-notes svg{box-sizing:content-box;padding:8px;border-radius:10px;background:var(--sk-g-green);color:#fff}.sk--casestudy .cs-sample .codeblock{min-width:0;max-width:100%}.sk--casestudy .cs-sample>*{min-width:0}.sk--casestudy .cs-source{padding:20px 22px;border:1px solid #e1e4f3;border-radius:18px;background:#fff;color:var(--ink-2)}.sk--casestudy .cs-chart{position:relative;overflow:hidden}