/* Public brand treatment, isolated from the account workspace. */
.marketing-page {
    --public-ink: #102345;
    --public-accent: #087bff;
    --orange: #087bff;
    color: #354c6a;
    background: #fbfcff;
}
.marketing-page h1,.marketing-page h2,.marketing-page h3 { color: var(--public-ink); }
.marketing-page .public-wrap { width: min(1420px,calc(100% - 80px)); }
.marketing-page .public-header { background: #fffffffa; border-bottom: 1px solid #e5edf8; box-shadow: 0 2px 14px #123b6803; }
.marketing-page .public-header-inner { width: min(1420px,calc(100% - 80px)); min-height: 76px; }
.marketing-page .public-header .logo-frame { width: 186px; height: 39px; }
.marketing-page .public-header .logo-frame img { width: 226px; left: -20px; top: -18px; }
.marketing-page .public-header nav { gap: 20px; flex: 1; justify-content: center; margin-left: 7%; }
.marketing-page .public-nav-menu { position: relative; border: 0; }
.marketing-page .public-nav-menu > summary { display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #173251; font-size: 14px; font-weight: 600; list-style: none; cursor: pointer; border-radius: 8px; white-space: nowrap; }
.marketing-page .public-nav-menu > summary::-webkit-details-marker { display: none; }
.marketing-page .public-nav-menu > summary i { font-size: 9px; transition: transform .15s; }
.marketing-page .public-nav-menu[open] > summary { background: #edf5ff; color: #0868d6; }
.marketing-page .public-nav-menu[open] > summary i { transform: rotate(180deg); }
.marketing-page .public-nav-dropdown { position: absolute; top: calc(100% + 14px); left: 0; z-index: 40; min-width: 270px; padding: 8px; border: 1px solid #dfeafa; border-radius: 12px; background: #fff; box-shadow: 0 16px 45px #1239641c; }
.marketing-page .public-nav-dropdown a { display: flex; align-items: center; gap: 13px; padding: 13px 12px; border-radius: 7px; font-size: 13px; color: #425c7c; }
.marketing-page .public-nav-dropdown a > i { color: #4386cf; width: 17px; font-size: 15px; text-align: center; }
.marketing-page .public-nav-dropdown a:hover { background: #edf5ff; color: #0868d6; }
.marketing-page .public-header nav > .public-pricing-link { padding: 9px 18px; border-radius: 9px; color: #173251; font-weight: 600; font-size: 14px; }
.marketing-page .public-header nav > .public-pricing-link[aria-current] { color: #075ec2; background: #e5f0ff; }
.marketing-page .public-nav-account { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.marketing-page .public-header .public-login { margin: 0; padding: 8px 22px; min-height: 41px; border: 1px solid #c9dcf5; border-radius: 9px; color: #173251; font-size: 14px; font-weight: 600; white-space: nowrap; }
.marketing-page .public-button { background: linear-gradient(180deg,#168bff,#0667df); color: white; border: 1px solid #0877ee; box-shadow: 0 3px 7px #087bff15; border-radius: 9px; font-size: 14px; font-weight: 650; min-height: 46px; }
.marketing-page .public-button:hover { background: linear-gradient(180deg,#0779f0,#065bc7); border-color: #0664d4; }
.marketing-page .public-button-outline { background: #fff; color: #244263; border-color: #cbdcf2; box-shadow: 0 1px 2px #123b6806; }
.marketing-page .public-button-outline:hover { background: #edf6ff; border-color: #92b9ee; }
.marketing-page .public-button-small { min-height: 41px; padding: 9px 22px; font-size: 14px; white-space: nowrap; }
.marketing-page .public-text-link { color: #2673c4; }
.marketing-page .public-kicker { color: #647e9f; }
.marketing-page .public-status-dot { background: #76baff; }
.marketing-page .public-home-stage,.marketing-page .public-pricing-stage { position: relative; isolation: isolate; }
.marketing-page .public-home-stage {
    background: radial-gradient(ellipse at 0% 80%,#087bff42,transparent 48%),radial-gradient(ellipse at 100% 15%,#158dff38,transparent 48%),#0d2141;
}
.marketing-page .public-home-stage::before,.marketing-page .public-pricing-stage::before {
    content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
    background: radial-gradient(ellipse at 5% -20%,#197dff65,transparent 42%),radial-gradient(ellipse at 110% 5%,#087bff6b,transparent 44%);
}
.marketing-page .public-home-hero { min-height: 570px; padding-top: 78px; padding-bottom: 85px; gap: 70px; position: relative; }
.marketing-page .public-home-hero h1 { color: #fff; font-size: clamp(40px,4.2vw,61px); line-height: 1.12; letter-spacing: -2px; }
.marketing-page .public-home-hero h1 em { color: #75bcff; font-style: normal; }
.marketing-page .public-home-hero .public-hero-copy .public-kicker { color: #abcff4; }
.marketing-page .public-hero-copy > p { color: #c1d3e9; font-size: 17px; }
.marketing-page .public-hero-actions { margin-top: 29px; }
.marketing-page .public-home-hero .public-text-link { color: #d3e9ff; }
.marketing-page .public-hero-note { color: #aac2df; }
.marketing-page .public-product-preview { border: 1px solid #7aaee352; border-radius: 16px; background: #fff; box-shadow: 0 25px 80px #06162b55; }
.marketing-page .public-preview-top { background: #fafcff; border-bottom-color: #e6eef9; border-radius: 16px 16px 0 0; }
.marketing-page .public-preview-mark { background: #e7f2ff; color: #2479cd; }
.marketing-page .public-preview-tabs span:first-child { color: #1376db; border-color: #2588f0; }
.marketing-page .public-preview-guidance { background: #edf6ff; color: #426b9c; }
.marketing-page .public-preview-guidance > i { color: #2480dd; }
.marketing-page .public-preview-path span { color: #4779ae; }
.marketing-page .public-preview-caption { background: #fafcff; border-top-color: #e6eef9; border-radius: 0 0 16px 16px; }
.marketing-page .public-sources { background: #fff; border-color: #e7eef8; }
.marketing-page .public-sources p i { color: #6a95c5; }
.marketing-page .public-page-hero {
    width: 100%; padding: 66px max(40px,calc((100% - 1420px)/2)) 68px; background: radial-gradient(ellipse at 90% 100%,#087bff40,transparent 55%),#10294e;
}
.marketing-page .public-page-hero h1 { color: #fff; font-size: clamp(36px,4.1vw,59px); }
.marketing-page .public-page-hero p { color: #cadcf0; }
.marketing-page .public-page-hero .public-kicker { color: #aecff0; }
.marketing-page .public-feature-rows { padding-top: 35px; }
.marketing-page .public-feature-row { scroll-margin-top: 95px; }
.marketing-page .public-feature-row i { color: #2580d9; }
.marketing-page .public-capability-grid article { border-color: #e1ebf7; box-shadow: 0 5px 20px #123b6804; background: #fff; }
.marketing-page .public-capability-grid article > i { color: #337dce; background: #eaf3ff; }
.marketing-page .public-dark-band { background: linear-gradient(120deg,#10294c,#143861); }
.marketing-page .public-dark-band h2,.marketing-page .public-dark-band h3 { color: #fff; }
.marketing-page .public-dark-band p { color: #bbd0e9; }
.marketing-page .public-dark-band .public-button-light { color: #244365; background: #fff; border-color: white; }
.marketing-page .public-cta { background: #eef5ff; border: 1px solid #dceafa; border-radius: 16px; padding: 36px; margin-bottom: 60px; }
.marketing-page .public-cta h2 { font-size: 30px; letter-spacing: -.9px; }
.marketing-page .public-footer { background: #f7faff; border-color: #e3edf9; }
.marketing-page .public-footer a:hover { color: #136cd1; }
/* Pricing hero fades into the plan deck. */
.marketing-page .public-pricing-stage::before { bottom: auto; height: 550px; background: radial-gradient(ellipse at -10% 30%,#087bff80,transparent 45%),radial-gradient(ellipse at 105% 25%,#198cff78,transparent 40%),linear-gradient(180deg,#0d2344 0%,#193c6a 52%,#f8fbff 100%); }
.marketing-page .public-pricing-hero { width: min(1420px,calc(100% - 80px)); background: transparent; text-align: center; padding: 38px 0 42px; }
.marketing-page .public-pricing-hero h1 { font-size: clamp(33px,3.7vw,53px); letter-spacing: -1.7px; margin: 0 0 13px; line-height: 1.2; }
.marketing-page .public-pricing-hero h1 > span { color: #77bdff; }
.marketing-page .public-pricing-hero > p { margin: 0 auto; max-width: 900px; font-size: 17px; line-height: 1.6; color: #dcecff; }
.marketing-page .public-billing-cadence { display: inline-flex; align-items: center; gap: 9px; color: #edf6ff; background: #ffffff13; border: 1px solid #ffffff30; padding: 8px 12px; border-radius: 10px; margin: 23px 0 0; font-size: 12px; backdrop-filter: blur(8px); }
.marketing-page .public-billing-cadence > span { background: #cbe6ff; color: #1d67ac; border-radius: 5px; padding: 1px 7px; font-size: 10px; font-weight: 650; margin-left: 7px; }
.marketing-page .public-pricing-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; align-items: stretch; }
.marketing-page .public-plan { padding: 25px 23px 22px; border: 1px solid #dce9f7; border-radius: 16px; background: linear-gradient(155deg,#fff 45%,#fbfdff); box-shadow: 0 5px 12px #123b6804,0 12px 30px #123b6805; position: relative; display: flex; flex-direction: column; scroll-margin-top: 100px; }
.marketing-page .public-plan-featured { background: linear-gradient(140deg,#fff 7%,#edf6ff 62%,#fff); border: 2px solid #439cff; padding: 24px 22px 21px; box-shadow: 0 0 0 2px #ffffffcc,0 12px 45px #087bff1b; }
.marketing-page .public-recommended { position: absolute; top: -17px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; background: linear-gradient(180deg,#168bff,#0768e0); color: white; border: 1px solid #ffffff55; border-radius: 20px; padding: 5px 13px; font-size: 11px; font-weight: 600; box-shadow: 0 3px 7px #087bff33; }
.marketing-page .public-plan-heading { display: flex; align-items: flex-start; gap: 13px; min-height: 84px; }
.marketing-page .public-plan-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(140deg,#eff7ff,#e1efff); color: #1d7fe5; flex: none; font-size: 22px; }
.marketing-page .public-plan-heading h2 { margin: 0 0 6px; color: #183757; font-size: 24px; letter-spacing: -.6px; line-height: 1.2; }
.marketing-page .public-plan-heading p { margin: 0; color: #4a6686; font-size: 13px; line-height: 1.6; min-height: 0; }
.marketing-page .public-plan-price { margin: 15px 0 16px; color: #102d4d; font-size: 40px; font-weight: 700; line-height: 1.1; letter-spacing: -1.7px; }
.marketing-page .public-plan-price span { color: #48637f; font-size: 13px; font-weight: 400; letter-spacing: 0; }
.marketing-page .public-plan ul { margin: 0 0 24px; padding: 17px 0 0; border-top: 1px solid #d1e3f8; display: flex; flex-direction: column; gap: 11px; }
.marketing-page .public-plan li { display: flex; align-items: flex-start; gap: 9px; padding: 0; margin: 0; color: #2a4463; font-size: 13px; line-height: 1.6; }
.marketing-page .public-plan li > i { flex: none; color: #087bff; font-size: 14px; margin-top: 3px; }
.marketing-page .public-plan li > .fa-clock { font-size: 12px; color: #7198c7; }
.marketing-page .public-plan .plan-feature-note { display: inline-block; margin: 2px 0 0 5px; padding: 0 4px; border-radius: 4px; font-size: 9px; color: #6782a3; background: #edf4fc; vertical-align: baseline; }
.marketing-page .public-plan .public-button { width: 100%; margin-top: auto; padding: 10px 9px; min-height: 43px; font-size: 13px; border-radius: 8px; gap: 8px; }
.marketing-page .public-plan-benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; padding-top: 54px; padding-bottom: 36px; }
.marketing-page .public-plan-benefits article { display: flex; align-items: center; gap: 15px; padding-right: 20px; border-right: 1px solid #e0eaf6; }
.marketing-page .public-plan-benefits article:last-child { border: 0; }
.marketing-page .public-plan-benefits article > i { color: #087bff; font-size: 29px; }
.marketing-page .public-plan-benefits h3 { font-size: 16px; letter-spacing: -.3px; margin: 0 0 4px; color: #1c3b60; }
.marketing-page .public-plan-benefits p { font-size: 12px; margin: 0; color: #5d7898; line-height: 1.5; }
.marketing-page .public-plan-note { margin-top: 24px; color: #6d83a0; font-size: 12px; }
.marketing-page .public-callout { background: #f2f7ff; border-color: #dfeafa; border-radius: 12px; }
.marketing-page .public-callout > i { color: #719bcb; }
.marketing-page .public-faq { padding-top: 55px; }
.marketing-page .public-faq details { border-color: #e0eaf6; }
.marketing-page .public-faq summary { color: #345a83; }
.marketing-page .public-faq summary i { color: #668fbe; }
.marketing-page .public-home-pricing { padding-top: 65px; }
/* Dropdowns stack inside the public mobile navigation. */
@media(max-width:1200px) {
    .marketing-page .public-header nav { gap: 7px; margin-left: 2%; }
    .marketing-page .public-nav-menu > summary { font-size: 13px; padding-inline: 9px; }
    .marketing-page .public-header-inner { gap: 20px; }
    .marketing-page .public-nav-account { gap: 8px; }
    .marketing-page .public-header .public-login { padding-inline: 14px; }
    .marketing-page .public-button-small { padding-inline: 14px; }
    .marketing-page .public-plan { padding-inline: 17px; }
    .marketing-page .public-plan-featured { padding-inline: 16px; }
    .marketing-page .public-plan-heading { gap: 9px; }
    .marketing-page .public-plan-icon { width: 36px; height: 36px; font-size: 19px; }
    .marketing-page .public-plan-heading h2 { font-size: 22px; }
}
@media(max-width:1000px) {
    .marketing-page .public-pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px 20px; }
    .marketing-page .public-plan-heading { min-height: 70px; }
    .marketing-page .public-plan { padding: 25px; }
    .marketing-page .public-plan-featured { padding: 24px; }
    .marketing-page .public-home-hero { gap: 35px; padding-block: 55px; }
    .marketing-page .public-home-hero h1 { font-size: 39px; }
    .marketing-page .public-plan-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; }
    .marketing-page .public-plan-benefits article:nth-child(2) { border: 0; }
}
@media(max-width:900px) {
    .marketing-page .public-header-inner { width: calc(100% - 40px); min-height: 72px; }
    .marketing-page .public-header nav { margin-left: 0; padding-top: 17px; gap: 5px; align-items: stretch; }
    .marketing-page .public-nav-menu { width: 100%; }
    .marketing-page .public-nav-menu > summary { padding: 12px; justify-content: space-between; font-size: 14px; }
    .marketing-page .public-nav-dropdown { position: static; box-shadow: none; border-color: #e5edf8; margin: 3px 0 8px; min-width: 0; }
    .marketing-page .public-header nav > .public-pricing-link { width: 100%; padding: 12px; }
    .marketing-page .public-nav-account { width: 100%; margin-left: 0; padding-top: 12px; }
    .marketing-page .public-nav-account > a { flex: 1; text-align: center; }
    .public-nav-ready .marketing-page .public-nav-toggle { background: #f5f9ff; border-color: #dce9fa; color: #4b79ac; }
}
@media(max-width:650px) {
    .marketing-page .public-wrap { width: calc(100% - 36px); }
    .marketing-page .public-home-hero { padding-top: 45px; padding-bottom: 50px; gap: 40px; min-height: 0; }
    .marketing-page .public-home-hero h1 { font-size: 39px; letter-spacing: -1.6px; }
    .marketing-page .public-hero-copy > p { font-size: 16px; }
    .marketing-page .public-page-hero { width: 100%; padding: 45px 22px; }
    .marketing-page .public-page-hero h1 { font-size: 37px; letter-spacing: -1.3px; }
    .marketing-page .public-pricing-hero { width: calc(100% - 36px); padding: 34px 0 37px; }
    .marketing-page .public-pricing-hero h1 { font-size: 35px; }
    .marketing-page .public-pricing-hero > p { font-size: 15px; }
    .marketing-page .public-pricing-hero > p br { display: none; }
    .marketing-page .public-pricing-grid { grid-template-columns: 1fr; gap: 29px; }
    .marketing-page .public-plan { padding: 27px; }
    .marketing-page .public-plan-featured { padding: 26px; }
    .marketing-page .public-plan-heading { min-height: 0; }
    .marketing-page .public-plan-heading p { font-size: 14px; }
    .marketing-page .public-plan-price { margin-top: 23px; }
    .marketing-page .public-plan li { font-size: 13px; }
    .marketing-page .public-plan-benefits { grid-template-columns: 1fr; padding-top: 36px; }
    .marketing-page .public-plan-benefits article { border: 0; }
    .marketing-page .public-cta { padding: 25px; margin-bottom: 40px; }
    .marketing-page .public-cta h2 { font-size: 25px; }
}
@media(prefers-reduced-motion:reduce) { .marketing-page .public-nav-menu > summary i { transition: none; } }

.marketing-page #public-nav > a.public-pricing-link { padding: 9px 18px; }
.marketing-page .skip-link { z-index: 60; }
@media(max-width:900px) { .marketing-page #public-nav > a.public-pricing-link { padding: 12px; } }

/* Homepage introduction */
.public-page-home .public-home-stage { background:radial-gradient(ellipse at 100% 0%,#087bff9c,transparent 63%),linear-gradient(125deg,#05265c,#064b9d); overflow:hidden; }
.public-page-home .public-home-stage::after { content:""; position:absolute; width:750px; height:750px; border-radius:50%; border:100px solid #2386ed14; right:-330px; top:-420px; z-index:-1; }
.marketing-page.public-page-home .public-home-hero { min-height:480px; padding-top:48px; padding-bottom:48px; gap:65px; grid-template-columns:1fr 1.05fr; }
.public-page-home .public-hero-badge { display:inline-flex; align-items:center; gap:9px; border:1px solid #a8d4ff20; background:#86c5ff24; padding:9px 14px; border-radius:24px; font-size:10px; letter-spacing:.4px; }
.marketing-page.public-page-home .public-home-hero h1 { font-size:clamp(35px,3.35vw,54px); letter-spacing:-1.5px; margin-top:16px; margin-bottom:15px; }
.marketing-page.public-page-home .public-hero-copy>p { max-width:510px; font-size:15px; line-height:1.65; color:#e2efff; }
.public-page-home .public-hero-actions { margin-top:20px; gap:24px; }
.public-page-home .public-hero-actions .public-text-link { display:inline-flex; gap:9px; align-items:center; font-size:13px; }
.public-hero-assurances { list-style:none; padding:0; margin:21px 0 0; display:flex; gap:22px; color:#e0edff; font-size:11px; }
.public-hero-assurances li { display:flex; align-items:center; gap:7px; }
.public-dashboard-preview { min-width:0; margin:0; border:1px solid #bdd7fb; border-radius:15px; overflow:hidden; background:#fff; box-shadow:0 25px 55px #01153655; }
.public-dashboard-preview img { display:block; width:100%; height:auto; }
.public-dashboard-preview figcaption { padding:7px 12px; border-top:1px solid #e5edf8; color:#486181; font-size:11px; text-align:center; }
.public-page-home .public-sources { background:linear-gradient(90deg,#f5f8ff,#fff,#f5f8ff); }.public-page-home .public-sources>.public-wrap { justify-content:center; gap:34px; padding-block:20px; }.public-page-home .public-sources p { padding-left:25px; border-left:1px solid #dce6f7; font-size:12px; }.public-page-home .public-sources p i { color:#087bff; }.public-page-home .public-sources span { font-size:9px; letter-spacing:1px; }
.public-intro-features { padding-top:32px; padding-bottom:22px; }.public-centered-intro { text-align:center; }.public-centered-intro .public-kicker { color:#087bff; font-size:10px; }.public-centered-intro h2 { font-size:28px; letter-spacing:-.8px; margin:7px 0; }.public-centered-intro>p { font-size:13px; color:#5f7394; margin:0; }
.public-feature-shortcuts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin-top:26px; }.public-feature-shortcuts>a { padding:18px; border:1px solid #dfe9fa; border-radius:10px; background:linear-gradient(135deg,#fff,#f8fbff); position:relative; transition:transform .2s,box-shadow .2s; }.public-feature-shortcuts>a:hover { transform:translateY(-3px); box-shadow:0 8px 24px #2365ac12; }.public-feature-shortcuts>a>span { display:grid; place-items:center; width:32px; height:32px; background:linear-gradient(120deg,#e8f3ff,#dceaff); border-radius:8px; color:#087bff; }.public-feature-shortcuts h3 { font-size:15px; margin:10px 0 5px; }.public-feature-shortcuts p { font-size:12px; line-height:1.6; color:#506787; margin:0; }.shortcut-arrow { position:absolute; right:15px; top:20px; color:#8aa9cc; font-size:10px; }
.marketing-page.public-page-home .public-home-audit { padding-top:0; padding-bottom:35px; scroll-margin-top:90px; }.public-audit-shell { display:grid; grid-template-columns:minmax(0,1fr) 260px; border:1px solid #ccdefc; border-radius:14px; padding:20px 24px; background:linear-gradient(120deg,#fff,#f1f6ff); box-shadow:0 6px 22px #125ac308; gap:28px; }.public-audit-main { min-width:0; }.public-home-audit .scan-card { background:transparent; border:0; box-shadow:none; border-radius:0; padding:0; margin:0; }.public-home-audit .card-top { padding:0; margin:0 0 15px; }.public-home-audit .scan-heading h2 { font-size:18px; }.public-home-audit .scan-heading p { font-size:12px; }.public-home-audit .scan-symbol { width:38px; height:38px; }.public-home-audit .live-label { display:none; }.public-home-audit .url-row { background:#fff; }.public-home-audit .url-row input { font-size:14px; }.public-home-audit .options { margin-top:14px; }.public-home-audit .advanced-options,.public-home-audit .advanced-credit-note { display:none; }.public-home-audit .scan-footer { background:transparent; border:0; padding:0; margin:12px 0 0; font-size:10px; }.public-home-audit .field-help { font-size:11px; }.public-audit-benefits { display:flex; flex-direction:column; justify-content:center; gap:15px; border-left:1px solid #dce7fa; padding-left:28px; font-size:12px; }.public-audit-benefits i { color:#21a764; margin-right:8px; }
@media(max-width:1100px) { .marketing-page.public-page-home .public-home-hero { gap:30px; }.public-hero-assurances { flex-wrap:wrap; gap:10px 18px; }.public-feature-shortcuts { gap:12px; }.public-feature-shortcuts>a { padding:14px; }.public-page-home .public-sources>.public-wrap { flex-wrap:wrap; gap:20px; } }
@media(max-width:850px) { .marketing-page.public-page-home .public-home-hero { grid-template-columns:1fr; padding-block:38px; }.public-dashboard-preview { max-width:660px; width:100%; justify-self:center; }.public-feature-shortcuts { grid-template-columns:repeat(3,minmax(0,1fr)); }.public-audit-shell { grid-template-columns:1fr; }.public-audit-benefits { border-left:0; border-top:1px solid #dce7fa; padding:18px 0 0; display:grid; grid-template-columns:1fr 1fr; }.public-page-home .public-sources p { border:0; padding:0; } }
@media(max-width:560px) { .marketing-page.public-page-home .public-home-hero { gap:30px; }.public-hero-badge { font-size:8px!important; }.public-hero-assurances { font-size:10px; }.public-feature-shortcuts { grid-template-columns:1fr 1fr; }.public-centered-intro h2 { font-size:24px; }.public-audit-shell { padding:18px; gap:16px; }.public-audit-benefits { font-size:11px; gap:12px; }.public-home-audit .scan-footer { flex-wrap:wrap; gap:8px; }.public-home-audit .options { margin-top:10px; }.public-home-audit .options legend { font-size:11px; } }

.public-page-home .public-sources p { display:flex; align-items:center; gap:10px; }
.public-page-home .public-sources p img { display:block; width:24px; height:24px; object-fit:contain; flex-shrink:0; }

.marketing-page .public-home-mobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px 40px;
    margin-top: 42px;
    padding: clamp(22px, 4vw, 50px);
    border: 1px solid #d7e6fa;
    border-radius: 20px;
    background: linear-gradient(115deg, #f6faff, #eaf3ff);
}
.public-home-mobile h2 { margin: 8px 0 12px; }
.public-home-mobile p { max-width: 58ch; margin: 0; }
.public-mobile-stores {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.public-mobile-stores li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid #d7e6fa;
    border-radius: 12px;
    background: #fff;
    line-height: 1.4;
}
.public-store-icon {
    display: grid;
    flex: none;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #eaf3ff;
    color: #075bbf;
}
.public-mobile-stores strong,
.public-mobile-stores small { display: block; }
.public-mobile-stores strong { color: var(--public-ink); font-size: 16px; }
.public-mobile-stores small { margin-top: 2px; color: #465d7a; font-size: 13px; }
@media (max-width: 850px) {
    .marketing-page .public-home-mobile { grid-template-columns: 1fr; }
}


.marketing-page .public-detail-evidence { margin-top: 0; }
.public-detail-steps { margin: 0; padding-inline-start: 24px; }
.public-detail-steps li + li { margin-top: 12px; }


/* The feature detail pages use a shared grid with per-tool illustration and color. */
.public-feature-detail {
    --feature-ink: #135bd3;
    --feature-tint: #eaf3ff;
    --feature-accent-line: #d9e6f5;
}
.public-feature-detail[data-feature="website-audits"] { --feature-ink: #135bd3; --feature-tint: #eaf3ff; }
.public-feature-detail[data-feature="full-site-audits"] { --feature-ink: #087559; --feature-tint: #e9f8f2; }
.public-feature-detail[data-feature="guided-fixes"] { --feature-ink: #9d4b10; --feature-tint: #fff4e7; }
.public-feature-detail[data-feature="google-search-console"] { --feature-ink: #16654f; --feature-tint: #e8f7ef; }
.public-feature-detail[data-feature="keyword-research"] { --feature-ink: #075985; --feature-tint: #e9f6fc; }
.public-feature-detail[data-feature="ai-visibility"] { --feature-ink: #2251b8; --feature-tint: #e9eeff; }
.public-feature-detail[data-feature="competitor-analysis"] { --feature-ink: #1648a7; --feature-tint: #eaf1ff; }
.marketing-page .public-detail-hero {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
    gap: clamp(24px, 5vw, 72px);
    align-items: center;
    padding-block: clamp(34px, 6vw, 78px);
}
.public-detail-hero .public-detail-back { margin-bottom: 24px; }
.public-detail-hero h1 { max-width: 19ch; }
.public-detail-copy > p { max-width: 58ch; margin: 0 0 24px; color: #465e78; font-size: clamp(16px, 1.5vw, 19px); }
.public-feature-identity { display: flex; align-items: center; gap: 12px; }
.public-feature-identity strong { display: block; color: var(--feature-ink); font-size: 15px; }
.public-feature-identity small { display: block; color: #536982; font-size: 13px; }
.public-feature-icon {
    display: grid;
    flex: none;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--feature-tint);
    color: var(--feature-ink);
    font-size: 17px;
}
.public-feature-visual { min-width: 0; margin: 0; }
.public-feature-visual img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--feature-accent-line);
    border-radius: 22px;
    box-shadow: 0 16px 40px #17365412;
}
.public-feature-visual figcaption { margin-top: 8px; color: #536982; font-size: 13px; text-align: center; }
.public-detail-evidence .public-three-columns { gap: 16px; }
.public-detail-evidence article {
    padding: clamp(16px, 2.5vw, 28px);
    border: 1px solid var(--feature-accent-line);
    border-radius: 15px;
    background: #fff;
}
.public-detail-evidence article h3 { margin: 14px 0 8px; }
.public-detail-evidence article p { margin: 0; color: #465e78; }
.public-detail-steps { counter-reset: feature-step; padding: 0; list-style: none; }
.public-detail-steps li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    counter-increment: feature-step;
}
.public-detail-steps li::before {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--feature-tint);
    color: var(--feature-ink);
    content: counter(feature-step);
    font-size: 13px;
    font-weight: 700;
}
.public-detail-example .public-kicker { color: var(--feature-ink); }
.public-detail-example .public-kicker i { margin-right: 6px; }
.marketing-page .public-feature-detail .public-callout { background: var(--feature-tint); }
.marketing-page .public-feature-detail .public-callout > i { color: var(--feature-ink); }
@media (min-width: 901px) {
    .public-feature-detail[data-feature="full-site-audits"] .public-feature-visual,
    .public-feature-detail[data-feature="keyword-research"] .public-feature-visual { grid-row: 1; grid-column: 1; }
    .public-feature-detail[data-feature="full-site-audits"] .public-detail-copy,
    .public-feature-detail[data-feature="keyword-research"] .public-detail-copy { grid-row: 1; grid-column: 2; }
}
@media (max-width: 900px) {
    .marketing-page .public-detail-hero { grid-template-columns: minmax(0, 1fr); }
    .public-feature-visual { width: min(100%, 640px); }
}


/* Public navigation */
.marketing-page .public-nav-menu > summary,
.marketing-page .public-header nav > .public-pricing-link {
    color: #303b50;
    font-size: 15px;
    font-weight: 650;
}
.marketing-page .public-nav-menu > summary { border-radius: 12px; }
.marketing-page .public-nav-menu > summary i { font-size: 12px; }
.marketing-page .public-nav-menu[open] > summary { background: #e8f1ff; color: #0758d7; }
.marketing-page .public-nav-dropdown {
    top: calc(100% + 10px);
    width: max-content;
    max-width: min(380px, calc(100vw - 40px));
    padding: 10px;
    border-color: #dde4ee;
    border-radius: 16px;
    box-shadow: 0 14px 36px #172b4921, 0 2px 5px #172b4909;
}
.marketing-page .public-nav-menu-features .public-nav-dropdown { width: min(370px, calc(100vw - 40px)); }
.marketing-page .public-nav-dropdown a {
    position: relative;
    min-height: 50px;
    padding: 10px 16px;
    gap: 16px;
    border-radius: 10px;
    color: #151e2e;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}
.marketing-page .public-nav-dropdown a > i {
    width: 23px;
    flex: none;
    color: #206ad7;
    font-size: 19px;
}
.marketing-page .public-nav-menu-features .public-nav-dropdown a:nth-child(n+4)::before {
    position: absolute;
    inset: 0 10px auto;
    border-top: 1px solid #e2e7ef;
    content: "";
}
.marketing-page .public-nav-dropdown a:is(:hover, :focus-visible, [aria-current="page"]) {
    background: #e8f1ff;
    color: #0758d7;
}
.marketing-page .public-nav-dropdown a:focus-visible,
.marketing-page .public-nav-menu > summary:focus-visible {
    outline: 2px solid #206ad7;
    outline-offset: -2px;
}
.marketing-page .public-nav-dropdown a > .public-nav-link-chevron {
    width: auto;
    margin-left: auto;
    color: #53617a;
    font-size: 12px;
}
@media (min-width: 901px) {
    .marketing-page .public-nav-dropdown {
        max-height: calc(100dvh - 90px);
        overflow-y: auto;
    }
}
@media (max-width: 900px) {
    .public-nav-ready .marketing-page #public-nav {
        max-height: calc(100dvh - 72px);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding-bottom: 4px;
    }
    .marketing-page .public-nav-menu .public-nav-dropdown {
        width: 100%;
        max-width: none;
        box-shadow: none;
    }
}


.marketing-page .public-footer-legal { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.marketing-page .public-footer-legal a { color: #425c7c; font-size: 13px; }
.marketing-page .public-footer-legal a:is(:hover, :focus-visible, [aria-current="page"]) { color: #0758d7; text-decoration: underline; }
.marketing-page:is(.public-page-privacy, .public-page-terms) .public-feature-row a { color: #0758d7; text-decoration: underline; }