
/* ═══ AI TOOLS PAGE — COMPLETE STYLES ═══ */
.ait-hero{padding:120px 0 64px;background:var(--black);position:relative;overflow:hidden;}
.ait-hero::before{content:'';position:absolute;top:-300px;left:50%;transform:translateX(-50%);width:900px;height:900px;background:radial-gradient(ellipse,rgba(200,241,53,.06) 0%,transparent 65%);pointer-events:none;}
.ait-tabs{display:flex;gap:0;border:1px solid var(--border);width:fit-content;margin:0 auto 64px;overflow:hidden;}
.ait-tab{padding:14px 36px;font-family:var(--ff-d);font-size:1rem;letter-spacing:.1em;background:transparent;border:none;color:var(--gray3);cursor:none;transition:all .3s;position:relative;}
.ait-tab.active{background:var(--lime);color:var(--black);}
.ait-tab:not(.active):hover{color:var(--cream);background:rgba(255,255,255,.04);}

/* ═══ AI CONSULTANT ═══ */
#ait-consultant{display:block;}
#ait-audit{display:none;}

.aichat-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:2px;min-height:680px;border:1px solid var(--border);}
.aichat-info{background:var(--gray2);padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between;}
.aichat-info-title{font-family:var(--ff-d);font-size:2.4rem;letter-spacing:.02em;line-height:.92;margin-bottom:16px;}
.aichat-info-sub{font-size:.88rem;color:var(--gray3);line-height:1.85;margin-bottom:32px;}
.aichat-steps{display:flex;flex-direction:column;gap:12px;}
.aichat-step{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:rgba(200,241,53,.04);border:1px solid rgba(200,241,53,.1);transition:border-color .3s;}
.aichat-step:hover{border-color:rgba(200,241,53,.25);}
.aichat-step-num{font-family:var(--ff-d);font-size:1.4rem;color:var(--lime);line-height:1;flex-shrink:0;min-width:28px;}
.aichat-step-text{font-size:.82rem;color:var(--gray3);line-height:1.6;}
.aichat-step-text strong{color:var(--cream);display:block;margin-bottom:2px;}
.aichat-info-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--border);}
.aichat-trust-item{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--gray3);letter-spacing:.06em;}
.aichat-trust-item svg{flex-shrink:0;}

/* Chat panel */
.aichat-panel{background:var(--gray);display:flex;flex-direction:column;position:relative;}
.aichat-header{padding:20px 24px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;background:var(--gray2);}
.aichat-av{width:42px;height:42px;border-radius:50%;background:rgba(200,241,53,.1);border:2px solid rgba(200,241,53,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;}
.aichat-av-inner{width:18px;height:18px;fill:var(--lime);}
.aichat-av::after{content:'';position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#39d98a;border-radius:50%;border:2px solid var(--gray2);box-shadow:0 0 6px rgba(57,217,138,.7);}
.aichat-hname{font-family:var(--ff-d);font-size:1.05rem;letter-spacing:.06em;}
.aichat-hsub{font-size:.65rem;color:var(--gray3);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;}
.aichat-progress{margin-left:auto;text-align:right;}
.aichat-progress-label{font-size:.6rem;color:var(--gray3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;}
.aichat-progress-bar{width:120px;height:3px;background:var(--border);border-radius:2px;}
.aichat-progress-fill{height:100%;background:var(--lime);border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1);}

.aichat-msgs{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;}
.aichat-msgs::-webkit-scrollbar{width:2px;}
.aichat-msgs::-webkit-scrollbar-thumb{background:rgba(200,241,53,.2);}

.aichat-msg{display:flex;gap:10px;max-width:88%;}
.aichat-msg.bot{align-self:flex-start;}
.aichat-msg.user{align-self:flex-end;flex-direction:row-reverse;}
.aichat-msg-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:rgba(200,241,53,.1);border:1px solid rgba(200,241,53,.25);display:flex;align-items:center;justify-content:center;margin-top:2px;}
.aichat-msg-av svg{width:12px;height:12px;fill:var(--lime);}
.aichat-msg-av.user-av{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);}
.aichat-msg-av.user-av svg{fill:var(--cream);}
.aichat-bubble{padding:12px 16px;font-size:.84rem;line-height:1.7;border-radius:2px;}
.aichat-msg.bot .aichat-bubble{background:var(--gray2);border:1px solid var(--border);color:var(--cream);border-bottom-left-radius:0;}
.aichat-msg.user .aichat-bubble{background:var(--lime);color:var(--black);font-weight:500;border-bottom-right-radius:0;}

