/* Public commercial terms. All selectors remain inside the Pricing page. */

body.octa-pricing-page .site-main { padding-block:0; }
body.octa-pricing-page .site-main > .entry-single,
body.octa-pricing-page .entry-single > .entry-content { width:100%; max-width:none; margin:0; }
body.octa-pricing-page .entry-single > .entry-content { padding:0; }

.octa-pricing {
	--ocp-ink:#102725;
	--ocp-green:#144f48;
	--ocp-green-2:#1c665d;
	--ocp-mint:#b8ead5;
	--ocp-lime:#d9f77e;
	--ocp-cream:#f5f3ea;
	--ocp-paper:#fbfaf5;
	--ocp-line:#d7ddd6;
	--ocp-muted:#60706c;
	background:var(--ocp-paper);
	color:var(--ocp-ink);
}

.octa-pricing-shell { width:min(calc(100% - 48px),1180px); margin-inline:auto; }
.octa-pricing :is(h1,h2,h3) { margin-top:0; color:var(--ocp-ink); font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.038em; }
.octa-pricing a { text-underline-offset:3px; }

.octa-pricing-hero { padding-block:clamp(64px,8vw,112px); background:var(--ocp-green); color:#fff; }
.octa-pricing-breadcrumb { display:flex; gap:9px; margin-bottom:52px; color:#b8d3cd; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.octa-pricing-breadcrumb a { color:inherit; text-decoration:none; }
.octa-pricing-breadcrumb a:hover,
.octa-pricing-breadcrumb a:focus-visible { color:#fff; text-decoration:underline; }
.octa-pricing-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(310px,.48fr); gap:clamp(55px,9vw,120px); align-items:end; }
.octa-pricing-eyebrow { display:flex; gap:12px; align-items:center; margin:0 0 18px; color:var(--ocp-lime); font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.octa-pricing-eyebrow span { width:28px; height:1px; background:currentColor; }
.octa-pricing-hero h1 { max-width:820px; margin-bottom:0; color:#fff; font-size:clamp(48px,5.7vw,76px); line-height:.98; }
.octa-pricing-lede { max-width:760px; margin:30px 0 0; color:#c4d9d4; font-size:clamp(17px,1.7vw,21px); line-height:1.7; }
.octa-pricing-principle { padding:28px; border:1px solid rgba(255,255,255,.25); background:#103e3a; }
.octa-pricing-principle > p { margin:0 0 36px; color:var(--ocp-lime); font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.octa-pricing-principle strong { display:block; color:#fff; font:400 30px/1.08 Georgia,'Times New Roman',serif; }
.octa-pricing-principle span { display:block; margin-top:17px; color:#b9d1cc; font-size:12px; line-height:1.7; }

.octa-pricing-products { padding-block:clamp(82px,10vw,138px); }
.octa-pricing-heading { display:grid; grid-template-columns:1fr .62fr; gap:clamp(55px,9vw,120px); align-items:end; margin-bottom:64px; }
.octa-pricing-heading > div > p,
.octa-pricing-consulting-grid > div > p,
.octa-pricing-boundary-grid > div > p,
.octa-pricing-contact-grid > div:first-child > p { margin:0 0 18px; color:#347c70; font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.octa-pricing-heading h2 { max-width:750px; margin-bottom:0; font-size:clamp(42px,5vw,66px); line-height:1; }
.octa-pricing-heading > p { margin:0; color:var(--ocp-muted); font-size:14px; line-height:1.75; }
.octa-pricing-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--ocp-line); border-left:1px solid var(--ocp-line); }
.octa-pricing-card { display:flex; min-height:660px; flex-direction:column; padding:38px; border-right:1px solid var(--ocp-line); border-bottom:1px solid var(--ocp-line); background:#fff; }
.octa-pricing-card.has-published-terms { border-top:5px solid var(--ocp-green); padding-top:33px; }
.octa-pricing-card header > p { margin:0 0 31px; color:#347c70; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.octa-pricing-card h3 { margin-bottom:17px; font-size:clamp(35px,4vw,50px); line-height:1; }
.octa-pricing-card header > span { display:block; max-width:480px; color:var(--ocp-muted); font-size:14px; line-height:1.75; }
.octa-pricing-price { display:flex; gap:25px; justify-content:space-between; align-items:flex-start; margin-top:44px; padding:27px 0; border-block:1px solid var(--ocp-line); }
.octa-pricing-price p { margin:0; }
.octa-pricing-price strong { display:block; color:var(--ocp-ink); font:400 clamp(42px,4.7vw,62px)/.95 Georgia,'Times New Roman',serif; letter-spacing:-.04em; }
.octa-pricing-price p > span { display:block; margin-top:10px; color:var(--ocp-muted); font-size:11px; font-weight:700; }
.octa-pricing-price em { flex:none; padding:8px 11px; border:1px solid #b6d4c7; border-radius:999px; background:#edf7f2; color:#205f54; font-size:9px; font-style:normal; font-weight:800; }
.octa-pricing-card dl { margin:0; }
.octa-pricing-card dl > div { display:grid; grid-template-columns:130px 1fr; gap:20px; padding:17px 0; border-bottom:1px solid var(--ocp-line); }
.octa-pricing-card dt { color:#71807c; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.octa-pricing-card dd { margin:0; color:#39524d; font-size:12px; font-weight:700; line-height:1.55; }
.octa-pricing-version { margin:15px 0 0; color:#71807c; font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.octa-pricing-unpublished { margin-top:44px; padding:27px; border-top:4px solid #d4b45e; background:var(--ocp-cream); }
.octa-pricing-unpublished > span { display:inline-block; padding:7px 10px; border-radius:999px; background:#f1e7c9; color:#765e22; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.octa-pricing-unpublished strong { display:block; max-width:430px; margin-top:24px; font:400 28px/1.08 Georgia,'Times New Roman',serif; }
.octa-pricing-unpublished p { margin:16px 0 0; color:var(--ocp-muted); font-size:12px; line-height:1.7; }
.octa-pricing-card-link { display:inline-flex; gap:10px; align-items:center; align-self:flex-start; margin-top:auto; padding-top:34px; color:var(--ocp-green); font-size:11px; font-weight:800; text-decoration:none; }
.octa-pricing-card-link:hover,
.octa-pricing-card-link:focus-visible { text-decoration:underline; }

.octa-pricing-consulting { padding-block:clamp(42px,6vw,72px); border-top:1px solid var(--ocp-line); background:var(--ocp-cream); }
.octa-pricing-consulting-grid { display:flex; gap:40px; justify-content:space-between; align-items:center; }
.octa-pricing-consulting-grid > div > p { margin-bottom:12px; }
.octa-pricing-consulting h2 { margin-bottom:0; font-size:clamp(30px,3.5vw,44px); line-height:1.05; }
.octa-pricing-consulting-grid > div > span { display:block; max-width:760px; margin-top:16px; color:var(--ocp-muted); font-size:14px; line-height:1.7; }
.octa-pricing-consulting a { display:inline-flex; flex:none; gap:12px; align-items:center; padding:16px 22px; background:var(--ocp-green); color:#fff; font-size:11px; font-weight:800; text-decoration:none; }
.octa-pricing-consulting a:hover,
.octa-pricing-consulting a:focus-visible { background:var(--ocp-green-2); }

.octa-pricing-boundary { padding-block:clamp(82px,10vw,138px); background:var(--ocp-ink); color:#fff; }
.octa-pricing-boundary-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(340px,.7fr); gap:clamp(60px,10vw,140px); }
.octa-pricing-boundary-grid > div > p { color:var(--ocp-mint); }
.octa-pricing-boundary h2 { max-width:650px; margin-bottom:0; color:#fff; font-size:clamp(42px,5vw,66px); line-height:1; }
.octa-pricing-boundary ul { margin:0; padding:0; border-top:1px solid rgba(255,255,255,.2); list-style:none; }
.octa-pricing-boundary li { position:relative; padding:20px 0 20px 27px; border-bottom:1px solid rgba(255,255,255,.2); color:#bdd1cd; font-size:13px; line-height:1.7; }
.octa-pricing-boundary li::before { position:absolute; top:29px; left:0; width:7px; height:7px; border:2px solid var(--ocp-mint); border-radius:50%; content:''; }

.octa-pricing-contact { padding-block:clamp(82px,10vw,138px); background:var(--ocp-cream); }
.octa-pricing-contact-grid { display:grid; grid-template-columns:1fr .62fr; gap:clamp(60px,10vw,140px); align-items:end; }
.octa-pricing-contact h2 { max-width:760px; margin-bottom:0; font-size:clamp(42px,5vw,68px); line-height:1; }
.octa-pricing-contact-grid > div:last-child > p { margin:0; color:var(--ocp-muted); font-size:15px; line-height:1.8; }
.octa-pricing-contact-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.octa-pricing-contact-actions a { display:inline-flex; gap:12px; align-items:center; padding:16px 22px; background:var(--ocp-green); color:#fff; font-size:11px; font-weight:800; text-decoration:none; }
.octa-pricing-contact-actions a:hover,
.octa-pricing-contact-actions a:focus-visible { background:var(--ocp-green-2); }
.octa-pricing-contact-actions a.is-secondary { border:1px solid #9fb5ad; background:transparent; color:var(--ocp-green); }
.octa-pricing-contact-actions a.is-secondary:hover,
.octa-pricing-contact-actions a.is-secondary:focus-visible { border-color:var(--ocp-green); background:#fff; }

@media(max-width:1000px) {
	.octa-pricing-hero-grid,
	.octa-pricing-heading,
	.octa-pricing-boundary-grid,
	.octa-pricing-contact-grid { grid-template-columns:1fr; }
	.octa-pricing-consulting-grid { align-items:flex-start; flex-direction:column; }
	.octa-pricing-principle { max-width:560px; }
}

@media(max-width:760px) {
	.octa-pricing-shell { width:min(calc(100% - 32px),1180px); }
	.octa-pricing-hero { padding-block:54px 70px; }
	.octa-pricing-hero h1 { font-size:clamp(42px,12vw,58px); }
	.octa-pricing-product-grid { grid-template-columns:1fr; }
	.octa-pricing-card { min-height:0; padding:29px 24px; }
	.octa-pricing-card-link { margin-top:40px; }
	.octa-pricing-price { flex-direction:column; }
}

@media(max-width:480px) {
	.octa-pricing-card dl > div { grid-template-columns:1fr; gap:7px; }
	.octa-pricing-contact-actions { align-items:stretch; flex-direction:column; }
	.octa-pricing-contact-actions a { justify-content:center; }
}