/* ============================================================
   briefing.css
   Page-specific styles for /briefing.html (Intelligence Briefing).
   Extracted from inline <style> block for WordPress portability.
   Depends on fastlane.css (design tokens).
   ============================================================ */

/* ---------- HERO ---------- */
.br-hero{ padding: 80px 0 0 0;}
.br-hero h1{ font-size: 220px; line-height: 0.9; letter-spacing:-0.04em; font-weight: 900; margin: 24px 0 0 0;}
.br-hero h1 em{ font-style: normal; color: var(--orange);}

/* ---------- BOOKING ROW ---------- */
.booking{ padding: 80px 0 120px 0;}
.bk-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;}
.bk-grid .left p{ font-size: 22px; line-height: 1.55; color: var(--ink-soft);}
.bk-grid .left p strong{ color: var(--ink);}

.expect{ margin-top: 40px;}
.expect h5{ font-family:"IBM Plex Mono", Menlo, monospace; font-size: 11px; letter-spacing: 0.22em; color: var(--ink-soft); margin: 0 0 18px 0; text-transform: uppercase;}
.expect .row{ display:grid; grid-template-columns: 80px 1fr; gap: 24px; padding: 18px 0; border-top: 1px solid var(--rule); align-items: baseline;}
.expect .row:last-child{ border-bottom: 1px solid var(--rule);}
.expect .row .t{ font-family:"IBM Plex Mono", Menlo, monospace; font-size: 13px; letter-spacing: 0.18em; color: var(--orange);}
.expect .row .d strong{ display:block; font-size: 18px; font-weight: 700; margin-bottom: 6px; letter-spacing:-0.01em; color: var(--ink);}
.expect .row .d p{ margin: 0; font-size: 15px; color: var(--ink-soft); line-height: 1.5;}

/* ---------- BRIEFING REQUEST FORM ---------- */
.form-card{ background:#fff; border:1px solid var(--rule); padding: 40px; position: sticky; top: 100px;}
.form-card label{ display:block; font-family:"IBM Plex Mono", Menlo, monospace; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 8px;}
.form-card input, .form-card select, .form-card textarea{ width: 100%; padding: 16px 18px; font-size: 16px; border: 1px solid var(--rule); background: var(--paper); font-family: inherit; color: var(--ink); margin-bottom: 22px;}
.form-card textarea{ min-height: 100px; resize: vertical;}
.form-card input:focus, .form-card select:focus, .form-card textarea:focus{ outline: none; border-color: var(--orange); background: #fff;}
.form-card .row2{ display:grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.form-card .h{ font-family:"IBM Plex Mono", Menlo, monospace; font-size: 11px; letter-spacing: 0.22em; color: var(--orange); text-transform: uppercase; margin-bottom: 10px;}
.form-card .ti{ margin: 0 0 28px 0; font-size: 32px; font-weight: 900; letter-spacing:-0.02em; line-height: 1.05;}
.form-card .ti em{ font-style: normal; color: var(--orange);}
.form-card .confirm{ display:flex; gap: 12px; padding: 14px; background: var(--paper); margin-bottom: 22px; font-size: 13px; line-height: 1.5; color: var(--ink-soft);}

/* ---------- QUALIFICATION BLOCK ---------- */
.qualify{ background: var(--ink); color:#fff; padding: 120px 0;}
.qual-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid rgba(255,255,255,0.18);}
.qual-col{ padding: 36px 40px; border-bottom: 1px solid rgba(255,255,255,0.18);}
.qual-col:nth-child(odd){ border-right: 1px solid rgba(255,255,255,0.18);}
.qual-col h5{ font-family:"IBM Plex Mono", Menlo, monospace; font-size: 12px; letter-spacing: 0.22em; color: var(--orange); margin: 0 0 18px 0; text-transform: uppercase;}
.qual-col h5.neg{ color: rgba(255,255,255,0.5);}
.qual-col ul{ list-style: none; padding: 0; margin: 0; display:flex; flex-direction:column; gap: 14px;}
.qual-col li{ font-size: 20px; line-height: 1.4; padding-left: 28px; position: relative; letter-spacing:-0.005em;}
.qual-col li::before{ content: "→"; position: absolute; left: 0; color: var(--orange); font-weight: 700;}
.qual-col.neg li::before{ content: "✕"; color: rgba(255,255,255,0.45);}
.qual-col.neg li{ color: rgba(255,255,255,0.55);}

/* ---------- "NEXT" SOFTER CTAs ---------- */
.next{ padding: 100px 0; background: var(--paper-2);}
.next-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--rule-strong);}
.next-card{ padding: 36px 0; border-bottom: 1px solid var(--rule-strong); border-right: 1px solid var(--rule); padding-right: 32px; padding-left: 32px; display:flex; flex-direction: column; gap: 14px;}
.next-card:first-child{ padding-left: 0;}
.next-card:last-child{ padding-right: 0; border-right: 0;}
.next-card .nn{ font-family:"IBM Plex Mono", Menlo, monospace; font-size: 11px; letter-spacing: 0.22em; color: var(--orange);}
.next-card h4{ margin: 0; font-size: 32px; font-weight: 900; line-height: 1.05; letter-spacing:-0.02em;}
.next-card p{ margin: 0; font-size: 15px; line-height: 1.55; color: var(--ink-soft);}