/* typing */
.aichat-typing{display:flex;gap:5px;align-items:center;padding:14px 16px;background:var(--gray2);border:1px solid var(--border);width:fit-content;border-radius:2px;border-bottom-left-radius:0;}
.aichat-typing span{width:7px;height:7px;background:var(--gray3);border-radius:50%;animation:aitDot 1.2s infinite;}
.aichat-typing span:nth-child(2){animation-delay:.2s;}
.aichat-typing span:nth-child(3){animation-delay:.4s;}
@keyframes aitDot{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-5px);opacity:1;}}

/* quick choices */
.aichat-choices{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 14px;flex-shrink:0;}
.aichat-choice{font-size:.72rem;letter-spacing:.05em;padding:8px 14px;background:transparent;border:1px solid rgba(200,241,53,.25);color:var(--lime);cursor:none;transition:all .2s;border-radius:2px;text-align:left;line-height:1.4;}
.aichat-choice:hover{background:rgba(200,241,53,.08);border-color:var(--lime);}

/* input */
.aichat-input-wrap{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0;background:var(--gray2);}
#aichat-txt{flex:1;background:var(--black);border:1px solid var(--border);padding:10px 14px;color:var(--cream);font-family:var(--ff-b);font-size:.85rem;outline:none;resize:none;max-height:90px;line-height:1.55;border-radius:2px;transition:border-color .2s;cursor:text !important;}
#aichat-txt:focus{border-color:rgba(200,241,53,.4);}
#aichat-txt::placeholder{color:var(--gray4);}
#aichat-send{width:40px;height:40px;flex-shrink:0;background:var(--lime);border:none;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:none;transition:all .25s;}
#aichat-send:hover{background:var(--lime-dark);transform:translateY(-2px);}
#aichat-send:disabled{background:var(--gray4);transform:none;}
#aichat-send svg{width:16px;height:16px;fill:var(--black);}
.aichat-foot{text-align:center;padding:8px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray4);border-top:1px solid var(--border);flex-shrink:0;}
.aichat-foot span{color:var(--lime);}

/* PROPOSAL CARD */
.ait-proposal{background:var(--gray2);border:1px solid rgba(200,241,53,.3);padding:28px 32px;margin-top:8px;animation:propIn .4s cubic-bezier(.16,1,.3,1) forwards;}
@keyframes propIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.ait-prop-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.ait-prop-badge{background:var(--lime);color:var(--black);font-family:var(--ff-d);font-size:.75rem;letter-spacing:.12em;padding:4px 12px;}
.ait-prop-title{font-family:var(--ff-d);font-size:1.1rem;letter-spacing:.04em;}
.ait-prop-services{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.ait-prop-svc{font-size:.7rem;padding:4px 12px;background:rgba(200,241,53,.08);border:1px solid rgba(200,241,53,.18);color:var(--lime);letter-spacing:.08em;text-transform:uppercase;}
.ait-prop-line{display:flex;justify-content:space-between;font-size:.82rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.ait-prop-line-label{color:var(--gray3);}
.ait-prop-line-val{color:var(--cream);font-weight:500;}
.ait-prop-price{font-family:var(--ff-d);font-size:1.8rem;color:var(--lime);margin:14px 0 6px;}
.ait-prop-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;}
.ait-prop-btn{padding:10px 22px;font-family:var(--ff-d);font-size:.85rem;letter-spacing:.08em;border:none;cursor:none;transition:all .25s;}
.ait-prop-btn.primary{background:var(--lime);color:var(--black);}
.ait-prop-btn.primary:hover{background:var(--lime-dark);transform:translateY(-2px);}
.ait-prop-btn.outline{background:transparent;border:1px solid var(--border);color:var(--gray3);}
.ait-prop-btn.outline:hover{border-color:var(--lime);color:var(--lime);}

/* ═══ AUDIT TOOL ═══ */
.audit-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:2px;min-height:700px;}
.audit-form-panel{background:var(--gray2);padding:48px 40px;display:flex;flex-direction:column;}
.audit-form-title{font-family:var(--ff-d);font-size:2.2rem;letter-spacing:.02em;line-height:.92;margin-bottom:12px;}
.audit-form-sub{font-size:.87rem;color:var(--gray3);line-height:1.8;margin-bottom:32px;}
.audit-url-wrap{position:relative;margin-bottom:14px;}
.audit-url-input{width:100%;background:var(--black);border:1px solid var(--border);padding:16px 20px 16px 52px;color:var(--cream);font-family:var(--ff-b);font-size:.95rem;outline:none;transition:border-color .25s;cursor:text !important;border-radius:2px;}
.audit-url-input:focus{border-color:rgba(200,241,53,.5);}
.audit-url-input::placeholder{color:var(--gray4);}
.audit-url-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);}
.audit-url-icon svg{width:18px;height:18px;fill:none;stroke:var(--gray3);stroke-width:1.8;stroke-linecap:round;}
.audit-submit{width:100%;background:var(--lime);color:var(--black);border:none;padding:16px;font-family:var(--ff-d);font-size:1.2rem;letter-spacing:.1em;cursor:none;transition:all .3s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));margin-top:4px;}
.audit-submit:hover:not(:disabled){background:var(--lime-dark);transform:translateY(-2px);}
.audit-submit:disabled{background:var(--gray4);cursor:not-allowed;}
.audit-checks{display:flex;flex-direction:column;gap:8px;margin-top:28px;}
.audit-check{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--gray3);}
.audit-check svg{flex-shrink:0;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;}
.audit-samples{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);}
.audit-samples-label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray4);margin-bottom:10px;}
.audit-sample-url{display:block;font-size:.78rem;color:var(--lime);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);cursor:none;transition:color .2s;}
.audit-sample-url:hover{color:var(--cream);}

