/* AI Chatbot Development money page v2 — 2026-08-17 */
.aic-page{--aic-black:#070909;--aic-black-2:#0d1010;--aic-mist:#f0f1ed;--aic-acid:#b6f03c;--aic-blue:#dfeaff;--aic-warm:#f3eadc;background:var(--paper,#fbfbf9);color:var(--ink,#0e0f10)}
.aic-page *{box-sizing:border-box}
.aic-page p{font-size:1rem}
.aic-hero{min-height:48rem;background:
  radial-gradient(circle at 74% 22%,rgba(68,101,255,.20),transparent 27rem),
  radial-gradient(circle at 28% 76%,rgba(182,240,60,.12),transparent 25rem),
  radial-gradient(circle at 52% 44%,rgba(52,224,204,.08),transparent 23rem),
  linear-gradient(132deg,#050707 0%,#08100f 38%,#0b1015 67%,#050607 100%);
  color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:8.5rem var(--pad) 4.5rem}
.aic-hero::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:4.25rem 4.25rem;
  transform:perspective(58rem) rotateX(62deg) translateY(12%) scale(1.12);
  transform-origin:center bottom;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.05),#000 34%,#000 77%,transparent 100%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.05),#000 34%,#000 77%,transparent 100%);
  animation:aicGridDrift 18s linear infinite}
.aic-hero::after{content:"";position:absolute;inset:-18%;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 72% 34%,rgba(89,117,255,.24) 0,rgba(89,117,255,.08) 14rem,transparent 31rem),
    radial-gradient(circle at 28% 68%,rgba(182,240,60,.14) 0,rgba(182,240,60,.045) 12rem,transparent 28rem),
    radial-gradient(circle at 53% 48%,rgba(58,217,196,.10),transparent 25rem);
  filter:blur(1px);
  animation:aicGlowFloat 11s ease-in-out infinite alternate}
