/* StudyRev 1.3: aligned conversion and app-ready experience. */
:root {
	--sr-container: 1180px;
	--srx-gutter: clamp(16px, 3vw, 28px);
	--srx-section: clamp(72px, 8vw, 118px);
	--srx-navy: #062b67;
	--srx-blue: #128bd2;
	--srx-ink: #101828;
	--srx-muted: #667085;
	--srx-line: #e5eaf1;
	--srx-soft: #f5f8fc;
}

html { scroll-padding-top: 104px; }
body { overflow-x: clip; }
.site-main { width: 100%; }
.front-page-block-content,
.page-block-content,
.entry-content { overflow: clip; }
.front-page-block-content > *,
.page-block-content > *,
.entry-content > * { margin-inline: auto; }
.front-page-block-content > .alignfull,
.page-block-content > .alignfull,
.entry-content > .alignfull { width: 100%; max-width: none; margin-left: 0; }
.front-page-block-content > .alignwide,
.page-block-content > .alignwide,
.entry-content > .alignwide,
.wp-block-group.alignwide { width: min(calc(100% - (var(--srx-gutter) * 2)), var(--sr-container)); max-width: var(--sr-container); margin-inline: auto; }
.srx-container { width: min(calc(100% - (var(--srx-gutter) * 2)), var(--sr-container)); margin-inline: auto; }

/* Header stays visually separate; no decorative strip or shape below it. */
.site-header { padding-block: 10px; background: rgba(247, 249, 252, .78); backdrop-filter: blur(22px) saturate(1.25); }
.site-header::before,
.site-header__inner::before { display: none; }
.site-header__inner { width: min(calc(100% - (var(--srx-gutter) * 2)), var(--sr-container)); min-height: 74px; padding-inline: 18px; border: 1px solid rgba(255, 255, 255, .88); border-radius: 20px; background: linear-gradient(135deg, rgba(255, 255, 255, .93), rgba(245, 250, 255, .78)); box-shadow: 0 18px 54px rgba(15, 35, 82, .11), inset 0 1px 0 #fff; backdrop-filter: blur(24px) saturate(1.35); }
.sr-home-canvas { margin-top: 0; background: linear-gradient(180deg, #f8fbff 0, #f3f7fc 16%, #fff 35%); }
.sr-pattern-hero::before,
.sr-pattern-hero::after { display: none; }
.sr-pattern-hero { background: radial-gradient(circle at 12% 18%, rgba(18, 139, 210, .13), transparent 25%), radial-gradient(circle at 88% 30%, rgba(6, 43, 103, .1), transparent 24%); }
.sr-pattern-hero .sr-stats-panel { border: 1px solid rgba(255, 255, 255, .16); background: rgba(7, 26, 52, .92); backdrop-filter: blur(20px); }
.sr-pattern-hero .sr-stat { border: 1px solid rgba(255, 255, 255, .65); background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(242, 248, 255, .9)); }
.sr-pattern-hero .sr-stat-primary { background: linear-gradient(145deg, #128bd2, #0b5daa); color: #fff; }

/* Compact, centered page heroes. */
.sr-page-hero { display: grid; min-height: 0; place-items: center; padding: clamp(64px, 7vw, 96px) 0 clamp(54px, 6vw, 82px); }
.sr-page-hero .sr-display-title { max-width: 920px; margin-inline: auto; font-size: clamp(2.9rem, 6vw, 5.8rem); }
.sr-page-hero .sr-hero-copy { max-width: 720px; }
.sr-inner-page .sr-services-section { padding-top: 0; }
.singular-layout { width: min(calc(100% - (var(--srx-gutter) * 2)), var(--sr-container)); }
.singular-layout > .entry-header { max-width: 860px; margin: 0 auto 34px; text-align: center; }

.srx-section { position: relative; padding-block: var(--srx-section); isolation: isolate; }
.srx-section::before { position: absolute; z-index: -1; top: 12%; left: max(-120px, -8vw); width: 240px; height: 240px; border-radius: 50%; background: rgba(18, 139, 210, .07); content: ""; filter: blur(2px); pointer-events: none; }
.srx-section-heading { max-width: 760px; margin: 0 auto clamp(34px, 5vw, 58px); text-align: center; }
.srx-section-heading h2 { margin-bottom: 14px; color: var(--srx-ink); font-size: clamp(2.1rem, 4.4vw, 4rem); line-height: 1.02; letter-spacing: -.045em; }
.srx-section-heading > p:last-child { max-width: 650px; margin: 0 auto; color: var(--srx-muted); }
.srx-eyebrow { margin: 0 0 10px; color: var(--srx-blue); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.srx-section-action { margin: 34px 0 0; text-align: center; }

/* Clickable service cards. */
.srx-services { background: linear-gradient(180deg, rgba(255, 255, 255, .96), #f6f9fd); }
.srx-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.srx-service-card { --srx-rotate-x: 0deg; --srx-rotate-y: 0deg; position: relative; display: flex; min-height: 275px; padding: 30px; overflow: hidden; flex-direction: column; border: 1px solid rgba(255, 255, 255, .9); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(238, 247, 255, .74)); box-shadow: 0 14px 36px rgba(15, 35, 82, .08), inset 0 1px 0 #fff; color: var(--srx-muted); text-decoration: none; transform: perspective(900px) rotateX(var(--srx-rotate-x)) rotateY(var(--srx-rotate-y)); transition: border-color .25s ease, box-shadow .25s ease, transform .18s ease; backdrop-filter: blur(18px); }
.srx-service-card::after { position: absolute; right: -50px; bottom: -64px; width: 150px; height: 150px; border-radius: 50%; background: rgba(18, 139, 210, .07); content: ""; transition: transform .35s ease; }
.srx-service-card:hover { border-color: rgba(18, 139, 210, .38); box-shadow: 0 24px 60px rgba(15, 35, 82, .15); color: var(--srx-muted); transform: perspective(900px) translateY(-8px) rotateX(var(--srx-rotate-x)) rotateY(var(--srx-rotate-y)); }
.srx-service-card:hover::after { transform: scale(1.35); }
.srx-service-card__icon { display: grid; width: 54px; height: 54px; margin-bottom: 28px; place-items: center; border: 1px solid rgba(18, 139, 210, .14); border-radius: 16px; background: linear-gradient(145deg, #eaf6fd, #fff); box-shadow: 0 10px 24px rgba(18, 139, 210, .12); color: var(--srx-blue); }
.srx-service-card__icon svg { width: 27px; height: 27px; }
.srx-service-card h3 { margin-bottom: 10px; color: var(--srx-ink); font-size: 1.25rem; }
.srx-service-card p { margin-bottom: 22px; font-size: .92rem; line-height: 1.65; }
.srx-card-link { position: relative; z-index: 1; margin-top: auto; color: var(--srx-navy); font-size: .84rem; font-weight: 800; }

/* Mentor cards. */
.srx-mentors { background: var(--srx-soft); }
.srx-mentor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.srx-mentor-grid > :last-child:nth-child(3n + 1) { grid-column: 2; }
.srx-mentor-card { --srx-rotate-x: 0deg; --srx-rotate-y: 0deg; overflow: hidden; border: 1px solid rgba(255, 255, 255, .88); border-radius: 22px; background: rgba(255, 255, 255, .8); box-shadow: 0 12px 32px rgba(15, 35, 82, .08), inset 0 1px 0 #fff; transform: perspective(900px) rotateX(var(--srx-rotate-x)) rotateY(var(--srx-rotate-y)); transition: transform .18s ease, box-shadow .25s ease; backdrop-filter: blur(18px); }
.srx-mentor-card:hover { box-shadow: 0 22px 52px rgba(15, 35, 82, .14); transform: perspective(900px) translateY(-6px) rotateX(var(--srx-rotate-x)) rotateY(var(--srx-rotate-y)); }
.srx-mentor-card__visual { display: grid; min-height: 128px; place-items: center; overflow: hidden; background: linear-gradient(135deg, var(--srx-navy), #1659a8); color: #fff; font-size: 1.5rem; font-weight: 800; }
.srx-mentor-card__visual img { width: 100%; height: 180px; object-fit: cover; }
.srx-mentor-card__body { position: relative; padding: 24px; }
.srx-mentor-card__body h3 { margin: 12px 0 7px; font-size: 1.14rem; }
.srx-mentor-card__body p { min-height: 3em; margin: 0 0 20px; color: var(--srx-muted); font-size: .86rem; }
.srx-status { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #ecfdf3; color: #087443; font-size: .68rem; font-weight: 800; }
.srx-status--busy { background: #fff7e8; color: #a45d00; }
.srx-status--offline { background: #f2f4f7; color: #667085; }
.srx-mentor-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.srx-mentor-actions a { padding: 9px 12px; border: 1px solid var(--srx-line); border-radius: 9px; color: var(--srx-navy); font-size: .76rem; font-weight: 750; text-decoration: none; }
.srx-mentor-actions a:first-child { border-color: var(--srx-navy); background: var(--srx-navy); color: #fff; }

/* University continuous rail. */
.srx-universities { overflow: hidden; background: #fff; }
.srx-marquee { display: flex; width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.srx-marquee__track { display: flex; width: max-content; gap: 16px; padding: 6px 8px 20px; animation: srxMarquee 42s linear infinite; }
.srx-marquee:hover .srx-marquee__track { animation-play-state: paused; }
.srx-university-card { display: flex; width: 280px; min-height: 112px; padding: 20px; align-items: center; gap: 15px; flex: 0 0 auto; border: 1px solid var(--srx-line); border-radius: 18px; background: #fff; box-shadow: 0 10px 26px rgba(15, 35, 82, .07); }
.srx-university-card__mark { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 14px; background: #eaf6fd; color: var(--srx-blue); font-size: .78rem; font-weight: 850; text-transform: uppercase; }
.srx-university-card h3 { margin: 0 0 4px; font-size: .91rem; line-height: 1.25; }
.srx-university-card p { margin: 0; color: var(--srx-muted); font-size: .74rem; }
.srx-disclaimer { max-width: 850px; margin: 24px auto 0; color: var(--srx-muted); font-size: .72rem; text-align: center; }
@keyframes srxMarquee { to { transform: translateX(-50%); } }

/* Student success masonry and accessible lightbox. */
.srx-gallery { overflow: hidden; background: linear-gradient(155deg, #061a35, #0b376f); color: #fff; }
.srx-gallery::before { top: -70px; right: -80px; left: auto; width: 340px; height: 340px; background: rgba(70, 191, 255, .16); }
.srx-gallery .srx-section-heading h2,
.srx-gallery .srx-section-heading > p:last-child { color: #fff; }
.srx-gallery .srx-section-heading > p:last-child { opacity: .72; }
.srx-gallery-grid { display: grid; grid-template-columns: 1.2fr .8fr 1fr; grid-auto-rows: 180px; gap: 16px; }
.srx-gallery-card { --srx-rotate-x: 0deg; --srx-rotate-y: 0deg; position: relative; padding: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 22px; background: rgba(255, 255, 255, .08); box-shadow: 0 20px 50px rgba(0, 0, 0, .2); color: #fff; text-align: left; transform: perspective(900px) rotateX(var(--srx-rotate-x)) rotateY(var(--srx-rotate-y)); transition: transform .18s ease, border-color .25s ease; }
.srx-gallery-card:first-child { grid-row: span 2; }
.srx-gallery-card:nth-child(3n) { grid-row: span 2; }
.srx-gallery-card:hover { border-color: rgba(255, 255, 255, .5); transform: perspective(900px) translateY(-5px) rotateX(var(--srx-rotate-x)) rotateY(var(--srx-rotate-y)); }
.srx-gallery-card::after { position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(3, 13, 28, .88)); content: ""; }
.srx-gallery-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2, .7, .2, 1); }
.srx-gallery-card:hover img { transform: scale(1.06); }
.srx-gallery-card > span { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; }
.srx-gallery-card strong,
.srx-gallery-card small { display: block; }
.srx-gallery-card small { margin-top: 4px; opacity: .74; font-size: .72rem; }
.srx-lightbox[hidden] { display: none; }
.srx-lightbox { position: fixed; z-index: 100000; inset: 0; display: grid; padding: 20px; place-items: center; }
.srx-lightbox__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(2, 9, 20, .85); backdrop-filter: blur(14px); }
.srx-lightbox figure { position: relative; width: min(100%, 980px); max-height: 88vh; margin: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .24); border-radius: 22px; background: #061a35; box-shadow: 0 28px 90px rgba(0, 0, 0, .4); }
.srx-lightbox figure > button { position: absolute; z-index: 2; top: 12px; right: 12px; display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #071a34; font-size: 1.5rem; }
.srx-lightbox img { width: 100%; max-height: 76vh; object-fit: contain; background: #020914; }
.srx-lightbox figcaption { padding: 14px 18px; color: #fff; }

/* Verified reviews only. */
.srx-reviews { background: var(--srx-soft); }
.srx-review-rail { display: grid; grid-auto-columns: minmax(300px, 390px); grid-auto-flow: column; gap: 18px; overflow-x: auto; padding: 6px 2px 20px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.srx-review-card { min-height: 280px; padding: 28px; border: 1px solid var(--srx-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 32px rgba(15, 35, 82, .06); scroll-snap-align: start; }
.srx-stars { margin: 0 0 20px; color: #f5a623; letter-spacing: .12em; }
.srx-review-card blockquote { margin: 0; color: var(--srx-ink); font-size: 1rem; }
.srx-review-card__author { display: flex; margin-top: 26px; align-items: center; gap: 12px; }
.srx-review-card__author img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
.srx-review-card__author p { margin: 0; color: var(--srx-muted); font-size: .78rem; }
.srx-review-empty { max-width: 760px; margin: 0 auto; padding: 30px; border: 1px dashed #cbd5e1; border-radius: 20px; background: #fff; text-align: center; }

/* Premium footer with app readiness. */
.site-footer { margin-top: 0; background: #071a34; }
.srx-footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 42px; padding-block: 72px 34px; }
.srx-footer-grid h2 { margin-bottom: 18px; font-size: .94rem; letter-spacing: .03em; text-transform: uppercase; }
.srx-footer-grid address { font-style: normal; }
.srx-footer-grid ul { list-style: none; margin: 0; padding: 0; }
.srx-footer-grid li + li { margin-top: 9px; }
.srx-footer-grid a { text-decoration: none; }
.srx-footer-brand p { max-width: 42ch; }
.srx-footer-app { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr auto; gap: 28px; padding: 32px; align-items: center; border: 1px solid rgba(255, 255, 255, .11); border-radius: 22px; background: linear-gradient(135deg, rgba(18, 139, 210, .15), rgba(255, 255, 255, .04)); }
.srx-footer-app h2 { max-width: 720px; margin-bottom: 8px; font-size: clamp(1.6rem, 3vw, 2.7rem); letter-spacing: -.035em; text-transform: none; }
.srx-footer-app p { margin: 0; }
.srx-app-badges { display: flex; gap: 10px; }
.srx-app-badges span { display: grid; min-width: 150px; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; background: #fff; color: #071a34; }
.srx-app-badges small { color: #667085; font-size: .67rem; }
.footer-newsletter { grid-column: 1 / -1; }
.srx-footer-widget { grid-column: span 1; }

/* Counselling modal. */
.srx-modal[hidden] { display: none; }
.srx-modal { position: fixed; z-index: 99999; inset: 0; display: grid; padding: 18px; place-items: center; }
.srx-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(5, 15, 34, .7); backdrop-filter: blur(8px); }
.srx-modal__dialog { position: relative; width: min(100%, 720px); max-height: min(90vh, 780px); padding: clamp(24px, 4vw, 42px); overflow: auto; border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(0, 0, 0, .28); }
.srx-modal__dialog h2 { margin-bottom: 8px; font-size: clamp(1.8rem, 4vw, 2.9rem); }
.srx-modal__close { position: absolute; top: 14px; right: 14px; display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: #eef2f7; color: var(--srx-ink); font-size: 1.5rem; }
body.srx-modal-open { overflow: hidden; }

/* Helpful local assistant; WhatsApp remains the human live-chat escalation. */
.srx-chat { position: fixed; z-index: 980; bottom: 20px; left: 20px; }
.back-to-top { right: 22px; bottom: 88px; }
.srx-chat__toggle { display: flex; min-height: 52px; padding: 8px 16px 8px 8px; align-items: center; gap: 9px; border: 0; border-radius: 999px; background: var(--srx-navy); box-shadow: 0 16px 38px rgba(6, 43, 103, .28); color: #fff; font-size: .82rem; font-weight: 750; }
.srx-chat__toggle span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: var(--srx-blue); font-size: .72rem; }
.srx-chat__panel { position: absolute; bottom: 64px; left: 0; display: grid; width: min(360px, calc(100vw - 28px)); max-height: min(620px, calc(100vh - 110px)); overflow: hidden; border: 1px solid var(--srx-line); border-radius: 20px; background: #fff; box-shadow: 0 24px 70px rgba(15, 35, 82, .22); }
.srx-chat__panel[hidden] { display: none; }
.srx-chat__panel header { display: flex; padding: 16px; align-items: center; justify-content: space-between; background: var(--srx-navy); color: #fff; }
.srx-chat__panel header strong,
.srx-chat__panel header small { display: block; }
.srx-chat__panel header small { opacity: .72; font-size: .68rem; }
.srx-chat__panel header button { border: 0; background: transparent; color: #fff; font-size: 1.4rem; }
.srx-chat__messages { display: grid; gap: 9px; min-height: 130px; max-height: 260px; padding: 16px; overflow-y: auto; background: #f7f9fc; }
.srx-chat__messages p { width: fit-content; max-width: 88%; margin: 0; padding: 10px 12px; border-radius: 13px; font-size: .78rem; line-height: 1.5; }
.srx-chat__messages .is-bot { border-bottom-left-radius: 3px; background: #fff; }
.srx-chat__messages .is-user { margin-left: auto; border-bottom-right-radius: 3px; background: var(--srx-blue); color: #fff; }
.srx-chat__suggestions { display: flex; padding: 10px 12px; gap: 6px; overflow-x: auto; }
.srx-chat__suggestions button { flex: 0 0 auto; padding: 7px 9px; border: 1px solid var(--srx-line); border-radius: 999px; background: #fff; color: var(--srx-navy); font-size: .68rem; }
.srx-chat__form { display: grid; grid-template-columns: 1fr 42px; gap: 7px; padding: 12px; border-top: 1px solid var(--srx-line); }
.srx-chat__form input { min-width: 0; padding: 10px; border: 1px solid var(--srx-line); border-radius: 10px; }
.srx-chat__form button { border: 0; border-radius: 10px; background: var(--srx-blue); color: #fff; }

/* Newsfeed, article and comment experience. */
.page-hero { background: radial-gradient(circle at 18% 20%, rgba(18, 139, 210, .14), transparent 25%), #f7faff; text-align: center; }
.page-hero .breadcrumbs { justify-content: center; }
.entries-grid .entry,
.comments-area { padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(255, 255, 255, .9); border-radius: 22px; background: rgba(255, 255, 255, .84); box-shadow: 0 16px 42px rgba(15, 35, 82, .08); backdrop-filter: blur(16px); }
.comments-area { margin-top: 42px; }
.comment-list { list-style: none; margin: 0 0 32px; padding: 0; }
.comment-list .comment-body { margin-bottom: 14px; padding: 18px; border: 1px solid var(--srx-line); border-radius: 14px; background: #f8fbff; }
.comment-form { display: grid; gap: 12px; }
.comment-form input,
.comment-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--srx-line); border-radius: 11px; }
.comment-form .submit { min-height: 48px; border: 0; border-radius: 11px; background: var(--srx-navy); color: #fff; font-weight: 750; }
.button:active,
.wp-block-button__link:active,
.srx-mentor-actions a:active { transform: scale(.97); }

@media (max-width: 960px) {
	.srx-service-grid,
	.srx-mentor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.srx-mentor-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; width: min(100%, calc(50% - 11px)); justify-self: center; }
	.srx-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.srx-footer-brand,
	.srx-footer-app,
	.footer-newsletter { grid-column: 1 / -1; }
	.srx-footer-app { grid-template-columns: 1fr; }
	.srx-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	:root { --srx-section: 64px; }
	.site-header__inner { min-height: 64px; padding-inline: 10px; border-radius: 16px; }
	.header-actions__login { display: inline-flex; padding-inline: 7px; font-size: .76rem; }
	.button--header { display: none; }
	.sr-page-hero { padding-block: 50px; }
	.sr-page-hero .sr-display-title { font-size: clamp(2.6rem, 13vw, 4rem); }
	.srx-service-grid,
	.srx-mentor-grid,
	.srx-footer-grid { grid-template-columns: 1fr; }
	.srx-mentor-grid > :last-child:nth-child(odd) { grid-column: auto; width: 100%; }
	.srx-service-card { min-height: 240px; padding: 24px; }
	.srx-university-card { width: 245px; }
	.srx-gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 240px; }
	.srx-gallery-card:first-child,
	.srx-gallery-card:nth-child(3n) { grid-row: span 1; }
	.srx-footer-brand,
	.srx-footer-app,
	.footer-newsletter { grid-column: auto; }
	.srx-app-badges { flex-direction: column; }
	.srx-chat { right: 14px; bottom: 14px; left: 14px; }
	.srx-chat__toggle { margin-right: auto; }
	.srx-chat__panel { width: calc(100vw - 28px); }
}

@media (prefers-reduced-motion: reduce) {
	.srx-marquee__track { animation: none; }
	.srx-service-card,
	.srx-mentor-card { transition: none; }
}

/* StudyRev 1.5.2 — liquid-glass shell and content polish. */
body { background: #eef5fb; }
.site-header { padding-top: 12px; }
.site-header__inner {
	position: relative;
	overflow: visible;
	border: 1px solid rgba(255,255,255,.82);
	background: linear-gradient(120deg,rgba(255,255,255,.76),rgba(236,247,255,.56));
	box-shadow: 0 18px 55px rgba(5,35,82,.14), inset 0 1px 0 rgba(255,255,255,.95);
	backdrop-filter: blur(28px) saturate(175%);
	-webkit-backdrop-filter: blur(28px) saturate(175%);
}
.site-header__inner::before { position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(105deg,rgba(255,255,255,.58),transparent 34%,rgba(22,137,206,.1) 68%,rgba(255,255,255,.48)); content:""; pointer-events:none; }
.primary-menu a { border:1px solid transparent; }
.primary-menu a:hover,.primary-menu .current-menu-item>a,.primary-menu .current-menu-ancestor>a { border-color:rgba(22,137,206,.12); background:rgba(255,255,255,.58); box-shadow:0 8px 22px rgba(7,43,104,.07); }
.header-search-toggle,.menu-toggle { border:1px solid rgba(7,43,104,.1); background:rgba(255,255,255,.5); box-shadow:inset 0 1px 0 #fff; }
.button--header { box-shadow:0 12px 28px rgba(7,43,104,.24),inset 0 1px 0 rgba(255,255,255,.24); }
.sr-home-canvas { background:linear-gradient(180deg,#edf6fc 0,#f6f2eb 17%,#edf5fb 55%,#f7f3ed 100%); }
.sr-pattern-hero { overflow:visible; }
.sr-hero-people { overflow:visible; }
.sr-hero-people img { width:100%; height:auto; max-height:none; object-fit:contain; object-position:center bottom; }
.srx-section:nth-of-type(odd) { background-image:radial-gradient(circle at 8% 10%,rgba(22,137,206,.09),transparent 24rem),radial-gradient(circle at 95% 70%,rgba(7,43,104,.06),transparent 28rem); }
.srx-mentors { background:linear-gradient(145deg,#e8f2fa,#f7f4ef); }
.srx-mentor-card { background:rgba(255,255,255,.68); border-color:rgba(255,255,255,.9); box-shadow:0 18px 46px rgba(7,43,104,.1),inset 0 1px 0 #fff; }
.srx-mentor-card__visual { min-height:220px; background:#dcebf7; }
.srx-mentor-card__visual img { height:260px; object-fit:cover; object-position:center 22%; }
.site-footer .site-branding--footer { display:inline-flex; padding:14px 18px; border:1px solid rgba(255,255,255,.82); border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 16px 36px rgba(0,0,0,.16),inset 0 1px 0 #fff; }
.site-footer .site-branding--footer .site-branding__logo { width:auto; max-width:210px; max-height:82px; object-fit:contain; filter:none; }
.srx-footer-brand { position:relative; z-index:1; }
.sr-contact-intro { max-width:760px; margin:0 auto 34px; text-align:center; }
.sr-contact-intro h2 { font-size:clamp(2.6rem,6vw,5.4rem); letter-spacing:-.055em; }
.sr-contact-intro p { margin-inline:auto; max-width:62ch; }
.sr-contact-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.sr-contact-chips span { padding:9px 13px; border:1px solid rgba(7,43,104,.1); border-radius:999px; background:rgba(255,255,255,.68); color:#072b68; font-size:.8rem; font-weight:750; box-shadow:inset 0 1px 0 #fff; backdrop-filter:blur(12px); }
.sr-contact-layout { padding:clamp(36px,6vw,72px); border:1px solid rgba(255,255,255,.88); border-radius:30px; background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(231,244,253,.62)); box-shadow:0 28px 70px rgba(7,43,104,.12),inset 0 1px 0 #fff; backdrop-filter:blur(22px); }
.sr-contact-details { padding:8px 16px 8px 0; }
.sr-contact-details p { padding:14px 16px; border:1px solid rgba(7,43,104,.08); border-radius:14px; background:rgba(255,255,255,.58); }
.sr-contact-layout .sr-form-card { padding:30px; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.78); box-shadow:0 18px 48px rgba(7,43,104,.1); }
.sr-contact-next { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.sr-contact-next>div { padding:22px; border:1px solid rgba(7,43,104,.09); border-radius:18px; background:rgba(255,255,255,.64); }
.sr-contact-next b { display:block; margin-bottom:7px; color:#072b68; }
.sr-news-hero { position:relative; overflow:hidden; padding:clamp(70px,8vw,120px) 0 56px; background:radial-gradient(circle at 14% 20%,rgba(52,190,255,.24),transparent 24rem),linear-gradient(145deg,#061a36,#0a3979); color:#fff; }
.sr-news-hero::after { position:absolute; right:-7rem; bottom:-10rem; width:30rem; height:30rem; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.03),0 0 0 110px rgba(255,255,255,.025); content:""; }
.sr-news-hero h1,.sr-news-hero p,.sr-news-hero a { color:#fff; }
.sr-news-hero h1 { max-width:850px; font-size:clamp(3rem,7vw,6.2rem); letter-spacing:-.065em; }
.sr-news-hero p { max-width:660px; color:rgba(255,255,255,.78); font-size:1.08rem; }
.sr-news-layout { padding-block:70px; }
.sr-news-layout .entries-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sr-news-layout .entry { padding:26px; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.74); box-shadow:0 16px 42px rgba(7,43,104,.08); backdrop-filter:blur(16px); }
.sr-news-layout .entry-thumbnail img { aspect-ratio:16/9; object-fit:cover; }
.sr-news-cta { margin:0 auto 80px; padding:34px; border-radius:24px; background:linear-gradient(135deg,#072b68,#1689ce); color:#fff; text-align:center; box-shadow:0 24px 58px rgba(7,43,104,.22); }
.sr-news-cta h2,.sr-news-cta p { color:#fff; }
@media(max-width:780px){
	.site-header__inner { border-radius:18px; }
	.sr-pattern-hero { overflow:hidden; }
	.sr-hero-people { width:100%; margin-left:auto; }
	.sr-hero-people img { max-height:none; object-fit:contain; }
	.srx-mentor-card__visual img { height:310px; }
	.sr-contact-layout { padding:24px 16px; border-radius:22px; }
	.sr-contact-next,.sr-news-layout .entries-grid { grid-template-columns:1fr; }
	.sr-news-layout { padding-block:48px; }
}

/* StudyRev 1.4 premium glass system. */
body { background: radial-gradient(circle at 8% 5%, rgba(18, 139, 210, .07), transparent 24rem), #f7f9fc; }
.site-header { border-bottom: 1px solid rgba(255, 255, 255, .72); background: rgba(241, 247, 253, .66); box-shadow: 0 8px 34px rgba(5, 28, 65, .05); }
.site-header__inner { position: relative; overflow: visible; border-color: rgba(255, 255, 255, .94); background: linear-gradient(130deg, rgba(255, 255, 255, .94), rgba(238, 247, 255, .76)); box-shadow: 0 20px 56px rgba(12, 48, 91, .12), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(18, 139, 210, .08); }
.site-header__inner::after { position: absolute; top: 0; right: 9%; left: 9%; height: 1px; background: linear-gradient(90deg, transparent, rgba(18, 139, 210, .55), transparent); content: ""; pointer-events: none; }
.site-branding__logo { filter: drop-shadow(0 5px 10px rgba(6, 43, 103, .1)); }
.primary-menu > li > a { border-radius: 10px; transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.primary-menu > li > a:hover { background: rgba(18, 139, 210, .08); transform: translateY(-1px); }
.button--header { position: relative; overflow: hidden; border-color: rgba(255, 255, 255, .18); background: linear-gradient(135deg, #062b67, #0d70bd); box-shadow: 0 12px 28px rgba(6, 43, 103, .25), inset 0 1px 0 rgba(255, 255, 255, .3); }
.button--header::after { position: absolute; top: -60%; left: -35%; width: 28%; height: 220%; background: rgba(255, 255, 255, .35); content: ""; transform: rotate(24deg); transition: left .45s ease; }
.button--header:hover::after { left: 120%; }

.srx-journey { overflow: hidden; background: linear-gradient(155deg, #071f46, #063872 58%, #087ebd); color: #fff; }
.srx-journey::before { top: -12rem; right: -8rem; left: auto; width: 34rem; height: 34rem; background: rgba(91, 199, 255, .2); filter: blur(10px); }
.srx-journey .srx-section-heading { margin: 0; text-align: left; }
.srx-journey .srx-section-heading h2,
.srx-journey .srx-section-heading > p:last-child { color: #fff; }
.srx-journey .srx-section-heading > p:last-child { margin: 0; }
.srx-journey__intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; }
.srx-journey__intro .button { border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); backdrop-filter: blur(14px); }
.srx-journey__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 48px; }
.srx-journey__steps article { position: relative; min-height: 210px; padding: 25px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .055)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 18px 36px rgba(0, 16, 46, .16); backdrop-filter: blur(18px); transition: transform .3s ease, background-color .3s ease; }
.srx-journey__steps article:hover { background: rgba(255, 255, 255, .17); transform: translateY(-7px); }
.srx-journey__steps article > span { display: grid; width: 42px; height: 42px; margin-bottom: 30px; place-items: center; border: 1px solid rgba(255, 255, 255, .25); border-radius: 13px; background: rgba(255, 255, 255, .12); font-size: .75rem; font-weight: 800; }
.srx-journey__steps h3 { margin-bottom: 8px; color: #fff; }
.srx-journey__steps p { margin: 0; color: rgba(255, 255, 255, .74); font-size: .84rem; }
.srx-trust-stage { display: grid; grid-template-columns: 1.05fr .95fr; margin-top: 72px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .2); border-radius: 28px; background: rgba(255, 255, 255, .09); box-shadow: 0 30px 70px rgba(0, 14, 42, .2), inset 0 1px 0 rgba(255, 255, 255, .2); backdrop-filter: blur(20px); }
.srx-trust-stage__image { position: relative; min-height: 430px; }
.srx-trust-stage__image::after { position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(2, 18, 43, .82)); content: ""; }
.srx-trust-stage__image img { width: 100%; height: 100%; object-fit: cover; }
.srx-trust-stage__image > span { position: absolute; z-index: 1; right: 28px; bottom: 26px; left: 28px; }
.srx-trust-stage__image strong,
.srx-trust-stage__image small { display: block; }
.srx-trust-stage__image small { opacity: .7; }
.srx-trust-stage__content { display: grid; padding: clamp(28px, 5vw, 58px); align-content: center; }
.srx-trust-stage__content h2 { margin-bottom: 28px; color: #fff; font-size: clamp(2rem, 3.5vw, 3.3rem); }
.srx-feature-list { display: grid; gap: 13px; }
.srx-feature-list span { display: flex; padding: 11px 13px; align-items: center; gap: 11px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 13px; background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .88); font-size: .86rem; }
.srx-feature-list svg { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: #65d4ff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }

.srx-university-card { position: relative; color: inherit; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.srx-university-card:hover { color: inherit; box-shadow: 0 18px 40px rgba(15, 35, 82, .13); transform: translateY(-5px); }
.srx-university-card__mark { overflow: hidden; background: linear-gradient(145deg, #fff, #eef7fd); }
.srx-university-card__mark img { width: 36px; height: 36px; object-fit: contain; }
.srx-university-card__arrow { margin-left: auto; color: var(--srx-blue); font-size: 1rem; }

.site-footer { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 10%, rgba(18, 139, 210, .2), transparent 27rem), linear-gradient(145deg, #03152e, #062b67); }
.site-footer::before { position: absolute; top: -9rem; right: -8rem; width: 28rem; height: 28rem; border-radius: 50%; background: rgba(52, 190, 255, .12); content: ""; filter: blur(16px); }
.srx-footer-grid { position: relative; }
.srx-footer-grid > * { min-width: 0; }
.srx-footer-app,
.footer-newsletter { border-color: rgba(255, 255, 255, .17); background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 22px 48px rgba(0, 8, 24, .17); backdrop-filter: blur(22px); }
.srx-footer-contact p { margin-bottom: .65rem; }
.srx-footer-contact a { display: inline-flex; padding: 3px 0; }

.srx-modal__backdrop,
.student-access__backdrop { background: rgba(2, 13, 31, .62); backdrop-filter: blur(18px) saturate(1.15); }
.srx-modal__dialog,
.student-access__dialog { border: 1px solid rgba(255, 255, 255, .82); background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(237, 247, 255, .89)); box-shadow: 0 40px 110px rgba(0, 18, 48, .36), inset 0 1px 0 #fff; backdrop-filter: blur(28px) saturate(1.2); }
.srx-modal__dialog::before,
.student-access__dialog::before { position: absolute; top: 0; right: 12%; left: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(18, 139, 210, .5), transparent); content: ""; }

.studyrev-whatsapp-float { width: 52px; min-height: 52px; padding: 0; justify-content: center; border: 1px solid rgba(255, 255, 255, .35); background: linear-gradient(145deg, #26c777, #159b58); box-shadow: 0 16px 34px rgba(14, 130, 72, .28), inset 0 1px 0 rgba(255, 255, 255, .45); }
.studyrev-whatsapp-float span { display: none; }
.studyrev-whatsapp-float svg { width: 23px; height: 23px; }
#qlwapp,
.joinchat,
.ht-ctc-chat,
.floating-wpp,
.wa__btn_popup,
.e-contact-buttons { display: none!important; }
.srx-chat { right: auto; bottom: 20px; left: 20px; }
.srx-chat__toggle { min-width: 54px; min-height: 54px; padding: 5px 15px 5px 5px; border: 1px solid rgba(255, 255, 255, .45); background: linear-gradient(145deg, rgba(7, 48, 105, .98), rgba(14, 127, 190, .96)); box-shadow: 0 18px 42px rgba(6, 43, 103, .3), inset 0 1px 0 rgba(255, 255, 255, .32); }
.srx-chat__toggle span { width: auto; height: auto; background: transparent; }
.srx-chat__toggle .srx-chat__avatar { display: grid; width: 44px; height: 44px; flex: 0 0 44px; overflow: hidden; place-items: center; border: 1px solid rgba(255, 255, 255, .38); border-radius: 50%; background: radial-gradient(circle at 50% 35%, #fff, #cfeeff); }
.srx-chat__avatar img { width: 100%; height: 100%; object-fit: contain; transform: scale(1.14); }
.srx-chat__toggle-label { color: #fff; font-weight: 800; white-space: nowrap; }
.srx-chat__panel { bottom: 68px; width: min(372px, calc(100vw - 28px)); max-height: min(600px, calc(100vh - 108px)); border-color: rgba(255, 255, 255, .72); border-radius: 24px; background: rgba(249, 252, 255, .94); box-shadow: 0 28px 78px rgba(5, 28, 65, .28), inset 0 1px 0 #fff; backdrop-filter: blur(24px) saturate(1.2); }
.srx-chat__panel header { padding: 14px 16px; background: linear-gradient(135deg, #062b67, #0b72b9); }
.srx-chat__identity { display: flex; align-items: center; gap: 11px; }
.srx-chat__identity .srx-chat__avatar { display: grid; width: 44px; height: 44px; flex: 0 0 44px; overflow: hidden; place-items: center; border-radius: 50%; background: #e9f8ff; }
.srx-chat__panel header small { margin-top: 2px; opacity: .8; }
.srx-chat__panel header small i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #43e58e; box-shadow: 0 0 0 3px rgba(67, 229, 142, .16); }
.srx-chat__messages { max-height: 230px; background: linear-gradient(180deg, #eef7fd, #f8fbfe); }
.srx-chat__messages .is-bot { border: 1px solid rgba(16, 137, 204, .09); box-shadow: 0 8px 20px rgba(15, 35, 82, .06); }
.srx-chat__human { padding: 0 12px 10px; }
.srx-chat__human a { display: flex; min-height: 40px; padding: 9px 12px; align-items: center; justify-content: space-between; border-radius: 11px; background: #e7f5fd; color: var(--srx-navy); font-size: .76rem; font-weight: 800; text-decoration: none; }

@media (max-width: 960px) {
	.srx-journey__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.srx-trust-stage { grid-template-columns: 1fr; }
	.srx-trust-stage__image { min-height: 360px; }
}

@media (max-width: 600px) {
	.site-header { padding-block: 7px; }
	.site-header__inner { width: calc(100% - 18px); gap: 6px; }
	.site-branding__logo { max-width: 94px; }
	.primary-menu { right: 8px; left: 8px; border-color: rgba(255, 255, 255, .9); background: rgba(248, 252, 255, .96); backdrop-filter: blur(24px); }
	.srx-journey__intro { grid-template-columns: 1fr; align-items: start; }
	.srx-journey__intro .button { width: fit-content; }
	.srx-journey__steps { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 32px; }
	.srx-journey__steps article { min-height: 190px; padding: 18px; border-radius: 18px; }
	.srx-journey__steps article > span { margin-bottom: 22px; }
	.srx-trust-stage { margin-top: 42px; border-radius: 21px; }
	.srx-trust-stage__image { min-height: 300px; }
	.srx-trust-stage__content { padding: 26px 20px 30px; }
	.srx-chat { right: auto; bottom: 12px; left: 12px; }
	.srx-chat__toggle { width: 50px; min-width: 50px; min-height: 50px; padding: 3px; }
	.srx-chat__toggle .srx-chat__avatar { width: 42px; height: 42px; flex-basis: 42px; }
	.srx-chat__toggle-label { position: absolute!important; width: 1px!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; }
	.srx-chat__panel { bottom: 60px; left: 0; width: min(340px, calc(100vw - 24px)); max-height: min(70vh, 560px); }
	.srx-chat__messages { min-height: 110px; max-height: 190px; }
	.studyrev-whatsapp-float { right: 12px; bottom: 12px; width: 50px; min-height: 50px; }
	.back-to-top { right: 14px; bottom: 74px; }
}

/* StudyRev 1.5: Gen-Z destination, review and app experiences. */
.srx-netherlands { overflow: hidden; background: radial-gradient(circle at 88% 18%, rgba(18, 139, 210, .13), transparent 24rem), linear-gradient(180deg, #fff, #eef6fc); }
.srx-netherlands__grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(42px, 7vw, 90px); align-items: center; }
.srx-netherlands__visual { position: relative; min-height: 590px; }
.srx-netherlands__visual > img { width: 100%; height: 590px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 30px; object-fit: cover; box-shadow: 0 34px 80px rgba(6, 43, 103, .18); }
.srx-netherlands__visual::after { position: absolute; inset: 55% 0 0; border-radius: 0 0 30px 30px; background: linear-gradient(transparent, rgba(3, 26, 60, .72)); content: ""; pointer-events: none; }
.srx-netherlands__badge { position: absolute; z-index: 2; right: 24px; bottom: 24px; left: 24px; display: block; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .36); border-radius: 18px; background: rgba(255, 255, 255, .15); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); backdrop-filter: blur(20px); }
.srx-netherlands__badge strong,
.srx-netherlands__badge small { display: block; }
.srx-netherlands__badge strong { font-size: 1.12rem; }
.srx-netherlands__badge small { margin-top: 2px; opacity: .76; }
.srx-orbit { position: absolute; z-index: 3; top: -28px; right: -30px; width: 112px; height: 112px; border: 1px solid rgba(18, 139, 210, .32); border-radius: 50%; animation: srxOrbitSpin 9s linear infinite; }
.srx-orbit::before,
.srx-orbit::after { position: absolute; border: 1px solid rgba(18, 139, 210, .2); border-radius: inherit; content: ""; }
.srx-orbit::before { inset: 13px; }
.srx-orbit::after { inset: 30px; }
.srx-orbit i { position: absolute; width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: var(--srx-blue); box-shadow: 0 8px 20px rgba(18, 139, 210, .35); }
.srx-orbit i:nth-child(1) { top: 7px; left: 25px; }
.srx-orbit i:nth-child(2) { top: 48px; right: -6px; }
.srx-orbit i:nth-child(3) { bottom: 4px; left: 18px; }
@keyframes srxOrbitSpin { to { transform: rotate(360deg); } }
.srx-netherlands__content h2 { max-width: 660px; margin-bottom: 22px; font-size: clamp(2.7rem, 5vw, 5rem); letter-spacing: -.06em; line-height: .98; }
.srx-netherlands__content > p:not(.srx-eyebrow):not(.srx-image-note) { color: var(--srx-muted); font-size: 1.02rem; }
.srx-netherlands__points { display: grid; gap: 10px; margin: 28px 0; }
.srx-netherlands__points span { display: flex; padding: 12px 14px; align-items: center; gap: 10px; border: 1px solid rgba(18, 139, 210, .14); border-radius: 13px; background: rgba(255, 255, 255, .72); color: var(--srx-ink); font-size: .86rem; font-weight: 650; box-shadow: 0 8px 20px rgba(15, 35, 82, .04); }
.srx-netherlands__points svg { width: 19px; height: 19px; fill: none; stroke: var(--srx-blue); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.srx-action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.srx-text-link { color: var(--srx-navy); font-size: .86rem; font-weight: 800; text-decoration: none; }
.srx-image-note { margin: 22px 0 0; color: #7b8798; font-size: .67rem; line-height: 1.55; }

.srx-toolkit { background: #fff; }
.srx-toolkit__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.srx-toolkit-card { position: relative; display: grid; min-height: 190px; padding: 28px; grid-template-columns: 52px minmax(0, 1fr) 28px; gap: 20px; align-items: start; overflow: hidden; border: 1px solid rgba(18, 139, 210, .13); border-radius: 23px; background: linear-gradient(145deg, #fff, #f0f8fd); color: inherit; box-shadow: 0 14px 36px rgba(15, 35, 82, .07); text-decoration: none; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.srx-toolkit-card:nth-child(2),
.srx-toolkit-card:nth-child(3) { background: linear-gradient(145deg, #072d68, #0d6daf); color: #fff; }
.srx-toolkit-card::after { position: absolute; right: -55px; bottom: -70px; width: 170px; height: 170px; border-radius: 50%; background: rgba(18, 139, 210, .09); content: ""; transition: transform .4s ease; }
.srx-toolkit-card:hover { border-color: rgba(18, 139, 210, .38); box-shadow: 0 24px 58px rgba(15, 35, 82, .14); color: inherit; transform: translateY(-7px); }
.srx-toolkit-card:nth-child(2):hover,
.srx-toolkit-card:nth-child(3):hover { color: #fff; }
.srx-toolkit-card:hover::after { transform: scale(1.3); }
.srx-toolkit-card > span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid rgba(18, 139, 210, .18); border-radius: 15px; background: rgba(18, 139, 210, .1); color: var(--srx-blue); font-size: .72rem; font-weight: 850; }
.srx-toolkit-card:nth-child(2) > span,
.srx-toolkit-card:nth-child(3) > span { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .1); color: #fff; }
.srx-toolkit-card h3 { margin: 4px 0 9px; font-size: 1.35rem; }
.srx-toolkit-card:nth-child(2) h3,
.srx-toolkit-card:nth-child(3) h3 { color: #fff; }
.srx-toolkit-card p { margin: 0; color: var(--srx-muted); font-size: .87rem; }
.srx-toolkit-card:nth-child(2) p,
.srx-toolkit-card:nth-child(3) p { color: rgba(255, 255, 255, .72); }
.srx-toolkit-card > b { color: var(--srx-blue); }
.srx-toolkit-card:nth-child(2) > b,
.srx-toolkit-card:nth-child(3) > b { color: #79d5ff; }

.srx-review-heading-row { position: relative; }
.srx-review-proof { position: absolute; top: 4px; right: 0; display: inline-flex; padding: 8px 12px; align-items: center; gap: 8px; border: 1px solid #d7e6df; border-radius: 999px; background: #f2fbf6; color: #187348; font-size: .7rem; font-weight: 800; }
.srx-review-proof i { width: 8px; height: 8px; border-radius: 50%; background: #24b96f; box-shadow: 0 0 0 4px rgba(36, 185, 111, .12); }
.srx-review-rail { display: block; width: min(100%, 720px); margin-inline: auto; overflow: hidden; padding: 7px 0 24px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.srx-review-track { display: flex; width: max-content; gap: 16px; animation: srxReviewScroll 55s linear infinite; }
.srx-review-rail:hover .srx-review-track,
.srx-review-rail:focus-within .srx-review-track { animation-play-state: paused; }
.srx-review-card { width: min(700px, calc(100vw - 40px)); min-height: 300px; flex: 0 0 auto; scroll-snap-align: none; }
.srx-review-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.srx-stars { display: flex; margin: 0 0 20px; flex-wrap: wrap; align-items: center; gap: 10px; color: #f5a623; letter-spacing: .1em; }
.srx-stars strong { color: var(--srx-navy); font-size: .72rem; letter-spacing: 0; }
.srx-country-chip { padding: 6px 9px; border-radius: 999px; background: #eaf6fd; color: var(--srx-navy); font-size: .65rem; font-weight: 800; }
.srx-review-card__author > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; background: linear-gradient(145deg, var(--srx-navy), var(--srx-blue)); color: #fff; font-weight: 850; }
@keyframes srxReviewScroll { to { transform: translateX(calc(-50% - 8px)); } }

.srx-app-preview { overflow: hidden; background: radial-gradient(circle at 80% 20%, rgba(54, 202, 255, .22), transparent 24rem), linear-gradient(145deg, #03162f, #062f6c 58%, #087dbb); color: #fff; }
.srx-app-preview::before { left: 34%; background: rgba(74, 205, 255, .15); filter: blur(14px); }
.srx-app-preview__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(40px, 8vw, 110px); align-items: center; }
.srx-app-preview__content h2 { max-width: 700px; margin-bottom: 22px; color: #fff; font-size: clamp(2.8rem, 5vw, 5.1rem); line-height: .97; letter-spacing: -.06em; }
.srx-app-preview__content > p:not(.srx-eyebrow) { max-width: 650px; color: rgba(255, 255, 255, .72); }
.srx-feature-list--light { margin: 26px 0; }
.srx-feature-list--light span { width: fit-content; }
.srx-app-preview .button { margin-top: 20px; border-color: rgba(255, 255, 255, .25); background: #fff; color: var(--srx-navy); }
.srx-app-preview .button:hover { color: var(--srx-navy); }
.srx-app-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.srx-app-badges > span { display: flex; min-width: 166px; min-height: 58px; padding: 9px 14px; align-items: center; gap: 10px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 13px; background: #fff; color: #071a34; box-shadow: 0 10px 28px rgba(0, 8, 24, .16); }
.srx-app-badges svg { width: 31px; height: 31px; flex: 0 0 31px; }
.srx-app-badges em { display: grid; font-style: normal; line-height: 1.08; }
.srx-app-badges small { color: #667085; font-size: .62rem; }
.srx-app-badges strong { color: #071a34; font-size: 1rem; letter-spacing: -.02em; }
.srx-apple-icon { fill: #071a34; }
.srx-phone-stage { position: relative; display: grid; min-height: 660px; place-items: center; }
.srx-phone-stage::before,
.srx-phone-stage::after { position: absolute; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; content: ""; animation: srxPulseRing 5s ease-in-out infinite; }
.srx-phone-stage::before { width: 520px; height: 520px; }
.srx-phone-stage::after { width: 390px; height: 390px; animation-delay: -2.2s; }
@keyframes srxPulseRing { 50% { opacity: .35; transform: scale(1.08); } }
.srx-phone { position: relative; z-index: 2; width: min(330px, 76vw); height: 620px; padding: 12px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 48px; background: linear-gradient(145deg, #0c1524, #273349); box-shadow: 0 42px 90px rgba(0, 7, 22, .42), inset 0 1px 0 rgba(255, 255, 255, .3); transform: rotate(4deg); transition: transform .45s ease; }
.srx-phone:hover { transform: rotate(0) translateY(-8px); }
.srx-phone__top { position: absolute; z-index: 3; top: 20px; left: 50%; width: 96px; height: 25px; border-radius: 99px; background: #09101c; transform: translateX(-50%); }
.srx-phone__screen { height: 100%; padding: 68px 22px 24px; overflow: hidden; border-radius: 37px; background: radial-gradient(circle at 80% 10%, rgba(18, 139, 210, .2), transparent 14rem), #f6f9fd; color: var(--srx-ink); }
.srx-phone__screen > img { width: 120px; max-height: 62px; margin-bottom: 34px; object-fit: contain; object-position: left center; }
.srx-phone__hello { display: block; max-width: 240px; font-size: 2rem; font-weight: 800; line-height: 1.05; letter-spacing: -.05em; }
.srx-phone__progress { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 24px 0; }
.srx-phone__progress i { height: 7px; border-radius: 99px; background: #dce7f2; }
.srx-phone__progress i:nth-child(-n+2) { background: var(--srx-blue); }
.srx-phone__cards { display: grid; gap: 10px; }
.srx-phone__cards b { display: flex; min-height: 76px; padding: 15px; align-items: center; justify-content: space-between; border: 1px solid #e0e7ef; border-radius: 17px; background: #fff; box-shadow: 0 9px 24px rgba(15, 35, 82, .07); font-size: .85rem; }
.srx-phone__cards small { padding: 5px 8px; border-radius: 999px; background: #eaf6fd; color: var(--srx-blue); font-size: .61rem; }
.srx-phone-stage__orb { position: absolute; z-index: 3; right: 7%; bottom: 14%; width: 92px; height: 92px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 30px; background: linear-gradient(145deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .06)); box-shadow: 0 18px 45px rgba(0, 10, 32, .24); backdrop-filter: blur(18px); animation: srxFloatOrb 4s ease-in-out infinite; }
@keyframes srxFloatOrb { 50% { transform: translateY(-16px) rotate(8deg); } }

/* About page narrative. */
.sr-about-page { background: linear-gradient(180deg, #f4f9fd 0, #fff 28%, #f3f7fb 100%); }
.sr-about-hero { position: relative; overflow: hidden; }
.sr-about-hero::before,
.sr-about-hero::after { display: block; content: ""; }
.sr-about-hero::before { position: absolute; top: 8%; left: 4%; width: 260px; height: 260px; border-radius: 50%; background: rgba(18, 139, 210, .1); filter: blur(2px); }
.sr-about-hero::after { position: absolute; right: 6%; bottom: 8%; width: 190px; height: 190px; border: 1px solid rgba(18, 139, 210, .18); border-radius: 50%; }
.sr-about-hero > * { position: relative; z-index: 1; }
.sr-about-hero__logo { width: 120px; margin: 0 auto 24px!important; }
.sr-about-hero__logo img { width: 120px; max-height: 82px; object-fit: contain; }
.sr-about-metrics { width: min(720px, 100%); margin: 42px auto 0!important; padding: 12px; gap: 10px; border: 1px solid rgba(255, 255, 255, .92); border-radius: 21px; background: rgba(255, 255, 255, .7); box-shadow: 0 20px 52px rgba(15, 35, 82, .1); backdrop-filter: blur(20px); }
.sr-about-metrics > div { padding: 18px; border-radius: 14px; background: rgba(240, 248, 253, .84); text-align: center; }
.sr-about-metrics h3 { margin: 0 0 3px; color: var(--srx-blue); font-size: 2rem; }
.sr-about-metrics p { margin: 0; font-size: .72rem; font-weight: 700; }
.sr-about-story { width: min(calc(100% - (var(--srx-gutter) * 2)), var(--sr-container)); padding-block: var(--srx-section); }
.sr-about-story > .wp-block-columns { gap: clamp(38px, 7vw, 90px); }
.sr-about-story__media { position: relative; }
.sr-about-story__media figure { margin: 0; }
.sr-about-story__media img { width: 100%; min-height: 520px; border-radius: 28px; object-fit: cover; box-shadow: 0 28px 70px rgba(15, 35, 82, .16); }
.sr-about-story__caption { position: absolute; right: 24px; bottom: 24px; left: 24px; margin: 0; padding: 17px 19px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 16px; background: rgba(255, 255, 255, .78); color: var(--srx-ink); box-shadow: 0 14px 34px rgba(15, 35, 82, .13); backdrop-filter: blur(18px); }
.sr-about-story__caption strong { font-size: .93rem; }
.sr-about-story__caption br + * { font-size: .75rem; }
.sr-about-values { padding-block: var(--srx-section); background: linear-gradient(180deg, #edf5fa, #f7fbfe); }
.sr-about-values__title { max-width: 820px; margin: 0 auto 45px; font-size: clamp(2.6rem, 5vw, 4.7rem); line-height: .98; letter-spacing: -.055em; }
.sr-about-values__grid { display: grid!important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.sr-about-value { min-height: 285px; padding: 25px; border: 1px solid rgba(255, 255, 255, .92); border-radius: 21px; background: rgba(255, 255, 255, .82); box-shadow: 0 15px 36px rgba(15, 35, 82, .07); backdrop-filter: blur(18px); transition: transform .28s ease, box-shadow .28s ease; }
.sr-about-value:hover { box-shadow: 0 25px 55px rgba(15, 35, 82, .13); transform: translateY(-7px); }
.sr-about-value > span { display: grid; width: 44px; height: 44px; margin-bottom: 45px; place-items: center; border-radius: 14px; background: #e9f6fd; color: var(--srx-blue); font-size: .72rem; font-weight: 850; }
.sr-about-value h3 { font-size: 1.25rem; }
.sr-about-value p { margin: 0; color: var(--srx-muted); font-size: .84rem; }
.sr-about-value--blue { background: linear-gradient(145deg, var(--srx-navy), #0c76b8); color: #fff; }
.sr-about-value--blue h3 { color: #fff; }
.sr-about-value--blue p { color: rgba(255, 255, 255, .72); }
.sr-about-value--blue > span { background: rgba(255, 255, 255, .13); color: #fff; }
.sr-about-roadmap { padding-block: var(--srx-section); background: radial-gradient(circle at 88% 10%, rgba(49, 185, 246, .18), transparent 24rem), #041a3a; color: #fff; }
.sr-about-roadmap .sr-about-values__title { margin: 0 0 45px; color: #fff; }
.sr-about-roadmap__grid { display: grid!important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sr-about-step { position: relative; min-height: 245px; padding: 26px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 20px; background: rgba(255, 255, 255, .07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13); backdrop-filter: blur(16px); }
.sr-about-step b { display: block; margin-bottom: 50px; color: #65d4ff; font-size: .75rem; }
.sr-about-step h3 { color: #fff; }
.sr-about-step p { margin: 0; color: rgba(255, 255, 255, .68); font-size: .84rem; }
.sr-about-destinations { width: min(calc(100% - (var(--srx-gutter) * 2)), var(--sr-container)); padding-block: var(--srx-section); text-align: center; }
.sr-about-destinations h2 { max-width: 840px; margin: 0 auto 30px; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.sr-about-country-cloud { display: flex; max-width: 970px; margin: 0 auto 28px; flex-wrap: wrap; justify-content: center; gap: 10px; }
.sr-about-country-cloud span { padding: 12px 17px; border: 1px solid rgba(18, 139, 210, .14); border-radius: 999px; background: #fff; box-shadow: 0 9px 22px rgba(15, 35, 82, .05); color: var(--srx-navy); font-size: .78rem; font-weight: 750; }
.sr-about-country-cloud .is-featured { background: linear-gradient(135deg, var(--srx-navy), var(--srx-blue)); color: #fff; box-shadow: 0 12px 30px rgba(6, 43, 103, .22); }
.sr-about-final { padding: clamp(58px, 7vw, 90px); border: 1px solid rgba(18, 139, 210, .16); border-radius: 30px; background: radial-gradient(circle at 12% 12%, rgba(18, 139, 210, .13), transparent 18rem), #fff; box-shadow: 0 28px 70px rgba(15, 35, 82, .1); }

@media (max-width: 960px) {
	.srx-netherlands__grid,
	.srx-app-preview__grid { grid-template-columns: 1fr; }
	.srx-netherlands__visual { min-height: 500px; }
	.srx-netherlands__visual > img { height: 500px; }
	.srx-toolkit__grid { grid-template-columns: 1fr; }
	.srx-phone-stage { min-height: 620px; }
	.sr-about-values__grid,
	.sr-about-roadmap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.srx-netherlands__visual { min-height: 410px; }
	.srx-netherlands__visual > img { height: 410px; border-radius: 22px; }
	.srx-netherlands__visual::after { border-radius: 0 0 22px 22px; }
	.srx-orbit { top: -18px; right: -8px; width: 86px; height: 86px; }
	.srx-netherlands__content h2 { font-size: clamp(2.5rem, 12vw, 3.6rem); }
	.srx-toolkit-card { min-height: 175px; padding: 20px; grid-template-columns: 44px minmax(0, 1fr) 20px; gap: 13px; border-radius: 18px; }
	.srx-toolkit-card > span { width: 44px; height: 44px; }
	.srx-review-proof { position: static; width: fit-content; margin: -28px auto 28px; }
	.srx-review-rail { -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
	.srx-review-track { animation-duration: 42s; }
	.srx-phone-stage { min-height: 570px; }
	.srx-phone { height: 550px; }
	.srx-phone-stage::before { width: 360px; height: 360px; }
	.srx-phone-stage::after { width: 270px; height: 270px; }
	.srx-app-badges > span { min-width: 152px; }
	.sr-about-hero__logo { width: 100px; }
	.sr-about-metrics { display: grid!important; grid-template-columns: repeat(3, 1fr); padding: 8px; }
	.sr-about-metrics > div { padding: 14px 8px; }
	.sr-about-metrics h3 { font-size: 1.55rem; }
	.sr-about-story > .wp-block-columns { flex-direction: column; }
	.sr-about-story__media img { min-height: 380px; border-radius: 22px; }
	.sr-about-values__grid,
	.sr-about-roadmap__grid { grid-template-columns: 1fr; }
	.sr-about-value,
	.sr-about-step { min-height: 220px; }
	.sr-about-value > span,
	.sr-about-step b { margin-bottom: 30px; }
	.sr-about-final { padding: 42px 20px; border-radius: 22px; }
}

@media (prefers-reduced-motion: reduce) {
	.srx-orbit,
	.srx-review-track,
	.srx-phone-stage::before,
	.srx-phone-stage::after,
	.srx-phone-stage__orb { animation: none; }
}

/* StudyRev 1.6: legible app mockups, social news cards and crop-safe media. */
.sr-hero-people { width: min(960px, 100%); overflow: visible; }
.sr-hero-people img { width: 100%; height: auto; max-height: none; object-fit: contain; object-position: center bottom; }

.srx-app-preview {
	background: radial-gradient(circle at 82% 18%, rgba(46, 198, 255, .24), transparent 26rem), radial-gradient(circle at 16% 88%, rgba(39, 112, 255, .2), transparent 24rem), linear-gradient(145deg, #03162f 0%, #062f6c 58%, #087dbb 100%) !important;
	color: #fff !important;
}
.srx-app-preview__content,
.srx-app-preview__content h2,
.srx-app-preview__content .srx-eyebrow { color: #fff !important; }
.srx-app-preview__content > p:not(.srx-eyebrow) { color: rgba(255, 255, 255, .82) !important; }
.srx-app-preview .srx-feature-list--light span { color: #fff; }

.srx-mockup-stage { position: relative; min-height: 680px; perspective: 1500px; }
.srx-mockup-stage::before,
.srx-mockup-stage::after { position: absolute; border: 1px solid rgba(255, 255, 255, .15); border-radius: 50%; content: ""; animation: srxMockupPulse 6s ease-in-out infinite; }
.srx-mockup-stage::before { inset: 8% 10% auto auto; width: 470px; height: 470px; }
.srx-mockup-stage::after { right: 23%; bottom: 7%; width: 280px; height: 280px; animation-delay: -2.5s; }
.srx-mockup { position: absolute; z-index: 2; width: 245px; height: 510px; padding: 9px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .55); border-radius: 38px; background: linear-gradient(145deg, #0b1423, #29364b); box-shadow: 0 34px 74px rgba(0, 8, 26, .38), inset 0 1px 0 rgba(255, 255, 255, .28); transform-style: preserve-3d; }
.srx-mockup--profile { top: 72px; left: 1%; transform: rotateY(17deg) rotateZ(-7deg); animation: srxMockupFloatA 6s ease-in-out infinite; }
.srx-mockup--tracker { z-index: 3; top: 5px; left: 31%; transform: translateZ(60px); animation: srxMockupFloatB 6.8s ease-in-out infinite; }
.srx-mockup--chat { top: 86px; right: 0; transform: rotateY(-17deg) rotateZ(7deg); animation: srxMockupFloatC 6.4s ease-in-out infinite; }
.srx-mockup__notch { position: absolute; z-index: 4; top: 16px; left: 50%; width: 74px; height: 20px; border-radius: 99px; background: #08101d; transform: translateX(-50%); }
.srx-mockup__screen { height: 100%; padding: 50px 15px 17px; overflow: hidden; border-radius: 30px; background: linear-gradient(180deg, #f8fbff, #eef5fb); color: #101828; }
.srx-mockup__brand { display: flex; min-height: 30px; margin-bottom: 24px; align-items: center; justify-content: space-between; gap: 8px; color: #072b68; font-size: .69rem; font-weight: 850; }
.srx-mockup__brand img { width: 64px; height: 36px; object-fit: contain; object-position: left center; }
.srx-mockup__brand em { padding: 4px 7px; border-radius: 99px; background: #dff3ff; color: #0876b8; font-size: .55rem; font-style: normal; }
.srx-mockup__brand em.is-online { background: #dcfce7; color: #087443; }
.srx-mockup__welcome { margin: 0 0 18px; color: #101828 !important; font-size: 1.12rem; font-weight: 850; line-height: 1.1; }
.srx-mockup__score { position: relative; display: grid; min-height: 118px; margin-bottom: 14px; padding: 18px; align-content: end; overflow: hidden; border-radius: 18px; background: linear-gradient(145deg, #072b68, #138ed3); color: #fff; box-shadow: 0 14px 30px rgba(7, 43, 104, .2); }
.srx-mockup__score::after { position: absolute; top: -35px; right: -25px; width: 105px; height: 105px; border: 18px solid rgba(255, 255, 255, .12); border-radius: 50%; content: ""; }
.srx-mockup__score strong { font-size: 2rem; line-height: 1; }
.srx-mockup__score span { opacity: .75; font-size: .62rem; }
.srx-mockup__score i { width: 82%; height: 5px; margin-top: 12px; border-radius: 99px; background: #63d6ff; }
.srx-mockup__mini-list { display: grid; gap: 9px; }
.srx-mockup__mini-list b { display: grid; min-height: 64px; padding: 11px; grid-template-columns: 29px 1fr; align-items: center; border: 1px solid #dfe8f1; border-radius: 14px; background: #fff; box-shadow: 0 8px 18px rgba(15, 35, 82, .06); font-size: .6rem; }
.srx-mockup__mini-list b > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 8px; background: #e8f5fd; color: #128bd2; font-size: .5rem; }
.srx-mockup__mini-list small { grid-column: 2; color: #128bd2; font-size: .5rem; }
.srx-mockup__timeline { display: grid; gap: 0; }
.srx-mockup__timeline b { position: relative; display: grid; min-height: 83px; padding: 7px 5px 10px 33px; align-content: center; border-left: 2px solid #dbe5ef; font-size: .65rem; }
.srx-mockup__timeline b:last-child { border-left-color: transparent; }
.srx-mockup__timeline b > i { position: absolute; top: 25px; left: -8px; width: 14px; height: 14px; border: 3px solid #eef5fb; border-radius: 50%; background: #c6d4e2; box-shadow: 0 0 0 2px #c6d4e2; }
.srx-mockup__timeline b.is-done > i,
.srx-mockup__timeline b.is-active > i { background: #128bd2; box-shadow: 0 0 0 2px #128bd2; }
.srx-mockup__timeline b.is-active { margin: 3px 0 3px -2px; padding-left: 35px; border: 1px solid #c9e8fa; border-radius: 13px; background: #fff; box-shadow: 0 9px 22px rgba(15, 35, 82, .08); }
.srx-mockup__timeline b.is-active > i { left: -8px; }
.srx-mockup__timeline small { margin-top: 4px; color: #74849a; font-size: .52rem; font-weight: 600; }
.srx-mockup__messages { display: grid; gap: 10px; padding-top: 14px; }
.srx-mockup__messages p { width: fit-content; max-width: 88%; margin: 0; padding: 11px 12px; border: 1px solid #e1e9f1; border-radius: 14px 14px 14px 4px; background: #fff; color: #344054 !important; box-shadow: 0 7px 18px rgba(15, 35, 82, .06); font-size: .57rem; line-height: 1.45; }
.srx-mockup__messages p.is-user { margin-left: auto; border-color: #128bd2; border-radius: 14px 14px 4px; background: #128bd2; color: #fff !important; }
.srx-mockup__composer { position: absolute; right: 23px; bottom: 25px; left: 23px; display: flex; min-height: 44px; padding: 8px 9px 8px 13px; align-items: center; justify-content: space-between; border: 1px solid #dfe8f1; border-radius: 13px; background: #fff; color: #98a2b3; font-size: .55rem; }
.srx-mockup__composer b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; background: #128bd2; color: #fff; font-size: .8rem; }
.srx-mockup-stage__orb { position: absolute; z-index: 5; right: 9%; bottom: 2%; width: 78px; height: 78px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 25px; background: linear-gradient(145deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .06)); box-shadow: 0 18px 42px rgba(0, 10, 32, .26); backdrop-filter: blur(18px); animation: srxFloatOrb 4s ease-in-out infinite; }
@keyframes srxMockupPulse { 50% { opacity: .35; transform: scale(1.08); } }
@keyframes srxMockupFloatA { 50% { transform: rotateY(12deg) rotateZ(-4deg) translateY(-16px); } }
@keyframes srxMockupFloatB { 50% { transform: translateZ(60px) translateY(-19px); } }
@keyframes srxMockupFloatC { 50% { transform: rotateY(-12deg) rotateZ(4deg) translateY(-13px); } }

.srx-review-empty { padding: clamp(24px, 5vw, 48px); border: 1px solid rgba(18, 139, 210, .15); border-radius: 25px; background: linear-gradient(145deg, #fff, #eef7fd); box-shadow: 0 18px 46px rgba(15, 35, 82, .08); text-align: center; }
.srx-review-empty__topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 26px; }
.srx-review-empty__topics span { display: grid; min-height: 118px; padding: 20px; place-content: center; border: 1px solid #dcebf4; border-radius: 18px; background: rgba(255, 255, 255, .84); color: #667085; font-size: .75rem; }
.srx-review-empty__topics b { display: block; margin-bottom: 5px; color: #072b68; font-size: 1rem; }
.srx-review-empty > p { max-width: 760px; margin: 0 auto 24px; }

.sr-news-layout { max-width: 1180px; grid-template-columns: minmax(0, 760px) minmax(260px, 320px); align-items: start; }
.sr-social-feed { display: grid; grid-template-columns: 1fr !important; gap: 24px; }
.sr-social-card { overflow: hidden; border: 1px solid #e3eaf1; border-radius: 22px; background: #fff; box-shadow: 0 14px 38px rgba(7, 43, 104, .08); transition: transform .25s ease, box-shadow .25s ease; }
.sr-social-card:hover { box-shadow: 0 24px 54px rgba(7, 43, 104, .13); transform: translateY(-4px); }
.sr-social-card__header { display: flex; padding: 20px 22px 13px; align-items: center; gap: 12px; }
.sr-social-card__avatar { width: 46px; height: 46px; padding: 4px; border: 1px solid rgba(7, 43, 104, .1); border-radius: 50%; object-fit: contain; background: #fff; }
.sr-social-card__header > div { display: grid; min-width: 0; }
.sr-social-card__header strong { color: #101828; font-size: .9rem; }
.sr-social-card__header time { color: #7b8798; font-size: .72rem; }
.sr-social-card__verified { display: grid; width: 31px; height: 31px; margin-left: auto; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #072b68, #128bd2); color: #fff; font-size: .57rem; font-weight: 850; }
.sr-social-card__copy { padding: 5px 22px 18px; }
.sr-social-card__copy h2 { margin: 0 0 9px; font-size: clamp(1.25rem, 2.6vw, 1.75rem); line-height: 1.18; letter-spacing: -.035em; }
.sr-social-card__copy h2 a { color: #101828; text-decoration: none; }
.sr-social-card__copy p { margin: 0; color: #5d6b7d; font-size: .9rem; line-height: 1.65; }
.sr-social-card__media { display: block; overflow: hidden; background: #edf3f8; aspect-ratio: 16/8.8; }
.sr-social-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.sr-social-card:hover .sr-social-card__media img { transform: scale(1.025); }
.sr-social-card__footer { display: flex; min-height: 58px; padding: 10px 22px; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #eef2f6; }
.sr-social-card__footer a { color: #072b68; font-size: .76rem; font-weight: 800; text-decoration: none; }

@media (max-width: 1120px) {
	.srx-mockup-stage { min-height: 620px; transform: scale(.9); transform-origin: center; }
	.srx-mockup { width: 230px; height: 490px; }
}
@media (max-width: 960px) {
	.srx-mockup-stage { width: min(760px, 100%); min-height: 650px; margin-inline: auto; transform: none; }
	.srx-mockup--profile { left: 4%; }
	.srx-mockup--tracker { left: 35%; }
	.srx-mockup--chat { right: 2%; }
	.sr-news-layout { grid-template-columns: 1fr; }
	.srx-review-empty__topics { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.sr-hero-people { width: 100%; margin-inline: auto; }
	.sr-hero-people img { width: 100%; max-height: none; }
	.srx-mockup-stage { display: flex; min-height: 525px; padding: 26px 5px 20px; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.srx-mockup-stage::-webkit-scrollbar { display: none; }
	.srx-mockup { position: relative; top: auto; right: auto; left: auto; width: min(78vw, 260px); height: 485px; flex: 0 0 min(78vw, 260px); scroll-snap-align: center; transform: none !important; animation: none; }
	.srx-mockup-stage__orb,
	.srx-mockup-stage::before,
	.srx-mockup-stage::after { display: none; }
	.sr-social-card__header { padding: 16px 16px 10px; }
	.sr-social-card__copy { padding: 5px 16px 15px; }
	.sr-social-card__footer { padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.srx-mockup,
	.srx-mockup-stage::before,
	.srx-mockup-stage::after,
	.srx-mockup-stage__orb { animation: none !important; }
}

/* StudyRev 1.8.3: transparent feedback summaries and complete footer social presence. */
.srx-review-proof.is-summary { border-color: #dce8f4; background: #f4f9fd; color: #075d96; }
.srx-review-proof.is-summary i { background: #1689ce; box-shadow: 0 0 0 4px rgba(22, 137, 206, .12); }
.srx-feedback-summary-card { display: flex; width: min(700px, calc(100vw - 40px)); min-height: 280px; padding: 28px; flex: 0 0 auto; flex-direction: column; border: 1px solid rgba(255, 255, 255, .92); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(240, 248, 254, .82)); box-shadow: 0 18px 46px rgba(7, 43, 104, .08), inset 0 1px 0 #fff; transition: transform .28s ease, box-shadow .28s ease; }
.srx-feedback-summary-card:hover { box-shadow: 0 26px 58px rgba(7, 43, 104, .14), inset 0 1px 0 #fff; transform: translateY(-6px); }
.srx-feedback-summary-card__top { display: flex; margin-bottom: 24px; align-items: center; justify-content: space-between; gap: 12px; }
.srx-feedback-summary-card__top span { color: #1689ce; font-size: .68rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.srx-feedback-summary-card__top i { width: 10px; height: 10px; border: 2px solid #1689ce; border-radius: 50%; box-shadow: 0 0 0 5px rgba(22, 137, 206, .09); }
.srx-feedback-summary-card > p:not(.srx-stars) { margin: 0 0 24px; color: #17243a; font-size: .96rem; line-height: 1.65; }
.srx-feedback-summary-card footer { display: grid; margin-top: auto; gap: 2px; }
.srx-feedback-summary-card footer strong { color: #072b68; font-size: .83rem; }
.srx-feedback-summary-card footer small { color: #697586; font-size: .7rem; }
.srx-feedback-disclosure { max-width: 820px; margin: 26px auto 0; color: #53647a; font-size: .78rem; text-align: center; }
.srx-feedback-facebook { margin: 22px 0 0; text-align: center; }
.social-links .social-links__pending { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(226, 232, 240, .45); border-radius: 50%; color: rgba(226, 232, 240, .55); cursor: not-allowed; }
.social-links__brand-icon { width: 18px; height: 18px; }
@media (max-width: 960px) {
}
@media (max-width: 600px) {
	.srx-feedback-summary-card { min-height: 220px; }
}

/* StudyRev 1.9: compact mentor and review cards. */
.srx-mentor-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}
.srx-mentor-grid > :last-child:nth-child(3n + 1) {
	grid-column: auto;
}
.srx-mentor-grid > :last-child:nth-child(4n + 1),
.srx-mentor-grid > :last-child:nth-child(4n + 2),
.srx-mentor-grid > :last-child:nth-child(4n + 3) {
	grid-column: auto;
}
.srx-mentor-card {
	border-radius: 18px;
}
.srx-mentor-card__visual,
.srx-mentor-card__visual img {
	height: 170px;
	min-height: 170px;
}
.srx-mentor-card__visual img {
	object-position: center 20%;
}
.srx-mentor-card__body {
	padding: 18px;
}
.srx-mentor-card__body h3 {
	margin: 9px 0 5px;
	font-size: 1rem;
}
.srx-mentor-card__body p {
	min-height: 2.7em;
	margin-bottom: 14px;
	font-size: .78rem;
}
.srx-mentor-actions {
	gap: 7px;
}
.srx-mentor-actions a {
	padding: 8px 10px;
	font-size: .7rem;
}
.srx-review-rail {
	width: min(100%, 560px);
}
.srx-review-card,
.srx-feedback-summary-card {
	width: min(540px, calc(100vw - 40px));
	min-height: 220px;
	padding: 22px;
	border-radius: 18px;
}
.srx-review-card blockquote,
.srx-feedback-summary-card > p:not(.srx-stars) {
	margin-bottom: 18px;
	font-size: .88rem;
	line-height: 1.55;
}
.srx-review-card__author {
	margin-top: 18px;
}
.srx-review-card__author img,
.srx-review-card__author > span {
	width: 40px;
	height: 40px;
}
.srx-stars,
.srx-rating label {
	color: #f4b400 !important;
}
.srx-stars span { color: #f4b400 !important; }
.srx-stars {
	margin-bottom: 14px;
	text-shadow: 0 1px 0 rgba(117, 77, 0, .08);
}
.srx-feedback-summary-card__top {
	margin-bottom: 16px;
}

@media (max-width: 1020px) {
	.srx-mentor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.srx-mentor-grid > :last-child:nth-child(odd) {
		grid-column: 1 / -1;
		width: min(100%, calc(50% - 8px));
		justify-self: center;
	}
}

@media (max-width: 600px) {
	.srx-mentor-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.srx-mentor-grid > :last-child:nth-child(odd) {
		grid-column: auto;
		width: 100%;
	}
	.srx-mentor-card__visual,
	.srx-mentor-card__visual img {
		height: 165px;
		min-height: 165px;
	}
	.srx-review-card,
	.srx-feedback-summary-card {
		width: calc(100vw - 28px);
		min-height: 205px;
		padding: 18px;
	}
}