:root { --navy:#031a3b; --navy-deep:#02132d; --blue:#1476ff; --blue-dark:#075bd7; --ink:#101c35; --muted:#5d6b82; --line:#e3e9f2; --surface:#f7f9fc; --white:#fff; --purple:#7847d8; --purple-soft:#f5f0ff; --green:#158351; --green-soft:#eaf9f1; --orange:#dd8700; --orange-soft:#fff6e8; --radius:18px; --shadow:0 15px 40px rgba(12, 35, 75, .09); --container:1180px; }

* { box-sizing:border-box; }
 html { scroll-behavior:smooth; }
 body { margin:0; color:var(--ink); background:#fff; font:16px/1.58 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
 a { color:inherit; }
 img { display:block; max-width:100%; }
 .container { width:min(calc(100% - 48px), var(--container)); margin-inline:auto; }
 .skip-link { position:fixed; left:12px; top:-55px; z-index:30; padding:8px 12px; color:#fff; background:var(--blue); border-radius:6px; }
 .skip-link:focus { top:12px; }
 :focus-visible { outline:3px solid #79b1ff; outline-offset:3px; }
 .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.site-header { color:#fff; background:var(--navy); border-bottom:1px solid rgba(255,255,255,.11); }
 .nav-wrap { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
 .brand { display:inline-block; flex:none; }
 .brand img { width:132px; height:auto; }
 .site-nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:650; }
 .site-nav a { text-decoration:none; opacity:.94; }
 .site-nav a:hover { opacity:1; color:#a9cbff; }
 .button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:11px 20px; color:#fff; background:var(--blue); border:1px solid var(--blue); border-radius:7px; box-shadow:0 7px 15px rgba(20,118,255,.18); font:700 14px/1.2 inherit; text-decoration:none; transition:background .18s, transform .18s, box-shadow .18s; }
 .button:hover { background:var(--blue-dark); transform:translateY(-1px); box-shadow:0 10px 18px rgba(20,118,255,.26); }
 .button-small { min-height:38px; padding:8px 14px; }
 .button-quiet { background:transparent; border-color:rgba(255,255,255,.7); box-shadow:none; }
 .button-quiet:hover { color:var(--navy); background:#fff; border-color:#fff; }
 .menu-toggle { display:none; color:#fff; background:transparent; border:0; padding:9px 3px; }
 .menu-toggle span:not(.visually-hidden) { display:block; width:25px; height:2px; margin:5px; background:currentColor; }

.hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 74% 43%, #123b78 0, rgba(8,39,84,.4) 23%, transparent 45%), linear-gradient(120deg, #03142e 0%, #042457 63%, #061c42 100%); }
 .hero:before,.hero:after { content:""; position:absolute; width:76vw; height:40vw; border:1px solid rgba(56,130,255,.16); border-radius:50%; transform:rotate(-16deg); pointer-events:none; }
 .hero:before { left:-30vw; bottom:-31vw; }
 .hero:after { right:-35vw; top:-31vw; }
 .hero-grid { position:relative; z-index:1; min-height:560px; display:grid; grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr); align-items:center; gap:42px; padding:68px 0 55px; }
 .eyebrow { margin:0 0 13px; color:#236de4; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
 .on-dark { color:#b7d4ff; }
 h1,h2,h3,p { margin-top:0; }
 h1,h2,h3 { line-height:1.12; letter-spacing:-.035em; }
 h1 { max-width:620px; margin-bottom:20px; font-size:clamp(1.875rem, 3.3vw, 3.2625rem); font-weight:600; }
.hero-word-recommend { color:var(--purple); }
.hero-word-cross-sell { color:var(--green); }
.hero-word-understand { color:var(--orange); }
.accent-purple { color:var(--purple); }
 h2 { margin-bottom:16px; font-size:clamp(1.9rem, 3vw, 2.9rem); }
 h3 { font-size:1.18rem; }
 .hero-lede { max-width:580px; margin-bottom:28px; color:#d5e2f9; font-size:17px; }
 .button-row { display:flex; flex-wrap:wrap; gap:12px; }

.hero-art { position:relative; padding:10px 4px 0; transition:transform .3s ease; }
.hero-art:hover { transform:scale(1.015); }
.hero-screenshot { width:100%; height:auto; border:0; border-radius:10px; animation:hero-float 5.5s ease-in-out infinite; }
@keyframes hero-float { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
 .dashboard-window { min-height:338px; overflow:hidden; display:grid; grid-template-columns:116px 1fr; color:var(--ink); background:#fff; border:1px solid rgba(255,255,255,.8); border-radius:10px; box-shadow:0 28px 55px rgba(0,0,0,.32); }
 .window-sidebar { display:flex; flex-direction:column; gap:17px; padding:22px 13px; color:#c5d5ed; background:#071d43; font-size:11px; }
 .window-sidebar strong { margin-bottom:8px; color:#fff; font-size:13px; }
 .window-sidebar .active { padding:8px; color:#fff; background:#126de3; border-radius:5px; }
 .window-main { padding:20px; background:#fbfcff; }
 .window-top { display:flex; justify-content:space-between; gap:8px; font-size:12px; }
 .window-top span, .window-main small { color:#718098; font-size:9px; }
 .metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0; }
 .metric-grid>div { min-height:83px; padding:12px; background:#fff; border:1px solid #edf0f5; border-radius:7px; box-shadow:0 4px 12px rgba(10,35,72,.03); }
 .metric-grid small,.metric-grid b,.metric-grid i { display:block; }
 .metric-grid b { margin:7px 0 4px; font-size:15px; }
 .metric-grid i { color:#1a9557; font-size:8px; font-style:normal; }
 .chart-panel { min-height:140px; padding:15px; background:#fff; border:1px solid #edf0f5; border-radius:7px; }
 .chart-panel strong { display:block; font-size:11px; }
 .chart-line { display:flex; align-items:end; height:78px; gap:7px; margin-top:10px; border-bottom:1px solid #dfe6f1; }
 .chart-line span { width:13%; background:linear-gradient(180deg,#1680ff,#7ebcff); border-radius:6px 6px 0 0; }
 .chart-line span:nth-child(1){height:23%}
.chart-line span:nth-child(2){height:38%}
.chart-line span:nth-child(3){height:34%}
.chart-line span:nth-child(4){height:61%}
.chart-line span:nth-child(5){height:50%}
.chart-line span:nth-child(6){height:84%}

.mini-products { position:absolute; right:-10px; bottom:0; left:-42px; display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }
 .mini-card { min-height:102px; padding:13px; background:rgba(255,255,255,.97); border:1px solid #e6ebf3; border-radius:10px; box-shadow:0 12px 23px rgba(0,0,0,.15); }
 .mini-card b { display:inline-grid; width:28px; height:28px; place-items:center; border-radius:50%; font-size:16px; }
 .mini-card strong,.mini-card small { display:block; }
 .mini-card strong { margin-top:8px; font-size:10px; }
 .mini-card small { margin-top:4px; color:#68768a; font-size:8px; }
 .related b { color:var(--purple); background:var(--purple-soft); }
.cart b { color:var(--green); background:var(--green-soft); }
.wish b { color:var(--orange); background:var(--orange-soft); }

.value-strip { position:relative; z-index:2; margin-top:-1px; background:#fff; }
 .strip-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:16px; background:#fff; border:1px solid #e7edf5; border-radius:0 0 16px 16px; box-shadow:0 14px 30px rgba(15,42,82,.1); }
 .strip-grid>div { display:flex; align-items:center; gap:15px; min-height:94px; padding:17px; background:linear-gradient(135deg,#fff 0%,#f6f9ff 100%); border:1px solid #dce6f3; border-top:3px solid #2c7cf0; border-radius:11px; box-shadow:0 4px 11px rgba(20,55,105,.045); transition:transform .22s ease,box-shadow .22s ease,background .22s ease; }
.strip-icon { position:relative; display:grid; flex:none; width:50px; height:50px; place-items:center; color:#0f63e8; background:#dceaff; border-radius:15px; font-weight:800; font-size:14px; }
.strip-icon img { width:24px; height:24px; }
.strip-grid p { margin:0; line-height:1.4; }
.strip-grid strong,.strip-grid small { display:block; }
.strip-grid strong { color:#102345; font-size:14px; font-weight:700; letter-spacing:-.01em; }
.strip-grid small { margin-top:5px; color:#4f6482; font-size:12px; }
@media (hover:hover) { .strip-grid>div:hover { background:#fff; box-shadow:0 10px 20px rgba(20,55,105,.11); transform:translateY(-3px); } }

.section { padding:92px 0; }
 .section-heading { max-width:680px; margin:0 auto 42px; }
.section-heading.centered { text-align:center; }
.section-heading p:last-child { margin-bottom:0; color:var(--muted); }
.featured-section { background:linear-gradient(180deg,#fff 0,#fbfcff 100%); }
.plugin-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.plugin-card { display:flex; flex-direction:column; min-height:590px; padding:27px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 7px 23px rgba(15,42,82,.045); }
.card-related { border-color:#e8dcff; }
.card-cart { border-color:#d7efdf; }
.card-wish { border-color:#f4dfbb; }
.product-mark { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; font-size:24px; }
.card-related .product-mark { color:var(--purple); background:var(--purple-soft); }
.card-cart .product-mark { color:var(--green); background:var(--green-soft); }
.card-wish .product-mark { color:var(--orange); background:var(--orange-soft); }
.product-type { margin:16px 0 8px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.plugin-card h3 { min-height:79px; margin-bottom:13px; font-size:1.4rem; }
.plugin-card h3 a { color:inherit; text-decoration:none; }
.plugin-card h3 a:hover { text-decoration:underline; text-underline-offset:3px; }
.plugin-screenshot-link { display:block; margin-top:auto; border-radius:9px; }
.plugin-screenshot-link:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.card-related h3 { color:var(--purple); }
.card-cart h3 { color:var(--green); }
.card-wish h3 { color:var(--orange); }
.plugin-badges { display:flex; flex-wrap:wrap; gap:7px; margin:-5px 0 14px; }
.plugin-platform,.plugin-featured { display:inline-flex; width:fit-content; padding:4px 8px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.plugin-platform { color:#53647b; background:#f1f5fa; }
.plugin-featured { color:#1269dd; background:#eaf3ff; }
.plugin-card>p:not(.product-type):not(.plugin-platform) { min-height:75px; color:var(--muted); font-size:14px; }
.plugin-card ul { min-height:118px; padding:0; margin:2px 0 20px; list-style:none; color:#3a4960; font-size:12px; }
.plugin-card li { position:relative; padding:0 0 8px 19px; }
.plugin-card li:before { content:"•"; position:absolute; left:3px; top:-1px; font-size:17px; }
.card-related li:before { color:var(--purple); }
.card-cart li:before { color:var(--green); }
.card-wish li:before { color:var(--orange); }
.card-preview { min-height:108px; margin-top:auto; padding:13px; border-radius:9px; font-size:9px; }
.plugin-screenshot { display:block; width:100%; aspect-ratio:1.14 / 1; height:auto; margin-top:auto; border-radius:9px; object-fit:contain; transition:transform .3s ease; }
.plugin-screenshot:hover { transform:scale(1.015); }
.related-preview { background:#fbf9ff; border:1px solid #eee8fb; }
.cart-preview { background:#f5fcf8; border:1px solid #e0f3e7; }
.wish-preview { background:#fffaf2; border:1px solid #f7e9d2; }
.card-preview strong { display:block; margin-bottom:10px; }
.related-preview>div,.wish-preview>div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.related-preview span,.wish-preview span { height:51px; border-radius:5px; background:linear-gradient(135deg,#dcd3ed,#f3effb); }
.related-preview span:nth-child(2) { background:linear-gradient(135deg,#c9ddff,#edf5ff); }
.related-preview span:nth-child(3) { background:linear-gradient(135deg,#e1d9c9,#fbf7ee); }
.wish-preview span { background:linear-gradient(135deg,#f3d9a8,#fff5e5); }
.wish-preview span:nth-child(2) { background:linear-gradient(135deg,#d8e4ef,#f5f8fb); }
.wish-preview span:nth-child(3) { background:linear-gradient(135deg,#ddd0cb,#faf3f1); }
.cart-item { display:flex; align-items:center; gap:8px; padding:7px; background:#fff; border-radius:5px; }
.cart-item span { width:41px; height:41px; background:linear-gradient(135deg,#bddbcb,#f0f9f3); border-radius:4px; }
.cart-item i { flex:1; color:#4f6270; font-style:normal; }
.cart-item button { padding:4px 7px; color:#fff; background:var(--green); border:0; border-radius:3px; font-size:8px; }
.card-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:19px; }
.card-actions>a:first-child { display:grid; place-items:center; min-height:40px; border:1px solid #cfd8e6; border-radius:6px; font-size:12px; font-weight:750; text-decoration:none; }
.card-actions .button { min-height:40px; padding:8px; box-shadow:none; font-size:12px; }
.accent-related { background:var(--purple); border-color:var(--purple); }
.accent-related:hover { background:#6439be; }
.accent-cart { background:var(--green); border-color:var(--green); }
.accent-cart:hover { background:#116c43; }
.accent-wish { background:#ed9406; border-color:#ed9406; }
.accent-wish:hover { background:#cc7900; }

.benefits-section { padding:112px 0; background:radial-gradient(circle at 50% 35%,#fff 0,transparent 42%),linear-gradient(180deg,#f7f9fd 0%,#f3f7fc 100%); }
.benefits-intro { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:34px; margin-bottom:50px; }
.benefits-intro h2 { max-width:660px; margin:0; }
.benefits-intro>p { max-width:480px; margin:25px 0 0; padding-left:28px; color:#52617a; border-left:2px solid #bcd4ff; font-size:18px; }
.benefit-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:30px; }
.benefit-card { --accent:var(--blue); --accent-soft:#eaf3ff; position:relative; grid-column:span 2; min-height:290px; padding:30px; overflow:hidden; background:rgba(255,255,255,.95); border:1px solid #dfe8f4; border-top:4px solid var(--accent); border-radius:14px; box-shadow:0 14px 30px rgba(16,49,93,.075); }
.benefit-card-wide { grid-column:span 3; min-height:298px; padding:34px; }
.benefit-card-data { --accent:var(--purple); --accent-soft:var(--purple-soft); }
.benefit-card-reporting { --accent:var(--blue); --accent-soft:#eaf3ff; }
.benefit-card-control { --accent:var(--green); --accent-soft:var(--green-soft); }
.benefit-card-focus { --accent:var(--purple); --accent-soft:var(--purple-soft); }
.benefit-card-woo { --accent:var(--orange); --accent-soft:var(--orange-soft); }
.benefit-icon { display:grid; width:58px; height:58px; place-items:center; margin-bottom:25px; background:var(--accent-soft); border-radius:16px; }
.benefit-icon img { width:28px; height:28px; }
.benefit-kicker { margin:0 0 10px; color:var(--accent); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.benefit-card h3 { max-width:390px; margin:0 0 13px; font-size:19px; }
.benefit-card-wide h3 { font-size:24px; }
.benefit-card>p:not(.benefit-kicker) { max-width:420px; margin:0; color:var(--muted); font-size:14px; }
.benefit-card-wide>p:not(.benefit-kicker) { font-size:16px; }

.two-col,.portal-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; }
.two-col>div>p:not(.eyebrow),.portal-copy>p:not(.eyebrow) { color:var(--muted); }
.check-list { padding:0; margin:25px 0; list-style:none; color:#34435a; font-size:14px; }
.check-list li { position:relative; padding:0 0 11px 25px; }
.check-list li:before { content:"✓"; position:absolute; left:0; display:grid; width:16px; height:16px; place-items:center; color:#1476ff; background:#eaf3ff; border-radius:50%; font-size:10px; font-weight:900; }
.text-link { color:#126ee7; font-size:14px; font-weight:800; text-decoration:none; }
.text-link:hover { text-decoration:underline; }
.reporting-mock { display:grid; grid-template-columns:113px 1fr; min-height:335px; overflow:hidden; background:#fff; border:1px solid #e5ebf4; border-radius:10px; box-shadow:var(--shadow); }
.reporting-screenshot { display:block; width:100%; height:auto; border-radius:12px; transition:transform .3s ease; }
.reporting-screenshot:hover { transform:scale(1.015); }
.report-sidebar { display:flex; flex-direction:column; gap:15px; padding:24px 13px; color:#aebed5; background:#061d42; font-size:10px; }
.report-sidebar b { margin-bottom:5px; color:#fff; }
.report-sidebar .selected { padding:8px; color:#fff; background:#116ae0; border-radius:5px; }
.report-content { padding:23px; }
.report-tabs { display:flex; justify-content:space-between; gap:10px; padding-bottom:16px; border-bottom:1px solid var(--line); font-size:12px; }
.report-tabs small { color:var(--muted); }
.report-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:15px 0; }
.report-metrics p { margin:0; padding:12px; background:#f9fbfe; border:1px solid #edf0f5; border-radius:5px; }
.report-metrics small,.report-metrics strong { display:block; }
.report-metrics small { color:#67758b; font-size:8px; }
.report-metrics strong { margin-top:5px; font-size:16px; }
.bar-chart { display:flex; align-items:end; gap:8px; height:100px; padding:13px 8px; border-bottom:1px solid #e1e8f2; background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#edf1f6 25px); }
.bar-chart i { flex:1; background:linear-gradient(180deg,#2285ff,#94c4ff); border-radius:4px 4px 0 0; }
.bar-chart i:nth-child(1){height:37%}
.bar-chart i:nth-child(2){height:52%}
.bar-chart i:nth-child(3){height:38%}
.bar-chart i:nth-child(4){height:69%}
.bar-chart i:nth-child(5){height:80%}
.bar-chart i:nth-child(6){height:57%}
.bar-chart i:nth-child(7){height:88%}
.bar-chart i:nth-child(8){height:74%}
.report-rows { display:grid; gap:8px; margin-top:18px; }
.report-rows span { padding:7px 10px; color:#6a788d; background:#f9fbfe; border-radius:4px; font-size:9px; }

.portal-section { background:#f7f9fd; }
.portal-copy a:not(.button) { color:#126ee7; }
.portal-mock { position:relative; padding:20px; background:#fff; border:1px solid #e2e9f3; border-radius:10px; box-shadow:var(--shadow); }
.portal-screenshot { display:block; width:100%; height:auto; border-radius:12px; transition:transform .3s ease; }
.portal-screenshot:hover { transform:scale(1.015); }
.portal-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid var(--line); font-size:13px; }
.portal-top button { padding:7px 10px; color:#fff; background:var(--blue); border:0; border-radius:4px; font-size:9px; font-weight:700; }
.license-row { display:flex; align-items:center; gap:11px; padding:14px 4px; border-bottom:1px solid #edf1f5; }
.license-dot { width:27px; height:27px; border-radius:7px; }
.license-dot.purple{background:var(--purple-soft)}
.license-dot.green{background:var(--green-soft)}
.license-dot.orange{background:var(--orange-soft)}
.license-row p { flex:1; margin:0; line-height:1.25; }
.license-row strong,.license-row small { display:block; }
.license-row strong { font-size:11px; }
.license-row small { margin-top:3px; color:#718096; font-size:9px; }
.license-row em { padding:5px 8px; color:#1476ff; background:#eef5ff; border-radius:4px; font-size:9px; font-style:normal; font-weight:700; }
.mock-caption { display:block; margin-top:14px; color:#7b899b; font-size:9px; text-align:right; }

.how-section { padding:105px 0 92px; background:radial-gradient(circle at 50% 40%,#f7faff 0,transparent 38%),#fff; }
.how-intro { max-width:830px; margin:0 auto 55px; text-align:center; }
.how-intro h2 { margin-bottom:18px; }
.how-intro>p:last-child { max-width:700px; margin:0 auto; color:var(--muted); font-size:18px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:76px; padding:0; margin:0; list-style:none; }
.steps li { --step-accent:var(--blue); --step-soft:#eef5ff; position:relative; min-height:320px; padding:34px 36px; background:rgba(255,255,255,.92); border:1px solid #e0e8f4; border-top:4px solid var(--step-accent); border-radius:18px; box-shadow:0 16px 34px rgba(20,55,105,.08); }
.steps li:nth-child(1) { --step-accent:var(--purple); --step-soft:var(--purple-soft); }
.steps li:nth-child(2) { --step-accent:var(--green); --step-soft:var(--green-soft); }
.steps li:nth-child(3) { --step-accent:var(--orange); --step-soft:var(--orange-soft); }
.steps li:not(:last-child):after { content:"→"; position:absolute; z-index:1; top:47%; right:-96px; display:grid; width:40px; height:40px; place-items:center; color:var(--step-accent); background:#fff; border:1.5px solid var(--step-accent); border-radius:50%; box-shadow:0 0 0 5px #f6f9fe; font-size:22px; }
.steps li:not(:last-child):before { content:""; position:absolute; top:53%; right:-77px; width:76px; border-top:1.5px dashed var(--step-accent); opacity:.5; }
.step-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:31px; }
.steps .step-number { display:grid; flex:none; width:76px; height:76px; place-items:center; color:var(--step-accent); background:#fff; border:5px solid var(--step-soft); border-radius:50%; box-shadow:inset 0 0 0 1px var(--step-soft); font-size:38px; font-weight:750; line-height:1; }
.step-icon { display:grid; width:58px; height:58px; place-items:center; background:var(--step-soft); border-radius:50%; }
.step-icon img { width:27px; height:27px; }
.steps h3 { margin:0 0 14px; font-size:23px; }
.steps p { margin:0; color:var(--muted); font-size:16px; }
.how-cta { margin-top:44px; text-align:center; }
.resource-section { padding-top:40px; background:#f7f9fd; }
.resource-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.resource-grid article { display:flex; gap:18px; padding:28px; background:#fff; border:1px solid #e5ebf3; border-radius:12px; }
.resource-grid article>span { display:grid; flex:none; width:45px; height:45px; place-items:center; color:#1476ff; background:#eaf3ff; border-radius:50%; font-size:24px; font-weight:700; }
.resource-grid article>span img { width:24px; height:24px; }
.resource-grid h3 { margin-bottom:8px; }
.resource-grid p { margin-bottom:13px; color:var(--muted); font-size:14px; }
.final-cta { position:relative; overflow:hidden; padding:65px 0; color:#fff; text-align:center; background:radial-gradient(circle at 50% -20%,#174b95 0,transparent 52%),linear-gradient(120deg,#03152f,#072759); }
.final-cta h2 { max-width:650px; margin-inline:auto; }
.final-cta .button-row { justify-content:center; }

.site-footer { padding:51px 0 35px; color:#d9e3f2; background:#03142e; }
.footer-grid { display:grid; grid-template-columns:1.5fr repeat(4,1fr); gap:36px; }
.footer-brand .brand img { margin-bottom:14px; }
.footer-brand p { max-width:210px; color:#b5c5da; font-size:12px; }
.footer-brand small { color:#8da0ba; font-size:10px; }
.site-footer h2 { margin:2px 0 13px; color:#fff; font-size:12px; letter-spacing:0; }
.site-footer a:not(.brand) { display:block; margin:0 0 8px; color:#b5c5da; font-size:11px; text-decoration:none; }
.site-footer a:not(.brand):hover { color:#fff; text-decoration:underline; }

/* Support page */
.support-hero { padding:76px 0 62px; background:linear-gradient(135deg,#fff 0%,#f8fbff 64%,#f1f6ff 100%); }
.support-hero-grid { display:grid; grid-template-columns:minmax(0,.84fr) minmax(530px,1.16fr); align-items:center; gap:64px; }
.support-hero-copy h1 { max-width:530px; margin-bottom:17px; color:#0a214a; font-size:clamp(1.875rem,3.3vw,3.2625rem); font-weight:700; letter-spacing:-.045em; }
.support-hero-copy>p:not(.eyebrow) { max-width:530px; margin-bottom:26px; color:#596780; font-size:16px; }
.support-hero .button { min-height:42px; padding:9px 17px; box-shadow:0 7px 15px rgba(20,118,255,.15); }
.support-hero .button img,.support-final .button img { width:18px; height:18px; filter:brightness(0) invert(1); }
.support-secondary-button { color:#1476ff; background:#fff; border-color:#1476ff; box-shadow:none !important; }
.support-secondary-button:hover { color:#fff; background:#1476ff; }
.support-paths { overflow:hidden; background:#fff; border:1px solid #dfe7f2; border-radius:13px; box-shadow:0 14px 30px rgba(18,47,89,.1); }
.support-paths article { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:17px; min-height:99px; padding:18px 26px; }
.support-paths article+article { border-top:1px solid #dfe7f2; }
.support-path-icon { display:grid; width:56px; height:56px; place-items:center; background:#edf5ff; border-radius:12px; }
.support-paths h2,.support-paths p { margin:0; }
.support-paths h2 { color:#142849; font-size:15px; font-weight:700; }
.support-paths p { max-width:370px; margin-top:4px; color:#596780; font-size:12px; line-height:1.42; }
.support-paths a { color:#1476ff; font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.support-paths a:hover { text-decoration:underline; }
.support-topics { padding:27px 0 17px; background:linear-gradient(180deg,#f5f9ff,#f8fbff); }
.support-section-heading { margin-bottom:15px; text-align:center; }
.support-section-heading h2 { margin:0; color:#13274a; font-size:22px; }
.support-topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.support-topic-grid article { min-height:162px; padding:17px 18px; text-align:center; background:#fff; border:1px solid #dfe7f2; border-radius:13px; box-shadow:0 8px 19px rgba(19,50,95,.055); }
.support-topic-grid span { display:grid; width:52px; height:52px; place-items:center; margin:0 auto 13px; background:#edf5ff; border-radius:50%; }
.support-topic-grid h3 { margin:0 0 7px; color:#142849; font-size:14px; font-weight:700; }
.support-topic-grid p { margin:0 auto; color:#596780; font-size:12px; line-height:1.42; }
.support-contact-prep { padding:39px 0 13px; background:linear-gradient(135deg,#eef6ff,#f6faff 60%,#eaf3ff); }
.support-prep-grid { display:grid; grid-template-columns:1fr .88fr; align-items:center; gap:72px; max-width:940px; }
.support-prep-grid h2 { margin:0 0 12px; color:#142849; font-size:22px; }
.support-checklist { display:grid; gap:8px; padding:0; margin:0; list-style:none; color:#394d6e; font-size:13px; }
.support-checklist li { position:relative; padding-left:27px; }
.support-checklist li:before { content:"✓"; position:absolute; left:0; top:1px; display:grid; width:16px; height:16px; place-items:center; color:#fff; background:#2879eb; border-radius:50%; font-size:10px; font-weight:900; }
.support-notes { overflow:hidden; background:#fff; border:1px solid #dfe7f2; border-radius:12px; box-shadow:0 9px 20px rgba(18,47,89,.07); }
.support-notes article { display:grid; grid-template-columns:52px 1fr; gap:13px; align-items:center; padding:15px 22px; }
.support-notes article+article { border-top:1px solid #dfe7f2; }
.support-notes span { display:grid; width:48px; height:48px; place-items:center; background:#edf5ff; border-radius:50%; }
.support-notes h3,.support-notes p { margin:0; }
.support-notes h3 { color:#142849; font-size:13px; font-weight:700; }
.support-notes p { margin-top:3px; color:#596780; font-size:11px; }
.support-final { padding:13px 0 16px; background:#eef6ff; }
.support-final-inner { position:relative; display:grid; grid-template-columns:66px minmax(0,1fr) auto; align-items:center; gap:18px; min-height:80px; padding:15px 24px; overflow:hidden; color:#fff; background:radial-gradient(circle at 86% 55%,rgba(20,118,255,.31),transparent 28%),linear-gradient(110deg,#031a3b,#062d67); border:1px solid #0a3f88; border-radius:8px; }
.support-final-inner:after { content:""; position:absolute; right:-52px; bottom:-110px; width:250px; height:250px; border:1px solid rgba(130,184,255,.2); border-radius:50%; box-shadow:0 0 0 25px rgba(130,184,255,.07),0 0 0 51px rgba(130,184,255,.04); }
.support-final-icon { position:relative; z-index:1; display:grid; width:52px; height:52px; place-items:center; background:#2879eb; border-radius:50%; box-shadow:0 9px 20px rgba(0,0,0,.2); }
.support-final-icon img { filter:brightness(0) invert(1); }
.support-final h2 { position:relative; z-index:1; max-width:500px; margin:0; color:#fff; font-size:20px; font-weight:700; }
.support-final-actions { position:relative; z-index:1; display:flex; gap:12px; }
.support-final .button { min-height:39px; padding:8px 15px; box-shadow:none; font-size:12px; }
.support-final-secondary { color:#1476ff; background:#fff; border-color:#fff; }
.support-final-secondary:hover { color:#fff; background:transparent; }

@media (max-width:980px) {
  .support-hero-grid { grid-template-columns:1fr; gap:38px; }
  .support-hero-copy { max-width:680px; }
  .support-prep-grid { grid-template-columns:1fr; gap:28px; max-width:760px; }
  .support-final-inner { grid-template-columns:56px 1fr; }
  .support-final-actions { grid-column:1/-1; justify-self:end; }
}

@media (max-width:720px) {
  .support-hero { padding:49px 0 42px; }
  .support-hero-copy h1 { font-size:clamp(1.875rem,9vw,3.2625rem); }
  .support-paths article { grid-template-columns:48px minmax(0,1fr); gap:13px; min-height:0; padding:17px; }
  .support-paths a { grid-column:2; justify-self:start; }
  .support-path-icon { width:46px; height:46px; }
  .support-topic-grid { grid-template-columns:1fr 1fr; gap:12px; }
  .support-topic-grid article { min-height:175px; }
  .support-contact-prep { padding-top:39px; }
  .support-final-inner { grid-template-columns:1fr; gap:14px; padding:22px; }
  .support-final-icon { width:46px; height:46px; }
  .support-final-actions { grid-column:auto; justify-self:stretch; display:grid; grid-template-columns:1fr; }
  .support-final .button { width:100%; }
}

@media (max-width:440px) {
  .support-topic-grid { grid-template-columns:1fr; }
  .support-topic-grid article { min-height:0; }
  .support-notes article { padding:14px 16px; }
}

@media (max-width: 980px) { .hero-grid { grid-template-columns:1fr; padding-top:56px; }
.hero-copy { max-width:680px; }
.hero-art { width:min(100%,720px); margin:0 auto; }
.strip-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
.plugin-grid { grid-template-columns:1fr; max-width:650px; margin:auto; }
.plugin-card { min-height:auto; }
.plugin-card h3,.plugin-card>p:not(.product-type),.plugin-card ul { min-height:0; }
.benefits-intro { grid-template-columns:1fr; gap:10px; }
.benefits-intro>p { max-width:620px; }
.benefit-grid { grid-template-columns:repeat(2,1fr); }
.benefit-card,.benefit-card-wide { grid-column:span 1; }
.benefit-card:last-child { grid-column:1/-1; }
.two-col,.portal-grid { grid-template-columns:1fr; gap:45px; }
.portal-grid .portal-copy { order:1; }
.portal-grid .portal-screenshot { order:2; }
.footer-grid { grid-template-columns:1.5fr repeat(2,1fr); }
.footer-brand { grid-row:span 2; }
 }

@media (max-width: 720px) { .container { width:min(calc(100% - 36px),var(--container)); }
.nav-wrap { min-height:66px; }
.menu-toggle { display:block; }
.site-nav { position:absolute; top:66px; right:18px; left:18px; z-index:10; display:none; align-items:stretch; gap:0; padding:10px; background:#082453; border:1px solid rgba(255,255,255,.2); border-radius:10px; box-shadow:0 15px 30px rgba(0,0,0,.25); }
.site-nav.is-open { display:flex; flex-direction:column; }
.site-nav a { padding:12px; }
.site-nav .button { margin-top:4px; }
.hero-grid { min-height:0; gap:20px; padding:46px 0 34px; }
.hero-art { padding-bottom:0; }
.dashboard-window { min-height:255px; grid-template-columns:80px 1fr; }
.window-sidebar { padding:14px 8px; gap:11px; font-size:8px; }
.window-sidebar strong { font-size:10px; }
.window-main { padding:13px; }
.metric-grid { gap:5px; margin:11px 0; }
.metric-grid>div { min-height:57px; padding:7px; }
.metric-grid small,.metric-grid i { font-size:6px; }
.metric-grid b { margin:3px 0; font-size:10px; }
.chart-panel { min-height:105px; padding:10px; }
.chart-line { height:53px; }
.mini-products { left:-3px; right:-3px; gap:6px; }
.mini-card { min-height:76px; padding:8px; }
.mini-card b { width:21px; height:21px; font-size:12px; }
.mini-card strong { margin-top:5px; font-size:7px; }
.mini-card small { font-size:6px; }
.strip-grid { grid-template-columns:1fr; gap:10px; padding:12px; }
.strip-grid>div,.strip-grid>div:nth-child(2) { min-height:76px; padding:14px; }
.section { padding:64px 0; }
.section-heading { margin-bottom:28px; }
.benefits-section { padding:72px 0; }
.benefit-grid { grid-template-columns:1fr; gap:12px; }
.benefit-card,.benefit-card-wide,.benefit-card:last-child { grid-column:auto; min-height:0; padding:22px; }
.benefit-card-wide h3 { font-size:22px; }
.benefit-card-wide>p:not(.benefit-kicker) { font-size:14px; }
.reporting-mock { grid-template-columns:73px 1fr; min-height:270px; }
.report-sidebar { gap:11px; padding:17px 8px; font-size:8px; }
.report-content { padding:14px; }
.steps,.resource-grid { grid-template-columns:1fr; }
.steps { gap:13px; }
.steps li { min-height:0; padding:26px; }
.steps li:not(:last-child):after,.steps li:not(:last-child):before { display:none; }
.how-intro { margin-bottom:32px; }
.how-intro>p:last-child { font-size:16px; }
.step-top { margin-bottom:23px; }
.resource-grid article { padding:20px; }
.footer-grid { grid-template-columns:1fr 1fr; gap:29px 20px; }
.footer-brand { grid-column:1/-1; grid-row:auto; }
.site-footer { padding-top:38px; }
 }

@media (max-width: 390px) { .card-actions { grid-template-columns:1fr; }
.hero-lede { font-size:15px; }
}

@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}
@media print { .skip-link { display:none !important; } }
@media (max-width: 520px) { .plugin-showcase-actions { grid-template-columns:1fr; } }

/* Plugins page */
.plugins-page .site-header { background:var(--navy-deep); }
.plugins-intro { position:relative; overflow:hidden; padding:80px 0 68px; text-align:center; background:radial-gradient(circle at 50% -10%,#fff 0,transparent 44%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%); }
.plugins-intro:before,.plugins-intro:after { content:""; position:absolute; width:54vw; height:38vw; border:1px solid #d8e7fb; border-radius:50%; pointer-events:none; }
.plugins-intro:before { top:-33vw; left:-24vw; }.plugins-intro:after { right:-27vw; bottom:-33vw; }
.plugins-intro .container { position:relative; z-index:1; max-width:820px; }.plugins-intro h1 { max-width:760px; margin:0 auto 17px; color:var(--ink); font-size:clamp(1.9rem,3vw,2.9rem); font-weight:700; }.plugins-intro>div>p:last-child { max-width:710px; margin:0 auto; color:var(--muted); font-size:17px; }
.plugins-list { padding-top:52px; background:#f6f9fd; }.plugins-list .container { display:grid; gap:18px; }
.plugin-showcase { --showcase-accent:var(--purple); --showcase-soft:var(--purple-soft); display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:30px; padding:27px; overflow:hidden; background:#fff; border:1px solid #e0e8f3; border-radius:16px; box-shadow:0 12px 30px rgba(17,50,96,.07); }
.plugin-showcase-cart { --showcase-accent:var(--green); --showcase-soft:var(--green-soft); }.plugin-showcase-wishlist { --showcase-accent:var(--orange); --showcase-soft:var(--orange-soft); }
.plugin-showcase-image { display:flex; align-items:center; justify-content:center; min-width:0; }.plugin-showcase-image img { display:block; width:100%; height:auto; border-radius:10px; transition:transform .3s ease; }.plugin-showcase-image img:hover { transform:scale(1.015); }
.plugin-showcase-content { min-width:0; }.plugin-showcase-category { margin:0 0 9px; color:var(--showcase-accent); font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.plugin-showcase h2 { margin:0 0 14px; font-size:clamp(1.55rem,2.2vw,2.1rem); }.plugin-showcase h2 span { display:block; color:var(--showcase-accent); }.plugin-showcase-message { margin:0 0 10px; color:#283a57; font-size:16px; font-weight:750; }.plugin-showcase-message+p { margin:0; color:var(--muted); font-size:14px; }
.plugin-showcase-features { display:grid; gap:7px; padding:0; margin:20px 0; list-style:none; color:#34455f; font-size:13px; }.plugin-showcase-features li { position:relative; padding-left:22px; }.plugin-showcase-features li:before { content:"✓"; position:absolute; top:1px; left:0; display:grid; width:15px; height:15px; place-items:center; color:var(--showcase-accent); border:1px solid var(--showcase-accent); border-radius:50%; font-size:9px; font-weight:900; }
.plugin-showcase-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }.plugin-showcase-meta span { padding:6px 9px; color:#52627a; background:#f8fafc; border:1px solid #e1e8f1; border-radius:6px; font-size:11px; font-weight:700; }
.plugin-showcase-actions { display:flex; flex-wrap:wrap; gap:9px; align-items:center; }.plugin-showcase-actions .button { min-height:42px; padding:9px 14px; box-shadow:none; }.showcase-primary { background:var(--showcase-accent); border-color:var(--showcase-accent); }.showcase-primary:hover { background:var(--showcase-accent); filter:brightness(.9); }.showcase-secondary { color:var(--showcase-accent); background:#fff; border-color:var(--showcase-accent); }.showcase-secondary:hover { color:#fff; background:var(--showcase-accent); }.showcase-tertiary { display:inline-flex; align-items:center; min-height:42px; padding:9px 11px; color:#445773; font-size:13px; font-weight:750; text-decoration:none; }.showcase-tertiary:hover { color:var(--showcase-accent); text-decoration:underline; }
.plugins-help { --showcase-accent:var(--blue); display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:20px; padding:27px; background:linear-gradient(135deg,#f8fbff,#fff); border:1px solid #dce7f4; border-radius:16px; box-shadow:0 10px 24px rgba(17,50,96,.05); }.plugins-help-icon { display:grid; width:54px; height:54px; place-items:center; background:#eaf3ff; border-radius:50%; }.plugins-help h2 { margin:0 0 5px; font-size:19px; }.plugins-help p { margin:0; color:var(--muted); font-size:13px; }.plugins-help-actions { display:flex; flex-wrap:wrap; gap:10px; }.plugins-help-actions .button { min-height:42px; padding:9px 14px; box-shadow:none; }
@media (max-width: 800px) { .plugins-intro { padding:62px 0 52px; }.plugin-showcase { grid-template-columns:1fr; gap:24px; padding:23px; }.plugin-showcase-cart .plugin-showcase-content { order:2; }.plugin-showcase-cart .plugin-showcase-image { order:1; }.plugins-help { grid-template-columns:auto 1fr; }.plugins-help-actions { grid-column:1/-1; } }
@media (max-width: 520px) { .plugins-intro>div>p:last-child { font-size:15px; }.plugin-showcase { padding:18px; border-radius:13px; }.plugin-showcase h2 { font-size:1.45rem; }.plugin-showcase-actions { display:grid; grid-template-columns:1fr 1fr; }.plugin-showcase-actions .button,.showcase-tertiary { justify-content:center; }.showcase-tertiary { grid-column:1/-1; }.plugins-help { grid-template-columns:1fr; gap:14px; }.plugins-help-icon { width:48px; height:48px; }.plugins-help-actions { display:grid; grid-template-columns:1fr; }.plugins-help-actions .button { justify-content:center; } }


/* Homepage copy polish */
.product-hook { min-height:0 !important; margin:0 0 9px !important; color:var(--ink) !important; font-size:16px !important; font-weight:750; line-height:1.35; }

.plugin-card > .product-hook + p { min-height:88px; }

.final-cta-copy { max-width:620px; margin:0 auto 24px; color:#cad9ee; font-size:15px; }

/* Smart Related Products page */
.sr-page { background:#fff; }.sr-page .site-header { background:var(--navy-deep); }
.sr-hero { position:relative; overflow:hidden; padding:82px 0 30px; background:#fff; }
.sr-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:46px; }.sr-product-name { display:flex; width:fit-content; align-items:center; gap:8px; margin:0 0 17px; padding:7px 10px; color:#33425d; background:#faf9ff; border-radius:8px; font-size:15px; font-weight:700; }.sr-product-name img { flex:none; width:18px; height:18px; }.sr-hero h1 { max-width:760px; margin-bottom:19px; color:var(--ink); font-size:clamp(1.9rem,3vw,2.9rem); font-weight:700; }.sr-lede { max-width:560px; margin-bottom:23px; color:var(--muted); font-size:17px; }
.sr-hero-visual,.sr-section-visual,.sr-reports-visual { display:block; width:100%; height:auto; transform-origin:center; transition:transform .24s ease; }
@media (hover: hover) { .sr-hero-visual:hover,.sr-section-visual:hover,.sr-reports-visual:hover { transform:scale(1.015); } }
.sr-meta,.sr-final-meta { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:21px; }.sr-meta span,.sr-final-meta span { padding:8px 11px; color:#4b5b74; background:#fff; border:1px solid #e2e7f0; border-radius:8px; font-size:12px; font-weight:750; }.sr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }.sr-primary { background:var(--purple); border-color:var(--purple); }.sr-primary:hover { background:#6439be; }.sr-secondary { color:var(--purple); background:#fff; border-color:var(--purple); box-shadow:none; }.sr-secondary:hover { color:#fff; background:var(--purple); }.sr-doc-link { color:var(--purple); font-size:13px; font-weight:800; text-decoration:none; }.sr-doc-link:hover { text-decoration:underline; }
.sr-proof-list,.sr-check-list { display:grid; gap:11px; padding:0; margin:30px 0 0; list-style:none; color:#31405a; font-size:14px; }.sr-proof-list li,.sr-check-list li { position:relative; padding-left:27px; }.sr-proof-list li:before,.sr-check-list li:before { content:"✓"; position:absolute; left:0; top:1px; display:grid; width:17px; height:17px; place-items:center; color:#fff; background:var(--purple); border-radius:50%; font-size:10px; font-weight:900; }
.sr-placeholder { position:relative; display:grid; min-width:0; place-items:center; overflow:hidden; padding:28px; color:var(--purple); background:radial-gradient(circle at 75% 28%,rgba(127,80,219,.16) 0 2px,transparent 3px) 0 0/14px 14px,linear-gradient(135deg,#fcfbff,#f1edff); border:1px dashed #cdbfff; border-radius:18px; text-align:center; }.sr-placeholder:after { content:""; position:absolute; width:62%; height:62%; border:1px solid rgba(120,71,216,.18); border-radius:50%; pointer-events:none; }.sr-placeholder strong,.sr-placeholder span,.sr-placeholder small { position:relative; z-index:1; display:block; }.sr-placeholder strong { margin-bottom:7px; font-size:16px; letter-spacing:.05em; text-transform:uppercase; }.sr-placeholder span { color:#5a437e; font-size:18px; font-weight:750; }.sr-placeholder small { margin-top:8px; color:#8a7aa6; font-size:12px; }.sr-placeholder-hero { min-height:590px; }.sr-placeholder-wide { min-height:390px; }.sr-placeholder-tall { min-height:515px; }
.sr-value-strip { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:42px; padding:0; background:transparent; }.sr-value-strip div { min-height:118px; padding:21px 19px; background:#fff; border:1px solid #e1d8ff; border-top:3px solid var(--purple); border-radius:13px; box-shadow:0 10px 24px rgba(63,37,120,.09); transition:transform .2s ease,box-shadow .2s ease; }.sr-value-strip div:hover { transform:translateY(-4px); box-shadow:0 16px 29px rgba(63,37,120,.14); }.sr-value-strip div:nth-child(2) { border-top-color:#9165e7; }.sr-value-strip div:nth-child(3) { border-top-color:#aa87ed; }.sr-value-strip div:nth-child(4) { border-top-color:#c0a5f3; }.sr-value-strip b,.sr-value-strip span { display:block; }.sr-value-strip b { margin-bottom:8px; color:#32166e; font-size:14px; font-weight:800; }.sr-value-strip b:before { content:""; display:block; width:38px; height:38px; margin-bottom:13px; background:#f1ebff center/19px no-repeat; border:1px solid #e4d8ff; border-radius:11px; }.sr-value-strip div:nth-child(1) b:before { background-image:url("../icons/package-check-purple.svg"); }.sr-value-strip div:nth-child(2) b:before { background-image:url("../icons/sliders-horizontal-purple.svg"); }.sr-value-strip div:nth-child(3) b:before { background-image:url("../icons/chart-column-increasing-purple.svg"); }.sr-value-strip div:nth-child(4) b:before { background-image:url("../icons/calendar-days-purple.svg"); }.sr-value-strip span { color:#53617a; font-size:12px; line-height:1.5; }
.sr-section { padding:104px 0; }.sr-hero + .sr-section { background:#faf9ff; }.sr-native-section { background:linear-gradient(180deg,#fff,#fbfaff); }.sr-controls-section,.sr-reports-section { background:#fff; }.sr-split { display:grid; grid-template-columns:.83fr 1.17fr; align-items:center; gap:70px; }.sr-split-reverse { grid-template-columns:1.17fr .83fr; }.sr-content h2 { max-width:560px; margin-bottom:16px; }.sr-content>p:not(.eyebrow) { max-width:580px; color:var(--muted); font-size:16px; }
.sr-icon-eyebrow { display:flex; align-items:center; gap:8px; }.sr-icon-eyebrow:before { content:""; width:25px; height:25px; background:#f1ebff url("../icons/sliders-horizontal-purple.svg") center/14px no-repeat; border-radius:50%; }.sr-native-eyebrow:before { background-image:url("../icons/package-check-purple.svg"); }.sr-controls-eyebrow:before { background-image:url("../icons/sliders-horizontal-purple.svg"); }.sr-faq-eyebrow:before { background-image:url("../icons/life-buoy-purple.svg"); }.sr-how-points { display:grid; gap:12px; margin-top:25px; }.sr-how-points article { display:grid; grid-template-columns:44px 1fr; gap:13px; align-items:start; }.sr-how-points img { width:44px; height:44px; padding:10px; background:#f2edff; border:1px solid #e5dbff; border-radius:10px; }.sr-how-points h3,.sr-how-points p { margin:0; }.sr-how-points h3 { color:#1e2c48; font-size:14px; }.sr-how-points p { margin-top:3px; color:#53617a; font-size:13px; line-height:1.42; }.sr-how-visual-column,.sr-controls-visual-column { min-width:0; align-self:start; margin-top:38px; }.sr-how-visual-intro,.sr-controls-visual-intro { max-width:650px; margin:0 0 20px; padding:1px 0 1px 17px; color:#53617a; border-left:3px solid #c7b3fb; font-size:15px; line-height:1.55; }
.sr-controls-grid,.sr-metrics { display:grid; gap:12px; margin:25px 0; }.sr-controls-grid p,.sr-metrics p { margin:0; padding:15px 17px; background:#fff; border:1px solid #e5e7ef; border-radius:10px; }.sr-controls-grid b,.sr-controls-grid span,.sr-metrics b,.sr-metrics span { display:block; }.sr-controls-grid b,.sr-metrics b { color:#1e2d49; font-size:14px; }.sr-controls-grid span,.sr-metrics span { margin-top:4px; color:var(--muted); font-size:13px; }.sr-small-note { padding:14px 16px; background:#f2eeff; border-radius:9px; color:#584a76 !important; font-size:13px !important; }.sr-privacy-note { display:grid; gap:4px; margin-top:21px; padding:17px; background:#fff; border-left:3px solid var(--purple); border-radius:0 10px 10px 0; box-shadow:0 7px 18px rgba(38,23,72,.04); }.sr-privacy-note b { color:#302151; font-size:14px; }.sr-privacy-note span { color:var(--muted); font-size:13px; }
.sr-compatibility { padding:75px 0; background:#f5f7fb; }.sr-compatibility-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:28px; }.sr-compatibility-head h2 { margin:0; }.sr-compatibility-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.sr-compatibility-grid p { min-height:118px; margin:0; padding:20px; background:#fff; border:1px solid #e1e7f1; border-radius:12px; }.sr-compatibility-grid b,.sr-compatibility-grid span { display:block; }.sr-compatibility-grid b { color:#273651; font-size:14px; }.sr-compatibility-grid span { margin-top:7px; color:var(--muted); font-size:12px; }.sr-dependency { margin:19px 0 0; padding:14px 17px; color:#4b5a72; background:#fff; border:1px solid #e3e8f1; border-radius:10px; font-size:13px; }.sr-dependency code { color:var(--purple); font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace; }
.sr-faq { position:relative; overflow:hidden; background:radial-gradient(circle at -5% 40%,rgba(120,71,216,.09) 0,transparent 18%),radial-gradient(circle at 105% 45%,rgba(120,71,216,.09) 0,transparent 18%),#fff; }.sr-faq-head { max-width:700px; margin:0 auto 34px; text-align:center; }.sr-faq-head h2 { margin-bottom:10px; }.sr-faq-head p:last-child { margin:0; color:var(--muted); }.sr-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }.sr-faq details { background:#fff; border:1px solid #e2e7f0; border-radius:10px; box-shadow:0 5px 14px rgba(22,45,85,.035); }.sr-faq summary { position:relative; padding:18px 48px 18px 20px; color:#1f2d49; cursor:pointer; font-size:14px; font-weight:750; list-style:none; }.sr-faq summary::-webkit-details-marker { display:none; }.sr-faq summary:after { content:"+"; position:absolute; right:20px; color:var(--purple); font-size:20px; font-weight:500; }.sr-faq details[open] summary:after { content:"–"; }.sr-faq details p { margin:0; padding:0 20px 19px; color:var(--muted); font-size:14px; }.sr-faq-link { display:block; margin:28px auto 0; text-align:center; }
.sr-final-cta { padding:55px 0; background:linear-gradient(135deg,#f1ebff,#faf8ff); }.sr-final-cta .container { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:60px; padding:39px; background:radial-gradient(circle at 35% 130%,rgba(120,71,216,.18) 0,transparent 42%),linear-gradient(135deg,#f6f1ff,#fff); border:1px solid #e1d8ff; border-radius:19px; }.sr-final-cta h2 { max-width:570px; margin-bottom:13px; }.sr-final-cta>div>div>p:not(.eyebrow) { max-width:560px; color:var(--muted); }.sr-final-meta { margin:21px 0 0; }.sr-final-meta span { background:rgba(255,255,255,.77); }.sr-final-card { display:grid; gap:11px; padding:26px; background:#fff; border:1px solid #e1d8ff; border-radius:14px; box-shadow:0 14px 30px rgba(72,40,132,.12); }.sr-final-card p { margin:0 0 5px; color:#1d2b46 !important; font-size:16px !important; font-weight:800; }.sr-final-card .button { width:100%; }.sr-final-card small { color:#718096; font-size:10px; text-align:center; }
@media (max-width: 980px) { .sr-hero-grid,.sr-split,.sr-split-reverse { grid-template-columns:1fr; gap:42px; }.sr-placeholder-hero { min-height:450px; }.sr-split-reverse .sr-placeholder { order:2; }.sr-split-reverse .sr-content { order:1; }.sr-value-strip { grid-template-columns:repeat(2,1fr); }.sr-compatibility-grid { grid-template-columns:repeat(2,1fr); }.sr-final-cta .container { grid-template-columns:1fr; gap:30px; } }
@media (max-width: 680px) { .sr-hero { padding-top:55px; }.sr-lede { font-size:16px; }.sr-actions { display:grid; grid-template-columns:1fr 1fr; }.sr-actions .button { justify-content:center; }.sr-doc-link { grid-column:1/-1; padding:5px 0; text-align:center; }.sr-placeholder-hero,.sr-placeholder-wide,.sr-placeholder-tall { min-height:290px; }.sr-value-strip { grid-template-columns:1fr; }.sr-value-strip div { min-height:0; padding:17px; }.sr-section { padding:70px 0; }.sr-content>p:not(.eyebrow) { font-size:15px; }.sr-compatibility { padding:60px 0; }.sr-compatibility-head { display:block; }.sr-compatibility-head h2 { margin-top:10px; }.sr-compatibility-grid,.sr-faq-grid { grid-template-columns:1fr; }.sr-compatibility-grid p { min-height:0; }.sr-final-cta { padding:36px 0; }.sr-final-cta .container { padding:25px; }.sr-final-meta { display:grid; grid-template-columns:1fr 1fr; }.sr-final-meta span { text-align:center; }.sr-final-card { padding:20px; } }

.sr-reports-section { padding-bottom:74px; }.sr-reports-layout { display:grid; grid-template-columns:1.24fr .76fr; align-items:center; gap:54px; }.sr-reports-copy h2 { max-width:500px; margin:12px 0 16px; }.sr-reports-copy>p:not(.eyebrow) { max-width:490px; margin:0; color:var(--muted); font-size:16px; }.sr-report-eyebrow { display:flex; align-items:center; gap:9px; }.sr-report-eyebrow:before { content:""; width:38px; height:38px; background:#f1ebff url("../icons/chart-column-increasing-purple.svg") center/19px no-repeat; border:1px solid #e4d8ff; border-radius:50%; }.sr-report-points { display:grid; gap:13px; margin-top:28px; }.sr-report-points article { display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:start; }.sr-report-points img { width:48px; height:48px; padding:12px; background:#f2edff; border:1px solid #e5dbff; border-radius:11px; }.sr-report-points h3,.sr-report-points p { margin:0; }.sr-report-points h3 { color:#1d2a46; font-size:14px; }.sr-report-points p { margin-top:3px; color:#53617a; font-size:13px; line-height:1.43; }.sr-report-privacy { display:grid; grid-template-columns:48px 1fr; gap:13px; margin-top:27px; padding:18px; background:linear-gradient(135deg,#faf7ff,#f2ecff); border:1px solid #e8deff; border-radius:12px; }.sr-report-privacy img { width:42px; height:42px; padding:9px; background:#fff; border:1px solid #e1d3ff; border-radius:10px; }.sr-report-privacy b,.sr-report-privacy span { display:block; }.sr-report-privacy b { color:#4820ad; font-size:14px; }.sr-report-privacy span { margin-top:4px; color:#53617a; font-size:13px; line-height:1.45; }.sr-reports-visual { display:block; order:-1; width:100%; height:auto; }.sr-report-actions { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:0; margin-top:42px; padding:22px; background:linear-gradient(135deg,#faf7ff,#f5f0ff); border:1px solid #e7ddff; border-radius:14px; box-shadow:0 12px 28px rgba(62,34,119,.07); }.sr-report-actions article { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:2px 21px; border-left:1px solid #dfd5f5; }.sr-report-actions article:first-child { padding-left:0; border-left:0; }.sr-report-actions article:last-child { padding-right:0; }.sr-report-actions img { width:38px; height:38px; padding:8px; background:#fff; border:1px solid #e4d8ff; border-radius:10px; }.sr-report-actions h3,.sr-report-actions p { margin:0; }.sr-report-actions h3 { color:#202d49; font-size:13px; }.sr-report-actions p { margin-top:4px; color:#53617a; font-size:12px; line-height:1.42; }
.sr-controls-grid { gap:13px; }.sr-controls-grid p { position:relative; min-height:86px; padding:18px 20px 18px 78px; background:linear-gradient(135deg,#faf7ff,#f2ecff); border:1px solid #e4d8ff; border-radius:12px; box-shadow:0 8px 19px rgba(62,34,119,.06); }.sr-controls-grid p:before { content:""; position:absolute; top:18px; left:19px; width:42px; height:42px; background:#fff url("../icons/sliders-horizontal-purple.svg") center/20px no-repeat; border:1px solid #e2d5ff; border-radius:11px; }.sr-controls-grid p:nth-child(2):before { background-image:url("../icons/puzzle.svg"); }.sr-controls-grid b { color:#402092; font-size:14px; }.sr-controls-grid span { margin-top:5px; color:#53617a; line-height:1.45; }

.sr-doc-resources { margin-top:38px; padding-top:24px; border-top:1px solid #e8deff; }
.sr-doc-resources h3 { margin:0; color:#1d2a46; font-size:14px; }
.sr-doc-resources>p { margin:4px 0 12px; color:#64718a; font-size:12px; }
.sr-doc-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.sr-doc-resource-grid a { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:66px; padding:10px; color:#1d2a46; background:#fff; border:1px solid #e2e7f0; border-radius:9px; text-decoration:none; }
.sr-doc-resource-grid img { width:30px; height:30px; padding:7px; background:#f2edff; border:1px solid #e5dbff; border-radius:8px; }
.sr-doc-resource-grid span,.sr-doc-resource-grid small { display:block; }
.sr-doc-resource-grid span { min-width:0; color:#1d2a46; font-size:11px; font-weight:700; line-height:1.3; }
.sr-doc-resource-grid small { margin-top:3px; color:#69758c; font-size:10px; font-weight:500; line-height:1.35; }
.sr-doc-resource-grid b { align-self:center; color:var(--purple); font-size:16px; font-weight:500; }
.sr-doc-resource-grid a:hover,.sr-doc-resource-grid a:focus-visible { background:#faf9ff; border-color:#cdbdff; outline:0; }
@media (max-width:860px) { .sr-doc-resource-grid { grid-template-columns:1fr; } }
@media (max-width:680px) { .sr-doc-resources { margin-top:30px; padding-top:20px; } }

.sr-store-trust { padding:74px 0; background:linear-gradient(135deg,#f1ebff,#faf8ff); }.sr-store-trust .container { padding:23px 30px; background:#fff; border:1px solid #e4e7ef; border-radius:16px; box-shadow:0 12px 27px rgba(32,46,76,.08); }.sr-store-trust h2 { margin:0 0 19px; color:#1d2a46; font-size:clamp(1.3rem,2vw,1.65rem); text-align:center; }.sr-store-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }.sr-store-trust-grid article { display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:center; min-width:0; padding:3px 22px; border-left:1px solid #e5e8ef; }.sr-store-trust-grid article:first-child { padding-left:0; border-left:0; }.sr-store-trust-grid article:last-child { padding-right:0; }.sr-store-trust-grid img { width:46px; height:46px; padding:11px; background:#f1ebff; border:1px solid #e4d8ff; border-radius:11px; }.sr-store-trust-grid h3,.sr-store-trust-grid p { margin:0; }.sr-store-trust-grid h3 { color:#1e2b47; font-size:13px; }.sr-store-trust-grid p { margin-top:4px; color:#53617a; font-size:12px; line-height:1.4; }
@media (max-width: 980px) { .sr-store-trust-grid { grid-template-columns:1fr 1fr; gap:18px 0; }.sr-store-trust-grid article:nth-child(3) { padding-left:0; border-left:0; }.sr-store-trust-grid article:nth-child(2) { padding-right:0; }.sr-store-trust-grid article:nth-child(3),.sr-store-trust-grid article:nth-child(4) { padding-top:18px; border-top:1px solid #e5e8ef; } }
@media (max-width: 680px) { .sr-store-trust { padding:54px 0; }.sr-store-trust .container { padding:21px; }.sr-store-trust-grid { grid-template-columns:1fr; }.sr-store-trust-grid article,.sr-store-trust-grid article:nth-child(2),.sr-store-trust-grid article:nth-child(3),.sr-store-trust-grid article:nth-child(4) { padding:14px 0; border:0; border-top:1px solid #e5e8ef; }.sr-store-trust-grid article:first-child { padding-top:0; border-top:0; }.sr-store-trust-grid article:last-child { padding-bottom:0; } }

.sr-report-actions { transition:transform .2s ease,box-shadow .2s ease; }.sr-report-actions:hover { transform:translateY(-3px); box-shadow:0 19px 36px rgba(62,34,119,.14); }
.sr-meta span,.sr-final-meta span { transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease; }.sr-meta span:hover,.sr-final-meta span:hover { transform:translateY(-2px); background:#faf9ff; border-color:#cdbdff; box-shadow:0 7px 15px rgba(76,45,139,.1); }
.sr-faq details { transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }.sr-faq details:hover { transform:translateY(-2px); border-color:#cdbdff; box-shadow:0 10px 21px rgba(76,45,139,.11); }.sr-faq summary:focus-visible { outline:2px solid var(--purple); outline-offset:-3px; border-radius:9px; }
.sr-faq-head .sr-faq-eyebrow { display:inline-flex; margin-right:auto; margin-left:auto; }.sr-report-eyebrow { gap:8px; }.sr-report-eyebrow:before { width:25px; height:25px; background-size:14px; border:0; }

.sr-controls-grid p,.sr-report-privacy,.sr-report-actions,.sr-faq { background:#faf9ff; }

.sr-value-strip div { position:relative; min-height:0; padding:18px 18px 18px 70px; }.sr-value-strip b { margin-bottom:5px; }.sr-value-strip b:before { position:absolute; top:18px; left:18px; width:34px; height:34px; margin:0; background-size:17px; }.sr-value-strip span { line-height:1.4; }
@media (max-width: 680px) { .sr-value-strip div { padding:17px 17px 17px 66px; }.sr-value-strip b:before { top:17px; left:17px; } }

@media (max-width: 980px) { .sr-reports-layout { grid-template-columns:1fr; gap:38px; }.sr-reports-copy { max-width:680px; }.sr-reports-visual { max-width:760px; }.sr-report-actions { grid-template-columns:1fr 1fr; gap:16px 0; }.sr-report-actions article:nth-child(3) { padding-left:0; border-left:0; }.sr-report-actions article:nth-child(2) { padding-right:0; }.sr-report-actions article:nth-child(3),.sr-report-actions article:nth-child(4) { padding-top:16px; border-top:1px solid #dfd5f5; } }
@media (max-width: 680px) { .sr-reports-section { padding-bottom:54px; }.sr-reports-layout { gap:30px; }.sr-report-points { gap:15px; }.sr-report-actions { grid-template-columns:1fr; margin-top:30px; padding:16px; }.sr-report-actions article,.sr-report-actions article:nth-child(2),.sr-report-actions article:nth-child(3),.sr-report-actions article:nth-child(4) { padding:14px 0; border:0; border-top:1px solid #dfd5f5; }.sr-report-actions article:first-child { padding-top:0; border-top:0; }.sr-report-actions article:last-child { padding-bottom:0; } }

@media (max-width: 980px) { .sr-how-visual-column,.sr-controls-visual-column { align-self:auto; margin-top:0; }.sr-reports-visual { order:0; } }

.sr-value-strip { grid-template-columns:repeat(4,1fr); gap:0; margin-top:42px; padding:19px 22px; background:#fff; border:1px solid #e0e5ed; border-radius:15px; box-shadow:0 14px 30px rgba(32,46,76,.12); transition:transform .2s ease,box-shadow .2s ease; }.sr-value-strip:hover { transform:translateY(-3px); box-shadow:0 19px 36px rgba(32,46,76,.16); }.sr-value-strip div { position:relative; min-height:72px; padding:8px 18px 8px 76px; background:transparent; border:0; border-left:1px solid #e4e8ef; border-radius:0; box-shadow:none; transition:none; }.sr-value-strip div:first-child { border-left:0; }.sr-value-strip div:hover { transform:none; box-shadow:none; }.sr-value-strip b { margin-bottom:4px; color:#1d2a46; font-size:13px; font-weight:800; }.sr-value-strip b:before { position:absolute; top:50%; left:20px; width:46px; height:46px; margin:0; background-color:#f1ebff; background-size:22px; border:1px solid #e4d8ff; border-radius:11px; transform:translateY(-50%); }.sr-value-strip span { color:#53617a; font-size:12px; line-height:1.42; }
@media (max-width: 980px) { .sr-value-strip { grid-template-columns:repeat(2,1fr); padding:16px 20px; }.sr-value-strip div:nth-child(3) { border-left:0; }.sr-value-strip div:nth-child(3),.sr-value-strip div:nth-child(4) { border-top:1px solid #e4e8ef; } }
@media (max-width: 680px) { .sr-value-strip { grid-template-columns:1fr; padding:12px 18px; }.sr-value-strip div,.sr-value-strip div:nth-child(3),.sr-value-strip div:nth-child(4) { min-height:70px; padding:10px 12px 10px 70px; border:0; border-top:1px solid #e4e8ef; }.sr-value-strip div:first-child { border-top:0; }.sr-value-strip b:before { left:12px; width:42px; height:42px; background-size:20px; } }

.sr-store-trust { padding:66px 0 70px; background:radial-gradient(ellipse at 50% -30%,rgba(255,255,255,.95),transparent 58%),radial-gradient(circle at 50% 100%,rgba(120,71,216,.13),transparent 52%),linear-gradient(135deg,#f7f3ff,#fbfaff 62%,#f3edff); overflow:hidden; }.sr-store-trust .container { padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }.sr-store-trust h2 { position:relative; margin:0 0 39px; color:#1d2a46; font-size:clamp(1.45rem,2.2vw,1.8rem); }.sr-store-trust h2:after { content:""; position:absolute; left:50%; bottom:-16px; width:48px; height:3px; background:var(--purple); border-radius:999px; transform:translateX(-50%); }.sr-store-trust-grid { align-items:center; }.sr-store-trust-grid article { grid-template-columns:60px 1fr; gap:15px; padding:4px 34px; }.sr-store-trust-grid article:first-child { padding-left:0; }.sr-store-trust-grid article:last-child { padding-right:0; }.sr-store-trust-grid img { width:58px; height:58px; padding:15px; background:radial-gradient(circle at 35% 25%,#fff,#eee5ff); border:1px solid #ded0ff; border-radius:50%; box-shadow:0 8px 16px rgba(93,59,155,.16); }.sr-store-trust-grid h3 { color:#172641; font-size:14px; }.sr-store-trust-grid p { margin-top:5px; color:#5c6880; font-size:13px; line-height:1.45; }.sr-store-trust .container:hover { transform:translateY(-3px); box-shadow:0 17px 32px rgba(62,34,119,.1); }
@media (max-width: 980px) { .sr-store-trust-grid article { padding:16px 28px; }.sr-store-trust-grid article:nth-child(3) { padding-left:0; }.sr-store-trust-grid article:nth-child(2) { padding-right:0; } }
@media (max-width: 680px) { .sr-store-trust { padding:52px 0 57px; }.sr-store-trust h2 { margin-bottom:32px; }.sr-store-trust-grid article,.sr-store-trust-grid article:nth-child(2),.sr-store-trust-grid article:nth-child(3),.sr-store-trust-grid article:nth-child(4) { padding:15px 0; }.sr-store-trust-grid img { width:54px; height:54px; padding:14px; } }

.sr-store-trust .container,.sr-store-trust .container:hover { transform:none; box-shadow:none; transition:none; }

.sr-reports-visual-column { order:-1; min-width:0; align-self:start; margin-top:38px; }.sr-reports-visual-intro { max-width:650px; margin:0 0 20px; padding:1px 0 1px 17px; color:#53617a; border-left:3px solid #c7b3fb; font-size:15px; line-height:1.55; }
@media (max-width: 980px) { .sr-reports-visual-column { order:0; align-self:auto; margin-top:0; } }

@media (max-width: 980px) { .plugin-card > .product-hook + p { min-height:0; }
 }

/* Smart Cart Recommendations: shared purple surfaces with green product accents */
.sc-page { --purple:#7847d8; --purple-soft:#f5f0ff; }
.sc-page .accent-purple { color:var(--purple); }
.sc-page .sr-hero .accent-purple { color:var(--green); }
.sc-page .sr-product-name { background:#fff; border-color:#e8ebf1; }
.sc-page .sr-meta span { color:#4b5b74; background:rgba(255,255,255,.77); border-color:#e2e7f0; }
.sc-page .sr-product-name { align-items:flex-start; }
.sc-page .sr-product-name img { margin-top:3px; }
.sc-page .sr-primary { background:var(--green); border-color:var(--green); box-shadow:0 10px 20px rgba(21,131,81,.18); }
.sc-page .sr-primary:hover { background:#116c43; border-color:#116c43; }
.sc-page .sr-secondary { color:var(--green); border-color:#82cda4; }
.sc-page .sr-secondary:hover { color:#fff; background:var(--green); border-color:var(--green); }
.sc-page .sr-doc-link { color:#117445; }
.sc-page .sr-proof-list li:before,.sc-page .sr-check-list li:before { box-sizing:border-box; color:var(--green); background:#f2edff; border:1px solid #e5dbff; }
.sc-page .sr-value-strip { box-shadow:0 14px 30px rgba(72,40,132,.12); }
.sc-page .sr-value-strip:hover { box-shadow:0 19px 36px rgba(72,40,132,.16); }
.sc-page .sr-value-strip b:before { background-color:#f2edff; border-color:#e5dbff; }
.sc-page .sr-value-strip div:nth-child(1) b:before { background-image:url("../icons/layout-dashboard-green.svg"); }
.sc-page .sr-value-strip div:nth-child(2) b:before { background-image:url("../icons/sliders-horizontal.svg"); }
.sc-page .sr-value-strip div:nth-child(3) b:before { background-image:url("../icons/chart-column-increasing-green.svg"); }
.sc-page .sr-value-strip div:nth-child(4) b:before { background-image:url("../icons/calendar-days-green.svg"); }
.sc-page .sr-icon-eyebrow:before { box-sizing:border-box; background-color:#f2edff; background-image:url("../icons/sliders-horizontal.svg"); border:1px solid #e5dbff; }
.sc-page .sr-native-eyebrow:before { background-image:url("../icons/puzzle-green.svg"); }
.sc-page .sr-controls-eyebrow:before { background-image:url("../icons/sliders-horizontal.svg"); }
.sc-page .sr-faq-eyebrow:before { background-image:url("../icons/life-buoy-green.svg"); }
.sc-page .sr-how-points img,.sc-page .sr-report-points img { background:#f2edff; border-color:#e5dbff; }
.sc-page .sr-how-visual-intro,.sc-page .sr-controls-visual-intro,.sc-page .sr-reports-visual-intro { border-left-color:#c7b3fb; }
.sc-page .sr-controls-grid p { background:linear-gradient(135deg,#faf7ff,#f2ecff); border-color:#e4d8ff; box-shadow:0 8px 19px rgba(62,34,119,.06); }
.sc-page .sr-controls-grid p:before { background-color:#f2edff; background-image:url("../icons/layout-dashboard-green.svg"); border-color:#e5dbff; }
.sc-page .sr-controls-grid p:nth-child(2):before { background-image:url("../icons/sliders-horizontal.svg"); }
.sc-page .sr-controls-grid b { color:#402092; }
.sc-page .sr-report-eyebrow:before { box-sizing:border-box; background-color:#f2edff; background-image:url("../icons/chart-column-increasing-green.svg"); border-color:#e5dbff; }
.sc-page .sr-report-privacy { background:#faf9ff; border-color:#e8deff; }
.sc-page .sr-report-privacy img { background:#f2edff; border-color:#e5dbff; }
.sc-page .sr-report-privacy b { color:#4820ad; }
.sc-page .sr-report-actions { background:#faf9ff; border-color:#e8deff; box-shadow:0 12px 28px rgba(62,34,119,.07); }
.sc-page .sr-report-actions:hover { box-shadow:0 19px 36px rgba(62,34,119,.14); }
.sc-page .sr-report-actions article { border-color:#e8deff; }
.sc-page .sr-report-actions img { background:#f2edff; border-color:#e5dbff; }
.sc-page .sr-faq { background:radial-gradient(circle at -5% 40%,rgba(120,71,216,.09) 0,transparent 18%),radial-gradient(circle at 105% 45%,rgba(120,71,216,.09) 0,transparent 18%),#faf9ff; }
.sc-page .sr-faq details:hover { border-color:#cdbdff; box-shadow:0 10px 21px rgba(76,45,139,.11); }
.sc-page .sr-faq summary:after { color:var(--purple); }
.sc-page .sr-faq summary:focus-visible { outline-color:var(--purple); }
.sc-page .sr-final-cta { background:linear-gradient(135deg,#f1ebff,#faf8ff); }
.sc-page .sr-final-cta .container { background:radial-gradient(circle at 35% 130%,rgba(120,71,216,.18) 0,transparent 42%),linear-gradient(135deg,#f6f1ff,#fff); border-color:#e1d8ff; }
.sc-page .sr-final-card { border-color:#e1d8ff; box-shadow:0 14px 30px rgba(72,40,132,.12); }
.sc-page .sr-meta span:hover { border-color:#cdbdff; box-shadow:0 7px 15px rgba(76,45,139,.1); }
.sc-page .sr-final-meta span:hover { border-color:#cdbdff; box-shadow:0 7px 15px rgba(76,45,139,.1); }
.sc-page .sr-store-trust { background:radial-gradient(ellipse at 50% -30%,rgba(255,255,255,.95),transparent 58%),radial-gradient(circle at 50% 100%,rgba(120,71,216,.13),transparent 52%),linear-gradient(135deg,#f7f3ff,#fbfaff 62%,#f3edff); }
.sc-page .sr-store-trust h2:after { background:var(--purple); }
.sc-page .sr-store-trust-grid img { background:radial-gradient(circle at 35% 25%,#fff,#eee5ff); border-color:#ded0ff; box-shadow:0 8px 16px rgba(93,59,155,.16); }
.sc-page .sr-hero + .sr-section { background:#faf9ff; }
.sc-page .sr-native-section { background:linear-gradient(180deg,#fff,#fbfaff); }
.sc-page .sr-controls-visual-column { margin-top:0; }
.sc-page .sr-rounded-visual { border-radius:14px; }
@media (min-width:981px) { .sc-page .sr-controls-visual-column { margin-top:50px; } }
@media (min-width:981px) { .sc-page .sr-report-actions { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.sr-page .sr-hero .sr-doc-link { color:var(--muted); }

/* Advanced Wishlist hero: orange product accents */
.aw-page { --wishlist-orange:#f15a0a; }
.aw-page .sr-hero .eyebrow { color:#236de4; }
.aw-page .sr-hero .accent-purple { color:var(--wishlist-orange); }
.aw-page .sr-hero .sr-product-name { border:1px solid #e8ebf1; }
.aw-page .sr-hero .sr-meta span { color:#4b5b74; background:rgba(255,255,255,.77); border-color:#e2e7f0; }
.aw-page .sr-hero .sr-primary { background:var(--wishlist-orange); border-color:var(--wishlist-orange); box-shadow:0 10px 20px rgba(241,90,10,.18); }
.aw-page .sr-hero .sr-primary:hover { background:#d84b00; border-color:#d84b00; }
.aw-page .sr-hero .sr-secondary { color:var(--wishlist-orange); border-color:var(--wishlist-orange); }
.aw-page .sr-hero .sr-secondary:hover { color:#fff; background:var(--wishlist-orange); border-color:var(--wishlist-orange); }
.aw-page .sr-hero .sr-doc-link { color:var(--muted); }
.aw-page .sr-final-cta .sr-primary { background:var(--wishlist-orange); border-color:var(--wishlist-orange); box-shadow:0 10px 20px rgba(241,90,10,.18); }
.aw-page .sr-final-cta .sr-primary:hover { background:#d84b00; border-color:#d84b00; }
.aw-page .sr-final-cta .sr-secondary { color:var(--wishlist-orange); border-color:var(--wishlist-orange); }
.aw-page .sr-final-cta .sr-secondary:hover { color:#fff; background:var(--wishlist-orange); border-color:var(--wishlist-orange); }
.aw-page .sr-hero .sr-proof-list li:before,.aw-page .sr-native-section .sr-check-list li:before { box-sizing:border-box; color:var(--wishlist-orange); background:#f2edff; border:1px solid #e5dbff; }
.aw-page .sr-value-strip b:before { background-color:#f2edff; border-color:#e5dbff; }
.aw-page .sr-value-strip div:nth-child(1) b:before { background-image:url("../icons/list-plus-orange.svg"); }
.aw-page .sr-value-strip div:nth-child(2) b:before { background-image:url("../icons/share-2-orange.svg"); }
.aw-page .sr-value-strip div:nth-child(3) b:before { background-image:url("../icons/chart-column-increasing-orange.svg"); }
.aw-page .sr-value-strip div:nth-child(4) b:before { background-image:url("../icons/calendar-days-orange.svg"); }
.aw-page .aw-customer-eyebrow { color:#236de4; }
.aw-page .aw-native-eyebrow { color:#236de4; }
.aw-page .aw-customer-eyebrow:before,.aw-page .aw-native-eyebrow:before { box-sizing:border-box; border:1px solid #e5dbff; background-color:#f2edff; }
.aw-page .aw-customer-eyebrow:before { background-image:url("../icons/heart-orange.svg"); }
.aw-page .aw-native-eyebrow:before { background-image:url("../icons/shopping-bag-orange.svg"); }
.aw-page .sr-how-points img { background:#f2edff; border-color:#e5dbff; }
.aw-page .sr-how-visual-intro { border-left-color:#c7b3fb; }
.aw-page .aw-settings-split { grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:46px; align-items:start; }
.aw-page .aw-settings-copy h2 { max-width:430px; }
.aw-page .aw-settings-eyebrow { color:#236de4; }
.aw-page .aw-settings-eyebrow:before { box-sizing:border-box; border:1px solid #e5dbff; background-color:#f2edff; background-image:url("../icons/sliders-horizontal-orange.svg"); }
.aw-page .aw-heading-accent { color:var(--wishlist-orange); }
.aw-page .aw-settings-visual-intro { max-width:650px; margin:0 0 20px; padding:1px 0 1px 17px; color:#53617a; border-left:3px solid #c7b3fb; font-size:16px; line-height:1.55; }
.aw-page .aw-settings-points { display:grid; gap:13px; margin:25px 0 0; padding:0; list-style:none; }
.aw-page .aw-settings-points li { display:grid; grid-template-columns:44px minmax(0,1fr); gap:13px; align-items:start; }
.aw-page .aw-settings-points img { width:44px; height:44px; padding:10px; background:#f2edff; border:1px solid #e5dbff; border-radius:11px; }
.aw-page .aw-settings-points h3,.aw-page .aw-settings-points p { margin:0; }
.aw-page .aw-settings-points h3 { color:#1e2c48; font-size:14px; }
.aw-page .aw-settings-points p { margin-top:3px; color:#53617a; font-size:13px; line-height:1.42; }
.aw-page .aw-settings-split .sr-controls-visual-column { width:100%; margin-top:0; }
@media (max-width:980px) { .aw-page .aw-settings-split { grid-template-columns:1fr; gap:42px; } }
.aw-page .aw-intelligence-section { padding-bottom:104px; }
.aw-page .aw-intelligence-layout { display:grid; grid-template-columns:minmax(0,1.38fr) minmax(0,.62fr); gap:46px; align-items:start; }
.aw-page .aw-intelligence-visual-intro { max-width:650px; margin:52px 0 20px; padding:1px 0 1px 17px; color:#53617a; border-left:3px solid #c7b3fb; font-size:16px; line-height:1.55; }
.aw-page .aw-intelligence-copy h2 { max-width:440px; }
.aw-page .aw-intelligence-eyebrow { color:#236de4; }
.aw-page .aw-intelligence-eyebrow:before { box-sizing:border-box; background-color:#f2edff; background-image:url("../icons/chart-column-increasing-orange.svg"); border-color:#e5dbff; }
.aw-page .sr-report-points img { background:#f2edff; border-color:#e5dbff; }
.aw-page .sr-report-privacy { background:#faf9ff; border-color:#e8deff; }
.aw-page .sr-report-privacy img { background:#f2edff; border-color:#e5dbff; }
.aw-page .sr-report-privacy b { color:var(--wishlist-orange); }
.aw-page .aw-intelligence-actions { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:42px; background:#faf9ff; border-color:#e8deff; box-shadow:0 12px 28px rgba(62,34,119,.07); }
.aw-page .aw-intelligence-actions article { border-color:#e8deff; }
.aw-page .aw-intelligence-actions img { background:#f2edff; border-color:#e5dbff; }
.aw-page .aw-demand-layout { display:grid; grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:46px; align-items:start; margin-top:78px; }
.aw-page .aw-demand-visual-column { margin-top:52px; }
.aw-page .aw-demand-copy h2 { max-width:430px; margin:12px 0 16px; }
.aw-page .aw-demand-copy>p:not(.eyebrow) { max-width:420px; margin:0; padding:1px 0 1px 17px; color:#53617a; border-left:3px solid #c7b3fb; font-size:16px; line-height:1.55; }
.aw-page .aw-demand-eyebrow { color:#236de4; }
.aw-page .aw-demand-eyebrow:before { box-sizing:border-box; border:1px solid #e5dbff; background-color:#f2edff; background-image:url("../icons/chart-column-increasing-orange.svg"); }
.aw-page .aw-demand-detail-grid { display:grid; grid-template-columns:1fr; gap:10px; margin-top:24px; }
.aw-page .aw-demand-detail-grid article { padding:16px; background:#fff; border:1px solid #e6e8ee; border-radius:11px; }
.aw-page .aw-demand-detail-grid h3 { display:flex; align-items:center; gap:8px; margin:0; color:#1d2a46; font-size:13px; }
.aw-page .aw-demand-detail-grid h3 img { width:23px; height:23px; padding:4px; background:#f2edff; border:1px solid #e5dbff; border-radius:50%; }
.aw-page .aw-demand-detail-grid ul { display:grid; gap:10px; margin:15px 0 0; padding:0; list-style:none; }
.aw-page .aw-demand-detail-grid li { display:grid; grid-template-columns:16px 1fr; gap:6px; align-items:start; color:#53617a; font-size:12px; line-height:1.38; }
.aw-page .aw-demand-detail-grid li img { width:16px; height:16px; padding:0; background:none; border-radius:0; }
@media (max-width:980px) { .aw-page .aw-intelligence-layout,.aw-page .aw-demand-layout { grid-template-columns:1fr; gap:42px; }.aw-page .aw-intelligence-copy { max-width:680px; }.aw-page .aw-intelligence-visual-intro,.aw-page .aw-demand-visual-column { margin-top:0; }.aw-page .aw-intelligence-actions { grid-template-columns:1fr 1fr; }.aw-page .aw-demand-layout { margin-top:54px; }.aw-page .aw-demand-copy { max-width:650px; } }
@media (max-width:680px) { .aw-page .aw-intelligence-actions { grid-template-columns:1fr; } }

/* Smart Related Products documentation hub */
.docs-page { background:#fbfcff; }
.docs-page .site-nav a[aria-current="page"] { color:#fff; box-shadow:inset 0 -2px #236de4; }
.docs-main { padding:34px 0 56px; }
.docs-container { width:min(calc(100% - 48px),1360px); margin-inline:auto; }
.docs-layout { display:grid; grid-template-columns:248px minmax(0,1fr); gap:38px; align-items:start; }
.docs-sidebar { position:sticky; top:22px; padding:20px; background:#fff; border:1px solid #e2e7f0; border-radius:13px; box-shadow:0 10px 26px rgba(28,43,71,.05); }
.docs-product-identity { display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:start; margin-bottom:20px; }
.docs-product-identity img { width:48px; height:48px; padding:12px; background:#f2edff; border:1px solid #e5dbff; border-radius:11px; }
.docs-product-identity p { margin:1px 0 0; color:#1d2a46; font-size:14px; font-weight:800; line-height:1.45; }
.docs-tree { display:grid; gap:3px; padding:7px 0 18px; border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; }
.docs-tree a,.docs-nav-toggle { display:block; width:100%; padding:10px 11px; color:#42516b; background:transparent; border:0; border-radius:8px; font:inherit; font-size:13px; font-weight:750; line-height:1.35; text-align:left; text-decoration:none; }
.docs-nav-toggle { display:flex; align-items:center; justify-content:space-between; gap:8px; cursor:pointer; }
.docs-nav-toggle span { display:grid; width:16px; height:16px; place-items:center; color:#64718a; font-size:0; line-height:1; }
.docs-nav-toggle span:before { content:""; width:5px; height:5px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-1px) rotate(45deg); transition:transform .16s ease; }
.docs-nav-toggle[aria-expanded="true"] span:before { transform:translateY(1px) rotate(225deg); }
.docs-tree a:hover,.docs-tree a:focus-visible,.docs-nav-toggle:hover,.docs-nav-toggle:focus-visible { color:var(--purple); background:#faf9ff; outline:0; }
.docs-tree .is-current,.docs-tree .is-current-category>.docs-nav-toggle { color:var(--purple); background:#f2edff; }
.docs-tree ul { display:grid; gap:2px; margin:1px 0 4px; padding:0 0 4px 12px; list-style:none; }
.docs-tree ul[hidden] { display:none; }
.docs-tree ul a { display:block; padding:7px 10px; color:#65718a; font-size:11px; font-weight:700; }
.docs-tree ul a.is-current { color:var(--purple); background:#f2edff; }
.docs-sidebar-help { display:grid; grid-template-columns:34px 1fr; gap:9px 11px; margin-top:20px; padding:15px; background:#faf9ff; border:1px solid #e8deff; border-radius:11px; }
.docs-sidebar-help img { width:34px; height:34px; padding:8px; background:#f2edff; border:1px solid #e5dbff; border-radius:9px; }
.docs-sidebar-help h2,.docs-sidebar-help p,.docs-sidebar-help a { margin:0; }
.docs-sidebar-help h2 { align-self:center; color:#1d2a46; font-size:14px; }
.docs-sidebar-help p { grid-column:1/-1; color:#53617a; font-size:12px; line-height:1.45; }
.docs-sidebar-help a { grid-column:1/-1; color:var(--purple); font-size:12px; font-weight:800; text-decoration:none; }
.docs-sidebar-help a:hover { text-decoration:underline; }
.docs-content { min-width:0; }
.docs-mobile-nav { display:none; }
.docs-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.73fr); gap:34px; align-items:start; margin-bottom:26px; }
.docs-intro .eyebrow { margin-bottom:9px; color:var(--purple); }
.docs-intro h1 { max-width:610px; margin:0; color:#101d3b; font-size:38px; letter-spacing:-.045em; line-height:1.08; }
.docs-intro>div>p:last-child { max-width:620px; margin:13px 0 0; color:#53617a; font-size:16px; line-height:1.55; }
.docs-plugin-card { overflow:hidden; background:#fff; border:1px solid #e1e7f0; border-radius:13px; box-shadow:0 10px 26px rgba(28,43,71,.06); }
.docs-plugin-card-title { display:grid; grid-template-columns:48px 1fr; gap:12px; padding:19px; }
.docs-plugin-card-title>img { width:48px; height:48px; padding:12px; background:#f2edff; border:1px solid #e5dbff; border-radius:11px; }
.docs-plugin-card-title strong,.docs-plugin-card-title span { display:block; }
.docs-plugin-card-title strong { color:#1d2a46; font-size:14px; line-height:1.35; }
.docs-plugin-card-title span { margin-top:4px; color:#64718a; font-size:11px; line-height:1.4; }
.docs-plugin-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0 19px 18px; }
.docs-plugin-meta span { display:grid; min-height:43px; place-items:center; padding:7px; color:#4b5b74; background:#faf9ff; border:1px solid #e8deff; border-radius:8px; font-size:11px; font-weight:750; text-align:center; }
.docs-plugin-links { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #edf0f5; }
.docs-plugin-links a { padding:14px 17px; color:var(--purple); font-size:12px; font-weight:800; text-align:center; text-decoration:none; }
.docs-plugin-links a+a { border-left:1px solid #edf0f5; }
.docs-plugin-links a:hover,.docs-plugin-links a:focus-visible { background:#faf9ff; outline:0; text-decoration:underline; }
.docs-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.docs-overview-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.docs-category-card { scroll-margin-top:20px; overflow:hidden; background:#fff; border:1px solid #e1e7f0; border-radius:11px; }
.docs-category-heading { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:17px 17px 13px; }
.docs-category-heading img { width:42px; height:42px; padding:10px; background:#f2edff; border:1px solid #e5dbff; border-radius:10px; }
.docs-category-heading h2,.docs-category-heading p { margin:0; }
.docs-category-heading h2 { color:#1d2a46; font-size:15px; line-height:1.3; }
.docs-category-heading p { margin-top:3px; color:#64718a; font-size:11px; line-height:1.38; }
.docs-category-card ul { display:grid; margin:0; padding:0 17px 10px; list-style:none; }
.docs-category-card li { border-top:1px solid #edf0f5; }
.docs-category-card li a { display:grid; grid-template-columns:1fr auto; gap:9px; padding:10px 0; color:#35445e; font-size:12px; font-weight:700; line-height:1.35; text-decoration:none; }
.docs-category-card li a span { color:var(--purple); font-size:15px; line-height:1; }
.docs-category-card li a:hover,.docs-category-card li a:focus-visible { color:var(--purple); outline:0; }
.docs-lower-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr); gap:12px; margin-top:14px; }
.docs-popular,.docs-find-panel { background:#fff; border:1px solid #e1e7f0; border-radius:11px; }
.docs-popular { padding:15px; }
.docs-overview-categories + .docs-popular { margin-top:14px; }
.docs-cart-popular { margin-top:14px; }
.docs-section-heading h2 { margin:0 0 12px; color:#1d2a46; font-size:14px; }
.docs-popular-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.docs-popular-links a { display:grid; grid-template-columns:1fr auto; gap:3px 8px; min-height:79px; padding:12px; color:#1d2a46; background:#fbfcff; border:1px solid #e6eaf1; border-radius:8px; text-decoration:none; }
.docs-popular-links span { font-size:11px; font-weight:800; line-height:1.35; }
.docs-popular-links small { grid-column:1; color:#69758c; font-size:10px; }
.docs-popular-links b { grid-column:2; grid-row:1/3; align-self:center; color:var(--purple); font-size:17px; }
.docs-popular-links a:hover,.docs-popular-links a:focus-visible { border-color:#cdbdff; background:#faf9ff; outline:0; }
.docs-find-panel { position:relative; padding:17px; background:#faf9ff; border-color:#e8deff; }
.docs-find-panel>img { position:absolute; top:17px; right:17px; width:41px; height:41px; padding:9px; background:#f2edff; border:1px solid #e5dbff; border-radius:10px; }
.docs-find-panel h2 { margin:0; color:#1d2a46; font-size:14px; }
.docs-find-panel ul { display:grid; gap:7px; margin:13px 0 0; padding:0; list-style:none; }
.docs-find-panel li { position:relative; padding-left:18px; color:#53617a; font-size:11px; line-height:1.35; }
.docs-find-panel li:before { content:""; position:absolute; top:3px; left:0; width:10px; height:10px; background:#f2edff url("../icons/check-purple.svg") center/8px no-repeat; border:1px solid #e5dbff; border-radius:50%; }
.docs-support-cta { display:grid; grid-template-columns:46px 1fr auto; gap:14px; align-items:center; margin-top:14px; padding:17px 19px; background:#faf9ff; border:1px solid #e8deff; border-radius:11px; }
.docs-support-cta>img { width:46px; height:46px; padding:11px; background:#f2edff; border:1px solid #e5dbff; border-radius:50%; }
.docs-support-cta h2,.docs-support-cta p { margin:0; }
.docs-support-cta h2 { color:#1d2a46; font-size:16px; }
.docs-support-cta p { margin-top:3px; color:#53617a; font-size:12px; }
.docs-support-cta .button { color:#fff; background:var(--purple); border-color:var(--purple); box-shadow:none; }
.docs-support-cta .button:hover { background:#6439be; border-color:#6439be; }
.docs-article-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(305px,.72fr); gap:34px; align-items:start; margin-bottom:30px; }
.docs-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 23px; color:#718099; font-size:12px; font-weight:700; }
.docs-breadcrumb a { color:#53617a; text-decoration:none; }
.docs-breadcrumb a:hover,.docs-breadcrumb a:focus-visible { color:var(--purple); outline:0; text-decoration:underline; }
.docs-breadcrumb span:last-child { color:#42516b; }
.docs-article .eyebrow { margin-bottom:9px; color:var(--purple); }
.docs-article h1 { max-width:640px; margin:0; color:#101d3b; font-size:38px; letter-spacing:-.045em; line-height:1.08; }
.docs-article-lede { max-width:640px; margin:13px 0 0; color:#53617a; font-size:16px; line-height:1.55; }
.docs-article-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin:17px 0 0; padding:0; color:#64718a; font-size:12px; font-weight:750; list-style:none; }
.docs-article-meta li { display:flex; gap:7px; align-items:center; }
.docs-article-meta li:before { content:""; width:15px; height:15px; background:#f2edff url("../icons/check-purple.svg") center/9px no-repeat; border:1px solid #e5dbff; border-radius:5px; }
.docs-article-body { max-width:760px; }
.docs-article-page .docs-support-cta { max-width:760px; }
.docs-article-body>section { margin-top:34px; }
.docs-article-body h2 { margin:0 0 9px; color:#182746; font-size:21px; letter-spacing:-.025em; line-height:1.25; }
body[data-current-article="faq"] .docs-article-body h2 { color:var(--purple); }
.docs-article-body h3 { margin:20px 0 7px; color:#182746; font-size:16px; letter-spacing:-.015em; line-height:1.35; }
.docs-article-body h2+h3 { margin-top:16px; }
.docs-article-body p { margin:0; color:#53617a; font-size:14px; line-height:1.65; }
.docs-article-body p+p { margin-top:8px; }
.docs-article-body code { padding:1px 5px; color:#5531ae; background:#faf9ff; border:1px solid #e8deff; border-radius:4px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.88em; }
.docs-callout { display:grid; grid-template-columns:max-content 1fr; gap:4px 9px; margin-top:16px; padding:13px 15px; border:1px solid #e8deff; border-radius:9px; background:#faf9ff; color:#58667d; font-size:12px; line-height:1.45; }
.docs-callout:before { content:"i"; grid-row:1/3; display:grid; width:19px; height:19px; place-items:center; color:var(--purple); background:#f2edff; border:1px solid #e5dbff; border-radius:50%; font-family:Georgia,serif; font-size:13px; font-weight:800; }
.docs-callout strong { color:#313f58; font-size:12px; }
.docs-callout span { grid-column:2; }
.docs-callout a { color:var(--purple); font-weight:800; text-decoration:none; }
.docs-callout a:hover,.docs-callout a:focus-visible { text-decoration:underline; outline:0; }
.docs-callout-success { background:#f6fffa; border-color:#b8e7cb; }
.docs-callout-success:before { content:"✓"; color:#14824a; background:#e8f8ee; border-color:#b8e7cb; font-family:inherit; font-size:12px; }
.docs-callout-tip:before { content:"✦"; font-family:inherit; }
.docs-steps { display:grid; gap:8px; margin:16px 0 18px; padding:15px 16px; counter-reset:docs-step; background:#fff; border:1px solid #e1e7f0; border-radius:10px; list-style:none; }
.docs-steps li { position:relative; min-height:24px; padding:3px 0 3px 34px; color:#53617a; font-size:13px; line-height:1.45; counter-increment:docs-step; }
.docs-steps li:before { content:counter(docs-step); position:absolute; top:3px; left:0; display:grid; width:23px; height:23px; place-items:center; color:var(--purple); background:#f2edff; border:1px solid #e5dbff; border-radius:50%; font-size:11px; font-weight:800; }
.docs-install-visual { margin:18px 0 0; overflow:hidden; background:#fff; border:1px solid #e1e7f0; border-radius:10px; box-shadow:0 9px 22px rgba(28,43,71,.06); }
.docs-install-visual img { display:block; width:100%; height:auto; }
.docs-install-visual figcaption { padding:10px 14px; color:#65718a; background:#fbfcff; border-top:1px solid #edf0f5; font-size:11px; line-height:1.4; }
.docs-setup-panel { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.docs-setup-panel>div { display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:10px; row-gap:4px; align-items:start; padding:14px; background:#fff; border:1px solid #e1e7f0; border-radius:10px; }
.docs-setup-panel img { grid-row:1 / span 2; width:38px; height:38px; padding:8px; background:#f2edff; border:1px solid #e5dbff; border-radius:9px; }
.docs-setup-panel strong,.docs-setup-panel span { display:block; }
.docs-setup-panel strong { grid-column:2; margin:2px 0 0; color:#24334e; font-size:12px; line-height:1.35; }
.docs-setup-panel span { grid-column:2; margin:0; color:#65718a; font-size:11px; line-height:1.45; }
.docs-check-list { display:grid; gap:8px; margin:15px 0 0; padding:0; list-style:none; }
.docs-check-list li { position:relative; padding-left:25px; color:#53617a; font-size:13px; line-height:1.5; }
.docs-check-list li:before { content:"✓"; position:absolute; top:1px; left:0; display:grid; width:17px; height:17px; place-items:center; color:var(--purple); background:#f2edff; border:1px solid #e5dbff; border-radius:50%; font-size:10px; font-weight:900; }
.docs-license-states { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.docs-license-states>div { min-height:104px; padding:15px 15px 14px 44px; background:#fff; border:1px solid #e1e7f0; border-radius:10px; }
.docs-license-states>div:before { content:""; position:absolute; }
.docs-license-states>div { position:relative; }
.docs-license-states>div:before { top:16px; left:15px; width:18px; height:18px; background:#f2edff url("../icons/check-purple.svg") center/10px no-repeat; border:1px solid #e5dbff; border-radius:50%; }
.docs-license-states strong,.docs-license-states span { display:block; }
.docs-license-states strong { color:#293852; font-size:13px; line-height:1.3; }
.docs-license-states span { margin-top:5px; color:#64718a; font-size:11px; line-height:1.45; }
.docs-next-steps { padding-top:2px; }
.docs-next-steps>p { margin-bottom:14px; }
.docs-next-steps>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.docs-next-steps a { display:grid; grid-template-columns:35px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:80px; padding:11px; color:#1d2a46; background:#fff; border:1px solid #e1e7f0; border-radius:9px; text-decoration:none; }
.docs-next-steps img { width:35px; height:35px; padding:8px; background:#f2edff; border:1px solid #e5dbff; border-radius:8px; }
.docs-next-steps strong,.docs-next-steps small { display:block; }
.docs-next-steps strong { font-size:11px; line-height:1.35; }
.docs-next-steps small { margin-top:3px; color:#69758c; font-size:10px; line-height:1.35; }
.docs-next-steps b { color:var(--purple); font-size:16px; }
.docs-next-steps a:hover,.docs-next-steps a:focus-visible { background:#faf9ff; border-color:#cdbdff; outline:0; }
@media (max-width:1100px) { .docs-layout { grid-template-columns:222px minmax(0,1fr); gap:24px; }.docs-intro { grid-template-columns:1fr; }.docs-plugin-card { max-width:620px; }.docs-categories,.docs-overview-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }.docs-popular-links { grid-template-columns:repeat(2,minmax(0,1fr)); }.docs-article-header { grid-template-columns:1fr; }.docs-article-header .docs-plugin-card { max-width:620px; }.docs-next-steps>div { grid-template-columns:1fr; } }
@media (max-width:820px) { .docs-main { padding:22px 0 42px; }.docs-layout { display:block; }.docs-sidebar { display:none; }.docs-mobile-nav { display:block; margin-bottom:20px; overflow:hidden; background:#fff; border:1px solid #e1e7f0; border-radius:10px; }.docs-mobile-nav summary { padding:14px 16px; color:#1d2a46; cursor:pointer; font-size:13px; font-weight:800; }.docs-mobile-nav .docs-tree { gap:4px; padding:0 10px 10px; border:0; }.docs-mobile-nav .docs-tree a,.docs-mobile-nav .docs-nav-toggle { padding:10px; font-size:12px; }.docs-mobile-nav .docs-tree ul { margin:0; padding:0 0 3px 14px; }.docs-mobile-nav .docs-tree ul a { padding:8px 10px; font-size:11px; }.docs-lower-grid { grid-template-columns:1fr; }.docs-find-panel { max-width:600px; }.docs-article-header { margin-bottom:24px; }.docs-article-body { max-width:none; } }
@media (max-width:580px) { .docs-main { padding-top:16px; }.docs-container { width:min(calc(100% - 28px),1360px); }.docs-intro h1,.docs-article h1 { font-size:31px; }.docs-intro>div>p:last-child,.docs-article-lede { font-size:15px; }.docs-plugin-meta,.docs-plugin-links,.docs-categories,.docs-overview-categories,.docs-popular-links { grid-template-columns:1fr; }.docs-plugin-links a+a { border-top:1px solid #edf0f5; border-left:0; }.docs-categories,.docs-overview-categories { gap:10px; }.docs-category-heading { padding-bottom:10px; }.docs-support-cta { grid-template-columns:42px 1fr; padding:16px; }.docs-support-cta>img { width:42px; height:42px; padding:10px; }.docs-support-cta .button { grid-column:1/-1; justify-content:center; }.docs-popular-links a { min-height:65px; }.docs-breadcrumb { margin-bottom:17px; }.docs-article-meta { gap:7px 12px; }.docs-article-body>section { margin-top:28px; }.docs-article-body h2 { font-size:19px; }.docs-setup-panel,.docs-license-states { grid-template-columns:1fr; }.docs-next-steps>div { grid-template-columns:1fr; } }

/* Documentation premium refresh: shared navy and blue presentation */
body.docs-page { --purple:#1876ee; --purple-soft:#edf5ff; --docs-blue:#1876ee; --docs-blue-dark:#075bd7; --docs-blue-line:#d7e5f6; --docs-ink:#102449; --docs-copy:#586982; background:radial-gradient(circle at 76% 7%,rgba(20,118,255,.10),transparent 22%),linear-gradient(135deg,#fff 0%,#f8fbff 56%,#f0f6ff 100%); }
body.docs-page .docs-main { padding:46px 0 68px; }
body.docs-page .docs-layout { gap:42px; }
body.docs-page .docs-sidebar { padding:21px; background:rgba(255,255,255,.92); border-color:var(--docs-blue-line); border-radius:16px; box-shadow:0 15px 34px rgba(19,50,95,.08); }
body.docs-page .docs-tree { padding:9px 0 19px; border-color:#e3edf9; }
body.docs-page .docs-tree a,body.docs-page .docs-nav-toggle { color:#425675; font-weight:700; }
body.docs-page .docs-tree a:hover,body.docs-page .docs-tree a:focus-visible,body.docs-page .docs-nav-toggle:hover,body.docs-page .docs-nav-toggle:focus-visible { color:var(--docs-blue); background:#f3f8ff; }
body.docs-page .docs-tree .is-current,body.docs-page .docs-tree .is-current-category>.docs-nav-toggle,body.docs-page .docs-tree ul a.is-current { color:var(--docs-blue-dark); background:#e9f3ff; }
body.docs-page .docs-product-identity img,body.docs-page .docs-plugin-card-title>img,body.docs-page .docs-category-heading img,body.docs-page .docs-find-panel>img,body.docs-page .docs-setup-panel img,body.docs-page .docs-next-steps img { background-color:transparent; border-color:transparent; filter:brightness(0) saturate(100%) invert(42%) sepia(87%) saturate(1962%) hue-rotate(199deg) brightness(100%) contrast(101%); }
body.docs-page .docs-product-identity p,body.docs-page .docs-plugin-card-title strong,body.docs-page .docs-category-heading h2,body.docs-page .docs-section-heading h2,body.docs-page .docs-find-panel h2,body.docs-page .docs-article-body h2,body.docs-page .docs-article-body h3 { color:var(--docs-ink); }
body.docs-page .docs-product-identity p,body.docs-page .docs-popular-links span { font-weight:700; }
body.docs-page .docs-sidebar-help { margin-top:22px; padding:16px; background:linear-gradient(135deg,#f5f9ff,#edf5ff); border-color:var(--docs-blue-line); border-radius:12px; }
body.docs-page .docs-sidebar-help img { background:transparent; border-color:transparent; filter:brightness(0) saturate(100%) invert(42%) sepia(87%) saturate(1962%) hue-rotate(199deg) brightness(100%) contrast(101%); }
body.docs-page .docs-sidebar-help a,body.docs-page .docs-plugin-links a,body.docs-page .docs-callout a { color:var(--docs-blue); font-weight:700; }
body.docs-page .docs-intro,body.docs-page .docs-article-header { gap:40px; margin-bottom:32px; }
body.docs-page .docs-intro .eyebrow,body.docs-page .docs-article .eyebrow { color:var(--docs-blue); }
body.docs-page .docs-intro h1,body.docs-page .docs-article h1 { color:var(--docs-ink); font-size:clamp(2rem,3.1vw,2.65rem); font-weight:700; }
body.docs-page .docs-intro>div>p:last-child,body.docs-page .docs-article-lede,body.docs-page .docs-article-body p { color:var(--docs-copy); }
body.docs-page .docs-plugin-card { border-color:var(--docs-blue-line); border-radius:15px; box-shadow:0 14px 30px rgba(19,50,95,.08); }
body.docs-page .docs-plugin-meta span { background:#f7fbff; border-color:var(--docs-blue-line); }
body.docs-page .docs-plugin-links a:hover,body.docs-page .docs-plugin-links a:focus-visible { background:#f3f8ff; }
body.docs-page .docs-category-card,body.docs-page .docs-popular,body.docs-page .docs-find-panel { border-color:var(--docs-blue-line); border-radius:14px; box-shadow:0 10px 24px rgba(19,50,95,.045); }
body.docs-page .docs-category-card { background:rgba(255,255,255,.95); }
body.docs-page .docs-category-card li { border-color:#e5edf7; }
body.docs-page .docs-category-card li a { color:#324967; }
body.docs-page .docs-category-card li a span,body.docs-page .docs-popular-links b,body.docs-page .docs-next-steps b { color:var(--docs-blue); }
body.docs-page .docs-category-card li a:hover,body.docs-page .docs-category-card li a:focus-visible { color:var(--docs-blue); }
body.docs-page .docs-overview-categories + .docs-popular,body.docs-page .docs-cart-popular { margin-top:20px; }
body.docs-page .docs-popular { padding:17px; background:rgba(255,255,255,.9); }
body.docs-page .docs-popular-links a,body.docs-page .docs-next-steps a { border-color:#dfeaf6; border-radius:10px; box-shadow:0 5px 12px rgba(19,50,95,.03); }
body.docs-page .docs-popular-links a:hover,body.docs-page .docs-popular-links a:focus-visible,body.docs-page .docs-next-steps a:hover,body.docs-page .docs-next-steps a:focus-visible { border-color:#a9ccf4; background:#f5f9ff; box-shadow:0 9px 17px rgba(19,50,95,.07); }
body.docs-page .docs-find-panel { background:linear-gradient(135deg,#f5f9ff,#edf5ff); }
body.docs-page .docs-find-panel li:before { content:"✓"; display:grid; place-items:center; color:var(--docs-blue); background:#fff; border-color:#bdd8f6; font-size:8px; font-weight:800; }
body.docs-page .docs-support-cta { position:relative; overflow:hidden; margin-top:20px; padding:20px; color:#fff; background:radial-gradient(circle at 88% 52%,rgba(20,118,255,.34),transparent 28%),linear-gradient(110deg,#031a3b,#06346f); border-color:#0d4f9d; border-radius:12px; box-shadow:0 13px 28px rgba(7,41,91,.17); }
body.docs-page .docs-support-cta:after { content:""; position:absolute; right:-42px; bottom:-94px; width:210px; height:210px; border:1px solid rgba(130,184,255,.24); border-radius:50%; box-shadow:0 0 0 24px rgba(130,184,255,.06); }
body.docs-page .docs-support-cta>* { position:relative; z-index:1; }
body.docs-page .docs-support-cta>img { background:transparent; border-color:transparent; filter:brightness(0) invert(1); }
body.docs-page .docs-support-cta h2 { color:#fff; }
body.docs-page .docs-support-cta p { color:#d6e6fb; }
body.docs-page .docs-support-cta .button { color:var(--docs-blue); background:#fff; border-color:#fff; }
body.docs-page .docs-support-cta .button:hover { color:#fff; background:transparent; border-color:#fff; }
body.docs-page .docs-breadcrumb a:hover,body.docs-page .docs-breadcrumb a:focus-visible,body[data-current-article="faq"] .docs-article-body h2 { color:var(--docs-blue); }
body.docs-page .docs-article-meta li:before,body.docs-page .docs-license-states>div:before { content:"✓"; display:grid; place-items:center; color:var(--docs-blue); background:#eaf3ff; border-color:#c9def5; font-size:9px; font-weight:800; }
body.docs-page .docs-article-body,body.docs-page.docs-article-page .docs-support-cta { max-width:780px; }
body.docs-page .docs-article-body code { color:#075bd7; background:#f4f8ff; border-color:#cfe0f4; }
body.docs-page .docs-callout { border-color:#c9def5; border-radius:10px; background:#f5f9ff; color:#526884; }
body.docs-page .docs-callout:before { color:var(--docs-blue); background:#eaf3ff; border-color:#c9def5; }
body.docs-page .docs-callout-success { background:#f5f9ff; border-color:#c9def5; }
body.docs-page .docs-callout-success:before { color:var(--docs-blue); background:#eaf3ff; border-color:#c9def5; }
body.docs-page .docs-steps,body.docs-page .docs-setup-panel>div,body.docs-page .docs-license-states>div { border-color:#d5e4f5; box-shadow:0 5px 13px rgba(19,50,95,.025); }
body.docs-page .docs-steps li:before,body.docs-page .docs-check-list li:before { color:var(--docs-blue); background:#eaf3ff; border-color:#c9def5; }
body.docs-page .docs-install-visual { border-color:#d5e4f5; border-radius:12px; box-shadow:0 12px 25px rgba(19,50,95,.07); }

@media (max-width:820px) { body.docs-page .docs-main { padding:28px 0 48px; } body.docs-page .docs-mobile-nav { border-color:var(--docs-blue-line); border-radius:12px; box-shadow:0 8px 19px rgba(19,50,95,.05); } body.docs-page .docs-mobile-nav summary { color:var(--docs-ink); font-weight:700; } }

/* Legal pages */
.legal-page { background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef5ff 100%); }
.legal-hero { padding:74px 0 43px; border-bottom:1px solid #dce9f7; }
.legal-hero .container { max-width:980px; }
.legal-hero .eyebrow { margin-bottom:10px; }
.legal-hero h1 { margin:0; color:#102449; font-size:clamp(2rem,3.25vw,3.15rem); font-weight:700; letter-spacing:-.045em; }
.legal-hero p { max-width:660px; margin:14px 0 8px; color:#586982; font-size:16px; }
.legal-hero small { color:#6d7e97; font-size:12px; }
.legal-main { padding:42px 0 72px; }
.legal-layout { display:grid; grid-template-columns:218px minmax(0,1fr); gap:43px; align-items:start; max-width:980px; }
.legal-sidebar { position:sticky; top:22px; padding:18px; background:rgba(255,255,255,.9); border:1px solid #d7e5f6; border-radius:14px; box-shadow:0 10px 24px rgba(19,50,95,.05); }
.legal-sidebar>p { margin:0 0 9px; color:#102449; font-size:12px; font-weight:700; }
.legal-sidebar nav { display:grid; gap:2px; }
.legal-sidebar a { padding:8px 9px; color:#536984; border-radius:7px; font-size:12px; font-weight:600; line-height:1.35; text-decoration:none; }
.legal-sidebar a:hover,.legal-sidebar a:focus-visible { color:#1476ff; background:#edf5ff; outline:0; }
.legal-content { padding:30px 34px; background:rgba(255,255,255,.94); border:1px solid #d7e5f6; border-radius:16px; box-shadow:0 15px 34px rgba(19,50,95,.07); }
.legal-content section { scroll-margin-top:24px; }
.legal-content section+section { margin-top:29px; padding-top:29px; border-top:1px solid #e3edf8; }
.legal-content h2 { margin:0 0 9px; color:#102449; font-size:20px; letter-spacing:-.025em; }
.legal-content p { margin:0; color:#586982; font-size:14px; line-height:1.65; }
.legal-content p+p { margin-top:9px; }
.legal-content h3 { margin:18px 0 7px; color:#253c5d; font-size:15px; letter-spacing:-.015em; }
.legal-content ul { margin:11px 0; padding-left:21px; color:#586982; font-size:14px; line-height:1.6; }
.legal-content li+li { margin-top:4px; }
.legal-content a:not(.button) { color:#1476ff; font-weight:700; text-decoration:none; }
.legal-content a:not(.button):hover { text-decoration:underline; }
.legal-contact { display:grid; grid-template-columns:43px 1fr; gap:12px; align-items:center; margin-top:18px; padding:14px; background:#f2f7ff; border:1px solid #d2e4f8; border-radius:10px; }
.legal-contact img { width:42px; height:42px; padding:10px; background:#fff; border:1px solid #cde0f5; border-radius:50%; }
.legal-contact strong,.legal-contact span { display:block; }
.legal-contact strong { color:#102449; font-size:13px; }
.legal-contact span { margin-top:3px; color:#586982; font-size:12px; }
.legal-contact a { color:#1476ff; font-weight:700; text-decoration:none; }
.legal-contact a:hover { text-decoration:underline; }
@media (max-width:780px) { .legal-hero { padding:52px 0 32px; }.legal-main { padding:28px 0 48px; }.legal-layout { grid-template-columns:1fr; gap:18px; }.legal-sidebar { position:static; }.legal-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.legal-content { padding:24px; } }
@media (max-width:480px) { .legal-sidebar nav { grid-template-columns:1fr; }.legal-content { padding:20px; }.legal-content section+section { margin-top:24px; padding-top:24px; } }