/* Technology pillar: a human point of view on the systems underneath a business. */
.technology-page{--tech-bg:#f7f5f0;--tech-surface:#ecebe4;--tech-ink:#1a1d18;--tech-muted:#5a6155;--tech-line:#d0d3c7;--tech-accent:#596d39;background:var(--tech-bg);color:var(--tech-ink)}
[data-theme="dark"] .technology-page{--tech-bg:#171b16;--tech-surface:#22281f;--tech-ink:#f1f3e9;--tech-muted:#bac4b0;--tech-line:#46503f;--tech-accent:#c0d88c}
.technology-page main{overflow:hidden}.technology-page figure{margin:0}.technology-page main p{color:var(--tech-muted);font-size:17px;line-height:1.7}.technology-page main h1,.technology-page main h2,.technology-page main h3{color:var(--tech-ink)}
.technology-page main em{color:var(--tech-accent);font-style:normal}.tech-width{width:86%;max-width:1440px;margin-inline:auto}.tech-section{padding-block:112px}.technology-page main .tech-eyebrow{font:650 12px/1.5 Doto,monospace;letter-spacing:.09em;margin-bottom:28px;color:var(--tech-muted)}
.tech-eyebrow>span{margin-inline:12px;opacity:.55}.tech-hero{display:grid;grid-template-columns:1.06fr 1fr;max-width:1700px;margin-inline:auto;min-height:690px}.tech-hero-copy{padding:76px 7% 76px 13.2%;align-self:center;position:relative;z-index:1}.tech-hero h1{font-size:clamp(52px,5.5vw,84px);line-height:1.03;letter-spacing:-.055em;margin:34px 0 32px}.technology-page main .tech-lead{font-size:clamp(21px,2vw,27px);color:var(--tech-ink);line-height:1.4;letter-spacing:-.02em}.tech-hero-copy>p:not(.tech-eyebrow){max-width:500px}.tech-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.tech-actions .button{font-size:14px;color:#1a1a1a}.tech-text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--tech-line);padding-block:8px;font-size:15px;color:var(--tech-ink)}.tech-text-link:hover{border-color:var(--tech-accent)}
.tech-hero-art{position:relative;overflow:hidden;background:#e7dfd2;min-width:0}.tech-hero-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:54% center}.tech-hero-art figcaption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:12px;font:650 12px/1.5 Doto,monospace;letter-spacing:.055em;color:#414538;border-top:1px solid #4d4d4238;padding-top:18px}.tech-index{background:#20271e;color:#e9ede1;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 7%;font-size:14px}.tech-index>span{font:650 12px/1.5 Doto,monospace;letter-spacing:.07em;color:#b6c3a6}.tech-index>a{border-bottom:1px solid transparent;padding-block:5px}.tech-index>a:hover{border-color:#c7f94b;color:#c7f94b}
.technology-page main h2{font-size:clamp(38px,4.1vw,62px);line-height:1.1;letter-spacing:-.045em}.technology-page main h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}.tech-friction{display:grid;grid-template-columns:1fr 1fr;gap:60px 100px}.tech-friction>div:first-child>p:not(.tech-eyebrow){max-width:450px}.tech-friction-list article{display:grid;grid-template-columns:40px 1fr;gap:22px;border-top:1px solid var(--tech-line);padding:29px 0 10px}.tech-friction-list article>span{font:600 24px/1.3 Doto,monospace;color:var(--tech-accent)}.tech-friction-list h3{margin-bottom:12px}.tech-shift{grid-column:1/-1;border-top:1px solid var(--tech-line);padding-top:32px;display:flex;gap:35px;align-items:center}.technology-page .tech-shift>p{font-size:22px;letter-spacing:-.025em;line-height:1.5;margin:0}.tech-shift strong{font-weight:500;color:var(--tech-ink)}.technology-page .tech-shift .tech-eyebrow{margin:0}.tech-shift>a{margin-left:auto;flex-shrink:0}
.tech-ecosystem{background:var(--tech-surface)}.tech-section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.tech-section-heading h2{margin-bottom:0}.tech-section-heading>p{max-width:510px;margin-bottom:0}.tech-system-layout{display:grid;grid-template-columns:1fr 1.02fr;gap:60px;align-items:start}.tech-system-art{position:sticky;top:110px;overflow:hidden;border-radius:3px;background:#e7dfd2}.tech-system-art img{width:100%;height:auto;display:block}.tech-system-art figcaption{color:#414538;font:650 12px/1.5 Doto,monospace;padding:20px 25px;letter-spacing:.045em;background:#e7dfd2}.tech-system-directory{border-top:1px solid var(--tech-line)}.tech-system-directory details{border-bottom:1px solid var(--tech-line)}.tech-system-directory summary{display:grid;grid-template-columns:25px 1fr 18px;gap:18px;align-items:center;padding:27px 0;cursor:pointer;list-style:none}.tech-system-directory summary::-webkit-details-marker,.tech-questions summary::-webkit-details-marker{display:none}.tech-system-number{font:600 14px Doto,monospace;color:var(--tech-muted)}.tech-system-directory strong{display:block;font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.025em}.tech-status{display:block;font:650 12px/1.5 Doto,monospace;letter-spacing:.07em;color:var(--tech-muted);margin-bottom:9px}.tech-status-live{color:var(--tech-accent)}.tech-plus{font-size:24px;transition:transform .2s}.tech-system-directory details[open] .tech-plus{transform:rotate(45deg)}.tech-system-detail{padding:0 36px 28px 43px}.tech-system-detail>p{margin-bottom:18px}.tech-marketing-layer{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--tech-line);margin-top:65px;padding-top:45px}.tech-marketing-layer>div:first-child{max-width:510px}.tech-marketing-layer h3{font-size:30px!important}.tech-marketing-layer ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:18px 0}.tech-marketing-layer li{padding:12px 0;border-top:1px solid var(--tech-line);font-size:16px}.technology-page main .tech-small{font-size:14px}
.technology-page main .tech-community{background:#20271e;--tech-ink:#f1f3e9;--tech-muted:#bac4b0;--tech-line:#46503f;--tech-accent:#c7f94b}.tech-community .tech-section-heading{grid-template-columns:1.15fr 1fr}.tech-community .tech-section-heading h2{max-width:700px}.tech-community .tech-section-heading>div:last-child{max-width:485px}.tech-community .tech-section-heading .button{margin-top:8px;color:#1a1a1a}.tech-live-square{display:inline-block;width:7px;height:7px;background:#c7f94b;margin:0 8px 1px 0!important}.tech-product-shot{border:1px solid #68765a;border-radius:5px;overflow:hidden;background:#f7f5f0}.tech-product-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;background:#2d3726;color:#dce5ce}.tech-product-caption>span{font:650 12px/1.5 Doto,monospace;letter-spacing:.06em}.tech-product-caption a{font-size:14px;white-space:nowrap}.tech-product-caption a:hover{text-decoration:underline}.tech-product-shot>img{display:block;width:100%;height:auto}.tech-community-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:38px}.tech-community-outcomes article{border-top:1px solid var(--tech-line);padding-top:25px}.tech-community-outcomes h3{font-size:22px!important;margin-bottom:12px}.tech-community-outcomes p{font-size:16px!important}.tech-community>.tech-width>.tech-text-link{margin-top:15px}
.tech-method{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:0 0 22px}.tech-method li{border-top:1px solid var(--tech-line);padding-top:24px}.tech-method li>span{display:block;font:500 50px/1 Doto,monospace;color:var(--tech-accent);margin-bottom:32px}.tech-method h3{max-width:320px}.tech-trinity{background:var(--tech-surface)}.tech-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--tech-line)}.tech-pillars>article{padding:35px 32px 35px 0;display:flex;flex-direction:column}.tech-pillars>article+article{border-left:1px solid var(--tech-line);padding-left:32px}.tech-pillars img{display:block;width:144px;height:144px;object-fit:cover;border-radius:3px;margin-bottom:28px}.technology-page .tech-pillars .tech-eyebrow{margin-bottom:14px}.tech-pillars h3{font-size:36px!important;margin-bottom:20px}.tech-pillars .tech-pillar-label{font:650 12px/1.5 Doto,monospace;letter-spacing:.06em;color:var(--tech-muted);margin-top:auto;padding-top:14px}.tech-pillar-current .tech-pillar-label{color:var(--tech-accent)}.tech-trinity-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:35px}.technology-page main .tech-trinity-bottom>p{font-size:22px;color:var(--tech-ink);line-height:1.5;margin:0}.tech-questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.tech-questions details{border-top:1px solid var(--tech-line)}.tech-questions details:last-child{border-bottom:1px solid var(--tech-line)}.tech-questions summary{font-size:19px;padding:24px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px;align-items:center;line-height:1.45}.tech-questions summary>span{font-size:25px}.tech-questions details[open] summary>span{transform:rotate(45deg)}.tech-questions details>p{padding-right:34px}.tech-questions details a{text-decoration:underline;text-underline-offset:4px;color:var(--tech-ink)}
.tech-closing{background:var(--tech-surface);border-block:1px solid var(--tech-line);padding:90px 0;text-align:center}.technology-page .tech-closing h2{font-size:clamp(44px,5.2vw,80px);max-width:1100px;margin:0 auto 28px}.tech-closing .button{color:#1a1a1a;margin-top:12px}.tech-closing .tech-text-link{display:flex;width:fit-content;margin:18px auto 0}.tech-footer{background:var(--tech-bg);padding:48px 7% 24px;color:var(--tech-ink)}.tech-footer-top{display:flex;align-items:center;gap:25px}.tech-footer-top>a{display:flex;flex-shrink:0}.tech-footer-top>p{margin:0;font-size:15px}.tech-footer-top nav{margin-left:auto;display:flex;gap:25px;font-size:14px;flex-wrap:wrap}.tech-footer a:hover{text-decoration:underline}.tech-footer-base{border-top:1px solid var(--tech-line);margin-top:35px;padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:var(--tech-muted);font:600 12px Doto,monospace;letter-spacing:.05em}
@media(min-width:1700px){.tech-hero-copy{padding-left:119px}}
@media(max-width:1100px){.tech-hero-copy{padding-block:60px}.tech-hero h1{font-size:clamp(50px,6vw,66px)}.tech-hero-art figcaption{flex-direction:column;gap:2px}.tech-index{flex-wrap:wrap;gap:10px 25px}.tech-index>span{width:100%}}
@media(max-width:900px){.tech-width{width:88%}.tech-section{padding-block:72px}.tech-hero{grid-template-columns:1fr;min-height:0}.tech-hero-copy{padding:48px 6% 40px}.tech-hero h1{font-size:clamp(46px,9vw,68px);margin:25px 0}.tech-hero-copy>p:not(.tech-eyebrow){max-width:580px}.tech-hero-art{max-height:520px;aspect-ratio:1.18}.tech-hero-art>img{object-position:center 48%}.tech-hero-art figcaption{left:6%;right:6%;bottom:22px;flex-direction:row;font-size:11px}.tech-index{padding:22px 6%;display:grid;gap:10px;grid-template-columns:1fr}.tech-index>span{margin-bottom:5px}.tech-index>a{width:fit-content}.tech-actions{gap:15px 22px}.technology-page main p{font-size:16px}.technology-page main .tech-lead{font-size:23px}}
@media(max-width:1100px){.tech-friction,.tech-section-heading,.tech-marketing-layer,.tech-questions{gap:45px}.tech-system-layout{gap:35px}.tech-shift{flex-wrap:wrap;gap:20px}.tech-shift>a{margin-left:0}.tech-method{gap:25px}.tech-footer-top{flex-wrap:wrap}.tech-footer-top nav{width:100%;margin-left:0}.tech-pillars>article{padding-right:22px}.tech-pillars>article+article{padding-left:22px}.tech-system-directory strong{font-size:21px}}
@media(max-width:900px){.tech-friction,.tech-section-heading,.tech-system-layout,.tech-marketing-layer,.tech-community .tech-section-heading,.tech-questions{grid-template-columns:1fr;gap:32px}.technology-page main h2{font-size:clamp(35px,7.7vw,51px)}.tech-friction-list article{grid-template-columns:25px 1fr;gap:18px}.tech-shift{gap:15px}.tech-shift>.tech-eyebrow{width:100%}.technology-page .tech-shift>p{font-size:21px}.tech-section-heading{margin-bottom:35px}.tech-system-art{position:static}.tech-system-art figcaption{font-size:11px;padding:16px 18px}.tech-system-directory summary{grid-template-columns:22px 1fr 16px;gap:12px}.tech-system-directory strong{font-size:22px}.tech-system-detail{padding:0 0 25px 34px}.tech-marketing-layer{margin-top:40px;padding-top:35px}.tech-marketing-layer ul{grid-template-columns:1fr}.tech-product-caption{padding:16px;flex-direction:column;align-items:flex-start;gap:9px}.tech-community-outcomes,.tech-method,.tech-pillars{grid-template-columns:1fr;gap:0}.tech-community-outcomes{margin-top:25px}.tech-community-outcomes article{padding-top:22px}.tech-method li{padding-top:25px;margin-bottom:25px}.tech-method li>span{font-size:38px;margin-bottom:20px}.tech-method h3{max-width:none;margin-bottom:14px}.tech-pillars>article{padding:30px 0}.tech-pillars>article+article{border-left:0;border-top:1px solid var(--tech-line);padding-left:0}.tech-pillars img{width:120px;height:120px;margin-bottom:24px}.tech-pillars h3{font-size:31px!important}.tech-trinity-bottom{flex-direction:column;align-items:flex-start;gap:20px}.technology-page main .tech-trinity-bottom>p{font-size:20px}.tech-questions{gap:20px}.tech-questions summary{font-size:18px}.tech-closing{padding-block:65px}.technology-page .tech-closing h2{font-size:clamp(36px,8.7vw,60px)}.tech-closing p br{display:none}.tech-footer{padding:38px 6% 24px}.tech-footer-top{gap:20px}.tech-footer-top>p{max-width:220px}.tech-footer-top nav{gap:15px 24px}.tech-footer-base{flex-direction:column;gap:14px;line-height:1.5}}
@media(prefers-reduced-motion:no-preference){.tech-hero-copy{animation:tech-arrive .65s ease-out both}.tech-hero-art{animation:tech-arrive .8s ease-out both}@keyframes tech-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
