/* ── Nav Get in Touch button ── */
.nav-git-btn{background:#fff;color:#111110;border:none;border-radius:40px;padding:8px 20px;font-size:10px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif;transition:all 0.25s;white-space:nowrap;flex-shrink:0;}
.nav-git-btn:hover{background:rgba(255,255,255,0.85);transform:translateY(-1px);}

/* ── Contact Modal ── */
#aiContactModal{display:none;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);align-items:center;justify-content:center;}
#aiContactModal.active{display:flex;}
#aiContactModal .icm-inner{background:#fff;border-radius:20px;padding:52px 48px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;animation:icmSlide 0.35s ease;}
@keyframes icmSlide{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
#aiContactModal h2{font-size:28px;font-weight:200;color:#111110;letter-spacing:-0.02em;margin-bottom:8px;}
#aiContactModal .icm-sub{font-size:12px;color:#7a7a6a;margin-bottom:32px;line-height:1.7;}
#aiContactModal .icm-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;font-size:26px;color:#7a7a6a;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
#aiContactModal .icm-close:hover{color:#111110;}
#aiContactModal .icm-group{margin-bottom:18px;}
#aiContactModal .icm-group label{display:block;font-size:11px;font-weight:300;letter-spacing:0.1em;text-transform:uppercase;color:#7a7a6a;margin-bottom:7px;}
#aiContactModal .icm-group input,#aiContactModal .icm-group textarea{width:100%;padding:12px 16px;background:#f4efe6;border:1px solid #e2d9c4;border-radius:10px;font-size:13px;color:#1e1e18;font-family:inherit;outline:none;transition:border-color 0.2s,background 0.2s;box-sizing:border-box;}
#aiContactModal .icm-group input:focus,#aiContactModal .icm-group textarea:focus{border-color:#111110;background:#fff;}
#aiContactModal .icm-group textarea{min-height:110px;resize:vertical;}
#aiContactModal .icm-btn{width:100%;height:46px;background:#111110;color:#fff;border:none;border-radius:40px;font-family:inherit;font-size:11px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:all 0.25s;margin-top:8px;}
#aiContactModal .icm-btn:hover{background:#2a2a2a;transform:translateY(-2px);}
#aiContactModal .icm-socials{display:flex;gap:14px;justify-content:center;margin-top:28px;padding-top:24px;border-top:1px solid #e2d9c4;}
#aiContactModal .icm-social{width:40px;height:40px;border-radius:50%;background:#f4efe6;border:1px solid #e2d9c4;display:flex;align-items:center;justify-content:center;color:#7a7a6a;text-decoration:none;transition:all 0.2s;}
#aiContactModal .icm-social:hover{background:#111110;color:#fff;border-color:#111110;}

/* ══ HERO ══ */
.ai-hero{background:linear-gradient(180deg,#dde8fe 0%,#edf2ff 45%,#f4f6ff 100%);padding:calc(var(--nav-h) + 60px) 64px 0;text-align:center;position:relative;overflow:hidden;}

.ai-hero::before{content:'';position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(74,108,247,0.1) 0%,transparent 65%);pointer-events:none;}
.ai-hero-top{position:relative;z-index:2;margin-bottom:48px;}
.ai-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#4a6cf7;background:rgba(74,108,247,0.08);border:1px solid rgba(74,108,247,0.2);padding:6px 18px;border-radius:30px;margin-bottom:28px;}
.ai-hero-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#4a6cf7;animation:aipulse 2s ease infinite;}
.ai-hero h1{font-size:clamp(42px,7vw,78px);font-weight:800;color:#0f172a;line-height:1.05;letter-spacing:-0.03em;margin-bottom:20px;font-family:'Manrope',-apple-system,sans-serif;}
.ai-hero h1 span{color:#4a6cf7;}
.ai-hero-sub{font-size:15px;font-weight:400;color:#64748b;line-height:1.7;max-width:480px;margin:0 auto 36px;}
.ai-hero-btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ai-hero-cta{display:inline-flex;align-items:center;gap:10px;background:#111110;color:#fff;padding:14px 32px;border:none;border-radius:40px;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all 0.25s;font-family:inherit;}
.ai-hero-cta:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.2);}
.ai-hero-cta-outline{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#111110;padding:14px 32px;border:1px solid rgba(17,17,16,0.25);border-radius:40px;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:all 0.25s;font-family:inherit;}
.ai-hero-cta-outline:hover{border-color:#111110;background:rgba(17,17,16,0.04);}

/* ══ HERO PHONE — Light style, scaled up ══ */
.ai-hero-phone-wrap{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;margin-top:52px;}
.ai-hero-phone-wrap::before{content:'';position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:#4a6cf7;z-index:0;pointer-events:none;}
.ai-hero-phone-wrap .ai-hero-phone{position:relative;z-index:1;}

/* Reuse the same light phone style as .ai-phone but bigger */
.ai-hero-phone{
  width:300px;
  background:#111;
  border-radius:46px;
  box-shadow:0 32px 80px rgba(0,0,0,0.22);
  overflow:visible;
  position:relative;
  border:8px solid #222;
  outline:1px solid #333;
  flex-shrink:0;
}
.ai-hero-phone::after{content:'';position:absolute;right:-13px;top:120px;width:5px;height:70px;background:#2a2a2a;border-radius:0 4px 4px 0;box-shadow:1px 0 2px rgba(0,0,0,0.4);}
.ai-hero-phone::before{content:'';position:absolute;left:-13px;top:96px;width:5px;height:48px;background:#2a2a2a;border-radius:4px 0 0 4px;box-shadow:-1px 0 2px rgba(0,0,0,0.4),0 70px 0 0 #2a2a2a,-1px 70px 2px rgba(0,0,0,0.4);}
.ai-hero-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:76px;height:26px;background:#111;margin-top:13px;border-radius:50px;z-index:10;}
.ai-hero-phone-inner{border-radius:40px;overflow:hidden;}

/* Light status bar */
.ai-hero-phone-status{display:flex;justify-content:space-between;align-items:center;padding:18px 26px 5px;background:#fff;}
.ai-hero-phone-time{font-size:0.9rem;font-weight:800;color:#0f172a;}
.ai-hero-phone-status-icons{display:flex;gap:4px;align-items:center;color:#0f172a;}

/* Light screen */
.ai-hero-phone-screen{background:#f8f9fc;min-height:540px;display:flex;flex-direction:column;}

/* Chat header — light */
.ahp-chat-header{background:#fff;border-bottom:1px solid #e8ecf0;padding:13px 18px;display:flex;align-items:center;gap:12px;}
.ahp-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #e8ecf0;}
.ahp-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.ahp-info h6{font-size:0.8rem;font-weight:800;color:#0f172a;margin-bottom:1px;}
.ahp-info span{font-size:0.65rem;color:#22c55e;font-weight:600;display:flex;align-items:center;gap:3px;}
.ahp-info span::before{content:'';width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;}

/* Messages — light */
.ahp-messages{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;}
.ahp-msg{max-width:82%;border-radius:14px;padding:10px 14px;font-size:0.72rem;font-weight:400;line-height:1.55;color:#0f172a;}
.ahp-msg.bot{background:#fff;border:1px solid #e8ecf0;align-self:flex-start;border-radius:4px 14px 14px 14px;}
.ahp-msg.user{background:#111110;color:#fff;align-self:flex-end;border-radius:14px 4px 14px 14px;}

/* Typing dots — light */
.ahp-typing{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e8ecf0;border-radius:4px 14px 14px 14px;padding:10px 14px;align-self:flex-start;}
.ahp-typing span{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:aidots 1.4s ease infinite;}
.ahp-typing span:nth-child(2){animation-delay:0.2s;}
.ahp-typing span:nth-child(3){animation-delay:0.4s;}

/* Input bar — light */
.ahp-input-bar{background:#fff;border-top:1px solid #e8ecf0;padding:10px 14px;display:flex;gap:8px;align-items:center;}
.ahp-input{flex:1;background:#f1f5f9;border:none;border-radius:20px;padding:9px 15px;font-size:0.68rem;color:#94a3b8;font-family:inherit;}
.ahp-send{width:32px;height:32px;border-radius:50%;background:#111110;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;}
.ahp-send svg{color:#fff;}

/* Stats strip at bottom of hero */
.ai-hero-stats-row{display:flex;align-items:stretch;justify-content:center;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,0.06);max-width:680px;margin:52px auto 0;position:relative;z-index:3;}
.ai-hero-stat{text-align:center;flex:1;padding:24px 20px;}
.ai-hero-stat:not(:last-child){border-right:1px solid #e8ecf0;}
.ai-hero-stat .num{font-size:26px;font-weight:700;color:#0f172a;line-height:1;margin-bottom:5px;font-family:'Manrope',sans-serif;}
.ai-hero-stat .lbl{font-size:10px;font-weight:500;color:#94a3b8;letter-spacing:0.1em;text-transform:uppercase;}

/* ══ PHONE + CHAT SECTION ══ */
.ai-phone-section{background:#f0f2f5;padding:90px 64px 100px;}
.ai-phone-section-header{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:72px;}
.ai-section-eyebrow{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);font-weight:300;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.ai-section-eyebrow::before{content:'';display:inline-block;width:18px;height:1px;background:var(--muted);}
.ai-phone-section-header h2{font-size:clamp(28px,3.8vw,52px);font-weight:300;line-height:1.1;letter-spacing:-0.02em;color:var(--text);}
.ai-phone-section-header h2 em{font-style:italic;font-weight:200;color:var(--muted);}
.ai-phone-section-header p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.88;max-width:360px;align-self:end;}

/* Layout: phone left, chat block right */
.ai-demo-layout{display:grid;grid-template-columns:auto 1fr;gap:52px;align-items:flex-start;max-width:960px;margin:0 auto;}

/* Phone — exact index ecom phone style */
.ai-phone-wrap{display:flex;align-items:flex-start;justify-content:center;}
.ai-phone{width:224px;background:#111;border-radius:34px;box-shadow:0 24px 60px rgba(0,0,0,0.18);overflow:visible;position:relative;border:6px solid #222;outline:1px solid #333;flex-shrink:0;}
.ai-phone::after{content:'';position:absolute;right:-10px;top:90px;width:4px;height:52px;background:#2a2a2a;border-radius:0 3px 3px 0;box-shadow:1px 0 2px rgba(0,0,0,0.4);}
.ai-phone::before{content:'';position:absolute;left:-10px;top:72px;width:4px;height:36px;background:#2a2a2a;border-radius:3px 0 0 3px;box-shadow:-1px 0 2px rgba(0,0,0,0.4),0 52px 0 0 #2a2a2a,-1px 52px 2px rgba(0,0,0,0.4);}
.ai-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:58px;height:20px;background:#111;margin-top:10px;border-radius:50px;z-index:10;}
.ai-phone-inner-wrap{border-radius:30px;overflow:hidden;}
.ai-phone-status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 4px;background:#fff;}
.ai-phone-time{font-size:0.78rem;font-weight:800;color:#0f172a;}
.ai-phone-icons{display:flex;gap:4px;align-items:center;}
.ai-phone-screen{background:#f8f9fc;min-height:420px;display:flex;flex-direction:column;}
.ai-phone-chat-header{background:#fff;border-bottom:1px solid #e8ecf0;padding:10px 14px;display:flex;align-items:center;gap:10px;}
.ai-phone-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #e8ecf0;}
.ai-phone-agent-info h6{font-size:0.72rem;font-weight:800;color:#0f172a;margin-bottom:1px;}
.ai-phone-agent-info span{font-size:0.6rem;color:#22c55e;font-weight:600;display:flex;align-items:center;gap:3px;}
.ai-phone-agent-info span::before{content:'';width:5px;height:5px;border-radius:50%;background:#22c55e;flex-shrink:0;}
.ai-phone-messages{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;}
.ai-pmsg{max-width:82%;border-radius:12px;padding:8px 11px;font-size:0.65rem;font-weight:400;line-height:1.5;color:#0f172a;}
.ai-pmsg.bot{background:#fff;border:1px solid #e8ecf0;align-self:flex-start;border-radius:4px 12px 12px 12px;}
.ai-pmsg.user{background:#111110;color:#fff;align-self:flex-end;border-radius:12px 4px 12px 12px;}
.ai-phone-input-bar{background:#fff;border-top:1px solid #e8ecf0;padding:8px 10px;display:flex;gap:6px;align-items:center;}
.ai-phone-input{flex:1;background:#f1f5f9;border:none;border-radius:20px;padding:7px 12px;font-size:0.62rem;color:#94a3b8;font-family:inherit;}
.ai-phone-send{width:26px;height:26px;border-radius:50%;background:#111110;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;}
.ai-phone-send svg{color:#fff;}

/* Chat block — the big card beside the phone */
.ai-chat-block{background:#fff;border-radius:24px;box-shadow:0 4px 40px rgba(0,0,0,0.09);overflow:hidden;border:1px solid #e8ecf0;}
.acb-header{background:#111110;padding:18px 24px;display:flex;align-items:center;gap:12px;}
.acb-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,0.2);}
.acb-info h6{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px;}
.acb-info span{font-size:10px;color:#72ff06;font-weight:400;display:flex;align-items:center;gap:5px;}
.acb-info span::before{content:'';width:6px;height:6px;border-radius:50%;background:#72ff06;animation:aipulse 2s ease infinite;}
@keyframes aipulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.acb-messages{padding:20px 20px 0;display:flex;flex-direction:column;gap:12px;}
.acb-msg{border-radius:12px;padding:12px 16px;font-size:12px;line-height:1.65;max-width:88%;}
.acb-msg.bot{background:#f8f9fc;border:1px solid #e8ecf0;color:#0f172a;align-self:flex-start;border-radius:4px 12px 12px 12px;}
.acb-msg.user{background:#111110;color:#fff;align-self:flex-end;border-radius:12px 4px 12px 12px;}
.acb-msg.bot strong{color:#111110;font-weight:600;}
.acb-typing-row{padding:12px 20px 8px;display:flex;align-items:center;gap:10px;}
.acb-typing-dots{display:flex;align-items:center;gap:4px;background:#f8f9fc;border:1px solid #e8ecf0;border-radius:4px 12px 12px 12px;padding:10px 14px;}
.acb-typing-dots span{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:aidots 1.4s ease infinite;}
.acb-typing-dots span:nth-child(2){animation-delay:0.2s;}
.acb-typing-dots span:nth-child(3){animation-delay:0.4s;}
@keyframes aidots{0%,80%,100%{opacity:0.3;transform:scale(0.7);}40%{opacity:1;transform:scale(1);}}
.acb-typing-label{font-size:10px;color:#94a3b8;font-weight:400;letter-spacing:0.06em;}
.acb-input-row{border-top:1px solid #e8ecf0;padding:14px 20px;display:flex;gap:10px;align-items:center;}
.acb-input{flex:1;background:#f8f9fc;border:1px solid #e8ecf0;border-radius:24px;padding:11px 18px;font-size:12px;color:#94a3b8;font-family:inherit;}
.acb-send-btn{width:40px;height:40px;border-radius:50%;background:#111110;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.acb-send-btn svg{color:#fff;}
.acb-feat-grid{border-top:1px solid #e8ecf0;padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.acb-feat{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;color:#64748b;}
.acb-feat::before{content:'✓';color:#22c55e;font-weight:700;font-size:12px;flex-shrink:0;}

/* ══ AI TYPES ══ */
.ai-types-section{background:var(--dark);padding:90px 64px 0;}
.ai-types-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:64px;}
.ai-types-intro h2{font-size:clamp(28px,3.8vw,52px);font-weight:300;line-height:1.1;letter-spacing:-0.02em;color:var(--white);}
.ai-types-intro h2 em{font-style:italic;font-weight:200;color:rgba(255,255,255,0.35);}
.ai-types-intro p{font-size:13px;font-weight:300;color:rgba(255,255,255,0.45);line-height:1.88;max-width:360px;align-self:end;}
.ai-section-eyebrow{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.35);font-weight:300;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.ai-section-eyebrow::before{content:'';display:inline-block;width:18px;height:1px;background:rgba(255,255,255,0.25);}

.ai-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.ai-panel{padding:48px 40px 52px;border-top:1px solid rgba(255,255,255,0.1);position:relative;overflow:hidden;cursor:pointer;background:var(--dark);}
.ai-panel:not(:last-child){border-right:1px solid rgba(255,255,255,0.1);}
.ai-panel-green{background:var(--accent) !important;}
.ai-panels-row2{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.ai-panels-row2 .ai-panel{border-top:1px solid rgba(255,255,255,0.1);}
.ap-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px;}
.ap-num{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.35);font-weight:300;}
.ap-icon-wrap{width:52px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:center;}
.ap-icon-wrap svg{color:rgba(255,255,255,0.75);}
.ap-line{width:32px;height:1px;background:rgba(255,255,255,0.2);margin-bottom:22px;}
.ap-title{font-size:22px;font-weight:400;color:var(--white);margin-bottom:14px;}
.ap-desc{font-size:12px;font-weight:300;color:rgba(255,255,255,0.5);line-height:1.82;margin-bottom:20px;}
.ap-tags{display:flex;flex-wrap:wrap;gap:6px;}
.ap-tag{font-size:9px;letter-spacing:0.08em;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.45);border:1px solid rgba(255,255,255,0.12);font-weight:300;}

/* ══ PRICING ══ */
.ai-pricing-section{background:var(--dark);padding:110px 64px;}
.ai-pricing-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px;gap:20px;}
.ai-pricing-top h2{font-size:clamp(32px,4.5vw,60px);font-weight:300;line-height:1.06;letter-spacing:-0.025em;color:var(--white);}
.ai-pricing-top h2 em{font-style:italic;color:rgba(255,255,255,0.35);font-weight:200;}
.ai-pricing-controls-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
.ai-pricing-top-p{font-size:12px;font-weight:300;color:rgba(255,255,255,0.38);max-width:240px;text-align:right;line-height:1.8;}
.ai-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end;}
.ai-toggle-row{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:300;color:rgba(255,255,255,0.42);letter-spacing:0.06em;}
.ai-tog{position:relative;width:52px;height:26px;background:rgba(255,255,255,0.12);border-radius:13px;cursor:pointer;transition:background 0.3s;border:none;flex-shrink:0;}
.ai-tog.active{background:#72ff06;}
.ai-tog-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left 0.3s;box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.ai-tog.active .ai-tog-knob{left:29px;}
.ai-cur-sel{padding:7px 14px;border:1px solid rgba(255,255,255,0.12);border-radius:8px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.65);font-size:11px;font-family:inherit;cursor:pointer;outline:none;}

/* ══ AI PLAN CARDS — matches pricing-styles.css exactly ══ */
.ai-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:36px;align-items:end;}
.ai-plan{
  background:#fff;color:#000;
  border:1px solid #e5e7eb;border-radius:16px;
  padding:2rem;position:relative;
  display:flex;flex-direction:column;
  transition:all 0.3s;align-self:end;
}
.ai-plan:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.ai-plan.featured{
  background:#3004dd;color:#fff;
  border:none;transform:scale(1.05);align-self:end;
}
.ai-plan.featured:hover{transform:scale(1.05) translateY(-6px);}

/* Badge — yellow like Pricing.html */
.plan-badge{
  position:absolute;top:-12px;right:1.5rem;
  background:#e1ff00;color:#111827;
  font-size:0.75rem;font-weight:700;
  letter-spacing:0.08em;text-transform:uppercase;
  padding:4px 14px;border-radius:20px;border:none;
}
.ai-plan.featured .plan-badge{background:#e1ff00;color:#111827;}

/* Icon */
.plan-icon{width:48px;height:48px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.plan-icon svg{color:#374151;}
.ai-plan.featured .plan-icon{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25);}
.ai-plan.featured .plan-icon svg{color:#e1ff00;}

/* Name & subtitle */
.plan-name{font-size:1.4rem;font-weight:700;color:#111827;margin-bottom:4px;}
.ai-plan.featured .plan-name{color:#fff;}
.plan-sub{font-size:0.9rem;color:#6b7280;line-height:1.5;margin-bottom:14px;}
.ai-plan.featured .plan-sub{color:rgba(255,255,255,0.75);}
/* Ensure white card text stays dark */
.ai-plan:not(.featured) .plan-name{color:#111827;}
.ai-plan:not(.featured) .plan-sym{color:#111827;}
.ai-plan:not(.featured) .plan-per{color:#6b7280;}
.ai-plan:not(.featured) .plan-note{color:#9ca3af;}
.ai-plan:not(.featured) .bundle-lbl{color:#6b7280;}

/* Price box */
.plan-price-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;margin-bottom:16px;}
.ai-plan.featured .plan-price-box{background:rgba(255,191,0,0.1);border:1px solid rgba(255,255,255,0.2);}
.plan-price-row{display:flex;align-items:baseline;gap:2px;margin-bottom:3px;}
.plan-sym{font-size:16px;font-weight:700;color:#111827;}
.plan-num{font-size:38px;font-weight:700;color:#2abb11;letter-spacing:-0.02em;line-height:1;}
.plan-per{font-size:12px;color:#6b7280;font-weight:400;margin-left:4px;}
.ai-plan.featured .plan-sym{color:#fff;}
.ai-plan.featured .plan-num{color:#e1ff00;}
.ai-plan.featured .plan-per{color:rgba(255,255,255,0.6);}
.plan-note{font-size:10px;color:#9ca3af;font-weight:400;margin-top:4px;}
.ai-plan.featured .plan-note{color:rgba(255,255,255,0.5);}

/* CTA button */
.plan-btn{
  width:100%;padding:12px;border:none;border-radius:20px;
  font-family:inherit;font-size:0.85rem;font-weight:600;
  letter-spacing:0.06em;text-transform:uppercase;
  cursor:pointer;transition:all 0.25s;margin-bottom:18px;
  background:#000;color:#fff;
}
.plan-btn:hover{background:#343434;transform:translateY(-2px);}
.ai-plan.featured .plan-btn{background:#fff;color:#3004dd;}
.ai-plan.featured .plan-btn:hover{background:#f9fafb;}

/* Features list */
.plan-feats{list-style:none;flex:1;margin-bottom:20px;}
.plan-feats li{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;font-weight:400;color:#374151;padding:7px 0;border-bottom:1px solid #f3f4f6;}
.plan-feats li:last-child{border-bottom:none;}
.ai-plan.featured .plan-feats li{color:rgba(255,255,255,0.9);border-bottom-color:rgba(255,255,255,0.1);}
.plan-check{width:18px;height:18px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.plan-check svg{color:#1bb910;}
.ai-plan.featured .plan-check{background:rgba(225,255,0,0.2);}
.ai-plan.featured .plan-check svg{color:#e1ff00;}

/* Bundle strip */
.plan-bundle{display:flex;align-items:center;justify-content:space-between;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;margin-top:auto;}
.ai-plan.featured .plan-bundle{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);}
.bundle-lbl{font-size:10px;color:#6b7280;letter-spacing:0.06em;}
.ai-plan.featured .bundle-lbl{color:rgba(255,255,255,0.55);}
.bundle-save{font-size:11px;font-weight:700;color:#16a34a;white-space:nowrap;}
.ai-plan.featured .bundle-save{color:#e1ff00;}

/* Note below cards */
.ai-pricing-note{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:18px 22px;}
.ai-pricing-note svg{color:#e1ff00;flex-shrink:0;margin-top:2px;}
.ai-pricing-note p{font-size:12px;font-weight:300;color:rgba(255,255,255,0.4);line-height:1.82;}

/* ══ FOOTER CTA ══ */
.ai-cta-section{background:linear-gradient(155deg,rgba(17,17,16,0.92) 0%,rgba(17,17,16,0.86) 100%),url('SME/woman-working-office-computer.jpg') center/cover no-repeat;padding:140px 64px;display:flex;flex-direction:column;align-items:flex-start;}
.ai-cta-section h2{font-size:clamp(36px,6vw,74px);font-weight:300;color:var(--white);line-height:1.03;margin-bottom:44px;letter-spacing:-0.025em;}
.ai-cta-section h2 em{font-style:italic;color:rgba(255,255,255,0.45);font-weight:200;}
.ai-cta-btns{display:flex;gap:14px;flex-wrap:wrap;}

/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
    .ai-hero h1{font-size:clamp(34px,10vw,52px); margin-top:90px!important;}
  .ai-hero{padding:calc(var(--nav-h)+50px) 32px 80px;}
  .ai-phone-section{padding:72px 32px 80px;}
  .ai-phone-section-header{grid-template-columns:1fr;gap:24px;}
  .ai-demo-layout{grid-template-columns:1fr;gap:36px;justify-items:center;}
  .ai-types-section{padding:72px 32px 0;}
  .ai-types-intro{grid-template-columns:1fr;gap:24px;}
  .ai-panels{grid-template-columns:1fr 1fr;}
  .ai-panels .ai-panel:nth-child(2){border-right:none !important;}
  .ai-panels-row2{grid-template-columns:1fr 1fr;}
  .ai-panels-row2 .ai-panel:nth-child(2){border-right:none !important;}
  .ai-pricing-section{padding:80px 32px;}
  .ai-pricing-top{flex-direction:column;align-items:flex-start;gap:20px;}
  .ai-pricing-controls-wrap{align-items:flex-start;}
  .ai-pricing-top-p{text-align:left;max-width:100%;}
  .ai-controls{justify-content:flex-start;}
  .ai-plan-grid{grid-template-columns:1fr;max-width:420px;}
  .ai-plan.featured{transform:none;}
  .ai-cta-section{padding:100px 32px;}
}
@media(max-width:768px){


  .ai-hero{padding:calc(var(--nav-h)+44px) 22px 0;}
  .ai-hero h1{font-size:clamp(34px,10vw,52px); margin-top:90px!important;}
  .ai-hero-phone{width:230px;}
  .ai-hero-phone-screen{min-height:0;height:420px;overflow:hidden;}
  .ahp-typing{display:none;}
  .ai-hero-stats-row{padding:18px 16px;max-width:100%;border-radius:12px 12px 0 0;}
  .ai-hero-stat{padding:0 10px;}
  .ai-hero-stat .num{font-size:18px;}
  .ai-hero-stat .lbl{font-size:8px;}
  .ai-phone-section{padding:52px 22px 64px;}
  .ai-types-section{padding:52px 22px 0;}
  .ai-panels,.ai-panels-row2{grid-template-columns:1fr;}
  .ai-panel{padding:28px 22px 34px;border-right:none !important;border-bottom:1px solid rgba(255,255,255,0.1);}
  .ai-panel:last-child{border-bottom:none;}
  .ai-pricing-section{padding:64px 22px;}
  .ai-plan-grid{max-width:100%;}
  .ai-cta-section{padding:80px 22px;}
  .ai-hero-phone-wrap::before{content:'';position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:400px;height:400px;border-radius:50%;background:#4a6cf7;z-index:0;pointer-events:none;}
}
@media(max-width:480px){
  .ai-hero-phone{width:210px;}
  .ai-hero-phone-screen{height:380px;}
  .ai-phone-wrap{display:none;}
  .ai-demo-layout{grid-template-columns:1fr;}
}