:root {
  --color-bg: #f3f6fa; --color-text: #1a2744; --color-heading: #0f1a30;
  --color-muted: #5a6a80; --color-accent: #2f5f9a; --color-surface: #e6edf6;
  --color-border: rgba(15,26,48,.1); --nav-fg: #fff; --nav-solid: rgba(243,246,250,.96);
  --nav-solid-fg: #0f1a30; --btn-primary-fg: #fff; --font-display: 'Assistant', sans-serif;
  --font-body: 'Rubik', sans-serif; --footer-bg: #0f1a30; --btn-radius: 8px;
}
body { font-family: var(--font-body); background: var(--color-bg); }
h1,h2,h3 { font-family: var(--font-display); font-weight: 700; }
.theme-pro .site-footer, .theme-pro .site-footer p, .theme-pro .site-footer a, .theme-pro .site-footer button, .theme-pro .site-footer h3 { color: #c5d0e0; }
.pro-hero { position: relative; min-height: 92vh; display: flex; align-items: flex-end; }
.pro-hero__bg { position: absolute; inset: 0; }
.pro-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.pro-hero::after { content:''; position:absolute; inset:0; background: linear-gradient(105deg, rgba(15,26,48,.88) 0%, rgba(15,26,48,.55) 48%, rgba(15,26,48,.28) 100%); }
.pro-hero__copy { position: relative; z-index: 1; padding: 7.5rem 8vw 3.4rem; color: #fff; max-width: 58rem; }
.pro-hero h1 { font-size: clamp(2.6rem, 6vw, 4.4rem); }
.pro-hero__copy > p { max-width: 36rem; color: rgba(255,255,255,.9); }
.pro-trust { list-style: none; margin: 2.15rem 0 0; padding: 1.2rem 0 0; border-top: 1px solid rgba(197,212,230,.22); display: flex; flex-wrap: wrap; gap: .95rem 1.45rem; max-width: 52rem; }
.pro-trust li { display: flex; align-items: center; gap: .7rem; color: rgba(236,242,248,.94); min-width: 10.2rem; }
.pro-trust__seal { width: 2.45rem; height: 2.45rem; flex: none; display: grid; place-items: center; border-radius: 50%; color: #c9d7e8; background: rgba(15,26,48,.28); border: 1px solid rgba(186,204,224,.38); box-shadow: inset 0 0 0 3px rgba(15,26,48,.12); }
.pro-trust__seal svg { width: 1.08rem; height: 1.08rem; }
.pro-trust__label { display: flex; flex-direction: column; gap: .12rem; line-height: 1.15; }
.pro-trust__label b { font-family: var(--font-display); font-size: .78rem; font-weight: 650; letter-spacing: .05em; }
.pro-trust__label small { font-size: .68rem; font-weight: 400; color: rgba(197,208,224,.78); letter-spacing: .02em; }
.pro-stats { display: flex; justify-content: space-around; padding: 2.4rem; background: #0f1a30; color: #fff; }
.pro-stats b { display: block; font-size: 2rem; color: #8cb4e8; }
.pro-about { padding: 5.5rem 0; }
.pro-about__grid { display: grid; gap: 2.5rem; align-items: center; }
.pro-about__media { margin: 0; border-radius: 14px; min-height: 320px; box-shadow: 0 18px 40px rgba(15,26,48,.1); }
.pro-about__media img { min-height: 320px; }
.pro-about__copy p { max-width: 46ch; }
@media (min-width: 800px) {
  .pro-about__grid { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); direction: ltr; }
  .pro-about__copy { direction: rtl; }
}
.pro-belief { background: var(--color-surface); padding: 4.5rem 0; border-right: 6px solid var(--color-accent); }
.pro-belief p { max-width: 50ch; font-size: 1.15rem; }
.pro-svc { padding: 5rem 0; }
.pro-grid { display: grid; gap: 1.2rem; margin-top: 2rem; }
@media (min-width: 800px) { .pro-grid { grid-template-columns: repeat(3,1fr); } }
.pro-grid article { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(15,26,48,.06); }
.pro-grid img { height: 176px; object-fit: cover; }
.pro-grid h3, .pro-grid p { padding: 0 1.1rem; }
.pro-grid p { padding-bottom: 1.2rem; color: var(--color-muted); font-size: .92rem; }
@media (max-width: 700px) { .pro-stats { flex-direction: column; gap: 1rem; text-align: center; } .pro-trust li { min-width: calc(50% - .8rem); } }