.ai-product-page { background: #fff; }
.ai-product-hero { min-height: 720px; }
.ai-product-hero .product-hero-copy h1 { color: #73deed; }
.ai-product-hero .product-hero-copy h2 { max-width: 660px; }
.ai-product-hero .product-hero-copy > p:last-of-type { max-width: 640px; }
.ai-product-hero.knowledge { background: radial-gradient(circle at 78% 28%,rgba(82,198,228,.22),transparent 30%),linear-gradient(135deg,#041522,#0a3555 62%,#0b536f); }
.ai-product-hero.tracking { background: radial-gradient(circle at 77% 27%,rgba(62,200,213,.2),transparent 31%),linear-gradient(135deg,#041621,#0b3a50 62%,#0a5d66); }
.ai-product-hero.alerting { background: radial-gradient(circle at 76% 25%,rgba(70,184,227,.2),transparent 31%),linear-gradient(135deg,#051522,#10364f 62%,#12506f); }
.ai-product-hero.broadcasting { background: radial-gradient(circle at 77% 26%,rgba(76,185,214,.2),transparent 30%),linear-gradient(135deg,#061522,#17354d 62%,#165b67); }
.ai-product-hero.customs { background: radial-gradient(circle at 77% 24%,rgba(71,196,174,.19),transparent 31%),linear-gradient(135deg,#061822,#123b48 62%,#176154); }

.ai-visual { padding: 28px; color: #fff; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 25px 70px rgba(0,0,0,.2); }
.ai-visual-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
.ai-visual-head div { display: flex; align-items: center; gap: 12px; }
.ai-visual-head i { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: rgba(52,191,218,.13); font: 700 14px Arial; font-style: normal; }
.ai-visual-head strong { font-size: 15px; }
.ai-visual-head span { color: #86a7b8; font-size: 13px; }
.ai-visual-note { margin: 15px 0 0; color: #8eaab9; font-size: 13px; line-height: 1.65; text-align: right; }

.knowledge-map { margin-top: 18px; display: grid; grid-template-columns: .82fr 48px 1.18fr; gap: 10px; align-items: center; }
.knowledge-sources { display: grid; gap: 7px; }
.knowledge-sources span { padding: 13px; color: #a9c4d1; background: rgba(255,255,255,.055); border-left: 2px solid #438aa7; font-size: 13px; }
.knowledge-arrow { color: var(--cyan); text-align: center; font-size: 14px; }
.knowledge-answer { padding: 20px; background: rgba(44,190,216,.11); border: 1px solid rgba(74,207,228,.27); }
.knowledge-answer > b { color: #fff; font-size: 14px; }
.knowledge-answer p { margin: 15px 0 0; color: #bfd5de; font-size: 13px; line-height: 1.7; }
.knowledge-citations { margin-top: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.knowledge-citations span { padding: 9px; color: #73dbe9; background: rgba(255,255,255,.055); font-size: 13px; text-align: center; }
.knowledge-human { margin-top: 9px; padding: 13px 16px; display: flex; justify-content: space-between; color: #a8c1cd; background: rgba(255,255,255,.05); font-size: 13px; }
.knowledge-human b { color: #76deea; font-weight: 500; }

.tracking-chat { margin-top: 18px; display: grid; gap: 9px; }
.tracking-chat p { width: 78%; margin: 0; padding: 14px 16px; color: #c3d6de; background: rgba(255,255,255,.055); border-radius: 3px 14px 14px 14px; font-size: 13px; line-height: 1.6; }
.tracking-chat p.bot { margin-left: auto; color: #d9f4f7; background: rgba(47,195,208,.14); border: 1px solid rgba(73,211,221,.25); border-radius: 14px 3px 14px 14px; }
.tracking-chat p small { display: block; margin-top: 6px; color: #77dbe6; font-size: 13px; }
.tracking-timeline { margin-top: 16px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.tracking-timeline span { position: relative; padding: 26px 7px 10px; color: #97b3c0; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; }
.tracking-timeline span::before { content: ""; position: absolute; top: 10px; left: 50%; width: 7px; height: 7px; border-radius: 50%; background: #55c9d7; transform: translateX(-50%); }
.tracking-timeline span.active { color: #ddf7f8; background: rgba(48,192,207,.13); }

.alert-pipeline { margin-top: 18px; display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid rgba(255,255,255,.12); }
.alert-pipeline article { position: relative; min-height: 130px; padding: 17px 12px; border-right: 1px solid rgba(255,255,255,.12); }
.alert-pipeline article:last-child { border: 0; }
.alert-pipeline article:not(:last-child)::after { content: "→"; position: absolute; right: -9px; top: 50%; z-index: 2; width: 18px; color: var(--cyan); background: #12364f; text-align: center; font-size: 13px; }
.alert-pipeline span { color: #5ecfe0; font: 700 13px Arial; }
.alert-pipeline b { display: block; margin-top: 34px; font-size: 13px; }
.alert-pipeline small { display: block; margin-top: 9px; color: #88a5b6; font-size: 7px; line-height: 1.5; }
.alert-signal { margin-top: 10px; padding: 14px; display: flex; align-items: center; justify-content: space-between; color: #a8c2cf; background: rgba(255,255,255,.05); font-size: 13px; }
.alert-signal b { color: #ffcf77; font-weight: 600; }

.broadcast-map { margin-top: 18px; display: grid; grid-template-columns: .85fr 46px 1.15fr; align-items: center; }
.broadcast-input { display: grid; gap: 7px; }
.broadcast-input span { padding: 13px; color: #abc5d0; background: rgba(255,255,255,.055); border-left: 2px solid #4d92a8; font-size: 13px; }
.broadcast-arrow { color: var(--cyan); text-align: center; font-size: 13px; }
.broadcast-groups { padding: 16px; background: rgba(47,191,210,.1); border: 1px solid rgba(75,207,226,.25); }
.broadcast-groups > b { font-size: 14px; }
.group-cloud { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 6px; }
.group-cloud span { padding: 8px 10px; color: #bcd6dd; background: rgba(255,255,255,.065); font-size: 13px; }
.group-cloud span.ready { color: #83e0e8; border: 1px solid rgba(94,220,230,.28); }
.broadcast-queue { margin-top: 9px; padding: 13px 15px; display: flex; justify-content: space-between; color: #9fb9c5; background: rgba(255,255,255,.05); font-size: 13px; }
.broadcast-queue b { color: #71dbe8; }

.customs-map { margin-top: 18px; display: grid; grid-template-columns: .9fr 42px 1.15fr 42px .9fr; align-items: center; }
.customs-input,.customs-output { display: grid; gap: 7px; }
.customs-input span,.customs-output span { padding: 12px 8px; color: #a9c5c5; background: rgba(255,255,255,.055); text-align: center; font-size: 13px; }
.customs-engine { min-height: 190px; padding: 18px; display: flex; flex-direction: column; justify-content: center; background: rgba(54,192,166,.12); border: 1px solid rgba(92,216,192,.26); }
.customs-engine b { color: #fff; font-size: 14px; }
.customs-engine span { padding: 8px 0; color: #acd0cb; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.customs-arrow { color: #72dcc8; text-align: center; font-size: 13px; }
.customs-check { margin-top: 10px; padding: 13px 15px; display: flex; justify-content: space-between; color: #a4c1bf; background: rgba(255,255,255,.05); font-size: 13px; }
.customs-check b { color: #73dec9; }

.ai-product-problems { padding-top: 138px; scroll-margin-top: 130px; }
.ai-problem-line { border-top: 1px solid var(--line); }
.ai-problem-line article { min-height: 152px; padding: 25px 0; display: grid; grid-template-columns: 75px 260px 1fr; gap: 25px; align-items: center; border-bottom: 1px solid var(--line); }
.ai-problem-line span { color: var(--blue); font: 700 13px Arial; }
.ai-problem-line h3 { margin: 0; font-size: 19px; }
.ai-problem-line p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }

.ai-shift-section { color: #fff; background: linear-gradient(145deg,#061a2a,#0b405d); }
.ai-shift-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: center; }
.ai-shift-copy h2 { margin: 0; color: #fff; font-size: clamp(34px,4vw,52px); line-height: 1.25; letter-spacing: -.04em; }
.ai-shift-copy > p:not(.kicker) { margin: 23px 0 0; color: #a8bfcc; font-size: 15px; line-height: 1.9; }
.ai-shift-compare { display: grid; grid-template-columns: 1fr 42px 1fr; align-items: center; }
.ai-shift-compare > i { color: var(--cyan); text-align: center; font-style: normal; }
.ai-shift-compare article { min-height: 265px; padding: 25px; display: flex; flex-direction: column; background: rgba(255,255,255,.055); border-top: 3px solid #426d83; }
.ai-shift-compare article.after { background: rgba(46,192,214,.11); border-color: var(--cyan); }
.ai-shift-compare span { color: #5f8ca0; font-size: 13px; letter-spacing: .1em; }
.ai-shift-compare article.after span { color: #70dbe9; }
.ai-shift-compare h3 { margin: 38px 0 13px; font-size: 18px; }
.ai-shift-compare p { margin: 0; color: #99b2bf; font-size: 13px; line-height: 1.8; }
.ai-shift-compare strong { margin-top: auto; color: #d7e7ec; font-size: 14px; font-weight: 500; line-height: 1.7; }

.ai-process { scroll-margin-top: 130px; }
.ai-process-flow { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5,1fr); list-style: none; border: 1px solid var(--line); }
.ai-process-flow li { position: relative; min-height: 230px; padding: 25px 20px; border-right: 1px solid var(--line); }
.ai-process-flow li:last-child { border: 0; }
.ai-process-flow li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -11px; top: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: var(--cyan); background: #fff; transform: translateY(-50%); }
.ai-process-flow span { color: var(--blue); font: 700 13px Arial; }
.ai-process-flow h3 { margin: 62px 0 12px; font-size: 17px; }
.ai-process-flow p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.ai-process-note { margin: 18px 0 0; padding: 17px 21px; color: #557084; background: var(--mist); font-size: 13px; line-height: 1.75; }
.ai-process-note strong { color: var(--blue); }

.ai-capabilities { scroll-margin-top: 130px; background: #f7fafc; }
.ai-capability-list { border-top: 1px solid var(--line); }
.ai-capability-list article { padding: 25px 0; display: grid; grid-template-columns: 70px 260px 1fr; gap: 28px; align-items: center; border-bottom: 1px solid var(--line); }
.ai-capability-list span { color: var(--blue); font: 700 13px Arial; }
.ai-capability-list h3 { margin: 0; font-size: 18px; }
.ai-capability-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }

.ai-boundary { color: #fff; background: var(--navy); scroll-margin-top: 130px; }
.ai-boundary .section-heading h2 { color: #fff; }
.ai-boundary .section-heading > p { color: #a6bdca; }
.boundary-board { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.13); }
.boundary-board article { min-height: 330px; padding: 31px; }
.boundary-board article:first-child { border-right: 1px solid rgba(255,255,255,.13); }
.boundary-board span { color: var(--cyan); font-size: 13px; letter-spacing: .12em; }
.boundary-board h3 { margin: 20px 0 22px; font-size: 22px; }
.boundary-board ul { margin: 0; padding: 0; list-style: none; }
.boundary-board li { padding: 12px 0; color: #a9c1cd; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; line-height: 1.7; }
.boundary-principle { margin-top: 18px; padding: 17px 20px; color: #bad0da; background: rgba(255,255,255,.05); text-align: center; font-size: 13px; line-height: 1.7; }
.boundary-principle strong { color: #75dce8; }

.ai-proof-story { scroll-margin-top: 130px; }
.proof-story-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: center; }
.proof-story-copy h2 { margin: 0; font-size: clamp(34px,4vw,52px); line-height: 1.25; letter-spacing: -.04em; }
.proof-story-copy > p:not(.kicker) { margin: 22px 0 0; color: var(--muted); font-size: 15px; line-height: 1.9; }
.proof-story-copy small { display: block; margin-top: 16px; color: #8598a5; font-size: 13px; line-height: 1.7; }
.proof-compare { display: grid; grid-template-columns: 1fr 46px 1fr; align-items: center; }
.proof-compare article { min-height: 250px; padding: 28px; display: flex; flex-direction: column; background: var(--mist); border-top: 3px solid #9ab4c3; }
.proof-compare article.after { color: #fff; background: linear-gradient(145deg,#0b4a67,#0d8190); border-color: var(--cyan); }
.proof-compare > i { color: var(--cyan); text-align: center; font-style: normal; }
.proof-compare span { color: var(--blue); font-size: 13px; }
.proof-compare article.after span { color: #8ae2e9; }
.proof-compare strong { margin-top: 45px; font-size: 25px; }
.proof-compare p { margin: auto 0 0; color: #6e8493; font-size: 13px; line-height: 1.7; }
.proof-compare article.after p { color: #c1dce1; }

.ai-start { background: #f7fafc; }
.ai-start-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.ai-start-copy h2 { margin: 0; font-size: clamp(34px,4vw,52px); line-height: 1.25; letter-spacing: -.04em; }
.ai-start-copy > p:not(.kicker) { margin: 22px 0 0; color: var(--muted); font-size: 15px; line-height: 1.9; }
.ai-start-list { border-top: 1px solid var(--line); }
.ai-start-list article { padding: 23px 0; display: grid; grid-template-columns: 55px 190px 1fr; gap: 20px; border-bottom: 1px solid var(--line); }
.ai-start-list span { color: var(--blue); font: 700 13px Arial; }
.ai-start-list h3 { margin: 0; font-size: 16px; }
.ai-start-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }

.ai-related { padding: 32px 0; color: #fff; background: #0b3550; }
.ai-related .section-shell { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.ai-related p { margin: 0; color: #a9c4d1; font-size: 14px; line-height: 1.8; }
.ai-related strong { display: block; margin-bottom: 5px; color: #fff; font-size: 16px; }
.ai-related a { display: inline-flex; align-items: center; gap: 10px; color: #7ae1eb; font-size: 14px; white-space: nowrap; }

@media (max-width: 1080px) {
  .ai-shift-grid,.proof-story-grid,.ai-start-grid { gap: 48px; }
  .ai-problem-line article,.ai-capability-list article { grid-template-columns: 60px 220px 1fr; }
  .ai-process-flow h3 { margin-top: 46px; }
}
@media (max-width: 820px) {
  .ai-product-hero { min-height: 0; }
  .ai-visual { width: min(100%,620px); margin: 26px auto 0; }
  .ai-product-problems { padding-top: 88px; }
  .ai-shift-grid,.proof-story-grid,.ai-start-grid { grid-template-columns: 1fr; }
  .ai-process-flow { grid-template-columns: repeat(3,1fr); }
  .ai-process-flow li:nth-child(3) { border-right: 0; }
  .ai-process-flow li:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .ai-process-flow li:nth-child(3)::after { display: none; }
  .ai-start-list article { grid-template-columns: 50px 170px 1fr; }
}
@media (max-width: 560px) {
  .knowledge-map,.broadcast-map,.customs-map { grid-template-columns: 1fr; }
  .knowledge-arrow,.broadcast-arrow,.customs-arrow { padding: 5px; transform: rotate(90deg); }
  .alert-pipeline { grid-template-columns: 1fr 1fr; }
  .alert-pipeline article { min-height: 115px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .alert-pipeline article:nth-child(even) { border-right: 0; }
  .alert-pipeline article:last-child { border-right: 1px solid rgba(255,255,255,.12); }
  .alert-pipeline article::after { display: none; }
  .ai-problem-line article,.ai-capability-list article,.ai-start-list article { grid-template-columns: 1fr; gap: 12px; }
  .ai-shift-compare,.proof-compare { grid-template-columns: 1fr; }
  .ai-shift-compare > i,.proof-compare > i { padding: 8px; transform: rotate(90deg); }
  .ai-process-flow { grid-template-columns: 1fr 1fr; }
  .ai-process-flow li:nth-child(3) { border-right: 1px solid var(--line); }
  .ai-process-flow li:nth-child(even) { border-right: 0; }
  .ai-process-flow li:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
  .ai-process-flow li:nth-child(2)::after,.ai-process-flow li:nth-child(4)::after { display: none; }
  .ai-process-flow li:nth-child(3)::after { display: flex; }
  .boundary-board { grid-template-columns: 1fr; }
  .boundary-board article:first-child { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .ai-related .section-shell { grid-template-columns: 1fr; }
}