.aic-hero-grid{max-width:90rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(27rem,.82fr);gap:clamp(3rem,7vw,8rem);align-items:center;position:relative;z-index:1}
.aic-eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#dce2d6;margin-bottom:1.35rem}
.aic-eyebrow::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--aic-acid);box-shadow:0 0 0 .28rem rgba(182,240,60,.13)}
.aic-hero h1{font-family:var(--font-display);font-size:clamp(3.2rem,5.7vw,6.25rem);font-weight:500;letter-spacing:-.052em;line-height:.96;margin:0;max-width:12ch}
.aic-hero h1 em{font-style:normal;color:var(--aic-acid)}
.aic-hero-copy{max-width:42rem;margin-top:1.65rem;color:#c7cdca;line-height:1.65}
.aic-hero-copy strong{color:#fff;font-weight:500}
.aic-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.8rem}
.aic-actions .btn{border-color:#fff;background:#fff;color:#060707}
.aic-actions .btn:hover{transform:translateY(-1px)}
.aic-actions .aic-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.aic-actions .aic-ghost:hover{border-color:#fff}
.aic-mini-proof{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:2rem;color:#9fa7a3;font-size:.86rem}
.aic-mini-proof span{display:flex;align-items:center;gap:.45rem}.aic-mini-proof i{width:.35rem;height:.35rem;border-radius:50%;background:var(--aic-acid)}

/* demo */
.aic-demo{position:relative;min-height:34rem;display:grid;place-items:center}
.aic-demo-shell{width:min(100%,34rem);background:#f7f7f3;color:#121313;border-radius:1.65rem;padding:1rem;box-shadow:0 2rem 7rem rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);transform:rotate(1.1deg)}
.aic-demo-head{height:3.15rem;display:flex;align-items:center;justify-content:space-between;padding:.1rem .35rem .75rem;border-bottom:1px solid #e3e3dc}
.aic-demo-id{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-weight:600}
.aic-bot-dot{width:1.8rem;height:1.8rem;border-radius:.58rem;background:#101212;display:grid;place-items:center;color:var(--aic-acid);font-family:var(--font-mono);font-size:.6rem}
.aic-live{font-size:.72rem;color:#4e6452;display:flex;align-items:center;gap:.4rem}.aic-live::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#42b85c}
.aic-chat{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem .35rem .85rem;min-height:24rem}
.aic-msg{max-width:82%;padding:.9rem 1rem;border-radius:1rem;font-size:.92rem;line-height:1.45;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.aic-msg.user{align-self:flex-end;background:#111313;color:#fff;border-bottom-right-radius:.3rem}
.aic-msg.bot{align-self:flex-start;background:#fff;border:1px solid #e6e6df;border-bottom-left-radius:.3rem}
.aic-msg.bot b{display:block;margin-bottom:.3rem}.aic-msg .source{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;color:#737a77;font-size:.72rem}.aic-msg .source::before{content:"✓";display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#eaf6d3;color:#527400;font-weight:700}
.aic-tool-call{align-self:flex-start;margin-left:.55rem;border:1px dashed #b8bdb8;border-radius:.75rem;padding:.6rem .75rem;font:500 .69rem/1.35 var(--font-mono);color:#4d5551;background:#eff0eb}
.aic-input{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #deded7;border-radius:999px;padding:.4rem .45rem .4rem 1rem;color:#7e8480;font-size:.8rem}.aic-input button{margin-left:auto;width:2.25rem;height:2.25rem;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}
.aic-float-card{position:absolute;border-radius:1rem;padding:.9rem 1rem;background:#fff;color:#111;box-shadow:0 1.2rem 3rem rgba(0,0,0,.28);font-size:.78rem;line-height:1.4;border:1px solid rgba(0,0,0,.06)}
.aic-float-card.one{left:-1.2rem;top:4rem;transform:rotate(-4deg)}.aic-float-card.two{right:-1.2rem;bottom:5rem;transform:rotate(3deg)}
.aic-float-card b{display:block;font-family:var(--font-display);font-size:.92rem;margin-bottom:.15rem}.aic-float-card span{color:#69706d}

.aic-model-strip{max-width:90rem;margin:3.7rem auto 0;border-top:1px solid rgba(255,255,255,.13);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;position:relative;z-index:1}
.aic-model-strip>span{font:500 .68rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#828b86}
.aic-models{display:flex;align-items:center;gap:clamp(1rem,3.5vw,3rem);flex-wrap:wrap}.aic-model{display:flex;align-items:center;gap:.55rem;color:#f3f5f3;font-family:var(--font-display);font-weight:500;font-size:1rem}.aic-model img{width:1.35rem;height:1.35rem;filter:invert(1);opacity:.92}.aic-model.openai{font-weight:600}

/* curved shells */
.aic-shell{position:relative;margin-top:-1.25rem;border-radius:1.85rem 1.85rem 0 0;overflow:hidden;z-index:2}
.aic-white{background:#fff}.aic-mist{background:var(--aic-mist)}.aic-dark{background:#07100f;color:#fff}
.aic-section{padding:clamp(5rem,8vw,8rem) var(--pad)}
.aic-inner{max-width:90rem;margin:0 auto}
.aic-section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(18rem,.5fr);gap:4rem;align-items:end;margin-bottom:3rem}
.aic-section-head h2{font-family:var(--font-display);font-size:clamp(2.8rem,4vw,4.6rem);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:0;max-width:15ch}
.aic-section-head p{margin:0;color:#575e5b;line-height:1.65}.aic-dark .aic-section-head p{color:#aeb9b5}.aic-kicker{font:500 .7rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#747b77;margin-bottom:1rem;display:block}.aic-dark .aic-kicker{color:#7c9088}

/* 2x2 value grid */
.aic-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.aic-value{border-radius:1.15rem;background:#f2f2ef;padding:1rem;min-height:28rem;display:flex;flex-direction:column;overflow:hidden}
.aic-value:nth-child(2){background:#eef1ea}.aic-value:nth-child(3){background:#f4efe7}.aic-value:nth-child(4){background:#edf0f3}
.aic-value-visual{flex:1;min-height:18rem;border-radius:.85rem;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.25));border:1px solid rgba(0,0,0,.045)}
.aic-value-copy{padding:1.15rem .25rem .25rem}.aic-value h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .45rem;letter-spacing:-.02em}.aic-value p{margin:0;color:#5b625f;line-height:1.55}
.aic-ui-ticket{width:78%;background:#fff;border-radius:1rem;box-shadow:0 1.2rem 3rem rgba(40,48,43,.14);padding:1rem}.aic-ui-ticket .top{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:.65rem;margin-bottom:.75rem;font-size:.72rem;color:#777}.aic-ui-ticket .q{font-weight:600;margin-bottom:.65rem}.aic-ui-ticket .ans{font-size:.78rem;color:#5e6562}.aic-ui-ticket .tag{margin-top:.75rem;display:inline-flex;border-radius:99px;background:#edf7dc;color:#527400;padding:.3rem .55rem;font-size:.66rem;font-family:var(--font-mono)}
.aic-ui-lead{width:78%;display:grid;gap:.55rem}.aic-ui-lead div{background:#fff;border-radius:.7rem;padding:.72rem .85rem;box-shadow:0 .5rem 1.6rem rgba(0,0,0,.07);font-size:.75rem;color:#5b625f}.aic-ui-lead b{display:block;color:#111;font-size:.82rem;margin-bottom:.15rem}.aic-ui-lead .route{background:#101313;color:#fff}.aic-ui-lead .route b{color:var(--aic-acid)}
.aic-products{width:82%;display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;align-items:end}.aic-product{background:#fff;border-radius:.8rem;padding:.6rem;box-shadow:0 .6rem 1.8rem rgba(0,0,0,.07)}.aic-product .thumb{height:5rem;border-radius:.5rem;background:linear-gradient(150deg,#d9ccb9,#faf5ec)}.aic-product:nth-child(2) .thumb{background:linear-gradient(150deg,#bacbd0,#f4f7f8)}.aic-product:nth-child(3) .thumb{background:linear-gradient(150deg,#c5c0af,#faf8f0)}.aic-product b{font-size:.67rem;display:block;margin:.5rem 0 .1rem}.aic-product span{font-size:.6rem;color:#6d7471}
.aic-docs{width:82%;background:#fff;border-radius:1rem;box-shadow:0 1rem 2.7rem rgba(0,0,0,.09);padding:.85rem}.aic-doc-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.62rem .4rem;border-bottom:1px solid #eee;font-size:.7rem}.aic-doc-row:last-child{border-bottom:0}.aic-doc-icon{width:1.5rem;height:1.5rem;border-radius:.4rem;background:#edf0ea;display:grid;place-items:center;font-family:var(--font-mono);font-size:.55rem}.aic-doc-row small{color:#8a908d}.aic-doc-row i{font-style:normal;color:#587a00}

/* architecture */
.aic-arch{display:grid;grid-template-columns:minmax(0,.82fr) minmax(28rem,1.1fr);gap:clamp(3rem,7vw,7rem);align-items:start}.aic-arch-copy h2{font-family:var(--font-display);font-size:clamp(2.8rem,4.4vw,4.8rem);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:.6rem 0 1.25rem}.aic-arch-copy p{color:#5a615e;line-height:1.65}.aic-arch-copy .aic-inline-links{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}.aic-pill{display:inline-flex;border:1px solid #cfd3cc;border-radius:999px;padding:.55rem .7rem;font-size:.78rem;background:rgba(255,255,255,.45)}
.aic-pipeline{background:#fff;border:1px solid #d9ddd5;border-radius:1.35rem;padding:1rem;box-shadow:0 1.25rem 3.5rem rgba(27,37,32,.08)}.aic-pipe-row{display:grid;grid-template-columns:4.4rem 1fr;gap:.9rem;align-items:center;padding:1rem;border-bottom:1px solid #eceee9}.aic-pipe-row:last-child{border-bottom:0}.aic-pipe-index{font:500 .67rem/1 var(--font-mono);color:#8b938f}.aic-pipe-node{display:flex;align-items:center;justify-content:space-between;gap:1rem}.aic-pipe-node b{font-family:var(--font-display);font-size:1.05rem}.aic-pipe-node span{font-size:.75rem;color:#737b77;text-align:right}.aic-pipe-row.active{background:#f2f9e4;border-radius:.75rem;border-bottom-color:transparent}.aic-pipe-row.active .aic-pipe-index{color:#527400}

/* use cases */
.aic-use-list{border-top:1px solid #d8dad6}.aic-use{display:grid;grid-template-columns:3.5rem minmax(15rem,.65fr) minmax(22rem,1fr);gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid #d8dad6;align-items:start}.aic-use .num{font:500 .68rem/1 var(--font-mono);color:#848b87;padding-top:.32rem}.aic-use h3{font-family:var(--font-display);font-size:1.4rem;margin:0;letter-spacing:-.02em}.aic-use p{margin:0;color:#5c635f;line-height:1.55}.aic-use p a{text-decoration:underline;text-underline-offset:.18em}

/* comparison */
.aic-compare{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}.aic-compare h2{font-family:var(--font-display);font-size:clamp(2.8rem,4vw,4.6rem);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:.6rem 0 1rem}.aic-compare>div>p{color:#aab5b1;line-height:1.65}.aic-table{border-top:1px solid rgba(255,255,255,.22)}.aic-tr{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.16);align-items:start}.aic-tr:first-child{font:500 .65rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#81908a}.aic-tr b{font-family:var(--font-display);font-size:1rem;font-weight:500}.aic-tr span{color:#b4bdb9;line-height:1.5;font-size:.9rem}.aic-tr .yes{color:#eaffc1}

/* safeguards */
.aic-safe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2.5rem}.aic-safe{border:1px solid #dce0d9;border-radius:1rem;padding:1.25rem;background:#fff;min-height:13rem}.aic-safe .icon{width:2.3rem;height:2.3rem;border-radius:.7rem;background:#f1f5ea;display:grid;place-items:center;margin-bottom:1.35rem;font-family:var(--font-mono);font-size:.65rem;color:#577400}.aic-safe h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .45rem}.aic-safe p{color:#5c635f;margin:0;line-height:1.55}

/* delivery */
.aic-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-top:2.7rem;counter-reset:steps}.aic-step{background:#fff;border:1px solid #d9ddd6;border-radius:1rem;padding:1.25rem;min-height:15rem;counter-increment:steps}.aic-step::before{content:"0" counter(steps);display:block;font:500 .7rem/1 var(--font-mono);color:#87908c;margin-bottom:3.6rem}.aic-step h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .45rem}.aic-step p{margin:0;color:#626966;line-height:1.55}

/* faq */
.aic-faq-wrap{display:grid;grid-template-columns:.7fr 1fr;gap:4rem;align-items:start}.aic-faq-intro h2{font-family:var(--font-display);font-size:clamp(2.8rem,4vw,4.5rem);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:.6rem 0 1rem}.aic-faq-intro p{color:#5c635f;line-height:1.65}.aic-page .qa{border-top:1px solid #daddd7}.aic-page .qa:last-child{border-bottom:1px solid #daddd7}.aic-page .qa button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:1.15rem 0;font-family:var(--font-display);font-weight:500;font-size:1.05rem}.aic-page .qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.aic-page .qa.open .ans{grid-template-rows:1fr}.aic-page .qa .ans>div{overflow:hidden}.aic-page .qa .ans p{margin:0;padding:0 2.5rem 1.15rem 0;color:#626966;line-height:1.6}.aic-page .qa .ico{width:1.65rem;height:1.65rem;border:1px solid #cdd1ca;border-radius:50%;position:relative;flex:none}.aic-page .qa .ico::before,.aic-page .qa .ico::after{content:"";position:absolute;background:#111;left:50%;top:50%;transform:translate(-50%,-50%);transition:.2s}.aic-page .qa .ico::before{width:.6rem;height:1px}.aic-page .qa .ico::after{height:.6rem;width:1px}.aic-page .qa.open .ico::after{transform:translate(-50%,-50%) scaleY(0)}

/* final */
.aic-final{background:#07100f;color:#fff;text-align:center;padding:clamp(6rem,10vw,10rem) var(--pad);position:relative;overflow:hidden}.aic-final::before{content:"";position:absolute;inset:auto 15% -60% 15%;height:35rem;background:radial-gradient(circle,rgba(182,240,60,.15),transparent 65%)}.aic-final .aic-inner{position:relative}.aic-final h2{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.5rem);font-weight:500;letter-spacing:-.05em;line-height:.98;margin:0 auto;max-width:13ch}.aic-final p{max-width:40rem;margin:1.2rem auto 0;color:#afbbb6;line-height:1.6}.aic-final .aic-actions{justify-content:center}.aic-final .aic-small{font-size:.75rem!important;color:#778780;margin-top:1.1rem}

@media (max-width:1050px){
  .aic-hero-grid,.aic-arch,.aic-compare,.aic-faq-wrap{grid-template-columns:1fr}
  .aic-demo{margin-top:1rem}.aic-demo-shell{transform:none}.aic-section-head{grid-template-columns:1fr;gap:1.2rem}.aic-safe-grid{grid-template-columns:repeat(2,1fr)}.aic-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .aic-hero{padding:7rem 1rem 3.5rem;min-height:auto}.aic-hero-grid{gap:2.5rem}.aic-hero h1{font-size:clamp(2.65rem,12vw,4.3rem)}.aic-float-card{display:none}.aic-demo{min-height:auto}.aic-model-strip{margin-top:2.8rem}.aic-shell{border-radius:1.2rem 1.2rem 0 0}.aic-section{padding:4rem 1rem}.aic-value-grid{grid-template-columns:1fr}.aic-value{min-height:24rem}.aic-arch{gap:2rem}.aic-use{grid-template-columns:2.5rem 1fr}.aic-use p{grid-column:2}.aic-tr{grid-template-columns:1fr}.aic-tr:first-child{display:none}.aic-safe-grid,.aic-steps{grid-template-columns:1fr}.aic-step::before{margin-bottom:2rem}.aic-final{padding:5rem 1rem}.aic-models{gap:1rem}.aic-model{font-size:.88rem}
}
@media (prefers-reduced-motion:reduce){.aic-demo-shell{transform:none}}


/* Premium gradient + perspective grid hero — v3 */
.aic-hero-grid,.aic-model-strip{position:relative;z-index:2}
.aic-hero-grid::after{
  content:"";position:absolute;right:-7rem;top:-8rem;width:31rem;height:31rem;border-radius:50%;
  border:1px solid rgba(255,255,255,.075);box-shadow:0 0 0 5rem rgba(255,255,255,.013),0 0 0 10rem rgba(255,255,255,.008);
  pointer-events:none;z-index:-1
}
.aic-demo-shell{box-shadow:0 2rem 6rem rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.045)}
.aic-model-strip{border-top-color:rgba(255,255,255,.16)}
.aic-models{gap:clamp(1.35rem,3.8vw,3.5rem)}
.aic-model{font-size:1.14rem;gap:.7rem}
.aic-model img{width:2.15rem;height:2.15rem;opacity:1}
.aic-model.openai::before{
  content:"AI";width:2.15rem;height:2.15rem;border:1px solid rgba(255,255,255,.48);border-radius:50%;
  display:grid;place-items:center;font:600 .58rem/1 var(--font-mono);letter-spacing:.05em;color:#fff
}
@keyframes aicGridDrift{
  from{background-position:0 0,0 0}
  to{background-position:4.25rem 4.25rem,4.25rem 4.25rem}
}
@keyframes aicGlowFloat{
  0%{transform:translate3d(-1.5%,1%,0) scale(1)}
  100%{transform:translate3d(2%,-1.5%,0) scale(1.035)}
}
@media (max-width:760px){
  .aic-hero::before{opacity:.16;background-size:3.2rem 3.2rem;transform:perspective(42rem) rotateX(66deg) translateY(20%) scale(1.2)}
  .aic-hero-grid::after{width:20rem;height:20rem;right:-11rem;top:-4rem}
  .aic-model img,.aic-model.openai::before{width:1.7rem;height:1.7rem}
  .aic-model{font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){
  .aic-hero::before,.aic-hero::after{animation:none!important}
}