header{box-shadow:none!important;background:0 0!important}main{min-height:100vh;align-items:unset!important;justify-content:unset!important;background:linear-gradient(#fff8dc 0%,#fff5e6 40%,#fff0d8 100%)!important;padding:0!important;display:block!important}@media (width<=800px){.cs-hero-inner h1,.cs-hero-inner p,.case-study h2,.case-study h3,.case-study p,.case-study li,.cs-meta-label,.cs-meta-value,.cs-note{text-align:left!important}}.cs-hero{box-sizing:border-box;background:linear-gradient(225deg,#fff8dc 0%,#fff5e6 35%,#ffe4b5 70%,#ffd70080 100%);border-bottom:1px solid #ffa5001f;padding:120px 40px 80px;position:relative;overflow:hidden;width:100%!important;max-width:none!important}.cs-hero:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffa5000a 1px,#0000 1px),linear-gradient(90deg,#ffa5000a 1px,#0000 1px);background-size:50px 50px;animation:30s linear infinite csGridMove;position:absolute;inset:0}.cs-hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffd70024 0%,#0000 68%);width:500px;height:500px;position:absolute;top:-100px;right:-60px}@keyframes csGridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.cs-hero-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.cs-back{color:#c47800;-webkit-backdrop-filter:blur(20px);letter-spacing:.01em;background:#ffffffb3;border:1px solid #ffa50040;border-radius:50px;align-items:center;gap:10px;margin-bottom:40px;padding:10px 22px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #ffa5001f}.cs-back:hover{color:orange;background:#ffffffe6;transform:translate(-4px);box-shadow:0 6px 20px #ffa50033}.cs-title{background:linear-gradient(135deg,#333 0%,#666 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 48px;font-size:4rem;font-weight:800;line-height:1.1;text-align:left!important}.cs-meta{flex-direction:column;gap:16px;display:flex}.cs-meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cs-meta-label{color:#fff;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;background:linear-gradient(135deg,orange,gold);border-radius:50px;flex-shrink:0;align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #ffa50040}.cs-meta-value{color:#555;font-size:.95rem;font-weight:500;line-height:1.5}.cs-tags{flex-wrap:wrap;gap:8px;display:flex}.cs-tag{color:#b86e00;-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffa50040;border-radius:50px;padding:6px 16px;font-size:.82rem;font-weight:600;box-shadow:0 2px 8px #ffa50014}.cs-content{box-sizing:border-box;background:0 0;padding:80px 40px 120px;width:100%!important;max-width:none!important}.case-study{max-width:900px;margin:0 auto}.case-study h2{color:#333;letter-spacing:-.015em;background:linear-gradient(135deg,#333 0%,orange 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ffa50026;padding-bottom:16px;font-size:2rem;font-weight:700;line-height:1.2;position:relative;text-align:left!important;margin:64px 0 20px!important}.case-study h2:after{content:"";background:linear-gradient(90deg,orange,gold);border-radius:2px;width:52px;height:2px;position:absolute;bottom:-1px;left:0}.case-study h3{align-items:center;gap:12px;font-size:1.05rem;font-weight:700;display:flex;color:#222!important;-webkit-text-fill-color:#222!important;text-align:left!important;background:0 0!important;margin:36px 0 10px!important}.step-badge{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,orange,gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #ffa5004d}.case-study p{color:#4a4a4a!important;-webkit-text-fill-color:#4a4a4a!important;text-align:left!important;background:0 0!important;margin-bottom:18px!important;font-size:.97rem!important;line-height:1.85!important}.case-study ul{flex-direction:column;gap:10px;display:flex;margin:0 0 24px!important;padding:0!important;list-style:none!important}.case-study ul li{color:#4a4a4a;align-items:flex-start;gap:12px;font-size:.97rem;line-height:1.7;text-align:left!important;background:0 0!important;border:none!important;padding:0!important;display:flex!important}.case-study ul li:before{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:9px;content:""!important;left:unset!important;top:unset!important;background:orange!important;position:static!important;transform:none!important}.cs-code-block{border-radius:16px;margin:20px 0 36px;overflow:hidden;box-shadow:0 12px 40px #00000029,0 4px 12px #00000014}.cs-code-header{background:#1e1e2e;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:11px 18px;display:flex}.cs-code-dots{align-items:center;gap:7px;display:flex}.cs-code-dots span{border-radius:50%;width:12px;height:12px;display:block}.cs-code-dots span:first-child{background:#ff5f56}.cs-code-dots span:nth-child(2){background:#ffbd2e}.cs-code-dots span:nth-child(3){background:#27c93f}.cs-code-lang{color:#ffc35099;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.copy-btn{all:unset!important;box-sizing:border-box!important;color:#ffbe3ce6!important;cursor:pointer!important;letter-spacing:.04em!important;box-shadow:none!important;background:#ffa50024!important;border:1px solid #ffa5004d!important;border-radius:7px!important;margin:0!important;padding:5px 14px!important;font-family:Roboto Mono,monospace!important;font-size:.73rem!important;font-weight:600!important;transition:all .2s!important;transform:none!important}.copy-btn:hover{color:#ffb030!important;box-shadow:none!important;background:#ffa5003d!important;border-color:#ffa50073!important;transform:none!important}.case-study code,.cs-code-block code{color:#e8c97a!important;-webkit-text-fill-color:#e8c97a!important;text-align:left!important;background:#12121e!important;border-radius:0!important;margin:0!important;padding:24px 20px!important;font-family:Roboto Mono,Consolas,monospace!important;font-size:.875rem!important;line-height:1.8!important;display:block!important;overflow-x:auto!important}.case-study .highlight{color:#4a4a4a;background:linear-gradient(135deg,#fff8d2e6,#ffedaa99);border:1px solid #ffa5001f;border-left:4px solid orange;border-radius:0 12px 12px 0;margin:0 0 28px;padding:18px 22px;font-size:.96rem;line-height:1.75}.cs-challenge{-webkit-backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffa50024;border-radius:16px;margin-bottom:16px;padding:24px 28px;box-shadow:0 4px 20px #0000000a,inset 0 1px #fff9}.cs-challenge p:last-child{margin-bottom:0!important}.cs-label{text-transform:uppercase;letter-spacing:.09em;vertical-align:middle;border-radius:10px;align-items:center;margin-right:8px;padding:3px 10px;display:inline-flex;position:relative;top:-1px;color:inherit!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;-webkit-background-clip:unset!important;font-size:.68rem!important;font-weight:700!important;line-height:1!important}.cs-label.challenge{border:1px solid #ef444433;color:#dc2626!important;-webkit-text-fill-color:#dc2626!important;background:#ef444417!important}.cs-label.solution{border:1px solid #22c55e33;color:#16a34a!important;-webkit-text-fill-color:#16a34a!important;background:#22c55e17!important}.cs-note{color:#555;background:#fff8d2cc;border:1px solid #ffa50033;border-left:4px solid gold;border-radius:0 12px 12px 0;margin:0 0 28px;padding:18px 22px;font-size:.93rem;line-height:1.7;text-align:left!important}.cs-note-label{text-transform:uppercase;letter-spacing:.09em;color:#c47800;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.cs-impact-box{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffd9,#fff8dc99);border:1px solid #ffa50033;border-radius:20px;margin-top:12px;padding:36px 40px;box-shadow:0 8px 32px #0000000d,0 2px 8px #ffa5000f,inset 0 1px #ffffffb3}.cs-impact-box p{color:#3a3a3a!important;-webkit-text-fill-color:#3a3a3a!important;margin-bottom:0!important;font-size:1.02rem!important;line-height:1.85!important}.cs-workflow-img{border:1px solid #ffa5001a;border-radius:14px;width:100%;max-width:100%;margin:20px 0 36px;display:block;box-shadow:0 8px 32px #00000012}footer{text-align:center;color:#888;box-sizing:border-box;background:linear-gradient(135deg,#ffe4b5 0%,#fff8dc 100%);border-top:1px solid #ffa50024;width:100%;padding:28px 24px;font-size:.88rem}footer p{color:#888!important;-webkit-text-fill-color:#888!important;text-align:center!important;background:0 0!important;margin:0!important}@media (width<=1024px){.cs-hero{padding:100px 28px 64px}.cs-title{font-size:3rem}.cs-content{padding:60px 28px 100px}}@media (width<=768px){.cs-hero{padding:88px 20px 52px}.cs-title{font-size:2.2rem;margin-bottom:36px!important}.cs-content{padding:48px 20px 80px}.case-study h2{margin-top:48px!important;font-size:1.5rem!important}.cs-impact-box{padding:26px 24px}.case-study code,.cs-code-block code{padding:18px 16px!important;font-size:.78rem!important}}@media (width<=480px){.cs-hero{padding:76px 16px 44px}.cs-title{font-size:1.7rem;margin-bottom:28px!important}.cs-content{padding:36px 16px 60px}.case-study h2{margin-top:40px!important;font-size:1.25rem!important}.cs-meta-row{flex-direction:column;align-items:flex-start;gap:8px}.case-study code,.cs-code-block code{padding:14px 12px!important;font-size:.72rem!important}.cs-challenge{padding:18px}.cs-impact-box{padding:22px 18px}}.cs-diagram{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#ffffff94;border:1px solid #ffa50021;border-radius:22px;width:100%;margin:20px 0 40px;padding:48px 32px 44px;position:relative;overflow:hidden;box-shadow:0 4px 28px #0000000d,inset 0 1px #ffffffbf}.cs-diagram:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);width:280px;height:280px;position:absolute;bottom:-60px;right:-60px}.df-section-label{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:#ffa500b3;justify-content:center;align-items:center;gap:12px;margin-bottom:40px;font-size:.68rem;font-weight:700;display:flex}.df-section-label:before,.df-section-label:after{content:"";background:#ffa50024;flex:1;height:1px}.df-flow{flex-direction:column;align-items:center;display:flex}.df-node{text-align:center;z-index:2;opacity:0;background:#ffffffeb;border:1.5px solid #ffa5002b;border-radius:16px;width:260px;padding:18px 22px;transition:opacity .55s,transform .55s,box-shadow .28s,border-color .28s;position:relative;transform:translateY(20px);box-shadow:0 4px 18px #0000000d,inset 0 1px #ffffffe6}.df-node.df-visible{opacity:1;transform:translateY(0)}.df-node:hover{border-color:#ffa50057;box-shadow:0 10px 30px #00000012,0 2px 8px #ffa5001a;transform:translateY(-3px)!important}.df-node.df-primary{background:linear-gradient(145deg,orange,gold);border-color:#0000;box-shadow:0 8px 28px #ffa50052,inset 0 1px #ffffff38}.df-node.df-primary:hover{box-shadow:0 14px 36px #ffa5006b}.df-node.df-accent{background:linear-gradient(145deg,#ffa50012,#ffd7000a);border:2px solid #ffa50042}.df-node-icon{color:orange;margin-bottom:10px;font-size:1.5rem;line-height:1}.df-node.df-primary .df-node-icon{color:#ffffffe6}.df-node-title{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;text-align:center!important;background:0 0!important;margin:0 0 4px!important;font-size:.9rem!important;font-weight:700!important;line-height:1.35!important}.df-node.df-primary .df-node-title{color:#fff!important;-webkit-text-fill-color:#fff!important}.df-node-sub{font-weight:500;color:#aaa!important;-webkit-text-fill-color:#aaa!important;text-align:center!important;background:0 0!important;margin:0!important;font-size:.72rem!important}.df-node.df-primary .df-node-sub{color:#ffffffbf!important;-webkit-text-fill-color:#ffffffbf!important}.df-node-chips{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;display:flex}.df-chip{background:#ffa5001a;border:1px solid #ffa50033;border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:600;color:#c47800!important;-webkit-text-fill-color:#c47800!important}.df-node.df-accent .df-chip{background:#ffa5001f}.df-arrow{opacity:0;background:linear-gradient(#ffa50080,#ffa50026);width:2px;height:44px;margin:0 auto;transition:opacity .5s .2s;position:relative}.df-arrow.df-visible{opacity:1}.df-arrow:after{content:"";border-top:7px solid #ffa50061;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.df-dot{background:orange;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dfDotFlow;display:block;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 7px #ffa500b3}@keyframes dfDotFlow{0%{opacity:1;top:0;transform:translate(-50%)scale(1)}80%{opacity:.6;transform:translate(-50%)scale(.7)}to{opacity:0;top:calc(100% - 2px);transform:translate(-50%)scale(.3)}}.df-parallel{opacity:0;background:#ffa50006;border:1px solid #ffa50024;border-radius:16px;width:100%;padding:24px 20px;transition:opacity .55s;position:relative}.df-parallel.df-visible{opacity:1}.df-parallel-label{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:linear-gradient(135deg,orange,gold);border-radius:20px;padding:3px 14px;font-size:.64rem;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #ffa50040;color:#fff!important;-webkit-text-fill-color:white!important}.df-parallel-cols{justify-content:center;gap:24px;display:flex}.df-col{flex-direction:column;flex:1;align-items:center;max-width:240px;display:flex}.df-arrow-sm{opacity:0;background:linear-gradient(#ffa50066,#ffa5001f);width:2px;height:32px;margin:0 auto;transition:opacity .5s .2s;position:relative}.df-arrow-sm.df-visible{opacity:1}.df-arrow-sm:after{content:"";border-top:5px solid #ffa5004d;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.df-arrow-sm .df-dot{width:6px;height:6px;animation-duration:1.4s;animation-delay:var(--dot-delay,0s)}.df-row-branch{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.df-side-wire{opacity:0;background:linear-gradient(90deg,#ffa50066,#ffa50026);flex-shrink:0;width:36px;height:2px;transition:opacity .5s .2s;position:relative}.df-side-wire.df-visible{opacity:1}.df-side-wire:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #ffa50059;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.df-node.df-side{background:#fff8dcd9;border-color:#ffa50038;width:180px;padding:14px 16px}.df-node.df-side .df-node-title{font-size:.82rem!important}@keyframes dfNodePulse{0%,to{box-shadow:0 4px 18px #0000000d,inset 0 1px #ffffffe6}50%{box-shadow:0 6px 24px #ffa5001f,inset 0 1px #ffffffe6}}.df-node.df-accent.df-visible{animation:3s ease-in-out .8s infinite dfNodePulse}@media (width<=640px){.cs-diagram{padding:36px 16px 32px}.df-node{width:200px;padding:14px 16px}.df-node.df-side{width:150px}.df-parallel-cols{gap:12px}.df-col{max-width:180px}}@media (width<=480px){.df-parallel-cols{flex-direction:column;align-items:center}.df-node{width:100%;max-width:280px}.df-row-branch{flex-direction:column;gap:8px}.df-side-wire{width:2px;height:24px;transform:rotate(90deg)}}