/* Octopus product story: execution, workbench, data and governance. */
.octo-jump{display:flex;gap:30px;flex-wrap:wrap;padding-block:25px;border-bottom:1px solid #cbd0dc}
.octo-jump a{font-size:var(--font-compact);color:#58627d;padding-block:5px}
.octo-jump a:hover{color:#252d4e;text-decoration:underline;text-underline-offset:6px}
.octo-role-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-block:1px solid #ccd0dc;padding-block:28px}
.octo-role-strip strong{display:block;font-size:24px;font-weight:400;margin-bottom:12px}
.octo-role-strip span{color:#687188;font-size:var(--font-copy);line-height:1.8}
.octo-runtime-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:end;margin:64px 0 33px}
.octo-runtime-intro h3,.octo-relation h3,.octo-cli h3,.octo-evidence h3{font-size:30px;letter-spacing:-1px;line-height:1.5;font-weight:400;margin-top:17px}
.octo-taskboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;background:#e9ebf2;padding:23px}
.octo-taskboard>div>span{display:block;color:#68738d;font-size:var(--font-compact);margin-bottom:19px}
.octo-taskboard article{padding:23px 18px;background:#f8f8fc;min-height:174px;border-top:2px solid #8b96b3}
.octo-taskboard article.octo-task-review{border-color:#b9916e;background:#faf5ee}
.octo-taskboard small{font-size:var(--font-label);letter-spacing:.5px;color:#67738e}
.octo-taskboard h4{font-weight:450;font-size:17px;line-height:1.6;margin:16px 0 10px}
.octo-taskboard p{font-size:var(--font-compact);color:#687188;line-height:1.9}
.octo-workbench{background:#1b2339;border:1px solid #626f975e;box-shadow:0 24px 60px #05091830}
.octo-demo-top{display:flex;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid #69759840;font-size:var(--font-label);letter-spacing:1px;color:#aeb9d7}
.octo-scene-tabs{display:flex;gap:0;border-bottom:1px solid #69759840}
.octo-scene-tabs button{display:flex;gap:28px;justify-content:space-between;background:transparent;color:#b8c2df;padding:21px 28px;font:inherit;font-size:var(--font-compact);flex:1;border-bottom:2px solid transparent;text-align:left}
.octo-scene-tabs button[aria-selected="true"]{color:#fff;background:#2a3552;border-bottom-color:#d0ad8d}
.octo-scene-tabs button:hover{background:#2a3552}
.octo-scene-tabs button:focus-visible{outline:2px solid #e7c4a4;outline-offset:-5px}
.octo-scene{padding:35px 32px 27px}
.octo-scene-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.octo-scene-title h3{font-size:25px;font-weight:400;letter-spacing:-.4px;line-height:1.5}
.octo-scene-title>span{font-size:var(--font-label);color:#c3cce5;border:1px solid #7382a572;padding:8px 12px;flex-shrink:0}
.octo-scene>p{color:#b5c0de;font-size:var(--font-copy);line-height:1.95;max-width:830px;margin-top:17px}
.octo-scene-table{margin-top:25px;overflow-x:auto}
.octo-scene table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.octo-scene th,.octo-scene td{padding:20px 16px;border-bottom:1px solid #64729440;font-size:var(--font-compact);line-height:1.9;font-weight:400;vertical-align:top}
.octo-scene thead th{color:#a7b4d5;background:#232d46;font-size:var(--font-compact)}
.octo-scene th:first-child{width:24%;padding-left:17px}
.octo-scene tbody th{color:#eef0f8}
.octo-scene td{color:#bfcae5}
.octo-scene td:last-child{color:#e4c4a9}
.octo-demo-note{font-size:var(--font-note);color:#aeb9d5;line-height:1.9;padding:0 32px 25px}
.octo-shared{display:flex;gap:22px 34px;align-items:center;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #52617d70}
.octo-shared>span{font-size:var(--font-compact);color:#a8b4d3;margin-right:auto}
.octo-shared strong{font-size:var(--font-compact);font-weight:400;color:#d2d8e9}
.octo-build{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:77px}
.octo-build .eyebrow{color:#abb8d9;font-size:var(--font-label)}
.octo-build h3{font-size:38px;line-height:1.5;letter-spacing:-1px;font-weight:400;margin:23px 0}
.octo-build ol{list-style:none;margin:0;padding:0}
.octo-build li{display:flex;gap:24px;border-bottom:1px solid #5968876e;padding:19px 0}
.octo-build li:first-child{padding-top:0}
.octo-build li>span{font-size:var(--font-label);color:#d7b79b;padding-top:4px}
.octo-build h4{font-size:17px;font-weight:400;margin-bottom:9px}
.octo-build li p{font-size:var(--font-copy);color:#b3bed9;line-height:1.85}
.octo-data-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}
.octo-data-grid article{border-top:1px solid #bfc7d8;padding-top:24px}
.octo-data-grid h3{font-size:28px;letter-spacing:-.6px;font-weight:400;margin:17px 0}
.octo-data-grid p{font-size:var(--font-copy);color:#667188;line-height:1.95}
.octo-relation{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#e9ebf3;padding:40px 44px;margin-top:55px}
.octo-relation .body-copy{font-size:var(--font-body);margin-top:18px}
.octo-relation-chain{display:flex;flex-direction:column;align-items:center}
.octo-relation-chain>span{border:1px solid #a4acc4;background:#f6f6fa;padding:14px 20px;min-width:230px;text-align:center;font-size:var(--font-compact);color:#4e5b7e}
.octo-relation-chain i{font-style:normal;color:#7783a4;margin:7px 0}
.octo-relation-chain small{color:#6a7692;font-size:var(--font-note);margin-top:23px;letter-spacing:.4px}
.octo-cli{border-top:1px solid #bbc4d6;padding-top:33px;margin-top:57px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}
.octo-cli p:not(.kicker){font-size:var(--font-compact);color:#667188;line-height:1.95}
.octo-cli span{display:block;font-size:var(--font-note);color:#596a91;margin-top:18px;letter-spacing:.4px}
.octo-architecture{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}
.octo-architecture .eyebrow{font-size:var(--font-label);color:#abb8d9;margin-bottom:26px}
.octo-architecture .body-copy{font-size:var(--font-body);line-height:2}
.octo-architecture .small-note{color:#a2aecb}
.octo-layers details{border-top:1px solid #6574946e}
.octo-layers details:last-child{border-bottom:1px solid #6574946e}
.octo-layers summary{display:grid;grid-template-columns:25px 1fr auto 16px;gap:13px;align-items:center;list-style:none;cursor:pointer;padding:23px 0}
.octo-layers summary::-webkit-details-marker{display:none}
.octo-layers summary>span{font-size:var(--font-label);color:#ab98a5}
.octo-layers summary strong{font-size:15px;font-weight:400;line-height:1.6}
.octo-layers summary small{font-size:var(--font-label);color:#a6b3d2}
.octo-layers summary i{font-style:normal;color:#d8bcaa;transition:transform .2s}
.octo-layers details[open] summary i{transform:rotate(45deg)}
.octo-layers details p{font-size:var(--font-copy);color:#b5c2df;line-height:1.95;padding:0 25px 24px 38px}
.octo-layers summary:focus-visible{outline:2px solid #d7bdab;outline-offset:3px}
.octo-evidence{border-top:1px solid #c8cede;padding-top:40px;margin-top:63px;display:grid;grid-template-columns:1fr 1.4fr;gap:75px;align-items:center}
.octo-evidence ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0}
.octo-evidence strong{display:block;font-size:18px;font-weight:400;color:#4e5d80;margin-bottom:9px}
.octo-evidence span{font-size:var(--font-note);color:#6a758e;line-height:1.8}
.octo-assembly{border-block:1px solid #bac3d6;padding:23px 0;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}
.octo-assembly>span{font-size:var(--font-compact);color:#6b7791}
.octo-assembly p{font-size:var(--font-compact);color:#4e5b7a;line-height:2.3}
.octo-assembly b{font-size:var(--font-compact);font-weight:400;color:#8b92ab;margin-inline:9px}
.octo-delivery{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:44px 0 0;padding:0}
.octo-delivery li>span{font-size:var(--font-label);color:#7a6880}
.octo-delivery h3{font-size:19px;line-height:1.6;font-weight:400;margin:16px 0 12px}
.octo-delivery p{font-size:var(--font-copy);line-height:1.9;color:#63718b}
@media(max-width:1100px){.octo-jump{gap:18px}.octo-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.octo-build,.octo-architecture{gap:48px}.octo-role-strip{gap:15px}.octo-taskboard{gap:10px;padding:17px}.octo-taskboard article{padding:18px 13px;min-height:195px}.octo-delivery{gap:18px}.octo-delivery h3{font-size:17px}.octo-relation{gap:45px;padding:33px}.octo-evidence{gap:40px}.octo-architecture{grid-template-columns:1fr 1.2fr}.octo-layers summary small{display:none}.octo-layers summary{grid-template-columns:25px 1fr 16px}}
@media(max-width:820px){
 .octo-jump{gap:9px 20px;padding-block:20px}.octo-jump a{font-size:var(--font-compact)}
 .octo-role-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding-block:24px}.octo-role-strip strong{font-size:21px;margin-bottom:8px}.octo-role-strip span{font-size:var(--font-copy)}
 .octo-runtime-intro{display:block;margin-top:44px}.octo-runtime-intro h3,.octo-relation h3,.octo-cli h3,.octo-evidence h3{font-size:27px}.octo-runtime-intro>.body-copy{font-size:var(--font-body);margin-top:20px}
 .octo-taskboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px;padding:19px 14px}.octo-taskboard article{min-height:190px;padding:19px 12px}.octo-taskboard>div>span{font-size:var(--font-compact);margin-bottom:13px}.octo-taskboard h4{font-size:15px}.octo-taskboard p{font-size:var(--font-compact)}
 .octo-demo-top{padding:17px 18px;font-size:var(--font-label);line-height:1.8}.octo-demo-top>span:last-child{display:none}.octo-scene-tabs button{font-size:var(--font-compact);padding:18px 14px;gap:8px}.octo-scene-tabs button span{display:none}
 .octo-scene{padding:24px 17px 20px}.octo-scene-title{align-items:start;gap:13px}.octo-scene-title h3{font-size:22px}.octo-scene-title>span{font-size:var(--font-label);padding:7px}.octo-scene>p{font-size:var(--font-copy)}
 .octo-scene th,.octo-scene td{padding:14px 9px;font-size:var(--font-compact)}.octo-scene thead th{font-size:var(--font-compact)}.octo-scene th:first-child{width:23%;padding-left:9px}.octo-scene-table{margin-top:20px}.octo-demo-note{font-size:var(--font-note);padding:0 17px 20px}
 .octo-shared{gap:15px 22px;padding-block:22px}.octo-shared>span{width:100%;font-size:var(--font-compact)}.octo-shared strong{font-size:var(--font-compact)}
 .octo-build{grid-template-columns:1fr;gap:30px;margin-top:47px}.octo-build h3{font-size:31px;margin:19px 0}.octo-build .eyebrow{font-size:var(--font-label)}.octo-build .body-copy{font-size:var(--font-body)}.octo-build li{gap:18px}.octo-build li p{font-size:var(--font-copy)}
 .octo-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 21px}.octo-data-grid h3{font-size:24px;margin:15px 0}.octo-data-grid p{font-size:var(--font-copy)}
 .octo-relation{grid-template-columns:1fr;gap:29px;margin-top:36px;padding:28px 23px}.octo-relation .body-copy{font-size:var(--font-body)}.octo-relation-chain>span{min-width:0;width:100%;font-size:var(--font-compact)}.octo-relation-chain small{font-size:var(--font-note);letter-spacing:0}
 .octo-cli{grid-template-columns:1fr;gap:22px;margin-top:36px;padding-top:27px}.octo-cli p:not(.kicker){font-size:var(--font-label)}.octo-cli span{font-size:var(--font-note)}
 .octo-architecture{grid-template-columns:1fr;gap:33px}.octo-architecture .eyebrow{font-size:var(--font-label)}.octo-architecture .body-copy{font-size:var(--font-body)}.octo-layers summary{padding:20px 0;gap:9px;grid-template-columns:20px 1fr 16px}.octo-layers summary strong{font-size:var(--font-compact)}.octo-layers details p{font-size:var(--font-copy);padding-left:29px;padding-right:16px}
 .octo-evidence{grid-template-columns:1fr;gap:28px;margin-top:43px;padding-top:29px}.octo-evidence ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.octo-evidence strong{font-size:17px}
 .octo-assembly{grid-template-columns:1fr;gap:14px}.octo-assembly p{font-size:var(--font-compact);line-height:2.4}.octo-assembly b{margin-inline:5px}.octo-delivery{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin-top:32px}.octo-delivery p{font-size:var(--font-copy)}
}
@media(prefers-reduced-motion:reduce){.octo-layers summary i{transition:none}}
@media(max-width:820px){.octo-scene th:first-child{width:28%}.octo-scene-title{flex-wrap:wrap}}