.ai-hero{min-height:660px;background:radial-gradient(circle at 78% 18%,rgba(139,210,242,.16),transparent 36%),linear-gradient(120deg,#031526 0%,#082b4c 58%,#0a355b 100%)}
.ai-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:74px;align-items:center;position:relative}
.ai-hero h1{font-size:clamp(44px,4.8vw,66px)}
.ai-panel{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));box-shadow:0 32px 80px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.ai-panel-top{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.13);color:#fff}
.ai-panel-top span{width:10px;height:10px;border-radius:50%;background:#61d39f;box-shadow:0 0 0 6px rgba(97,211,159,.13)}
.ai-panel-top strong{font:800 13px "Manrope",sans-serif}
.ai-panel-top small{margin-left:auto;color:#9fb7c5;font-size:9px}
.ai-orbit{height:330px;position:relative;display:grid;place-items:center}
.ai-orbit:before,.ai-orbit:after{content:"";position:absolute;border:1px solid rgba(139,210,242,.22);border-radius:50%}
.ai-orbit:before{width:245px;height:245px}.ai-orbit:after{width:310px;height:310px}
.ai-core{width:126px;height:126px;position:relative;z-index:2;display:grid;place-content:center;text-align:center;border:1px solid rgba(139,210,242,.34);border-radius:50%;color:#fff;background:rgba(8,43,76,.72);box-shadow:0 0 40px rgba(139,210,242,.16)}
.ai-core b{font:800 30px/1 "Manrope",sans-serif}.ai-core small{margin-top:6px;color:#a9c3d0;font-size:8px;text-transform:uppercase;letter-spacing:.8px}
.node{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d7eaf3;background:rgba(3,21,38,.72);font-style:normal;font-size:9px;font-weight:800;letter-spacing:.3px}
.node-one{top:38px;left:50%;transform:translateX(-50%)}.node-two{right:18px;top:145px}.node-three{bottom:46px;left:54px}.node-four{left:9px;top:126px}
.ai-metrics{display:grid;gap:9px}
.ai-metrics p{display:flex;justify-content:space-between;margin:0;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#aebfca;background:rgba(255,255,255,.05);font-size:10px}
.ai-metrics b{color:#61d39f}
.ai-included .support-card{min-height:360px}
.ai-process{padding-top:125px;padding-bottom:125px}
.ai-keywords{background:linear-gradient(145deg,#031526,#082b4c)}
.ai-search-card{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055)}
.ai-search-card strong{display:block;margin-bottom:18px;color:#fff;font:800 20px "Manrope",sans-serif}
.ai-search-card span{display:block;margin:9px 0;padding:12px 14px;border-radius:8px;color:#cfe0e8;background:rgba(255,255,255,.065);font-size:12px}
@media(max-width:720px){
  .ai-hero{min-height:auto;padding:64px 0 74px}
  .ai-hero-grid{grid-template-columns:1fr;gap:38px}
  .ai-hero h1{font-size:clamp(38px,10vw,48px)}
  .ai-panel{padding:16px}
  .ai-orbit{height:280px}
  .ai-orbit:before{width:205px;height:205px}.ai-orbit:after{width:260px;height:260px}
  .node{font-size:8px}.node-two{right:0}.node-three{left:25px}.node-four{left:0}
  .ai-process{padding-top:85px;padding-bottom:85px}
}