.octa-sols{--s-ink:#102725;--s-green:#154d47;--s-deep:#0b3431;--s-lime:#d9f77e;--s-mint:#b8ead5;--s-cream:#f5f3ea;--s-paper:#fbfaf5;--s-line:#d9ddd6;--s-muted:#5f706b;background:var(--s-paper);color:var(--s-ink);overflow:hidden}.octa-sols-shell{width:min(calc(100% - 48px),1180px);margin-inline:auto}.octa-sols :is(h1,h2,h3,blockquote){color:var(--s-ink);font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.038em}.octa-sols :is(.octa-sols-hero,.octa-sols-portfolio,.octa-sols-method) :is(h1,h2,h3){color:#fff}.octa-sols-kicker,.octa-sols-definition-grid>p,.octa-sols-heading>p,.octa-sols-questions header>p,.octa-sols-method header>p:first-child,.octa-sols-principles header>p,.octa-sols-distinction>.octa-sols-shell>p,.octa-sols-start-grid>div:first-child>p{margin:0 0 18px;color:#31776c;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.octa-sols-hero{position:relative;padding-block:clamp(62px,8vw,108px) clamp(84px,10vw,140px);background:var(--s-ink);color:#fff}.octa-sols-hero:before{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(217,247,126,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(217,247,126,.45) 1px,transparent 1px);background-size:42px 42px;content:"";mask-image:linear-gradient(90deg,transparent 0,#000 65%)}.octa-sols-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.62fr);gap:clamp(62px,9vw,126px);align-items:center}.octa-sols-kicker{color:var(--s-lime)}.octa-sols-hero h1{max-width:800px;margin:0;font-size:clamp(56px,7vw,92px);line-height:.91}.octa-sols-lede{max-width:760px;margin:32px 0 0;color:#c1d5d1;font-size:clamp(17px,1.7vw,21px);line-height:1.72}.octa-sols-actions{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:38px;align-items:center}.octa-sols-actions a:first-child,.octa-sols-start a{display:inline-flex;gap:13px;padding:16px 23px;background:var(--s-lime);color:var(--s-ink);font-size:12px;font-weight:800;text-decoration:none}.octa-sols-actions a:last-child{color:var(--s-mint);font-size:12px;font-weight:800;text-decoration:none}.octa-sols-blueprint{background:var(--s-cream);box-shadow:18px 18px 0 #28756a;color:var(--s-ink)}.octa-sols-blueprint>header{display:flex;padding:17px 20px;border-bottom:1px solid #d3d1c7;justify-content:space-between;color:#34776e;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.octa-sols-blueprint-body{padding:22px}.octa-sols-node{display:flex;padding:14px 15px;border:1px solid #b9c4be;align-items:center;gap:14px}.octa-sols-node small{color:#34776e;font:italic 9px Georgia,serif}.octa-sols-node strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.octa-sols-node--output{background:var(--s-lime);border-color:var(--s-lime)}.octa-sols-connector{display:grid;height:34px;grid-template-columns:repeat(3,1fr);gap:13px;padding-inline:25px}.octa-sols-connector i{position:relative;border-left:1px solid #9aaba5}.octa-sols-connector i:after{position:absolute;bottom:-1px;left:-3px;width:5px;height:5px;border-right:1px solid #9aaba5;border-bottom:1px solid #9aaba5;content:"";transform:rotate(45deg)}.octa-sols-components{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #b9c4be;border-left:1px solid #b9c4be}.octa-sols-components span{padding:12px;border-right:1px solid #b9c4be;border-bottom:1px solid #b9c4be;color:#355d57;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase}
.octa-sols-definition{padding-block:clamp(88px,11vw,150px)}.octa-sols-definition-grid{display:grid;grid-template-columns:210px minmax(0,850px);gap:clamp(60px,9vw,125px)}.octa-sols-definition-grid>p{padding-top:8px}.octa-sols-definition h2{margin:0;font-size:clamp(44px,5.5vw,71px);line-height:.98}.octa-sols-definition-grid>div>div{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:42px}.octa-sols-definition-grid>div>div p{margin:0;color:var(--s-muted);font-size:14px;line-height:1.82}
.octa-sols-portfolio{padding-block:clamp(85px,10vw,143px);background:var(--s-green);color:#fff;scroll-margin-top:80px}.octa-sols-heading{display:grid;grid-template-columns:210px 1fr;gap:clamp(60px,9vw,125px);margin-bottom:clamp(58px,7vw,88px)}.octa-sols-heading>p{padding-top:9px;color:var(--s-lime)}.octa-sols-heading>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:clamp(35px,6vw,75px);align-items:end}.octa-sols-heading h2{margin:0;font-size:clamp(42px,5.2vw,68px);line-height:.98}.octa-sols-heading>div>p{margin:0;color:#c2d7d2;font-size:14px;line-height:1.75}.octa-sols-portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.octa-sols-portfolio-grid>a{display:flex;min-height:365px;padding:26px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;flex-direction:column}.octa-sols-portfolio-grid>a:hover{background:rgba(217,247,126,.08)}.octa-sols-portfolio-grid>a>span{color:var(--s-mint);font:italic 10px Georgia,serif}.octa-sols-portfolio-grid small{margin-top:27px;color:var(--s-lime);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.octa-sols-portfolio-grid h3{margin:auto 0 15px;font-size:27px;line-height:1.06}.octa-sols-portfolio-grid p{margin:0;color:#bdd2cd;font-size:12px;line-height:1.68}.octa-sols-portfolio-grid b{margin-top:22px;color:var(--s-lime);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.octa-sols-questions{padding-block:clamp(86px,10vw,145px);background:var(--s-cream)}.octa-sols-questions header{display:grid;grid-template-columns:190px 1fr 230px;gap:38px;align-items:end;margin-bottom:65px}.octa-sols-questions header>p{margin:0}.octa-sols-questions h2{margin:0;font-size:clamp(42px,5.1vw,66px);line-height:.99}.octa-sols-questions header small{color:var(--s-muted);font-size:11px;line-height:1.6}.octa-sols-question-list{border-top:1px solid #d7d4ca}.octa-sols-question-list article{display:grid;grid-template-columns:70px minmax(270px,.75fr) 1fr;gap:32px;padding:30px 0;border-bottom:1px solid #d7d4ca;align-items:center}.octa-sols-question-list article>span{color:#34776e;font:italic 10px Georgia,serif}.octa-sols-question-list h3{margin:0;font-size:26px;line-height:1.08}.octa-sols-question-list b{display:block;margin-bottom:10px;color:#34776e;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.octa-sols-question-list p{margin:0;color:var(--s-muted);font-size:13px;line-height:1.7}
.octa-sols-method{padding-block:clamp(86px,10vw,145px);background:var(--s-ink);color:#fff}.octa-sols-method-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(65px,10vw,145px)}.octa-sols-method header{position:sticky;top:110px;align-self:start}.octa-sols-method header>p:first-child{color:var(--s-lime)}.octa-sols-method h2{margin:0;font-size:clamp(42px,5vw,64px);line-height:.99}.octa-sols-method header>p:last-child{margin:28px 0 0;color:#bdd2cd;font-size:14px;line-height:1.75}.octa-sols-method ol{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2);list-style:none}.octa-sols-method li{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.2)}.octa-sols-method li>span{color:var(--s-mint);font:italic 10px Georgia,serif}.octa-sols-method h3{margin:0 0 12px;font-size:27px}.octa-sols-method li p{margin:0;color:#bcd0cc;font-size:13px;line-height:1.7}
.octa-sols-principles{padding-block:clamp(82px,10vw,138px);background:var(--s-mint)}.octa-sols-principles header{display:grid;grid-template-columns:210px 1fr;gap:clamp(60px,9vw,125px);align-items:end}.octa-sols-principles header>p{margin:0}.octa-sols-principles h2{margin:0;font-size:clamp(42px,5.2vw,68px);line-height:.98}.octa-sols-principle-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:62px;border-top:1px solid rgba(16,39,37,.23);border-left:1px solid rgba(16,39,37,.23)}.octa-sols-principle-grid article{min-height:315px;padding:24px;border-right:1px solid rgba(16,39,37,.23);border-bottom:1px solid rgba(16,39,37,.23)}.octa-sols-principle-grid span{color:#36756c;font:italic 9px Georgia,serif}.octa-sols-principle-grid h3{margin:70px 0 17px;font-size:24px;line-height:1.06}.octa-sols-principle-grid p{margin:0;color:#405b55;font-size:12px;line-height:1.7}
.octa-sols-distinction{padding-block:clamp(84px,10vw,142px);background:var(--s-lime)}.octa-sols-distinction>.octa-sols-shell{display:grid;grid-template-columns:210px 1fr;gap:clamp(60px,9vw,125px)}.octa-sols-distinction>.octa-sols-shell>p{padding-top:8px}.octa-sols-distinction blockquote{max-width:900px;margin:0;padding:0;border:0;font-size:clamp(42px,5.3vw,69px);line-height:.98}.octa-sols-distinction a{display:inline-flex;margin-top:35px;color:var(--s-ink);font-size:11px;font-weight:800;text-decoration:none;text-transform:uppercase}.octa-sols-start{padding-block:clamp(86px,10vw,145px)}.octa-sols-start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.57fr);gap:clamp(60px,10vw,140px)}.octa-sols-start h2{margin:0;font-size:clamp(44px,5.5vw,72px);line-height:.97}.octa-sols-start-grid>div:last-child>p{margin:0;color:var(--s-muted);font-size:15px;line-height:1.8}.octa-sols-start-grid>div:last-child>p+p{margin-top:18px}.octa-sols-start a{margin-top:31px;background:var(--s-green);color:#fff}
@media(max-width:1120px){.octa-sols-hero-grid,.octa-sols-definition-grid,.octa-sols-heading,.octa-sols-questions header,.octa-sols-method-grid,.octa-sols-principles header,.octa-sols-distinction>.octa-sols-shell,.octa-sols-start-grid{grid-template-columns:1fr}.octa-sols-blueprint{max-width:620px}.octa-sols-heading>div{grid-template-columns:1fr}.octa-sols-portfolio-grid{grid-template-columns:1fr 1fr}.octa-sols-method header{position:static}.octa-sols-principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.octa-sols-shell{width:min(calc(100% - 32px),1180px)}.octa-sols-hero h1{font-size:clamp(46px,14vw,64px)}.octa-sols-blueprint{box-shadow:11px 11px 0 #28756a}.octa-sols-definition-grid>div>div,.octa-sols-portfolio-grid,.octa-sols-principle-grid{grid-template-columns:1fr}.octa-sols-portfolio-grid>a{min-height:330px}.octa-sols-question-list article{grid-template-columns:40px 1fr}.octa-sols-question-list article>div{grid-column:2}.octa-sols-distinction blockquote{font-size:40px}}