:root{--ink:#101519;--muted:#70797d;--line:#e5e8e6;--paper:#f7f8f6;--white:#fff;--night:#0c1012;--green:#91efac;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Microsoft YaHei',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 52px));margin:auto}.display{font-size:clamp(38px,5.1vw,76px);line-height:1.085;letter-spacing:-.055em;font-weight:850}.lead{font-size:16px;line-height:1.9;color:#c0c8c8}.mini-label{font-size:11px;font-weight:800;letter-spacing:.19em;color:#76bd93;text-transform:uppercase}.section-title{margin:14px 0 10px;font-size:clamp(29px,3vw,43px);line-height:1.19;letter-spacing:-.045em}.section-description{line-height:1.8;color:var(--muted);font-size:14px;max-width:580px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border-radius:10px;border:1px solid transparent;background:#181f21;color:#fff;font-weight:750;font-size:13px;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.light{background:#f8fbf9;color:#111918}.button.ghost{background:transparent;color:#fff;border-color:#ffffff6a}.button.outline{background:transparent;border-color:#cfd7d1;color:#1b2522}.button.green{background:#8cf0ad;color:#0a1510}
.topbar{position:sticky;top:0;z-index:40;background:rgba(11,16,19,.95);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16}.topbar-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:23px;font-weight:850;letter-spacing:-.06em;color:#fff}.logo span{color:#92efb2}.navigation{display:flex;align-items:center;gap:32px;color:#cad4d0;font-weight:650;font-size:13px}.navigation a:hover,.navigation .current{color:#91efb1}.topbar .button{min-height:39px;padding-inline:17px}.menu-toggle{display:none;border:1px solid #ffffff32;color:#fff;background:transparent;padding:9px;border-radius:10px}
.hero{background:#0e1518;color:#fff;position:relative;min-height:580px;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 auto;width:71%;background:url('../assets/hero-art.webp') center 34%/cover no-repeat;opacity:.69}.hero:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#0c1115 0%,#0c1115fb 24%,#0c1115bd 48%,#0c111538 72%,#0c1115bc 100%);pointer-events:none}.hero .shell{min-height:580px;position:relative;z-index:2;display:flex;align-items:center}.hero-content{padding:70px 0 80px;max-width:660px}.hero h1{margin:18px 0 21px}.hero h1 em{font-style:normal;color:#9af2b9}.hero .lead{max-width:480px}.hero-actions{display:flex;gap:11px;margin-top:33px}.hero-note{margin-top:30px;color:#9aa6a3;font-size:11px;letter-spacing:.1em}.hero-mini{position:absolute;right:0;bottom:28px;z-index:2;font-size:10px;letter-spacing:.22em;color:#f6fff1c4;text-align:right}
.section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head .section-title{margin:11px 0}.section-link{font-size:13px;font-weight:800;border-bottom:1px solid #505e56;padding-bottom:5px;white-space:nowrap}.chipbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.chip{padding:10px 17px;border-radius:7px;background:#fff;color:#586367;border:1px solid #dee4e1;font-size:12px;font-weight:750;transition:.2s}.chip.active,.chip:hover{background:#141c1d;color:#fff;border-color:#141c1d}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-tile{display:flex;flex-direction:column;min-width:0}.case-image{position:relative;aspect-ratio:1.5;overflow:hidden;background:#101719;border-radius:6px}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.case-tile:hover .case-image img{transform:scale(1.025)}.case-index{position:absolute;top:12px;left:13px;color:#fff;font-size:10px;letter-spacing:.12em;background:#0b1013a3;padding:7px 9px;border:1px solid #ffffff26;border-radius:3px}.case-info{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:17px 1px 4px}.case-cat{display:block;font-size:11px;color:#7d8985;margin-bottom:9px}.case-info h3{font-size:18px;letter-spacing:-.045em;line-height:1.3;font-weight:800;margin:0 0 5px}.case-info p{font-size:12px;color:#848f8e;margin:0;line-height:1.55}.case-arrow{font-size:18px;font-weight:500;color:#6a7772}.more-link{margin-top:40px;display:flex;justify-content:center}
.featured-bands{margin:0 auto;display:grid;gap:0}.feature-band{position:relative;display:block;min-height:300px;color:#fff;overflow:hidden;background:#111819}.feature-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .5s}.feature-band:hover img{transform:scale(1.015)}.feature-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1116ef 0%,#0c1116aa 34%,#0c111621 65%,#0c111657 100%)}.feature-band .feature-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 52px));margin:auto;min-height:300px;display:flex;align-items:center}.feature-copy .step-index{font-size:13px;color:#b6c6bf;margin-bottom:15px}.feature-copy h3{font-size:clamp(34px,4vw,52px);margin:0 0 15px;line-height:1.05;letter-spacing:-.04em}.feature-copy .under{font-size:13px;color:#c3d0cd}.feature-band.alt{background:#f5f5f5;color:#111}.feature-band.alt:after{background:linear-gradient(90deg,#fffffff0 0%,#ffffffa9 35%,#ffffff12 74%,#ffffff4b 100%)}.feature-band.alt .feature-copy .step-index,.feature-band.alt .feature-copy .under{color:#485c55}
.bottom-cta{color:#fff;background:#11181c;padding:74px 0}.bottom-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-cta h2{font-size:clamp(29px,4vw,52px);line-height:1.2;letter-spacing:-.04em;margin:10px 0}.bottom-cta p{color:#b3bfba;font-size:13px}.footer{background:#0a0f11;color:#a2adad;border-top:1px solid #ffffff13;padding:28px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer p{font-size:11px;margin:6px 0 0}.footer-links{display:flex;gap:21px;font-size:12px}
.page-hero{background:#10171a;color:#fff;padding:72px 0 70px}.page-hero h1{font-size:clamp(38px,5vw,68px);margin:16px 0 17px;line-height:1.1;letter-spacing:-.055em}.page-hero p{max-width:660px;font-size:15px;color:#c2cfca;line-height:1.85;margin:0}.filter-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 28px}.filter-tools .chipbar{margin:0}.search{min-width:230px;padding:12px 15px;border:1px solid #dee4e1;border-radius:8px;outline:none;background:#fff;font-size:13px;color:#25302e}.search:focus{border-color:#68a97d}.results-note{font-size:12px;color:#798481;margin:0 0 20px}.empty{display:none;text-align:center;border:1px dashed #c5d0c8;border-radius:12px;padding:50px;color:#677b71}
.breadcrumb{font-size:12px;color:#80908b;padding:25px 0}.breadcrumb a{color:#4b6860}.detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:33px}.detail-head h1{font-size:clamp(32px,4.3vw,60px);line-height:1.09;letter-spacing:-.045em;margin:13px 0 6px}.detail-head p{color:#6d7975;font-size:15px}.detail-preview{background:#fff;padding:20px;border:1px solid #e3e8e5;border-radius:9px}.detail-preview img{width:min(100%,1122px);max-height:none;height:auto;object-fit:contain;margin:auto}.detail-notes{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:56px 0}.detail-notes h2{font-size:28px;letter-spacing:-.04em}.detail-notes p{line-height:1.9;color:#52615c}.tag-group{display:flex;gap:9px;flex-wrap:wrap}.tag{display:inline-flex;padding:9px 12px;border-radius:5px;background:#e9f0eb;font-size:12px;font-weight:750;color:#496454}.other-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.other-head h2{font-size:30px;margin:0}.concept-note{font-size:12px;color:#87938e;margin:18px 0 0}
/* Local-only case manager */
.editor-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px}.panel h2{margin-top:0;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#3c4e46}.field input,.field select,.field textarea{padding:12px 13px;border-radius:8px;border:1px solid #d3dcd7;font-size:13px;background:#fff;min-width:0;outline:none}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus{border-color:#67a984}.hint{font-size:12px;color:#75837b;line-height:1.8}.output{background:#121a1e;color:#a7dfbf;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border-radius:8px;min-height:280px;max-height:510px;overflow:auto}.editor-preview{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef3ef;border-radius:9px}.status{font-size:13px;color:#3f8060;min-height:20px}
@media(max-width:900px){.shell{width:min(var(--max),calc(100% - 30px))}.navigation{display:none;position:absolute;top:78px;left:0;right:0;background:#0f1619;padding:26px;flex-direction:column;align-items:stretch}.navigation.open{display:flex}.menu-toggle{display:block}.topbar-row{height:70px}.navigation{top:70px}.topbar .button{display:none}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-band .feature-inner{width:min(var(--max),calc(100% - 30px))}.editor-wrap{grid-template-columns:1fr}.hero-mini{display:none}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr}.hero,.hero .shell{min-height:550px}.hero-art{width:100%;opacity:.5;background-position:72% center}.hero:after{background:linear-gradient(90deg,#0c1115ed,#0c111599)}.hero-content{padding:62px 0}.display{font-size:43px}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column;gap:10px}.hero-actions{flex-wrap:wrap}.feature-band,.feature-band .feature-inner{min-height:270px}.feature-band img{opacity:.66}.bottom-cta .shell,.footer-row,.detail-head{flex-direction:column;align-items:flex-start}.detail-notes{grid-template-columns:1fr}.filter-tools{align-items:stretch;flex-direction:column}.search{width:100%}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.detail-preview{padding:7px}}