@import url("../fonts/playfair-display.css");
@import url("../ds/tokens.css");
@import url("../ds/reset.css");
@import url("../ds/components.css");
@import url("../ds/noir.css");
@import url("cine.css?v=16");

.ai-compat-route{--m:var(--crimson);min-height:100vh;background:var(--paper);color:var(--ink)}
.ai-compat-route__main{width:min(680px,calc(100% - 32px));min-height:calc(100vh - 260px);margin:0 auto;padding:calc(var(--top-h,58px) + 64px) 0 72px}
.ai-compat-route__panel{padding:clamp(24px,5vw,42px);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-m)}
.ai-compat-route__eyebrow{margin:0 0 10px;color:var(--crimson);font-family:var(--font-latin);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ai-compat-route h1{margin:0;color:var(--title);font-family:var(--font-serif);font-size:clamp(26px,4vw,38px);line-height:1.15}
.ai-compat-route p:not(.ai-compat-route__eyebrow){margin:14px 0 0;color:var(--ink-2);font-size:15px;line-height:1.7}
.ai-compat-route__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ai-compat-route__actions a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}
.ai-compat-route__actions a:first-child{border-color:var(--crimson);background:var(--crimson);color:#fff}
.ai-compat-route__actions a:hover{border-color:var(--crimson);color:var(--crimson)}
.ai-compat-route__actions a:first-child:hover{color:#fff;filter:brightness(1.06)}
@media(max-width:640px){.ai-compat-route__main{width:min(100% - 24px,680px);padding-top:calc(var(--top-h,58px) + 36px)}.ai-compat-route__panel{padding:24px 18px}}