:root {
  --aie-purple: #6A3FA0;
  --aie-purple-2: #864099;
  --aie-purple-3: #9440A0;
  --aie-magenta: #C1459D;
  --aie-orange: #EF6C45;
  --aie-coral: #D9564F;
  --aie-text: #2B2B33;
  --aie-text-2: #5F5F6B;
  --aie-muted: #9A9AA6;
  --aie-neutral: #F2F2F2;
  --aie-pale-purple: #EFE9F7;
  --aie-pale-magenta: #FBE9F3;
  --aie-pale-orange: #FDEBE4;
  --aie-border: #E2DEEA;
  --aie-white: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { color: var(--aie-text); font-family: Calibri, "Segoe UI", Helvetica, Arial, sans-serif; }
.content-area { margin: 0; }
.site-main .entry-content { margin: 0; }
.aie-container { width: min(1180px, calc(100% - 48px)); max-width: 1180px !important; margin-inline: auto; }
.aie-section { padding: 112px 0; position: relative; overflow: hidden; }
.aie-kicker { color: var(--aie-purple); font-size: 13px; font-weight: 700; letter-spacing: 2.5px; margin: 0 0 22px; }
.aie-display { color: var(--aie-text); font-size: clamp(48px, 5.4vw, 76px); font-weight: 700; letter-spacing: -0.045em; line-height: .98; margin: 0; max-width: 780px; }
.aie-lead { color: var(--aie-text-2); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.55; margin: 30px 0 0; max-width: 720px; }
.aie-section-title { color: var(--aie-text); font-size: clamp(38px, 4vw, 58px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.06; margin: 0; max-width: 900px; }
.aie-section-intro { color: var(--aie-text-2); font-size: 20px; line-height: 1.6; margin: 26px 0 0; max-width: 800px; }
.aie-actions { gap: 14px; margin-top: 36px; }
.aie-button-primary .wp-block-button__link { background: var(--aie-purple); border: 2px solid var(--aie-purple); border-radius: 40px; color: white; font-weight: 700; padding: 14px 24px; }
.aie-button-primary .wp-block-button__link:hover { background: #573187; border-color: #573187; }
.aie-button-secondary .wp-block-button__link { background: transparent; border: 2px solid var(--aie-border); border-radius: 40px; color: var(--aie-text); font-weight: 700; padding: 14px 24px; }

.aie-hero { background: var(--aie-white); min-height: 790px; overflow: hidden; padding: 110px 0 96px; position: relative; }
.aie-hero::before { background: var(--aie-pale-purple); border-radius: 50%; content: ""; height: 510px; left: -280px; position: absolute; top: -310px; width: 510px; }
.aie-hero::after { background: var(--aie-pale-magenta); border-radius: 50%; bottom: -300px; content: ""; height: 620px; position: absolute; right: -350px; width: 620px; }
.aie-hero-grid { gap: clamp(50px, 6vw, 90px); position: relative; z-index: 1; }
.aie-control-card { background: var(--aie-neutral); border: 1px solid var(--aie-border); border-radius: 22px; box-shadow: 0 30px 80px rgba(67, 43, 91, .14); padding: 30px; transform: rotate(1deg); }
.aie-card-top { border-bottom: 1px solid var(--aie-border); margin-bottom: 25px; padding-bottom: 18px; }
.aie-card-label { color: var(--aie-purple); font-size: 12px; font-weight: 700; letter-spacing: 2px; margin: 0; }
.aie-demo-label { color: var(--aie-muted); font-size: 11px; margin: 0; }
.aie-control-card h3 { font-size: 27px; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 16px; }
.aie-status { background: var(--aie-pale-purple); border-radius: 30px; color: var(--aie-purple); display: inline-block; font-size: 13px; font-weight: 700; margin: 0 0 24px; padding: 8px 13px; }
.aie-metric-grid { gap: 12px; margin: 0 0 12px; }
.aie-metric-grid .wp-block-column { background: white; border: 1px solid var(--aie-border); border-radius: 12px; padding: 16px; }
.aie-metric-label { color: var(--aie-muted); font-size: 10px; font-weight: 700; letter-spacing: 1.5px; margin: 0 0 5px; }
.aie-metric-value { color: var(--aie-text); font-size: 17px; font-weight: 700; margin: 0; }
.aie-card-foot { border-top: 1px solid var(--aie-border); color: var(--aie-text-2); font-size: 13px; line-height: 1.5; margin: 22px 0 0; padding-top: 18px; }

.aie-problem { background: #FAF9FB; }
.aie-four-cards { gap: 18px; margin-top: 56px; }
.aie-problem-card { border-radius: 16px; height: 100%; min-height: 280px; padding: 30px; }
.aie-problem-card h3 { font-size: 23px; line-height: 1.2; margin: 35px 0 14px; }
.aie-problem-card p:last-child { color: var(--aie-text-2); font-size: 16px; line-height: 1.55; }
.aie-card-number { font-size: 13px; font-weight: 700; letter-spacing: 2px; margin: 0; }
.tone-purple { background: var(--aie-pale-purple); }
.tone-purple .aie-card-number { color: var(--aie-purple); }
.tone-magenta { background: var(--aie-pale-magenta); }
.tone-magenta .aie-card-number { color: var(--aie-magenta); }
.tone-orange { background: var(--aie-pale-orange); }
.tone-orange .aie-card-number { color: var(--aie-orange); }
.tone-coral { background: #F9E9E8; }
.tone-coral .aie-card-number { color: var(--aie-coral); }

.aie-approach { background: white; }
.aie-steps { gap: 28px; margin-top: 64px; }
.aie-step { height: 100%; }
.aie-step-circle { align-items: center; border-radius: 50%; color: white; display: flex; font-size: 28px; font-weight: 700; height: 64px; justify-content: center; margin: 0 0 26px; width: 64px; }
.step-one { background: var(--aie-purple); }
.step-two { background: var(--aie-purple-2); }
.step-three { background: var(--aie-magenta); }
.step-four { background: var(--aie-coral); }
.aie-step h3 { font-size: 23px; margin: 0 0 12px; }
.aie-step p:last-child { color: var(--aie-text-2); font-size: 16px; line-height: 1.55; }

.aie-offer { background: var(--aie-neutral); }
.aie-offer-grid { gap: 24px; margin-top: 40px; }
.aie-offer-card { border: 1px solid var(--aie-border); border-radius: 20px; height: 100%; padding: clamp(32px, 4vw, 52px); }
.aie-now { background: white; }
.aie-becomes { background: var(--aie-pale-purple); }
.aie-offer-label { color: var(--aie-purple); font-size: 12px; font-weight: 700; letter-spacing: 2px; margin: 0 0 28px; }
.aie-offer-card h2 { font-size: clamp(30px, 3vw, 42px); letter-spacing: -.025em; line-height: 1.1; margin: 0 0 20px; }
.aie-offer-card > p:not(.aie-offer-label) { color: var(--aie-text-2); font-size: 18px; line-height: 1.6; }
.aie-check-list { list-style: none; margin: 30px 0 0; padding: 0; }
.aie-check-list li { border-top: 1px solid var(--aie-border); color: var(--aie-text); font-weight: 600; padding: 14px 0 14px 30px; position: relative; }
.aie-check-list li::before { color: var(--aie-purple); content: "✓"; left: 2px; position: absolute; }

.aie-thesis { background: linear-gradient(135deg, #2B203A 0%, #50326E 100%); }
.aie-thesis::after { background: rgba(193, 69, 157, .18); border-radius: 50%; content: ""; height: 520px; position: absolute; right: -190px; top: -220px; width: 520px; }
.aie-thesis-inner { position: relative; z-index: 1; }
.aie-kicker.light { color: #E4B9DB; }
.aie-quote { color: white; font-size: clamp(40px, 5vw, 70px); letter-spacing: -.04em; line-height: 1.04; margin: 0; max-width: 1050px; }
.aie-thesis-copy { color: #DDD3E7; font-size: 19px; line-height: 1.65; margin: 32px 0 0; max-width: 850px; }

.aie-experience { background: white; }
.aie-experience .wp-block-columns { gap: 70px; }
.aie-small-note { color: var(--aie-muted); font-size: 13px; margin-top: 20px; }
.aie-contact { background: #FAF9FB; padding: 90px 0; }
.aie-contact-card { background: white; border: 1px solid var(--aie-border); border-radius: 22px; box-shadow: 0 20px 60px rgba(67, 43, 91, .08); padding: clamp(40px, 6vw, 78px); }
.aie-contact-card .wp-block-buttons { margin-top: 34px; }

@media (max-width: 1024px) {
  .aie-section { padding: 88px 0; }
  .aie-hero { min-height: 0; padding: 90px 0; }
  .aie-hero-grid { flex-wrap: wrap !important; }
  .aie-hero-grid > .wp-block-column { flex-basis: 100% !important; }
  .aie-control-card { max-width: 650px; transform: none; }
  .aie-four-cards, .aie-steps { flex-wrap: wrap !important; }
  .aie-four-cards > .wp-block-column, .aie-steps > .wp-block-column { flex-basis: calc(50% - 14px) !important; }
}

@media (max-width: 720px) {
  .aie-container { width: min(100% - 32px, 1180px); }
  .aie-section { padding: 72px 0; }
  .aie-display { font-size: 46px; }
  .aie-section-title { font-size: 38px; }
  .aie-lead, .aie-section-intro { font-size: 18px; }
  .aie-four-cards > .wp-block-column, .aie-steps > .wp-block-column { flex-basis: 100% !important; }
  .aie-problem-card { min-height: 0; }
  .aie-offer-grid, .aie-experience .wp-block-columns { gap: 20px; }
  .aie-control-card { padding: 22px; }
}