/* Results panel */
.audit-results-panel{background:var(--gray);display:flex;flex-direction:column;}
.audit-results-head{padding:24px 28px;border-bottom:1px solid var(--border);flex-shrink:0;}
.audit-results-title{font-family:var(--ff-d);font-size:1rem;letter-spacing:.1em;color:var(--gray3);}
.audit-results-url{font-size:.8rem;color:var(--lime);margin-top:3px;}
.audit-results-body{flex:1;overflow-y:auto;padding:28px;}
.audit-results-body::-webkit-scrollbar{width:2px;}
.audit-results-body::-webkit-scrollbar-thumb{background:rgba(200,241,53,.2);}

/* Score ring */
.audit-score-ring{position:relative;width:120px;height:120px;flex-shrink:0;}
.audit-score-ring svg{transform:rotate(-90deg);}
.audit-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.audit-score-big{font-family:var(--ff-d);font-size:2.2rem;color:var(--lime);line-height:1;}
.audit-score-label{font-size:.6rem;color:var(--gray3);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;}
.audit-scores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;}
.audit-score-card{background:var(--gray2);border:1px solid var(--border);padding:16px;text-align:center;transition:border-color .3s;}
.audit-score-card:hover{border-color:rgba(200,241,53,.2);}
.audit-sc-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray3);margin-bottom:6px;}
.audit-sc-val{font-family:var(--ff-d);font-size:1.6rem;line-height:1;}
.audit-sc-bar{height:3px;background:var(--border);border-radius:2px;margin-top:6px;}
.audit-sc-fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.16,1,.3,1);}
.audit-issues{margin-top:24px;}
.audit-issue{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.audit-issue:last-child{border-bottom:none;}
.audit-issue-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;}
.audit-issue-title{font-size:.84rem;font-weight:500;color:var(--cream);margin-bottom:3px;}
.audit-issue-desc{font-size:.78rem;color:var(--gray3);line-height:1.6;}
.audit-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:48px 32px;text-align:center;}
.audit-ph-icon{width:72px;height:72px;background:rgba(200,241,53,.06);border:1px solid rgba(200,241,53,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.audit-ph-title{font-family:var(--ff-d);font-size:1.4rem;letter-spacing:.05em;margin-bottom:8px;}
.audit-ph-sub{font-size:.84rem;color:var(--gray3);line-height:1.75;max-width:280px;}
.audit-scanning{display:flex;flex-direction:column;gap:14px;padding:28px;}
.audit-scan-step{display:flex;align-items:center;gap:14px;font-size:.84rem;opacity:0;animation:scanIn .4s var(--ease) forwards;}
@keyframes scanIn{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:none;}}
.audit-scan-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gray2);}
.audit-scan-icon.done{background:rgba(200,241,53,.1);border-color:rgba(200,241,53,.3);}
.audit-scan-icon.done svg{stroke:var(--lime);}
.audit-scan-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--lime);border-radius:50%;animation:auditSpin .7s linear infinite;}
@keyframes auditSpin{to{transform:rotate(360deg);}}

.audit-cta-bar{margin-top:28px;padding:20px;background:rgba(200,241,53,.06);border:1px solid rgba(200,241,53,.2);}
.audit-cta-bar-title{font-family:var(--ff-d);font-size:.95rem;letter-spacing:.06em;color:var(--lime);margin-bottom:6px;}
.audit-cta-bar-sub{font-size:.8rem;color:var(--gray3);line-height:1.6;margin-bottom:14px;}
.audit-cta-row{display:flex;gap:8px;flex-wrap:wrap;}

@media(max-width:1024px){
  .aichat-wrap{grid-template-columns:1fr;}
  .aichat-info{display:none;}
  .audit-wrap{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .ait-tabs{width:100%;border-radius:0;}
  .ait-tab{flex:1;text-align:center;padding:12px 16px;font-size:.85rem;}
  .audit-scores-grid{grid-template-columns:1fr 1fr;}
}
