/* Shared external resource directory v17 — public homepage, all service and AI pages */
.sc-external-directory{position:relative;width:100%;color:#e7f8ff;background:linear-gradient(145deg,#06253f 0%,#0b3654 58%,#075b73 100%);border-radius:22px;margin:26px auto 24px;overflow:hidden;isolation:isolate;border:1px solid rgba(123,215,241,.23);box-shadow:0 16px 45px rgba(2,33,58,.22)}
.sc-external-directory::before{content:"";position:absolute;inset:-40% -12% auto auto;width:440px;height:300px;pointer-events:none;background:radial-gradient(ellipse,rgba(55,210,233,.2) 0%,transparent 73%);z-index:-1}
.sc-external-directory *{box-sizing:border-box}
.sc-external-directory .sc-external-wrap{width:min(100%,1240px);margin-inline:auto;padding:26px 28px 24px}
.sc-external-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.sc-external-head>div:first-child{min-width:0}
.sc-external-overline{display:inline-flex;gap:8px;align-items:center;color:#a2f0f8;font:700 .7rem/1.5 'Prompt',sans-serif;letter-spacing:.1em}
.sc-external-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#4de1df;box-shadow:0 0 0 5px rgba(77,225,223,.14)}
.sc-external-directory h2{font:700 clamp(1.13rem,2.2vw,1.65rem)/1.4 'Prompt',sans-serif!important;letter-spacing:-.015em;margin:8px 0!important;color:#fff!important}
.sc-external-directory p{margin:4px 0 0;color:#bddce8!important;font-size:.84rem;line-height:1.7}
.sc-external-count{flex:none;display:flex;align-items:center;gap:10px;border:1px solid rgba(151,227,242,.23);background:rgba(255,255,255,.07);border-radius:15px;padding:10px 14px}
.sc-external-count strong{color:#89f7fc;font:800 2rem/1 'Prompt',sans-serif}
.sc-external-count span{color:#d3edf7;font-size:.75rem;line-height:1.5}
.sc-external-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sc-external-directory .sc-external-link{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:6px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.065);border:1px solid rgba(167,232,242,.18);text-decoration:none;color:#eefcff!important;font:600 .82rem/1.6 'Prompt',sans-serif;overflow-wrap:anywhere;transition:background .16s,border-color .16s,transform .16s}
.sc-external-directory .sc-external-link:hover,.sc-external-directory .sc-external-link:focus-visible{transform:translateY(-2px);background:rgba(82,214,232,.2);border-color:rgba(148,248,247,.7);color:#fff!important}
.sc-external-arrow{flex:none;color:#8cf6f8;font-size:1.2rem}
.sc-external-directory .sc-external-legal{border-top:1px solid rgba(153,230,241,.18);margin-top:19px;padding-top:14px;font-size:.72rem;color:#accbd9!important}
@media (max-width:1050px){.sc-external-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:780px){.sc-external-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:550px){.sc-external-directory{border-radius:18px;margin:18px auto}.sc-external-directory .sc-external-wrap{padding:18px 14px}.sc-external-head{align-items:start;gap:10px;margin-bottom:14px}.sc-external-count{padding:7px 9px;border-radius:11px;gap:5px}.sc-external-count strong{font-size:1.45rem}.sc-external-count span{font-size:.59rem}.sc-external-overline{font-size:.61rem}.sc-external-directory h2{font-size:1.1rem!important}.sc-external-directory p{font-size:.75rem}.sc-external-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sc-external-directory .sc-external-link{font-size:.73rem;padding:10px 9px;border-radius:10px}.sc-external-arrow{font-size:1rem}}
@media (max-width:350px){.sc-external-head{display:block}.sc-external-count{margin-top:11px;display:inline-flex}}
@media (prefers-reduced-motion: reduce){.sc-external-link{transition:none!important}}