@import url('../brand-v5/assets/fonts.css');*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#0f172a;font:14px/1.6 Inter,system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:32px 40px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #e2e8f0}header strong{font-size:16px}header a{font-size:12px;color:#5b6b80}h1{font-size:42px;letter-spacing:-2px;line-height:1.15;margin:32px 0 12px;max-width:24ch}.intro{color:#5b6b80;margin:0 0 32px;max-width:90ch}.direction{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #e2e8f0;background:white;border-radius:12px;margin:20px 0;overflow:hidden}.meta{padding:28px;border-right:1px solid #e2e8f0}.meta>span{font-size:10px;letter-spacing:1px;color:#5b6b80}h2{font-size:20px;letter-spacing:-.5px;margin:12px 0}.meta p{font-size:12px;color:#5b6b80}.meta a{display:inline-block;margin-top:12px;font-size:12px;color:#0865ff}.large{height:210px;display:flex;align-items:center;justify-content:center;padding:36px}.large img{width:min(560px,95%);height:112px;object-fit:contain}.applications{display:grid;grid-template-columns:1.4fr 1fr;border-top:1px solid #e2e8f0;height:72px}.nav-sample{display:flex;align-items:center;padding:20px 24px;gap:24px}.nav-sample img{width:112px;height:28px;object-fit:contain}.nav-sample span{font-size:10px;color:#5b6b80}.inverse{background:#0f172a;display:flex;align-items:center;justify-content:center;padding:20px}.inverse img{width:150px;height:30px;object-fit:contain}footer{padding:24px 0;color:#5b6b80;font-size:11px}a:focus-visible{outline:2px solid #0865ff;outline-offset:4px}@media(max-width:900px){.direction{grid-template-columns:190px 1fr}.meta{padding:20px}.nav-sample{gap:12px;padding:16px}.nav-sample span{display:none}}@media(max-width:600px){main{padding:20px 16px}h1{font-size:32px;letter-spacing:-1px}.direction{grid-template-columns:1fr}.meta{border-right:0;border-bottom:1px solid #e2e8f0}.meta p{max-width:50ch}.large{height:155px;padding:24px}.large img{height:auto}.applications{grid-template-columns:1fr 1fr}.nav-sample{padding:12px}.nav-sample img{max-width:100%}.inverse img{max-width:100%}}@media print{body{background:white}main{padding:0}.direction{break-inside:avoid}.large{height:180px}h1{font-size:32px}}
