/* Public fixed-scope commercial offering for OctaOrigin's governed pilot. */

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

.octa-pilot-shell { width:min(calc(100% - 48px),1180px); margin-inline:auto; }
.octa-pilot :is(h1,h2,h3,h4) { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.038em; }
.octa-pilot-eyebrow,.octa-pilot-kicker,.octa-pilot-heading > div > p,.octa-pilot-limits-grid > div > p,.octa-pilot-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-pilot-eyebrow { display:flex; gap:12px; align-items:center; color:var(--op-lime); }
.octa-pilot-eyebrow span { width:28px; height:1px; background:currentColor; }

.octa-pilot-hero { padding-block:clamp(64px,8vw,112px); background:var(--op-green); color:#fff; }
.octa-pilot-breadcrumb { display:flex; gap:9px; margin-bottom:52px; color:#b8d3cd; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.octa-pilot-breadcrumb a { color:inherit; text-decoration:none; }
.octa-pilot-breadcrumb a:hover,.octa-pilot-breadcrumb a:focus-visible { color:#fff; text-decoration:underline; }
.octa-pilot-hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(310px,.5fr); gap:clamp(55px,9vw,120px); align-items:end; }
.octa-pilot-hero h1 { max-width:840px; margin:0; color:#fff; font-size:clamp(48px,5.7vw,76px); line-height:.98; }
.octa-pilot-lede { max-width:760px; margin:30px 0 0; color:#c4d9d4; font-size:clamp(17px,1.7vw,21px); line-height:1.7; }
.octa-pilot-actions { display:flex; flex-wrap:wrap; gap:18px 29px; align-items:center; margin-top:38px; }
.octa-pilot-button,.octa-pilot-contact a { display:inline-flex; gap:13px; align-items:center; padding:16px 23px; background:var(--op-lime); color:var(--op-ink); font-size:12px; font-weight:800; text-decoration:none; }
.octa-pilot-button:hover,.octa-pilot-button:focus-visible,.octa-pilot-contact a:hover,.octa-pilot-contact a:focus-visible { background:#ebffad; }
.octa-pilot-text-link { display:inline-flex; gap:11px; color:#fff; font-size:12px; font-weight:800; text-decoration:none; }
.octa-pilot-text-link:hover,.octa-pilot-text-link:focus-visible { text-decoration:underline; }
.octa-pilot-boundary { border:1px solid rgba(255,255,255,.25); background:#103e3a; }
.octa-pilot-boundary > p { margin:0; padding:14px 20px; background:var(--op-lime); color:var(--op-ink); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.octa-pilot-boundary dl { margin:0; }
.octa-pilot-boundary dl > div { display:grid; grid-template-columns:1fr auto; gap:20px; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.13); font-size:11px; }
.octa-pilot-boundary dt { color:#9fc0b8; }
.octa-pilot-boundary dd { margin:0; color:#fff; font-weight:800; text-align:right; }
.octa-pilot-boundary small { display:block; padding:17px 20px; color:#aac9c2; font-size:10px; line-height:1.55; }

.octa-pilot-basis { padding-block:clamp(82px,10vw,138px); border-bottom:1px solid #d5dfda; background:#edf4f0; }
.octa-pilot-basis-card { overflow:hidden; border:1px solid #bfd2ca; background:#fff; box-shadow:0 24px 70px rgba(16,39,37,.08); }
.octa-pilot-basis-card > header { display:flex; gap:35px; justify-content:space-between; align-items:flex-start; padding:34px 36px; border-bottom:1px solid #dbe4df; }
.octa-pilot-basis-card > header p { margin:0 0 8px; color:#347c70; font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.octa-pilot-basis-card > header h3 { max-width:720px; margin:0; font-size:clamp(28px,3vw,40px); line-height:1.05; }
.octa-pilot-basis-card > header code { display:block; margin-top:12px; color:#63736f; font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.octa-pilot-basis-card > header > strong { display:inline-flex; flex:none; gap:9px; align-items:center; padding:10px 13px; border:1px solid #b6d4c7; border-radius:999px; background:#edf7f2; color:#205f54; font-size:10px; line-height:1.3; }
.octa-pilot-basis-card > header > strong span { width:7px; height:7px; border-radius:50%; background:#4f9b7f; box-shadow:0 0 0 4px rgba(79,155,127,.13); }
.octa-pilot-basis-summary { max-width:950px; margin:0; padding:30px 36px; color:#526560; font-size:15px; line-height:1.8; }
.octa-pilot-basis-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin:0; border-block:1px solid #dbe4df; background:var(--op-cream); }
.octa-pilot-basis-metrics > div { display:flex; flex-direction:column-reverse; gap:8px; min-height:130px; justify-content:center; padding:25px 36px; border-right:1px solid #d8d4c7; }
.octa-pilot-basis-metrics > div:last-child { border-right:0; }
.octa-pilot-basis-metrics dt { color:#62716d; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.octa-pilot-basis-metrics dd { margin:0; color:var(--op-ink); font:400 clamp(35px,4vw,49px)/1 Georgia,'Times New Roman',serif; }
.octa-pilot-basis-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.octa-pilot-basis-grid section { min-height:300px; padding:32px 36px; border-right:1px solid #dbe4df; }
.octa-pilot-basis-grid section:last-child { border-right:0; }
.octa-pilot-basis-grid section > span { color:#347c70; font:italic 11px Georgia,serif; }
.octa-pilot-basis-grid h4 { margin:46px 0 10px; color:var(--op-ink); font-size:27px; line-height:1.07; }
.octa-pilot-basis-grid p { margin:0; color:#60706c; font-size:13px; line-height:1.7; }
.octa-pilot-basis-grid .octa-pilot-basis-meta { margin-bottom:16px; color:#347c70; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.octa-pilot-basis-grid a { display:inline-flex; gap:8px; margin-top:22px; color:var(--op-green); font-size:11px; font-weight:800; text-decoration:none; }
.octa-pilot-basis-grid a:hover,.octa-pilot-basis-grid a:focus-visible { text-decoration:underline; }
.octa-pilot-basis-card > footer { display:flex; gap:40px; justify-content:space-between; align-items:center; padding:27px 36px; background:var(--op-green); color:#fff; }
.octa-pilot-basis-card > footer > div { max-width:790px; }
.octa-pilot-basis-card > footer strong { display:block; margin-bottom:6px; font:400 22px/1.15 Georgia,'Times New Roman',serif; }
.octa-pilot-basis-card > footer p { margin:0; color:#bdd3ce; font-size:12px; line-height:1.65; }
.octa-pilot-basis-card > footer a { display:inline-flex; flex:none; gap:9px; align-items:center; color:var(--op-lime); font-size:11px; font-weight:800; text-decoration:none; }
.octa-pilot-basis-card > footer a:hover,.octa-pilot-basis-card > footer a:focus-visible { color:#fff; text-decoration:underline; }

.octa-pilot-fit,.octa-pilot-deliverables { padding-block:clamp(82px,10vw,138px); }
.octa-pilot-heading { display:grid; grid-template-columns:1fr .62fr; gap:clamp(55px,9vw,120px); align-items:end; margin-bottom:65px; }
.octa-pilot-heading h2 { max-width:750px; margin:0; font-size:clamp(42px,5vw,66px); line-height:1; }
.octa-pilot-heading > p { margin:0; color:var(--op-muted); font-size:14px; line-height:1.75; }
.octa-pilot-fit-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--op-line); border-left:1px solid var(--op-line); }
.octa-pilot-fit-grid article { min-height:290px; padding:30px; border-right:1px solid var(--op-line); border-bottom:1px solid var(--op-line); }
.octa-pilot-fit-grid article > span,.octa-pilot-deliverable-grid article > span { color:#347c70; font:italic 11px Georgia,serif; }
.octa-pilot-fit-grid h3,.octa-pilot-deliverable-grid h3 { margin:62px 0 15px; font-size:30px; line-height:1.04; }
.octa-pilot-fit-grid p,.octa-pilot-deliverable-grid p { margin:0; color:var(--op-muted); font-size:13px; line-height:1.72; }

.octa-pilot-deliverables { background:var(--op-cream); }
.octa-pilot-deliverable-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d8d4c7; border-left:1px solid #d8d4c7; }
.octa-pilot-deliverable-grid article { min-height:310px; padding:30px; border-right:1px solid #d8d4c7; border-bottom:1px solid #d8d4c7; }

.octa-pilot-method { padding-block:clamp(82px,10vw,138px); background:var(--op-green); color:#fff; }
.octa-pilot-heading-light > div > p { color:var(--op-lime); }
.octa-pilot-heading-light h2 { color:#fff; }
.octa-pilot-heading-light > p { color:#bdd3ce; }
.octa-pilot-weeks { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; border-top:1px solid rgba(255,255,255,.22); border-left:1px solid rgba(255,255,255,.22); list-style:none; }
.octa-pilot-weeks li { min-height:300px; padding:28px; border-right:1px solid rgba(255,255,255,.22); border-bottom:1px solid rgba(255,255,255,.22); }
.octa-pilot-weeks li:last-child { background:var(--op-mint); color:var(--op-ink); }
.octa-pilot-weeks li > span { color:var(--op-lime); font:italic 11px Georgia,serif; }
.octa-pilot-weeks li:last-child > span { color:#347c70; }
.octa-pilot-weeks h3 { margin:64px 0 15px; color:inherit; font-size:29px; line-height:1.05; }
.octa-pilot-weeks p { margin:0; color:#bdd3ce; font-size:13px; line-height:1.7; }
.octa-pilot-weeks li:last-child p { color:#49645e; }

.octa-pilot-commercial { padding-block:clamp(82px,10vw,138px); }
.octa-pilot-commercial-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.58fr); gap:clamp(60px,10vw,140px); align-items:start; }
.octa-pilot-commercial h2 { max-width:750px; margin:0; font-size:clamp(42px,5vw,66px); line-height:1; }
.octa-pilot-commercial-grid > div > p:last-child { max-width:760px; margin:28px 0 0; color:var(--op-muted); font-size:15px; line-height:1.8; }
.octa-pilot-commercial aside { border-top:4px solid var(--op-green); background:var(--op-cream); padding:30px; }
.octa-pilot-commercial aside > strong { display:block; font:400 29px/1.05 Georgia,serif; }
.octa-pilot-commercial ul { margin:26px 0 0; padding:0; border-top:1px solid #d8d4c7; list-style:none; }
.octa-pilot-commercial li { position:relative; padding:16px 0 16px 25px; border-bottom:1px solid #d8d4c7; color:#526560; font-size:13px; line-height:1.65; }
.octa-pilot-commercial li::before { position:absolute; top:25px; left:0; width:7px; height:7px; border:2px solid #347c70; border-radius:50%; content:''; }

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

.octa-pilot-contact { padding-block:clamp(82px,10vw,138px); background:var(--op-cream); }
.octa-pilot-contact-grid { display:grid; grid-template-columns:1fr .62fr; gap:clamp(60px,10vw,140px); align-items:end; }
.octa-pilot-contact h2 { max-width:760px; margin:0; font-size:clamp(42px,5vw,68px); line-height:1; }
.octa-pilot-contact-grid > div:last-child > p { margin:0; color:var(--op-muted); font-size:15px; line-height:1.8; }
.octa-pilot-contact a { margin-top:30px; background:var(--op-green); color:#fff; }
.octa-pilot-contact a:hover,.octa-pilot-contact a:focus-visible { background:var(--op-green-2); }

@media(max-width:1000px){
	.octa-pilot-hero-grid,.octa-pilot-heading,.octa-pilot-commercial-grid,.octa-pilot-limits-grid,.octa-pilot-contact-grid { grid-template-columns:1fr; }
	.octa-pilot-boundary { max-width:560px; }
	.octa-pilot-basis-card > header,.octa-pilot-basis-card > footer { align-items:flex-start; flex-direction:column; }
	.octa-pilot-fit-grid,.octa-pilot-deliverable-grid { grid-template-columns:repeat(2,1fr); }
	.octa-pilot-weeks { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:720px){
	.octa-pilot-shell { width:min(calc(100% - 32px),1180px); }
	.octa-pilot-hero { padding-block:54px 70px; }
	.octa-pilot-hero h1 { font-size:clamp(42px,12vw,58px); }
	.octa-pilot-basis-card > header,.octa-pilot-basis-summary,.octa-pilot-basis-grid section,.octa-pilot-basis-card > footer { padding-inline:24px; }
	.octa-pilot-basis-metrics,.octa-pilot-basis-grid { grid-template-columns:1fr; }
	.octa-pilot-basis-metrics > div,.octa-pilot-basis-grid section { min-height:0; border-right:0; border-bottom:1px solid #dbe4df; }
	.octa-pilot-basis-grid section { padding-block:30px; }
	.octa-pilot-basis-grid section:last-child { border-bottom:0; }
	.octa-pilot-basis-grid h4 { margin-top:28px; }
	.octa-pilot-fit-grid,.octa-pilot-deliverable-grid,.octa-pilot-weeks { grid-template-columns:1fr; }
	.octa-pilot-fit-grid article,.octa-pilot-deliverable-grid article,.octa-pilot-weeks li { min-height:240px; }
	.octa-pilot-boundary dl > div { grid-template-columns:1fr; gap:3px; }
	.octa-pilot-boundary dd { text-align:left; }
}