/*
Theme Name: SEO Ops Site
Description: Marketing site for the SEO Ops plugin. Page content is edited through ACF fields.
Version: 1.1.14
Text Domain: seo-ops-site
*/
body{margin:0;background:#EDEEE9;color:#121412;font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif}
a{color:#121412}a:hover{color:#000}
a:focus-visible,button:focus-visible{outline:3px solid #121412;outline-offset:3px;border-radius:12px}
.hl{background:linear-gradient(transparent 58%,#C8F03C 58%);text-decoration:none}
.hl:hover{background:#C8F03C}

/* Resources articles */
.sos-prose{font-size:19px;line-height:1.75;color:#20251F}
.sos-prose>*:first-child{margin-top:0}
.sos-prose h2{margin:48px 0 14px;font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-.04em;font-weight:800;color:#121412}
.sos-prose h3{margin:32px 0 10px;font-size:22px;letter-spacing:-.03em;font-weight:700;color:#121412}
.sos-prose p{margin:0 0 20px}
.sos-prose ul,.sos-prose ol{margin:0 0 24px;padding-left:24px}
.sos-prose li{margin-bottom:8px}
.sos-prose a{color:#121412;text-underline-offset:4px}
.sos-prose strong{color:#121412}
.sos-prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:4px solid #C8F03C;font-size:21px;line-height:1.5}
.sos-prose code{font-family:'Martian Mono',ui-monospace,Menlo,monospace;font-size:15px;padding:2px 8px;border-radius:8px;background:#E4E6DF}

/* Contact form */
.sos-form{max-width:640px}
.sos-form p{margin:0 0 20px}
.sos-form label{display:block;margin:0 0 6px;font-size:15px;font-weight:600;color:#121412}
.sos-form input[type=text],.sos-form input[type=email],.sos-form select,.sos-form textarea{box-sizing:border-box;width:100%;min-height:52px;padding:0 20px;border:1px solid #BEC2BA;border-radius:26px;background:#fff;color:#121412;font-family:inherit;font-size:17px}
.sos-form textarea{min-height:160px;padding:16px 20px;line-height:1.55;resize:vertical}
.sos-form input:focus,.sos-form select:focus,.sos-form textarea:focus{border-color:#121412;outline:3px solid #C8F03C;outline-offset:0}
.sos-form button{min-height:56px;padding:0 32px;border:0;border-radius:999px;background:#C8F03C;color:#121412;font-family:inherit;font-size:17px;font-weight:800;cursor:pointer}
.sos-form button:hover,.sos-form button:focus-visible{background:#121412;color:#C8F03C}
.sos-form-fine{font-size:12px;color:#3E433D}
.sos-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sos-form-note{max-width:640px;margin:0 0 24px;padding:18px 22px;border-radius:18px;font-size:17px;line-height:1.5}
.sos-form-ok{background:#E4E6DF;border-left:4px solid #121412}
.sos-form-err{background:#F6E3E1;border-left:4px solid #B3261E}
.sos-prose table{width:100%;margin:0 0 28px;border-collapse:collapse;font-size:16px;line-height:1.5}
.sos-prose th,.sos-prose td{padding:12px 14px;border-bottom:1px solid #BEC2BA;text-align:left;vertical-align:top}
.sos-prose th{font-family:'Martian Mono',ui-monospace,Menlo,monospace;font-size:12px;font-weight:400;color:#3E433D}
.sos-prose h3+p{margin-top:0}
@media (max-width:640px){.sos-prose table,.sos-prose thead,.sos-prose tbody,.sos-prose tr,.sos-prose th,.sos-prose td{display:block}.sos-prose thead{display:none}.sos-prose tr{padding:12px 0;border-bottom:1px solid #BEC2BA}.sos-prose td{border:0;padding:4px 0}}

/* Pricing: billing toggle (no JavaScript) */
.sos-bill{position:relative}
.sos-bill>input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.sos-bill-switch{display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 28px;padding:6px;border-radius:999px;background:#DCDFD6}
.sos-bill-switch label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font-weight:700;cursor:pointer}
.sos-bill-switch label span{font-family:'Martian Mono',ui-monospace,Menlo,monospace;font-size:11px;font-weight:400;padding:3px 8px;border-radius:999px;background:#C8F03C;color:#121412}
#sos-bill-annual:checked~.sos-bill-switch label[for=sos-bill-annual],#sos-bill-monthly:checked~.sos-bill-switch label[for=sos-bill-monthly]{background:#121412;color:#EDEEE9}
#sos-bill-annual:focus-visible~.sos-bill-switch label[for=sos-bill-annual],#sos-bill-monthly:focus-visible~.sos-bill-switch label[for=sos-bill-monthly]{outline:3px solid #121412;outline-offset:2px}
.sos-tiers-monthly{display:none!important}
#sos-bill-monthly:checked~div .sos-tiers-annual{display:none!important}
#sos-bill-monthly:checked~div .sos-tiers-monthly{display:block!important}
.sos-prose .sos-plan{display:inline-block;margin:0 0 28px;padding:10px 16px;border-radius:14px;background:#E4E6DF;font-size:16px;line-height:1.5}

/* Hero headings sit in a half-width column beside a screenshot: keep long words inside it */
h1,h2{overflow-wrap:break-word}
h1#f-h{font-size:clamp(40px,4.7vw,68px)!important}

/* Step-by-step flows: fit the columns to the screen (the design did this with a script) */
@media (max-width:1100px){
	ol[data-flow]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;row-gap:28px!important}
	ol[data-flow]>li{padding-right:12px!important}
	ol[data-flow]>li svg{display:none!important}
}
@media (max-width:480px){
	ol[data-flow]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile menu */
.sos-menu-btn{display:none;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1.5px solid #121412;border-radius:999px;background:transparent;color:#121412;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
.sos-menu-btn:hover{background:#121412;color:#EDEEE9}
@media (max-width:900px){
	.sos-menu-btn{display:inline-flex}
	header.sos-header .sos-nav,header.sos-header .sos-cta{display:none!important}
	header.sos-header.sos-open .sos-nav{display:flex!important;flex-direction:column;align-items:stretch!important;flex:1 1 100%;gap:0!important;margin-top:8px;border-top:1px solid #CDD0C8}
	header.sos-header.sos-open .sos-nav a{min-height:52px!important;padding:0 4px!important;border-bottom:1px solid #CDD0C8;border-radius:0!important;font-size:18px;background:transparent!important}
	header.sos-header.sos-open .sos-cta{display:flex!important;flex-direction:column;align-items:stretch!important;flex:1 1 100%;gap:10px!important;padding:16px 0 8px}
	header.sos-header.sos-open .sos-cta a{justify-content:center;min-height:52px!important}
}

/* Phone spacing (generated from the designs' own values by gen-mobile-spacing.js) */
@media (max-width:700px){
[style*="gap: 64px"]{row-gap:32px!important}
[style*="gap: 56px"]{row-gap:28px!important}
[style*="gap: 48px"]{row-gap:24px!important}
[style*="gap: 40px"]{row-gap:20px!important}
[style*="padding: 40px"]{padding:40px 24px 40px 24px!important}
[style*="gap: 48px 64px"]{row-gap:24px!important}
[style*="gap: 36px 48px"]{row-gap:18px!important}
[style*="gap: 40px 56px"]{row-gap:20px!important}
[style*="gap: 48px 72px"]{row-gap:24px!important}
[style*="gap: 32px 64px"]{row-gap:18px!important}
[style*="gap: 40px 72px"]{row-gap:20px!important}
[style*="gap: 32px 72px"]{row-gap:18px!important}
[style*="margin: 0 0 36px"]{margin-bottom:18px!important}
[style*="margin: 0 0 48px"]{margin-bottom:24px!important}
[style*="margin: 0 0 56px"]{margin-bottom:28px!important}
[style*="margin: 0 0 44px"]{margin-bottom:22px!important}
[style*="padding: 96px 40px"]{padding:32px 24px 32px 24px!important}
[style*="padding: 48px 40px"]{padding:24px 24px 24px 24px!important}
[style*="padding: 80px 40px"]{padding:26px 24px 26px 24px!important}
[style*="padding: 96px 32px"]{padding:32px 32px 32px 32px!important}
[style*="padding: 32px 36px"]{padding:32px 24px 32px 24px!important}
[style*="padding: 56px 44px"]{padding:24px 24px 24px 24px!important}
[style*="padding: 80px 24px"]{padding:26px 24px 26px 24px!important}
[style*="padding: 88px 40px"]{padding:29px 24px 29px 24px!important}
[style*="padding: 64px 44px"]{padding:24px 24px 24px 24px!important}
[style*="margin-bottom: 44px"]{margin-bottom:22px!important}
[style*="padding: 100px 24px"]{padding:33px 24px 33px 24px!important}
[style*="margin-bottom: 48px"]{margin-bottom:24px!important}
[style*="margin-bottom: 36px"]{margin-bottom:18px!important}
[style*="margin-bottom: 56px"]{margin-bottom:28px!important}
[style*="padding: 0 16px 80px"]{padding:0px 16px 26px 16px!important}
[style*="padding: 0 24px 80px"]{padding:0px 24px 26px 24px!important}
[style*="padding: 64px 0 24px"]{padding:24px 0px 24px 0px!important}
[style*="padding: 0 16px 100px"]{padding:0px 16px 33px 16px!important}
[style*="padding: 0 24px 120px"]{padding:0px 24px 40px 24px!important}
[style*="padding: 80px 24px 36px"]{padding:26px 24px 36px 24px!important}
[style*="padding: 48px 24px 96px"]{padding:24px 24px 32px 24px!important}
[style*="padding: 40px 16px 56px"]{padding:40px 16px 24px 16px!important}
[style*="padding: 56px 24px 72px"]{padding:24px 24px 24px 24px!important}
[style*="padding: 56px 24px 56px"]{padding:24px 24px 24px 24px!important}
[style*="padding: 56px 24px 40px"]{padding:24px 24px 40px 24px!important}
[style*="padding: 40px 24px 80px"]{padding:40px 24px 26px 24px!important}
[style*="padding: 64px 24px 40px"]{padding:24px 24px 40px 24px!important}
[style*="padding: 40px 24px 48px"]{padding:40px 24px 24px 24px!important}
[style*="padding: 56px 24px 64px"]{padding:24px 24px 24px 24px!important}
[style*="padding: 56px 24px 96px"]{padding:24px 24px 32px 24px!important}
[style*="padding: 80px 24px 120px"]{padding:26px 24px 40px 24px!important}
[style*="padding: 56px 24px 100px"]{padding:24px 24px 33px 24px!important}
[style*="padding: 40px 24px 100px"]{padding:40px 24px 33px 24px!important}
[style*="padding: 100px 24px 80px"]{padding:33px 24px 26px 24px!important}
[style*="padding: 100px 24px 60px"]{padding:33px 24px 24px 24px!important}
[style*="padding: 120px 24px 80px"]{padding:40px 24px 26px 24px!important}
[style*="padding: 60px 16px 100px"]{padding:24px 16px 33px 16px!important}
[style*="padding: 80px 24px 100px"]{padding:26px 24px 33px 24px!important}
[style*="padding: 100px 24px 120px"]{padding:33px 24px 40px 24px!important}
}

/* Phone: the overlapping "internal vs client" cards stack instead of covering each other */
@media (max-width:700px){
	[role="group"][aria-label="What stays internal and what clients see"]{min-height:0!important;display:flex!important;flex-direction:column;gap:16px}
	[role="group"][aria-label="What stays internal and what clients see"]>div{position:static!important;width:auto!important;min-height:0!important}
}