.research-page { background: #fff; }
.back-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 34px; color: var(--muted); font-size: .82rem; font-weight: 700; }.back-link svg { width: 17px; }
.research-hero { min-height: 750px; padding: calc(var(--header-height) + 68px) 0 92px; overflow: hidden; background: radial-gradient(circle at 88% 22%, rgba(53,152,187,.14), transparent 29%), linear-gradient(180deg, #f7fcfe 0%, #fff 100%); }
.research-hero-grid { display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: clamp(45px, 6vw, 90px); }.research-hero h1 { max-width: 700px; margin-bottom: 14px; font-size: clamp(3.25rem, 5.8vw, 5.6rem); line-height: 1.02; }.research-hero h2 { max-width: 650px; margin-bottom: 24px; color: var(--blue-700); font-family: "Inter", sans-serif; font-size: clamp(1.4rem, 2.4vw, 2.08rem); line-height: 1.3; letter-spacing: -.03em; }.research-hero-copy > p { max-width: 660px; font-size: 1.05rem; }.research-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }.research-trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; color: var(--muted); font-size: .77rem; font-weight: 700; }.research-trust span { display: inline-flex; align-items: center; gap: 7px; }.research-trust svg { width: 17px; color: var(--blue-500); }

.research-dashboard { position: relative; max-width: 660px; padding: 24px; background: rgba(255,255,255,.97); border: 1px solid rgba(53,152,187,.2); border-radius: 27px; box-shadow: 0 34px 80px rgba(7,36,64,.15); }.research-dashboard-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 19px; border-bottom: 1px solid var(--line); }.research-dashboard-head > div { display: flex; align-items: center; gap: 11px; }.research-dashboard-head > div > svg { width: 40px; height: 40px; padding: 9px; color: var(--blue-700); background: #e3f4f8; border-radius: 12px; }.research-dashboard-head strong, .research-dashboard-head small { display: block; }.research-dashboard-head strong { color: var(--ink); font-size: .86rem; }.research-dashboard-head small { color: var(--muted); font-size: .67rem; }.live-status { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; color: #087b99; background: #e1f5f9; border-radius: 999px; font-size: .66rem; font-weight: 800; }.live-status i { width: 6px; height: 6px; background: #18a6c6; border-radius: 50%; box-shadow: 0 0 0 4px rgba(24,166,198,.1); }
.research-person { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 13px; margin: 20px 0; padding: 15px; background: var(--soft); border: 1px solid var(--line); border-radius: 14px; }.person-icon { display: grid; width: 46px; height: 46px; place-items: center; color: #fff; background: var(--navy-900); border-radius: 13px; }.person-icon svg { width: 22px; }.research-person small, .research-person strong { display: block; }.research-person small { color: var(--muted); font-size: .67rem; }.research-person strong { color: var(--ink); font-size: .86rem; }.research-id { color: var(--blue-700); font-family: monospace; font-size: .72rem; font-weight: 800; }
.research-status-list { display: grid; gap: 10px; }.research-status-list > div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid #e3ecf1; border-radius: 12px; }.research-status-list > div.active { background: #f2fbfd; border-color: #b9e4ed; }.status-icon { display: grid; width: 32px; height: 32px; place-items: center; color: var(--blue-700); background: #dff3f7; border-radius: 50%; }.status-icon svg { width: 16px; }.status-icon.done { color: #fff; background: #28a75f; }.research-status-list p { margin: 0; }.research-status-list strong, .research-status-list small { display: block; }.research-status-list strong { color: var(--ink); font-size: .76rem; }.research-status-list small { color: var(--muted); font-size: .65rem; }.research-status-list > div > span:last-child { color: #208c54; font-size: .65rem; font-weight: 800; }.research-status-list > div.active > span:last-child { color: var(--blue-700); }
.research-progress { height: 7px; margin-top: 20px; overflow: hidden; background: #e2ebf0; border-radius: 99px; }.research-progress span { display: block; width: 78%; height: 100%; background: linear-gradient(90deg, var(--blue-500), var(--cyan-400)); border-radius: inherit; }.dashboard-orbit { position: absolute; display: grid; width: 48px; height: 48px; place-items: center; color: var(--blue-700); background: #fff; border: 1px solid #cce6ed; border-radius: 50%; box-shadow: 0 12px 26px rgba(7,36,64,.12), 0 0 0 8px rgba(255,255,255,.72); }.dashboard-orbit svg { width: 21px; }.orbit-public { top: 25%; right: -27px; }.orbit-data { bottom: 20%; left: -27px; }

.public-sources { background: #fff; }.sources-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 85px; }.source-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 24px; padding: 14px; color: var(--muted); background: var(--soft); border: 1px solid var(--line); border-radius: 12px; font-size: .72rem; line-height: 1.5; }.source-note svg { width: 18px; flex: 0 0 18px; color: var(--blue-700); }.public-source-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.public-source-card { display: flex; min-height: 190px; gap: 16px; padding: 24px; background: var(--soft); border: 1px solid var(--line); border-radius: 18px; }.public-source-card > svg { width: 42px; height: 42px; flex: 0 0 42px; padding: 9px; color: var(--blue-700); background: #e1f3f7; border-radius: 12px; }.public-source-card span { color: #93a8b5; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }.public-source-card h3 { margin: 6px 0 9px; font-size: 1rem; }.public-source-card p { margin: 0; font-size: .8rem; }

.research-flow-section { color: #c7d8e7; background: radial-gradient(circle at 13% 15%, rgba(53,152,187,.16), transparent 27%), var(--navy-950); }.research-flow-section h2 { color: #fff; }.research-flow-section .section-heading { margin-bottom: 65px; }.research-flow { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none; }.research-flow::before { content: ""; position: absolute; z-index: 0; top: 41px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, rgba(80,210,238,.2), var(--cyan-400), rgba(80,210,238,.2)); }.research-flow li { position: relative; z-index: 1; text-align: center; }.research-flow-icon { display: grid; width: 82px; height: 82px; margin: 0 auto 20px; place-items: center; color: var(--cyan-400); background: #0c2846; border: 1px solid rgba(80,210,238,.25); border-radius: 50%; box-shadow: 0 0 0 8px var(--navy-950); }.research-flow-icon svg { width: 31px; height: 31px; stroke-width: 1.7; }.research-flow-icon.success { color: #fff; background: #209f55; border-color: #53c77b; }.research-flow li > span { color: var(--cyan-400); font-size: .72rem; font-weight: 800; letter-spacing: .13em; }.research-flow h3 { min-height: 48px; margin: 8px 0 10px; color: #fff; font-size: .94rem; }.research-flow p { max-width: 185px; margin: 0 auto; color: #aabfd1; font-size: .78rem; line-height: 1.5; }

.business-rules { padding: 115px 0; background: #fff; }.business-rules-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 90px; }.rules-builder { padding: 25px; background: #f8fbfd; border: 1px solid var(--line); border-radius: 25px; box-shadow: var(--shadow); }.rules-builder-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.rules-builder-head > div { display: flex; align-items: center; gap: 11px; }.rules-builder-head svg { width: 42px; height: 42px; padding: 9px; color: var(--blue-700); background: #e0f2f7; border-radius: 12px; }.rules-builder-head strong, .rules-builder-head small { display: block; }.rules-builder-head strong { color: var(--ink); font-size: .86rem; }.rules-builder-head small { color: var(--muted); font-size: .66rem; }.rules-active { padding: 6px 10px; color: #15854c; background: #e0f7e9; border-radius: 99px; font-size: .65rem; font-weight: 800; }
.rule-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 13px; margin-top: 11px; padding: 14px; background: #fff; border: 1px solid #e1eaef; border-radius: 12px; }.rule-order { display: grid; width: 31px; height: 31px; place-items: center; color: var(--blue-700); background: #e3f4f8; border-radius: 9px; font-size: .68rem; font-weight: 800; }.rule-row strong, .rule-row small { display: block; }.rule-row strong { color: var(--ink); font-size: .77rem; }.rule-row small { color: var(--muted); font-size: .64rem; }.rule-toggle { display: block; width: 36px; height: 21px; padding: 3px; background: #35a16a; border-radius: 99px; }.rule-toggle i { display: block; width: 15px; height: 15px; margin-left: auto; background: #fff; border-radius: 50%; }.rules-summary { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding: 14px; color: #b8d0df; background: var(--navy-900); border-radius: 12px; }.rules-summary svg { width: 25px; color: #57d58b; }.rules-summary strong, .rules-summary span { display: block; }.rules-summary span { font-size: .68rem; }.rules-summary strong { color: #fff; font-size: .78rem; }.business-rules-copy > p { font-size: 1.03rem; }.business-rules-copy ul { display: grid; gap: 13px; margin: 28px 0 0; padding: 0; list-style: none; }.business-rules-copy li { display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: .86rem; font-weight: 600; }.business-rules-copy li svg { width: 19px; color: var(--blue-500); }

.research-types { background: var(--soft); }.research-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }.research-type-card { min-height: 275px; padding: 29px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-md); }.research-type-card > svg { width: 48px; height: 48px; margin-bottom: 34px; padding: 11px; color: var(--blue-700); background: #e3f4f8; border-radius: 14px; }.research-type-card h3 { font-size: 1.08rem; }.research-type-card p { margin-bottom: 19px; font-size: .84rem; }.research-type-card span { color: var(--blue-700); font-size: .68rem; font-weight: 800; letter-spacing: .04em; }

.research-result { padding: 115px 0; background: #fff; }.research-result-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 90px; }.research-result-copy > p { font-size: 1.03rem; }.research-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; }.research-benefits > div { display: flex; gap: 9px; padding: 13px; background: var(--soft); border: 1px solid var(--line); border-radius: 12px; }.research-benefits svg { width: 20px; flex: 0 0 20px; color: var(--blue-700); }.research-benefits strong, .research-benefits span { display: block; }.research-benefits span { color: var(--muted); font-size: .65rem; }.research-benefits strong { margin-bottom: 2px; color: var(--ink); font-size: .76rem; }
.result-report { padding: 29px; background: #f8fbfd; border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); }.result-report-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.result-report-head > div { display: flex; align-items: center; gap: 11px; }.result-report-head svg { width: 42px; height: 42px; padding: 9px; color: var(--blue-700); background: #e0f2f7; border-radius: 12px; }.result-report-head strong, .result-report-head small { display: block; }.result-report-head strong { color: var(--ink); font-size: .83rem; }.result-report-head small { color: var(--muted); font-size: .66rem; }.report-ready { padding: 6px 10px; color: #15854c; background: #e0f7e9; border-radius: 99px; font-size: .64rem; font-weight: 800; }.report-score { display: flex; align-items: center; justify-content: space-between; margin: 18px 0 8px; padding: 17px; color: #d4e3ed; background: var(--navy-900); border-radius: 13px; }.report-score span, .report-score strong { display: block; }.report-score span { font-size: .67rem; }.report-score strong { color: #fff; }.report-score svg { width: 35px; color: #55d187; }.report-item { display: grid; grid-template-columns: 1fr auto 19px; align-items: center; gap: 10px; padding: 13px 2px; border-bottom: 1px solid #e4edf1; font-size: .76rem; }.report-item span { color: var(--muted); }.report-item strong { color: var(--ink); }.report-item svg { width: 17px; color: #27a660; }.report-footer { display: flex; justify-content: flex-end; align-items: center; gap: 6px; margin-top: 17px; color: var(--muted); font-size: .66rem; }.report-footer svg { width: 15px; color: var(--blue-700); }

.research-cta { padding: 78px 0; color: #c7d8e7; background: var(--navy-900); }.research-cta-inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; }.research-cta h2 { max-width: 830px; margin-bottom: 14px; color: #fff; font-size: clamp(2.2rem, 3.8vw, 3.8rem); }.research-cta p { margin: 0; }.research-cta-button { color: var(--navy-950); background: var(--gold-500); border-color: var(--gold-500); white-space: nowrap; }.research-cta-button:hover { color: #fff; }

@media (max-width: 1050px) { .research-hero-grid, .sources-layout { grid-template-columns: 1fr; }.research-dashboard { max-width: 850px; }.research-flow { grid-template-columns: repeat(3, 1fr); gap: 45px 20px; }.research-flow::before { display: none; }.research-type-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 820px) { .business-rules-grid, .research-result-grid, .research-cta-inner { grid-template-columns: 1fr; gap: 48px; }.research-cta-button { justify-self: start; } }
@media (max-width: 580px) { .research-hero { padding-top: calc(var(--header-height) + 45px); padding-bottom: 65px; }.research-hero h1 { font-size: 3.15rem; }.research-hero-actions { display: grid; }.research-hero-actions .button { width: 100%; }.research-trust, .public-source-grid, .research-flow, .research-type-grid, .research-benefits { display: grid; grid-template-columns: 1fr; }.research-dashboard { margin: 0 5px; padding: 16px; border-radius: 18px; }.research-status-list > div { grid-template-columns: 32px 1fr; }.research-status-list > div > span:last-child { grid-column: 2; }.dashboard-orbit { display: none; }.public-source-card, .research-type-card { min-height: 0; }.research-flow { gap: 34px; }.research-flow h3 { min-height: 0; }.business-rules, .research-result { padding: 75px 0; }.rule-row { grid-template-columns: 31px 1fr; }.rule-toggle { display: none; }.result-report { padding: 22px 18px; }.research-cta { padding: 65px 0; } }