/* JournalRight marketing page — isolated styles, sharing RefRight typography. */
body { font-size:16px; color:#173332; background:#fff; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
.jr-container { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.jr-header { background:#fff; border-bottom:1px solid #dce7e4; }
.jr-nav { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:88px; }
.jr-brand { display:flex; align-items:center; gap:11px; color:#173332; font-size:24px; font-weight:750; line-height:1.1; letter-spacing:-.8px; }
.jr-brand:hover { text-decoration:none; }
.jr-brand-right { color:#13776d; }
.jr-brand small { display:block; max-width:260px; font-size:10px; line-height:1.5; letter-spacing:.5px; margin-top:6px; color:#69827b; }
.jr-mark,.jr-preview-mark { display:grid; place-items:center; background:#13776d; color:#fff; border-radius:12px; width:43px; height:43px; font-size:29px; font-weight:400; }
.jr-nav-links { display:flex; align-items:center; gap:27px; font-size:14px; font-weight:550; }
.jr-nav-links>a { color:#345650; }
.jr-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; color:#fff!important; background:#13776d; padding:16px 23px; border:1px solid #13776d; border-radius:9px; font-size:15px; font-weight:650; text-decoration:none; min-height:48px; text-align:center; }
.jr-button:hover { background:#0c5c54; text-decoration:none; }
.jr-button-small { padding:10px 16px; font-size:13px; min-height:42px; }
.jr-link { color:#13776d; font-weight:650; }
.jr-eyebrow { font-size:11px; font-weight:750; letter-spacing:1.8px; color:#13776d; margin-bottom:22px; display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.jr-pill { display:inline-block; font-size:10px; font-weight:650; letter-spacing:.3px; border:1px solid #cddfda; border-radius:20px; padding:4px 9px; color:#4d7066; background:#f3f8f6; white-space:nowrap; }
.jr-dot { display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:#27927d; }
.jr-hero { background:linear-gradient(115deg,#fff 18%,#f2f7f4 80%); padding:80px 0 86px; overflow:hidden; }
.jr-hero-grid { display:grid; grid-template-columns:1.06fr 1fr; gap:64px; align-items:center; }
.jr-hero h1 { font-size:clamp(42px,4.4vw,64px); letter-spacing:-2.8px; line-height:1.07; font-weight:750; margin-bottom:28px; }
.jr-hero h1>span { color:#13776d; }
.jr-lead { font-size:18px; line-height:1.7; color:#5b716b; max-width:490px; margin-bottom:30px; }
.jr-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.jr-actions .jr-link { font-size:14px; }
.jr-hero-note { font-size:12px; margin-top:25px; color:#6a8079; }
.jr-preview { border:1px solid #c8ddd4; border-radius:15px; background:white; box-shadow:0 24px 65px #234b3520; position:relative; }
.jr-preview-top { padding:18px 22px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #e5ece9; font-size:14px; }
.jr-preview-mark { width:25px; height:25px; border-radius:7px; font-size:19px; }
.jr-preview-chip { background:#eff5f2; color:#5b776d; padding:4px 8px; border-radius:5px; font-size:10px; font-weight:600; }
.jr-preview-top>.jr-preview-chip { margin-left:auto; }
.jr-preview-content { padding:26px; }
.jr-preview-content>.jr-eyebrow { font-size:9px; margin-bottom:10px; }
.jr-preview h2 { font-size:26px; line-height:1.18; letter-spacing:-.8px; margin-bottom:24px; }
.jr-preview-profile { display:flex; justify-content:space-between; align-items:center; gap:12px; background:#f5f8f6; padding:14px; border-radius:7px; font-size:11px; }
.jr-preview-profile strong { display:flex; align-items:center; gap:8px; }
.jr-preview-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:15px 0 22px; }
.jr-preview-stats div { padding:17px 14px; border:1px solid #dce7e1; border-radius:8px; }
.jr-preview-stats strong { display:block; font-size:29px; letter-spacing:-1px; }
.jr-preview-stats span { font-size:10px; color:#60786d; }
.jr-preview-list>div { display:flex; align-items:center; gap:10px; border-top:1px solid #e7eeea; padding:17px 0; }
.jr-state { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; font-size:12px; flex:none; }
.jr-state.good { background:#e5f2e9; color:#23805a; }
.jr-state.attention { background:#fff2d7; color:#956716; }
.jr-preview-list strong { font-size:12px; display:block; }
.jr-preview-list small { font-size:9px; color:#6a7f76; display:block; margin-top:4px; }
.jr-state-label,.jr-evidence { margin-left:auto; font-size:9px; color:#2c7b65; white-space:nowrap; }
.jr-evidence { border:1px solid #d1e4dd; border-radius:20px; padding:5px 8px; }
.jr-preview-bottom { display:flex; gap:7px; align-items:center; font-size:9px; color:#5d776b; margin-top:10px; }
.jr-preview-caption { border-top:1px solid #e7eeea; padding:11px 20px; color:#788b80; background:#f8faf9; font-size:10px; border-radius:0 0 15px 15px; }
.jr-trust { border-block:1px solid #e2eae6; padding:25px 0; }
.jr-trust>.jr-container { display:flex; justify-content:space-between; gap:20px; align-items:center; flex-wrap:wrap; font-size:12px; color:#647b71; }
.jr-trust strong { color:#355c4e; font-weight:600; }
.jr-section { padding-block:84px; }
.jr-section-head { margin-bottom:38px; max-width:650px; }
.jr-section h2,.jr-profiles h2,.jr-family h2 { font-size:clamp(28px,3.2vw,42px); line-height:1.14; letter-spacing:-1.4px; margin-bottom:18px; }
.jr-section-head>p:last-child,.jr-profiles p,.jr-family p { color:#64786f; line-height:1.75; }
.jr-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.jr-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.jr-price-card { display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid #dce6e0; border-radius:12px; background:#fff; }
.jr-price-featured { border:2px solid #13776d; background:#f3f8f6; }
.jr-price-card h3 { margin:22px 0 12px; font-size:21px; }
.jr-price-card p { color:#526e62; line-height:1.7; margin-bottom:20px; }
.jr-price-card .jr-price { color:#173332; font-size:42px; font-weight:750; letter-spacing:-1px; line-height:1.2; margin-bottom:14px; }
.jr-price span { display:block; font-size:13px; font-weight:500; letter-spacing:0; margin-top:8px; }
.jr-price-card .jr-india-price { font-size:14px; font-weight:650; color:#13776d; }
.jr-price-card .jr-button { margin-top:auto; width:100%; }
.jr-pricing-included { margin-top:25px; padding:24px; border-radius:10px; background:#f1f6f2; }
.jr-pricing-included h3,.jr-pricing-institutions h3 { font-size:20px; margin-bottom:12px; }
.jr-pricing-included p,.jr-pricing-institutions p { color:#526e62; line-height:1.8; font-size:14px; }
.jr-pricing-institutions { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 0; border-bottom:1px solid #dce6e0; }
.jr-pricing-institutions>div { max-width:760px; }
.jr-pricing-institutions .jr-button { flex-shrink:0; }
.jr-pricing-note { margin-top:20px; font-size:12px; line-height:1.8; color:#526e62; }
@media(max-width:760px) { .jr-pricing-grid { grid-template-columns:1fr; } .jr-pricing-institutions { flex-direction:column; align-items:flex-start; } }
.jr-feature { padding:28px; border:1px solid #dce6e0; border-radius:12px; display:flex; flex-direction:column; background:#fff; }
.jr-icon { color:#13776d; font-size:12px; font-weight:650; letter-spacing:1px; width:38px; height:38px; display:grid; place-items:center; background:#eff6f1; border-radius:9px; margin-bottom:25px; }
.jr-feature h3 { font-size:19px; letter-spacing:-.35px; margin-bottom:12px; }
.jr-feature p { font-size:14px; color:#63766c; line-height:1.8; margin-bottom:24px; }
.jr-feature-tag { margin-top:auto; font-size:10px; color:#13776d; font-weight:600; border-top:1px solid #e8eeea; padding-top:16px; }
.jr-profiles { background:#f1f6f2; padding-block:66px; border-block:1px solid #e0e9e1; }
.jr-profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.jr-profile-list>div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border:1px solid #d7e4d9; border-radius:8px; margin-bottom:9px; background:#fff; font-size:14px; }
.jr-profile-list p { font-size:11px; margin-top:18px; }
.jr-onboarding { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; padding:42px; background:#f1f6f2; border:1px solid #d7e4d9; border-radius:15px; }
.jr-onboarding p { color:#526e62; line-height:1.8; margin-bottom:24px; }
.jr-onboarding-timing { padding:28px; background:#fff; border:1px solid #d7e4d9; border-radius:12px; }
.jr-onboarding-timing>strong { display:block; color:#13776d; font-size:32px; letter-spacing:-1px; line-height:1.2; }
.jr-onboarding-timing>span { display:block; font-size:16px; font-weight:650; margin:10px 0 16px; }
.jr-onboarding-timing ul { padding-left:20px; color:#526e62; line-height:1.8; margin-bottom:20px; }
.jr-onboarding-timing .jr-onboarding-note { font-size:13px; margin-bottom:0; border-top:1px solid #e2eae6; padding-top:18px; }
@media(max-width:760px) { .jr-onboarding { grid-template-columns:1fr; padding:24px; gap:24px; } .jr-onboarding-timing { padding:22px; } }
.jr-steps { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:55px; }
.jr-steps li { border-top:1px solid #c7dbcf; padding-top:24px; }
.jr-steps li>span { color:#13776d; font-size:12px; font-weight:700; }
.jr-steps h3 { margin:20px 0 12px; font-size:21px; letter-spacing:-.5px; }
.jr-steps p { font-size:14px; color:#64786f; line-height:1.8; }
.jr-family { padding:48px; border-radius:15px; background:#102e2a; color:#fff; }
.jr-family>.jr-eyebrow,.jr-family .jr-eyebrow { color:#80c9b6; }
.jr-family p { color:#b2c6bb; }
.jr-family-products { display:grid; grid-template-columns:1fr 1fr; margin-top:30px; gap:40px; }
.jr-family-products article { border-top:1px solid #3b5650; padding-top:25px; }
.jr-family-label { color:#8dcfbd; font-size:10px; font-weight:700; letter-spacing:2px; }
.jr-family-products h3 { font-size:22px; margin:15px 0 12px; }
.jr-family-products p { font-size:14px; margin-bottom:23px; }
.jr-family .jr-link { color:#99dec5; font-size:13px; }
.jr-faq { display:grid; grid-template-columns:1fr 1.5fr; gap:60px; }
.jr-faq details { border-top:1px solid #dde6e0; padding:21px 0; }
.jr-faq summary { cursor:pointer; font-weight:600; font-size:15px; }
.jr-faq details p { font-size:14px; color:#657a6f; line-height:1.8; padding-top:17px; }
.jr-get-started { padding:74px 0; background:#edf5f0; text-align:center; }
.jr-get-started .jr-eyebrow,.jr-get-started .jr-actions { justify-content:center; }
.jr-get-started h2 { font-size:clamp(32px,4vw,48px); line-height:1.15; letter-spacing:-1.8px; margin-bottom:22px; }
.jr-get-started p { max-width:660px; margin:0 auto 27px; font-size:15px; color:#5d7969; line-height:1.8; }
.jr-get-started .jr-eyebrow { font-size:11px; margin-bottom:20px; }
.jr-button-outline { color:#13776d!important; background:transparent; }
.jr-button-outline:hover { background:#dfede4; }
.jr-install { text-align:left; max-width:570px; margin:28px auto 20px; padding-left:22px; color:#476753; font-size:13px; line-height:1.8; }
.jr-get-started .jr-install-note { font-size:11px; margin-bottom:0; }
.jr-footer { display:grid; grid-template-columns:1fr auto; gap:25px; padding-block:32px; font-size:12px; }
.jr-footer strong { display:block; font-size:18px; }
.jr-footer span { display:block; color:#7b8d82; font-size:10px; margin-top:5px; }
.jr-footer nav { display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.jr-footer a { color:#4c6a59; }
.jr-footer p { grid-column:1/-1; font-size:10px; color:#7b8d82; }
.jr-company-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.jr-company-card { padding:32px; border:1px solid #dce6e0; border-radius:12px; background:#fff; }
.jr-company-card h3 { font-size:22px; letter-spacing:-.4px; margin-bottom:18px; }
.jr-company-card p { font-size:15px; color:#63766c; line-height:1.8; margin-bottom:20px; }
.jr-company-card p strong { color:#355c4e; }
.jr-company-card .jr-link { font-size:14px; }
.jr-office { border-top:1px solid #e2eae6; margin-top:28px; padding-top:22px; }
.jr-office h4,.jr-contact-details dt { font-size:12px; font-weight:650; color:#64786f; margin-bottom:8px; }
.jr-office address { font-style:normal; font-size:15px; color:#355c4e; line-height:1.8; }
.jr-contact-details { margin-bottom:26px; }
.jr-contact-details>div { border-top:1px solid #e2eae6; padding:17px 0; }
.jr-contact-details dd { margin:0; font-size:18px; font-weight:600; overflow-wrap:anywhere; }
.jr-contact-details a { color:#13776d; }
.jr-company-card .jr-contact-note { font-size:12px; margin:22px 0 0; }
@media(max-width:760px) { .jr-company-grid { grid-template-columns:1fr; } .jr-company-card { padding:24px; } }
.jr-skip { position:absolute; left:12px; top:-80px; background:#fff; border:2px solid #13776d; padding:10px; z-index:10; }
.jr-skip:focus { top:12px; }
a:focus-visible,summary:focus-visible { outline:3px solid #cb9932; outline-offset:5px; }
@media(max-width:1000px) { .jr-hero-grid { gap:35px; } .jr-hero h1 { letter-spacing:-1.7px; } .jr-profile-grid { gap:45px; } .jr-preview-content { padding:20px; } .jr-nav-links { gap:16px; } }
@media(max-width:760px) { .jr-container { width:calc(100% - 40px); } .jr-nav { flex-wrap:wrap; padding-block:18px; gap:20px; } .jr-nav-links { flex-wrap:wrap; gap:16px; font-size:12px; } .jr-hero { padding:45px 0; } .jr-hero-grid,.jr-profile-grid,.jr-faq { grid-template-columns:1fr; gap:35px; } .jr-hero h1 { font-size:46px; } .jr-feature-grid { grid-template-columns:repeat(2,1fr); } .jr-section { padding-block:55px; } .jr-steps { gap:24px; } .jr-family { padding:30px; } .jr-faq { gap:20px; } .jr-trust>.jr-container { font-size:11px; justify-content:flex-start; } .jr-footer { grid-template-columns:1fr; } }
@media(max-width:480px) { .jr-feature-grid,.jr-steps,.jr-family-products { grid-template-columns:1fr; } .jr-hero h1 { font-size:40px; } .jr-lead { font-size:16px; } .jr-nav-links { gap:13px; } .jr-nav-links>.jr-button { padding:8px 12px; } .jr-preview-content { padding:17px; } .jr-preview-profile { flex-wrap:wrap; } .jr-state-label { display:none; } .jr-preview-list>div { flex-wrap:wrap; } .jr-evidence { margin-left:34px; } .jr-preview-bottom { line-height:1.6; font-size:9px; } .jr-preview-stats div { padding:13px 10px; } .jr-get-started .jr-button { width:100%; } .jr-hero .jr-actions { gap:18px; } .jr-section h2 { letter-spacing:-.8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }