:root {
    --sponsor-ink: #0d2055;
    --sponsor-copy: #50648e;
    --sponsor-muted: #7184aa;
    --sponsor-blue: #1469ef;
    --sponsor-cyan: #28d5e9;
    --sponsor-violet: #6d55f2;
    --sponsor-magenta: #bd19f1;
    --sponsor-teal: #0aafa6;
    --sponsor-line: #dce9fa;
    --sponsor-soft: #f4f9ff;
    --sponsor-grad: linear-gradient(110deg, #168cf5, #6a57f2 57%, #bd19f1);
    --sponsor-max: 1320px;
}

/* Animated SiteOS monitoring hero */
.hero-monitor-visual{display:grid;place-items:center;min-height:510px;border:1px solid rgba(130,154,210,.22);background:linear-gradient(155deg,#f7faff 0%,#eef4ff 58%,#f8f6ff 100%);box-shadow:0 24px 52px rgba(34,66,119,.12);isolation:isolate}
.hero-monitor-visual::before{position:absolute;inset:0;background:linear-gradient(rgba(72,101,155,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(72,101,155,.055) 1px,transparent 1px);background-size:54px 54px;content:"";mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.hero-monitor-visual::after{display:none}.monitor-glow{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,232,.2),rgba(107,56,251,.09) 42%,transparent 70%);filter:blur(4px);animation:monitor-glow-pulse 9s ease-in-out infinite}
.siteos-monitor-pill{position:absolute;z-index:4;top:50%;left:50%;display:flex;align-items:center;gap:16px;width:268px;height:76px;padding:8px 12px;border:1px solid rgba(126,141,174,.35);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 14px 30px rgba(31,55,94,.16),0 0 0 9px rgba(42,64,99,.09);transform:translate(-50%,-50%);animation:monitor-pill-position 9s cubic-bezier(.65,0,.35,1) infinite}
.monitor-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.monitor-brand img{position:static;width:43px;height:43px;object-fit:contain}.monitor-brand strong{color:#0f172a;font-family:Poppins,sans-serif;font-size:25px;letter-spacing:-.045em;white-space:nowrap}.monitor-brand strong span{font-weight:400}.monitor-state{position:absolute;right:12px;display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 17px;border:2px solid;border-radius:999px;font-size:17px;font-weight:700;white-space:nowrap}.monitor-state i{width:11px;height:11px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px currentColor;opacity:.9}.monitor-state--active{color:#14723e;border-color:#a8ebc3;background:#effcf4;animation:monitor-active-state 9s ease-in-out infinite}.monitor-state--review{color:#2455d9;border-color:#96baff;background:#f4f8ff;opacity:0;transform:translateY(7px);animation:monitor-review-state 9s ease-in-out infinite}
.eligibility-alert{position:absolute;z-index:3;left:7%;right:7%;top:39%;padding:0 25px 24px;border:1px solid rgba(60,95,160,.12);border-radius:20px;background:#fff;box-shadow:0 22px 48px rgba(32,51,84,.17);opacity:0;transform:translateY(28px) scale(.96);transform-origin:top center;animation:eligibility-alert-reveal 9s cubic-bezier(.2,.75,.25,1) infinite}.eligibility-alert::before{position:absolute;top:0;left:0;right:0;height:6px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#2a62ef,#82b5ff);content:""}.eligibility-alert-head{display:flex;align-items:center;gap:14px;padding:29px 2px 21px;color:#2455d9}.eligibility-alert-head strong{font-size:21px;line-height:1.2}.eligibility-target{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#e4efff;color:#2862e8;font-size:30px}.eligibility-minimize{margin-left:auto;color:#78849b;font-size:25px}.eligibility-alert-body{padding:22px 24px;border:2px solid #8dbaff;border-radius:18px;background:#f2f7ff}.eligibility-alert-body>strong{display:block;color:#152038;font-size:18px;line-height:1.25}.eligibility-alert-body p{margin:9px 0 17px;color:#64748b;font-size:13px;line-height:1.55}.eligibility-action{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:2px solid #8dbaff;border-radius:11px;background:#fff;color:#2455d9;font-size:13px;font-weight:700}
@keyframes monitor-pill-position{0%,39%{top:50%;width:268px}48%,91%{top:21%;width:390px}100%{top:50%;width:268px}}
@keyframes monitor-active-state{0%,12%{opacity:0;transform:translateY(7px)}20%,40%{opacity:1;transform:none}47%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes monitor-review-state{0%,43%{opacity:0;transform:translateY(7px)}51%,91%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes eligibility-alert-reveal{0%,48%{opacity:0;transform:translateY(28px) scale(.96)}57%,89%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(16px) scale(.98)}}
@keyframes monitor-glow-pulse{0%,100%{opacity:.55;transform:scale(.9)}28%,76%{opacity:1;transform:scale(1.08)}}
@media(max-width:1100px){.siteos-monitor-pill{transform:translate(-50%,-50%) scale(.88)}.eligibility-alert{left:5%;right:5%}}
@media(max-width:600px){.hero-monitor-visual{min-height:430px}.siteos-monitor-pill{width:235px;height:66px;gap:10px;transform:translate(-50%,-50%) scale(.82)}.monitor-brand img{width:38px;height:38px}.monitor-brand strong{font-size:22px}.monitor-state{height:42px;padding:0 13px;font-size:15px}.eligibility-alert{left:4%;right:4%;padding:0 15px 16px}.eligibility-alert-head{padding:22px 0 16px}.eligibility-alert-head strong{font-size:17px}.eligibility-target{width:38px;height:38px;font-size:25px}.eligibility-alert-body{padding:17px}.eligibility-alert-body>strong{font-size:16px}.eligibility-alert-body p{font-size:12px}@keyframes monitor-pill-position{0%,39%{top:50%;width:235px}48%,91%{top:16%;width:350px}100%{top:50%;width:235px}}}
@media(prefers-reduced-motion:reduce){.monitor-glow,.siteos-monitor-pill,.monitor-state,.eligibility-alert{animation:none}.siteos-monitor-pill{top:21%;width:390px}.monitor-state--active{display:none}.monitor-state--review{opacity:1;transform:none}.eligibility-alert{opacity:1;transform:none}}

html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body.sponsor-page {
    margin: 0;
    color: var(--sponsor-ink);
    background: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.55;
    overflow-x: clip;
}
.skip-link {
    position: fixed;
    z-index: 3000;
    top: 12px;
    left: 12px;
    padding: 10px 15px;
    border-radius: 999px;
    background: var(--sponsor-ink);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transform: translateY(-150%);
    transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }
.sponsor-page *, .sponsor-page *::before, .sponsor-page *::after { box-sizing: border-box; }
.sponsor-page img { max-width: 100%; }
.sponsor-page a { color: inherit; }
.sponsor-page a:focus-visible, .sponsor-page button:focus-visible { outline: 3px solid var(--sponsor-cyan); outline-offset: 4px; }
.sponsor-wrap { width: min(var(--sponsor-max), calc(100% - 72px)); margin: 0 auto; }
.sponsor-display { margin: 0; font-family: Bitter, Georgia, serif; font-weight: 700; letter-spacing: -.045em; line-height: 1.05; }
.sponsor-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    color: var(--sponsor-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1.2;
    text-transform: uppercase;
}
.sponsor-eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.sponsor-gradient { background: var(--sponsor-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Product header */
.sponsor-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    min-height: 72px;
    padding: 0 max(24px, calc((100vw - var(--sponsor-max)) / 2));
    border-bottom: 1px solid rgba(183, 207, 236, .55);
    background: rgba(255, 255, 255, .91);
    box-shadow: 0 7px 22px rgba(40, 78, 133, .05);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.sponsor-brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; text-decoration: none; }
.sponsor-health-mark { width: 32px; height: 32px; object-fit: contain; }
.sponsor-health-name { color: var(--sponsor-ink); font-size: 14px; font-weight: 700; letter-spacing: -.03em; }
.sponsor-health-name span { font-weight: 500; }
.sponsor-brand-divider { width: 1px; height: 27px; margin: 0 3px; background: #b5c6df; }
.sponsor-product-mark { width: 28px; height: 28px; object-fit: contain; }
.sponsor-product-name { color: var(--sponsor-ink); font-family: Bitter, Georgia, serif; font-size: 21px; font-weight: 700; letter-spacing: -.05em; }
.sponsor-product-name span { font-family: Poppins, sans-serif; font-weight: 400; letter-spacing: -.04em; }
.sponsor-desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.1vw, 32px); }
.sponsor-desktop-nav a { position: relative; padding: 26px 0 24px; color: #3c568a; font-size: 11px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.sponsor-desktop-nav a:hover, .sponsor-desktop-nav a[aria-current="page"] { color: var(--sponsor-blue); }
.sponsor-desktop-nav a[aria-current="page"]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--sponsor-grad); content: ""; }
.sponsor-header-cta, .sponsor-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 11px 20px; border: 0; border-radius: 999px; font-weight: 700; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.sponsor-header-cta { padding: 10px 18px; background: var(--sponsor-grad); color: #fff !important; font-size: 11px; white-space: nowrap; box-shadow: 0 8px 18px rgba(88, 97, 235, .18); }
.sponsor-header-cta:hover, .sponsor-button:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(52, 87, 153, .17); filter: saturate(1.05); }
.sponsor-site-header .nav-toggle { display: none; }

/* Hero */
.sponsor-hero { position: relative; padding: 66px 0 54px; overflow: hidden; background: radial-gradient(circle at 75% 18%, rgba(46, 207, 236, .18), transparent 26%), linear-gradient(180deg, #fafdff 0%, #f4f9ff 100%); }
.sponsor-hero::before { position: absolute; top: -170px; right: -170px; width: 560px; height: 560px; border: 1px solid rgba(73, 155, 244, .19); border-radius: 50%; box-shadow: 0 0 0 44px rgba(73, 155, 244, .035), 0 0 0 88px rgba(73, 155, 244, .025); content: ""; }
.sponsor-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .91fr) minmax(0, 1.09fr); gap: 56px; align-items: center; }
.sponsor-hero h1 { max-width: 650px; font-size: clamp(46px, 5.1vw, 76px); }
.sponsor-hero h1 span { display: block; }
.sponsor-hero-copy { max-width: 600px; margin: 24px 0 27px; color: var(--sponsor-copy); font-size: 16px; line-height: 1.62; }
.sponsor-hero-copy strong { display: block; margin-top: 8px; color: var(--sponsor-ink); font-weight: 700; }
.sponsor-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.sponsor-button { min-height: 47px; padding: 12px 21px; font-size: 13px; }
.sponsor-button-primary { background: var(--sponsor-grad); color: #fff !important; box-shadow: 0 10px 22px rgba(104, 91, 241, .24); }
.sponsor-button-secondary { border: 1px solid #86a6d8; background: rgba(255, 255, 255, .78); color: var(--sponsor-blue); }
.sponsor-button .button-arrow { font-size: 19px; line-height: .7; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 19px; margin-top: 24px; color: #5b72a2; font-size: 12px; }
.hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.hero-proof span::before { display: inline-grid; width: 18px; height: 18px; place-items: center; border: 1.5px solid var(--sponsor-blue); border-radius: 50%; color: var(--sponsor-blue); content: "✓"; font-size: 11px; font-weight: 800; }
.hero-visual { position: relative; min-height: 510px; border: 1px solid rgba(137, 190, 241, .7); border-radius: 26px; background: #12345d; box-shadow: 0 24px 48px rgba(25, 69, 123, .18); overflow: hidden; }
.hero-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; }
.hero-visual::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9, 36, 71, .68), rgba(9, 36, 71, .05) 55%, rgba(17, 71, 112, .13)), linear-gradient(0deg, rgba(7, 33, 72, .55), transparent 55%); content: ""; }
.visual-callout, .visual-alert, .visual-caption { position: absolute; z-index: 2; }
.visual-callout { display: grid; gap: 3px; max-width: 174px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .8); border-radius: 12px; background: rgba(239, 249, 255, .91); color: var(--sponsor-ink); box-shadow: 0 12px 24px rgba(12, 42, 82, .18); font-size: 11px; line-height: 1.25; }
.visual-callout strong { font-family: Bitter, Georgia, serif; font-size: 16px; }
.visual-callout--mirror { top: 19%; left: 9%; color: #ecf9ff; border-color: rgba(173, 239, 255, .35); background: rgba(13, 44, 82, .68); }
.visual-callout--mirror strong { color: #fff; font-size: 12px; font-family: Poppins, sans-serif; }
.visual-callout--rail { top: 9%; right: 7%; }
.visual-alert { display: flex; align-items: center; gap: 10px; min-width: 164px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .94); box-shadow: 0 12px 24px rgba(12, 42, 82, .18); font-size: 9px; line-height: 1.25; }
.visual-alert b { display: grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border-radius: 50%; color: #fff; font-size: 15px; }
.visual-alert strong { display: block; font-size: 11px; }
.visual-alert--risk { top: 45%; right: 15%; color: #b52c56; }
.visual-alert--risk b { background: linear-gradient(145deg, #ff83ab, #f23874); }
.visual-alert--success { right: 4%; bottom: 20%; color: #11827e; background: rgba(232, 255, 249, .95); }
.visual-alert--success b { background: #13bba5; }
.visual-caption { right: 7%; bottom: 6%; color: #d7f9ff; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.visual-caption span { margin: 0 8px; color: var(--sponsor-cyan); font-size: 18px; vertical-align: -2px; }

/* Shared section treatments */
.sponsor-section { padding: 92px 0; }
.sponsor-section, .final-section { scroll-margin-top: 88px; }
.section-heading { max-width: 830px; }
.section-heading h2 { font-size: clamp(36px, 4vw, 57px); }
.section-heading p { max-width: 720px; margin: 16px 0 0; color: var(--sponsor-copy); font-size: 16px; }
.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.section-inline-link { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; padding: 11px 17px; border: 1px solid #77a5ec; border-radius: 10px; color: var(--sponsor-blue); font-size: 12px; font-weight: 700; text-decoration: none; }
.section-inline-link:hover { background: #eef6ff; }

/* Sponsor value */
.value-section { background: radial-gradient(circle at 8% 5%, rgba(85, 204, 245, .15), transparent 26%), linear-gradient(180deg, #f5faff, #fff); }
.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 50px; border-top: 1px solid var(--sponsor-line); border-bottom: 1px solid var(--sponsor-line); }
.value-card { position: relative; padding: 28px 27px 31px; }
.value-card + .value-card { border-left: 1px solid var(--sponsor-line); }
.value-card::after { position: absolute; top: 0; right: 20%; left: 20%; height: 3px; background: var(--sponsor-grad); content: ""; opacity: 0; transition: opacity .2s ease; }
.value-card:hover::after { opacity: 1; }
.value-icon { display: grid; width: 55px; height: 55px; margin-bottom: 24px; place-items: center; border: 1px solid rgba(90, 177, 244, .35); border-radius: 50%; background: linear-gradient(145deg, #e8f6ff, #e9e8ff); color: var(--sponsor-blue); font-size: 22px; font-weight: 700; box-shadow: 0 8px 16px rgba(74, 137, 218, .11); }
.value-card:nth-child(2) .value-icon { color: var(--sponsor-teal); background: linear-gradient(145deg, #e5fbf9, #e6f5ff); }
.value-card:nth-child(3) .value-icon { color: #2f64e8; background: linear-gradient(145deg, #e8f0ff, #e2f9ff); }
.value-card:nth-child(4) .value-icon { color: var(--sponsor-teal); background: linear-gradient(145deg, #e1faf8, #e9f7ff); }
.value-card h3 { margin: 0; font: 700 21px/1.1 Bitter, Georgia, serif; letter-spacing: -.035em; }
.value-card p { margin: 11px 0 0; color: var(--sponsor-copy); font-size: 13px; line-height: 1.5; }

/* Traditional versus SiteOS */
.difference-section { background: #fff; }
.difference-heading { text-align: center; margin: 0 auto; }
.difference-heading p { max-width: 620px; margin-right: auto; margin-left: auto; }
.comparison-shell { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 125px minmax(0, 1fr); align-items: center; gap: 20px; margin-top: 54px; padding: 27px; border: 1px solid #dce7f5; border-radius: 26px; background: linear-gradient(110deg, #fff5fa, #fff 43%, #f1fffd 70%, #f6ffff); overflow: hidden; }
.comparison-shell::before { position: absolute; top: 50%; right: 4%; left: 4%; height: 1px; background: linear-gradient(90deg, rgba(255, 117, 156, .25), rgba(111, 212, 211, .5)); content: ""; }
.comparison-side { position: relative; z-index: 1; min-height: 275px; padding: 20px 19px; }
.comparison-side--traditional { border-radius: 19px 70px 70px 19px; background: linear-gradient(90deg, rgba(255, 227, 238, .88), rgba(255, 235, 244, .28)); }
.comparison-side--siteos { border-radius: 70px 19px 19px 70px; background: linear-gradient(90deg, rgba(226, 255, 250, .26), rgba(218, 250, 247, .9)); }
.comparison-label { display: inline-flex; padding: 7px 17px; border: 1px solid rgba(243, 110, 158, .45); border-radius: 999px; color: #9f315a; font: 700 16px/1 Bitter, Georgia, serif; }
.comparison-side--siteos .comparison-label { border-color: rgba(11, 171, 165, .4); background: #08a69d; color: #fff; }
.comparison-support { margin: 8px 0 20px; color: var(--sponsor-muted); font-size: 12px; }
.comparison-side--siteos .comparison-support { color: #07877f; }
.comparison-flow { display: flex; align-items: flex-start; gap: 8px; }
.comparison-step { display: grid; flex: 1; gap: 7px; justify-items: center; color: var(--sponsor-ink); font-size: 11px; font-weight: 700; text-align: center; }
.comparison-step i { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; background: #ffc7d7; color: #eb4c81; font-style: normal; font-size: 20px; box-shadow: 0 0 0 7px rgba(255, 179, 203, .17); }
.comparison-side--siteos .comparison-step i { background: #c6f4ed; color: #0ca69f; box-shadow: 0 0 0 7px rgba(145, 232, 221, .2); }
.comparison-arrow { align-self: center; padding-top: 1px; color: #e8497e; font-size: 20px; font-weight: 700; }
.comparison-side--siteos .comparison-arrow { color: #08a59f; }
.comparison-note { margin: 21px 0 0; color: #ae6a85; font: italic 12px Bitter, Georgia, serif; }
.comparison-side--siteos .comparison-note { color: #168c88; }
.comparison-center { position: relative; z-index: 2; display: grid; width: 106px; height: 106px; place-items: center; border: 7px solid rgba(255, 255, 255, .87); border-radius: 50%; background: linear-gradient(135deg, #dffbff, #dcd8ff); box-shadow: 0 0 0 1px rgba(103, 145, 220, .18), 0 12px 25px rgba(81, 117, 189, .18); }
.comparison-center::after { position: absolute; top: 50%; left: calc(100% + 12px); width: 30px; height: 2px; background: var(--sponsor-grad); content: ""; }
.comparison-center img { width: 57px; height: 57px; }

/* Prevention map */
.prevention-section { background: radial-gradient(circle at 74% 55%, rgba(54, 215, 232, .13), transparent 32%), #f7fbff; }
.prevention-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 62px; align-items: center; }
.prevention-copy { max-width: 390px; }
.prevention-copy h2 { font-size: clamp(36px, 4vw, 53px); }
.prevention-copy > p { margin: 19px 0 0; color: var(--sponsor-copy); font-size: 16px; }
.prevention-map { position: relative; min-height: 465px; }
.prevention-map::before, .prevention-map::after { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(91, 175, 243, .5); border-radius: 50%; content: ""; transform: translate(-50%, -50%); }
.prevention-map::before { width: 310px; height: 310px; }
.prevention-map::after { width: 395px; height: 395px; border-color: rgba(110, 99, 244, .22); }
.prevention-center { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 168px; height: 168px; place-items: center; border: 8px solid rgba(255, 255, 255, .82); border-radius: 50%; background: linear-gradient(135deg, #dffcff, #e0dcff); box-shadow: 0 0 0 1px rgba(91, 164, 235, .25), 0 18px 37px rgba(75, 135, 208, .18); transform: translate(-50%, -50%); }
.prevention-center img { width: 75px; height: 75px; }
.prevention-center::after { position: absolute; right: -34px; bottom: 13px; color: var(--sponsor-blue); content: "SiteOS"; font: 700 14px Bitter, Georgia, serif; transform: rotate(-12deg); }
.prevention-card { position: absolute; z-index: 3; width: 180px; padding: 12px 14px; border: 1px solid rgba(138, 201, 244, .65); border-radius: 13px; background: rgba(255, 255, 255, .86); box-shadow: 0 13px 25px rgba(77, 135, 202, .11); }
.prevention-card::before { display: grid; width: 34px; height: 34px; margin-bottom: 7px; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #e3f8ff, #e7e0ff); color: var(--sponsor-blue); content: "✓"; font-size: 16px; font-weight: 800; }
.prevention-card strong { display: block; font: 700 13px/1.1 Bitter, Georgia, serif; }
.prevention-card span { display: block; margin-top: 4px; color: var(--sponsor-muted); font-size: 10px; line-height: 1.3; }
.prevention-card--window { top: 7%; left: 8%; }
.prevention-card--missed { top: 45%; left: 0; }
.prevention-card--consent { top: 1%; right: 7%; }
.prevention-card--delegation { top: 45%; right: 0; }
.prevention-card--data { right: 16%; bottom: 1%; }
.prevention-footnote { position: absolute; right: 13%; bottom: -3%; left: 13%; padding: 9px 15px; border: 1px solid #d3e6fa; border-radius: 999px; background: #f4faff; color: var(--sponsor-muted); font-size: 11px; text-align: center; }

/* How it works */
.how-section { background: #fff; }
.how-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 76px; align-items: center; }
.how-copy h2 { font-size: clamp(36px, 4vw, 53px); }
.how-copy > p { max-width: 600px; margin: 19px 0 0; color: var(--sponsor-copy); font-size: 16px; }
.proof-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 27px; }
.proof-chip { display: flex; align-items: center; gap: 9px; min-height: 43px; padding: 9px 10px; border: 1px solid #dce9f9; border-radius: 10px; background: #f7fbff; color: #42618f; font-size: 11px; font-weight: 700; }
.proof-chip::before { display: grid; width: 21px; height: 21px; flex: 0 0 21px; place-items: center; border-radius: 6px; background: linear-gradient(135deg, #d9f9ff, #e5dcff); color: var(--sponsor-blue); content: "✓"; font-size: 11px; }
.systems-note { margin-top: 27px; color: var(--sponsor-muted); font-size: 12px; }
.systems-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.systems-list span { padding: 5px 9px; border: 1px solid #dce7f5; border-radius: 999px; color: #516e9a; font-size: 10px; font-weight: 700; }
.how-visual { position: relative; min-height: 400px; border-radius: 24px; background: #102453; box-shadow: 0 22px 44px rgba(25, 69, 123, .18); overflow: hidden; }
.how-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .77; }
.how-visual::after { position: absolute; inset: 0; background: linear-gradient(130deg, rgba(8, 25, 66, .76), rgba(24, 16, 82, .12) 65%, rgba(4, 24, 59, .4)); content: ""; }
.how-visual-card { position: absolute; z-index: 2; top: 24px; right: 24px; width: min(245px, 50%); padding: 15px; border: 1px solid rgba(255, 255, 255, .58); border-radius: 14px; background: rgba(246, 252, 255, .91); box-shadow: 0 16px 28px rgba(3, 22, 62, .28); }
.how-visual-card strong { display: block; color: var(--sponsor-ink); font: 700 18px/1.05 Bitter, Georgia, serif; }
.how-visual-card span { display: block; margin-top: 7px; color: #5c749e; font-size: 11px; line-height: 1.35; }
.how-visual-tag { position: absolute; z-index: 2; right: 24px; bottom: 24px; left: 24px; display: flex; justify-content: space-between; gap: 16px; color: #e2f7ff; font-size: 11px; font-weight: 700; }
.how-visual-tag span:last-child { color: var(--sponsor-cyan); }

/* Outsourced execution */
.execution-section { background: linear-gradient(180deg, #f8fcff, #edf8ff); }
.execution-grid { display: grid; grid-template-columns: .93fr 1.07fr; gap: 66px; align-items: center; }
.execution-copy h2 { font-size: clamp(36px, 4vw, 53px); }
.execution-copy p { max-width: 560px; margin: 19px 0 0; color: var(--sponsor-copy); font-size: 16px; }
.execution-visual { position: relative; min-height: 380px; border: 1px solid rgba(157, 209, 243, .75); border-radius: 25px; background: linear-gradient(135deg, rgba(231, 249, 255, .95), rgba(236, 233, 255, .93)), url("../img/audience-sponsors-modern.png") center / cover; box-shadow: 0 18px 38px rgba(49, 117, 180, .11); overflow: hidden; }
.execution-visual::before { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, .64), rgba(239, 252, 255, .92)); content: ""; }
.execution-visual::after { position: absolute; top: 50%; right: 13%; left: 13%; height: 1px; background: linear-gradient(90deg, transparent, #8bc6fb, #a9a0fd, transparent); content: ""; }
.execution-network { position: absolute; inset: 0; z-index: 1; }
.network-node { position: absolute; display: grid; place-items: center; width: 103px; height: 103px; border: 7px solid rgba(255, 255, 255, .76); border-radius: 50%; background: linear-gradient(145deg, #e0f8ff, #e2ddff); box-shadow: 0 10px 24px rgba(65, 122, 194, .15); text-align: center; }
.network-node strong { display: block; font: 700 14px/1 Bitter, Georgia, serif; }
.network-node span { display: block; margin-top: 4px; color: var(--sponsor-muted); font-size: 8px; line-height: 1.1; }
.network-node--sponsor { top: 7%; left: 50%; transform: translateX(-50%); }
.network-node--cro { bottom: 12%; left: 9%; }
.network-node--sites { right: 9%; bottom: 12%; }
.network-node--siteos { top: 44%; left: 50%; width: 122px; height: 122px; background: linear-gradient(145deg, #e7fdff, #d8d3ff); transform: translate(-50%, -50%); }
.network-node--siteos img { width: 45px; height: 45px; }
.network-line { position: absolute; top: 33%; left: 50%; width: 1px; height: 22%; background: linear-gradient(180deg, #73bdf6, #9a8ff2); transform-origin: top; }
.network-line--left { top: 52%; left: 42%; width: 27%; height: 1px; transform: rotate(26deg); }
.network-line--right { top: 52%; left: 51%; width: 27%; height: 1px; transform: rotate(-26deg); }
.network-caption { position: absolute; z-index: 2; right: 6%; top: 7%; max-width: 145px; color: #5277ad; font: italic 13px/1.2 Bitter, Georgia, serif; transform: rotate(5deg); }

/* Final CTA / footer */
.final-section { padding: 72px 0 48px; background: radial-gradient(circle at 84% 30%, rgba(73, 199, 246, .32), transparent 24%), linear-gradient(105deg, #102b55, #283078 53%, #4b2580); color: #fff; }
.final-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 45px; align-items: end; }
.final-section .sponsor-eyebrow { color: var(--sponsor-cyan); }
.final-section h2 { max-width: 680px; font-size: clamp(40px, 5vw, 66px); }
.final-section h2 span { display: block; }
.final-copy { max-width: 600px; margin: 15px 0 24px; color: #d7e4f9; font-size: 16px; }
.final-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; max-width: 800px; margin-bottom: 28px; }
.final-benefit { padding: 0 17px; color: #e6f2ff; font-size: 11px; font-weight: 700; }
.final-benefit:first-child { padding-left: 0; }
.final-benefit + .final-benefit { border-left: 1px solid rgba(255, 255, 255, .3); }
.final-benefit::before { display: block; margin-bottom: 7px; color: var(--sponsor-cyan); content: "✓"; font-size: 18px; }
.final-section .sponsor-button-primary { background: #fff; color: #3e49ac !important; box-shadow: 0 10px 24px rgba(10, 33, 94, .25); }
.final-tagline { justify-self: end; max-width: 230px; padding-bottom: 14px; color: #fff; font: 700 30px/1.02 Bitter, Georgia, serif; letter-spacing: -.05em; text-align: right; }
.final-tagline span { display: block; margin-top: 8px; color: var(--sponsor-cyan); font-size: 17px; }
.sponsor-footer { padding: 30px 0 14px; border-top: 1px solid #dce8f4; background: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.55fr repeat(3, 1fr); gap: 35px; }
.footer-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--sponsor-ink); font-size: 16px; font-weight: 700; text-decoration: none; }
.sponsor-page footer .footer-brand { display: block; align-items: initial; gap: 0; color: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; }
.footer-brand img { width: 28px; height: 28px; }
.footer-brand span { font-weight: 400; }
.footer-blurb { max-width: 250px; margin: 13px 0 0; color: var(--sponsor-muted); font-size: 12px; line-height: 1.45; }
.footer-col strong { display: block; margin-bottom: 10px; color: var(--sponsor-ink); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.footer-col a { display: block; margin: 7px 0; color: var(--sponsor-muted); font-size: 12px; text-decoration: none; }
.footer-col a:hover { color: var(--sponsor-blue); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 26px; padding-top: 14px; border-top: 1px solid #e2ebf4; color: var(--sponsor-muted); font-size: 11px; }
.footer-legal { display: flex; gap: 17px; }
.footer-legal a { text-decoration: none; }

/* Mobile drawer */
.sponsor-page .mobile-nav { display: none; }
.sponsor-page .mobile-nav-close {
    display: grid;
    width: 42px;
    height: 42px;
    margin: 0 0 18px auto;
    place-items: center;
    border: 0;
    border-radius: 11px;
    background: rgba(24, 92, 177, .07);
    color: var(--sponsor-ink);
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
}
.sponsor-page .mobile-nav-close:hover { background: rgba(24, 92, 177, .13); }

@media (max-width: 1120px) {
    .sponsor-site-header { grid-template-columns: auto 1fr auto; gap: 15px; }
    .sponsor-desktop-nav { gap: 15px; }
    .sponsor-desktop-nav a { font-size: 10px; }
    .hero-visual { min-height: 460px; }
    .comparison-shell { grid-template-columns: minmax(0, 1fr) 100px minmax(0, 1fr); padding: 20px; }
    .comparison-flow { gap: 4px; }
    .comparison-step { font-size: 10px; }
    .comparison-step i { width: 38px; height: 38px; font-size: 17px; }
    .prevention-grid, .how-grid, .execution-grid { gap: 40px; }
}
@media (max-width: 900px) {
    .sponsor-site-header { display: flex; min-height: 66px; padding: max(8px, env(safe-area-inset-top, 0px)) 15px 8px 18px; }
    .sponsor-desktop-nav, .sponsor-header-cta { display: none; }
    .sponsor-site-header .nav-toggle { display: flex; align-items: center; justify-content: center; margin-left: auto; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 11px; background: rgba(24, 92, 177, .07); color: var(--sponsor-ink); cursor: pointer; }
    .sponsor-site-header .nav-toggle-bar { display: block; width: 19px; height: 2px; margin: 4px auto; border-radius: 2px; background: currentColor; transition: transform .25s ease, opacity .2s; }
    .sponsor-site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .sponsor-site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2) { opacity: 0; }
    .sponsor-site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
    .sponsor-page .mobile-nav { display: block; }
    .sponsor-page .mobile-nav-close { display: grid; }
    .sponsor-hero-grid, .prevention-grid, .how-grid, .execution-grid { grid-template-columns: 1fr; }
    .sponsor-hero-grid { gap: 40px; }
    .sponsor-hero { padding-top: 48px; }
    .sponsor-hero-copy { max-width: 690px; }
    .hero-visual { max-width: 760px; width: 100%; margin: 0 auto; }
    .value-grid { grid-template-columns: repeat(2, 1fr); }
    .value-card:nth-child(3) { border-left: 0; border-top: 1px solid var(--sponsor-line); }
    .value-card:nth-child(4) { border-top: 1px solid var(--sponsor-line); }
    .comparison-shell { grid-template-columns: 1fr; gap: 14px; }
    .comparison-shell::before { top: 50%; right: 8%; left: 8%; width: 1px; height: 0; }
    .comparison-center { margin: 0 auto; }
    .comparison-center::after { display: none; }
    .comparison-side--traditional, .comparison-side--siteos { border-radius: 20px; }
    .prevention-grid, .how-grid, .execution-grid { align-items: start; }
    .prevention-copy { max-width: 690px; }
    .how-visual, .execution-visual { max-width: 760px; width: 100%; }
    .final-grid { grid-template-columns: 1fr; align-items: start; }
    .final-tagline { justify-self: start; padding-bottom: 0; text-align: left; }
    .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
    .footer-col:last-child { display: none; }
}
@media (max-width: 600px) {
    .sponsor-wrap { width: min(100% - 32px, var(--sponsor-max)); }
    .sponsor-health-mark { width: 27px; height: 27px; }
    .sponsor-health-name { font-size: 12px; }
    .sponsor-brand-divider { height: 23px; }
    .sponsor-product-mark { width: 25px; height: 25px; }
    .sponsor-product-name { font-size: 19px; }
    .sponsor-hero { padding: 40px 0 45px; }
    .sponsor-hero h1 { font-size: clamp(41px, 12vw, 59px); }
    .sponsor-hero-copy { font-size: 15px; }
    .sponsor-actions { align-items: stretch; flex-direction: column; }
    .sponsor-button { width: 100%; }
    .hero-proof { display: grid; gap: 9px; }
    .hero-visual { min-height: 410px; border-radius: 20px; }
    .visual-callout--mirror { top: 17%; left: 4%; max-width: 145px; }
    .visual-callout--rail { top: 6%; right: 4%; max-width: 136px; }
    .visual-alert { min-width: 0; max-width: 150px; padding: 8px; }
    .visual-alert--risk { top: 45%; right: 8%; }
    .visual-alert--success { right: 3%; bottom: 19%; }
    .visual-caption { right: 4%; bottom: 4%; left: 4%; font-size: 8px; text-align: center; }
    .sponsor-section { padding: 68px 0; }
    .section-heading-row { display: block; }
    .section-inline-link { margin-top: 22px; }
    .value-grid { display: block; margin-top: 35px; }
    .value-card, .value-card + .value-card { border-left: 0; border-top: 1px solid var(--sponsor-line); }
    .value-card:first-child { border-top: 0; }
    .comparison-shell { margin-top: 35px; padding: 12px; }
    .comparison-side { min-height: 0; padding: 17px 13px; }
    .comparison-flow { gap: 4px; }
    .comparison-step { font-size: 8px; }
    .comparison-step i { width: 31px; height: 31px; font-size: 14px; box-shadow: 0 0 0 4px rgba(255, 179, 203, .17); }
    .comparison-arrow { font-size: 15px; }
    .comparison-label { font-size: 14px; }
    .comparison-note { font-size: 10px; }
    .prevention-map { min-height: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 32px; }
    .prevention-map::before, .prevention-map::after, .prevention-center::after { display: none; }
    .prevention-center { position: relative; top: auto; left: auto; grid-column: 1 / -1; width: 122px; height: 122px; margin: 0 auto 10px; transform: none; }
    .prevention-center img { width: 57px; height: 57px; }
    .prevention-card { position: relative; inset: auto; width: auto; min-height: 116px; padding: 13px; }
    .prevention-card strong { font-size: 12px; }
    .prevention-card span { font-size: 9px; }
    .prevention-footnote { position: relative; right: auto; bottom: auto; left: auto; grid-column: 1 / -1; margin-top: 4px; font-size: 10px; }
    .proof-list { grid-template-columns: 1fr; }
    .how-visual { min-height: 330px; }
    .how-visual-card { top: 14px; right: 14px; width: 55%; }
    .how-visual-tag { right: 14px; bottom: 14px; left: 14px; font-size: 9px; }
    .execution-visual { min-height: 340px; }
    .network-node { width: 83px; height: 83px; border-width: 5px; }
    .network-node--siteos { width: 102px; height: 102px; }
    .network-node strong { font-size: 12px; }
    .network-node span { font-size: 7px; }
    .network-node--cro { left: 3%; }
    .network-node--sites { right: 3%; }
    .network-caption { top: 5%; right: 3%; max-width: 120px; font-size: 10px; }
    .final-section { padding: 58px 0 39px; }
    .final-benefits { grid-template-columns: repeat(2, 1fr); gap: 16px 0; }
    .final-benefit:nth-child(3) { padding-left: 0; border-left: 0; }
    .final-benefit:nth-child(n+3) { padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .3); }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 27px 15px; }
    .footer-brand-wrap { grid-column: 1 / -1; }
    .footer-col:last-child { display: block; }
    .footer-bottom { display: block; }
    .footer-legal { flex-wrap: wrap; gap: 9px 15px; margin-top: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}
.hero-monitor-visual .monitor-brand img{position:static;inset:auto;width:43px;height:43px;object-fit:contain;object-position:center}
@media(max-width:600px){.hero-monitor-visual .monitor-brand img{width:38px;height:38px}}
.hero-visual.hero-monitor-visual{background:linear-gradient(155deg,#0c2449 0%,#15355e 58%,#102b51 100%)}
@keyframes monitor-pill-position{0%,12%{top:50%;width:268px}20%,39%{top:50%;width:390px}48%,91%{top:21%;width:390px}100%{top:50%;width:268px}}
@media(max-width:600px){@keyframes monitor-pill-position{0%,12%{top:50%;width:235px}20%,39%{top:50%;width:350px}48%,91%{top:16%;width:350px}100%{top:50%;width:235px}}}
@media(max-width:600px){.hero-visual.hero-monitor-visual{min-height:500px}.hero-monitor-visual .eligibility-alert{top:30%}}

/* Keep the monitoring sequence on the hero background, sized to its content. */
.hero-visual.hero-monitor-visual{min-height:500px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.hero-monitor-visual::before{display:none}.monitor-glow{width:360px;height:360px;opacity:.56;background:radial-gradient(circle,rgba(45,212,232,.18),rgba(107,56,251,.07) 44%,transparent 70%)}
.siteos-monitor-pill{gap:0;width:max-content;height:68px;padding:8px 12px;border-color:rgba(126,141,174,.28);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 12px 26px rgba(31,55,94,.13),0 0 0 7px rgba(42,64,99,.07);animation:monitor-pill-position-clean 9s cubic-bezier(.65,0,.35,1) infinite}
.monitor-brand{gap:9px}.hero-monitor-visual .monitor-brand img{width:40px;height:40px}.monitor-brand strong{font-size:24px}
.monitor-state{position:relative;right:auto;display:inline-flex;box-sizing:content-box;max-width:0;height:44px;margin-left:0;overflow:hidden;padding:0;border-width:0;opacity:0;font-size:16px;transform:none}
.monitor-state i{width:10px;height:10px;flex:0 0 10px;box-shadow:none}.monitor-state--active{animation:monitor-active-state-clean 9s ease-in-out infinite}.monitor-state--review{animation:monitor-review-state-clean 9s ease-in-out infinite}
.eligibility-alert{left:1%;right:1%;top:37%;padding:0 22px 22px;border-color:rgba(60,95,160,.12);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 18px 38px rgba(32,51,84,.13);animation:eligibility-alert-reveal-clean 9s cubic-bezier(.2,.75,.25,1) infinite}
.eligibility-alert::before{height:5px}.eligibility-alert-head{padding:25px 2px 18px}.eligibility-alert-head strong{font-size:20px}.eligibility-target{width:42px;height:42px}.eligibility-alert-body{padding:20px 22px}.eligibility-alert-body>strong{font-size:18px}.eligibility-alert-body p{font-size:13px}
@keyframes monitor-pill-position-clean{0%,39%{top:50%}48%,91%{top:17%}100%{top:50%}}
@keyframes monitor-active-state-clean{0%,12%{max-width:0;margin-left:0;padding:0;border-width:0;opacity:0}20%,40%{max-width:150px;margin-left:12px;padding:0 15px;border-width:2px;opacity:1}47%,100%{max-width:0;margin-left:0;padding:0;border-width:0;opacity:0}}
@keyframes monitor-review-state-clean{0%,43%{max-width:0;margin-left:0;padding:0;border-width:0;opacity:0}51%,91%{max-width:190px;margin-left:12px;padding:0 15px;border-width:2px;opacity:1}97%,100%{max-width:0;margin-left:0;padding:0;border-width:0;opacity:0}}
@keyframes eligibility-alert-reveal-clean{0%,48%{opacity:0;transform:translateY(20px) scale(.98)}57%,89%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(14px) scale(.99)}}
@media(max-width:600px){.hero-visual.hero-monitor-visual{min-height:470px}.siteos-monitor-pill{height:62px;padding:7px 10px}.hero-monitor-visual .monitor-brand img{width:36px;height:36px}.monitor-brand strong{font-size:21px}.monitor-state{height:40px;font-size:14px}.eligibility-alert{left:0;right:0;top:32%;padding:0 14px 16px;border-radius:17px}.eligibility-alert-head{gap:10px;padding:20px 0 15px}.eligibility-alert-head strong{font-size:17px}.eligibility-alert-body{padding:16px}.eligibility-alert-body>strong{font-size:16px}.eligibility-alert-body p{font-size:12px}.eligibility-action{min-height:34px;font-size:12px}@keyframes monitor-pill-position-clean{0%,39%{top:50%}48%,91%{top:13%}100%{top:50%}}}
@media(prefers-reduced-motion:reduce){.siteos-monitor-pill{top:17%;animation:none}.monitor-state--active{display:none}.monitor-state--review{max-width:190px;margin-left:12px;padding:0 15px;border-width:2px;opacity:1;animation:none}.eligibility-alert{opacity:1;transform:none;animation:none}}

/* Compact sponsor hero composition */
.sponsor-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:64px}
.sponsor-hero-copy strong{display:inline;margin:0}
.hero-visual.hero-monitor-visual{justify-self:end;width:100%;max-width:520px;min-height:410px}
.monitor-glow{width:300px;height:300px}
.siteos-monitor-pill{height:60px;padding:7px 10px;box-shadow:0 9px 22px rgba(31,55,94,.12),0 0 0 6px rgba(42,64,99,.055)}
.hero-monitor-visual .monitor-brand img{width:35px;height:35px}.monitor-brand strong{font-size:22px}.monitor-state{height:39px;font-size:15px}.monitor-state i{width:9px;height:9px;flex-basis:9px}
.eligibility-alert{left:3%;right:3%;top:32%;padding:0 18px 18px;border-radius:18px}.eligibility-alert-head{gap:12px;padding:21px 0 15px}.eligibility-alert-head strong{font-size:18px}.eligibility-target{width:38px;height:38px;border-radius:10px;font-size:26px}.eligibility-alert-body{padding:17px 18px;border-radius:16px}.eligibility-alert-body>strong{font-size:16px}.eligibility-alert-body p{margin:7px 0 13px;font-size:12px}.eligibility-action{min-height:34px;padding:0 13px;font-size:12px}
@keyframes monitor-pill-position-clean{0%,39%{top:50%}48%,91%{top:13%}100%{top:50%}}
@media(max-width:1000px){.sponsor-hero-grid{grid-template-columns:1fr;gap:38px}.hero-visual.hero-monitor-visual{justify-self:center;max-width:560px}}
@media(max-width:600px){.hero-visual.hero-monitor-visual{min-height:440px}.hero-monitor-visual .eligibility-alert{top:29%}.siteos-monitor-pill{height:58px}.hero-monitor-visual .monitor-brand img{width:34px;height:34px}.monitor-brand strong{font-size:20px}.monitor-state{height:38px;font-size:13px}@keyframes monitor-pill-position-clean{0%,39%{top:50%}48%,91%{top:11%}100%{top:50%}}}

/* Reference-matched detected state */
.hero-visual.hero-monitor-visual{min-height:440px}
.siteos-monitor-pill{top:5%;right:0;left:auto;height:64px;padding:7px 11px;transform:none;transform-origin:top right;animation:monitor-detection-pulse 9s ease-in-out infinite}
.siteos-monitor-pill::before{position:absolute;inset:-8px;border:2px solid rgba(45,105,240,.62);border-radius:999px;content:"";opacity:0;pointer-events:none;animation:monitor-detection-ring 9s ease-out infinite}
.hero-monitor-visual .monitor-brand img{width:39px;height:39px}.monitor-brand strong{font-size:24px}.monitor-state{height:43px;font-size:16px}
.monitor-state--review{background:#f3f7ff;border-color:#8cb6ff;color:#2356d6}.monitor-state--review i{background:#2e68e7;box-shadow:0 0 12px rgba(46,104,231,.5)}
.eligibility-alert{top:25%;left:0;right:0;padding:0 24px 24px;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(29,45,74,.16);animation:eligibility-alert-drop 9s cubic-bezier(.2,.8,.25,1) infinite}
.eligibility-alert::before{height:6px;background:linear-gradient(90deg,#2860eb,#8abaff)}.eligibility-alert::after{position:absolute;z-index:-1;top:-44px;right:92px;width:8px;height:45px;border-radius:7px 7px 0 0;background:#9badc8;box-shadow:6px 0 0 rgba(49,70,104,.08);content:""}
.eligibility-alert-head{gap:15px;padding:28px 2px 21px}.eligibility-alert-head strong{font-size:22px}.eligibility-target{width:46px;height:46px;border-radius:12px;font-size:30px}.eligibility-minimize{font-size:26px}
.eligibility-alert-body{padding:22px 24px 24px;border:2px solid #8dbaff;border-radius:19px;background:#f0f6ff}.eligibility-alert-body>strong{font-size:19px;line-height:1.28}.eligibility-alert-body p{margin:9px 0 18px;font-size:14px;line-height:1.5}.eligibility-action{min-height:40px;padding:0 16px;border:2px solid #8dbaff;border-radius:11px;font-size:14px}
@keyframes monitor-detection-pulse{0%,42%,58%,100%{transform:scale(1);box-shadow:0 9px 22px rgba(31,55,94,.12),0 0 0 6px rgba(42,64,99,.055)}47%{transform:scale(1.045);box-shadow:0 12px 30px rgba(39,91,218,.22),0 0 0 10px rgba(53,111,237,.12)}52%{transform:scale(.985);box-shadow:0 8px 20px rgba(31,55,94,.13),0 0 0 5px rgba(42,64,99,.06)}}
@keyframes monitor-detection-ring{0%,42%{opacity:0;transform:scale(.94)}47%{opacity:.85;transform:scale(1.02)}56%,100%{opacity:0;transform:scale(1.13)}}
@keyframes eligibility-alert-drop{0%,50%{opacity:0;transform:translateY(-42px) scale(.985)}58%{opacity:1;transform:translateY(8px) scale(1)}64%,89%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(12px) scale(.99)}}
@media(max-width:600px){.hero-visual.hero-monitor-visual{min-height:500px}.siteos-monitor-pill{top:3%;right:0;height:58px}.hero-monitor-visual .monitor-brand img{width:34px;height:34px}.monitor-brand strong{font-size:21px}.monitor-state{height:38px;font-size:13px}.hero-monitor-visual .eligibility-alert{top:21%;padding:0 14px 17px}.eligibility-alert::after{top:-34px;right:63px;height:35px;width:6px}.eligibility-alert-head{gap:10px;padding:21px 0 16px}.eligibility-alert-head strong{font-size:17px}.eligibility-target{width:38px;height:38px;font-size:25px}.eligibility-alert-body{padding:17px}.eligibility-alert-body>strong{font-size:16px}.eligibility-alert-body p{font-size:12px}.eligibility-action{min-height:35px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.siteos-monitor-pill{top:5%;right:0;left:auto;transform:none;animation:none}.siteos-monitor-pill::before{display:none}.eligibility-alert{opacity:1;transform:none;animation:none}}

/* Popup detail refinements */
.eligibility-alert::before{top:-1px;right:-1px;left:-1px;width:auto;border-radius:20px 20px 0 0}
.eligibility-alert::after{display:none}
.eligibility-target{position:relative;font-size:0}
.eligibility-target::before{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#2862e8 0 3px,transparent 3px 7px,#2862e8 7px 9px,transparent 9px);content:""}
.eligibility-target::after{position:absolute;width:29px;height:29px;background:linear-gradient(#2862e8,#2862e8) center/2px 100% no-repeat,linear-gradient(90deg,#2862e8,#2862e8) center/100% 2px no-repeat;content:"";mask-image:radial-gradient(circle,transparent 0 10px,#000 10px 13px,transparent 13px)}
.monitor-brand strong{font-family:Bitter,Georgia,serif;font-weight:700}.monitor-brand strong span{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400}
.eligibility-alert{overflow:hidden}.eligibility-alert::before{top:0;right:0;left:0;width:100%;border-radius:20px 20px 0 0}

/* SiteOS production pill and alert */
.hero-visual.hero-monitor-visual{
    position:relative;
    width:100%;
    max-width:520px;
    min-height:440px;
    overflow:visible;
}
.hero-monitor-visual .monitor-glow{
    top:-12%;
    right:-18%;
    width:370px;
    height:370px;
    opacity:.62;
}
.siteos-pill{
    position:absolute;
    z-index:4;
    top:4%;
    right:0;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:64px;
    padding:8px 11px;
    border:1px solid rgba(122,139,172,.38);
    border-radius:999px;
    background:rgba(255,255,255,.98);
    box-shadow:0 10px 24px rgba(30,53,89,.14),0 0 0 7px rgba(51,75,111,.075);
    color:#0e172b;
    transform-origin:center;
    transition:box-shadow .3s ease,transform .3s ease;
}
.siteos-pill::before,
.siteos-pill::after{
    position:absolute;
    inset:-8px;
    z-index:-1;
    border:2px solid rgba(45,105,240,.66);
    border-radius:999px;
    content:"";
    opacity:0;
    pointer-events:none;
}
.siteos-pill.is-detected{
    animation:siteos-pill-detected .7s cubic-bezier(.2,.85,.3,1) both;
}
.siteos-pill.is-detected::before{animation:siteos-detection-ring .75s ease-out both}
.siteos-pill.is-detected::after{animation:siteos-detection-ring .75s .12s ease-out both}
.pill-logo-svg{
    display:block;
    width:39px;
    height:39px;
    flex:0 0 39px;
}
.pill-brand-text{
    display:flex;
    align-items:baseline;
    flex:none;
    color:#0e172b;
    letter-spacing:-.045em;
    line-height:1;
    white-space:nowrap;
}
.siteos-site{font:700 24px/1 Bitter,Georgia,serif}
.siteos-os{font:400 24px/1 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pill-badge{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:43px;
    padding:0 15px;
    border:2px solid;
    border-radius:999px;
    font-size:16px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    transition:color .35s ease,background .35s ease,border-color .35s ease;
}
.pill-badge.green-state{border-color:#a8ebc4;background:#f1fff6;color:#176b3e}
.pill-badge.cobalt-state{border-color:#8eb9ff;background:#f3f7ff;color:#2455d9}
.status-dot{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 11px currentColor;
}
.siteos-alert{
    position:absolute;
    z-index:3;
    top:24%;
    right:0;
    left:0;
    overflow:hidden;
    border:1px solid rgba(57,77,111,.1);
    border-radius:20px;
    background:#fff;
    box-shadow:0 20px 44px rgba(27,46,78,.16);
    opacity:0;
    pointer-events:none;
    transform:translateY(-38px) scale(.985);
    transform-origin:top center;
    transition:opacity .22s ease,transform .45s cubic-bezier(.2,.85,.3,1);
}
.siteos-alert.show{
    opacity:1;
    transform:none;
    animation:siteos-alert-arrive .62s cubic-bezier(.18,.86,.28,1) both;
}
.alert-top-gradient{
    width:100%;
    height:6px;
    margin:0;
    background:linear-gradient(90deg,#2860eb 0%,#4b7bf0 55%,#8fc0ff 100%);
}
.alert-content-wrapper{padding:0 24px 24px}
.alert-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:22px 0 20px;
}
.alert-header-title{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    color:#2455d9;
    font-size:22px;
    font-weight:700;
    line-height:1.15;
}
.alert-header-icon{
    display:grid;
    width:46px;
    height:46px;
    flex:0 0 46px;
    place-items:center;
    border-radius:12px;
    background:#e3efff;
    color:#2862e8;
}
.alert-header-icon svg{width:25px;height:25px}
.alert-header-icons{display:flex;align-items:center;margin-left:auto}
.icon-btn{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    color:#74849e;
}
.alert-inner-card{
    display:block;
    padding:22px 24px 24px;
    border:2px solid #8dbaff;
    border-radius:19px;
    background:#f0f6ff;
}
.alert-icon-box{display:none}
.alert-text-stack{min-width:0}
.alert-title{
    color:#111b32;
    font-size:19px;
    font-weight:700;
    line-height:1.28;
}
.alert-message{
    margin-top:9px;
    color:#687a99;
    font-size:14px;
    line-height:1.5;
}
.jump-to-field-btn{
    min-height:40px;
    margin-top:18px;
    padding:0 16px;
    border:2px solid #8dbaff;
    border-radius:11px;
    background:#fff;
    color:#2455d9;
    font:700 14px/1 Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@keyframes siteos-pill-detected{
    0%{transform:scale(1)}
    38%{transform:scale(1.07);box-shadow:0 14px 32px rgba(39,91,218,.24),0 0 0 11px rgba(53,111,237,.12)}
    68%{transform:scale(.985)}
    100%{transform:scale(1)}
}

/* Home-aligned styling, excluding the SiteOS header */
:root{
    --sponsor-ink:#0f172a;
    --sponsor-copy:#64748b;
    --sponsor-muted:#718096;
    --sponsor-blue:#6b38fb;
    --sponsor-cyan:#2ad1ed;
    --sponsor-violet:#7b66f6;
    --sponsor-magenta:#bc00ff;
    --sponsor-line:rgba(15,23,42,.07);
    --sponsor-soft:#f8fafc;
    --sponsor-grad:linear-gradient(110deg,#2ad1ed 0%,#7b66f6 52%,#bc00ff 100%);
}
.sponsor-display{line-height:1.06;letter-spacing:-.045em}
.sponsor-hero h1 .sponsor-gradient{padding-bottom:.04em}
.sponsor-eyebrow{
    gap:10px;
    margin-bottom:24px;
    color:#7144d8;
    font-size:.78rem;
    letter-spacing:.13em;
}
.sponsor-eyebrow::before{
    width:24px;
    height:2px;
    border-radius:2px;
    background:var(--brand-gradient);
}
.sponsor-section{padding:110px 0}
.sponsor-hero-copy,
.section-heading p,
.prevention-copy>p,
.how-copy>p,
.execution-copy p,
.final-copy{
    color:var(--sponsor-copy);
    line-height:1.7;
}
.sponsor-hero-copy{font-size:clamp(1rem,1.35vw,1.18rem)}
.sponsor-hero-copy strong{color:var(--sponsor-ink)}
.hero-proof{color:#7144d8}
.hero-proof span::before{border-color:#7144d8;color:#7144d8}
.value-section{
    background:linear-gradient(180deg,#fff 0%,#fbfaff 76%,#f4f9ff 100%);
}
.value-grid{border-color:var(--sponsor-line)}
.value-card + .value-card{border-left-color:var(--sponsor-line)}
.value-card p{font-size:14px;line-height:1.6}
.difference-section{background:#fff}
.prevention-section{background:linear-gradient(180deg,#f9fcff 0%,#f5faff 100%)}
.prevention-card{
    border-radius:18px;
    background:rgba(255,255,255,.82);
    box-shadow:0 20px 40px -12px rgba(15,23,42,.05),0 0 0 1px rgba(0,0,0,.02);
}
.prevention-card strong{font-size:14px}
.prevention-card span{font-size:12px;line-height:1.4}
.how-section{background:#fff}
.how-visual-card{border-radius:18px;box-shadow:0 20px 40px -12px rgba(15,23,42,.05),0 0 0 1px rgba(0,0,0,.02)}
.proof-chip{
    min-height:46px;
    padding:10px 12px;
    border-radius:14px;
    background:rgba(255,255,255,.75);
    color:#4e607e;
    font-size:12px;
    line-height:1.35;
}
.execution-section{background:linear-gradient(180deg,#f8fbff 0%,#edf7ff 100%)}
.execution-visual{box-shadow:0 20px 40px -12px rgba(15,23,42,.05),0 0 0 1px rgba(0,0,0,.02)}
.execution-visual{
    aspect-ratio:8 / 7;
    min-height:0;
    border:0;
    border-radius:24px;
    background:linear-gradient(135deg,#fbfdff,#f2f7ff);
    box-shadow:0 20px 40px -12px rgba(15,23,42,.05),0 0 0 1px rgba(0,0,0,.02);
}
.execution-visual::before,
.execution-visual::after{display:none}
.execution-network-art{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    border-radius:24px;
    object-fit:cover;
    object-position:center;
}
.sponsor-button{
    min-height:58px;
    padding:14px 26px;
    border-radius:16px;
    font-size:1.05rem;
    line-height:1.3;
}
.sponsor-button-primary{
    background:var(--text-main);
    box-shadow:0 14px 28px rgba(15,23,42,.14);
}
.sponsor-button-primary:hover{
    background:var(--zealic-purple);
    box-shadow:0 16px 32px rgba(107,56,251,.24);
}
.sponsor-button-secondary{
    border-color:rgba(15,23,42,.12);
    background:rgba(255,255,255,.72);
    color:var(--text-main);
}
.final-section .sponsor-button-primary{
    background:#fff;
    color:#3e49ac!important;
    box-shadow:0 10px 24px rgba(10,33,94,.18);
}
@media(max-width:600px){
    .sponsor-section{padding:68px 0}
    .sponsor-button{min-height:54px;padding:13px 16px;gap:8px;font-size:.9rem;white-space:nowrap}
}
@keyframes siteos-detection-ring{
    0%{opacity:0;transform:scale(.93)}
    32%{opacity:.88}
    100%{opacity:0;transform:scale(1.14)}
}
@keyframes siteos-alert-arrive{
    0%{opacity:0;transform:translateY(-42px) scale(.985)}
    70%{opacity:1;transform:translateY(7px) scale(1)}
    100%{opacity:1;transform:none}
}
@media(max-width:600px){
    .hero-visual.hero-monitor-visual{min-height:470px}
    .siteos-pill{top:2%;right:0;min-height:56px;padding:7px 9px;gap:8px}
    .pill-logo-svg{width:33px;height:33px;flex-basis:33px}
    .siteos-site,.siteos-os{font-size:20px}
    .pill-badge{min-height:38px;padding:0 12px;font-size:13px}
    .siteos-alert{top:19%;border-radius:17px}
    .alert-content-wrapper{padding:0 14px 17px}
    .alert-header{gap:10px;padding:18px 0 15px}
    .alert-header-title{gap:10px;font-size:17px}
    .alert-header-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}
    .alert-header-icon svg{width:22px;height:22px}
    .alert-inner-card{padding:17px;border-radius:15px}
    .alert-title{font-size:16px}
    .alert-message{font-size:12px}
    .jump-to-field-btn{min-height:35px;margin-top:14px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
    .siteos-pill,.siteos-pill::before,.siteos-pill::after,.siteos-alert{animation:none!important;transition:none!important}
}

/* Scaled, smoother SiteOS hero sequence */
.hero-visual.hero-monitor-visual{
    max-width:390px;
    min-height:330px;
}
.hero-monitor-visual .monitor-glow{
    width:278px;
    height:278px;
}
.siteos-pill{
    min-height:48px;
    gap:8px;
    padding:6px 8px;
    box-shadow:0 8px 18px rgba(30,53,89,.13),0 0 0 5px rgba(51,75,111,.065);
    transition:box-shadow .55s cubic-bezier(.22,.75,.25,1),transform .55s cubic-bezier(.22,.75,.25,1);
}
.pill-logo-svg{width:29px;height:29px;flex-basis:29px}
.siteos-site,.siteos-os{font-size:18px}
.pill-badge{
    min-height:32px;
    gap:7px;
    padding:0 11px;
    font-size:12px;
    transition:color .6s ease,background-color .6s ease,border-color .6s ease,box-shadow .6s ease;
}
.status-dot{width:7px;height:7px;flex-basis:7px}
.pill-badge.green-state{
    animation:monitoring-surface-pulse 2.4s ease-in-out infinite;
}
.pill-badge.green-state .status-dot{
    animation:monitoring-dot-pulse 1.65s ease-in-out infinite;
}
.pill-badge.cobalt-state{animation:badge-state-arrive .65s cubic-bezier(.2,.8,.25,1) both}
.siteos-alert{
    top:24%;
    border-radius:15px;
    box-shadow:0 15px 33px rgba(27,46,78,.15);
    transform:translateY(-24px) scale(.99);
    transition:opacity .42s ease,transform .72s cubic-bezier(.16,.82,.28,1);
}
.siteos-alert.show{animation:siteos-alert-arrive-smooth .82s cubic-bezier(.16,.82,.28,1) both}
.alert-top-gradient{height:5px}
.alert-content-wrapper{padding:0 18px 18px}
.alert-header{gap:12px;padding:17px 0 15px}
.alert-header-title{gap:11px;font-size:16.5px}
.alert-header-icon{width:35px;height:35px;flex-basis:35px;border-radius:9px}
.alert-header-icon svg{width:19px;height:19px}
.icon-btn{width:26px;height:26px}
.icon-btn svg{width:16px;height:16px}
.alert-inner-card{padding:17px 18px 18px;border-radius:14px}
.alert-title{font-size:14.5px}
.alert-message{margin-top:7px;font-size:10.5px}
.jump-to-field-btn{min-height:30px;margin-top:14px;padding:0 12px;border-radius:8px;font-size:10.5px}
@keyframes monitoring-dot-pulse{
    0%,100%{opacity:.72;transform:scale(.86);box-shadow:0 0 0 0 rgba(23,176,91,.28)}
    50%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 6px rgba(23,176,91,0)}
}
@keyframes monitoring-surface-pulse{
    0%,100%{box-shadow:inset 0 0 0 0 rgba(34,197,94,0)}
    50%{box-shadow:inset 0 0 0 1px rgba(34,197,94,.12),0 3px 12px rgba(34,197,94,.08)}
}
@keyframes badge-state-arrive{
    0%{opacity:.55;transform:translateX(-5px)}
    100%{opacity:1;transform:none}
}
@keyframes siteos-alert-arrive-smooth{
    0%{opacity:0;transform:translateY(-28px) scale(.99)}
    62%{opacity:1;transform:translateY(3px) scale(1)}
    100%{opacity:1;transform:none}
}
@media(max-width:600px){
    .hero-visual.hero-monitor-visual{max-width:100%;min-height:390px}
    .siteos-pill{min-height:48px}
    .pill-logo-svg{width:29px;height:29px;flex-basis:29px}
    .siteos-site,.siteos-os{font-size:18px}
    .pill-badge{min-height:32px;padding:0 10px;font-size:12px}
    .siteos-alert{top:18%;right:0;left:0}
    .alert-content-wrapper{padding:0 13px 15px}
    .alert-header{padding:16px 0 13px}
    .alert-header-title{font-size:15.5px}
    .alert-inner-card{padding:15px}
    .alert-title{font-size:14px}
    .alert-message{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
    .pill-badge.green-state,.pill-badge.green-state .status-dot,.pill-badge.cobalt-state{animation:none!important}
}

/* Light, quiet hero backdrop */
.sponsor-hero{
    background:
        radial-gradient(ellipse 38% 52% at 83% 24%,rgba(72,210,239,.09) 0%,rgba(72,210,239,.035) 45%,transparent 76%),
        radial-gradient(ellipse 48% 42% at 61% 96%,rgba(124,92,246,.045) 0%,transparent 72%),
        linear-gradient(180deg,#fcfeff 0%,#f8fbff 54%,#f6faff 100%);
}
.sponsor-hero::before{display:none}
.hero-monitor-visual .monitor-glow{display:none}

/* Softer elevation for floating hero UI */
.siteos-pill{
    box-shadow:0 12px 32px rgba(15,23,42,.055),0 0 0 4px rgba(80,105,145,.035);
}
.siteos-alert{
    box-shadow:0 18px 32px rgba(15,23,42,.05),0 4px 12px rgba(48,90,150,.025);
}
@keyframes siteos-pill-detected{
    0%{transform:scale(1);box-shadow:0 12px 32px rgba(15,23,42,.055),0 0 0 4px rgba(80,105,145,.035)}
    38%{transform:scale(1.055);box-shadow:0 16px 32px rgba(35,74,150,.075),0 0 0 8px rgba(53,111,237,.055)}
    68%{transform:scale(.99);box-shadow:0 11px 28px rgba(15,23,42,.05),0 0 0 4px rgba(80,105,145,.03)}
    100%{transform:scale(1);box-shadow:0 12px 32px rgba(15,23,42,.055),0 0 0 4px rgba(80,105,145,.035)}
}

/* Match the homepage typography while keeping the existing header mark intact. */
body.sponsor-page{
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.sponsor-display,
.visual-callout strong,
.value-card h3,
.comparison-label,
.comparison-note,
.prevention-center::after,
.prevention-card strong,
.how-visual-card strong,
.network-node strong,
.network-caption,
.final-tagline{
    font-family:inherit;
}
.siteos-site{
    font-family:Bitter,Georgia,serif;
    font-weight:700;
}
.siteos-os{
    font-family:Poppins,sans-serif;
    font-weight:300;
}

/* Execution network cleanup */
.execution-visual::after{display:none}
.network-caption{display:none}
.network-node{
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:12px;
}
.network-node span{
    margin-top:0;
    color:#536b91;
    font-size:9px;
    line-height:1.2;
    text-align:center;
}
.network-node--siteos{gap:4px}
.network-node--siteos img{margin-bottom:1px}
.network-line{
    z-index:0;
    top:28%;
    left:50%;
    width:1px;
    height:4%;
    background:linear-gradient(180deg,rgba(90,145,226,.16),rgba(90,145,226,.48));
    transform:none;
}
.network-line--left{
    top:50%;
    left:36%;
    width:12%;
    height:1px;
    background:linear-gradient(90deg,rgba(90,145,226,.18),rgba(90,145,226,.5));
    transform:rotate(108deg);
    transform-origin:left center;
}
.network-line--right{
    top:50%;
    left:64%;
    width:12%;
    height:1px;
    background:linear-gradient(90deg,rgba(90,145,226,.5),rgba(90,145,226,.18));
    transform:rotate(72deg);
    transform-origin:left center;
}
.network-node{z-index:1}
.network-node--sponsor{top:1%}
.network-node--siteos{top:46%}
.network-node--cro,.network-node--sites{bottom:10%}
@media(max-width:980px){
    .network-node span{font-size:8px}
}

/* Monitoring atmosphere: restrained ripples radiate through the hero while SiteOS is active. */
.sponsor-hero::before{
    display:block;
    z-index:0;
    inset:-34%;
    background:repeating-radial-gradient(circle at 73% 42%,rgba(73,157,239,.12) 0 1px,transparent 1px 96px);
    opacity:0;
    transform:scale(.82);
    filter:blur(.2px);
    pointer-events:none;
}
.sponsor-hero::after{
    position:absolute;
    z-index:0;
    inset:0;
    background:radial-gradient(ellipse 42% 64% at 73% 42%,rgba(61,202,234,.075),rgba(126,92,245,.035) 42%,transparent 76%);
    opacity:0;
    transform:scale(.96);
    content:"";
    pointer-events:none;
}
.sponsor-hero.is-monitoring::before{
    animation:hero-ripple-field 8.2s ease-in-out infinite;
}
.sponsor-hero.is-monitoring::after{
    animation:hero-ripple-wash 8.2s ease-in-out infinite;
}
@keyframes hero-ripple-field{
    0%,100%{opacity:.16;transform:scale(.82)}
    50%{opacity:.34;transform:scale(1.08)}
}
@keyframes hero-ripple-wash{
    0%,100%{opacity:.2;transform:scale(.96)}
    50%{opacity:.52;transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
    .sponsor-hero::before,.sponsor-hero::after{animation:none!important}
    .sponsor-hero.is-monitoring::before{opacity:.2;transform:none}
    .sponsor-hero.is-monitoring::after{opacity:.28;transform:none}
}

/* Hero motion: quiet transitions and a gentle pulse while SiteOS is monitoring. */
.siteos-pill::before,
.siteos-pill::after{display:none!important}
.siteos-pill.is-monitoring{
    animation:siteos-pill-monitoring-smooth 4.8s ease-in-out infinite;
}
.hero-monitor-visual .monitor-glow{
    display:block;
    position:absolute;
    z-index:0;
    top:-28%;
    right:-28%;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(57,221,249,.12) 0%,rgba(139,92,246,.065) 42%,transparent 72%);
    filter:blur(18px);
    opacity:0;
    animation:none;
    pointer-events:none;
    transform:scale(.86);
}
.hero-monitor-visual.is-monitoring .monitor-glow{
    animation:hero-monitoring-halo 6.4s ease-in-out infinite;
}
.siteos-pill{
    box-sizing:border-box;
    width:240px;
    padding-right:4px;
    transition:width 1.05s cubic-bezier(.2,.78,.25,1),box-shadow .6s ease,transform .6s ease;
}
.siteos-pill.is-review{width:280px}
.siteos-pill.is-detected{
    animation:siteos-pill-detected-smooth 1.05s ease-in-out both;
}
.pill-badge.green-state{animation:none}
.siteos-alert{transform-origin:top center}
.siteos-alert.show{animation:siteos-alert-arrive-smoother 1.05s cubic-bezier(.22,.7,.25,1) both}
@keyframes siteos-pill-monitoring-smooth{
    0%,100%{transform:scale(1);box-shadow:0 12px 32px rgba(15,23,42,.055),0 0 0 4px rgba(80,105,145,.035)}
    50%{transform:scale(1.018);box-shadow:0 14px 34px rgba(35,74,150,.08),0 0 0 7px rgba(53,111,237,.055)}
}
@keyframes hero-monitoring-halo{
    0%,100%{opacity:.28;transform:scale(.86)}
    50%{opacity:.58;transform:scale(1.12)}
}
@keyframes siteos-pill-detected-smooth{
    0%{transform:scale(1)}
    50%{transform:scale(1.025)}
    100%{transform:scale(1)}
}
@keyframes siteos-alert-arrive-smoother{
    0%{opacity:0;transform:translateY(-10px) scale(.98,.72)}
    68%{opacity:1;transform:translateY(0) scale(1,1.02)}
    100%{opacity:1;transform:none}
}
@media(max-width:600px){
    .siteos-pill{width:222px}
    .siteos-pill.is-review{width:270px}
}
@media(prefers-reduced-motion:reduce){
    .siteos-pill.is-monitoring,.siteos-pill.is-detected,.siteos-alert.show{animation:none!important}
    .hero-monitor-visual.is-monitoring .monitor-glow{opacity:.32;animation:none}
}

/* A slim bridge for the implementation benefits between the hero and value section. */
.hero-benefits{
    border-top:1px solid rgba(154,189,229,.26);
    border-bottom:1px solid rgba(154,189,229,.26);
    background:linear-gradient(90deg,rgba(248,252,255,.9),rgba(241,248,255,.72),rgba(250,248,255,.86));
}
.hero-benefits-inner{padding:16px 0}
.hero-benefits .hero-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:0;
    color:#536b91;
    font-size:12px;
}
.hero-benefits .hero-proof span{
    position:relative;
    justify-content:center;
    min-height:34px;
    padding:0 18px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    text-align:center;
}
.hero-benefits .hero-proof span::before{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 22px;
    width:22px;
    height:22px;
    border-width:1.5px;
    background:linear-gradient(145deg,#f4f0ff,#e9faff);
    line-height:1;
    text-align:center;
}
.hero-benefits .hero-proof span+span{border-left:1px solid rgba(145,181,225,.3)}
@media(max-width:600px){
    .hero-benefits-inner{padding:14px 0}
    .hero-benefits .hero-proof{grid-template-columns:1fr;gap:8px}
    .hero-benefits .hero-proof span{justify-content:flex-start;min-height:34px;padding:0 12px;text-align:left}
    .hero-benefits .hero-proof span+span{border-top:1px solid rgba(145,181,225,.3);border-left:0}
}

/* Give each rotating system its own recognizable interface language. */
.screen-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.screen-heading b{font-size:13px}
.screen-heading span{color:#7186a8;font-size:9px;white-space:nowrap}
.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:5px}
.calendar-days i{padding:4px 2px;border-radius:4px;background:#eaf2ff;color:#6d85aa;font-size:8px;font-style:normal;text-align:center}
.calendar-days i:nth-child(3){background:#dff8fb;color:#168e9d}
.calendar-slots{display:grid;grid-template-columns:42px 1fr;gap:5px 8px;align-items:center;margin-top:3px}
.calendar-slots span{color:#7b8eaa;font-size:8px}.calendar-slots b{padding:5px 7px;border-radius:5px;background:#edf4ff;color:#3e5b89;font-size:8px;font-weight:600}
.randomization-status{display:flex;align-items:center;gap:6px;margin-top:5px;padding:6px 7px;border-radius:6px;background:#eafaf5;color:#24785f;font-size:8px}
.randomization-status i{width:6px;height:6px;border-radius:50%;background:#36b982}.randomization-status b{margin-left:auto;font-size:8px}
.randomization-arm{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;padding:7px;border:1px solid #dbe7f6;border-radius:6px;background:#f8fbff}
.randomization-arm span{grid-column:1 / -1;color:#7b8eaa;font-size:8px}.randomization-arm strong{grid-column:1 / -1;color:#34547f;font-size:9px}.randomization-arm i{height:7px;border-radius:4px;background:#b9d0ef}.randomization-arm i:last-child{background:#dce7f8}
.source-check{display:grid;grid-template-columns:16px 1fr auto;gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid #e4edf8;font-size:8px}.source-check i{display:grid;width:15px;height:15px;place-items:center;border-radius:50%;background:#e3f8f1;color:#239b78;font-size:9px;font-style:normal}.source-check span{color:#405d87}.source-check b{color:#6d85aa;font-size:8px;font-weight:600}.source-check:nth-of-type(3) b{color:#b78335}.source-line{width:60%;height:6px;margin-top:4px;border-radius:4px;background:#dce8f6}
.consent-banner{display:flex;justify-content:space-between;gap:6px;margin-top:8px;padding:8px;border-radius:6px;background:#f0edff;color:#4d4c9a;font-size:8px}.consent-banner b{color:#7654d8;font-size:8px}.signature-line{display:flex;align-items:center;gap:7px;margin-top:10px;padding-bottom:5px;border-bottom:1px solid #9db9dc;color:#7a8daa;font-size:8px}.signature-line i{display:block;width:52%;height:9px;border-bottom:2px solid #9db9dc;transform:skewX(-18deg)}
.vitals-grid{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin-top:8px}.vitals-grid span{color:#7085a6;font-size:8px}.vitals-grid b{padding:3px 6px;border-radius:4px;background:#edf4ff;color:#3f5e8c;font-size:8px;font-weight:600}
@media(max-width:600px){
    .screen-heading b{font-size:10px}.screen-heading span{font-size:8px}.calendar-slots{grid-template-columns:34px 1fr}.randomization-arm strong{font-size:8px}.source-check{font-size:7px}.consent-banner,.vitals-grid{font-size:7px}
}

/* Prevention map: a clear, airy system around SiteOS. */
.prevention-map{
    display:grid;
    grid-template-columns:220px 148px 220px;
    grid-template-rows:148px 148px 148px auto;
    gap:16px;
    min-height:0;
    padding:8px 0 0;
    align-items:center;
    justify-content:center;
}
.prevention-map::before{
    top:46%;
    left:50%;
    width:310px;
    height:310px;
    border:1px dashed rgba(91,175,243,.5);
    border-radius:50%;
    background:none;
    content:"";
    opacity:0;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
.prevention-map::after{
    position:absolute;
    top:46%;
    left:50%;
    display:block;
    width:395px;
    height:395px;
    border:1px dashed rgba(110,99,244,.22);
    border-radius:50%;
    content:"";
    transform:translate(-50%,-50%);
    pointer-events:none;
}
.prevention-center,
.prevention-card,
.prevention-footnote{
    position:relative;
    inset:auto;
    transform:none;
}
.prevention-center{
    z-index:2;
    grid-column:2;
    grid-row:2;
    width:148px;
    height:148px;
    margin:auto;
    border:7px solid rgba(255,255,255,.92);
    background:linear-gradient(145deg,#e9fcff,#e5e1ff);
    box-shadow:0 0 0 1px rgba(91,164,235,.14),0 18px 34px rgba(75,135,208,.13);
}
.prevention-center img{width:66px;height:66px}
.prevention-center::after{display:none}
.prevention-card{
    z-index:1;
    width:auto;
    min-height:132px;
    padding:16px 17px;
    border-color:rgba(138,201,244,.38);
    border-radius:18px;
    background:rgba(255,255,255,.84);
    box-shadow:0 20px 40px -14px rgba(15,23,42,.075),0 0 0 1px rgba(255,255,255,.38);
}
.prevention-card::before{
    width:30px;
    height:30px;
    margin-bottom:9px;
    background:linear-gradient(145deg,#e6f8ff,#e9e4ff);
    font-size:14px;
}
.prevention-card strong{font-size:14px;line-height:1.18}
.prevention-card span{margin-top:6px;color:#597095;font-size:11px;line-height:1.42}
.prevention-card:not(.prevention-card--data){
    width:min(100%,220px);
    min-height:148px;
    justify-self:start;
}
.prevention-card--consent,.prevention-card--delegation{justify-self:end}
.prevention-card--window{grid-column:1;grid-row:1}
.prevention-card--consent{grid-column:3;grid-row:1}
.prevention-card--missed{grid-column:1;grid-row:2}
.prevention-card--delegation{grid-column:3;grid-row:2}
.prevention-card--data{
    grid-column:2;
    grid-row:3;
    width:220px;
    min-height:148px;
    justify-self:center;
}
.prevention-card--window{justify-self:start}
.prevention-card--consent{justify-self:start}
.prevention-footnote{
    z-index:1;
    grid-column:1 / -1;
    grid-row:4;
    margin:0;
    padding:9px 14px;
    border-color:rgba(154,189,229,.3);
    background:rgba(255,255,255,.52);
    color:#6b7e9d;
    font-size:10px;
    line-height:1.35;
}
@media(min-width:1031px){
    .prevention-grid{grid-template-columns:.56fr 1.44fr;gap:42px}
}
@media(min-width:701px) and (max-width:1030px){
    .prevention-grid{grid-template-columns:1fr;gap:40px}
    .prevention-map{width:100%;max-width:620px;margin:0 auto}
}

/* Focus the final call to action on one clear next step. */
.final-grid{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:56px;
}
.final-cta{justify-self:end;text-align:right}
.final-cta p{
    margin:13px 0 0;
    color:#d7e4f9;
    font-size:14px;
    line-height:1.45;
}
@media(max-width:760px){
    .final-grid{grid-template-columns:1fr;gap:26px;align-items:start}
    .final-cta{justify-self:start;text-align:left}
}
@media(max-width:700px){
    .prevention-map{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:auto auto auto auto;
        gap:10px;
        padding-top:0;
    }
    .prevention-map::before,.prevention-map::after{display:none}
    .prevention-center{grid-column:1 / -1;grid-row:1;width:122px;height:122px;margin:0 auto 6px}
    .prevention-center img{width:57px;height:57px}
    .prevention-card{width:auto;min-height:116px;padding:13px;justify-self:stretch}
    .prevention-card--window{grid-column:1;grid-row:2}
    .prevention-card--consent{grid-column:2;grid-row:2}
    .prevention-card--missed{grid-column:1;grid-row:3}
    .prevention-card--delegation{grid-column:2;grid-row:3}
    .prevention-card--data{grid-column:1 / -1;grid-row:4}
    .prevention-footnote{grid-row:5}
}

/* Vary the check-marker positions around the orbital rings, like target markers. */
.prevention-card{
    padding-left:48px;
}
.prevention-card::before{
    position:absolute;
    top:26%;
    left:-17px;
    margin:0;
    box-shadow:0 0 0 5px rgba(227,232,255,.72),0 8px 18px rgba(82,108,190,.12);
}
.prevention-card::after{
    display:none;
}
.prevention-card--window::before{top:23%;left:auto;right:-17px}
.prevention-card--window::after{top:calc(23% + 14px);right:0}
.prevention-card--consent::before{top:61%;left:-17px}
.prevention-card--consent::after{top:calc(61% + 14px);left:0;transform:scaleX(-1)}
.prevention-card--missed::before{top:57%;left:auto;right:-17px}
.prevention-card--missed::after{top:calc(57% + 14px);right:0}
.prevention-card--delegation::before{top:28%;left:-17px}
.prevention-card--delegation::after{top:calc(28% + 14px);left:0;transform:scaleX(-1)}
.prevention-card--data{padding-left:48px}
.prevention-card--data::before{top:-17px;left:32%;right:auto}
.prevention-card--window{padding:16px 48px 16px 20px}
.prevention-card--window strong,.prevention-card--window span{display:block}
.prevention-card--window::before{top:16px;right:16px;left:auto}
@media(max-width:700px){
    .prevention-card{padding-left:42px}
    .prevention-card--data{padding:30px 13px 13px;text-align:center}
    .prevention-card--data::before{top:-17px;left:50%;transform:translateX(-50%)}
    .prevention-card--window{padding:13px 42px 13px 13px}
}
@media(min-width:701px){
    .prevention-map{
        display:block;
        aspect-ratio:4 / 3;
        height:auto;
        padding:0;
    }
    .prevention-map::before,.prevention-map::after{top:55%;}
    .prevention-center{
        position:absolute;
        top:55%;
        left:51.75%;
        grid-column:auto;
        grid-row:auto;
        width:24%;
        height:auto;
        aspect-ratio:1;
        margin:0;
        transform:translate(-50%,-50%);
    }
    .prevention-card{
        position:absolute;
        min-height:0;
        height:auto;
        box-sizing:border-box;
        padding:14px 36px 12px 18px;
    }
    .prevention-card:not(.prevention-card--data){min-height:0}
    .prevention-card--window{top:10%;left:12%;width:26%;height:auto;grid-column:auto;grid-row:auto}
    .prevention-card--consent{top:13%;right:12%;width:26%;height:auto;grid-column:auto;grid-row:auto}
    .prevention-card--missed{top:44%;left:4%;width:23%;height:auto;grid-column:auto;grid-row:auto}
    .prevention-card--delegation{top:43%;right:4%;width:27%;height:auto;grid-column:auto;grid-row:auto}
    .prevention-card--data{top:66%;right:auto;bottom:auto;left:36%;width:28%;height:auto;grid-column:auto;grid-row:auto;padding:30px 18px 14px;text-align:center}
    .prevention-card--window::before{top:50%;right:-17px;transform:translateY(-50%)}
    .prevention-card--consent::before{top:50%;left:-17px;transform:translateY(-50%)}
    .prevention-card--missed::before{top:50%;right:-17px;transform:translateY(-50%)}
    .prevention-card--delegation::before{top:50%;left:-17px;transform:translateY(-50%)}
    .prevention-card--data::before{top:-17px;left:50%;transform:translateX(-50%)}
    .prevention-footnote{position:absolute;right:4%;bottom:0;left:4%;grid-column:auto;grid-row:auto}
}

/* Rotating clinical-system surfaces with a floating SiteOS monitor. */
.how-system-visual{
    isolation:isolate;
    background:transparent;
    border:0;
    box-shadow:none;
}
.how-system-visual::before{
    position:absolute;
    inset:0;
    z-index:0;
    background:radial-gradient(circle at 50% 45%,rgba(67,206,242,.14),transparent 52%);
    content:"";
}
.how-system-visual::after{display:none}
.how-system-visual .how-visual-tag{color:#5b6f93}
.how-system-visual .how-visual-tag span:last-child{color:#2aaebd}
.system-stage{position:absolute;z-index:1;inset:14% 8% 16%;perspective:900px}
.system-frame{
    position:absolute;
    inset:0;
    padding:14px;
    border:1px solid #cbdcf2;
    border-radius:14px;
    background:linear-gradient(145deg,#fff,#f3f7ff);
    box-shadow:0 16px 30px rgba(68,107,158,.10);
    opacity:0;
    transform:rotateX(7deg) rotateY(-7deg) translateY(10px) scale(.98);
    animation:system-frame-cycle 20s cubic-bezier(.22,.7,.25,1) infinite;
}
.system-frame--irt{animation-delay:-4s}.system-frame--esource{animation-delay:-8s}.system-frame--econsent{animation-delay:-12s}.system-frame--edc{animation-delay:-16s}
.system-frame-bar{display:flex;align-items:center;gap:8px;height:28px;color:#122755;font-size:12px}
.system-frame-bar strong{font-size:14px;letter-spacing:.01em}.system-status{margin-left:auto;color:#5874a5;font-size:9px}
.system-status,.screen-heading span{display:none}
.system-dot{width:8px;height:8px;border-radius:50%;background:#39d8ee;box-shadow:0 0 0 4px rgba(57,216,238,.14)}
.system-frame-body{display:block;height:calc(100% - 28px);padding-top:12px}
.system-sidebar{display:none}
.system-sidebar i{display:block;height:6px;border-radius:5px;background:#9ebce8}.system-sidebar i:nth-child(2){width:72%}.system-sidebar i:nth-child(3){width:86%}.system-sidebar i:nth-child(4){width:58%}
.system-content{display:flex;flex-direction:column;gap:11px;height:100%;box-sizing:border-box;padding:15px 18px;border:1px solid #d5e3f4;border-radius:9px;background:rgba(255,255,255,.9);color:#172c58}
.system-content b{font-size:13px}.system-input{display:block;width:72%;height:11px;border-radius:4px;background:#b7ceef}.system-input--wide{width:92%}.system-input--mid{width:80%}.system-input--short{width:55%}.system-content em{margin-top:auto;width:max-content;padding:5px 8px;border-radius:999px;background:#dffaf7;color:#138e89;font-size:9px;font-style:normal;font-weight:700}.system-frame--ctms .system-content em{background:#ffe9f2;color:#bd4e79}
.siteos-float-pill{position:absolute;z-index:3;top:12%;right:10%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(158,196,248,.65);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 14px 28px rgba(68,107,158,.14),0 0 0 6px rgba(104,163,235,.10);animation:siteos-float 4.8s ease-in-out infinite}
.siteos-float-pill img{position:static;inset:auto;width:28px;height:28px;flex:0 0 28px;object-fit:contain;opacity:1}.siteos-float-pill strong{color:#14254b;font:700 17px/1 Bitter,Georgia,serif}.siteos-float-pill span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #a8e8c6;border-radius:999px;background:#effcf4;color:#217844;font-size:10px;font-weight:700}.siteos-float-pill span i{width:6px;height:6px;border-radius:50%;background:#2dbb68;box-shadow:0 0 0 3px rgba(45,187,104,.14)}
@keyframes system-frame-cycle{0%,17%{opacity:1;transform:rotateX(0) rotateY(0) translateY(0) scale(1)}24%,100%{opacity:0;transform:rotateX(-3deg) rotateY(3deg) translateY(-9px) scale(.985)}}
@keyframes siteos-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:600px){.system-stage{inset:17% 5% 19%}.system-frame{padding:10px}.system-content{padding:11px 12px;gap:8px}.system-content b{font-size:11px}.siteos-float-pill{top:9%;right:5%;padding:6px 9px}.siteos-float-pill img{width:23px;height:23px;flex-basis:23px}.siteos-float-pill strong{font-size:15px}.siteos-float-pill span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.system-frame{opacity:0;animation:none;transform:none}.system-frame--emr{opacity:1}.siteos-float-pill{animation:none}}

/* Align every comparison step to the shared centerline. */
.comparison-flow{
    align-items:flex-start;
    position:relative;
    top:16px;
}
.comparison-step{
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    line-height:1.2;
}
.comparison-step i{
    box-sizing:border-box;
    width:45px!important;
    min-width:45px;
    max-width:45px;
    height:45px!important;
    min-height:45px;
    max-height:45px;
    flex:0 0 45px;
    aspect-ratio:1 / 1;
}
.comparison-step span{
    max-width:100%;
    line-height:1.2;
}
.comparison-flow::before{
    position:absolute;
    top:22px;
    right:22px;
    left:22px;
    z-index:0;
    border-top:1px dotted rgba(212,91,137,.5);
    content:"";
}
.comparison-side--siteos .comparison-flow::before{border-color:rgba(42,174,168,.5)}
.comparison-step,.comparison-arrow{position:relative;z-index:1}
.comparison-step{gap:12px}
.comparison-arrow{
    display:grid;
    width:18px;
    height:45px;
    flex:0 0 18px;
    place-items:center;
    align-self:flex-start;
    padding:0;
    line-height:1;
}
@media(max-width:900px){
    .comparison-flow{top:0}
    .comparison-flow::before{top:19px}
    .comparison-step i{
        width:38px!important;
        min-width:38px;
        max-width:38px;
        height:38px!important;
        min-height:38px;
        max-height:38px;
        flex-basis:38px;
    }
}
@media(max-width:600px){
    .comparison-flow::before{top:15px}
    .comparison-step i{
        width:31px!important;
        min-width:31px;
        max-width:31px;
        height:31px!important;
        min-height:31px;
        max-height:31px;
        flex-basis:31px;
    }
    .comparison-arrow{height:31px}
}

.comparison-shell::before{display:none}
.comparison-center::after{display:none}
.comparison-side{
    display:flex;
    flex-direction:column;
}
.comparison-note{
    margin-top:auto;
    margin-bottom:0;
    text-align:center;
}
.comparison-label{align-self:flex-start}
.comparison-side--siteos{padding-left:34px}
.comparison-side--siteos .comparison-label{align-self:flex-end}
.comparison-side--siteos .comparison-support{text-align:right}
.comparison-center{justify-self:center}
@media(max-width:600px){
    .comparison-side--siteos{padding-left:13px}
}

/* Keep the prevention callouts separated around the hub at compact desktop widths. */
@media(min-width:701px) and (max-width:1100px){
    .prevention-map{aspect-ratio:4 / 3.35}
    .prevention-map::before,.prevention-map::after{top:47%}
    .prevention-center{top:47%}
    .prevention-card--window{left:14%;width:25%}
    .prevention-card--consent{right:14%;width:25%}
    .prevention-card--delegation{right:calc(4% - 16px)}
    .prevention-card--data{
        top:76%;
        left:36%;
        width:28%;
        padding:30px 18px 14px;
        text-align:center;
    }
    .prevention-card--data::before{
        top:-17px;
        left:50%;
        right:auto;
        transform:translateX(-50%);
    }
    .prevention-footnote{bottom:-42px}
}

/* Keep the prevention map on shared axes at compact desktop widths. */
@media(min-width:701px) and (max-width:1100px){
    .prevention-map::before,.prevention-map::after{top:50%}
    .prevention-center{top:50%;left:50%}
    .prevention-card--window{top:9%;left:10%;width:28%}
    .prevention-card--consent{top:9%;right:10%;width:28%}
    .prevention-card--missed{top:45%;left:4%;width:27%}
    .prevention-card--delegation{top:45%;right:4%;width:27%}
    .prevention-card--data{top:72%;left:36%;width:28%}
}

/* Use the same shared rows and center axis across all desktop widths. */
@media(min-width:701px){
    .prevention-map::before,.prevention-map::after{top:50%}
    .prevention-center{top:50%;left:50%}
    .prevention-card--window{top:9%;left:10%;width:27%}
    .prevention-card--consent{top:9%;right:10%;width:27%}
    .prevention-card--missed{top:45%;left:4%;width:27%}
    .prevention-card--delegation{top:45%;right:4%;width:27%}
    .prevention-card--data{top:72%;left:36%;width:28%}
}

@media(min-width:701px){
    .prevention-footnote{
        right:auto;
        left:50%;
        width:max-content;
        max-width:calc(100% - 32px);
        box-sizing:border-box;
        transform:translateX(-50%);
    }
}

/* Preserve clear space around the hub on compact desktop screens. */
@media(min-width:701px) and (max-width:1030px){
    .prevention-map{max-width:680px}
    .prevention-card--missed{left:0}
    .prevention-card--delegation{right:0}
}

/* Keep the middle callouts clear of the hub on wider compact desktop screens. */
@media(min-width:1031px) and (max-width:1100px){
    .prevention-card--missed{left:0}
    .prevention-card--delegation{right:0}
}

/* Comparison accessibility and visual hierarchy polish. */
.comparison-a11y{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.comparison-shell{border-color:rgba(108,132,166,.24)}
.comparison-support{color:#536783}
.comparison-side--siteos .comparison-support{color:#1c766f}
.comparison-note{color:#8d536d}
.comparison-side--siteos .comparison-note{color:#0e766f}
.comparison-arrow{color:#d77b9a;font-size:17px;font-weight:600}
.comparison-side--siteos .comparison-arrow{color:#4caea8}
.comparison-center{
    box-shadow:0 0 0 1px rgba(103,145,220,.18),0 0 0 8px rgba(83,157,226,.08),0 16px 30px rgba(81,117,189,.2);
}
.comparison-center::before{
    position:absolute;
    inset:-10px;
    border:1px solid rgba(83,157,226,.22);
    border-radius:50%;
    content:"";
    pointer-events:none;
    animation:comparison-hub-pulse 4.8s ease-in-out infinite;
}
@keyframes comparison-hub-pulse{
    0%,100%{opacity:.55;transform:scale(.98)}
    50%{opacity:1;transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
    .comparison-center::before{animation:none;opacity:.8;transform:none}
}

/* Recenter the hub between the three partner nodes. */
.network-node--sponsor{top:1%}
.network-node--siteos{
    top:58%;
    width:112px;
    height:112px;
}
.network-node--cro,.network-node--sites{bottom:7%}
.network-line{
    top:28%;
    height:16%;
}
.network-line--left{
    top:58%;
    left:37%;
    width:9%;
    transform:rotate(121deg);
}
.network-line--right{
    top:58%;
    left:63%;
    width:9%;
    transform:rotate(59deg);
}

/* Hub-and-spoke polish: SiteOS is the visual anchor. */
.execution-network{
    background:radial-gradient(circle at 50% 50%,rgba(65,211,238,.1) 0%,rgba(123,101,235,.055) 23%,transparent 56%);
}
.network-node{
    border-color:rgba(255,255,255,.9);
    box-shadow:0 11px 25px rgba(65,122,194,.13),0 0 0 1px rgba(112,170,228,.08);
}
.network-node--siteos{
    border-width:8px;
    background:linear-gradient(145deg,#e9fdff,#dcd7ff);
    box-shadow:0 0 0 7px rgba(103,187,239,.08),0 18px 34px rgba(77,123,208,.2);
}
.network-node span{
    color:#4f6790;
    font-size:9.5px;
    font-weight:500;
    letter-spacing:-.01em;
}
.network-line{
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(79,143,224,.35),rgba(109,103,232,.72));
    box-shadow:0 0 0 3px rgba(93,143,226,.045);
}
.network-line--left,
.network-line--right{
    width:9%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(79,143,224,.28),rgba(109,103,232,.7));
    box-shadow:0 0 0 3px rgba(93,143,226,.04);
}
.network-line--right{background:linear-gradient(90deg,rgba(109,103,232,.7),rgba(79,143,224,.28))}
@media(max-width:980px){
    .network-node span{font-size:8px}
}

/* Final comparison palette: keep both flows inside the SiteOS color system. */
.comparison-shell{
    border-color:rgba(105,135,190,.26);
    background:linear-gradient(110deg,#f7f9fd 0%,#fff 43%,#f5faff 70%,#fbf9ff 100%);
}
.comparison-side--traditional{
    background:linear-gradient(90deg,rgba(235,240,249,.96),rgba(247,248,252,.56));
}
.comparison-side--siteos{
    background:linear-gradient(90deg,rgba(232,247,255,.4),rgba(237,236,255,.92));
}
.comparison-label{
    border-color:rgba(99,123,165,.42);
    color:#526486;
}
.comparison-side--siteos .comparison-label{
    border-color:rgba(117,91,235,.4);
    background:linear-gradient(100deg,#31c7e9,#7d4ded);
    color:#fff;
}
.comparison-step i{
    background:#e8edf8;
    color:#5c6f94;
    box-shadow:0 0 0 7px rgba(135,155,196,.14);
}
.comparison-side--siteos .comparison-step i{
    background:linear-gradient(145deg,#d8f7fb,#e9e3ff);
    color:#6551df;
    box-shadow:0 0 0 7px rgba(99,184,234,.14);
}
.comparison-arrow{color:#7186ae}
.comparison-side--siteos .comparison-arrow{color:#5a72d4}
.comparison-note{color:#687895}
.comparison-side--siteos .comparison-note{color:#5e65a9}
.comparison-flow::before{border-color:rgba(116,137,181,.48)}
.comparison-side--siteos .comparison-flow::before{border-color:rgba(91,133,211,.48)}

/* Replace the shared rule with lighter, individual dotted arrow connectors. */
.comparison-flow::before{display:none}
.comparison-arrow{
    position:relative;
    display:block;
    width:clamp(24px,3vw,36px);
    height:45px;
    flex:0 0 clamp(24px,3vw,36px);
    padding:0;
    font-size:0;
    font-weight:400;
}
.comparison-arrow::before{
    position:absolute;
    top:22px;
    right:7px;
    left:0;
    border-top:1px dotted currentColor;
    content:"";
}
.comparison-arrow::after{
    position:absolute;
    top:22px;
    right:1px;
    width:7px;
    height:7px;
    border-top:1px dotted currentColor;
    border-right:1px dotted currentColor;
    content:"";
    transform:translateY(-50%) rotate(45deg);
}
@media(max-width:600px){
    .comparison-arrow{height:31px}
    .comparison-arrow::before{top:15px}
    .comparison-arrow::after{top:15px;width:6px;height:6px}
}

/* Give the SiteOS pathway a clearer visual lift. */
.comparison-side--siteos{
    border:1px solid rgba(104,184,236,.42);
    background:
        radial-gradient(circle at 82% 25%,rgba(48,210,238,.2),transparent 52%),
        linear-gradient(112deg,rgba(218,248,255,.86),rgba(226,221,255,.98));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.48),0 18px 34px -20px rgba(73,105,194,.32);
}
.comparison-side--siteos .comparison-label{
    background:linear-gradient(100deg,#29c8e9,#8549e8);
    box-shadow:0 8px 16px rgba(76,108,211,.18);
}
.comparison-side--siteos .comparison-step i{
    background:linear-gradient(145deg,#bdf4fb,#d9d0ff);
    color:#6544e1;
    box-shadow:0 0 0 7px rgba(74,187,235,.2),0 8px 18px rgba(87,92,212,.14);
}
.comparison-side--siteos .comparison-arrow{color:#526be0}
.comparison-side--siteos .comparison-note{color:#555fae}

/* Make the monitoring ripples legible while keeping them soft. */
.sponsor-hero.is-monitoring::before{
    background:
        repeating-radial-gradient(circle at 73% 42%,rgba(57,221,249,.22) 0 1.5px,transparent 1.5px 88px),
        repeating-radial-gradient(circle at 73% 42%,rgba(126,92,246,.12) 0 1px,transparent 1px 138px);
}
@keyframes hero-ripple-field{
    0%,100%{opacity:.28;transform:scale(.84)}
    50%{opacity:.62;transform:scale(1.08)}
}
@keyframes hero-ripple-wash{
    0%,100%{opacity:.28;transform:scale(.96)}
    50%{opacity:.72;transform:scale(1.05)}
}

/* Keep the SiteOS side open and borderless while retaining its color lift. */
.comparison-side--siteos{border:0}
.comparison-side--siteos .comparison-label{border:0}
.comparison-side--siteos .comparison-support{color:#7b52d8}

/* Hero sequence: identity pulses and ripples, monitoring, detection, then alert. */
.siteos-pill{
    width:118px;
    min-height:52px;
    gap:8px;
    padding:6px 9px;
    overflow:hidden;
    transition:width .85s cubic-bezier(.2,.8,.25,1),box-shadow .6s ease,transform .6s ease;
}
.siteos-pill .pill-badge{
    display:none;
    min-height:34px;
    margin-left:0;
    padding:0 11px;
    gap:7px;
    font-size:13px;
}
.siteos-pill.is-idle{animation:siteos-idle-pulses 5.4s ease-in-out both}
.siteos-pill.is-monitoring{width:225px;padding-right:12px}
.siteos-pill.is-review,
.siteos-pill.is-detected{width:280px;padding-right:12px}
.siteos-pill.is-monitoring .pill-badge,
.siteos-pill.is-detected .pill-badge,
.siteos-pill.is-review .pill-badge{display:flex}
.siteos-pill.is-monitoring{animation:siteos-monitoring-expand .82s cubic-bezier(.2,.8,.25,1) both}
.siteos-pill.is-detected{animation:siteos-error-pulse 1.1s cubic-bezier(.2,.8,.25,1) both}
.sponsor-hero.is-rippling::before{
    inset:-62%;
    background:
        repeating-radial-gradient(circle at var(--ripple-x,88%) var(--ripple-y,10%),rgba(57,221,249,.27) 0 1.5px,transparent 1.5px 120px),
        repeating-radial-gradient(circle at var(--ripple-x,88%) var(--ripple-y,10%),rgba(180,43,244,.2) 0 1.2px,transparent 1.2px 180px);
    animation:hero-identity-ripples 5.4s ease-out both;
}
.sponsor-hero.is-rippling::after{
    inset:-24%;
    background:radial-gradient(circle at var(--ripple-x,88%) var(--ripple-y,10%),rgba(57,221,249,.15),rgba(113,92,246,.09) 42%,transparent 72%);
    animation:hero-identity-wash 5.4s ease-out both;
}
.hero-ripples{
    position:absolute;
    z-index:0;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}
.sponsor-hero.is-status-visible .hero-ripples{display:none}
.hero-ripples i{
    position:absolute;
    top:var(--ripple-y,10%);
    left:var(--ripple-x,88%);
    width:62px;
    height:62px;
    box-sizing:border-box;
    border-radius:50%;
    background:conic-gradient(from 220deg,#2ed5f4,#5998ff 33%,#a52df0 68%,#2ed5f4);
    box-shadow:0 0 20px rgba(82,112,247,.2);
    -webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
    mask:radial-gradient(circle closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
    transform:translate(-50%,-50%);
}
.hero-ripples i:nth-child(2){filter:hue-rotate(22deg)}
.hero-ripples i:nth-child(3){filter:hue-rotate(-20deg)}
.sponsor-hero.is-rippling .hero-ripples i{animation:hero-water-ripple 6s cubic-bezier(.18,.72,.28,1) both}
.sponsor-hero.is-rippling .hero-ripples i:nth-child(2){animation-delay:2.7s}
.sponsor-hero.is-rippling .hero-ripples i:nth-child(3){animation-delay:5.4s}
@keyframes hero-water-ripple{
    0%{width:62px;height:62px;opacity:0}
    8%{opacity:.85}
    100%{width:1120px;height:1120px;opacity:0}
}
@keyframes siteos-idle-pulses{
    0%,18%,40%,62%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(30,53,89,.14),0 0 0 7px rgba(51,75,111,.075)}
    9%,31%,53%{transform:scale(1.065);box-shadow:0 16px 32px rgba(39,91,218,.2),0 0 0 12px rgba(53,111,237,.14)}
}
@keyframes hero-identity-ripples{
    0%,3%,25%,47%,100%{opacity:0;transform:scale(.44)}
    10%,32%,54%{opacity:.64;transform:scale(.7)}
    19%,41%,63%{opacity:.08;transform:scale(1.34)}
}
@keyframes hero-identity-wash{
    0%,5%,27%,49%,100%{opacity:0;transform:scale(.78)}
    12%,34%,56%{opacity:.42;transform:scale(1.05)}
    20%,42%,64%{opacity:0;transform:scale(1.42)}
}
@keyframes siteos-monitoring-expand{
    0%{transform:scale(.97);box-shadow:0 10px 24px rgba(30,53,89,.14),0 0 0 7px rgba(51,75,111,.075)}
    70%{transform:scale(1.025);box-shadow:0 15px 30px rgba(39,91,218,.18),0 0 0 9px rgba(53,111,237,.1)}
    100%{transform:scale(1);box-shadow:0 10px 24px rgba(30,53,89,.14),0 0 0 7px rgba(51,75,111,.075)}
}
@keyframes siteos-error-pulse{
    0%{transform:scale(1);box-shadow:0 5px 12px rgba(30,53,89,.12)}
    42%{transform:scale(1.055);box-shadow:0 8px 16px rgba(46,104,231,.15)}
    100%{transform:scale(1);box-shadow:0 5px 12px rgba(30,53,89,.12)}
}
.siteos-pill{box-shadow:0 5px 12px rgba(30,53,89,.12)}
.hero-monitor-visual .monitor-glow{display:none}
@keyframes siteos-idle-pulses{
    0%,18%,40%,62%,100%{transform:scale(1);box-shadow:0 5px 12px rgba(30,53,89,.12)}
    9%,31%,53%{transform:scale(1.065);box-shadow:0 8px 16px rgba(39,91,218,.15)}
}
@keyframes siteos-monitoring-expand{
    0%{transform:scale(.97);box-shadow:0 5px 12px rgba(30,53,89,.12)}
    70%{transform:scale(1.025);box-shadow:0 8px 16px rgba(39,91,218,.15)}
    100%{transform:scale(1);box-shadow:0 5px 12px rgba(30,53,89,.12)}
}
@media(max-width:600px){
    .siteos-pill{width:118px}
    .siteos-pill.is-monitoring{width:225px;padding-right:12px}
    .siteos-pill.is-detected,.siteos-pill.is-review{width:280px;padding-right:12px}
    @keyframes hero-water-ripple{0%{width:62px;height:62px;opacity:0}8%{opacity:.76}100%{width:680px;height:680px;opacity:0}}
}
@media(prefers-reduced-motion:reduce){
    .siteos-pill.is-idle,.siteos-pill.is-monitoring,.siteos-pill.is-detected{animation:none!important}
    .sponsor-hero.is-rippling::before,.sponsor-hero.is-rippling::after{animation:none!important}
    .sponsor-hero.is-rippling .hero-ripples i{animation:none!important}
}

/* Reference SiteOS product header */
.sponsor-site-header{grid-template-columns:auto 1fr auto;min-height:72px;padding:0 24px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(183,207,236,.55);box-shadow:0 7px 22px rgba(40,78,133,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sponsor-brand{gap:7px;height:100%}
.sponsor-header-mark{position:relative;display:grid;align-items:center;justify-items:center;width:96px;height:72px;align-self:center;margin-left:-24px;overflow:hidden;background:linear-gradient(145deg,#35c9ee 0%,#7898f0 52%,#a22af2 100%);border-radius:0 36px 36px 0;transition:width .28s ease}
.sponsor-header-mark .sponsor-health-mark{width:30px;height:30px;filter:brightness(0) invert(1);transform:translateX(0);transition:transform .28s ease}
.sponsor-header-hover-text{position:absolute;left:110px;color:#fff;font-family:Rubik,Poppins,sans-serif;font-size:22px;letter-spacing:-.04em;opacity:0;white-space:nowrap;transition:opacity .2s ease .08s}
.sponsor-header-hover-text strong{font-weight:700}.sponsor-header-hover-text span{font-weight:300}
.sponsor-brand:hover .sponsor-header-mark{width:270px;padding-right:16px}
.sponsor-brand:hover .sponsor-header-mark .sponsor-health-mark{transform:translateX(-34px)}
.sponsor-brand:hover .sponsor-header-hover-text{opacity:1}
.sponsor-page footer .footer-brand .brand-logo img{width:22px;height:22px;flex-shrink:0}
.sponsor-brand .sponsor-product-mark{width:36px;height:36px}
.sponsor-brand .sponsor-product-mark{margin-left:7px}
.sponsor-product-name{font-size:30px;letter-spacing:-.02em}
.sponsor-product-name span{letter-spacing:-.01em}
.sponsor-brand-divider{height:32px;margin:0 10px 0 4px}
.sponsor-product-subtitle{color:var(--sponsor-ink);font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;font-weight:400;line-height:1.05}
.sponsor-header-actions{display:flex;align-items:center;gap:30px}
.sponsor-login{color:var(--sponsor-ink);font-size:16px;font-weight:600;text-decoration:none}
.sponsor-header-cta{min-height:44px;padding:11px 24px;border-radius:999px;background:var(--sponsor-grad);color:#fff!important;font-size:13px;box-shadow:0 8px 18px rgba(88,97,235,.18)}
.sponsor-header-cta:hover{background:var(--sponsor-grad);box-shadow:0 12px 24px rgba(52,87,153,.17)}
@media(max-width:700px){.sponsor-site-header{min-height:68px;padding:0 15px}.sponsor-header-mark{width:74px;height:68px;margin-left:-15px;border-radius:0 34px 34px 0}.sponsor-brand:hover .sponsor-header-mark{width:74px}.sponsor-header-hover-text{display:none}.sponsor-header-mark .sponsor-health-mark{width:30px;height:30px}.sponsor-brand .sponsor-product-mark{width:30px;height:30px}.sponsor-product-name{font-size:25px}.sponsor-brand-divider,.sponsor-product-subtitle,.sponsor-header-actions{display:none}}
@media(max-width:900px){
    .sponsor-site-header .nav-toggle{
        width:36px;
        height:36px;
        flex-direction:column;
        gap:3px;
        border-radius:9px;
        background:rgba(24,92,177,.06);
    }
    .sponsor-site-header .nav-toggle-bar{
        width:18px;
        height:2px;
        margin:0;
    }
    .sponsor-site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){transform:translateY(5px) rotate(45deg)}
    .sponsor-site-header .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
}

/* Keep mobile focused on the SiteOS product lockup; the parent brand stays
   available as a clear navigation option in the hamburger menu. */
@media(max-width:900px){
    .sponsor-site-header .sponsor-header-mark{display:none}
    .sponsor-site-header .sponsor-brand{gap:7px}
    .sponsor-site-header .sponsor-brand .sponsor-product-mark{margin-left:0}
    .sponsor-site-header .sponsor-brand-divider,
    .sponsor-site-header .sponsor-product-subtitle{display:none}
}

/* Keep every SiteOS emblem-and-wordmark lockup proportionate to the product header. */
.pill-logo-svg{width:24px;height:24px;flex-basis:24px}
.pill-brand-text{letter-spacing:-.01em}
.siteos-site,.siteos-os{font-size:20px}
.siteos-float-pill{gap:7px}
.siteos-float-pill img{width:24px;height:24px;flex-basis:24px}
.siteos-float-pill strong{font-size:18px;letter-spacing:-.01em}
@media(max-width:600px){
    .pill-logo-svg{width:22px;height:22px;flex-basis:22px}
    .siteos-site,.siteos-os{font-size:18px}
    .siteos-float-pill img{width:22px;height:22px;flex-basis:22px}
    .siteos-float-pill strong{font-size:16px}
}

/* Keep the hero side-by-side through compact desktop widths. */
@media(min-width:821px) and (max-width:1120px){
    .sponsor-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:44px}
    .hero-visual.hero-monitor-visual{max-width:450px;min-height:400px}
}
@media(max-width:820px){
    .sponsor-hero-grid{grid-template-columns:1fr;gap:38px}
    .hero-visual.hero-monitor-visual{justify-self:center;max-width:560px}
}

/* Homepage-style section reveals. Existing product animations remain independent. */
.sponsor-page.sponsor-reveal-ready .sponsor-reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1);
    transition-delay:var(--reveal-delay,0ms);
}
.sponsor-page.sponsor-reveal-ready .sponsor-reveal.sponsor-reveal--visible{
    opacity:1;
    transform:none;
}
@media(prefers-reduced-motion:reduce){
    .sponsor-page.sponsor-reveal-ready .sponsor-reveal,
    .sponsor-page.sponsor-reveal-ready .sponsor-reveal.sponsor-reveal--visible{
        opacity:1;
        transform:none;
        transition:none;
    }
}

/* A larger orbit gives the prevention callouts one shared visual field. */
.prevention-outer-orbit{
    position:absolute;
    z-index:0;
    top:50%;
    left:50%;
    width:min(94%,700px);
    aspect-ratio:1;
    border:1px solid rgba(103,141,231,.18);
    border-radius:50%;
    box-shadow:inset 0 0 0 1px rgba(67,214,239,.035);
    transform:translate(-50%,-50%);
    pointer-events:none;
    animation:prevention-orbit-breathe 3.8s ease-out infinite;
}
@keyframes prevention-orbit-breathe{0%,100%{opacity:.38;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.03)}}
/* Let the prevention field breathe with the same soft ripple motion as the hero. */
.prevention-map::before,.prevention-map::after{
    animation:prevention-ring-ripple 3.8s cubic-bezier(.18,.72,.28,1) infinite;
    transform-origin:center;
}
.prevention-map::after{animation-delay:1.9s}
@keyframes prevention-ring-ripple{
    0%{opacity:.7;transform:translate(-50%,-50%) scale(.62)}
    18%{opacity:.58}
    72%{opacity:.2}
    100%{opacity:0;transform:translate(-50%,-50%) scale(1.34)}
}
@media (prefers-reduced-motion:reduce){.prevention-map::before,.prevention-map::after,.prevention-outer-orbit{animation:none}}
@media(max-width:700px){.prevention-outer-orbit{display:none}}

/* Sync the prevention hub pulse with the SiteOS detection moment in the hero. */
.prevention-center{
    animation:prevention-center-detection-pulse 9s ease-in-out infinite;
}
.prevention-center::before{
    position:absolute;
    inset:-8px;
    border:2px solid rgba(45,105,240,.62);
    border-radius:50%;
    content:"";
    opacity:0;
    pointer-events:none;
    animation:prevention-center-detection-ring 9s ease-out infinite;
}
@keyframes prevention-center-detection-pulse{
    0%,42%,58%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 1px rgba(91,164,235,.25),0 18px 37px rgba(75,135,208,.18),0 0 0 6px rgba(42,64,99,.055)}
    47%{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 0 0 1px rgba(91,164,235,.25),0 20px 42px rgba(39,91,218,.22),0 0 0 10px rgba(53,111,237,.12)}
    52%{transform:translate(-50%,-50%) scale(.985);box-shadow:0 0 0 1px rgba(91,164,235,.25),0 16px 32px rgba(75,135,208,.16),0 0 0 5px rgba(42,64,99,.06)}
}
@keyframes prevention-center-detection-ring{
    0%,42%{opacity:0;transform:scale(.93)}
    47%{opacity:.85;transform:scale(1.02)}
    56%,100%{opacity:0;transform:scale(1.14)}
}
@media(prefers-reduced-motion:reduce){
    .prevention-center,.prevention-center::before{animation:none}
}

/* Shared animated spotlight treatment for the final demo section. */
.sponsor-page .final-section{
    position:relative;
    overflow:hidden;
    background:linear-gradient(105deg,#102b55,#283078 53%,#4b2580);
}
.sponsor-page .final-section::before,
.sponsor-page .final-section::after{
    position:absolute;
    z-index:0;
    width:430px;
    height:430px;
    border-radius:50%;
    filter:blur(14px);
    mix-blend-mode:screen;
    content:"";
    pointer-events:none;
}
.sponsor-page .final-section::before{
    top:-55%;
    left:20%;
    background:radial-gradient(circle,rgba(57,221,249,.42),rgba(103,232,249,.18) 34%,transparent 72%);
    opacity:.72;
    animation:final-spotlight-cyan 8s ease-in-out infinite;
}
.sponsor-page .final-section::after{
    top:2%;
    right:3%;
    background:radial-gradient(circle,rgba(196,6,233,.34),rgba(125,91,235,.2) 38%,transparent 72%);
    opacity:.76;
    animation:final-spotlight-violet 9s ease-in-out infinite;
}
.sponsor-page .final-grid{position:relative;z-index:1}
.sponsor-page .final-copy{color:#f2f6ff}
@keyframes final-spotlight-cyan{
    0%,100%{transform:translate(-18%,-8%) scale(.78)}
    25%{transform:translate(30%,28%) scale(1.04)}
    50%{transform:translate(92%,-4%) scale(.86)}
    75%{transform:translate(42%,42%) scale(1.12)}
}
@keyframes final-spotlight-violet{
    0%,100%{transform:translate(18%,20%) scale(.82)}
    25%{transform:translate(-36%,-8%) scale(1.08)}
    50%{transform:translate(-78%,24%) scale(.9)}
    75%{transform:translate(-28%,48%) scale(1.16)}
}
@media(prefers-reduced-motion:reduce){
    .sponsor-page .final-section::before,
    .sponsor-page .final-section::after{animation:none}
}

/* Bring the main SiteOS comparison in line with the For Sites treatment. */
body.sponsor-page:not(.sites-page) .comparison-shell{
    align-items:center;
    border-color:rgba(105,135,190,.26);
    background:linear-gradient(110deg,#f7f9fd 0%,#fff 43%,#f5faff 70%,#fbf9ff 100%);
    padding-top:27px;
}
body.sponsor-page:not(.sites-page) .comparison-side{
    align-self:stretch;
}
body.sponsor-page:not(.sites-page) .comparison-side--traditional{
    background:linear-gradient(90deg,rgba(235,240,249,.96),rgba(247,248,252,.56));
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos{
    border:1px solid rgba(255,255,255,.36);
    background:var(--brand-gradient);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 18px 34px -20px rgba(59,76,184,.46);
    color:#fff;
}
body.sponsor-page:not(.sites-page) .comparison-label{
    border-color:rgba(92,117,161,.42);
    background:rgba(255,255,255,.58);
    box-shadow:0 6px 14px rgba(83,107,151,.1);
    color:#53698f;
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-label{
    border:1px solid rgba(255,255,255,.58);
    background:rgba(255,255,255,.16);
    box-shadow:0 8px 16px rgba(44,62,153,.2);
    color:#fff;
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-support,
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step,
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-note{
    color:rgba(255,255,255,.96);
}
body.sponsor-page:not(.sites-page) .comparison-step i{
    border:1px solid rgba(255,255,255,.8);
    background:rgba(255,255,255,.58);
    color:#5a7099;
    box-shadow:0 0 0 5px rgba(147,169,207,.14),0 6px 14px rgba(78,102,149,.12);
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step i{
    border-color:rgba(255,255,255,.3);
    background:rgba(255,255,255,.16);
    color:#fff;
    box-shadow:0 0 0 7px rgba(255,255,255,.14),0 8px 18px rgba(42,56,157,.2);
}
body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-step span,
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step span{
    padding:2px 5px;
    border:1px solid rgba(132,154,193,.22);
    border-radius:4px;
    background:rgba(255,255,255,.58);
    font-size:10px;
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step span{
    border-color:rgba(255,255,255,.18);
    background:rgba(77,57,184,.42);
    color:#fff;
}
body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-flow,
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-flow{
    width:100%;
    max-width:440px;
    margin-right:auto;
    margin-left:auto;
    justify-content:center;
}
body.sponsor-page:not(.sites-page) .comparison-note{
    margin-top:auto;
    margin-bottom:0;
    font-size:12px;
    font-style:italic;
    font-weight:700;
    text-align:center;
}
body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-note{
    color:#687895;
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-note{
    color:rgba(255,255,255,.96);
}
@media(max-width:600px){
    body.sponsor-page:not(.sites-page) .comparison-shell{padding-top:12px}
    body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-flow,
    body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-flow{
        max-width:none;
    }
}

/* Keep comparison labels readable as the two panels tighten on compact desktop. */
body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-step span,
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step span{
    display:inline-flex;
    box-sizing:border-box;
    min-width:42px;
    min-height:22px;
    align-items:center;
    justify-content:center;
    padding:3px 5px;
    line-height:1.15;
    text-align:center;
}
body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-step span{
    width:max-content;
    max-width:none;
    white-space:nowrap;
}
body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step span{
    width:auto;
    max-width:100%;
    white-space:normal;
}
@media(min-width:901px) and (max-width:1120px){
    body.sponsor-page:not(.sites-page) .comparison-shell{
        grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);
        column-gap:12px;
        padding-right:16px;
        padding-left:16px;
    }
    body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-flow,
    body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-flow{gap:4px}
    body.sponsor-page:not(.sites-page) .comparison-step i{
        width:38px!important;
        min-width:38px;
        max-width:38px;
        height:38px!important;
        min-height:38px;
        max-height:38px;
        flex-basis:38px;
    }
    body.sponsor-page:not(.sites-page) .comparison-arrow{
        width:14px;
        height:38px;
        flex-basis:14px;
    }
    body.sponsor-page:not(.sites-page) .comparison-arrow::before{top:19px;right:2px}
    body.sponsor-page:not(.sites-page) .comparison-arrow::after{top:19px}
}
@media(max-width:600px){
    body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-step span,
    body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step span{
        min-width:0;
        min-height:18px;
        padding:2px 3px;
        font-size:8px;
    }
}

/* Match the Sites page spacing between the side-card markers and their copy. */
@media(min-width:701px){
    .prevention-card--consent,
    .prevention-card--delegation{
        padding-left:52px;
    }
}

/* Keep the comparison workflows readable on small screens. */
@media(max-width:600px){
    body.sponsor-page .comparison-shell{
        gap:16px;
        padding:10px;
    }
    body.sponsor-page .comparison-side{
        padding:16px 14px 18px;
    }
    body.sponsor-page .comparison-label{font-size:15px}
    body.sponsor-page .comparison-support{margin-bottom:18px;font-size:13px}
    body.sponsor-page .comparison-side--traditional .comparison-flow,
    body.sponsor-page .comparison-side--siteos .comparison-flow{
        width:min(100%,255px);
        max-width:255px;
        margin:0 auto;
        flex-direction:column;
        align-items:stretch;
        gap:5px;
        top:0;
    }
    body.sponsor-page .comparison-flow::before{
        top:15px;
        right:auto;
        bottom:15px;
        left:15px;
        width:0;
        height:auto;
        border-top:0;
        border-left:1px dotted rgba(212,91,137,.5);
    }
    body.sponsor-page .comparison-side--siteos .comparison-flow::before{border-left-color:rgba(42,174,168,.5)}
    body.sponsor-page .comparison-step{
        display:grid;
        width:100%;
        flex:0 0 auto;
        grid-template-columns:31px minmax(0,1fr);
        align-items:center;
        justify-items:start;
        gap:11px;
        text-align:left;
        font-size:12px;
    }
    body.sponsor-page .comparison-step i{
        width:31px!important;
        min-width:31px;
        max-width:31px;
        height:31px!important;
        min-height:31px;
        max-height:31px;
        flex-basis:31px;
    }
    body.sponsor-page .comparison-step span,
    body.sponsor-page .comparison-side--traditional .comparison-step span,
    body.sponsor-page .comparison-side--siteos .comparison-step span{
        width:auto!important;
        max-width:100%!important;
        min-width:0!important;
        min-height:0;
        padding:3px 6px;
        font-size:11px;
        line-height:1.2;
        text-align:left;
        white-space:normal;
    }
    body.sponsor-page .comparison-arrow{
        width:31px!important;
        height:14px!important;
        flex:0 0 14px!important;
        margin:0;
        transform:rotate(90deg);
        font-size:14px;
    }
    body.sponsor-page .comparison-note{margin-top:18px;font-size:11px;line-height:1.4}
    body.sponsor-page .comparison-center{width:88px;height:88px;border-width:6px}
    body.sponsor-page .comparison-center img{width:48px;height:48px}
}

/* Give the prevention callouts a clear reading order on small screens. */
@media(max-width:600px){
    body.sponsor-page .prevention-map{
        display:flex;
        min-height:0;
        flex-direction:column;
        gap:12px;
        margin-top:28px;
        padding:0;
    }
    body.sponsor-page .prevention-map::before,
    body.sponsor-page .prevention-map::after{display:none}
    body.sponsor-page .prevention-center{
        order:0;
        width:122px;
        height:122px;
        margin:0 auto 10px;
    }
    body.sponsor-page .prevention-card,
    body.sponsor-page .prevention-card--data{
        order:1;
        width:100%;
        min-height:0;
        box-sizing:border-box;
        padding:16px 16px 16px 58px;
        text-align:left;
    }
    body.sponsor-page .prevention-card::before,
    body.sponsor-page .prevention-card--window::before,
    body.sponsor-page .prevention-card--consent::before,
    body.sponsor-page .prevention-card--missed::before,
    body.sponsor-page .prevention-card--delegation::before,
    body.sponsor-page .prevention-card--data::before{
        top:50%;
        right:auto;
        bottom:auto;
        left:16px;
        margin:0;
        transform:translateY(-50%);
    }
    body.sponsor-page .prevention-card strong{font-size:14px;line-height:1.2}
    body.sponsor-page .prevention-card span{margin-top:6px;font-size:12px;line-height:1.4}
    body.sponsor-page .prevention-footnote{
        order:2;
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
        width:100%;
        margin:2px 0 0;
        box-sizing:border-box;
        font-size:10px;
    }
}

/* Make the sponsor-specific visuals feel designed for a phone, rather than
   desktop layouts compressed into a narrow column. */
@media(max-width:600px){
    body.sponsor-page:not(.sites-page) .comparison-shell{
        gap:10px;
        padding:10px;
    }
    body.sponsor-page:not(.sites-page) .comparison-side{
        padding:15px 13px 16px;
    }
    body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-flow,
    body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-flow{
        width:100%;
        max-width:none;
        gap:4px;
    }
    body.sponsor-page:not(.sites-page) .comparison-step{
        gap:12px;
    }
    body.sponsor-page:not(.sites-page) .comparison-side--traditional .comparison-step span,
    body.sponsor-page:not(.sites-page) .comparison-side--siteos .comparison-step span{
        display:flex;
        width:100%!important;
        min-height:34px;
        align-items:center;
        box-sizing:border-box;
        padding:7px 10px;
        border-radius:8px;
        font-size:12px;
        line-height:1.25;
    }
    body.sponsor-page:not(.sites-page) .comparison-flow::before{
        display:none;
    }
    body.sponsor-page:not(.sites-page) .comparison-arrow{
        height:12px!important;
        flex-basis:12px!important;
        font-size:16px;
    }
    body.sponsor-page:not(.sites-page) .comparison-arrow::before,
    body.sponsor-page:not(.sites-page) .comparison-arrow::after{
        display:none;
    }
    body.sponsor-page:not(.sites-page) .comparison-note{
        margin-top:14px;
        text-align:left;
    }
    body.sponsor-page:not(.sites-page) .comparison-center{
        width:72px;
        height:72px;
        border-width:5px;
    }
    body.sponsor-page:not(.sites-page) .comparison-center img{
        width:40px;
        height:40px;
    }

    body.sponsor-page:not(.sites-page) .how-system-visual{
        min-height:300px;
        border:1px solid #d8e8fb;
        border-radius:20px;
        background:linear-gradient(145deg,#fafdff,#f5f9ff);
        box-shadow:0 14px 30px rgba(66,107,162,.09);
    }
    body.sponsor-page:not(.sites-page) .how-system-visual::before{
        background:radial-gradient(circle at 50% 42%,rgba(67,206,242,.14),transparent 60%);
    }
    body.sponsor-page:not(.sites-page) .how-system-visual .system-stage{
        inset:18% 5% 8%;
    }
    body.sponsor-page:not(.sites-page) .how-system-visual .siteos-float-pill{
        top:8%;
        right:4%;
    }
}