.ah-section {
  position: relative;
  z-index: 12;
  overflow: hidden;
  min-height: 100vh;
  border-block: 1px solid var(--color-border);
  background:
    radial-gradient(circle at 18% 24%, rgba(89, 68, 185, .18), transparent 30%),
    radial-gradient(circle at 82% 62%, rgba(212, 175, 106, .12), transparent 30%),
    linear-gradient(180deg, rgba(4, 4, 6, .7), #07070b 24%, #040406);
}

.ah-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 50% 45%, black, transparent 78%);
}

.ah-shell { position: relative; width: min(72rem, calc(100% - 3rem)); margin-inline: auto; padding-block: 8rem; }
.ah-intro { max-width: 58rem; }
.ah-kicker { margin: 0 0 1.1rem; color: var(--color-gold); font: 500 .66rem/1.2 var(--font-mono); letter-spacing: .28em; text-transform: uppercase; }
.ah-intro h2 { margin: 0; font-size: clamp(3.6rem, 8vw, 7.6rem); font-weight: 700; line-height: .82; letter-spacing: -.065em; }
.ah-tagline { margin-top: 1rem; color: var(--color-gold); font: italic 400 clamp(1.45rem, 3vw, 2.5rem)/1.1 var(--font-serif); }
.ah-lede { max-width: 48rem; margin-top: 1.8rem; color: var(--color-text-dim); font: 400 clamp(1rem, 1.7vw, 1.22rem)/1.65 var(--font-serif); }

