.case-page{--case-bg:#06130f;--case-panel:#091b16;--case-panel-2:#0d201a;--case-ink:#f2eed8;--case-muted:#b8c4bd;--case-line:#365149;--case-acid:#d5ff39;--case-cyan:#55cedb}html[data-theme=light] .case-page{--case-bg:#f3f0e4;--case-panel:#e9e4d5;--case-panel-2:#f9f6eb;--case-ink:#102f25;--case-muted:#52645c;--case-line:#92a39a;--case-acid:#719716;--case-cyan:#137f8c}.case-hero-focused{grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);align-items:center;min-height:360px;padding:56px 4vw}.case-hero-focused .case-hero-copy>small,.case-intent-section>header small,.case-path-section>header small,.case-more>header small{color:var(--case-cyan);font-weight:900}.case-hero-focused h1{margin-top:18px;font-size:clamp(68px,7vw,108px)}.case-hero-focused .case-hero-copy p{max-width:720px;color:var(--case-muted);margin-top:28px;font:900 clamp(18px,1.6vw,26px)/1.65 Songti SC,STSong,serif}.case-howto{border-top:1px solid var(--case-line);margin:0;padding:0;list-style:none}.case-howto li{border-bottom:1px solid var(--case-line);grid-template-columns:48px 1fr;align-items:center;min-height:86px;padding:16px 0;display:grid}.case-howto li>b{color:var(--case-acid);font:900 25px Songti SC,STSong,serif}.case-howto li span{gap:7px;display:grid}.case-howto li strong{font:900 18px Songti SC,STSong,serif}.case-howto li small{color:var(--case-muted)}.case-intent-section{border-bottom:1px solid var(--case-line);padding:44px 4vw 54px}.case-intent-section>header{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px;display:flex}.case-intent-section>header p{color:var(--case-muted);margin:0;font-size:12px}.case-intent-grid{border-top:1px solid var(--case-line);border-left:1px solid var(--case-line);grid-template-columns:repeat(3,1fr);display:grid}.case-intent-grid button{border:0;border-right:1px solid var(--case-line);border-bottom:1px solid var(--case-line);text-align:left;background:0 0;grid-template-columns:34px 1fr 20px;align-items:start;gap:12px;min-height:126px;padding:22px;display:grid}.case-intent-grid button>b{color:var(--case-cyan);font:900 13px Songti SC,STSong,serif}.case-intent-grid button span{gap:12px;display:grid}.case-intent-grid button strong{font:900 18px/1.4 Songti SC,STSong,serif}.case-intent-grid button small{color:var(--case-muted);line-height:1.5}.case-intent-grid button>i{color:var(--case-muted);text-align:right;font-style:normal}.case-intent-grid button:hover,.case-intent-grid button.active{background:var(--case-acid);color:#10251e}.case-intent-grid button:hover *,.case-intent-grid button.active *{color:#10251e}.case-path-section{background:color-mix(in srgb,var(--case-panel) 74%,var(--case-bg));border-bottom:1px solid var(--case-line);padding:64px 4vw 72px}.case-path-section>header{grid-template-columns:1fr minmax(300px,520px);align-items:end;gap:40px;margin-bottom:30px;display:grid}.case-path-section h2,.case-more h2{letter-spacing:-.035em;margin:12px 0 0;font:900 clamp(34px,4vw,58px)/1.15 Songti SC,STSong,serif}.case-path-section>header p{color:var(--case-muted);margin:0;font-size:13px;line-height:1.85}.case-path-grid{border-top:1px solid var(--case-line);border-left:1px solid var(--case-line);grid-template-columns:repeat(3,1fr);display:grid}.case-path-grid button{border:0;border-right:1px solid var(--case-line);border-bottom:1px solid var(--case-line);text-align:left;background:0 0;flex-direction:column;align-items:stretch;min-height:330px;padding:26px;display:flex}.case-path-grid button>span{color:var(--case-cyan);justify-content:space-between;font-size:11px;display:flex}.case-path-grid button em{color:var(--case-muted);font-style:normal}.case-path-grid button>small{color:var(--case-acid);margin-top:46px;font-weight:900}.case-path-grid button>strong{margin-top:10px;font:900 30px/1.2 Songti SC,STSong,serif}.case-path-grid button>p{color:var(--case-muted);margin:18px 0;font-size:13px;line-height:1.75}.case-path-grid button>i{color:var(--case-muted);margin-top:auto;font-size:10px;font-style:normal;line-height:1.6}.case-path-grid button:hover,.case-path-grid button.active{background:color-mix(in srgb,var(--case-acid) 10%,transparent)}.case-path-grid button.active{box-shadow:inset 0 -5px var(--case-acid)}.case-story{padding:70px 4vw 0;scroll-margin-top:72px}.case-story>header{border-bottom:1px solid var(--case-line);grid-template-columns:1fr minmax(300px,520px);align-items:end;gap:40px;min-height:150px;display:grid}.case-story>header small{color:var(--case-cyan);font-weight:900}.case-story>header h2{letter-spacing:-.05em;margin:12px 0 25px;font:900 clamp(48px,6vw,86px)/1 Songti SC,STSong,serif}.case-story>header>p{color:var(--case-muted);margin:0 0 28px;font-size:13px;line-height:1.8}.case-story-grid section{border-bottom:1px solid var(--case-line);grid-template-columns:72px minmax(180px,280px) minmax(0,1fr);align-items:center;min-height:126px;display:grid}.case-story-grid section>b{color:var(--case-cyan);font:900 27px Songti SC,STSong,serif}.case-story-grid section>div{grid-column:2/-1;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;gap:28px;display:grid}.case-story-grid section small{font:900 20px/1.4 Songti SC,STSong,serif}.case-story-grid section p{color:var(--case-muted);margin:0;font-size:15px;line-height:1.9}.case-story-grid .case-story-decision{background:color-mix(in srgb,var(--case-acid) 9%,transparent)}.case-story-grid .case-story-decision b,.case-story-grid .case-story-decision small,.case-story-grid .case-story-decision p{color:var(--case-acid);font-weight:900}.case-story>footer{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.case-story>footer a,.case-story>footer button{color:var(--case-cyan);background:0 0;border:0;font-weight:900;text-decoration:none}.case-story>footer button{color:var(--case-acid)}.case-story>footer span{color:var(--case-muted)}.case-more{background:color-mix(in srgb,var(--case-panel) 72%,var(--case-bg));border-top:1px solid var(--case-line);padding:70px 4vw 80px}.case-more>header{grid-template-columns:1fr minmax(330px,450px);align-items:end;gap:40px;margin-bottom:34px;display:grid}.case-search{border:1px solid var(--case-line);grid-template-columns:62px 1fr;align-items:center;height:48px;display:grid}.case-search>span{color:var(--case-cyan);text-align:center;font-size:11px;font-weight:900}.case-search input{background:0 0;border:0;outline:0;min-width:0;height:100%}.case-search input::placeholder{color:var(--case-muted)}.case-more details{border-top:1px solid var(--case-line)}.case-more summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:66px;font-weight:900;display:flex}.case-more summary b{color:var(--case-cyan)}.case-more details>div{border-top:1px solid var(--case-line);border-left:1px solid var(--case-line);grid-template-columns:repeat(3,1fr);display:grid}.case-more details button{border:0;border-right:1px solid var(--case-line);border-bottom:1px solid var(--case-line);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;min-height:160px;padding:20px;display:flex}.case-more details button small{color:var(--case-cyan)}.case-more details button strong{margin-top:12px;font:900 20px Songti SC,STSong,serif}.case-more details button p{color:var(--case-muted);margin:12px 0 0;font-size:11px;line-height:1.7}.case-more details button:hover{background:color-mix(in srgb,var(--case-cyan) 7%,transparent)}@media (max-width:900px){.case-hero-focused,.case-path-section>header,.case-story>header,.case-more>header{grid-template-columns:1fr}.case-intent-grid,.case-path-grid,.case-more details>div{grid-template-columns:repeat(2,1fr)}.case-story>header>p{max-width:650px}}@media (max-width:620px){.case-hero-focused{min-height:0;padding:38px 18px}.case-hero-focused h1{font-size:64px}.case-howto{margin-top:28px}.case-intent-section,.case-path-section,.case-story,.case-more{padding-left:18px;padding-right:18px}.case-intent-section>header{display:block}.case-intent-section>header p{margin-top:10px}.case-intent-grid,.case-path-grid,.case-more details>div{grid-template-columns:1fr}.case-intent-grid button{min-height:108px}.case-path-grid button{min-height:270px}.case-path-section>header{gap:18px}.case-story>header{gap:10px}.case-story>header h2{font-size:50px}.case-story-grid section{grid-template-columns:44px 1fr;align-items:start;padding:22px 0}.case-story-grid section>div{grid-column:2;grid-template-columns:1fr;gap:10px}.case-story-grid section small{font-size:18px}.case-story-grid section p{font-size:14px}.case-story>footer{flex-direction:column;justify-content:center;align-items:flex-start}.case-more>header{gap:24px}.case-search{min-width:0}}
