:root{--paper:#f7f5ef;--ink:#191a17;--muted:#56574f;--line:#d8d5ca;--orange:#fa6d43;--dark:#191a17;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c23a12;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:0;left:1rem;background:var(--paper);padding:10px;z-index:9;transform:translateY(-120%)}.skip:focus{transform:none}
.header{border-bottom:1px solid var(--line)}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center;font-weight:900;line-height:1.05;font-size:22px;letter-spacing:-.04em}.brand-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--dark);color:var(--orange);font-size:23px}.brand small{display:block;margin-top:5px;font:9px var(--mono);letter-spacing:.08em}.dot{color:#c6431b}.topbar nav{display:flex;gap:34px;font-size:14px;font-weight:650}.topbar nav a:hover,.footer a:hover{color:#a73717}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border:1px solid transparent;border-radius:5px;line-height:1.35;font-weight:750;min-height:48px;white-space:nowrap}.button span,.text-button span{font-family:var(--mono)}.button.small{font-size:13px;min-height:39px;padding:8px 12px}.dark{background:var(--dark);color:#fff}.dark:hover{background:#3a3b34}.orange{background:var(--orange);color:var(--ink)}.orange:hover{background:#ff8865}.outline{border-color:#bdb9ad;color:var(--ink);background:transparent}.outline:hover{background:#ebe8df}
.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:48px;padding-block:68px 65px}.eyebrow{display:flex;align-items:center;gap:9px;font:700 12px/1.45 var(--mono);letter-spacing:.09em}.eyebrow i,.art-head i{display:inline-block;width:8px;height:8px;background:var(--orange);flex:none}.hero h1{font-size:clamp(44px,5.65vw,82px);line-height:1.09;letter-spacing:-.075em;margin:23px 0 20px;font-weight:900}.hero h1 span{color:#c6411d}.hero p{max-width:425px;font-size:16px;color:var(--muted);margin:0 0 24px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero-note{margin-top:15px;font-size:12px;color:var(--muted)}.hero-note span{color:#ac3514;font-weight:900}.hero-note b{margin:0 5px}.hero-art{display:grid;gap:12px;background:#1b1c19;color:#f2efdf;border-radius:9px;padding:16px;box-shadow:0 12px 25px #2b251a16;transform:rotate(1deg)}.art-head,.art-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font:11px var(--mono);letter-spacing:.08em}.art-head i{width:6px;height:6px;margin-right:7px;vertical-align:2px}.art-head span:last-child,.art-foot span:last-child{color:#b6b4a6}.art-foot strong{color:var(--orange)}.art-graphic svg,.art-graphic img{width:100%;display:block;aspect-ratio:47/32;object-fit:cover}
.channel-strip{border-block:1px solid var(--line);background:#efede5}.channels{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:17px}.channels span{font:700 11px var(--mono);color:var(--muted);letter-spacing:.08em}.channels strong{font-size:15px;letter-spacing:-.02em}
.section{padding-block:62px;scroll-margin-top:16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:23px}.section h2,.closing h2,.dialog-inner h2{font-size:clamp(30px,4vw,50px);line-height:1.13;letter-spacing:-.055em;margin:10px 0 0}.section-head p{margin:0;color:var(--muted);font-size:14px;max-width:310px}.service-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-grid article{position:relative;padding:22px;border:1px solid var(--line);background:#fbfaf6;border-radius:6px}.service-icon{display:grid;place-items:center;width:38px;height:38px;background:#f2e0d3;color:#a73314;font-size:23px;font-weight:800;border-radius:3px}.index{position:absolute;top:22px;right:22px;font:11px var(--mono);color:var(--muted)}h3{font-size:22px;letter-spacing:-.04em;line-height:1.25;margin:15px 0 8px}.service-grid p,.case-card p{color:var(--muted);font-size:14px;margin:0 0 15px}.text-button{padding:0;border:0;background:none;color:inherit;font-size:13px;font-weight:800;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button span{margin-left:5px;color:#a63717}
.case-band{background:#22231f;color:#f6f3e9}.case-band .section-head p,.case-card p{color:#c6c4b7}.case-card{border:1px solid #494a41;background:#292a24;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.case-body{padding:17px 18px;display:flex;flex-direction:column;flex:1}.case-body .text-button{margin-top:auto}.case-body .text-button span{color:#ff9b7c}.case-media{height:132px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #494a41;background:repeating-linear-gradient(90deg,#ffffff0e 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,#ffffff0e 0 1px,transparent 1px 24px),#353932;color:#f7a381}.case-card:nth-child(2) .case-media{background-color:#303b3a;color:#c1d9a5}.case-card:nth-child(3) .case-media{background-color:#3d342f;color:#ffbfa3}.case-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-media strong{font-size:clamp(26px,3.3vw,44px);letter-spacing:-.075em;line-height:1;font-family:var(--mono);padding:10px;background:#20211de8}.case-media small{position:absolute;left:12px;top:10px;color:#e8e4d3;font:10px var(--mono);letter-spacing:.07em}.tag{font:11px/1.4 var(--mono);color:#edab93}.case-body h3{margin-top:8px}
.note-list{border-top:1px solid var(--line)}.note{width:100%;display:grid;grid-template-columns:95px 1fr auto;align-items:center;text-align:left;gap:15px;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink)}.note:hover{background:#efede5}.note-kicker{font:12px var(--mono);color:#a63717}.note strong{display:block;font-size:19px}.note small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.note-arrow{font:22px var(--mono);padding-right:9px}
.closing{margin-bottom:32px;padding:32px 36px;background:#f3a98d;border-radius:7px;display:flex;justify-content:space-between;align-items:end;gap:20px}.closing .eyebrow i{background:var(--ink)}.closing p{margin:10px 0 0;font-size:14px;color:#4a3028}.footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;padding-block:0 28px;color:var(--muted);font-size:12px}.footer strong{color:var(--ink);font-size:16px;margin-right:10px}
dialog{width:min(580px,calc(100% - 30px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#191a17a8}.dialog-inner{position:relative;padding:28px}.dialog-inner h2{font-size:32px;padding-right:22px}.dialog-inner p{color:var(--muted);margin:12px 0}.dialog-inner h3{font-size:17px;margin-top:18px}.close{position:absolute;top:12px;right:12px;min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:4px;background:transparent;font-size:23px;line-height:1}.contact-qr{margin:16px 0}.contact-qr img{display:block;width:min(240px,100%);height:auto;margin:0 auto;padding:12px;background:#fff;border-radius:6px}.contact-qr figcaption{margin-top:12px;font-size:13px;color:var(--muted);text-align:center}#contact-dialog .outline{display:flex;width:max-content;margin-inline:auto}

@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:24px}.topbar nav{gap:17px}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.topbar{height:auto;min-height:65px;padding-block:10px;flex-wrap:wrap;gap:10px}.topbar nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.hero{grid-template-columns:1fr;padding-block:32px 28px;gap:24px}.hero h1{font-size:clamp(37px,10.7vw,65px);margin-top:15px}.hero-art{transform:none}.section{padding-block:36px}.section-head{display:block;margin-bottom:16px}.section-head p{margin-top:10px}.service-grid,.case-grid{grid-template-columns:1fr}.case-media{height:120px}.closing{padding:22px;display:grid}.closing .button{justify-self:start}.channels strong{font-size:13px}.note{grid-template-columns:1fr auto;gap:4px 10px}.note-kicker{grid-column:1}.note-arrow{grid-column:2;grid-row:1 / 3}.note>span:nth-child(2){grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}