.project-question { margin: 32px 0 0; color: var(--acid); font-size: 1.3rem; line-height: 1.3; font-weight: 650; letter-spacing: -.025em; }
.project-question + .project-lead { margin-top: 15px; }
.feature-analysis { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 78px; background: #111f34; color: #f4f6f8; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 70px rgba(22,38,60,.15); }
.feature-analysis-copy { padding: clamp(30px, 5vw, 70px); }
.feature-analysis h3 { margin: 17px 0; font-size: clamp(2.2rem, 4vw, 4.5rem); line-height: 1; letter-spacing: -.055em; }
.feature-analysis p { color: #b5c2d2; max-width: 520px; }
.feature-facts { display: flex; gap: 30px; flex-wrap: wrap; margin: 30px 0 40px; border-top: 1px solid rgba(255,255,255,.14); padding-top: 18px; }
.feature-facts span { display: grid; color: #9eafc4; font-size: .76rem; }.feature-facts strong { color: #f5f7fa; font-size: 1.8rem; }
.feature-analysis-visual { display: flex; flex-direction: column; justify-content: center; gap: 25px; padding: clamp(30px, 5vw, 70px); background: #bdcdec; color: #12203a; }
.feature-analysis-visual div { display: grid; grid-template-columns: 120px 1fr 45px; gap: 12px; align-items: center; font: .68rem ui-monospace, monospace; }.feature-analysis-visual i { display: block; height: 13px; background: linear-gradient(90deg,#4066a3,#6eacbb); width: var(--w); border-radius: 2px; }.feature-analysis-visual b { text-align: right; }.feature-analysis-visual small { color: #475a75; margin-top: 20px; }
.lab-divider { display: flex; align-items: baseline; justify-content: space-between; gap: 30px; border-top: 1px solid #cbd5e3; padding-top: 25px; margin-bottom: 24px; }.lab-divider span { color: #526b9d; font: .7rem ui-monospace, monospace; letter-spacing: .12em; }.lab-divider p { max-width: 590px; color: #566477; margin: 0; }

.case-main { padding-top: 80px; }.case-hero { padding: 95px 0 85px; background: #0b1728; color: var(--paper); }.case-hero-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: end; }.case-eyebrow { font: .72rem ui-monospace, monospace; letter-spacing: .16em; color: var(--cyan); text-transform: uppercase; }.case-hero h1 { margin: 20px 0 25px; font-size: clamp(3rem, 7vw, 7rem); line-height: .95; letter-spacing: -.06em; }.case-hero h1 em { color: var(--acid); font-style: normal; }.case-deck { max-width: 700px; color: #c2cddd; font-size: 1.2rem; line-height: 1.5; }.case-hero-aside { border-top: 1px solid var(--line); padding-top: 20px; }.case-hero-aside span { display: block; color: #93a3b8; font: .68rem ui-monospace, monospace; letter-spacing: .12em; margin-bottom: 10px; }.case-hero-aside p { margin: 0; font-size: 1.08rem; }
.case-content { background: #f4f6f8; color: #162235; padding: 105px 0; }.case-section { display: grid; grid-template-columns: 210px 1fr; gap: 60px; padding: 45px 0; border-top: 1px solid #ccd5e0; }.case-section:first-child { border-top: 0; padding-top: 0; }.case-label { color: #5d739a; font: .7rem ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }.case-section h2 { font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1.14; letter-spacing: -.04em; margin: 0 0 20px; }.case-section p { color: #46566a; max-width: 760px; margin: 0 0 16px; font-size: 1.03rem; }.case-section ul { margin: 0; padding-left: 20px; color: #46566a; }.case-section li { margin: 12px 0; }.case-section strong { color: #1c324f; }
.evidence-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 25px; }.evidence-grid article { padding: 24px; background: #e7edf5; border-top: 3px solid #7798d1; border-radius: 4px; }.evidence-grid span { display: block; color: #55739f; font: .65rem ui-monospace, monospace; letter-spacing: .1em; margin-bottom: 12px; }.evidence-grid strong { display: block; font-size: 1rem; }.evidence-grid p { margin: 8px 0 0; font-size: .86rem; }
.case-callout { padding: 28px 32px; margin: 28px 0; background: #dbe6f6; border-left: 3px solid #6589c4; }.case-callout p { margin: 0; color: #263e62; font-size: 1.1rem; }
.case-flow { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 26px; }.case-flow div { padding: 22px; background: #dce5f1; border-radius: 6px; }.case-flow span { display: block; color: #5875a4; font: .7rem ui-monospace, monospace; margin-bottom: 20px; }.case-flow strong { display: block; }.case-flow small { display: block; margin-top: 8px; color: #5d6a7c; line-height: 1.4; }
.case-back { display: inline-flex; margin-top: 30px; color: var(--acid); font-weight: 700; }.case-footer { background: #0b1728; color: #a8b7c9; padding: 30px 0; font-size: .85rem; }.case-footer .container { display: flex; justify-content: space-between; gap: 20px; }.case-footer a { color: #c9d9fa; }
.demo-preview { padding: 26px; background: #15243d; color: #f0f4fc; border-radius: 10px; margin: 24px 0; }.demo-preview p { color: #c4d0e1; }.demo-metrics { display: flex; gap: 20px; flex-wrap: wrap; }.demo-metrics span { border: 1px solid #465f83; padding: 12px 18px; border-radius: 5px; }
.labor-tools { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0 30px; }.labor-tools button { padding: 10px 15px; border: 1px solid #b9c8dc; border-radius: 999px; background: transparent; color: #263e62; cursor: pointer; font-weight: 700; }.labor-tools button[aria-pressed="true"] { background: #213857; color: white; }.labor-list { display: grid; gap: 4px; }.labor-row { display: grid; grid-template-columns: 180px 1fr 65px 80px; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid #d6dee9; }.labor-row strong { font-size: .88rem; }.labor-row i { display: block; background: #7799d6; height: 11px; width: var(--w); border-radius: 2px; }.labor-row .change { font-size: .78rem; color: #55729d; text-align: right; }.labor-row .change.up { color: #a94760; }.labor-row .change.down { color: #2c8377; }
.method-footnote { font-size: .85rem !important; color: #657387 !important; }
@media(max-width:900px){.case-hero-grid,.feature-analysis { grid-template-columns: 1fr; }.case-section { grid-template-columns: 1fr; gap: 20px; }.evidence-grid { grid-template-columns: 1fr; }.case-flow { grid-template-columns: repeat(2,1fr); }}
@media(max-width:700px){.case-main { padding-top: 66px; }.case-hero { padding: 75px 0; }.case-content { padding: 70px 0; }.case-flow { grid-template-columns: 1fr; }.labor-row { grid-template-columns: 120px 1fr 47px; gap: 8px; }.labor-row .change { grid-column: 1 / -1; text-align: left; }.feature-analysis-visual div { grid-template-columns: 95px 1fr 40px; }.lab-divider { flex-direction: column; gap: 10px; }.case-footer .container { flex-direction: column; }}