/* Company, journal, and help pages share the marketing design tokens. */
.company-hero{border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.company-hero .wrap{position:relative;padding-block:90px 80px;isolation:isolate}
.company-hero h1{font-size:clamp(52px,6.7vw,90px);max-width:930px;line-height:1.04;letter-spacing:normal;position:relative}
.company-hero h1 span{color:var(--accent)}
.company-hero .lede{max-width:670px;margin-top:30px;position:relative}
.company-hero .lede a{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.orbit-art{position:absolute;width:440px;height:440px;right:45px;top:15px;z-index:-1;opacity:.55;transform:rotate(-20deg);pointer-events:none}
.orbit-art i{position:absolute;inset:30px;border:1px solid #98b274;border-radius:50%;transform:rotateY(55deg) rotateX(20deg)}
.orbit-art i:nth-child(2){inset:65px;transform:rotateY(-40deg) rotateX(50deg);border-width:9px;border-color:#b5c995}
.orbit-art i:nth-child(3){inset:0;transform:rotateX(60deg) rotate(-25deg);border-color:#4a593b}
.orbit-art b{position:absolute;inset:185px;border:1px solid #d3dfbd;transform:rotate(45deg);background:#26311d}
.company-story{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}
.story-copy p{margin-bottom:24px}.story-copy .text-link{margin-top:15px}
.team-section,.values-section{background:var(--surface)}
.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;align-items:start}
.portrait{aspect-ratio:1;overflow:hidden;background:#171e12;margin-bottom:28px;border-radius:3px}
.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s}
.person:hover .portrait img{transform:scale(1.035);filter:saturate(1)}
.person h3{font-size:29px}.person-role{font-size:16px;color:var(--accent);margin:9px 0 22px}
.person details{border-top:1px solid var(--line);padding-top:18px}
.person summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.person summary::-webkit-details-marker{display:none}.person details p{font-size:16px;margin-top:18px}
.person details[open] summary span{transform:rotate(45deg)}
.job-listings{border-top:1px solid var(--line)}
.job-listing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0;border-bottom:1px solid var(--line);transition:color .25s}
.job-listing h3{font-size:clamp(27px,3vw,39px);margin-bottom:13px}.job-listing p{font-size:16px}
.job-listing>.arrow{font-size:35px;color:var(--accent);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.job-listing:hover h3{color:var(--accent)}.job-listing:hover>.arrow{transform:translateX(8px)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.value-card{border-top:1px solid #48543d;padding-top:25px}.value-card .num{color:var(--accent);font-size:13px;display:block;margin-bottom:35px}.value-card h3{font-size:30px;margin-bottom:24px}.value-card p{font-size:18px}
.blog-section{padding-block:40px 100px}.category-tabs-wrap{border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}
.category-tabs{display:flex;align-items:stretch;gap:28px;min-width:max-content}
.category-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:20px 0;font-size:15px;font-weight:500;cursor:pointer;min-height:52px}
.category-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.category-tab:hover{color:var(--ink)}
.category-count{font-size:11px;margin-left:5px;vertical-align:super;color:var(--muted)}
.search-box{display:flex;align-items:center;gap:15px;width:min(100%,480px);border-bottom:1px solid #515b45;padding:10px 0;margin:35px 0 55px;color:var(--muted)}
.search-box svg{width:20px;height:20px;flex-shrink:0}.search-box input{border:0;background:transparent;color:var(--ink);font-size:18px;width:100%;padding:10px 0;min-width:0;outline-offset:5px}.search-box input::placeholder{color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 30px;scroll-margin-top:120px}
.blog-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:25px;overflow:hidden}
.blog-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:3px;margin-bottom:25px;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.blog-card:hover>img{transform:scale(1.025)}
.blog-card h2{font-size:27px;line-height:1.18;letter-spacing:normal;margin-bottom:16px;transition:color .2s}.blog-card:hover h2{color:var(--accent)}
.blog-card p{font-size:16px;line-height:1.6;margin:12px 0}.blog-card .date,.blog-meta{font-size:12px;color:var(--accent);margin-top:22px}.blog-meta{display:flex;gap:20px}
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:60px}
.blog-pagination button{cursor:pointer;min-width:42px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 13px;font-size:14px;border-radius:3px}.blog-pagination button[aria-current],.blog-pagination button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.blog-pagination button:hover:not(:disabled){border-color:var(--accent)}.blog-pagination button:disabled{opacity:.4;cursor:default}.blog-no-results{padding:55px 0;border-block:1px solid var(--line)}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}.faq-intro{position:sticky;top:130px}.faq-intro h2{font-size:38px;margin-bottom:25px}.faq-intro p{font-size:18px}.faq-intro .text-link{display:table;margin-top:25px}
.product-questions details:first-child{padding-top:0}.product-questions summary{list-style:none;display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:23px;font-family:var(--display);line-height:1.35}.product-questions summary::-webkit-details-marker{display:none}.product-questions summary span{color:var(--accent);font:300 24px var(--body);transition:transform .3s}.product-questions details[open] summary span{transform:rotate(45deg)}
.help-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:75px;padding-block:70px 100px;align-items:start}
.help-layout .toc{position:sticky;top:120px;max-height:calc(100vh - 145px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#556445 transparent;padding-right:20px}
.help-layout .toc h3{font-size:17px;margin-bottom:22px}.toc-list{list-style:none;padding:0;display:grid;gap:5px}.toc-list a{font-size:15px;display:block;padding:5px 0;color:var(--muted)}.toc-list a:hover{color:var(--accent)}
.help-layout .content{min-width:0;max-width:800px}.help-layout .content>.section{padding:0 0 60px;margin-bottom:60px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.help-layout .content h2{font-size:36px;margin-bottom:30px}.help-layout .content h3{font-size:24px;margin:32px 0 18px;line-height:1.35}.help-layout .content h4{font-size:20px;margin-block:25px 16px}.help-layout .content p,.help-layout .content li{font-size:18px;line-height:1.75}.help-layout .content p{margin-bottom:20px}.help-layout .content ul,.help-layout .content ol{padding-left:25px;margin-block:18px 25px;color:var(--muted)}.help-layout .content li{margin-bottom:10px}.help-layout .content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.help-layout .anchor-link{margin-left:8px;font-size:.65em;opacity:.65}
.help-layout .note-box,.help-layout .warning-box,.help-layout .comparison-box{border:1px solid var(--line);background:var(--surface);padding:24px;margin:25px 0;border-radius:3px}.help-layout .warning-box{border-color:#738956}
.help-layout table{width:100%;border-collapse:collapse;margin-block:25px;font-size:15px}.help-layout th,.help-layout td{padding:15px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}.help-layout th{background:var(--surface);color:var(--ink)}.help-layout td{color:var(--muted)}.table-scroll{overflow-x:auto}
.help-layout code{font-size:.85em;background:var(--surface);color:#cbdcb1;padding:2px 5px;overflow-wrap:anywhere}.help-layout pre{overflow:auto;background:var(--surface);padding:22px;font-size:14px}
@media(min-width:1050px){.blog-card:first-child{grid-column:span 2}.blog-card:first-child>img{aspect-ratio:2.4}.blog-card:first-child h2{font-size:35px;max-width:650px}}
@media(max-width:1000px){.company-story,.faq-layout{gap:45px}.people-grid,.values-grid{gap:25px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}.orbit-art{right:-100px;opacity:.3}}
@media(max-width:700px){.company-hero .wrap{padding-block:65px}.company-hero h1{font-size:clamp(43px,8.5vw,62px)}.company-hero .lede{font-size:19px}.orbit-art{right:-260px;top:15px;opacity:.2}.company-story,.faq-layout,.help-layout{grid-template-columns:1fr;gap:40px}.people-grid,.values-grid{grid-template-columns:1fr;gap:45px}.portrait{max-width:400px}.person h3{font-size:30px}.faq-intro{position:static}.help-layout .toc{position:static;max-height:300px;border:1px solid var(--line);padding:22px}.help-layout .content h2{font-size:31px}.help-layout .content h3{font-size:23px}.help-layout .content p,.help-layout .content li{font-size:17px}.blog-grid{grid-template-columns:1fr;gap:38px}.blog-card>img{aspect-ratio:16/10}.blog-card h2{font-size:28px}.category-tabs{gap:23px}.category-tab{font-size:14px}.search-box{margin-bottom:35px}.job-listing{padding-block:30px}.job-listing h3{font-size:29px}.job-listing p{font-size:15px}.values-grid h3{font-size:31px}.product-questions summary{font-size:21px}.help-layout .content>.section{margin-bottom:40px;padding-bottom:40px}}

.help-layout .content :is(.section,h3){scroll-margin-top:10px}

.company-hero h1{font-weight:400;letter-spacing:normal;font-size:clamp(58px,7vw,100px)}
.company-hero h1 span{color:#d5dfc6}.person h3,.job-listing h3,.value-card h3{letter-spacing:normal}
.blog-card h2{font-size:32px;font-weight:400;letter-spacing:normal;line-height:1.15}
.product-questions summary{font-family:var(--body);font-size:20px;letter-spacing:normal}
.help-layout .content h2{font-size:42px}.help-layout .content h3{font-size:31px}
@media(min-width:1050px){.blog-card:first-child h2{font-size:42px}}
@media(max-width:700px){.company-hero h1{font-size:clamp(49px,12vw,65px)}.blog-card h2{font-size:32px}.product-questions summary{font-size:18px}.help-layout .content h2{font-size:36px}}