.policy-story {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center;
  background: radial-gradient(circle at 82% 45%, rgba(92, 242, 197, .08), transparent 30%), #08131a;
}

.policy-copy > p:not(.eyebrow) { color: var(--muted); max-width: 760px; }
.policy-copy h2 { max-width: 780px; }
.policy-rule { margin: 2rem 0; padding: 1.25rem; border: 1px solid #285148; border-radius: 12px; background: #091b1d; }
.policy-rule span, .policy-demo article span { display: block; margin-bottom: .65rem; color: var(--mint); font-size: .65rem; font-weight: 850; letter-spacing: .14em; }
.policy-rule code { color: #d8e8e6; font-size: .82rem; line-height: 1.7; }
.defense-copy strong { display: block; margin-bottom: .35rem; color: var(--ink); }
.policy-demo { padding: 1.2rem; border: 1px solid #294552; border-radius: 17px; background: #0b1820; box-shadow: 0 24px 65px rgba(0, 0, 0, .22); }
.policy-demo article { margin-bottom: .75rem; padding: 1rem; border: 1px solid var(--line); border-radius: 10px; background: #0e1d25; }
.policy-demo article p { margin: 0; color: #c2d1d5; }
.policy-stop { padding: 1.2rem; border: 1px solid #8d473f; border-radius: 11px; background: linear-gradient(145deg, rgba(100, 39, 34, .32), rgba(39, 22, 23, .65)); }
.policy-stop b { color: #ff9b8e; font-size: .72rem; letter-spacing: .1em; }
.policy-stop p { margin: .65rem 0 0; color: #d8c4c2; font-size: .86rem; }
.policy-demo > small { display: block; margin-top: .9rem; color: #718c94; text-align: center; }

@media (max-width: 900px) {
  .policy-story { grid-template-columns: 1fr; }
}

.product-tour { background: #071016; }
.product-tour .section-heading > p:last-child { max-width: 720px; color: var(--muted); }
.screen-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 3rem; }
.screen-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #0b171f; }
.screen-title { display: flex; gap: 1rem; align-items: flex-start; padding: 1.35rem 1.4rem; border-bottom: 1px solid var(--line); }
.screen-title > span { color: var(--mint); font: 800 .7rem ui-monospace, monospace; }
.screen-title h3 { margin: 0 0 .25rem; font-size: 1.05rem; }
.screen-title p { margin: 0; color: var(--muted); font-size: .82rem; }
.mini-screen { min-height: 255px; padding: 1.25rem; background: radial-gradient(circle at 85% 10%, rgba(77,165,255,.08), transparent 26%), #081219; font-size: .72rem; }
.mini-top, .mini-key-head { display: flex; justify-content: space-between; align-items: center; }
.mini-top i, .mini-key-head em { color: #78919c; font-style: normal; }
.mini-flow { display: grid; grid-template-columns: 1fr auto 1.2fr auto 1fr; align-items: center; gap: .5rem; margin: 1.2rem 0; }
.mini-flow > span { display: grid; gap: .25rem; padding: .7rem; border: 1px solid #294552; border-radius: 8px; color: #86b9d6; font-weight: 800; font-size: .58rem; }
.mini-flow > span.lit { border-color: var(--mint); box-shadow: inset 0 0 20px rgba(92,242,197,.08); color: var(--mint); }
.mini-flow em { color: #d4e0e3; font-size: .7rem; font-style: normal; font-weight: 500; }
.mini-flow > b { color: #52707d; }
.mini-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.mini-metrics span { display: grid; gap: .2rem; padding: .75rem; border: 1px solid var(--line); border-radius: 8px; }
.mini-metrics small { color: #6e8b98; font-size: .55rem; }
.mini-metrics b { font-size: 1rem; }
.mini-search { padding: .65rem; border: 1px solid #2b4654; border-radius: 7px; color: #6f8995; }
.mini-table { margin-top: .8rem; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.mini-table > div { display: grid; grid-template-columns: 1.5fr 1fr .65fr; gap: .5rem; padding: .65rem; border-bottom: 1px solid var(--line); align-items: center; }
.mini-table > div:last-child { border: 0; }
.mini-table > div:first-child { color: #6e91a2; font-size: .55rem; }
.mini-table em { justify-self: start; border-radius: 99px; padding: .16rem .4rem; font-size: .52rem; font-style: normal; }
.mini-table .red { color: #ff8a80; background: #3d1d20; }.mini-table .green { color: var(--mint); background: #12342d; }.mini-table .yellow { color: #f5c451; background: #332c18; }
.keys-preview > code { display: block; margin: .55rem 0 1rem; color: #718b97; }
.mini-tags { display: flex; gap: .4rem; flex-wrap: wrap; }
.mini-tags span { padding: .28rem .5rem; border-radius: 99px; background: #14303b; color: #9dc6d8; }
.mini-key-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-top: 1.3rem; }
.mini-key-stats span { display: grid; padding: .75rem; border: 1px solid var(--line); border-radius: 8px; font-size: .95rem; font-weight: 800; }
.mini-key-stats small { margin-top: .25rem; color: #718a95; font-size: .55rem; font-weight: 500; }
.signal-badge { display: inline-block; padding: .3rem .5rem; border-radius: 99px; background: #342b16; color: #f5c451; font-size: .56rem; font-weight: 850; letter-spacing: .08em; }
.signals-preview h4 { margin: 1rem 0 .4rem; font-size: 1rem; }.signals-preview > p { color: var(--muted); }
.collision { display: grid; grid-template-columns: 1fr auto 1fr; gap: .6rem; align-items: center; margin-top: 1.2rem; }
.collision span { display: grid; padding: .65rem; border: 1px solid #2b4654; border-radius: 8px; }.collision small { color: #78909b; }.collision b { color: #f5c451; font-size: .58rem; }
.ask-preview { display: grid; align-content: start; gap: .75rem; }
.chat-line { max-width: 88%; padding: .65rem .8rem; border-radius: 10px; line-height: 1.5; }.chat-line.manager { justify-self: end; background: #17303c; }.chat-line.router { display: flex; gap: .55rem; background: #10241f; color: #bed4cf; }.chat-line.router b { color: var(--mint); }
.mini-prompt { display: flex; justify-content: space-between; margin-top: .5rem; padding: .65rem; border: 1px solid #2b4654; border-radius: 8px; color: #708b97; }.mini-prompt b { color: #06130f; background: var(--mint); border-radius: 5px; padding: .15rem .4rem; }
.policy-preview label { display: block; margin-bottom: .55rem; color: var(--mint); font-size: .55rem; font-weight: 800; letter-spacing: .08em; }
.mini-editor { min-height: 92px; padding: .75rem; border: 1px solid #2b4654; border-radius: 8px; color: #b8c9ce; line-height: 1.55; }
.policy-options { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: .75rem 0; }.policy-options span { display: flex; justify-content: space-between; padding: .55rem; border: 1px solid var(--line); border-radius: 7px; color: #78909b; }.policy-options b { color: #d6e5e8; }
.policy-preview button { width: 100%; border: 0; border-radius: 7px; padding: .6rem; background: #2d8edf; color: white; font-weight: 800; pointer-events: none; }

@media (max-width: 900px) {
  .screen-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .mini-flow { grid-template-columns: 1fr; }
  .mini-flow > b { display: none; }
  .collision { grid-template-columns: 1fr; }
  .collision > b { text-align: center; }
}
