/* TODO(monorepo-patio): promote these brand tokens and components to the shared
   brand package. The existing MailPatio preview retains its own source styles. */
@font-face{font-family:PatioSans;src:url('/assets/source-previews/tafio/fonts/dmsans-0.woff2') format('woff2');font-display:swap}
@font-face{font-family:PatioSerif;src:url('/assets/portfolio/source-mail-career/EBGaramond-Regular.ttf') format('truetype');font-display:swap}
.patio-site{--pb-ink:#203c30;--pb-muted:#69786b;--pb-paper:#f6f5eb;--pb-line:#cfd8c4;margin:0;background:var(--pb-paper);color:var(--pb-ink);font-family:PatioSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.patio-site *{box-sizing:border-box}.patio-site a{color:inherit}.patio-site button{font:inherit}.patio-site [hidden]{display:none!important}.patio-site :focus-visible{outline:2px solid #446b47;outline-offset:5px}.patio-site section[id]{scroll-margin-top:24px}.patio-site .n-wrap,.pb-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.pb-skip{position:absolute;top:-100px;left:12px;z-index:30;background:#fff;padding:14px}.pb-skip:focus{top:10px}.pb-review{height:31px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-inline:30px;background:#e9eddf;color:#65745f;font-size:9px;letter-spacing:.05em}.pb-review a{text-decoration:none}.pb-header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--pb-line)}.pb-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.pb-brand>span{font:42px/1 PatioSerif,Georgia,serif;letter-spacing:-1.5px}.pb-mark{width:39px;height:39px;flex:none}.pb-header nav{display:flex;gap:28px;align-items:center}.pb-header nav a{font-size:12px;text-decoration:none}.pb-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.pb-header-lssm{padding:12px 16px;border:1px solid #bccab1;border-radius:30px;font-size:11px;text-decoration:none;white-space:nowrap}.pb-header-lssm span{margin-left:17px}.pb-kicker{display:block;font-size:9px;line-height:1.6;letter-spacing:.11em;font-weight:500;color:#6a795e}.pb-kicker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cf7955;margin-right:9px;vertical-align:1px}.pb-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:22px;align-items:center;padding-block:56px 55px}.pb-hero h1{font:clamp(60px,7.3vw,106px)/.94 PatioSerif,Georgia,serif;letter-spacing:-3px;font-weight:400;margin:27px 0}.pb-hero h1 em,.pb-close em{font-weight:400;color:#75835b}.pb-hero-copy>p{max-width:420px;font-size:15px;line-height:1.85;color:#62715f}.pb-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.pb-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;border-radius:40px;background:#274b39;color:#fafbf1!important;text-decoration:none;font-size:12px;font-weight:500;border:1px solid #274b39}.pb-button:hover{background:#365b43}.pb-text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;text-decoration:none;border-bottom:1px solid transparent;padding-block:6px}.pb-text-link:hover{border-color:currentColor}.pb-hero-foot{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:45px;font-size:8px;letter-spacing:.07em;color:#87917d}.pb-orbit{position:relative;aspect-ratio:1;width:100%;min-width:0;border-radius:50%;isolation:isolate;background:radial-gradient(circle at 50% 45%,#e3ead8 0,transparent 67%)}.pb-orbit-grid{position:absolute;inset:9%;border-radius:50%;background-image:radial-gradient(#aebca054 1px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(#000,transparent 70%)}.pb-orbit-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#a4b396;stroke-width:1}.pb-orbit-lines circle{stroke:#b8c5aa;stroke-dasharray:2 8;opacity:.7}.pb-orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32%;aspect-ratio:1;border:1px solid #b2c3a1;border-radius:50%;background:#e4ebd9;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px #f0f3e4a6}.pb-orbit-center .pb-mark{width:44px;height:44px}.pb-orbit-center strong{font:50px/1.2 PatioSerif,Georgia,serif;letter-spacing:-1.5px;font-weight:400}.pb-orbit-center>span{font-size:6px;letter-spacing:.17em;color:#697c59;margin-top:5px}.pb-orbit-node{position:absolute;transform:translate(-50%,-50%);display:grid;grid-template-columns:34px 1fr;align-items:center;gap:4px 9px;text-decoration:none;border:1px solid #ccd4be;border-radius:12px;padding:15px 16px;background:#fafbf3;min-width:152px;box-shadow:0 13px 25px #274b3910;transition:transform .18s,box-shadow .18s}.pb-orbit-node:hover{transform:translate(-50%,-54%);box-shadow:0 15px 28px #274b3920}.pb-orbit-node svg{width:28px;height:28px;grid-row:span 2;color:#6d8059}.pb-orbit-node>span{font-size:13px;white-space:nowrap}.pb-orbit-node small{font-size:9px;color:#809070}.pb-orbit-node-0{left:25%;top:16%;background:#f0f0dd}.pb-orbit-node-1{left:77%;top:25%;background:#e9efde}.pb-orbit-node-2{left:80%;top:69%;background:#f3e9df}.pb-orbit-node-3{left:40%;top:85%;background:#e8eade}.pb-orbit-node-4{left:16%;top:55%;background:#e6eee7}.pb-orbit-caption{position:absolute;bottom:-12px;left:0;right:0;display:flex;gap:8px;align-items:center;justify-content:center;font-size:9px;color:#8b957f}.pb-live-dot{width:5px;height:5px;border-radius:50%;background:#8b9f72}.pb-intro{display:grid;grid-template-columns:.7fr 1.7fr 1fr;gap:35px;padding-block:47px;border-top:1px solid var(--pb-line);border-bottom:1px solid var(--pb-line);align-items:start}.pb-intro h2{font:38px/1.12 PatioSerif,Georgia,serif;letter-spacing:-.8px;margin:0;font-weight:400}.pb-intro>p{font-size:12px;line-height:1.9;color:#6c7966;margin:0}.pb-intro>.pb-kicker{padding-top:7px}.pb-products{padding-block:75px 70px}.pb-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.pb-section-heading h2,.pb-future h2,.pb-ecosystem h2{font:54px/1.05 PatioSerif,Georgia,serif;letter-spacing:-1.2px;font-weight:400;margin:18px 0 0}.pb-section-heading>p{max-width:470px;font-size:12px;line-height:1.9;color:#697a60;margin:0}.pb-product-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid #c8d2bd;border-radius:14px;overflow:hidden;background:#f9faf2}.pb-product-tabs{display:flex;flex-direction:column;padding:15px;background:#e9eede;border-right:1px solid #c8d2bd;gap:6px}.pb-product-tabs button{border:1px solid transparent;border-radius:9px;padding:18px 14px;background:transparent;color:#5d7150;display:flex;align-items:center;text-align:left;gap:12px;cursor:pointer}.pb-product-tabs button svg{width:25px;height:25px;flex:none}.pb-product-tabs button span{flex:1}.pb-product-tabs strong,.pb-product-tabs small{display:block}.pb-product-tabs strong{font-size:13px;font-weight:500}.pb-product-tabs small{font-size:10px;color:#839073;margin-top:5px}.pb-product-tabs b{font-weight:400;font-size:14px;opacity:0}.pb-product-tabs button[aria-selected=true]{background:#fcfdf4;border-color:#c4d0b6;color:#254936;box-shadow:0 3px 7px #29493107}.pb-product-tabs button[aria-selected=true] b{opacity:1}.pb-product-panel{padding:35px 38px 20px}.pb-product-panel h3{font:40px/1.12 PatioSerif,Georgia,serif;letter-spacing:-.7px;font-weight:400;margin:13px 0}.pb-product-copy>p{font-size:13px;line-height:1.8;color:#62755a;max-width:650px}.pb-product-copy>a{margin:2px 0 15px}.pb-product-visual{height:300px;border:1px solid #c7d3bb;border-radius:8px;overflow:hidden;background:#183d3b}.pb-product-visual iframe{border:0;display:block;width:100%;height:100%;pointer-events:none;background:#f9fbf3}.pb-product-visual img{display:block;width:100%;height:100%;object-fit:contain}.pb-preview-note{font-size:9px;line-height:1.7;color:#859178;margin:12px 0 0}.pb-future{display:grid;grid-template-columns:.9fr 2fr;gap:65px;border-top:1px solid var(--pb-line);padding-block:70px}.pb-future>div:first-child>p{font-size:13px;line-height:1.85;color:#6b7a62;margin:20px 0;max-width:300px}.pb-future-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.pb-future-list>a{display:flex;flex-direction:column;border-top:1px solid #b7c8a7;padding-top:22px;text-decoration:none}.pb-future-list>a>span{font-size:8px;letter-spacing:.1em;color:#81916f}.pb-future h3{font:31px/1.08 PatioSerif,Georgia,serif;letter-spacing:-.6px;font-weight:400;margin:22px 0 14px}.pb-future-list p{font-size:11px;line-height:1.85;color:#6e7f62;flex:1}.pb-future-list b{font-weight:400;font-size:10px;margin-top:10px}.pb-build{padding-block:65px;border-top:1px solid var(--pb-line)}.patio-site .ts20-stack{margin-top:35px}.patio-site .ts20-card{background:#f2f5e9}.patio-site .ts20-card-contractspec{background:#e4ecd8}.patio-site .ts20-base{background:#2b4b3a;color:#f2f5e8}.patio-site .ts20-base .ts20-role,.patio-site .ts20-base-copy span{color:#b6c6a5}.patio-site .ts20-base-copy p{color:#e0e8d4}.pb-build-links{display:flex;gap:25px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #d2dcc6}.pb-build-links a{font-size:11px;text-decoration:none}.pb-build-links a:hover{text-decoration:underline}.pb-ecosystem{padding-block:65px;background:#e9efdf;border-block:1px solid #cbd8bd}.pb-ecosystem>.pb-wrap>p{font-size:13px;line-height:1.8;color:#6c7e60;margin-top:22px}.pb-ecosystem .ec-context{margin-top:38px;margin-bottom:0}.pb-domains{padding-block:75px}.pb-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pb-domain-grid article{padding:28px;border:1px solid #c5d1b7;background:#f0f4e5;border-radius:11px;display:flex;flex-direction:column;min-width:0}.pb-domain-grid article.pb-domain-primary{background:#e5ecd9;border-color:#b7c8a5}.pb-domain-grid article>span{font-size:8px;letter-spacing:.08em;color:#7d9069}.pb-domain-grid h3{font:36px PatioSerif,Georgia,serif;letter-spacing:-1px;font-weight:400;margin:22px 0 14px;overflow-wrap:anywhere}.pb-domain-grid h3 a{text-decoration:none}.pb-domain-grid h3 a:hover{text-decoration:underline;text-underline-offset:5px}.pb-domain-grid p{font-size:12px;line-height:1.85;color:#647a58;flex:1}.pb-domain-grid strong{font-size:10px;font-weight:500;border-top:1px solid #cbd7be;padding-top:17px;margin-top:14px}.pb-domain-foot{display:flex;justify-content:space-between;gap:25px;margin-top:23px}.pb-domain-foot p{font-size:11px;color:#7c8b70;line-height:1.8;max-width:650px;margin:0}.pb-domain-foot a{font-size:11px;white-space:nowrap}.pb-close{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:80px;border-block:1px solid var(--pb-line);background:radial-gradient(ellipse at center,#e8eddb,transparent 68%)}.pb-close>.pb-mark{width:48px;height:48px}.pb-close h2{font:75px/1 PatioSerif,Georgia,serif;letter-spacing:-2px;font-weight:400;margin:28px 0 35px}.pb-footer{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;padding-block:43px 24px;align-items:start}.pb-footer p{font-size:11px;color:#7d8a72;line-height:1.8;margin:0}.pb-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px 22px}.pb-footer nav a{font-size:10px;text-decoration:none}.pb-footer-note{grid-column:1/-1;border-top:1px solid #d9e1cd;padding-top:20px;font-size:9px;color:#94a087;margin-top:16px}
@media(max-width:1100px){.patio-site .n-wrap,.pb-wrap{width:calc(100% - 60px)}.pb-header nav{gap:18px}.pb-hero h1{font-size:86px}.pb-orbit-node{min-width:125px;padding:12px;grid-template-columns:25px 1fr;gap:4px 7px}.pb-orbit-node svg{width:22px;height:22px}.pb-orbit-node>span{font-size:11px}.pb-orbit-center strong{font-size:42px}.pb-orbit-center .pb-mark{width:34px;height:34px}.pb-intro{grid-template-columns:.6fr 1.3fr 1fr;gap:25px}.pb-intro h2{font-size:32px}.pb-product-workspace{grid-template-columns:210px minmax(0,1fr)}.pb-future{gap:35px;grid-template-columns:1fr 2.1fr}.pb-future-list{gap:18px}.pb-future h3{font-size:27px}.pb-domain-grid h3{font-size:31px}}
@media(max-width:800px){.pb-header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:22px;gap:18px}.pb-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #d3ddc8;padding-top:18px}.pb-hero{grid-template-columns:1fr;gap:25px;padding-block:45px}.pb-hero h1{font-size:86px}.pb-hero-copy>p{max-width:520px}.pb-orbit{max-width:580px;margin-inline:auto}.pb-orbit-node{min-width:150px}.pb-orbit-node>span{font-size:13px}.pb-orbit-center strong{font-size:51px}.pb-orbit-center .pb-mark{width:44px;height:44px}.pb-orbit-caption{bottom:0}.pb-intro{grid-template-columns:1fr 1.4fr}.pb-intro>.pb-kicker{grid-column:1/-1}.pb-section-heading{display:block}.pb-section-heading>p,.pb-section-heading>.pb-text-link{margin-top:20px}.pb-product-workspace{grid-template-columns:1fr}.pb-product-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #c8d2bd;padding:12px}.pb-product-tabs button{min-width:150px;padding:14px 12px}.pb-product-tabs b{display:none}.pb-product-panel{padding:28px}.pb-future{grid-template-columns:1fr;gap:30px}.pb-future>div:first-child>p{max-width:500px}.pb-future h2 br{display:none}.pb-domain-grid{grid-template-columns:1fr}.pb-domain-grid article{padding:25px}.pb-domain-grid h3{font-size:36px}.pb-domain-foot{display:block}.pb-domain-foot a{display:inline-block;margin-top:14px}.pb-footer{grid-template-columns:1fr 1fr}.pb-footer nav{grid-column:1/-1;justify-content:flex-start}.pb-section-heading h2,.pb-future h2,.pb-ecosystem h2{font-size:47px}}
@media(max-width:480px){.patio-site .n-wrap,.pb-wrap{width:calc(100% - 36px)}.pb-review{height:auto;min-height:30px;padding:8px 18px;font-size:7px;gap:12px}.pb-review>span{max-width:150px;text-align:right}.pb-brand>span{font-size:38px}.pb-header-lssm{font-size:9px;padding:10px 13px}.pb-header nav{gap:10px}.pb-header nav a{font-size:10px}.pb-hero h1{font-size:75px;letter-spacing:-2.5px}.pb-hero .pb-kicker{font-size:8px}.pb-hero-copy>p{font-size:14px}.pb-hero-actions{gap:17px}.pb-hero-foot{font-size:7px;gap:8px 12px;margin-top:32px}.pb-orbit{margin-top:16px;margin-bottom:10px}.pb-orbit-node{min-width:105px;padding:10px 8px;border-radius:8px;grid-template-columns:21px 1fr;gap:3px 5px}.pb-orbit-node svg{width:19px;height:19px}.pb-orbit-node>span{font-size:10px;letter-spacing:-.25px}.pb-orbit-node small{font-size:8px}.pb-orbit-center strong{font-size:37px}.pb-orbit-center .pb-mark{width:30px;height:30px}.pb-orbit-center>span{font-size:4px}.pb-orbit-center{box-shadow:0 0 0 7px #f0f3e4a6}.pb-orbit-caption{font-size:7px;bottom:-8px}.pb-intro{grid-template-columns:1fr;gap:20px;padding-block:34px}.pb-intro h2{font-size:34px}.pb-products,.pb-build,.pb-domains{padding-block:50px}.pb-section-heading h2,.pb-future h2,.pb-ecosystem h2{font-size:42px}.pb-product-panel{padding:24px 19px 18px}.pb-product-panel h3{font-size:34px}.pb-product-visual{height:230px}.pb-product-tabs button{min-width:135px}.pb-future{padding-block:45px}.pb-future-list{grid-template-columns:1fr}.pb-future-list>a{padding-top:19px}.pb-future h3{font-size:32px;margin-block:14px 10px}.pb-future-list p{max-width:350px}.pb-build-links{display:grid;gap:17px}.pb-ecosystem{padding-block:48px}.pb-close{padding-block:55px}.pb-close h2{font-size:58px}.pb-footer{grid-template-columns:1fr}.pb-footer nav{grid-column:auto}.pb-footer-note{grid-column:auto}.pb-domain-foot a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.pb-orbit-node{transition:none}}
/* Shared LSSM Account direction: identity and workspace boundaries remain explicit. */
.pb-account{display:grid;grid-template-columns:1fr 1fr;gap:22px 65px;padding-block:65px;border-top:1px solid var(--pb-line)}
.pb-account h2{font:54px/1.05 PatioSerif,Georgia,serif;letter-spacing:-1.2px;font-weight:400;margin:18px 0 22px}
.pb-account-copy>p{max-width:490px;font-size:13px;line-height:1.85;color:#697a60;margin-bottom:18px}
.pb-account-card{background:#eaf0df;border:1px solid #c7d4b9;border-radius:14px;padding:29px;align-self:center;min-width:0}
.pb-account-person{display:flex;gap:14px;align-items:center;padding-bottom:20px;border-bottom:1px solid #c8d6b9}
.pb-account-person>span{font-size:36px;color:#58754b}.pb-account-person strong{display:block;font-size:15px;font-weight:500}.pb-account-person small{display:block;font-size:10px;color:#81906f;margin-top:6px}
.pb-account-spaces{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.pb-account-spaces>a{padding:15px 14px;border:1px solid #c8d5ba;border-radius:8px;background:#f6f8ee;text-decoration:none;min-width:0}.pb-account-spaces span{display:block;font-size:8px;letter-spacing:.08em;color:#81906f}.pb-account-spaces strong{display:block;font-size:12px;font-weight:500;margin-top:9px}
.pb-account-card>p{font-size:12px;line-height:1.85;color:#65785a;margin-block:20px 12px}.pb-account-card>a{font-size:11px;text-underline-offset:4px}.pb-account-note{grid-column:1/-1;font-size:9px;line-height:1.75;color:#87927c;margin:0}
@media(max-width:800px){.pb-account{grid-template-columns:1fr;gap:27px;padding-block:50px}.pb-account h2{font-size:47px}.pb-account-copy>p{max-width:600px}.pb-account-card{max-width:650px}.pb-account-note{grid-column:auto}}
@media(max-width:480px){.pb-account h2{font-size:42px}.pb-account-card{padding:22px 19px}.pb-account-spaces{gap:9px}.pb-account-spaces>a{padding:13px 10px}.pb-account-spaces strong{font-size:11px}.pb-account-spaces span{font-size:7px}.pb-header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 18px}}
/* Patio's primary promise is shared infrastructure and data; products are entrances. */
.pb-hero h1.pb-infra-headline{font-size:clamp(60px,6.1vw,88px);line-height:1.04;letter-spacing:-2.5px}
.pb-foundation-entrances{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:5px}
.pb-foundation-entrances article{min-width:0;padding:25px 27px;background:#eef2e4;border:1px solid #c8d3bb;border-radius:10px}.pb-foundation-entrances article>span{font-size:8px;letter-spacing:.11em;color:#788b63}.pb-foundation-entrances h3{font:31px/1.12 PatioSerif,Georgia,serif;letter-spacing:-.5px;font-weight:400;margin:16px 0}.pb-foundation-entrances h3 a{text-decoration:none}.pb-foundation-entrances h3 a:hover{text-decoration:underline;text-underline-offset:4px}.pb-foundation-entrances p{font-size:12px;line-height:1.8;color:#697b5f;margin:0 0 17px;max-width:520px}.pb-foundation-entrances nav{display:flex;flex-wrap:wrap;gap:8px 15px;padding-top:15px;border-top:1px solid #cbd6be}.pb-foundation-entrances nav a{font-size:10px;line-height:1.6;text-underline-offset:3px}
.pb-intro>.pb-foundation-note{grid-column:1/-1;font-size:9px;line-height:1.75;color:#87927b;margin:0;max-width:1000px}
@media(max-width:1100px){.pb-header nav{gap:14px;flex-wrap:wrap;justify-content:center}.pb-header nav a{font-size:11px}.pb-hero h1.pb-infra-headline{font-size:clamp(63px,7vw,74px)}.pb-foundation-entrances h3{font-size:28px}}
@media(max-width:800px){.pb-header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.pb-hero h1.pb-infra-headline{font-size:83px}.pb-foundation-entrances{gap:18px}.pb-foundation-entrances article{padding:23px}.pb-foundation-entrances h3{font-size:27px}}
@media(max-width:600px){.pb-foundation-entrances{grid-template-columns:1fr}.pb-hero h1.pb-infra-headline{font-size:67px}}
@media(max-width:480px){.pb-header nav a{font-size:10px}.pb-header nav{gap:12px 18px}.pb-hero h1.pb-infra-headline{font-size:59px;letter-spacing:-1.8px}.pb-foundation-entrances h3{font-size:29px}.pb-foundation-entrances article{padding:23px 20px}.pb-orbit-caption{font-size:7px;text-align:center;max-width:100%;line-height:1.6}}
@media(max-width:360px){.pb-hero h1.pb-infra-headline{font-size:52px}}