/* Pearl look (v1.8.0): white gradient background, light hero and footer, refined type and soft depth.
   Applies only in light mode; the moon button still switches to the dark look. Turn off under PSS Site > Settings > Look. */
html.pss-pearl:not([data-theme="dark"]) {
	--pss-ink: #0B1324; --pss-muted: #566378; --pss-line: #E4EAF3; --pss-bg: #F6F8FC; --pss-surface: #FFFFFF; --pss-chip: rgba(20, 99, 255, .07);
	--pss-pearl: #F7F9FD; --pss-silver: #DCE4EF; --pss-radius: 20px;
	--pss-shadow: 0 1px 2px rgba(16, 32, 64, .04), 0 10px 30px -12px rgba(16, 40, 90, .14);
	--pss-shadow-lift: 0 2px 4px rgba(16, 32, 64, .05), 0 24px 48px -18px rgba(16, 50, 120, .24);
	--pss-page:
		radial-gradient(1100px 620px at 92% -8%, rgba(20, 99, 255, .07), transparent 62%),
		radial-gradient(900px 560px at -12% 18%, rgba(253, 101, 0, .035), transparent 60%),
		radial-gradient(1200px 700px at 50% 108%, rgba(11, 61, 145, .05), transparent 65%),
		linear-gradient(180deg, #FFFFFF 0%, #F8FAFD 45%, #F2F6FB 100%);
	--pss-night-grad: linear-gradient(180deg, #FFFFFF 0%, #F4F7FC 100%);
	--pss-hairline: linear-gradient(90deg, transparent, rgba(20, 99, 255, .35), rgba(253, 101, 0, .25), transparent);
}
html.pss-pearl:not([data-theme="dark"]) body { background: var(--pss-page); background-attachment: fixed; color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) ::selection { background: rgba(20, 99, 255, .16); color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) { scrollbar-color: #C9D4E3 transparent; }

/* type: lighter, tighter, more air */
html.pss-pearl:not([data-theme="dark"]) h1, html.pss-pearl:not([data-theme="dark"]) h2 { font-weight: 600; letter-spacing: -.025em; }
html.pss-pearl:not([data-theme="dark"]) h3 { font-weight: 600; letter-spacing: -.01em; }
html.pss-pearl:not([data-theme="dark"]) .pss-entry h2 { font-size: clamp(1.7rem, 3vw, 2.35rem); }
html.pss-pearl:not([data-theme="dark"]) .pss-eyebrow, html.pss-pearl:not([data-theme="dark"]) p.is-style-eyebrow { display: flex; align-items: center; gap: 10px; color: #1C5BD8; }
html.pss-pearl:not([data-theme="dark"]) .pss-eyebrow::before, html.pss-pearl:not([data-theme="dark"]) p.is-style-eyebrow::before { content: ""; width: 22px; height: 1.5px; background: linear-gradient(90deg, #1463FF, #FD6500); border-radius: 2px; flex: none; }
html.pss-pearl:not([data-theme="dark"]) .pss-eyebrow.is-light { color: #1C5BD8; }

/* top bar and header: white glass */
html.pss-pearl:not([data-theme="dark"]) .pss-topbar { background: rgba(255, 255, 255, .7); color: var(--pss-muted); border-bottom: 1px solid var(--pss-line); }
html.pss-pearl:not([data-theme="dark"]) .pss-topbar a { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-header { background: rgba(255, 255, 255, .72); border-bottom: 1px solid rgba(228, 234, 243, .9); }
html.pss-pearl:not([data-theme="dark"]) .pss-header.is-stuck { box-shadow: 0 10px 30px -16px rgba(16, 40, 90, .22); }
html.pss-pearl:not([data-theme="dark"]) .pss-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--pss-hairline); opacity: 0; transition: opacity .3s; }
html.pss-pearl:not([data-theme="dark"]) .pss-header.is-stuck::after { opacity: 1; }
html.pss-pearl:not([data-theme="dark"]) .pss-menu a { font-weight: 500; }
html.pss-pearl:not([data-theme="dark"]) .pss-menu .current-menu-item > a, html.pss-pearl:not([data-theme="dark"]) .pss-menu a:hover { background: rgba(20, 99, 255, .06); }
html.pss-pearl:not([data-theme="dark"]) .pss-menu-toggle, html.pss-pearl:not([data-theme="dark"]) .pss-theme-toggle { background: #fff; border-color: var(--pss-line); box-shadow: 0 1px 2px rgba(16, 32, 64, .05); }

/* buttons: glossy primary, white ghost */
html.pss-pearl:not([data-theme="dark"]) .pss-btn, html.pss-pearl:not([data-theme="dark"]) .wp-block-button__link, html.pss-pearl:not([data-theme="dark"]) .wp-element-button { background: linear-gradient(180deg, #3B82FF 0%, #1463FF 55%, #0E4FD6 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 10px 24px -8px rgba(20, 99, 255, .55); font-weight: 600; letter-spacing: .005em; }
html.pss-pearl:not([data-theme="dark"]) .pss-btn:hover, html.pss-pearl:not([data-theme="dark"]) .wp-block-button__link:hover { box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 16px 30px -10px rgba(20, 99, 255, .6); }
html.pss-pearl:not([data-theme="dark"]) .pss-btn-ghost, html.pss-pearl:not([data-theme="dark"]) .pss-btn-ghost.is-dark, html.pss-pearl:not([data-theme="dark"]) .wp-block-button.is-style-outline > .wp-block-button__link { background: rgba(255, 255, 255, .85); color: var(--pss-ink) !important; border: 1px solid var(--pss-silver); box-shadow: 0 1px 2px rgba(16, 32, 64, .05); }
html.pss-pearl:not([data-theme="dark"]) .pss-btn-ghost:hover, html.pss-pearl:not([data-theme="dark"]) .pss-btn-ghost.is-dark:hover { background: #fff; border-color: #1463FF; color: #1463FF !important; }

/* hero (inner pages): white with a pale blueprint */
html.pss-pearl:not([data-theme="dark"]) .pss-hero { background: linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .78) 45%, rgba(255, 255, 255, 0) 75%), url("../img/hero-bg-pearl.jpg") right center / cover no-repeat, #fff; color: var(--pss-muted); border-bottom: 1px solid var(--pss-line); position: relative; }
html.pss-pearl:not([data-theme="dark"])[dir="rtl"] .pss-hero, html.pss-pearl[dir="rtl"]:not([data-theme="dark"]) .pss-hero { background: linear-gradient(270deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .78) 45%, rgba(255, 255, 255, 0) 75%), url("../img/hero-bg-rtl-pearl.jpg") left center / cover no-repeat, #fff; }
html.pss-pearl:not([data-theme="dark"]) .pss-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--pss-hairline); }
html.pss-pearl:not([data-theme="dark"]) .pss-hero h1 { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-hero-lead { color: var(--pss-muted); }
html.pss-pearl:not([data-theme="dark"]) .pss-crumbs { color: #8391A6; }
html.pss-pearl:not([data-theme="dark"]) .pss-crumbs a { color: var(--pss-muted); }

/* home slider: white slides with navy line drawings */
html.pss-pearl:not([data-theme="dark"]) .pss-slider { background: #fff; color: var(--pss-muted); border-bottom: 1px solid var(--pss-line); }
html.pss-pearl:not([data-theme="dark"]) .pss-slide h1, html.pss-pearl:not([data-theme="dark"]) .pss-slide .pss-h1 { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-slide .hl { background: linear-gradient(90deg, #0B3D91, #1463FF 60%, #3D86FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.pss-pearl:not([data-theme="dark"]) .pss-slide .pss-hero-lead { color: var(--pss-muted); }
html.pss-pearl:not([data-theme="dark"]) .pss-slider-ctrl button { background: #fff; color: var(--pss-ink); border-color: var(--pss-line); box-shadow: 0 1px 2px rgba(16, 32, 64, .06); }
html.pss-pearl:not([data-theme="dark"]) .pss-dots button { background: #D3DCE8; }
html.pss-pearl:not([data-theme="dark"]) .pss-dots button[aria-current="true"] { background: linear-gradient(90deg, #1463FF, #3D86FF); }
@media (max-width: 600px) { html.pss-pearl:not([data-theme="dark"]) .pss-slide::before { background: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .9) 60%, rgba(255, 255, 255, .7) 100%); } html.pss-pearl:not([data-theme="dark"]) .pss-slide { background-image: none !important; } html.pss-pearl:not([data-theme="dark"]) .pss-slide::before { display: none; } }

/* bands that were dark become pearl */
html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark, html.pss-pearl:not([data-theme="dark"]) .wp-block-group.is-style-dark-band { background: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(241, 245, 251, .9)); color: var(--pss-muted); border-block: 1px solid var(--pss-line); }
html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark h2, html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark h3, html.pss-pearl:not([data-theme="dark"]) .is-style-dark-band h2, html.pss-pearl:not([data-theme="dark"]) .is-style-dark-band h3 { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark .pss-eyebrow { color: #1C5BD8; }
html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark .pss-card { background: #fff; border-color: var(--pss-line); box-shadow: var(--pss-shadow); }
html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark .pss-card h3 { color: var(--pss-ink); } html.pss-pearl:not([data-theme="dark"]) .pss-band.is-dark .pss-card p { color: var(--pss-muted); }
html.pss-pearl:not([data-theme="dark"]) .pss-band.is-tint { background: linear-gradient(180deg, #F7F9FD, #F1F5FB); }

/* cards: soft depth, lift on hover */
html.pss-pearl:not([data-theme="dark"]) .pss-card, html.pss-pearl:not([data-theme="dark"]) .pss-process li, html.pss-pearl:not([data-theme="dark"]) .pss-stat, html.pss-pearl:not([data-theme="dark"]) .pss-contact-card, html.pss-pearl:not([data-theme="dark"]) .wp-block-group.is-style-card { border-color: var(--pss-line); box-shadow: var(--pss-shadow); background: linear-gradient(180deg, #FFFFFF, #FBFCFE); }
html.pss-pearl:not([data-theme="dark"]) a.pss-card { transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s, border-color .25s; }
html.pss-pearl:not([data-theme="dark"]) a.pss-card:hover { transform: translateY(-4px); box-shadow: var(--pss-shadow-lift); border-color: rgba(20, 99, 255, .35); }
html.pss-pearl:not([data-theme="dark"]) .pss-card img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
html.pss-pearl:not([data-theme="dark"]) a.pss-card:hover img { transform: scale(1.04); }
html.pss-pearl:not([data-theme="dark"]) .pss-stat b { font-weight: 600; background: linear-gradient(180deg, #0B1324, #2A3A58); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.pss-pearl:not([data-theme="dark"]) .pss-trust { border-bottom-color: var(--pss-line); color: var(--pss-muted); }
html.pss-pearl:not([data-theme="dark"]) .pss-table { box-shadow: var(--pss-shadow); }

/* call to action: white card with a gradient edge */
html.pss-pearl:not([data-theme="dark"]) .pss-cta { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(120deg, rgba(20, 99, 255, .55), rgba(220, 228, 239, .9) 40%, rgba(253, 101, 0, .45)) border-box; border: 1px solid transparent; color: var(--pss-muted); box-shadow: var(--pss-shadow-lift); }
html.pss-pearl:not([data-theme="dark"]) .pss-cta { margin-inline: max(var(--pss-gutter), calc((100% - var(--pss-max)) / 2 + var(--pss-gutter))); padding: clamp(28px, 5vw, 56px); border-radius: 24px; position: relative; overflow: hidden; }
html.pss-pearl:not([data-theme="dark"]) .pss-cta::before { content: ""; position: absolute; right: -120px; top: -160px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(20, 99, 255, .09), transparent 70%); pointer-events: none; }
html.pss-pearl:not([data-theme="dark"]) .pss-cta h2 { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-cta .pss-office { color: var(--pss-muted); }

/* tools: light result panels */
html.pss-pearl:not([data-theme="dark"]) .pss-result { background: linear-gradient(160deg, #FFFFFF, #EEF4FF); color: var(--pss-ink); border: 1px solid #D6E3FA; box-shadow: var(--pss-shadow); }
html.pss-pearl:not([data-theme="dark"]) .pss-out { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-kv dt { color: var(--pss-muted); } html.pss-pearl:not([data-theme="dark"]) .pss-kv dd { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-result .pss-btn-ghost { background: #fff; color: var(--pss-ink) !important; border-color: var(--pss-silver); }
html.pss-pearl:not([data-theme="dark"]) .pss-form { box-shadow: var(--pss-shadow); }
html.pss-pearl:not([data-theme="dark"]) .pss-form input:focus, html.pss-pearl:not([data-theme="dark"]) .pss-form select:focus, html.pss-pearl:not([data-theme="dark"]) .pss-form textarea:focus { border-color: #1463FF; box-shadow: 0 0 0 4px rgba(20, 99, 255, .1); outline: none; }

/* assistant panel */
html.pss-pearl:not([data-theme="dark"]) .pss-ai { box-shadow: 0 30px 60px -20px rgba(16, 40, 90, .35); }
html.pss-pearl:not([data-theme="dark"]) .pss-ai header { background: linear-gradient(180deg, #FFFFFF, #F4F7FC); color: var(--pss-ink); border-bottom: 1px solid var(--pss-line); }
html.pss-pearl:not([data-theme="dark"]) .pss-ai header .pss-x { color: var(--pss-ink); }
html.pss-pearl:not([data-theme="dark"]) .pss-ask { background: linear-gradient(180deg, #16223A, #0B1324); box-shadow: 0 12px 26px -10px rgba(11, 19, 36, .5); }

/* videos and maps sit on pearl */
html.pss-pearl:not([data-theme="dark"]) .pss-video, html.pss-pearl:not([data-theme="dark"]) .pss-map { background: linear-gradient(135deg, #F4F7FC, #E6EEFB); }
html.pss-pearl:not([data-theme="dark"]) .pss-video-play { background: linear-gradient(180deg, #3B82FF, #1463FF); color: #fff; }

/* footer: pearl with dark text */
html.pss-pearl:not([data-theme="dark"]) .pss-footer { background: radial-gradient(900px 400px at 85% 0%, rgba(20, 99, 255, .06), transparent 60%), linear-gradient(180deg, #F7F9FD 0%, #EDF2F9 100%); color: var(--pss-muted); border-top: 1px solid var(--pss-line); position: relative; }
html.pss-pearl:not([data-theme="dark"]) .pss-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: var(--pss-hairline); }
html.pss-pearl:not([data-theme="dark"]) .pss-footer h2 { color: var(--pss-ink); letter-spacing: .01em; }
html.pss-pearl:not([data-theme="dark"]) .pss-footer a { color: #24324A; }
html.pss-pearl:not([data-theme="dark"]) .pss-footer a:hover { color: #1463FF; }
html.pss-pearl:not([data-theme="dark"]) .pss-legal { border-top-color: var(--pss-line); }

/* (scroll fade-in removed in 2.1.1: content is always visible, whatever the browser) */

/* Dark mode chosen with the moon button: use the original dark drawings behind the slides. */
html.pss-pearl[data-theme="dark"] .pss-slide-frame { background-image: url("../img/slide-frame.jpg") !important; }
html.pss-pearl[data-theme="dark"] .pss-slide-stair { background-image: url("../img/slide-stair.jpg") !important; }
html.pss-pearl[data-theme="dark"] .pss-slide-balc { background-image: url("../img/slide-balc.jpg") !important; }
html.pss-pearl[data-theme="dark"] .pss-slide-plasma { background-image: url("../img/slide-plasma.jpg") !important; }
html.pss-pearl[data-theme="dark"] .pss-slide-brand { background-image: url("../img/slide-brand.jpg") !important; }