:root{--bg:#070b16;--panel:#0e172a;--text:#f8fafc;--muted:#a8b4c8;--line:rgba(148,163,184,.18);--blue:#3373ff;--cyan:#39d8ff}
*{box-sizing:border-box}
body{margin:0;color:var(--text);background:radial-gradient(circle at 75% 8%,rgba(47,83,190,.3),transparent 34%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.ai-directory{width:min(1220px,calc(100% - 40px));margin:0 auto}
.ai-directory-hero{min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:60px;padding:72px 0 54px}
.ai-eyebrow{color:#7dd3fc;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ai-directory-hero h1{max-width:760px;margin:14px 0 20px;font-size:clamp(48px,7vw,82px);line-height:.97;letter-spacing:-.055em}
.ai-directory-hero p,.ai-section-heading p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}
.ai-hero-orbit{position:relative;aspect-ratio:1;border:1px solid rgba(86,182,255,.28);border-radius:50%;background:radial-gradient(circle,rgba(51,115,255,.25),rgba(9,18,36,.3) 52%,transparent 53%);box-shadow:inset 0 0 80px rgba(57,216,255,.08),0 30px 80px rgba(0,0,0,.32)}
.ai-hero-orbit:before,.ai-hero-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(125,211,252,.2);border-radius:50%;transform:rotate(34deg)}
.ai-hero-orbit:after{inset:28%;transform:rotate(-22deg)}
.ai-hero-orbit b{position:absolute;inset:0;display:grid;place-items:center;font-size:52px;letter-spacing:-.05em;color:#d9f6ff;text-shadow:0 0 35px #3373ff}
.ai-hero-orbit span{position:absolute;padding:7px 10px;border:1px solid rgba(125,211,252,.32);border-radius:999px;background:#0b1830;color:#a9eaff;font-size:9px;font-weight:900;letter-spacing:.12em}
.ai-hero-orbit span:nth-child(1){top:8%;left:42%}.ai-hero-orbit span:nth-child(2){right:-2%;top:44%}.ai-hero-orbit span:nth-child(3){bottom:8%;left:40%}.ai-hero-orbit span:nth-child(4){left:-5%;top:44%}
.ai-tools{padding:68px 0 84px;border-top:1px solid var(--line)}
.ai-section-heading{margin-bottom:34px}.ai-section-heading h2{margin:10px 0 8px;font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}
.ai-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ai-directory-card{position:relative;display:flex;min-height:330px;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid rgba(125,211,252,.24);border-radius:22px;background:linear-gradient(145deg,rgba(20,42,78,.95),rgba(9,17,32,.97));box-shadow:0 24px 55px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease}
.ai-directory-card:hover{transform:translateY(-4px);border-color:rgba(125,211,252,.52)}
.ai-card-top{display:flex;width:100%;align-items:center;justify-content:space-between}.ai-card-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#2658ad,#17366d);font-size:23px}.ai-card-number{color:rgba(174,222,255,.38);font-size:18px;font-weight:900}
.ai-card-label{margin-top:28px;color:#75dcff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.ai-directory-card h3{margin:8px 0 10px;font-size:27px;letter-spacing:-.03em}.ai-directory-card p{max-width:500px;margin:0 0 26px;color:var(--muted);line-height:1.65}.ai-directory-card .vmt-button{margin-top:auto;text-decoration:none}.ai-directory-card .vmt-button span{margin-left:7px}
.ai-confidence{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:90px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--line)}
.ai-confidence div{display:flex;min-height:150px;flex-direction:column;gap:10px;padding:28px;background:#0b1426}.ai-confidence b{font-size:17px}.ai-confidence span{color:var(--muted);font-size:14px;line-height:1.6}
footer{display:flex;flex-wrap:wrap;gap:24px;padding:34px max(5vw,24px);border-top:1px solid var(--line);color:#8f9db2;font-size:13px}footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.ai-directory-hero{grid-template-columns:1fr}.ai-hero-orbit{display:none}.ai-confidence{grid-template-columns:1fr}}
@media(max-width:680px){.ai-directory{width:min(100% - 28px,1220px)}.ai-directory-hero{min-height:auto;padding:54px 0}.ai-card-grid{grid-template-columns:1fr}.ai-directory-card{min-height:300px}.ai-confidence div{min-height:auto}}
@media(prefers-reduced-motion:reduce){.ai-directory-card{transition:none}}