.cs-wrap{max-width:1200px;margin:0 auto;padding:0 40px}.csl-hero{background:var(--white);padding:64px 0 72px}.csl-hero-label{color:var(--blue);font-size:16px;font-weight:500;margin:0 0 16px}.csl-hero-title{font-size:clamp(40px,5.2vw,64px);line-height:1.05;letter-spacing:-.035em;font-weight:600;margin:0;max-width:18ch}.csl-hero-title em{font-style:normal;color:inherit}.csl-hero-sub{font-size:20px;line-height:1.5;color:var(--gray-500);max-width:52ch;margin:24px 0 0}.csl-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:56px;padding-top:32px;border-top:2px solid var(--navy)}.csl-stat{display:flex;flex-direction:column;gap:6px}.csl-stat-n{font-size:clamp(36px,4vw,52px);line-height:1;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.csl-stat-n span{font-size:inherit;color:inherit}.csl-stat-l{color:var(--gray-500);font-size:16px;line-height:1.4}.csl-main{background:var(--white);padding:24px 0 96px}.csl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.csl-filter-btn{font-family:var(--font-b);font-size:15px;font-weight:500;padding:9px 16px;border-radius:var(--r-sm);cursor:pointer;background:#f6f7f9;color:var(--navy);border:0;transition:background var(--t-fast),color var(--t-fast)}.csl-filter-btn:hover{background:var(--gray-200)}.csl-filter-btn.active{background:var(--navy);color:var(--white)}.csl-filter-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.csl-cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.csl-cc{background:#f6f7f9;border-radius:var(--r-sm);padding:36px;display:flex;flex-direction:column;gap:28px}.csl-cc-top{display:flex;flex-direction:column;gap:12px}.csl-cc-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px}.csl-cc-tags{color:var(--blue);font-weight:500}.csl-cc-industry{color:var(--gray-500)}.csl-cc-title{font-size:26px;line-height:1.2;letter-spacing:-.02em;font-weight:600;margin:0}.csl-cc-title a{color:inherit;text-decoration:none}.csl-cc-title a:hover{color:var(--blue)}.csl-cc-desc{color:var(--gray-500);margin:0}.csl-cc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:24px;border-top:1px solid var(--gray-200)}.csl-cm{display:flex;flex-direction:column;gap:4px}.csl-cm-val{font-size:32px;line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.csl-cm-label{color:var(--gray-500);font-size:14px;line-height:1.35}.csl-cc-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:baseline}.csl-cc-period{color:var(--gray-500);font-size:15px}.csl-cc-link{color:var(--blue);font-weight:500;text-underline-offset:3px}.csl-cc-link:hover{color:var(--blue-2)}.csl-cta-strip{margin-top:72px;background:var(--navy);color:var(--white);border-radius:var(--r-sm);padding:48px;display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}.csl-cta-title{font-size:clamp(24px,2.6vw,32px);line-height:1.15;font-weight:600;letter-spacing:-.03em}.csl-cta-sub{color:#b7c2d3;margin:10px 0 0;max-width:56ch}.csl-btn-w{background:var(--white);color:var(--navy);text-decoration:none;padding:16px 24px;border-radius:var(--r-sm);font-weight:500;font-size:17px;white-space:nowrap;transition:background var(--t-fast)}.csl-btn-w:hover{background:var(--gray-200)}.cs-hero{max-width:1200px;margin:0 auto;padding:48px 40px 0}.cs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:72px;align-items:start}.cs-tags{color:var(--blue);font-size:16px;font-weight:500;margin:0 0 16px}.cs-title{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin:0 0 28px}.cs-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:0 0 28px;padding:20px 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.cs-meta-item{display:flex;flex-direction:column;gap:2px}.cs-meta-item dt{color:var(--gray-500);font-size:15px}.cs-meta-item dd{margin:0;font-weight:500}.cs-lead{font-size:19px;line-height:1.6;color:var(--gray-500);max-width:60ch;margin:0}.cs-results-box{background:var(--navy);color:var(--white);border-radius:var(--r-sm);padding:32px;position:sticky;top:110px}.cs-rb-title{color:#b7c2d3;font-size:16px;font-weight:500;margin-bottom:8px}.cs-rb-metrics{display:flex;flex-direction:column}.cs-rbm{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.cs-rbm-label{color:#b7c2d3;font-size:15px;line-height:1.35}.cs-rbm-val{font-size:26px;line-height:1.1;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cs-rb-author{padding:20px 0 24px}.cs-rb-name{font-weight:500}.cs-rb-role{color:#b7c2d3;font-size:15px}.cs-rb-cta{display:block;text-align:center;text-decoration:none;background:var(--white);color:var(--navy);font-weight:500;padding:14px 20px;border-radius:var(--r-sm);transition:background var(--t-fast)}.cs-rb-cta:hover{background:var(--gray-200)}.cs-content{max-width:1200px;margin:0 auto;padding:72px 40px 96px;display:grid;grid-template-columns:minmax(0,1fr)360px;gap:72px}.cs-body{font-size:17px;line-height:1.65}.cs-body h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:56px 0 18px}.cs-body h2:first-child{margin-top:0}.cs-body p{margin:0 0 16px;color:var(--gray-700)}.cs-body p strong,.cs-body li strong{color:var(--navy);font-weight:600}.cs-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#f6f7f9;padding:2px 6px;border-radius:4px}.cs-body ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.cs-body ul li{position:relative;padding-left:22px;color:var(--gray-700)}.cs-body ul li::before{content:"";position:absolute;left:0;top:.78em;width:10px;height:2px;background:var(--blue)}.cs-callout{background:#f6f7f9;border-left:3px solid var(--blue);border-radius:var(--r-sm);padding:20px 24px;margin:24px 0;color:var(--gray-700)}.cs-callout strong{color:var(--navy);font-weight:600}.cs-code-block{background:var(--navy);color:#d6deea;border-radius:var(--r-sm);padding:24px;margin:24px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.7;overflow-x:auto;white-space:pre}.cs-code-block .key{color:#9db8f0}.cs-code-block .val{color:var(--white)}.cs-code-block .comment{color:#8796ab}.cs-arch-diagram{background:#f6f7f9;border-radius:var(--r-sm);padding:28px;margin:24px 0}.cs-ad-title{font-weight:600;margin-bottom:16px}.cs-ad-tree{display:flex;flex-direction:column;gap:10px}.cs-ad-root{background:var(--white);border-radius:var(--r-sm);padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:600;color:var(--blue);overflow-wrap:anywhere}.cs-ad-level{display:flex;flex-direction:column;gap:8px;padding-left:20px;margin-left:12px;border-left:2px solid var(--gray-200)}.cs-ad-node{background:var(--white);border-radius:var(--r-sm);padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.cs-ad-icon{display:flex;color:var(--blue);flex-shrink:0}.cs-ad-icon .ico{width:18px;height:18px}.cs-ad-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--navy);overflow-wrap:anywhere;min-width:0}.cs-ad-meta{font-size:14px;color:var(--gray-500);margin-left:auto}.cs-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}.cs-ba-card{border-radius:var(--r-sm);padding:24px;display:flex;flex-direction:column;gap:6px}.cs-ba-card--before{background:#f6f7f9}.cs-ba-card--after{background:var(--navy);color:var(--white)}.cs-ba-label{font-size:15px;font-weight:500}.cs-ba-label--before{color:var(--gray-500)}.cs-ba-label--after{color:#b7c2d3}.cs-ba-metric{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.cs-ba-metric--before{color:var(--gray-500)}.cs-ba-metric--after{color:var(--white)}.cs-ba-desc{font-size:15px;line-height:1.45}.cs-ba-card--before .cs-ba-desc{color:var(--gray-500)}.cs-ba-card--after .cs-ba-desc{color:#b7c2d3}.cs-timeline{margin:24px 0;border-bottom:1px solid var(--gray-200)}.cs-tl-item{padding:22px 0;border-top:1px solid var(--gray-200)}.cs-tl-left{display:none}.cs-tl-month{color:var(--blue);font-size:15px;font-weight:600;margin-bottom:4px}.cs-tl-title{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.015em;margin-bottom:6px}.cs-body .cs-tl-desc{margin:0;color:var(--gray-500)}.cs-lp-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.cs-lpc{border-radius:var(--r-sm);padding:24px;display:flex;flex-direction:column;gap:10px}.cs-lpc--old{background:#f6f7f9}.cs-lpc--new{background:var(--navy);color:var(--white)}.cs-lpc-label{font-weight:600;margin-bottom:4px}.cs-lpc-item{position:relative;padding-left:24px;font-size:16px;line-height:1.45}.cs-lpc--old .cs-lpc-item{color:var(--gray-500)}.cs-lpc-item::before{content:"";position:absolute;left:2px;top:.7em;width:10px;height:2px;background:var(--gray-400)}.cs-lpc-item--ok::before{left:4px;top:.3em;width:6px;height:11px;background:0 0;border:solid #7fd4a0;border-width:0 2px 2px 0;transform:rotate(45deg)}.cs-growth-chart{background:#f6f7f9;border-radius:var(--r-sm);padding:28px;margin:24px 0}.cs-gc-title{font-weight:600;margin-bottom:24px}.cs-gc-bars{display:flex;gap:8px;height:220px}.cs-gc-bar-wrap{flex:1;min-width:0;height:100%;box-sizing:border-box;position:relative;padding:24px 0 26px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.cs-gc-bar{width:100%;flex-shrink:0;background:var(--blue);border-radius:3px 3px 0 0}.cs-gc-val{flex-shrink:0;font-size:13px;line-height:18px;font-weight:500;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}.cs-gc-month{position:absolute;bottom:0;font-size:13px;line-height:18px;color:var(--gray-500)}.cs-cities-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0 0}.cs-city-chip{background:#f6f7f9;border-radius:var(--r-sm);padding:10px 8px;text-align:center;font-size:15px;color:var(--gray-500)}.cs-city-chip--active{background:var(--green-bg);color:var(--green-2);font-weight:500}.cs-related{background:#f6f7f9;padding:80px 0}.cs-related-title{font-size:clamp(26px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin-bottom:28px}.cs-related-grid{border-bottom:2px solid var(--gray-200)}.cs-rc{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:4px 32px;align-items:baseline;padding:24px 0;border-top:2px solid var(--gray-200);color:var(--navy);text-decoration:none}.cs-rc:first-child{border-top-color:var(--navy)}.cs-rc-title{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25}.cs-rc-meta{color:var(--gray-500);font-size:16px;text-align:right}.cs-rc:hover .cs-rc-title{color:var(--blue)}.cs-cta{background:var(--navy);color:var(--white);padding:96px 0}.cs-cta-in{max-width:1200px;margin:0 auto;padding:0 40px}.cs-cta-title{font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.03em;font-weight:600;max-width:22ch}.cs-cta-title em{font-style:normal;color:inherit}.cs-cta-sub{color:#b7c2d3;font-size:18px;max-width:56ch;margin:18px 0 32px}.cs-cta-btns{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.cs-btn-w{background:var(--white);color:var(--navy);text-decoration:none;padding:16px 24px;border-radius:var(--r-sm);font-weight:500;font-size:17px;transition:background var(--t-fast)}.cs-btn-w:hover{background:var(--gray-200)}.cs-btn-ghost{color:var(--white);font-weight:500;text-underline-offset:3px}.cs-btn-ghost:hover{color:#b7c2d3}@media(max-width:1024px){.cs-hero-grid,.cs-content{grid-template-columns:minmax(0,1fr);gap:40px}.cs-content>div:empty{display:none}.cs-results-box{position:static}.csl-cases-grid{grid-template-columns:minmax(0,1fr)}.csl-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cs-wrap,.cs-hero,.cs-cta-in{padding-left:16px;padding-right:16px}.csl-hero{padding:32px 0 40px}.csl-hero-title{font-size:40px}.csl-hero-sub{font-size:18px}.csl-stats-row{margin-top:36px;gap:24px 16px}.csl-main{padding:8px 0 56px}.csl-cc{padding:24px 20px;gap:22px}.csl-cc-title{font-size:22px}.csl-cm-val{font-size:26px}.csl-cc-metrics{gap:12px}.csl-cta-strip{padding:32px 20px;margin-top:48px}.csl-btn-w{width:100%;text-align:center;white-space:normal}.cs-hero{padding-top:28px}.cs-meta{gap:12px 20px}.cs-lead{font-size:18px}.cs-results-box{padding:24px 20px}.cs-content{padding:48px 16px 56px}.cs-body h2{margin-top:44px}.cs-before-after,.cs-lp-compare{grid-template-columns:minmax(0,1fr)}.cs-ba-metric{font-size:34px}.cs-arch-diagram{padding:16px}.cs-ad-level{padding-left:12px;margin-left:6px}.cs-ad-meta{margin-left:28px}.cs-growth-chart{padding:20px 14px}.cs-gc-bars{gap:3px;height:200px}.cs-gc-val{font-size:13px;letter-spacing:-.03em}.cs-cities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-related{padding:48px 0}.cs-rc{grid-template-columns:minmax(0,1fr);padding:18px 0}.cs-rc-title{font-size:20px}.cs-rc-meta{text-align:left;font-size:15px}.cs-cta{padding:56px 0}.cs-cta-btns{flex-direction:column;align-items:stretch;text-align:center}}