.ai-hero,.ai-clock,.ai-hub-sec,.ai-rules,.ai-faq{--void:#0a0714;--violet:#8f6bff;--glass:rgba(255,255,255,.05);--glass-line:rgba(255,255,255,.1)}
.ai-eyebrow{background:linear-gradient(90deg,var(--mint),#b49bff);-webkit-background-clip:text;background-clip:text;color:transparent}

.ai-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--void);padding-bottom:40px}
.ai-aurora{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ai-aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:ai-drift 18s ease-in-out infinite}
.ai-aurora i:nth-child(1){width:46vw;height:46vw;left:-10vw;top:-16vw;background:#632c41}
.ai-aurora i:nth-child(2){width:40vw;height:40vw;right:-6vw;top:10%;background:#3b2a8f;animation-delay:-6s}
.ai-aurora i:nth-child(3){width:30vw;height:30vw;left:30%;bottom:-18vw;background:#1f8f6c;opacity:.4;animation-delay:-12s}
@keyframes ai-drift{50%{transform:translate(4vw,3vw) scale(1.1)}}
.ai-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-block:clamp(56px,8vw,110px) 40px}
.ai-hero h1{font-size:clamp(36px,5.2vw,76px);font-weight:900;font-stretch:112%;letter-spacing:-.035em;line-height:1;margin-top:16px;max-width:16ch}
.ai-lede{margin-top:24px;font-size:clamp(17px,1.4vw,19.5px);color:#d4cfe6;max-width:56ch}
.ai-chips{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ai-chips li{font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);color:#e7e2f6}

.ai-chat{position:relative;border-radius:26px;background:rgba(18,13,34,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-line);box-shadow:0 60px 120px -40px rgba(143,107,255,.45);display:grid;grid-template-rows:auto 1fr auto;min-height:480px;min-width:0}
.ai-chat-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--glass-line)}
.ai-bot{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),#8f6bff);color:#0a0714}
.ai-bot svg{width:22px;height:22px}
.ai-chat-top b{display:block;font-size:15px}
.ai-chat-top small{display:flex;align-items:center;gap:6px;color:#a9a3c0;font-size:12.5px}
.ai-chat-top small i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(104,235,185,.2)}
.ai-chat-top em{font-style:normal;color:#a9a3c0;font-size:12.5px}
.ai-chat-body{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:20px}
.ai-msg{max-width:82%;padding:12px 16px;border-radius:20px;font-size:15px;line-height:1.45}
.ai-msg.in{align-self:flex-end;background:#2a2148;color:#f0edf9;border-bottom-right-radius:6px}
.ai-msg.out{align-self:flex-start;background:linear-gradient(135deg,rgba(104,235,185,.95),rgba(127,211,255,.9));color:#06221a;border-bottom-left-radius:6px}
.ai-chat.is-live .ai-msg{display:none;animation:ai-in .45s cubic-bezier(.2,.8,.2,1)}
.ai-chat.is-live .ai-msg.on{display:block}
@keyframes ai-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
.ai-typing{display:none;align-self:flex-start;gap:5px;padding:14px 16px;border-radius:20px;background:rgba(104,235,185,.15)}
.ai-typing.on{display:flex}
.ai-typing i{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:ai-dot 1s ease-in-out infinite}
.ai-typing i:nth-child(2){animation-delay:.15s}
.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes ai-dot{50%{transform:translateY(-4px);opacity:.5}}
.ai-chat-foot{display:flex;align-items:center;justify-content:space-between;margin:0 16px 16px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(255,255,255,.06);color:#8d87a6;font-size:14px}
.ai-chat-foot b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#0a0714}
.ai-chat-foot svg{width:16px;height:16px}
.ai-booked{position:absolute;left:-28px;bottom:-34px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#fff;color:#14102a;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);animation:ai-bob 7s ease-in-out infinite}
.ai-booked>svg{width:28px;height:28px;color:#6b4fe0}
.ai-booked b{display:block;font-size:14px}
.ai-booked small{color:#5d5876;font-size:12px}
@keyframes ai-bob{50%{transform:translateY(-8px)}}

.ai-clock{background:linear-gradient(180deg,var(--void),#110c22)}
.ai-clock-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px 88px;align-items:center}
.ai-dial{margin:0;display:grid;gap:20px;justify-items:center}
.ai-dial svg{width:min(100%,440px);height:auto;overflow:visible}
.ai-dial .track{fill:none;stroke:rgba(255,255,255,.07);stroke-width:14}
.ai-dial .track.in{stroke-width:12}
.ai-dial .bot{fill:none;stroke:var(--mint);stroke-width:14;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(104,235,185,.55))}
.ai-dial .team{fill:none;stroke:#b49bff;stroke-width:12;stroke-linecap:round}
.ai-dial .tick{stroke:rgba(255,255,255,.3);stroke-width:1.5}
.ai-dial .hand{transform-origin:100px 100px;animation:ai-spin 24s linear infinite}
.ai-dial .hand line{stroke:rgba(255,255,255,.5);stroke-width:1.5}
.ai-dial .hand circle{fill:#fff;filter:drop-shadow(0 0 6px #68ebb9)}
@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-dial .big{fill:#fff;font-size:30px;font-weight:900;font-family:var(--font)}
.ai-dial .small{fill:#a9a3c0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font);font-weight:700}
.ai-dial figcaption{display:flex;gap:22px;color:#c9c3dd;font-size:14px}
.ai-dial figcaption span{display:flex;align-items:center;gap:8px}
.ai-dial figcaption i{width:14px;height:5px;border-radius:3px}
.k-bot{background:var(--mint)}
.k-team{background:#b49bff}
.ai-clock-copy h2{font-size:clamp(32px,4.4vw,60px);margin-top:16px}
.ai-clock-copy p:not(.eyebrow){margin-top:20px;color:#d4cfe6;font-size:18px;max-width:54ch}

.ai-hub-sec{background:#110c22;overflow:hidden}
.ai-hub-head{text-align:center;max-width:820px;margin:0 auto}
.ai-hub-head h2{font-size:clamp(32px,4.6vw,62px);margin-top:16px}
.ai-hub{position:relative;margin-top:64px;aspect-ratio:1000/560}
.ai-hub-lines{position:absolute;inset:0;width:100%;height:100%}
.ai-hub-lines path{fill:none;stroke:rgba(143,107,255,.5);stroke-width:1.5;stroke-dasharray:4 10;vector-effect:non-scaling-stroke;animation:ai-flow 2.4s linear infinite}
@keyframes ai-flow{to{stroke-dashoffset:-28}}
.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle,rgba(104,235,185,.3),rgba(143,107,255,.25) 60%,rgba(10,7,20,.9) 72%);box-shadow:0 0 0 1px rgba(104,235,185,.3),0 0 80px rgba(104,235,185,.25)}
.ai-core::before,.ai-core::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(104,235,185,.25);animation:ai-pulse 3s ease-out infinite}
.ai-core::after{animation-delay:-1.5s}
@keyframes ai-pulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.ai-core-ico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--mint);color:#0a0714}
.ai-core-ico svg{width:34px;height:34px}
.ai-core b{font-size:16px}
.ai-nodes{list-style:none;margin:0;padding:0}
.ai-node{position:absolute;width:min(270px,27%);padding:20px;border-radius:20px;background:rgba(22,16,42,.92);border:1px solid var(--glass-line);transform:translate(-50%,-50%);display:grid;gap:8px}
.ai-node-1{left:15%;top:16%}
.ai-node-2{left:85%;top:16%}
.ai-node-3{left:12%;top:50%}
.ai-node-4{left:88%;top:50%}
.ai-node-5{left:15%;top:84%}
.ai-node-6{left:85%;top:84%}
.ai-node-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(143,107,255,.2);color:#cbbcff}
.ai-node-ico svg{width:20px;height:20px}
.ai-node h3{font-size:18px;font-weight:800}
.ai-node p{color:#b9b3cf;font-size:14.5px;line-height:1.45}

.ai-search{background:#f4f1fb;color:#14102a;color-scheme:light}
.ai-search .eyebrow{color:#6b4fe0}
.ai-search-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 80px;align-items:center}
.ai-search-copy h2{font-size:clamp(32px,4.4vw,60px);margin-top:16px;color:#14102a}
.ai-search-copy p:not(.eyebrow){margin-top:20px;color:#4d4766;font-size:17.5px;max-width:54ch}
.ai-answer{border-radius:28px;background:#fff;padding:28px;box-shadow:0 50px 100px -50px rgba(60,40,140,.5),0 0 0 1px rgba(60,40,140,.08);display:grid;gap:22px}
.ai-ask{justify-self:end;max-width:86%;padding:14px 18px;border-radius:20px 20px 6px 20px;background:#ece8f8;font-weight:600;font-size:15.5px}
.ai-reply{display:grid;grid-template-columns:auto 1fr;gap:14px}
.ai-spark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),#8f6bff)}
.ai-spark svg{width:18px;height:18px;fill:#fff}
.ai-reply p{font-size:15.5px;color:#36304f;line-height:1.55}
.ai-pick{margin-top:16px;padding:16px;border-radius:16px;border:1.5px solid var(--mint);background:#effcf6;display:grid;gap:4px}
.ai-pick b{font-size:17px;color:var(--navy)}
.ai-pick span{color:#4d4766;font-size:14px}
.ai-pick em{font-style:normal;color:#b07a00;font-size:13px}
.ai-src{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ai-src small{font-weight:700;color:#8a84a3;margin-right:4px}
.ai-src i{font-style:normal;font-size:12.5px;padding:5px 10px;border-radius:999px;background:#f1eef9;color:#4d4766}
.ai-photo{margin:32px 0 0;border-radius:24px;overflow:hidden}
.ai-photo img{display:block;width:100%;height:auto}

.ai-rules{background:var(--void)}
.ai-rules-head{max-width:760px}
.ai-rules-head h2{font-size:clamp(32px,4.6vw,62px);margin-top:16px}
.ai-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.ai-rule{padding:30px;border-radius:26px;border:1px solid var(--glass-line);background:var(--glass)}
.ai-rule h3{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900}
.ai-rule h3 span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.ai-rule h3 svg{width:20px;height:20px;stroke-width:2.6}
.ai-rule-1 h3 span{background:var(--mint);color:#0a0714}
.ai-rule-2 h3 span{background:#ff8fb8;color:#2a0a17}
.ai-rule-3 h3 span{background:#b49bff;color:#140a33}
.ai-rule-1{border-color:rgba(104,235,185,.35)}
.ai-rule-2{border-color:rgba(255,143,184,.35)}
.ai-rule-3{border-color:rgba(180,155,255,.35)}
.ai-rule ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.ai-rule li{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);color:#dcd7ec;font-size:15.5px}
.ai-pipe{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:none}
.ai-pipe li{position:relative;padding:28px 28px 28px 0;display:grid;gap:10px;align-content:start}
.ai-pipe li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--mint),#8f6bff)}
.ai-pipe li:not(:last-child)::after{content:"";position:absolute;right:16px;top:-6px;width:12px;height:12px;border-top:3px solid #8f6bff;border-right:3px solid #8f6bff;transform:rotate(45deg)}
.ai-pipe-n{font-family:var(--font-code);color:var(--mint);font-weight:700}
.ai-pipe h3{font-size:22px;font-weight:800}
.ai-pipe p{color:#b9b3cf;font-size:15.5px}

.ai-faq{background:linear-gradient(180deg,var(--void),var(--ink))}
.ai-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px 72px;align-items:start}
.ai-faq h2{font-size:clamp(32px,4.4vw,60px);margin-top:16px}
.ai-faq-note{margin-top:20px;color:#a9a3c0;max-width:38ch}
.ai-thread{display:grid;gap:14px}
.ai-qa summary{list-style:none;cursor:pointer;margin-left:auto;width:fit-content;max-width:88%;padding:14px 20px;border-radius:22px 22px 6px 22px;background:#2a2148;font-weight:700;font-size:16.5px;min-height:44px;transition:background .3s}
.ai-qa summary::-webkit-details-marker{display:none}
.ai-qa summary:hover,.ai-qa[open] summary{background:#3a2d66}
.ai-qa p{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:12px;max-width:90%}
.ai-qa p>span:last-child{padding:14px 18px;border-radius:22px 22px 22px 6px;background:rgba(104,235,185,.12);border:1px solid rgba(104,235,185,.25);color:#e1f7ee;font-size:15.5px}
.ai-qa-bot{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:#0a0714;align-self:end}
.ai-qa-bot svg{width:18px;height:18px}

@media (max-width:1080px){
  .ai-hub{aspect-ratio:auto;margin-top:48px}
  .ai-hub-lines{display:none}
  .ai-core{position:relative;left:auto;top:auto;transform:none;margin:0 auto 40px;width:170px;height:170px}
  .ai-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .ai-node{position:static;width:auto;transform:none}
  .ai-pipe{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .ai-pipe li:nth-child(2)::after{display:none}
}
@media (max-width:960px){
  .ai-hero-grid,.ai-clock-grid,.ai-search-grid,.ai-faq-grid{grid-template-columns:minmax(0,1fr)}
  .ai-rule-grid{grid-template-columns:minmax(0,1fr)}
  .ai-booked{left:12px}
}
@media (max-width:620px){
  .ai-nodes,.ai-pipe{grid-template-columns:minmax(0,1fr)}
  .ai-pipe li::after{display:none}
  .ai-chat{min-height:440px}
  .ai-booked{position:relative;left:auto;bottom:auto;margin:0 16px 16px}
  .ai-answer{padding:20px}
}