.ah-identity-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; margin-top: 5rem; }
.ah-artifact-stage { position: relative; display: grid; place-items: center; min-height: 32rem; perspective: 950px; }
.ah-artifact-stage::after { content: ""; position: absolute; bottom: 11%; width: 15rem; height: 3.5rem; border-radius: 50%; background: rgba(24,18,56,.55); filter: blur(24px); }
.ah-orbit { position: absolute; border: 1px solid rgba(212,175,106,.25); border-radius: 50%; }
.ah-orbit-one { width: 24rem; height: 9rem; transform: rotate(18deg); animation: ah-orbit-one 18s linear infinite; }
.ah-orbit-two { width: 20rem; height: 26rem; border-color: rgba(110,91,201,.32); transform: rotate(62deg); animation: ah-orbit-two 24s linear infinite; }
.ah-artifact { position: relative; z-index: 2; width: 14.5rem; aspect-ratio: .78; border: 1px solid rgba(255,255,255,.36); border-radius: 42% 48% 44% 38% / 28% 38% 52% 62%; background: radial-gradient(circle at 35% 26%, rgba(255,255,255,.38), transparent 24%), linear-gradient(145deg, #5d4ac2, #2d215f 48%, #120f1d); box-shadow: -2rem 1.5rem 5rem rgba(43,32,98,.44), inset 0 0 2rem rgba(255,255,255,.09); transform: rotateY(-18deg) rotateX(8deg) rotateZ(-7deg); animation: ah-float 6s ease-in-out infinite; }
.ah-artifact::before { content: ""; position: absolute; inset: 11% 13%; border: 1px solid rgba(255,255,255,.16); border-radius: inherit; }
.ah-seam { position: absolute; z-index: 2; height: 2px; transform-origin: left; background: linear-gradient(90deg, transparent, #d4af6a, #fff0b8, #d4af6a, transparent); box-shadow: 0 0 .8rem rgba(212,175,106,.72); }
.ah-seam-one { width: 70%; left: 8%; top: 49%; transform: rotate(-24deg); }
.ah-seam-two { width: 54%; left: 42%; top: 56%; transform: rotate(50deg); }
.ah-artifact-mark { position: absolute; right: 18%; bottom: 17%; color: rgba(255,255,255,.55); font: 600 .52rem/1.2 var(--font-mono); letter-spacing: .16em; }
.ah-artifact-mark b { display: block; color: var(--color-text); font-size: 1.75rem; letter-spacing: -.05em; }
.ah-artifact-note { position: absolute; z-index: 3; bottom: 0; max-width: 20rem; padding: .8rem 1rem; border: 1px solid var(--color-border); background: rgba(4,4,6,.68); color: var(--color-text-dim); backdrop-filter: blur(12px); font: italic 400 .92rem/1.45 var(--font-serif); text-align: center; }

.ah-systems { display: grid; gap: .75rem; }
.ah-systems article { position: relative; padding: 1.5rem; border: 1px solid var(--color-border); border-radius: 1rem; background: rgba(255,255,255,.025); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.25); transition: border-color .25s, transform .25s, background .25s; }
.ah-systems article:hover { transform: translateX(.45rem); border-color: rgba(212,175,106,.48); background: rgba(255,255,255,.045); }
.ah-systems article > span { color: var(--color-gold); font: 500 .58rem var(--font-mono); letter-spacing: .18em; }
.ah-systems h3 { margin-top: .65rem; font-size: 1.18rem; font-weight: 500; }
.ah-systems p { margin-top: .45rem; color: var(--color-text-dim); font: 400 1rem/1.5 var(--font-serif); }

.ah-offer { display: grid; grid-template-columns: .78fr 1.22fr; margin-top: 6rem; border: 1px solid rgba(212,175,106,.58); border-radius: 1.25rem; overflow: hidden; background: rgba(8,8,12,.7); box-shadow: 0 3rem 8rem rgba(0,0,0,.45); }
.ah-price { display: flex; flex-direction: column; justify-content: flex-end; min-height: 24rem; padding: 2.2rem; border-right: 1px solid rgba(212,175,106,.45); background: radial-gradient(circle at 70% 20%, rgba(255,255,255,.12), transparent 24%), linear-gradient(145deg, #5944b9, #291f5a 60%, #141023); }
.ah-price p { margin-bottom: auto; font: 600 .62rem/1.5 var(--font-mono); letter-spacing: .18em; }
.ah-price strong { font: 400 clamp(4.8rem, 9vw, 8rem)/.8 var(--font-serif); letter-spacing: -.055em; }
.ah-price span { margin-top: 1.1rem; color: rgba(255,255,255,.65); font-size: .78rem; }
.ah-scope { padding: clamp(2rem, 5vw, 3.5rem); }
.ah-scope h3 { max-width: 34rem; font-size: clamp(1.8rem, 3.5vw, 3.1rem); line-height: 1.05; letter-spacing: -.035em; }
.ah-scope ul { margin-top: 2rem; }
.ah-scope li { position: relative; padding: .9rem 0 .9rem 1.7rem; border-bottom: 1px solid var(--color-border); color: var(--color-text-dim); font: 400 1rem/1.5 var(--font-serif); }
.ah-scope li::before { content: "×"; position: absolute; left: .1rem; color: var(--color-gold); font-family: var(--font-sans); font-weight: 700; }
.ah-cta { display: inline-flex; min-height: 3.25rem; align-items: center; margin-top: 2rem; padding: 0 1.35rem; border: 1px solid var(--color-gold); border-radius: 999px; color: var(--color-gold); font: 500 .64rem var(--font-mono); letter-spacing: .15em; transition: background .2s, color .2s, transform .2s; }
.ah-cta:hover { transform: translateY(-2px); background: var(--color-gold); color: #050506; }

.ah-agent-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(2rem, 6vw, 5.5rem); align-items: start; margin-top: 8rem; scroll-margin-top: 6rem; }
.ah-agent-intro { position: sticky; top: 7rem; }
.ah-agent-intro h3 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; letter-spacing: -.04em; }
.ah-agent-intro > p:last-child { margin-top: 1.4rem; color: var(--color-text-dim); font: 400 1.05rem/1.6 var(--font-serif); }
.ah-chat { overflow: hidden; border: 1px solid rgba(212,175,106,.54); border-radius: 1rem; background: rgba(8,8,12,.82); box-shadow: 1rem 1rem 0 rgba(89,68,185,.12), 0 2rem 5rem rgba(0,0,0,.38); }
.ah-chat-head { display: flex; min-height: 4.6rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.1rem; border-bottom: 1px solid var(--color-border); background: rgba(255,255,255,.025); }
.ah-chat-head > div { display: flex; align-items: center; gap: .75rem; }
.ah-chat-head p b, .ah-chat-head p span { display: block; }
.ah-chat-head p b { font-size: .82rem; }
.ah-chat-head p span { margin-top: .15rem; color: var(--color-text-dim); font: 500 .54rem var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.ah-chat-head button { color: var(--color-text-dim); font: 500 .58rem var(--font-mono); text-decoration: underline; cursor: pointer; }
.ah-chat-head button:disabled { opacity: .3; cursor: default; }
.ah-avatar { display: grid; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; place-items: center; border: 1px solid rgba(212,175,106,.45); border-radius: 50%; background: #5944b9; font: 700 .58rem var(--font-mono); letter-spacing: .06em; }
.ah-messages { display: flex; min-height: 19rem; max-height: 28rem; flex-direction: column; gap: .8rem; overflow-y: auto; padding: 1.25rem; }
.ah-message { display: grid; grid-template-columns: 2rem 1fr; gap: .6rem; max-width: 88%; align-items: start; }
.ah-message > span { padding-top: .65rem; color: var(--color-gold); font: 600 .5rem var(--font-mono); text-align: center; }
.ah-message p { margin: 0; padding: .8rem 1rem; border: 1px solid var(--color-border); border-radius: .75rem; background: rgba(255,255,255,.035); font: 400 .9rem/1.55 var(--font-serif); }
.ah-message.user { align-self: flex-end; grid-template-columns: 1fr 2rem; }
.ah-message.user > span { grid-column: 2; grid-row: 1; }
.ah-message.user p { grid-column: 1; grid-row: 1; border-color: rgba(89,68,185,.65); background: rgba(89,68,185,.3); }
.ah-system-message { align-self: center; color: var(--color-text-dim); font: 500 .55rem var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.ah-chat-form { padding: 1.1rem; border-top: 1px solid var(--color-border); background: rgba(255,255,255,.018); }
.ah-profile { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; margin-bottom: .7rem; }
.ah-profile label { color: var(--color-text-dim); font: 500 .56rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.ah-profile label span { opacity: .5; }
.ah-profile-wide { grid-column: 1 / -1; }
.ah-profile input, .ah-message-field textarea { width: 100%; border: 1px solid var(--color-border); border-radius: .45rem; background: rgba(0,0,0,.28); color: var(--color-text); }
.ah-profile input { height: 2.55rem; margin-top: .35rem; padding: 0 .7rem; font-size: .75rem; }
.ah-message-field { display: block; }
.ah-message-field textarea { min-height: 6.5rem; padding: .8rem; resize: vertical; font: 400 .86rem/1.5 var(--font-sans); }
.ah-profile input:focus, .ah-message-field textarea:focus { border-color: var(--color-gold); outline: 1px solid var(--color-gold); }
.ah-consent { display: grid; grid-template-columns: 1rem 1fr; gap: .5rem; align-items: start; margin-top: .7rem; color: var(--color-text-dim); font-size: .62rem; line-height: 1.45; }
.ah-consent input { width: .9rem; height: .9rem; margin-top: .1rem; accent-color: var(--color-gold); }
.ah-error { margin-top: .7rem; color: #f09283; font-size: .7rem; }
.ah-submit-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .9rem; }
.ah-submit-row > p { max-width: 17rem; color: var(--color-text-dim); font-size: .58rem; line-height: 1.4; }
.ah-submit-row a { color: var(--color-gold); text-decoration: underline; }
.ah-submit-row button { min-height: 2.9rem; padding: 0 1.15rem; border: 1px solid var(--color-gold); border-radius: 999px; background: var(--color-gold); color: #050506; font: 600 .62rem var(--font-mono); letter-spacing: .08em; cursor: pointer; }
.ah-submit-row button:disabled { opacity: .35; cursor: not-allowed; }

@keyframes ah-float { 50% { transform: rotateY(10deg) rotateX(-2deg) rotateZ(-3deg) translateY(-1rem); } }
@keyframes ah-orbit-one { to { transform: rotate(378deg); } }
@keyframes ah-orbit-two { to { transform: rotate(-298deg); } }

@media (max-width: 900px) {
  .ah-identity-grid, .ah-agent-section { grid-template-columns: 1fr; }
  .ah-offer { grid-template-columns: 1fr; }
  .ah-price { min-height: 20rem; border-right: 0; border-bottom: 1px solid rgba(212,175,106,.45); }
  .ah-agent-intro { position: static; }
}

@media (max-width: 560px) {
  .ah-shell { width: min(100% - 1.75rem, 72rem); padding-block: 6rem; }
  .ah-intro h2 { font-size: clamp(3.35rem, 18vw, 5.5rem); }
  .ah-artifact-stage { min-height: 27rem; overflow: hidden; }
  .ah-artifact { width: 11.5rem; }
  .ah-orbit-one { width: 19rem; }
  .ah-orbit-two { width: 16rem; height: 21rem; }
  .ah-price, .ah-scope { padding: 1.5rem; }
  .ah-price strong { font-size: 5.4rem; }
  .ah-profile { grid-template-columns: 1fr; }
  .ah-profile-wide { grid-column: auto; }
  .ah-submit-row { align-items: stretch; flex-direction: column; }
  .ah-submit-row button { width: 100%; }
  .ah-message { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ah-artifact, .ah-orbit { animation: none !important; }
  .ah-systems article, .ah-cta { transition: none; }
}
