:root{color:#202a35;--brand:#c92d2d;--ink:#202a35;--muted:#65717b;--line:#dce3e9;--soft:#f5f7f9;--header-h:80px;--page-max:1120px;background:#fff;font-family:Inter,Arial,Microsoft YaHei,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip}h1,h2,h3,p{overflow-wrap:anywhere}#app{min-width:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{touch-action:manipulation}header{height:var(--header-h);z-index:50;background:#fff;border-bottom:1px solid #e9edf1;align-items:center;gap:clamp(16px,3vw,40px);padding:0 clamp(16px,5vw,72px);display:flex;position:sticky;top:0}.brand{background:var(--brand);color:#fff;letter-spacing:.03em;flex:none;padding:15px 19px;font-size:clamp(14px,1.4vw,17px);font-weight:800;line-height:1.15}.brand span{margin-top:2px;font-size:12px;font-weight:400;display:block}nav{flex:1;align-self:stretch;align-items:stretch;gap:clamp(16px,2.6vw,34px);font-size:14px;display:flex}nav>a,.drop>a{white-space:nowrap;align-items:center;min-height:80px;padding:0 2px;display:flex}.drop{align-items:stretch;display:flex;position:relative}.drop>a:after{content:"⌄";color:#88939c;margin-left:6px;font-size:12px}.dropmenu{border-top:2px solid var(--brand);z-index:60;background:#fff;min-width:210px;padding:10px;display:none;position:absolute;top:100%;left:-18px;box-shadow:0 10px 28px #2637461a}.drop.open .dropmenu{display:grid}@media (hover:hover) and (pointer:fine){.drop:hover .dropmenu,.drop:focus-within .dropmenu{display:grid}}.dropmenu a{padding:10px;font-size:13px;line-height:1.4}.dropmenu a:hover,.dropmenu a:focus{color:var(--brand);background:var(--soft)}.tools{flex:none;align-items:center;gap:clamp(10px,1.5vw,18px);display:flex}.tools button,.menu{color:#263746;cursor:pointer;background:0 0;border:0;padding:8px}.menu{font-size:22px;display:none}.hero{background:#eaf3fb;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,80px);min-height:clamp(430px,58vh,620px);padding:clamp(40px,7vw,80px) clamp(20px,8vw,120px);display:grid}.hero>div{min-width:0}.hero img{object-fit:cover;width:100%;height:clamp(230px,32vw,380px)}.eyebrow{color:var(--brand);letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1,.page h1{max-width:680px;margin:12px 0 20px;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.08}.hero p{color:#4e5b67;max-width:590px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;min-height:46px;margin-top:14px;padding:13px 22px;display:inline-block}.intro,.page{width:min(1120px,100%);margin:auto;padding:clamp(56px,8vw,96px) clamp(20px,4vw,48px)}.intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,80px);display:grid}.intro h2{font-size:clamp(30px,4vw,38px);font-weight:500;line-height:1.2}.cards{gap:16px;display:grid}.cards a,.partner{border:1px solid var(--line);gap:8px;min-width:0;padding:clamp(20px,3vw,25px);transition:all .2s;display:grid}.cards a:hover,.partner:hover{border-color:var(--brand);transform:translateY(-2px)}.cards b,.partner span{font-size:clamp(18px,2vw,20px);font-weight:600}.cards span,.partner small{color:var(--muted)}.crumb{color:#88939c;overflow-wrap:anywhere;margin-bottom:clamp(28px,5vw,45px);font-size:12px}.lead{color:#63707a;max-width:720px;font-size:clamp(17px,2vw,20px)}.prose{color:#46525e;max-width:760px;font-size:clamp(17px,2vw,20px)}.back{color:var(--brand);margin-top:36px;padding:8px 0;display:inline-block}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.partner b{color:var(--brand);margin-top:15px;font-size:13px}.notice,.resource{background:var(--soft);border-left:4px solid var(--brand);margin-top:30px;padding:clamp(18px,3vw,24px)}.contact form{gap:18px;max-width:650px;margin-top:35px;display:grid}.contact label{gap:7px;font-size:14px;font-weight:600;display:grid}.contact input,.contact textarea{border:1px solid #ccd5dc;border-radius:0;width:100%;min-height:46px;padding:12px}.contact textarea{resize:vertical}.formnote{color:#78848d;font-size:12px}.contact [role=status]{color:var(--brand);font-weight:600}footer{color:#78848d;border-top:1px solid #e9edf1;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:26px clamp(20px,5vw,72px);font-size:12px;display:flex}@media (width<=1080px) and (width>=901px){header{gap:18px;padding-left:24px;padding-right:24px}nav{gap:14px;font-size:13px}.brand{padding:13px 14px}.hero{padding-left:6vw;padding-right:6vw}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){:root{--header-h:68px}header{height:var(--header-h);gap:16px;padding:0 clamp(16px,4vw,32px)}.brand{padding:11px 14px;font-size:15px}.brand span{font-size:11px}.tools{margin-left:auto}.tools span{display:none}.menu{width:44px;height:44px;margin-left:0;display:block}nav{top:var(--header-h);height:calc(100dvh - var(--header-h));max-height:calc(100dvh - var(--header-h));overscroll-behavior:contain;padding:12px clamp(20px,5vw,48px) calc(32px + env(safe-area-inset-bottom));background:#fff;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0001}nav.open{display:flex}nav>a,.drop>a{border-bottom:1px solid #edf0f2;justify-content:space-between;min-height:50px;padding:10px 4px;display:flex}.drop{display:block}.dropmenu{box-shadow:none;border:0;border-left:2px solid var(--brand);min-width:0;margin:0 0 8px 4px;padding:0 0 0 12px;position:static}.dropmenu a{padding:11px 8px}.hero{grid-template-columns:1fr;gap:clamp(28px,5vw,48px);min-height:0;padding:clamp(44px,8vw,72px) clamp(20px,6vw,64px) clamp(40px,7vw,60px)}.hero img{aspect-ratio:16/9;object-fit:cover;height:auto}.intro{grid-template-columns:1fr;gap:40px;padding-top:clamp(52px,8vw,80px)}.page{padding-top:clamp(48px,7vw,72px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.contact input,.contact textarea{font-size:16px}footer{padding-bottom:calc(26px + env(safe-area-inset-bottom))}}@media (width<=600px){.grid{grid-template-columns:1fr;gap:14px}.page h1{font-size:clamp(36px,11vw,50px)}.hero h1{font-size:clamp(34px,10vw,52px)}.hero,.intro,.page{padding-left:clamp(16px,5vw,28px);padding-right:clamp(16px,5vw,28px)}}@media (width<=380px){header{padding-left:10px;padding-right:10px}.brand{padding-left:9px;padding-right:9px}.hero,.intro,.page{padding-left:16px;padding-right:16px}.hero h1{font-size:34px}.btn{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
