/* homepage content sections (old homepage information, new typography) */
.sx{padding:clamp(100px,15vh,190px) 6vw;position:relative}
.sx--dark{background:var(--ink)}.sx--ink2{background:var(--ink2)}.sx--white{background:#fff;color:var(--ink)}
.sx--tight{padding-top:clamp(60px,9vh,110px);padding-bottom:clamp(60px,9vh,110px)}
.sx__in{max-width:1280px;margin:0 auto}
.ed{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,120px);align-items:start}
.ed__h{position:sticky;top:120px}
.sx h2{margin:26px 0 30px;font-size:clamp(32px,4.2vw,64px);line-height:1.1;font-weight:200;letter-spacing:.02em}
.sx h2.big{font-size:clamp(34px,5vw,78px);max-width:980px}
.sx h2 em{color:var(--acc)}
.sx--white h2 em,.sx--white .micro{color:#8a7436}
.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.85;max-width:720px;opacity:.82}
.lead--dark{color:#3a4650;opacity:1;margin-bottom:70px}
.sx--white .lead{color:#3a4650;opacity:1}
.sx h2.big+.lead{margin-top:0}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.sx--white .btn{border-color:var(--ink);color:var(--ink)}.sx--white .btn:hover{background:var(--ink);color:#fff}
.more{display:inline-block;margin-top:34px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;padding-bottom:7px;border-bottom:1px solid var(--hair);transition:color .6s,border-color .6s}
.more:hover{color:var(--acc);border-color:var(--acc)}
.more--dark{border-color:rgba(6,18,28,.25)}.more--dark:hover{color:#8a7436;border-color:#8a7436}
/* claims flagged for owner review: faint dotted underline */
[data-flag]{border-bottom:1px dotted rgba(226,125,96,.7)}
/* platform */
.prods{list-style:none;margin-top:44px;border-top:1px solid var(--hair)}
.prods li{border-bottom:1px solid var(--hair)}
.prods a{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:26px 0;transition:padding .8s var(--ease),color .6s}
.prods a:hover{padding-left:14px;color:var(--acc)}
.prods b{font-weight:200;font-size:clamp(22px,2.4vw,34px);letter-spacing:.03em}
.prods span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.65;text-align:right}
.strip-line{margin-top:46px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.7;line-height:2.2}
.strip-line i{font-style:normal;color:var(--acc);margin:0 10px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(6,18,28,.18)}
.step{padding:40px 36px 50px 0;border-bottom:1px solid rgba(6,18,28,.18)}
.step+.step{padding-left:36px;border-left:1px solid rgba(6,18,28,.18)}
.step>i{display:block;font-family:var(--ser);font-style:italic;font-size:22px;color:#8a7436;margin-bottom:16px}
.step h3{font-size:clamp(20px,1.9vw,28px);font-weight:200;line-height:1.25;margin-bottom:14px}
.step p{color:#3a4650;line-height:1.8;margin-bottom:26px}
.demo{border:1px solid rgba(6,18,28,.2);padding:16px 18px;font-size:14px;letter-spacing:.04em;color:#3a4650}
.demo--in span{color:#8a7436;margin-right:8px}
.demo--out{display:grid;grid-template-columns:auto 1fr;gap:2px 18px;align-items:baseline}
.demo--out b{grid-row:span 2;font-size:64px;font-weight:200;color:var(--ink);line-height:1}
.demo--out span{font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.demo--out em{font-family:var(--ser);font-size:17px}
.demo--out small{grid-column:1/-1;margin-top:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{border:1px solid rgba(6,18,28,.22);padding:6px 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-radius:48px}
.chips--lg{margin-top:44px}.chips--lg span{border-color:var(--hair);padding:9px 18px}
/* numerals */
.nums{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--hair)}
.nums--dark{border-top-color:rgba(6,18,28,.18)}
.nums--col{grid-template-columns:1fr;margin-top:0}
.num{padding:34px 24px 0 0}
.nums:not(.nums--col) .num+.num{padding-left:24px;border-left:1px solid var(--hair)}
.nums--dark .num+.num{border-left-color:rgba(6,18,28,.18)}
.num b{font-weight:200;font-size:clamp(46px,6vw,92px);line-height:1;letter-spacing:.01em}
.num b small{font-size:.4em;letter-spacing:.04em;margin-left:4px}
.num u,.num b u{text-decoration:none;font-family:var(--ser);font-style:italic;font-size:clamp(26px,3vw,44px);color:var(--acc);margin-left:6px}
.nums--dark .num u,.num b u{color:#8a7436}
.num>span{display:block;margin-top:16px;font-size:13px;line-height:1.7;opacity:.7;max-width:260px}
.nums--col .num{padding:30px 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:auto 1fr;gap:0 30px;align-items:baseline}
.nums--col .num>span{margin:0}
/* definition list */
.def>div{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:30px 0;border-top:1px solid var(--hair)}
.def>div:last-child{border-bottom:1px solid var(--hair)}
.def dt{font-size:clamp(20px,2vw,28px);font-weight:200;letter-spacing:.03em}
.def dd{opacity:.75;line-height:1.8}
/* tabs */
.tabs{margin-top:60px;border-top:1px solid var(--hair)}
.tabs__bar{display:flex;gap:0;border-bottom:1px solid var(--hair)}
.tabs__bar button{flex:1;background:none;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;color:#fff;font:400 12px/1 'Outfit',sans-serif;letter-spacing:.22em;text-transform:uppercase;padding:26px 12px;cursor:pointer;opacity:.5;transition:opacity .6s,border-color .6s;min-height:44px}
.tabs__bar button[aria-selected=true]{opacity:1;border-bottom-color:var(--acc);color:var(--acc)}
.tabs__p{padding:50px 0 10px;display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,6vw,100px)}
.tabs__p[hidden]{display:none}
.tabs__p h3{font-size:clamp(26px,3vw,44px);font-weight:200;letter-spacing:.02em;grid-row:span 3}
.tabs__p p{line-height:1.85;opacity:.82}
.tabs__p ul{list-style:none}
.tabs__p li{padding:14px 0;border-top:1px solid var(--hair);opacity:.85}
.tabs__p li:last-child{border-bottom:1px solid var(--hair)}
.tabs__p .more{justify-self:start;margin-top:10px}
/* capabilities */
.caps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(6,18,28,.18);border-left:1px solid rgba(6,18,28,.18)}
.cap{padding:34px 28px 38px;border-right:1px solid rgba(6,18,28,.18);border-bottom:1px solid rgba(6,18,28,.18)}
.cap h3{font-size:clamp(20px,1.8vw,26px);font-weight:200;margin-bottom:26px}
.cap p{font-size:clamp(18px,1.6vw,24px);font-weight:300;line-height:1.3}
.cap small{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin-bottom:6px;font-weight:400}
/* methodology layers */
.layers{list-style:none;counter-reset:l}
.layers li{counter-increment:l;display:grid;grid-template-columns:44px 1.1fr 1.6fr 1.3fr auto;gap:16px;align-items:baseline;padding:24px 0;border-top:1px solid var(--hair);font-size:14px}
.layers li:last-child{border-bottom:1px solid var(--hair)}
.layers li::before{content:counter(l,decimal-leading-zero);font-family:var(--ser);font-style:italic;color:var(--acc);font-size:18px}
.layers b{font-weight:200;font-size:clamp(20px,1.9vw,28px);letter-spacing:.04em;text-transform:none}
.layers span{opacity:.85}.layers em{font-style:normal;opacity:.55}
.layers u{text-decoration:none;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);text-align:right}
/* feed */
.feed{border:1px solid var(--hair)}
.feed summary{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;padding:24px 28px;cursor:pointer;list-style:none;min-height:44px}
.feed summary::-webkit-details-marker{display:none}
.feed__t{font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.feed__g{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}
.feed__g p{display:flex;flex-direction:column;gap:4px;padding:22px 28px;border-bottom:1px solid var(--hair);border-right:1px solid var(--hair)}
.feed__g b{font-weight:400;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.55}
.feed__g span{font-size:clamp(20px,2vw,28px);font-weight:200}
.feed__g em{font-style:normal;font-size:12px;opacity:.55}
/* industries rich */
.head .lead{margin:30px auto 0}
.inds--rich .ind{align-items:flex-end;justify-content:flex-start;height:auto;min-height:62vh;padding:0}
.ind__t{padding:40px 28px 48px;width:100%}
.ind__t i{display:block;font-family:var(--ser);font-size:20px;color:var(--acc);margin-bottom:12px}
.ind__t h3{font-size:clamp(20px,1.7vw,26px);font-weight:200;letter-spacing:.03em;margin-bottom:14px}
.ind__t p{font-size:14px;line-height:1.75;opacity:.78;margin-bottom:26px}
.ind__t span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--hair)}
.inds--rich .ind:hover .ind__t span{border-color:var(--acc);color:var(--acc)}
.inds--rich .ind img{opacity:.28}
/* compare */
.tblw{overflow-x:auto;border-top:1px solid rgba(6,18,28,.18)}
.cmp{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
.cmp th,.cmp td{padding:22px 18px;text-align:left;border-bottom:1px solid rgba(6,18,28,.14);font-weight:300;vertical-align:top}
.cmp thead th{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;color:#3a4650}
.cmp thead th:nth-child(2){color:#8a7436}
.cmp tbody th{font-weight:300;width:28%}
.cmp td:nth-child(2){font-weight:400}
.quote{margin:100px auto 0;max-width:900px;text-align:center}
.quote blockquote{font-family:var(--ser);font-style:italic;font-size:clamp(26px,3.4vw,48px);line-height:1.3;font-weight:300}
.quote figcaption{margin-top:30px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#3a4650}
.quote figcaption em{font-family:var(--ser);text-transform:none;letter-spacing:0;font-size:16px;color:#8a7436;margin-left:6px}
/* directory */
.dir{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px;padding-top:40px;border-top:1px solid var(--hair)}
.dir h4{font-weight:400;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--acc);margin-bottom:20px}
.dir a{display:block;padding:7px 0;font-size:14px;opacity:.75;transition:opacity .4s}.dir a:hover{opacity:1}
.more-nav{margin-top:50px;border-top:1px solid var(--hair);padding-top:22px}
.more-nav summary{cursor:pointer;font-size:12px;letter-spacing:.24em;text-transform:uppercase;opacity:.7;min-height:44px;display:flex;align-items:center}
.more-nav p{margin-top:14px;font-size:14px;opacity:.75}.more-nav b{font-weight:400;margin-right:8px}
.more-nav a:hover{color:var(--acc)}
.legal{margin-top:60px;font-size:12px;line-height:2;opacity:.5;letter-spacing:.04em}
.sx--dark+.sx--dark{border-top:1px solid var(--hair)}
@media(max-width:1000px){
 .ed{grid-template-columns:1fr;gap:40px}.ed__h{position:static}
 .steps{grid-template-columns:1fr}.step,.step+.step{padding:34px 0;border-left:0}
 .nums{grid-template-columns:1fr 1fr;margin-top:60px}.nums .num{padding:30px 16px 20px 0!important;border-left:0!important}
 .nums .num:nth-child(even){padding-left:16px!important;border-left:1px solid var(--hair)!important}
 .nums--col{grid-template-columns:1fr}.nums--col .num:nth-child(even){border-left:0!important;padding-left:0!important}
 .tabs__bar{flex-direction:column}.tabs__p{grid-template-columns:1fr}.tabs__p h3{grid-row:auto}
 .caps{grid-template-columns:1fr 1fr}
 .def>div{grid-template-columns:1fr;gap:10px}
 .layers li{grid-template-columns:34px 1fr;gap:4px 12px}.layers li>*{grid-column:2}.layers li::before{grid-row:1/span 4}.layers u{text-align:left}
 .feed__g{grid-template-columns:1fr 1fr}.feed__g p{padding:16px 16px}
 .inds--rich .ind{min-height:0}
 .inds--rich .ind__t{padding:34px 20px 36px}
 .dir{grid-template-columns:1fr 1fr}
 .prods a{flex-direction:column;gap:6px}.prods span{text-align:left}
}