@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

.aia-page {
  --aia-black:   #0a0a0a;
  --aia-white:   #f5f3ee;
  --aia-accent:  #c8f542;
  --aia-accent2: #42c8f5;
  --aia-gray:    #1a1a1a;
  --aia-gray2:   #2a2a2a;
  --aia-muted:   #888;
  --aia-text:    #e8e6e1;
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  color: var(--aia-text);
  background: var(--aia-black);
  line-height: 1.6;
  overflow-x: hidden;
}
.aia-page * { box-sizing: border-box; }
.aia-page section { padding: 5rem 4rem; }
.aia-section-tag { font-size: .72rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--aia-accent); margin-bottom: .75rem; }
.aia-section-title { font-family: 'Syne', sans-serif; font-size: clamp(2rem,4vw,3rem); font-weight: 800; color: var(--aia-white); letter-spacing: -.03em; line-height: 1.1; margin-bottom: 1rem; }
.aia-section-sub { color: var(--aia-muted); font-size: 1rem; max-width: 520px; line-height: 1.7; }
.aia-section-header { margin-bottom: 3rem; }
.aia-btn-primary { background: var(--aia-accent); color: var(--aia-black); padding: .85rem 2rem; font-family: 'DM Sans',sans-serif; font-size: .95rem; font-weight: 500; border: none; border-radius: 2px; cursor: pointer; text-decoration: none; display: inline-block; transition: opacity .2s,transform .2s; }
.aia-btn-primary:hover { opacity: .88; transform: translateY(-1px); color: var(--aia-black); text-decoration: none; }
.aia-btn-ghost { color: var(--aia-muted); font-size: .95rem; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; transition: color .2s; }
.aia-btn-ghost:hover { color: var(--aia-white); text-decoration: none; }
.aia-btn-outline { display: block; text-align: center; padding: .75rem; border: 1px solid rgba(255,255,255,.15); color: var(--aia-text); text-decoration: none; font-size: .875rem; font-weight: 500; border-radius: 2px; transition: border-color .2s,color .2s; }
.aia-btn-outline:hover { border-color: var(--aia-accent); color: var(--aia-accent); text-decoration: none; }
.aia-reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s,transform .6s; }
.aia-reveal.aia-visible { opacity: 1; transform: translateY(0); }
.aia-hero { min-height: 80vh; display: flex; align-items: center; padding: 6rem 4rem 5rem; position: relative; overflow: hidden; background: var(--aia-black); }
.aia-hero__bg { position: absolute; inset: 0; background: radial-gradient(ellipse 60% 50% at 70% 50%,rgba(200,245,66,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(66,200,245,.05) 0%,transparent 60%); pointer-events: none; }
.aia-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px); background-size: 60px 60px; pointer-events: none; }
.aia-hero__content { max-width: 860px; position: relative; z-index: 1; }
.aia-tag { display: inline-flex; align-items: center; gap: .5rem; background: rgba(200,245,66,.1); border: 1px solid rgba(200,245,66,.25); color: var(--aia-accent); font-size: .75rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; padding: .35rem .9rem; border-radius: 2px; margin-bottom: 2rem; }
.aia-tag::before { content: ''; width: 6px; height: 6px; background: var(--aia-accent); border-radius: 50%; display: inline-block; }
.aia-hero__title { font-family: 'Syne',sans-serif; font-weight: 800; font-size: clamp(2.5rem,6vw,5rem); line-height: 1.0; letter-spacing: -.03em; color: var(--aia-white); margin-bottom: 1.5rem; }
.aia-hero__title em { font-style: normal; color: var(--aia-accent); }
.aia-hero__sub { font-size: 1.1rem; color: var(--aia-muted); max-width: 540px; line-height: 1.7; margin-bottom: 2.5rem; }
.aia-hero__actions { display: flex; gap: 1.25rem; align-items: center; flex-wrap: wrap; }
.aia-hero__stats { display: flex; gap: 3rem; margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid rgba(255,255,255,.07); flex-wrap: wrap; }
.aia-stat__num { font-family: 'Syne',sans-serif; font-size: 2.25rem; font-weight: 800; color: var(--aia-white); letter-spacing: -.03em; line-height: 1; }
.aia-stat__num span { color: var(--aia-accent); }
.aia-stat__label { font-size: .78rem; color: var(--aia-muted); text-transform: uppercase; letter-spacing: .06em; margin-top: .3rem; }
.aia-how { background: var(--aia-gray); }
.aia-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.06); }
.aia-step { background: var(--aia-gray); padding: 2.5rem; transition: background .25s; }
.aia-step:hover { background: var(--aia-gray2); }
.aia-step__num { font-family: 'Syne',sans-serif; font-size: 3.5rem; font-weight: 800; color: rgba(200,245,66,.12); line-height: 1; margin-bottom: 1rem; letter-spacing: -.05em; }
.aia-step h3 { font-family: 'Syne',sans-serif; font-size: 1.1rem; font-weight: 700; color: var(--aia-white); margin-bottom: .75rem; }
.aia-step p { font-size: .9rem; color: var(--aia-muted); line-height: 1.65; }
.aia-agents { background: var(--aia-black); }
.aia-agents__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 1px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.06); }
.aia-agent-card { background: var(--aia-black); padding: 2rem; transition: background .25s; position: relative; overflow: hidden; }
.aia-agent-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--aia-accent); transform: scaleX(0); transform-origin: left; transition: transform .3s; }
.aia-agent-card:hover { background: var(--aia-gray); }
.aia-agent-card:hover::after { transform: scaleX(1); }
.aia-agent-card--cta { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 220px; }
.aia-agent-card__emoji { font-size: 1.75rem; margin-bottom: 1rem; display: block; }
.aia-agent-card h3 { font-family: 'Syne',sans-serif; font-size: 1rem; font-weight: 700; color: var(--aia-white); margin-bottom: .5rem; }
.aia-agent-card p { font-size: .85rem; color: var(--aia-muted); line-height: 1.6; }
.aia-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; }
.aia-tag-pill { font-size: .7rem; padding: .2rem .6rem; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); color: var(--aia-muted); border-radius: 2px; }
.aia-why { background: var(--aia-gray); }
.aia-why__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.06); }
.aia-why-card { background: var(--aia-gray); padding: 2.5rem; transition: background .25s; }
.aia-why-card:hover { background: var(--aia-gray2); }
.aia-why-card__icon { font-size: 1.5rem; margin-bottom: 1rem; display: block; }
.aia-why-card h3 { font-family: 'Syne',sans-serif; font-size: 1.05rem; font-weight: 700; color: var(--aia-white); margin-bottom: .6rem; }
.aia-why-card p { font-size: .875rem; color: var(--aia-muted); line-height: 1.65; }
.aia-pricing { background: var(--aia-black); }
.aia-pricing__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.06); }
.aia-pricing-card { background: var(--aia-gray); padding: 2.5rem; transition: background .25s; }
.aia-pricing-card:hover { background: var(--aia-gray2); }
.aia-pricing-card--featured { background: var(--aia-gray2); outline: 1px solid var(--aia-accent); outline-offset: -1px; }
.aia-pricing-card__label { font-size: .7rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--aia-muted); margin-bottom: .75rem; }
.aia-pricing-card__label--hot { color: var(--aia-accent); }
.aia-pricing-card h3 { font-family: 'Syne',sans-serif; font-size: 1.3rem; font-weight: 800; color: var(--aia-white); margin-bottom: 1.25rem; }
.aia-price { font-family: 'Syne',sans-serif; font-size: 3rem; font-weight: 800; color: var(--aia-white); letter-spacing: -.04em; line-height: 1; margin-bottom: .25rem; }
.aia-price-note { font-size: .8rem; color: var(--aia-muted); margin-bottom: 1.5rem; }
.aia-divider { height: 1px; background: rgba(255,255,255,.07); margin: 1.5rem 0; }
.aia-features { list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-direction: column; gap: .75rem; }
.aia-features li { font-size: .875rem; color: var(--aia-muted); display: flex; align-items: flex-start; gap: .6rem; padding: 0; }
.aia-features li::before { content: '→'; color: var(--aia-accent); flex-shrink: 0; }
.aia-contact { background: var(--aia-gray); text-align: center; }
.aia-contact__box { max-width: 560px; margin: 0 auto; }
.aia-form { display: flex; flex-direction: column; gap: 1rem; text-align: left; }
.aia-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.aia-form__group { display: flex; flex-direction: column; gap: .4rem; }
.aia-form__group label { font-size: .75rem; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: var(--aia-muted); }
.aia-form__group input,.aia-form__group select,.aia-form__group textarea { background: var(--aia-black); border: 1px solid rgba(255,255,255,.1); color: var(--aia-text); padding: .75rem 1rem; font-family: 'DM Sans',sans-serif; font-size: .9rem; border-radius: 2px; outline: none; transition: border-color .2s; width: 100%; }
.aia-form__group input:focus,.aia-form__group select:focus,.aia-form__group textarea:focus { border-color: var(--aia-accent); }
.aia-form__group textarea { resize: vertical; min-height: 100px; }
.aia-form__submit { background: var(--aia-accent); color: var(--aia-black); border: none; padding: .9rem; font-family: 'DM Sans',sans-serif; font-size: .95rem; font-weight: 500; border-radius: 2px; cursor: pointer; transition: opacity .2s; width: 100%; }
.aia-form__submit:hover { opacity: .85; }
@media (max-width:900px) {
  .aia-page section { padding: 4rem 1.5rem; }
  .aia-hero { padding: 5rem 1.5rem 4rem; }
  .aia-steps { grid-template-columns: 1fr; }
  .aia-pricing__grid { grid-template-columns: 1fr; }
  .aia-why__grid { grid-template-columns: 1fr; }
  .aia-form__row { grid-template-columns: 1fr; }
  .aia-hero__stats { gap: 1.5rem; }
  .aia-hero__actions { flex-direction: column; align-items: flex-start; }
}