.cat-page{--cat-ink: #102a3b;--cat-muted: #435866;--cat-line: #d8e2e6;--cat-blue: #176f91;--cat-cyan: #b9e3e8;--cat-copper: #d27a4c;max-width:1440px;margin:0 auto;padding:24px 32px 76px;color:var(--cat-ink)}.cat-crumb{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--cat-muted);font-size:13px;line-height:1.4}.cat-crumb a{color:inherit;text-decoration:none;transition:color .16s ease}.cat-crumb a:hover{color:var(--cat-blue)}.cat-crumb .sep{color:#9aabb2}.cat-crumb .here{color:var(--cat-ink);font-weight:650}.cat-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;min-height:236px;margin-bottom:30px;padding:42px 48px;overflow:hidden;isolation:isolate;color:#f7fbfc;background-color:#102a3b;background-image:linear-gradient(rgba(183,225,232,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(183,225,232,.055) 1px,transparent 1px),linear-gradient(118deg,#102a3b 15%,#153e55);background-size:32px 32px,32px 32px,auto;border-radius:22px}.cat-heading:before,.cat-heading:after{position:absolute;z-index:-1;content:"";pointer-events:none}.cat-heading:before{width:390px;height:390px;top:-235px;right:105px;border:1px solid rgba(185,227,232,.27);border-radius:50%;box-shadow:0 0 0 28px #b9e3e809,0 0 0 64px #b9e3e806}.cat-heading:after{width:9px;top:0;right:0;bottom:0;background:var(--cat-copper)}.cat-heading-copy{max-width:720px}.cat-heading-mark{display:block;width:42px;height:4px;margin-bottom:19px;background:var(--cat-cyan);border-radius:3px}.cat-heading h1{max-width:760px;margin:0;color:#f7fbfc;font-size:clamp(36px,5vw,58px);font-weight:720;letter-spacing:-.045em;line-height:1.02}.cat-heading p{max-width:490px;margin:15px 0 0;color:#c1d4dc;font-size:16px;line-height:1.55}.cat-heading-count{display:flex;align-items:center;gap:13px;flex:0 0 auto;margin:0 20px 2px 0;padding:11px 15px;color:#e8f5f7;background:#06172252;border:1px solid rgba(206,233,237,.25);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cat-heading-count-value{color:#fff;font-size:24px;font-variant-numeric:tabular-nums;font-weight:720;letter-spacing:-.04em}.cat-heading-count-rule{width:1px;height:22px;background:#cee9ed52}.cat-heading-count-label{max-width:90px;font-size:11px;font-weight:600;line-height:1.25}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}.cat-tile{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;color:inherit;text-decoration:none;background:#fff;border:1px solid var(--cat-line);border-radius:17px;box-shadow:0 2px 4px #102a3b09;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cat-tile:hover{color:inherit;text-decoration:none;transform:translateY(-4px);border-color:#a8c6d0;box-shadow:0 16px 30px #102a3b1f}.cat-tile:focus-visible{outline:3px solid #2388a6;outline-offset:4px}.cat-tile-visual{position:relative;display:grid;min-height:184px;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 115%,rgba(23,111,145,.18),transparent 58%),linear-gradient(145deg,#edf6f6,#e2eef0);isolation:isolate}.cat-tile:nth-child(4n+2) .cat-tile-visual{background:radial-gradient(ellipse at 50% 115%,rgba(210,122,76,.18),transparent 58%),linear-gradient(145deg,#f6f1e9,#eee7dc)}.cat-tile:nth-child(4n+3) .cat-tile-visual{background:radial-gradient(ellipse at 50% 115%,rgba(49,115,111,.18),transparent 58%),linear-gradient(145deg,#e8f2ee,#dae9e5)}.cat-tile:nth-child(4n) .cat-tile-visual{background:radial-gradient(ellipse at 50% 115%,rgba(46,87,128,.17),transparent 58%),linear-gradient(145deg,#edf1f6,#dfe7ef)}.cat-tile-visual:before{position:absolute;z-index:-1;width:168px;height:168px;content:"";border:1px solid rgba(23,83,103,.12);border-radius:50%;box-shadow:0 0 0 17px #17536709,0 0 0 43px #17536706;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.cat-tile:hover .cat-tile-visual:before{transform:scale(1.08)}.cat-tile-visual img{width:100%;height:184px;-o-object-fit:cover;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cat-tile:hover .cat-tile-visual img{transform:scale(1.035)}.cat-tile-visual svg{width:76px;height:76px;color:var(--cat-blue);stroke:currentColor;filter:drop-shadow(0 8px 10px rgba(16,42,59,.1))}.cat-tile-visual-orbit{position:absolute;right:18px;bottom:17px;width:8px;height:8px;background:var(--cat-copper);border-radius:50%;box-shadow:0 0 0 5px #d27a4c21}.cat-tile-body{display:flex;min-height:91px;align-items:center;justify-content:space-between;gap:16px;padding:18px 19px}.cat-tile-copy{min-width:0}.cat-tile-name{display:-webkit-box;overflow:hidden;color:var(--cat-ink);font-size:16px;font-weight:670;letter-spacing:-.015em;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .16s ease}.cat-tile:hover .cat-tile-name{color:var(--cat-blue)}.cat-tile-sub{margin-top:5px;color:var(--cat-muted);font-size:12px;line-height:1.35}.cat-tile-arrow{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#426272;background:#edf3f4;border-radius:50%;transition:color .16s ease,background .16s ease,transform .16s ease}.cat-tile:hover .cat-tile-arrow{color:#fff;background:var(--cat-blue);transform:translate(2px)}.cat-tile-arrow svg{width:16px;height:16px;stroke:currentColor}.cat-empty{padding:72px 24px;color:var(--cat-muted);font-size:15px;text-align:center;background:#fff;border:1px dashed #bfd0d5;border-radius:18px}@media (max-width: 760px){.cat-page{padding:20px 20px 56px}.cat-heading{min-height:210px;padding:34px 30px}.cat-heading-count{margin-right:12px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}.cat-tile-visual,.cat-tile-visual img{min-height:160px;height:160px}}@media (max-width: 560px){.cat-page{padding:17px 16px 44px}.cat-crumb{margin-bottom:15px;font-size:12px}.cat-heading{align-items:flex-start;flex-direction:column;gap:22px;min-height:0;margin-bottom:20px;padding:29px 24px 26px;border-radius:17px}.cat-heading:before{right:-110px}.cat-heading:after{width:6px}.cat-heading-mark{margin-bottom:15px}.cat-heading h1{font-size:clamp(34px,10vw,44px)}.cat-heading p{margin-top:11px;font-size:14px}.cat-heading-count{gap:10px;margin:0;padding:8px 11px}.cat-heading-count-value{font-size:20px}.cat-heading-count-label{max-width:110px}.cat-grid{grid-template-columns:1fr;gap:11px}.cat-tile{flex-direction:row;align-items:stretch;border-radius:14px}.cat-tile-visual{width:112px;min-width:112px;min-height:112px;height:auto}.cat-tile-visual img{width:112px;height:100%;min-height:112px}.cat-tile-visual:before{width:76px;height:76px}.cat-tile-visual svg{width:48px;height:48px}.cat-tile-visual-orbit{right:10px;bottom:10px;width:6px;height:6px}.cat-tile-body{min-height:112px;flex:1;gap:10px;padding:14px}.cat-tile-name{font-size:14px}.cat-tile-arrow{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){.cat-crumb a,.cat-tile,.cat-tile-visual:before,.cat-tile-visual img,.cat-tile-name,.cat-tile-arrow{transition:none}}