.reference-page {
*, *::before, *::after { box-sizing:border-box }
button, a { -webkit-tap-highlight-color:transparent }
img { max-width:100%;display:block }
.shell { max-width:1440px;padding-left:clamp(24px,5.4vw,84px);padding-right:clamp(24px,5.4vw,84px);margin-inline:auto }
.site-header { height:91px;background:rgba(255,255,255,.96);border-bottom:1px solid #eef1f0;position:relative;z-index:25 }
.desktop-nav { display:flex;gap:clamp(22px,2.5vw,45px);align-items:center;margin-left:auto }
.desktop-nav a:not([class*="text-brand-"]) { font-weight:700;font-size:13px;color:#243048;transition:color .2s }
.desktop-nav a:not([class*="text-brand-"]):hover { color:var(--teal) }
.menu-toggle, .mobile-nav { display:none }
.eyebrow { font-family:var(--font-heading);font-size:11px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:13px;color:var(--teal-dark) }
.eyebrow-line { display:inline-block;width:30px;height:1px;background:currentColor }
.eyebrow.light { color:#fff }
h1, h2, h3, h4, p { margin-top:0 }
h1, h2, h3, h4 { font-family:var(--font-heading);letter-spacing:-.058em }
em { font-style:normal;color:var(--teal) }
.text-link { font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid currentColor;padding-bottom:7px;color:var(--navy) }
.text-link:hover { color:var(--teal) }
.hero-actions { display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:35px }
.hero-home { position:relative;min-height:710px;display:grid;grid-template-columns:54% 46%;gap:0;align-items:center;padding-top:42px;padding-bottom:72px;overflow:hidden }
.hero-copy { position:relative;z-index:3;padding-bottom:35px }
.hero-copy h1 { font-size:clamp(58px,5.35vw,86px);line-height:1.10;font-weight:800;letter-spacing:-.075em;max-width:740px;margin:27px -110px 27px 0 }
.teal-ink { color:var(--teal) }
.hero-lead { font-size:18px;line-height:1.7;color:#4a586b;max-width:475px }
.hero-art { height:560px;position:relative;margin-left:-35px }
.art-halo { position:absolute;width:530px;height:530px;border-radius:50%;background:#e5f6ef;top:18px;right:-83px }
.art-grid { position:absolute;inset:25px -75px 0 0;background-image:linear-gradient(#a8d4c622 1px,transparent 1px),linear-gradient(90deg,#a8d4c622 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%) }
.dashboard-window { background:#fff;border:1px solid #dce6e3;box-shadow:0 24px 65px rgba(18,55,55,.13),0 7px 18px rgba(18,55,55,.06);border-radius:12px;overflow:hidden;position:relative }
.hero-window { position:absolute;width:465px;top:95px;right:-35px;transform:rotate(-2deg) }
.window-top { height:43px;border-bottom:1px solid #e9eeee;display:flex;align-items:center;padding:0 17px;gap:20px;font-size:10px;font-weight:700;color:#698080 }
.window-dots { display:flex;gap:5px }
.window-dots i { width:7px;height:7px;background:#d5e0e0;border-radius:50% }
.window-dots i:first-child { background:#edae9e }
.window-dots i:nth-child(2) { background:#f3d2a0 }
.window-dots i:nth-child(3) { background:#abd6c7 }
.window-icon { margin-left:auto }
.dashboard-inner { padding:29px 27px 28px }
.dash-intro { display:flex;flex-direction:column;gap:9px }
.dash-kicker, .tiny-label { font-size:9px;font-weight:800;color:#53847d;letter-spacing:.13em }
.dash-intro strong { font-size:22px;font-family:var(--font-heading);letter-spacing:-.05em }
.dash-small { font-size:10px;color:#82908d }
.dash-stats { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 }
.dash-stats>div { min-height:120px;border:1px solid #e8efec;border-radius:7px;padding:15px;background:#fbfdfb;position:relative;overflow:hidden }
.dash-stats span { font-size:10px;color:#697b7e;display:block }
.dash-stats strong { display:block;font-family:var(--font-heading);font-size:19px;margin-top:9px }
.dash-stats small { display:block;margin-top:14px;color:var(--teal);font-size:10px;font-weight:700 }
.sparkline { height:40px;display:flex;align-items:end;gap:7px;position:absolute;right:15px;bottom:15px }
.sparkline i { width:10px;border-radius:4px 4px 0 0;background:#65bba9 }
.sparkline i:nth-child(1) { height:21% }
.sparkline i:nth-child(2) { height:52% }
.sparkline i:nth-child(3) { height:37% }
.sparkline i:nth-child(4) { height:72% }
.sparkline i:nth-child(5) { height:63% }
.sparkline i:nth-child(6) { height:87% }
.sparkline i:nth-child(7) { height:72% }
.dash-review { border:1px solid #e3ebe9;border-radius:7px;display:flex;gap:14px;padding:14px }
.review-icon { width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#e5f4ee;color:#1c8b81;text-align:center;font:46px/1 var(--font-editorial) }
.dash-review p { font-size:12px;line-height:1.55;margin:9px 0 }
.review-chips { display:flex;flex-wrap:wrap;gap:7px }
.review-chips span { font-size:9px;color:#327b6a;background:#e6f5ee;padding:5px 7px;border-radius:3px }
.review-chips span:last-child { color:#966353;background:#fff0e9 }
.mini-card { position:absolute;z-index:2;top:400px;left:-10px;background:#fff;width:285px;min-height:97px;box-shadow:0 19px 55px #142c3b22;border:1px solid #e4e3ec;border-radius:9px;display:flex;gap:13px;align-items:center;padding:15px;transform:rotate(4deg) }
.mini-symbol { width:51px;height:51px;border-radius:10px;background:#ece7fb;color:#6554b7;font:800 30px/51px var(--font-heading);text-align:center }
.mini-symbol span { color:#ed916f }
.mini-card>div:nth-child(2) { display:flex;flex-direction:column;gap:4px }
.mini-card span { font-size:8px;letter-spacing:.1em;color:#8a839d;font-weight:800 }
.mini-card strong { font-size:12px }
.mini-card small { font-size:10px;color:#687085 }
.mini-card b { margin-left:auto;align-self:flex-start;font-size:12px;color:#7867b6 }
.floating-label { font:800 10px var(--font-heading);letter-spacing:.15em;color:#457e74;position:absolute;z-index:1 }
.top-label { top:36px;right:15px }
.top-label span { font-size:25px;vertical-align:middle;margin-left:12px }
.bottom-label { bottom:11px;right:60px }
.hero-index { position:absolute;bottom:22px;left:clamp(24px,5.4vw,84px);right:clamp(24px,5.4vw,84px);padding-top:17px;border-top:1px solid #dfe6e5;font:800 10px var(--font-heading);letter-spacing:.1em;display:flex;justify-content:space-between;color:#66817e }
.credibility-bar { background:#f4f8f6;border-block:1px solid #e3eae8 }
.credibility-grid { display:grid;grid-template-columns:repeat(3,1fr);padding-block:32px }
.credibility-grid>div { padding:10px 34px;border-left:1px solid #d4dfdd }
.credibility-grid>div:first-child { border:0;padding-left:0 }
.credibility-grid strong { display:block;font:800 15px var(--font-heading);margin:3px 0 8px }
.credibility-grid p { font-size:12px;color:#5d706e;margin:0;line-height:1.6 }
.index-num { font:800 11px var(--font-heading);color:var(--teal);display:block;margin-bottom:15px }
.section { padding-top:110px;padding-bottom:115px }
.section-topline { display:flex;justify-content:space-between;gap:12px;border-top:1px solid #aebec0;padding-top:16px;font:800 12px var(--font-heading);color:var(--muted);letter-spacing:.13em }
.section-heading { display:flex;justify-content:space-between;gap:40px;align-items:end;margin:50px 0 50px }
.section-heading h2 { font-size:clamp(49px,5.1vw,76px);line-height:1.13;letter-spacing:-.068em;margin:0;font-weight:800 }
.section-heading h2 em, .company-grid em { font-family:var(--font-editorial);font-weight:400;font-style:italic;letter-spacing:-.04em }
.section-heading>p { max-width:320px;font-size:17px;line-height:1.7;color:var(--muted);margin:0 5% 6px 0 }
.section-heading .text-link { margin-bottom:13px }
.product-grid { display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:330px 330px;gap:20px }
.product-feature { position:relative;border-radius:7px;overflow:hidden;min-height:0;transition:transform .25s,box-shadow .25s }
.product-feature:hover { transform:translateY(-4px);box-shadow:0 18px 35px #111f3630 }
.reviato-tile { grid-row:span 2;background:#d7ece5 }
.nuntio-tile { background:#e9e7fa }
.profix-tile { background:#f6dfd3 }
.tile-content { position:relative;z-index:2;padding:39px 40px;max-width:490px }
.tile-kicker { font:800 12px var(--font-heading);letter-spacing:.12em;color:#456c67 }
.tile-content :is(h2, h3) { font-size:clamp(36px,4.1vw,62px);letter-spacing:-.07em;line-height:1;margin:27px 0 15px }
.tile-content :is(h2, h3) .title-arrow { font-size:21px;vertical-align:top;margin-left:12px;color:var(--teal) }
.tile-content p { font-size:15px;line-height:1.65;max-width:335px;margin-bottom:25px }
.tile-link { font-size:12px;border-bottom:1px solid currentColor;padding-bottom:6px;font-weight:800 }
.reviato-visual { position:absolute;top:345px;right:-38px;width:80%;min-width:395px;background:white;box-shadow:0 23px 45px #2a6b6350;border:1px solid #a7c7c0;border-radius:10px;transform:rotate(-5deg);padding:0 20px 25px }
.rv-menu { height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eeee;font:800 13px var(--font-heading);color:#0e8579 }
.rv-menu span { font-size:11px;color:#879b9d }
.rv-title { font:800 18px var(--font-heading);padding:24px 0 20px;letter-spacing:-.05em }
.rv-title small { float:right;color:#78918d;font:600 10px var(--font-body);padding-top:6px }
.rv-visual-body { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.rv-score, .rv-bars { background:#f5faf7;border-radius:6px;padding:18px;min-height:158px }
.rv-score>span, .rv-bars>span { font-size:9px;color:#71817c;font-weight:800;letter-spacing:.05em }
.rv-score strong { display:block;font:800 39px var(--font-heading);margin:15px 0 8px }
.rv-score strong small { font-size:14px;color:#849792 }
.rv-score i { font:700 10px var(--font-body);color:#0a9e7a }
.rv-bars>div { height:7px;border-radius:4px;background:#dceae6;margin-top:14px;overflow:hidden }
.rv-bars>div b { display:block;height:100%;background:#1ca98e;border-radius:4px }
.rv-bars>div:nth-of-type(2) b { background:#90d1bc }
.rv-bars>div:nth-of-type(4) b { background:#efb099 }
.rv-bottom { display:flex;gap:10px;margin-top:12px }
.rv-bottom span { font-size:10px;flex:1;border:1px solid #e8eeee;padding:10px }
.rv-bottom b { display:block;margin-top:7px;color:var(--teal);font-size:9px }
.nuntio-tile .tile-content, .profix-tile .tile-content { padding:33px 38px;max-width:350px }
.nuntio-tile .tile-content :is(h2, h3), .profix-tile .tile-content :is(h2, h3) { font-size:41px;margin:21px 0 11px }
.nuntio-tile .tile-content p, .profix-tile .tile-content p { font-size:13px;max-width:245px }
.nuntio-visual { position:absolute;width:300px;height:175px;right:-48px;bottom:-22px;background:#f9f7ff;border:1px solid #c8c0e6;box-shadow:0 15px 35px #635aa633;border-radius:9px;transform:rotate(-7deg);padding:15px }
.nv-header { display:flex;justify-content:space-between;font:800 13px var(--font-heading);color:#6257a7 }
.nv-header small { font:600 8px var(--font-body);color:#a19ab4 }
.nv-days, .nv-posts { display:grid;grid-template-columns:repeat(5,1fr);gap:5px }
.nv-days { margin-top:20px;font-size:7px;font-weight:800;text-align:center;color:#aba2bd }
.nv-posts { margin-top:9px }
.nv-posts i { height:68px;border:1px solid #e4ddf1;border-radius:4px;background:white;font-style:normal }
.nv-posts i:first-child { background:#d4eedf }
.nv-posts i:nth-child(3) { background:#ffe6d9 }
.nv-posts i:nth-child(4) { background:#e2dcf9 }
.nv-posts b { display:block;font-size:16px;text-align:center;padding-top:10px }
.nv-posts small { display:block;font-size:6px;text-align:center }
.early-pill { background:#e6ab93;padding:4px 6px;margin-left:10px;color:#633124;font-size:12px;letter-spacing:.08em }
.profix-visual { position:absolute;width:285px;height:200px;bottom:-35px;right:-17px;transform:rotate(-6deg);border:1px solid #ebc6b4;border-radius:8px;background:#fffaf7;box-shadow:0 15px 38px #a9736340;padding:17px }
.pf-header { font:800 11px var(--font-heading);display:flex;justify-content:space-between }
.pf-chart { height:92px;display:flex;gap:13px;align-items:end;margin:16px 0 12px;border-bottom:1px solid #e4d6cf;padding:0 10px }
.pf-chart i { flex:1;background:#f1ac91;border-radius:3px 3px 0 0 }
.pf-chart i:nth-child(2n) { background:#7485a1 }
.pf-caption span { font-size:7px;letter-spacing:.1em;color:#a2776d;font-weight:800;display:block }
.pf-caption strong { display:block;font:800 13px var(--font-heading);margin-top:5px }
.illustration-note { text-align:right;color:var(--muted);font-size:12px;margin-top:16px }
.open-section { position:relative;background:var(--navy);color:white;padding:120px 0 115px;overflow:hidden }
.open-layout { display:grid;grid-template-columns:46% 54%;gap:7%;position:relative;z-index:2 }
.open-intro h2 { font-size:clamp(58px,6vw,91px);line-height:1.12;margin:25px 0 24px;letter-spacing:-.08em }
.open-intro h2 em { font-family:var(--font-editorial);font-weight:400;font-style:italic;color:#88d8c8 }
.open-intro p { color:#c8d5d8;font-size:17px;line-height:1.75;max-width:375px;margin-bottom:33px }
.repo-list { padding-right:8%;margin-left:10px }
.repo-list a { position:relative;display:block;border-top:1px solid #68788c;padding:22px 45px 22px 0 }
.repo-list a:last-child { border-bottom:1px solid #68788c }
.repo-list span { font:800 12px var(--font-heading);letter-spacing:.12em;color:#9bd4c9 }
.repo-list strong { font:700 clamp(25px,2.9vw,39px) var(--font-heading);display:block;letter-spacing:-.06em;margin:13px 0 9px }
.repo-list p { color:#bccbd0;font-size:13px;margin:0 }
.repo-list b { position:absolute;right:3px;top:52px;font-size:18px;color:#a5dfd3 }
.repo-list a:hover strong { color:#9bdfd0 }
.open-watermark { font:800 270px var(--font-heading);letter-spacing:-.2em;position:absolute;bottom:-133px;left:-50px;color:#ffffff05;pointer-events:none }
.company-section { padding-bottom:100px }
.company-grid { display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:55px 0 80px }
.company-grid h2 { font-size:clamp(42px,4.5vw,69px);line-height:1.18;margin:0;max-width:610px }
.company-copy { padding-top:10px }
.company-copy p { font-size:18px;color:var(--muted);line-height:1.8;max-width:450px }
.company-copy .text-link { margin-top:12px }
.principle-row { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d1dcd9;border-bottom:1px solid #d1dcd9 }
.principle-row div { padding:34px 25px;border-right:1px solid #d1dcd9;display:flex;gap:25px;align-items:center }
.principle-row div:first-child { padding-left:0 }
.principle-row div:last-child { border:0 }
.principle-row span { font-size:10px;color:var(--teal);font-weight:800 }
.principle-row strong { font:800 15px var(--font-heading) }
.journal-section { background:#f8faf8 }
.journal-section .section-heading { margin-bottom:50px }
.journal-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px }
.journal-card:hover h3 { color:var(--teal) }
.journal-art { height:350px;position:relative;overflow:hidden;margin-bottom:25px }
.journal-art-one { background:#cee7dd }
.journal-art-two { background:#eee0d3 }
.oversize-quote { position:absolute;font:520px/.9 var(--font-editorial);top:-65px;left:5%;color:#97cdbb }
.journal-art-card { position:absolute;right:11%;top:17%;background:#fffdf6;padding:35px 40px;transform:rotate(8deg);box-shadow:0 15px 35px #134d4630;min-width:265px }
.journal-art-card span { font:800 10px var(--font-heading);letter-spacing:.13em;color:var(--teal) }
.journal-art-card p { font:700 27px/1.25 var(--font-heading);letter-spacing:-.05em;margin:25px 0 }
.journal-art-card i { font-style:normal;color:#c28b63 }
.margin-pill { position:absolute;top:52px;left:11%;font:800 20px var(--font-heading);letter-spacing:-.05em }
.margin-chart { display:flex;gap:16px;align-items:end;position:absolute;bottom:0;right:0;width:70%;height:245px;padding:20px 24px 0;background:#f8e9db;transform:skewX(-10deg) }
.margin-chart i { display:block;flex:1;background:#bd8b7b }
.margin-chart i:nth-child(2n) { background:#607e91 }
.journal-meta { font:800 12px var(--font-heading);letter-spacing:.12em;color:var(--teal) }
.journal-card h3 { font-size:28px;line-height:1.3;margin:15px 0 12px;letter-spacing:-.05em;max-width:470px;transition:color .2s }
.journal-card>p { color:var(--muted);font-size:14px;line-height:1.65;max-width:420px }
.journal-link { display:inline-block;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;margin-top:5px;padding-bottom:5px }
.closing-section { background:var(--teal-dark);color:#fff;padding:90px 0 }
.closing-inner { display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end }
.closing-inner h2 { font-size:clamp(55px,6vw,86px);line-height:1.13;margin:19px 0 0 }
.closing-inner p { color:#d3ede5;line-height:1.75;max-width:390px;font-size:17px;margin-bottom:30px }
.site-footer { background:#111a31;color:#fff;padding:68px 0 80px }
.footer-grid { display:grid;grid-template-columns:2.3fr 1fr 1fr 1.2fr;gap:45px }
.footer-grid>div>span { font:800 10px var(--font-heading);letter-spacing:.13em;color:#a8c4c3;margin-bottom:8px }
.footer-grid>div>a { font-size:13px;color:#d4e1e5 }
.footer-grid>div>a:hover { color:#9ee2d0 }
.article-hero { background:var(--cream);padding:48px 0 0 }
.article-breadcrumb { display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:83px }
.article-breadcrumb a:hover { color:var(--teal) }
.article-breadcrumb span { color:#b1beba }
.article-heading-grid { display:grid;grid-template-columns:1.55fr .65fr;align-items:end;gap:7%;padding-bottom:69px }
.article-heading-grid h1 { font-size:clamp(57px,6.1vw,91px);line-height:1.08;font-weight:800;max-width:850px;margin:29px 0 0 }
.article-heading-grid h1 em { font-family:var(--font-editorial);font-weight:400;font-style:italic;letter-spacing:-.045em;color:var(--teal) }
.article-deck { padding-bottom:6px }
.article-deck>p { font:400 20px/1.55 var(--font-editorial);color:#435461 }
.author-line { border-top:1px solid #d1d9d4;padding-top:22px;margin-top:30px;display:flex;align-items:center;gap:12px }
.author-avatar { width:43px;height:43px;border-radius:50%;background:var(--navy);display:inline-flex;align-items:center;justify-content:center;color:white;font:800 12px var(--font-heading);flex-shrink:0 }
.author-line strong { display:block;font-size:12px }
.author-line small { font-size:12px;color:var(--muted);display:block;margin-top:5px }
.article-banner { height:390px;background:#c8e3d8;position:relative;overflow:hidden;border-radius:3px;color:var(--navy) }
.article-banner-left { position:absolute;left:48px;top:45px;display:flex;gap:17px;font:800 11px var(--font-heading);letter-spacing:.14em;z-index:2 }
.article-banner-left span { background:#fff9;padding:10px 12px;border-radius:50px }
.article-banner-left span:nth-child(2) { background:#16213e;color:#fff }
.article-banner-center { position:absolute;width:650px;height:650px;top:-180px;right:11% }
.orbit { position:absolute;border-radius:50%;border:2px solid #94c8b7 }
.orbit.one { inset:0 }
.orbit.two { inset:70px }
.orbit.three { inset:145px;border:2px solid var(--teal);background:#e6f0e5 }
.orbit-core { position:absolute;inset:210px;background:var(--navy);border-radius:50%;font:220px/210px var(--font-editorial);color:#e6e9d8;text-align:center;padding-top:27px }
.article-banner-bottom { position:absolute;left:48px;bottom:36px;font:800 12px var(--font-heading);letter-spacing:.12em }
.article-banner-bottom span { color:#5e8b80;font-size:10px }
.article-body-section { display:grid;grid-template-columns:175px minmax(0,680px) minmax(140px,1fr);gap:5%;padding-top:90px;padding-bottom:125px }
.article-aside { display:flex;flex-direction:column;gap:16px;align-self:start;position:sticky;top:25px;padding-top:10px }
.article-aside>span, .article-side-note span { font:800 10px var(--font-heading);letter-spacing:.11em;color:#738987;margin-bottom:11px }
.article-aside>a { color:#657475;font-size:12px;line-height:1.3 }
.article-aside>a:hover { color:var(--teal) }
.article-prose { font-size:17px;line-height:1.85;color:#3a485a }
.article-prose p { margin-bottom:25px }
.article-prose h2 { font-size:35px;line-height:1.25;margin:60px 0 20px;letter-spacing:-.056em;color:var(--navy) }
.article-prose a { color:var(--teal);border-bottom:1px solid currentColor }
.article-prose blockquote { margin:55px -35px;padding:37px 35px 25px;border-left:4px solid var(--teal);background:#f0f8f4;font:italic 32px/1.34 var(--font-editorial);letter-spacing:-.02em;color:var(--navy) }
.article-prose blockquote small { display:block;font:800 9px var(--font-heading);letter-spacing:.12em;color:var(--teal);margin-top:22px }
.author-card { display:flex;gap:18px;background:#f4f7f6;padding:28px;margin-top:65px }
.author-card .author-avatar { width:54px;height:54px }
.author-card .author-line>div>span { font:800 12px var(--font-heading);color:var(--teal);letter-spacing:.12em }
.author-card strong { display:block;font:800 19px var(--font-heading);margin:6px 0 }
.author-card p { font-size:13px;line-height:1.55;margin:0 }
.article-side-note { padding-top:220px }
.article-side-note>div { background:var(--navy);color:white;padding:25px }
.article-side-note span { color:#98cebf }
.article-side-note strong { font:800 23px/1.2 var(--font-heading);letter-spacing:-.04em;display:block;margin:20px 0 }
.article-side-note p { color:#bed0d1;font-size:12px;line-height:1.7 }
.article-side-note a { font-size:11px;color:#98cebf;font-weight:800;border-bottom:1px solid;margin-top:15px;display:inline-block;padding-bottom:5px }
.related-section { background:#f5f9f7;padding:90px 0 115px }
.related-grid { display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px }
.related-grid>div { background:#fff;padding:38px 40px;min-height:240px }
.related-grid span { font:800 12px var(--font-heading);letter-spacing:.1em;color:var(--teal) }
.related-grid h3 { font:800 29px/1.28 var(--font-heading);margin:25px 0 10px }
.related-grid p { font-size:14px;color:var(--muted);line-height:1.65 }
.related-grid a { display:inline-block;font-size:12px;font-weight:800;color:var(--teal);margin-top:12px }
.product-hero { background:linear-gradient(115deg,#e7f4ed 0%,#edf8f1 52%,#d4e9dc 100%);padding-top:39px;overflow:hidden }
.product-top { display:grid;grid-template-columns:47% 53%;min-height:780px;align-items:center }
.product-copy { position:relative;z-index:2;padding:0 0 70px }
.product-copy .article-breadcrumb { margin-bottom:64px }
.product-mark { display:flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;width:62px;height:62px;border-radius:13px;font:800 43px var(--font-heading);letter-spacing:-.1em;position:relative;margin:25px 0 }
.product-mark span { position:absolute;right:-12px;top:-12px;color:#eb997a;font-size:28px }
.product-copy h1 { font-size:clamp(57px,5.6vw,84px);line-height:1.1;margin:20px -60px 23px 0;font-weight:800;letter-spacing:-.073em }
.product-copy h1 em { font:italic 1.12em var(--font-editorial);color:var(--teal-dark);letter-spacing:-.04em }
.product-copy>p { max-width:450px;color:#4a6260;line-height:1.7;font-size:18px }
.product-hero-visual { height:675px;position:relative;margin-left:0 }
.product-deco { position:absolute;width:600px;height:600px;border:1px solid #9bc8b6;border-radius:50%;right:-140px;top:40px;box-shadow:0 0 0 72px #dbefe522,0 0 0 145px #d5e9dc40 }
.product-browser { position:absolute;top:93px;left:25px;width:670px;max-width:none;background:white;border-radius:11px;border:1px solid #bbd4cd;box-shadow:0 39px 85px #38786e37,0 7px 18px #215e5730;transform:rotate(-3deg);overflow:hidden }
.product-browser-top { height:49px;border-bottom:1px solid #e5eae8;display:flex;align-items:center;gap:16px;color:#72918b;font-size:11px;padding:0 22px }
.product-browser-top b { margin-left:auto }
.product-browser-inside { padding:34px }
.pb-topline { display:flex;justify-content:space-between;align-items:center }
.pb-topline strong { font:800 24px var(--font-heading);letter-spacing:-.05em }
.pb-topline span { font-size:10px;color:#617e79;background:#edf5f1;padding:9px;border-radius:3px }
.product-browser-inside>p { font-size:11px;color:#78938c;margin:8px 0 25px }
.pb-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:12px }
.pb-stats>div { border:1px solid #e1eae6;border-radius:7px;padding:15px }
.pb-stats span { display:block;font-size:10px;color:#7d918d }
.pb-stats strong { font:800 23px var(--font-heading);display:block;margin:12px 0 }
.pb-stats strong small { font-size:12px;color:#8da19d }
.pb-stats em { font:700 9px var(--font-body);color:#178e7c }
.pb-insight { display:grid;grid-template-columns:1.05fr .95fr;gap:22px;border:1px solid #e4ece9;border-radius:7px;padding:20px;margin-top:17px }
.pb-insight h4 { font:800 19px var(--font-heading);letter-spacing:-.04em;margin:12px 0 18px }
.pb-bars span { font-size:10px;color:#5c7270;display:block;margin:15px 0 }
.pb-bars b { height:7px;border-radius:4px;background:#68bdaa;display:block;margin-top:6px }
.pb-bars span:nth-child(2) b { background:#94d4c0 }
.pb-bars span:nth-child(3) b { background:#ecaa91 }
.pb-quote { background:#eef8f2;border-radius:5px;padding:19px }
.pb-quote p { font-size:13px;font-weight:700;line-height:1.55;margin:18px 0 }
.tag-row { display:flex;gap:6px }
.tag-row i { font-style:normal;font-size:8px;background:#d6ece1;color:#367b70;padding:5px 7px;border-radius:3px }
.tag-row i:last-child { background:#ffe8dd;color:#a96853 }
.product-visual-caption { position:absolute;top:650px;left:60px;font:800 9px var(--font-heading);letter-spacing:.1em;color:#47776b }
.source-ribbon { border-top:1px solid #bdd6cb;display:flex;align-items:center;gap:clamp(18px,4vw,65px);padding-top:25px;padding-bottom:35px;flex-wrap:wrap }
.source-ribbon span { font:800 12px var(--font-heading);letter-spacing:.08em;color:var(--teal-dark) }
.source-ribbon strong { font:800 16px var(--font-heading);color:#376b64;letter-spacing:-.04em }
.product-story { padding-bottom:120px }
.steps-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px }
.steps-grid>div { border:1px solid #dce5e2;padding:27px 28px 34px;min-height:325px;display:flex;flex-direction:column }
.step-number { font:800 12px var(--font-heading);color:var(--muted);display:flex;justify-content:space-between }
.step-number i { font:normal 17px var(--font-body) }
.steps-grid h3 { font-size:20px;margin:0 0 13px;letter-spacing:-.04em }
.steps-grid p { font-size:13px;line-height:1.7;color:var(--muted);max-width:285px;margin:0 }
.evidence-section { background:var(--navy);color:#fff;padding:105px 0 }
.evidence-layout { display:grid;grid-template-columns:.88fr 1.12fr;gap:9%;align-items:center }
.evidence-copy h2 { font-size:clamp(51px,5vw,76px);line-height:1.13;margin:28px 0 }
.evidence-copy h2 em { color:#8edac5;font:italic 1.05em var(--font-editorial) }
.evidence-copy>p { font-size:16px;color:#c3d1d9;line-height:1.7;margin-bottom:28px;max-width:365px }
.evidence-image-wrap { background:#f1f7f5;padding:30px;border-radius:7px;transform:rotate(2deg);box-shadow:0 25px 60px #060e2090 }
.evidence-image-wrap img { width:100%;max-height:560px;object-fit:contain;border-radius:3px }
.evidence-image-wrap>span { display:block;text-align:center;font:800 9px var(--font-heading);letter-spacing:.08em;color:#557975;margin-top:16px }
@media(max-width:1190px) {
.hero-home { grid-template-columns:54% 46% }
.hero-copy h1 { font-size:63px }
.hero-art { transform:scale(.82);transform-origin:50% 50%;margin-right:-80px }
.product-browser { transform:rotate(-3deg) scale(.8);transform-origin:left center }
.product-top { min-height:700px }
.product-hero-visual { height:610px }
.product-visual-caption { top:580px }
.article-body-section { grid-template-columns:145px minmax(0,660px);gap:6% }
.article-side-note { display:none }
}
@media(max-width:920px) {
.shell { padding-inline:30px }
.desktop-nav { display:none }
.menu-toggle { display:block;margin-left:auto;border:1px solid #d4e0de;border-radius:4px;background:white;padding:11px 15px;color:var(--navy);font-size:23px }
.mobile-nav { position:absolute;display:none;top:100%;left:0;right:0;background:white;box-shadow:0 15px 30px #16213e19;padding:15px 30px 25px;flex-direction:column;gap:0 }
.mobile-nav a { font-size:14px;font-weight:700;padding:14px 0;border-bottom:1px solid #edf1ef }
.hero-home { grid-template-columns:1fr;min-height:0;padding-top:80px }
.hero-copy h1 { max-width:780px;margin:24px 0 }
.hero-lead { max-width:610px }
.hero-art { transform:none;max-width:660px;margin:35px auto 0;width:100%;height:500px }
.hero-window { right:15% }
.mini-card { left:2% }
.art-halo { right:1% }
.hero-index { display:none }
.credibility-grid { grid-template-columns:repeat(3,1fr) }
.credibility-grid>div { padding-inline:20px }
.product-grid { grid-template-columns:1fr 1fr;grid-template-rows:380px 380px }
.reviato-tile { grid-column:1/-1;grid-row:auto }
.reviato-visual { top:125px;right:0;width:48%;min-width:340px }
.nuntio-tile, .profix-tile { min-height:380px }
.nuntio-visual, .profix-visual { right:-15px }
.tile-content { max-width:340px }
.open-layout { grid-template-columns:1fr 1fr;gap:5% }
.repo-list { margin-left:0;padding-right:0 }
.principle-row strong { font-size:13px }
.journal-art { height:270px }
.journal-art-card { right:5%;padding:24px }
.section-heading>p { margin-right:0 }
.article-heading-grid { grid-template-columns:1fr }
.article-heading-grid h1 { font-size:70px;max-width:760px }
.article-deck { max-width:630px;margin-top:24px }
.article-breadcrumb { margin-bottom:48px }
.article-banner { height:330px }
.article-banner-center { right:0 }
.product-top { grid-template-columns:1fr;min-height:0 }
.product-copy { padding-bottom:0 }
.product-copy .article-breadcrumb { margin-bottom:45px }
.product-copy h1 { max-width:750px }
.product-hero-visual { height:585px }
.product-browser { left:15%;top:50px;transform:rotate(-3deg) scale(.86) }
.product-deco { right:0 }
.product-visual-caption { top:545px;left:20% }
.steps-grid { gap:10px }
.steps-grid>div { padding:22px 19px }
.evidence-layout { gap:4% }
}
@media(max-width:690px) {
.site-header { height:72px }
.shell { padding-inline:21px }
.section { padding-block:77px }
.section-topline span:last-child { display:none }
.section-heading { display:block;margin:35px 0 }
.section-heading h2 { font-size:47px }
.section-heading p { margin-top:25px;font-size:15px }
.hero-home { padding-top:60px;padding-bottom:45px }
.hero-copy .eyebrow { font-size:11px }
.hero-copy h1 { font-size:clamp(43px,10vw,60px);letter-spacing:-.065em;margin:20px 0 24px }
.hero-lead { font-size:16px }
.hero-actions { gap:20px }
.hero-art { height:370px;margin:20px auto 0;transform:scale(.75);transform-origin:top left;width:132%;max-width:none }
.hero-window { right:0;top:70px }
.art-halo { right:-70px;top:0 }
.mini-card { left:6%;top:340px }
.top-label { right:20px;top:0 }
.bottom-label { display:none }
.credibility-grid { grid-template-columns:1fr;padding-block:16px }
.credibility-grid>div, .credibility-grid>div:first-child { border-left:0;border-bottom:1px solid #d9e2df;padding:19px 0;display:grid;grid-template-columns:30px 1fr;align-items:start;column-gap:14px }
.credibility-grid>div:last-child { border:0 }
.credibility-grid .index-num { grid-row:span 2;margin:3px 0 }
.credibility-grid strong { margin:0 0 5px }
.credibility-grid p { grid-column:2 }
.product-grid { display:block }
.product-feature { display:block;height:440px;margin-bottom:16px }
.reviato-visual { width:88%;top:235px;right:-18px;min-width:300px }
.tile-content { padding:29px }
.tile-content :is(h2, h3) { font-size:45px;margin-top:20px }
.tile-content p { max-width:275px;font-size:13px }
.nuntio-tile, .profix-tile { height:335px }
.nuntio-visual { right:-25px;width:255px;height:165px }
.profix-visual { width:245px;height:168px }
.illustration-note { text-align:left }
.open-section { padding:79px 0 }
.open-layout { grid-template-columns:1fr;gap:40px }
.open-intro h2 { font-size:60px }
.open-intro p { font-size:15px }
.repo-list a { padding:20px 20px 20px 0 }
.repo-list strong { font-size:26px }
.company-grid { display:block;margin:37px 0 }
.company-grid h2 { font-size:44px }
.company-copy { margin-top:25px }
.company-copy p { font-size:15px }
.principle-row { display:block }
.principle-row div, .principle-row div:first-child { padding:19px 0;border-right:0;border-bottom:1px solid #d1dcd9 }
.principle-row div:last-child { border:0 }
.journal-grid { grid-template-columns:1fr;gap:45px }
.journal-art { height:275px }
.journal-card h3 { font-size:26px }
.closing-inner { grid-template-columns:1fr;gap:27px }
.closing-inner h2 { font-size:58px }
.closing-inner p { font-size:15px }
.footer-grid { grid-template-columns:1fr 1fr;gap:39px }
.article-hero { padding-top:25px }
.article-breadcrumb { margin-bottom:45px;font-size:12px;flex-wrap:wrap }
.article-heading-grid h1 { font-size:clamp(45px,10vw,65px) }
.article-deck p { font-size:18px }
.article-heading-grid { padding-bottom:43px }
.article-banner { height:280px }
.article-banner-left { left:19px;top:20px;gap:5px;font-size:8px }
.article-banner-left span { padding:8px }
.article-banner-center { width:390px;height:390px;top:-36px;right:-90px }
.orbit.two { inset:43px }
.orbit.three { inset:88px }
.orbit-core { inset:140px;font-size:110px;line-height:120px;padding:13px }
.article-banner-bottom { left:17px;bottom:22px;font-size:9px }
.article-banner-bottom span { display:none }
.article-body-section { grid-template-columns:1fr;padding-top:55px;padding-bottom:85px }
.article-aside { display:block;position:static;margin-bottom:32px }
.article-prose { font-size:16px;line-height:1.8 }
.article-prose h2 { font-size:31px;margin-top:45px }
.article-prose blockquote { margin:40px -10px;padding:25px 21px;font-size:27px }
.related-section { padding:65px 0 }
.related-grid { grid-template-columns:1fr;gap:20px }
.related-grid>div { padding:27px;min-height:0 }
.related-grid h3 { font-size:25px }
.product-hero { padding-top:20px }
.product-copy h1 { font-size:clamp(45px,9.4vw,69px) }
.product-copy>p { font-size:16px }
.product-mark { width:54px;height:54px;font-size:37px }
.product-hero-visual { height:365px;width:132%;transform:scale(.66);transform-origin:top left;margin-top:25px }
.product-browser { top:0;left:0;transform:rotate(-3deg);width:620px }
.product-deco { width:440px;height:440px;top:-45px;right:-80px }
.product-visual-caption { top:500px }
.source-ribbon { gap:14px 22px;padding-block:25px }
.source-ribbon span { flex-basis:100% }
.source-ribbon strong { font-size:12px }
.steps-grid { grid-template-columns:1fr;gap:14px }
.steps-grid>div { min-height:0;padding:24px }
.evidence-section { padding:70px 0 }
.evidence-layout { grid-template-columns:1fr;gap:40px }
.evidence-copy h2 { font-size:51px }
.evidence-image-wrap { padding:13px;transform:rotate(1deg) }
}
@media(prefers-reduced-motion:reduce) {
*, *::before, *::after { transition:none!important;animation:none!important }
}
.brand-wordmark { display:block;font:800 26px/1 var(--font-heading);letter-spacing:-.083em;color:var(--navy) }
.brand-wordmark>span { color:var(--teal) }
.credibility-grid>a { display:block;position:relative;padding:13px 35px 16px;border-left:1px solid #d4dfdd;transition:background .2s }
.credibility-grid>a:first-child { padding-left:0;border:0 }
.credibility-grid>a:hover { background:#edf5f1 }
.credibility-grid>a strong { font:800 15px var(--font-heading);line-height:1.45;display:flex;justify-content:space-between;align-items:start;gap:10px;margin:5px 0 8px;letter-spacing:-.02em }
.credibility-grid>a strong span { color:var(--teal);font-size:13px;font-weight:600 }
.credibility-grid>a p { color:#5d706e;font-size:12px;line-height:1.6;margin:0;max-width:315px }
.hero-copy h1 { font-size:clamp(55px,5vw,80px);max-width:715px;margin-right:-65px }
.hero-copy .hero-lead { max-width:480px }
.proof-section { background:#fbf8f4;border-top:1px solid #eee8df;border-bottom:1px solid #e8e4dd }
.proof-layout { display:grid;grid-template-columns:34% 1fr;gap:8%;padding-block:92px 100px }
.proof-intro { display:flex;flex-direction:column;justify-content:space-between;padding:17px 0 12px }
.proof-index { font:700 16px/1.55 var(--font-heading);letter-spacing:-.04em;color:#73827e }
.proof-quote { position:relative;border-left:1px solid #c9d7ce;padding:0 0 0 7% }
.proof-quote-mark { display:block;color:var(--teal);font:400 95px/.7 var(--font-editorial);margin-top:10px }
.proof-quote blockquote { font:400 clamp(34px,3.5vw,49px)/1.18 var(--font-editorial);letter-spacing:-.023em;margin:9px 0 34px;max-width:770px;color:var(--navy) }
.proof-quote-meta { border-top:1px solid #cbd8d0;padding-top:19px;display:flex;justify-content:space-between;gap:25px;align-items:end }
.proof-quote-meta strong { display:block;font:800 14px var(--font-heading) }
.proof-quote-meta span { display:block;font-size:12px;color:var(--muted);margin-top:6px }
.proof-quote-meta a { font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px;color:var(--teal) }
@media(max-width:920px) {
.brand-wordmark { font-size:24px }
}
@media(max-width:690px) {
.brand-wordmark { font-size:21px }
.hero-copy h1 { font-size:clamp(43px,10vw,60px);margin-right:0 }
.credibility-grid>a, .credibility-grid>a:first-child { border-left:0;border-bottom:1px solid #d9e2df;padding:19px 0 }
.credibility-grid>a:last-child { border-bottom:0 }
.credibility-grid>a strong { font-size:14px;margin:7px 0 }
.proof-layout { grid-template-columns:1fr;gap:28px;padding-block:64px }
.proof-index { display:none }
.proof-quote { padding-left:23px }
.proof-quote blockquote { font-size:33px }
.proof-quote-meta { display:block }
.proof-quote-meta a { display:inline-block;margin-top:18px }
}
.company-careers-link { margin-left:22px }
.oss-hero { background:#f1f7f3;border-bottom:1px solid #dce9e2;overflow:hidden }
.oss-hero-grid { display:grid;grid-template-columns:53% 47%;align-items:center;min-height:720px;gap:0;padding-top:34px;padding-bottom:70px }
.oss-hero-copy { padding:10px 38px 0 0;position:relative;z-index:1 }
.oss-hero-copy .article-breadcrumb { margin-bottom:70px }
.oss-hero h1 { font-size:clamp(60px,6vw,94px);line-height:1.08;margin:30px -45px 24px 0;font-weight:800;letter-spacing:-.078em }
.oss-hero h1 em { font:italic 1.01em var(--font-editorial);letter-spacing:-.04em }
.oss-hero-copy>p { font-size:18px;line-height:1.78;max-width:520px;color:#4b625e }
.oss-hero-foot { display:flex;gap:20px;flex-wrap:wrap;margin-top:105px;font:800 12px var(--font-heading);letter-spacing:.08em;color:var(--teal-dark) }
.oss-hero-foot span { border-top:1px solid #c5d8ce;padding-top:13px }
.oss-code-art { min-height:475px;background:#17243e;color:#dceae6;position:relative;margin-left:35px;box-shadow:25px 28px 0 #d7e5dc,0 30px 80px #254b3e2b;transform:rotate(-2deg);border-radius:6px }
.oss-art-top { height:57px;border-bottom:1px solid #3c5063;display:flex;align-items:center;gap:15px;padding:0 22px;font:700 10px var(--font-heading);letter-spacing:.015em;color:#aac1c1 }
.oss-art-top>span { display:flex;gap:5px }
.oss-art-top i { display:block;width:7px;height:7px;background:#63768b;border-radius:50% }
.oss-art-top b { font-weight:600 }
.oss-art-top strong { margin-left:auto;font:800 8px var(--font-heading);letter-spacing:.13em;color:#95d7bf }
.oss-code-content { padding:43px 25px 46px;font:500 12px/2.25 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap }
.oss-code-content>div { display:flex;gap:21px }
.oss-code-content>div>span { color:#667a88;min-width:16px }
.oss-code-content code { color:#e0e8ea }
.oss-code-content code b { color:#9be3cd;font-weight:600 }
.oss-code-content code em { color:#e89e8a;font-style:normal }
.oss-code-content code mark { background:none;color:#e8c39d }
.oss-art-floating { position:absolute;right:-16px;bottom:43px;background:#d8eee4;padding:20px 29px 22px;box-shadow:0 18px 30px #04142c3b;color:var(--navy);transform:rotate(2deg) }
.oss-art-floating span { display:block;font:800 9px var(--font-heading);letter-spacing:.12em;color:var(--teal) }
.oss-art-floating strong { display:block;margin:8px 0 6px;font:800 20px var(--font-heading);letter-spacing:-.05em }
.oss-art-floating small { font-size:10px;color:#5f8179 }
.oss-art-bottom { height:36px;border-top:1px solid #3c5063;display:flex;align-items:center;gap:10px;padding:0 23px;font:800 8px var(--font-heading);letter-spacing:.11em;color:#81a4a9 }
.oss-status-dot, .oss-badge i { display:inline-block;height:7px;width:7px;background:#91d9c5;border-radius:50% }
.oss-credentials { border-bottom:1px solid #e0e8e3;background:white }
.oss-credentials .shell { min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:20px }
.oss-credentials .shell>span:first-child { font:800 12px var(--font-heading);letter-spacing:.08em;color:var(--muted) }
.oss-credentials strong { font:800 15px var(--font-heading);letter-spacing:-.028em }
.oss-credentials-sep { height:25px;width:1px;background:#d1e0d8 }
.oss-feature-section { padding-top:105px;padding-bottom:103px }
.oss-feature-card { display:grid;grid-template-columns:52% 48%;margin-top:40px;min-height:606px;background:#f9f8f4;border:1px solid #e9e7df;overflow:hidden }
.oss-feature-copy { padding:65px clamp(33px,5vw,75px) 40px }
.oss-badge { font:800 12px var(--font-heading);letter-spacing:.12em;color:#56786f;display:flex;align-items:center;gap:10px }
.oss-badge i { background:var(--teal) }
.oss-feature-title { display:flex;align-items:flex-start;gap:22px;margin:65px 0 12px }
.oss-feature-index { font:800 10px var(--font-heading);color:var(--teal);margin-top:13px }
.oss-feature-title h2 { font:800 clamp(63px,5.9vw,86px)/1.04 var(--font-heading);letter-spacing:-.09em;margin:0 }
.oss-feature-lead { font:400 33px/1.25 var(--font-editorial);color:var(--teal-dark);margin:20px 0 }
.oss-feature-copy>p:not(.oss-feature-lead) { color:#566963;line-height:1.75;font-size:15px;max-width:430px }
.oss-feature-actions { display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:34px 0 36px }
.oss-feature-tags { border-top:1px solid #d4ded7;display:flex;gap:16px;flex-wrap:wrap;padding-top:17px }
.oss-feature-tags span { font:800 12px var(--font-heading);letter-spacing:.04em;color:var(--muted) }
.oss-sitemap-art { background:#dceee4;position:relative;padding:70px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:590px;overflow:hidden }
.oss-sitemap-art:after { content:"";position:absolute;width:430px;height:430px;border:1px solid #accfbc;border-radius:50%;right:-210px;top:-100px;box-shadow:0 0 0 55px #eef9f050,0 0 0 115px #eaf5eb50;pointer-events:none }
.sitemap-annotation, .sitemap-corner-note { font:800 9px var(--font-heading);letter-spacing:.12em;color:#44786d;position:absolute;left:35px;top:29px }
.sitemap-annotation span { margin-left:20px;font-size:18px }
.sitemap-corner-note { top:auto;bottom:28px }
.sitemap-main-node { z-index:1;background:var(--navy);color:#fff;width:64%;padding:22px 24px;box-shadow:10px 11px 0 #b2d0c2;display:flex;flex-direction:column;gap:7px }
.sitemap-main-node span, .sitemap-main-node small { font:800 9px var(--font-heading);letter-spacing:.1em;color:#a9d8c8 }
.sitemap-main-node strong { font:800 clamp(19px,2vw,28px) var(--font-heading);letter-spacing:-.06em }
.sitemap-connector { height:65px;width:1px;background:#54988b;position:relative }
.sitemap-connector:after { content:"";width:66%;height:1px;position:absolute;background:#54988b;left:50%;transform:translateX(-50%);top:44px;min-width:230px }
.sitemap-child-row { z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;margin-top:2px }
.sitemap-child-row>div { padding:17px 12px;background:#f8fcf9;border:1px solid #b9d8ca;display:flex;flex-direction:column;min-width:0;gap:5px;box-shadow:4px 6px 0 #bad7ca }
.sitemap-child-row span { font:800 9px var(--font-heading);color:var(--teal) }
.sitemap-child-row strong { font:800 clamp(12px,1.1vw,16px) var(--font-heading);letter-spacing:-.04em }
.sitemap-child-row small { font-size:12px;color:#557a71 }
.oss-other-section { padding-bottom:125px }
.oss-section-intro { display:grid;grid-template-columns:1fr .46fr;gap:10%;margin:41px 0 43px;align-items:end }
.oss-section-intro h2 { font-size:clamp(51px,5vw,75px);line-height:1.13;margin:0 }
.oss-section-intro h2 em { font:italic 1.02em var(--font-editorial) }
.oss-section-intro p { font-size:16px;line-height:1.7;color:#5e7069;margin:0 0 8px }
.oss-project-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px }
.oss-project-card { position:relative;min-height:545px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:34px 38px 35px }
.postgres-card { background:#eae6fa }
.markdown-card { background:#e7efe8 }
.oss-project-card-top { display:flex;justify-content:space-between;align-items:start;gap:15px;font:800 12px var(--font-heading);letter-spacing:.06em;color:var(--muted);position:relative;z-index:2 }
.oss-project-monogram { color:var(--navy);border:1px solid #929ca3;width:38px;height:38px;display:grid;place-items:center;text-transform:uppercase;letter-spacing:-.07em;font:800 15px var(--font-heading) }
.oss-project-glyph { position:absolute;right:45px;top:100px;width:210px;height:190px;transform:rotate(-9deg) }
.oss-project-glyph .cylinder-top { position:absolute;top:0;left:20px;width:170px;height:70px;border-radius:50%;background:#b5addd;border:3px solid #686b94;z-index:3 }
.oss-project-glyph .cylinder-mid { position:absolute;top:34px;left:20px;width:170px;height:95px;background:#8d8ac0;border-inline:3px solid #686b94;box-shadow:0 14px 0 #ccc6e8,0 17px 0 #686b94 }
.oss-project-glyph .cylinder-bottom { position:absolute;top:104px;left:20px;width:170px;height:66px;border-radius:0 0 50% 50%;background:#8d8ac0;border:3px solid #686b94;border-top:0 }
.markdown-glyph { width:235px;height:164px;background:#fcfcf6;border:1px solid #82998c;box-shadow:12px 12px 0 #c5d8c9;transform:rotate(8deg);padding:22px;display:flex;align-items:center;justify-content:space-between;top:106px }
.markdown-glyph span { font:800 20px var(--font-heading);letter-spacing:-.06em;border-bottom:5px solid var(--coral) }
.markdown-glyph b { font-size:40px;font-weight:400;color:#749589 }
.markdown-glyph strong { font:800 29px var(--font-heading);letter-spacing:-.09em }
.oss-project-text { position:relative;z-index:1;max-width:430px;margin-top:240px }
.oss-project-text h3 { font:800 clamp(37px,3.5vw,53px)/1.05 var(--font-heading);letter-spacing:-.075em;margin:0 0 19px }
.oss-project-text p { font-size:14px;line-height:1.7;color:#43595b;max-width:360px }
.oss-card-bottom { display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:end;border-top:1px solid #a7bcb2;padding-top:19px;margin-top:35px }
.oss-card-bottom span { font:800 12px var(--font-heading);letter-spacing:.04em;color:var(--muted) }
.oss-card-bottom a { font:800 12px var(--font-heading);text-decoration:underline;text-underline-offset:5px }
.oss-principles { background:var(--navy);color:#fff;padding:98px 0 105px }
.oss-principles .section-topline { border-color:#476075;color:#a5c8c5 }
.oss-principles-layout { display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:59px }
.oss-principles h2 { font-size:clamp(49px,5.2vw,78px);line-height:1.14;margin:0 }
.oss-principles h2 em { font:italic 1.03em var(--font-editorial);color:#a0ddca }
.oss-principles-list>div { display:grid;grid-template-columns:65px 1fr;gap:0 16px;padding:19px 0 22px;border-bottom:1px solid #41546d }
.oss-principles-list>div:first-child { border-top:1px solid #41546d }
.oss-principles-list span { grid-row:span 2;font:800 11px var(--font-heading);color:#90d7bf }
.oss-principles-list strong { font:800 20px var(--font-heading);letter-spacing:-.04em }
.oss-principles-list p { font-size:13px;line-height:1.65;color:#b5c8d0;margin:8px 0 0 }
.oss-end-cap { padding-top:100px;padding-bottom:105px;display:flex;justify-content:space-between;align-items:center;gap:40px }
.oss-end-cap>div>span { font:800 12px var(--font-heading);letter-spacing:.13em;color:var(--teal) }
.oss-end-cap h2 { font-size:clamp(36px,3.7vw,56px);letter-spacing:-.062em;margin:18px 0 15px }
.oss-end-cap p { font-size:15px;color:#65746e;line-height:1.7;max-width:500px;margin:0 }
.oss-detail-hero { background:#f3f8f5;padding:38px 0 0;overflow:hidden }
.oss-detail-hero .article-breadcrumb { margin-bottom:66px }
.oss-detail-grid { display:grid;grid-template-columns:54% 46%;align-items:center;gap:0;padding-bottom:74px }
.oss-detail-copy { position:relative;z-index:1;padding-right:16px }
.oss-detail-heading { display:flex;gap:25px;align-items:center;margin-top:30px }
.oss-detail-mark { width:69px;height:69px;background:var(--navy);color:#a9ebd4;border-radius:5px;display:grid;place-items:center;font:800 28px var(--font-heading);letter-spacing:-.12em }
.oss-detail-heading h1 { font:800 clamp(62px,6.2vw,96px)/1 var(--font-heading);letter-spacing:-.095em;margin:0 }
.oss-detail-heading h1 span { color:var(--teal) }
.oss-detail-copy h2 { font:400 clamp(34px,3.2vw,45px)/1.19 var(--font-editorial);margin:38px 0 23px;letter-spacing:-.03em }
.oss-detail-copy h2 em { font-style:italic }
.oss-detail-copy>p { font-size:17px;line-height:1.75;color:#4a635b;max-width:520px }
.oss-detail-diagram { min-height:480px;margin-left:25px;background:#16213e;position:relative;padding:30px 31px;box-shadow:22px 22px 0 #d2e6da;display:flex;flex-direction:column;align-items:center;justify-content:center }
.oss-detail-diagram-head { position:absolute;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;font:800 9px var(--font-heading);letter-spacing:.12em;color:#8ebbad }
.diagram-root { width:67%;background:#eef9f4;color:var(--navy);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:6px 7px 0 #42776e }
.diagram-root div { display:flex;flex-direction:column;gap:7px }
.diagram-root small, .diagram-children small { font:800 9px var(--font-heading);letter-spacing:.11em;color:var(--teal) }
.diagram-root strong { font:800 23px var(--font-heading);letter-spacing:-.07em }
.diagram-root>span { color:var(--teal);font-size:21px;font-weight:800 }
.diagram-stem { width:1px;height:88px;background:#87bcb1;position:relative }
.diagram-stem:after { content:"";position:absolute;width:248px;height:1px;background:#87bcb1;left:50%;transform:translateX(-50%);bottom:20px }
.diagram-children { width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px }
.diagram-children>div { display:flex;flex-direction:column;gap:9px;background:#2a3b58;border:1px solid #6a9b9e;padding:22px;color:#fff }
.diagram-children strong { font:800 18px var(--font-heading);letter-spacing:-.05em }
.diagram-children>div>span { font-size:11px;color:#b6cfcf }
.diagram-footer { position:absolute;bottom:26px;left:30px;right:30px;border-top:1px solid #3f5b71;padding-top:14px;color:#8bb9b0;display:flex;justify-content:space-between;font:800 9px var(--font-heading);letter-spacing:.1em }
.oss-detail-meta { border-top:1px solid #bcd3c8;display:grid;grid-template-columns:repeat(4,1fr) }
.oss-detail-meta>div { padding:25px 18px 26px 0;display:flex;flex-direction:column;gap:11px;border-right:1px solid #c5d9d0;padding-left:22px }
.oss-detail-meta>div:first-child { padding-left:0 }
.oss-detail-meta>div:last-child { border-right:0 }
.oss-detail-meta > div:not(.author-line) > span { font:800 12px var(--font-heading);letter-spacing:.08em;color:var(--teal-dark) }
.oss-detail-meta strong { font:800 14px var(--font-heading);letter-spacing:-.02em }
.oss-detail-body { display:grid;grid-template-columns:23% 1fr;gap:10%;padding-top:115px;padding-bottom:120px }
.oss-detail-aside, .job-page-rail { align-self:start;position:sticky;top:37px;display:flex;flex-direction:column;gap:19px;font-size:13px;color:#647773 }
.oss-detail-aside>span, .job-page-rail>span { font:800 12px var(--font-heading);letter-spacing:.13em;color:var(--teal);margin-bottom:12px }
.oss-detail-aside a:hover, .job-page-rail a:hover { color:var(--teal) }
.oss-detail-prose { max-width:850px }
.job-detail-prose h2 { font-size:clamp(39px,4vw,59px);line-height:1.2;margin:25px 0 25px }
.job-detail-prose h2 em { font:italic 1em var(--font-editorial) }
.job-detail-prose>section>p { font-size:17px;line-height:1.85;color:#50645f;max-width:705px }
.careers-hero { background:#fbf8f4;border-bottom:1px solid #eae8e1;overflow:hidden }
.careers-hero-grid { display:grid;grid-template-columns:53% 47%;align-items:center;min-height:740px;padding-top:45px;padding-bottom:70px }
.careers-hero-copy { padding:0 20px 0 0;position:relative;z-index:1 }
.careers-hero-copy .article-breadcrumb { margin-bottom:71px }
.careers-hero h1 { font-size:clamp(64px,6.4vw,97px);line-height:1.07;letter-spacing:-.085em;margin:30px -25px 27px 0 }
.careers-hero h1 em { font:italic 1.05em var(--font-editorial);letter-spacing:-.045em }
.careers-hero-copy>p { font-size:18px;line-height:1.74;color:#53625f;max-width:510px;margin-bottom:37px }
.careers-hero-art { min-height:520px;background:#cce9dd;position:relative;margin-left:37px;overflow:visible;padding:32px 39px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:23px 24px 0 #e0e5e1 }
.careers-art-disc { position:absolute;width:375px;height:375px;border:75px solid #afdbc9;right:-80px;top:-80px;border-radius:50%;opacity:.78 }
.careers-art-top { position:relative;font:800 11px var(--font-heading);letter-spacing:.13em;color:#597e72 }
.careers-hero-art>strong { position:relative;font:800 clamp(69px,7vw,112px)/1.09 var(--font-heading);letter-spacing:-.09em;color:var(--navy);margin-top:40px }
.careers-hero-art i { font:italic 1.15em var(--font-editorial);color:var(--teal) }
.careers-art-bottom { display:flex;justify-content:space-between;align-items:center;font:800 11px var(--font-heading);letter-spacing:.12em;border-top:1px solid #7bb29f;padding-top:22px;position:relative }
.careers-art-bottom b { font-size:29px;font-weight:500 }
.careers-art-sticker { position:absolute;right:-12px;bottom:85px;transform:rotate(11deg);width:114px;height:114px;background:var(--coral);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 16px 22px #5b88702b;font:800 46px/1 var(--font-heading);letter-spacing:-.08em;color:var(--navy) }
.careers-art-sticker small { font:800 9px var(--font-heading);letter-spacing:.11em;margin-top:7px }
.careers-intro { display:grid;grid-template-columns:23% 1fr .38fr;gap:5%;align-items:start;padding-top:72px;padding-bottom:74px;border-bottom:1px solid #d9e3db }
.careers-intro>span { font:800 12px var(--font-heading);letter-spacing:.12em;color:var(--teal);padding-top:8px }
.careers-intro p { font:400 clamp(24px,2.6vw,35px)/1.37 var(--font-editorial);letter-spacing:-.025em;margin:0;max-width:740px }
.careers-intro a { align-self:end;white-space:nowrap }
.careers-roles { padding-top:100px;padding-bottom:125px }
.careers-roles-heading { display:grid;grid-template-columns:1fr .48fr;gap:8%;align-items:end;margin:48px 0 46px }
.careers-roles-heading h2 { font-size:clamp(53px,5.7vw,84px);line-height:1.08;margin:0 }
.careers-roles-heading h2 em { font:italic 1em var(--font-editorial) }
.careers-roles-heading p { font-size:16px;line-height:1.7;color:#5b7168;max-width:430px;margin:0 0 9px }
.job-list-index { display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #c8d9cf;color:var(--teal) }
.job-list-index span { font:800 10px var(--font-heading);letter-spacing:.11em }
.job-list-index b { font-size:23px;font-weight:400 }
.job-list-main { display:grid;grid-template-columns:1fr .4fr;gap:11%;padding:42px clamp(28px,5vw,72px) 58px }
.job-tag { font:800 10px var(--font-heading);letter-spacing:.13em;color:#4d8b77 }
.job-list-main h3 { font:800 clamp(47px,5vw,74px)/1.1 var(--font-heading);letter-spacing:-.075em;margin:19px 0 15px }
.job-list-main p { font-size:16px;line-height:1.65;color:#587064;max-width:500px;margin:0 }
.job-list-facts { display:flex;flex-wrap:wrap;align-content:end;gap:10px;align-items:end }
.job-list-facts span { padding:11px 14px;background:#fff;border:1px solid #c3d9ce;font:800 10px var(--font-heading);letter-spacing:.09em;white-space:nowrap }
.job-list-footer { display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #c8d9cf;padding:20px 28px }
.job-list-footer>span { font:800 10px var(--font-heading);letter-spacing:.11em;color:#647e72 }
.job-list-footer strong { font:800 14px var(--font-heading) }
.job-list-footer strong span { color:var(--teal);margin-left:15px }
.job-detail-hero { background:#16213e;color:#f7faf9;position:relative;overflow:hidden;padding:38px 0 0 }
.job-detail-hero:after { content:"";position:absolute;width:650px;height:650px;right:-325px;top:-290px;border:1px solid #59756d;border-radius:50%;box-shadow:0 0 0 90px #9ed9c209,0 0 0 185px #9ed9c207;pointer-events:none }
.job-detail-hero .article-breadcrumb { color:#afc1c8;margin-bottom:77px }
.job-detail-hero .article-breadcrumb a:hover { color:#8de0c8 }
.job-hero-grid { display:grid;grid-template-columns:1fr 355px;gap:8%;padding-bottom:106px;position:relative;z-index:1 }
.job-hero-heading { max-width:800px }
.job-hero-heading h1 { font-size:clamp(64px,6.2vw,94px);line-height:1.08;letter-spacing:-.085em;margin:15px 0 25px }
.job-hero-heading h1 em { font:italic 1.03em var(--font-editorial);color:#a9e2d0 }
.job-hero-heading>p { font-size:17px;line-height:1.76;color:#c0cfd5;max-width:590px }
.job-hero-facts { align-self:end;border:1px solid #586c80;background:#21334c;padding:10px 30px;box-shadow:18px 18px 0 #ffffff0b }
.job-hero-facts>div { display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #455e70;padding:22px 0 }
.job-hero-facts>div:last-child { border:0 }
.job-hero-facts span { font:800 9px var(--font-heading);letter-spacing:.12em;color:#91c8b6 }
.job-hero-facts strong { font:800 16px/1.45 var(--font-heading);letter-spacing:-.025em;color:#eaf2f1 }
.job-detail-content { display:grid;grid-template-columns:22% 1fr;gap:11%;padding-top:112px;padding-bottom:120px }
.job-detail-prose { max-width:850px }
.job-detail-prose>section { padding-bottom:90px;margin-bottom:87px;border-bottom:1px solid #d8e3dc;scroll-margin-top:45px }
.job-detail-prose>section:last-child { padding-bottom:0;margin:0;border:0 }
.job-detail-prose h2 { max-width:750px }
.site-header .brand-wordmark { font:800 27px/1 var(--font-heading);letter-spacing:-.085em;text-transform:none }
.site-footer .brand-wordmark { font:800 27px/1 var(--font-heading);letter-spacing:-.085em;text-transform:none }
.partner-jobs-section { padding-top:110px;padding-bottom:120px }
.partner-job-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px }
.partner-job-card { display:flex;flex-direction:column;min-height:575px;background:#e6f1e9;position:relative;border:1px solid #cbdfd3;transition:transform .2s,box-shadow .2s;overflow:hidden }
a.partner-job-card:hover { transform:translateY(-5px);box-shadow:9px 13px 0 #d4e7da }
.partner-job-card-head { display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #bbd6c5;position:relative;z-index:1 }
.partner-job-card-head span { font:800 12px var(--font-heading);letter-spacing:.04em;color:var(--teal-dark) }
.partner-job-card-head b { font-size:22px;color:var(--teal);font-weight:400 }
.partner-job-symbol { position:absolute;right:25px;top:91px;width:145px;height:145px;border:1px solid #a0c7b0;border-radius:50%;display:grid;place-items:center;transform:rotate(12deg) }
.partner-job-symbol span { font:800 62px var(--font-heading);letter-spacing:-.11em;color:#a1ccba }
.partner-job-card-body { margin-top:auto;position:relative;z-index:1;padding:40px clamp(26px,3.5vw,50px) 30px }
.partner-job-card-body>span { font:800 12px var(--font-heading);letter-spacing:.04em;color:var(--teal-dark) }
.partner-job-card-body h3 { font:800 clamp(32px,3.7vw,53px)/1.15 var(--font-heading);letter-spacing:-.07em;margin:22px 0 18px }
.partner-job-card-body p { font-size:14px;line-height:1.7;color:#4d6b60;max-width:400px;margin:0 }
.partner-job-card-bottom { padding:21px 28px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #bfd5c9 }
.partner-job-card-bottom>span { font:800 12px var(--font-heading);letter-spacing:.04em;color:var(--teal-dark) }
.partner-job-card-bottom strong { font:800 12px var(--font-heading) }
.careers-roles#company-openings { border-top:1px solid #dce6df;padding-top:98px }
.partner-detail-hero { padding:40px 0 0;background:#f1f6ee;overflow:hidden }
.partner-detail-hero .article-breadcrumb { margin-bottom:65px }
.partner-detail-hero-grid { display:grid;grid-template-columns:1fr 385px;gap:8%;align-items:center;padding-bottom:95px }
.partner-detail-copy h1 { font:800 clamp(57px,6vw,88px)/1.09 var(--font-heading);letter-spacing:-.08em;margin:25px 0 23px }
.partner-detail-copy h1 em { font:italic 1.1em var(--font-editorial);color:var(--teal) }
.partner-detail-copy>p { font-size:17px;line-height:1.75;max-width:595px;color:#516961 }
.partner-employer-card { background:#fff;border:1px solid #c6ddd0;padding:28px 31px;box-shadow:18px 19px 0 #d5e8da }
.partner-employer-card-top { display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #dce7e0;padding-bottom:20px }
.partner-employer-card-top span, .partner-employer-card-top b { font:800 12px var(--font-heading);letter-spacing:.06em;color:var(--teal-dark) }
.partner-employer-monogram { width:75px;height:75px;display:grid;place-items:center;background:#dbeee1;color:var(--teal);font:800 36px var(--font-heading);margin:29px 0 19px }
.partner-employer-card h2 { font:800 25px var(--font-heading);letter-spacing:-.05em;margin:0 0 13px }
.partner-employer-card>p { font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:28px }
.partner-employer-card>div:not(.partner-employer-card-top):not(.partner-employer-monogram) { padding:15px 0;border-top:1px solid #e0e8e1;display:flex;flex-direction:column;gap:8px }
.partner-employer-card>div>span { font:800 12px var(--font-heading);letter-spacing:.06em;color:var(--muted) }
.partner-employer-card>div>strong { font:700 13px var(--font-heading) }
@media(max-width:1320px) {
.oss-code-content { font-size:11px;padding-left:18px }
.oss-hero h1 { font-size:clamp(57px,6vw,82px) }
}
@media(max-width:1120px) {
.oss-hero-grid, .careers-hero-grid { grid-template-columns:1fr 1fr }
.oss-hero h1, .careers-hero h1 { font-size:64px }
.oss-code-art { margin-left:5px }
.oss-art-floating { right:-8px }
.oss-detail-grid { grid-template-columns:1fr 1fr }
.oss-detail-heading h1 { font-size:66px }
.oss-detail-mark { width:55px;height:55px;font-size:23px }
.careers-intro { grid-template-columns:22% 1fr }
.careers-intro>a { grid-column:2 }
.job-hero-grid { grid-template-columns:1fr 330px;gap:5% }
.job-hero-heading h1 { font-size:68px }
.partner-detail-hero-grid { grid-template-columns:1fr 330px;gap:5% }
.partner-detail-copy h1 { font-size:66px }
}
@media(max-width:900px) {
.oss-hero-grid, .careers-hero-grid { grid-template-columns:1fr;gap:50px;padding-top:30px;padding-bottom:95px }
.oss-hero-copy .article-breadcrumb, .careers-hero-copy .article-breadcrumb { margin-bottom:50px }
.oss-hero h1, .careers-hero h1 { font-size:clamp(62px,9vw,87px);margin-right:0 }
.oss-hero-foot { margin-top:50px }
.oss-code-art { max-width:650px;min-height:445px;margin:0 22px 0 8px }
.careers-hero-art { max-width:630px;min-height:430px;margin:0 22px 0 0 }
.careers-hero-art>strong { font-size:95px }
.oss-feature-card { grid-template-columns:1fr }
.oss-feature-copy { padding:50px }
.oss-feature-title { margin-top:40px }
.oss-sitemap-art { min-height:450px }
.sitemap-child-row { max-width:550px }
.oss-detail-grid { grid-template-columns:1fr;gap:45px }
.oss-detail-hero .article-breadcrumb { margin-bottom:45px }
.oss-detail-diagram { margin:0 25px 0 0;max-width:670px }
.oss-detail-meta { margin-top:30px }
.oss-detail-body { grid-template-columns:20% 1fr;gap:7%;padding-block:80px }
.job-hero-grid { grid-template-columns:1fr;gap:42px;padding-bottom:65px }
.job-hero-facts { display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-self:stretch }
.job-hero-facts>div:nth-last-child(2) { border:0 }
.job-detail-content { grid-template-columns:20% 1fr;gap:7%;padding-block:80px }
.partner-detail-hero-grid { grid-template-columns:1fr;gap:48px }
.partner-employer-card { max-width:620px }
}
@media(max-width:690px) {
.company-careers-link { margin:14px 0 0 }
.oss-hero-grid, .careers-hero-grid { gap:42px;padding-top:20px;padding-bottom:68px }
.oss-hero-copy .article-breadcrumb, .careers-hero-copy .article-breadcrumb { margin-bottom:43px }
.oss-hero h1, .careers-hero h1 { font-size:clamp(47px,11.5vw,70px);margin:24px 0 }
.oss-hero-copy>p, .careers-hero-copy>p { font-size:16px }
.oss-hero-foot { gap:13px;margin-top:51px }
.oss-hero-foot span { font-size:12px }
.oss-code-art { min-height:350px;margin:0 12px 0 0;box-shadow:12px 15px 0 #d7e5dc }
.oss-art-top { padding:0 13px;height:48px;gap:9px }
.oss-art-top b { font-size:9px }
.oss-art-top strong { font-size:7px }
.oss-code-content { font-size:8.5px;line-height:2;padding:27px 10px }
.oss-code-content>div { gap:10px }
.oss-art-floating { bottom:35px;right:-10px;padding:13px 16px }
.oss-art-floating strong { font-size:14px }
.oss-art-floating span, .oss-art-floating small { font-size:8px }
.oss-art-bottom { position:absolute;bottom:0;width:100%;height:30px;padding:0 14px;font-size:7px }
.oss-credentials .shell { padding-block:25px;display:grid;grid-template-columns:1fr 1fr;gap:17px }
.oss-credentials .shell>span:first-child { grid-column:span 2 }
.oss-credentials-sep { display:none }
.oss-credentials strong { font-size:12px }
.oss-feature-section { padding-top:69px;padding-bottom:73px }
.oss-feature-card { margin-top:27px }
.oss-feature-copy { padding:35px 27px }
.oss-feature-title { margin:35px 0 17px;gap:14px }
.oss-feature-title h2 { font-size:clamp(55px,13vw,74px) }
.oss-feature-lead { font-size:28px }
.oss-feature-copy>p:not(.oss-feature-lead) { font-size:14px }
.oss-feature-actions { gap:22px }
.oss-feature-tags span { font-size:12px }
.oss-sitemap-art { padding:65px 17px 55px;min-height:385px }
.sitemap-annotation { left:19px;top:24px;font-size:8px }
.sitemap-corner-note { left:19px;bottom:22px;font-size:8px }
.sitemap-main-node { width:77%;padding:16px }
.sitemap-main-node strong { font-size:20px }
.sitemap-connector { height:45px }
.sitemap-connector:after { top:30px;min-width:185px }
.sitemap-child-row { gap:6px }
.sitemap-child-row>div { padding:12px 7px }
.sitemap-child-row strong { font-size:11px }
.sitemap-child-row small { font-size:9px }
.oss-other-section { padding-bottom:76px }
.oss-section-intro { grid-template-columns:1fr;gap:19px;margin:31px 0 }
.oss-section-intro h2 { font-size:49px }
.oss-section-intro p { font-size:15px }
.oss-project-grid { grid-template-columns:1fr }
.oss-project-card { min-height:505px;padding:27px }
.oss-project-text h3 { font-size:46px }
.oss-project-glyph { top:95px;right:35px;transform:rotate(-9deg) scale(.9) }
.oss-project-glyph.markdown-glyph { transform:rotate(8deg) scale(.88) }
.oss-principles { padding-block:70px }
.oss-principles-layout { grid-template-columns:1fr;gap:29px;padding-top:38px }
.oss-principles h2 { font-size:54px }
.oss-principles-list strong { font-size:18px }
.oss-end-cap { display:block;padding-block:75px }
.oss-end-cap h2 { font-size:40px }
.oss-detail-hero { padding-top:20px }
.oss-detail-heading { gap:11px }
.oss-detail-heading h1 { font-size:clamp(52px,12vw,70px) }
.oss-detail-mark { width:47px;height:47px;font-size:19px }
.oss-detail-copy h2 { font-size:36px;margin-top:26px }
.oss-detail-copy>p { font-size:15px }
.oss-detail-diagram { min-height:375px;margin-right:10px;padding:20px;box-shadow:11px 11px 0 #d2e6da }
.oss-detail-diagram-head { left:17px;right:17px;top:17px;font-size:7px }
.diagram-root { width:76%;padding:17px }
.diagram-root strong { font-size:19px }
.diagram-stem { height:65px }
.diagram-stem:after { width:180px }
.diagram-children { gap:7px }
.diagram-children>div { padding:15px 10px }
.diagram-children strong { font-size:12px }
.diagram-children>div>span { font-size:9px }
.diagram-footer { left:17px;right:17px;bottom:15px;font-size:7px }
.oss-detail-meta { grid-template-columns:1fr 1fr }
.oss-detail-meta>div { padding:19px 7px 18px 0;border-bottom:1px solid #c5d9d0 }
.oss-detail-meta>div:nth-child(odd) { padding-left:0 }
.oss-detail-meta>div:nth-child(even) { border-right:0;padding-left:12px }
.oss-detail-meta>div:nth-last-child(-n+2) { border-bottom:0 }
.oss-detail-body, .job-detail-content { display:block;padding-block:65px }
.oss-detail-aside { display:block;position:static;margin-bottom:32px }
.job-page-rail { display:none }
.job-detail-prose>section { padding-bottom:65px;margin-bottom:65px }
.job-detail-prose h2 { font-size:39px }
.job-detail-prose>section>p { font-size:15px }
.careers-hero-art { min-height:350px;padding:27px;box-shadow:11px 13px 0 #e0e5e1;margin-right:12px }
.careers-hero-art>strong { font-size:73px }
.careers-art-disc { width:265px;height:265px;border-width:50px;right:-35px;top:-50px }
.careers-art-sticker { width:93px;height:93px;font-size:37px;right:-8px;bottom:65px }
.careers-intro { display:block;padding-block:52px }
.careers-intro p { font-size:27px;margin:18px 0 23px }
.careers-roles { padding-block:75px }
.careers-roles-heading { grid-template-columns:1fr;gap:21px;margin:31px 0 }
.careers-roles-heading h2 { font-size:55px }
.careers-roles-heading p { font-size:15px }
.job-list-index, .job-list-footer { padding:16px }
.job-list-main { grid-template-columns:1fr;gap:30px;padding:30px 23px }
.job-list-main h3 { font-size:50px }
.job-list-main p { font-size:14px }
.job-list-footer>span { font-size:8px;max-width:130px }
.job-list-footer strong { font-size:12px }
.job-detail-hero { padding-top:20px }
.job-detail-hero .article-breadcrumb { margin-bottom:50px }
.job-hero-heading h1 { font-size:clamp(55px,11vw,76px) }
.job-hero-heading>p { font-size:15px }
.job-hero-grid { gap:35px }
.job-hero-facts { grid-template-columns:1fr 1fr;padding:8px 18px;gap:0 16px }
.job-hero-facts>div { padding:16px 0 }
.job-hero-facts span { font-size:8px }
.job-hero-facts strong { font-size:12px }
.partner-jobs-section { padding-block:75px }
.partner-job-grid { grid-template-columns:1fr }
.partner-job-card { min-height:515px }
.partner-job-card-body h3 { font-size:42px }
.partner-job-card-body { padding:34px 27px }
.partner-detail-hero { padding-top:20px }
.partner-detail-hero .article-breadcrumb { margin-bottom:45px }
.partner-detail-hero-grid { padding-bottom:70px }
.partner-detail-copy h1 { font-size:clamp(49px,11vw,71px) }
.partner-detail-copy>p { font-size:15px }
.partner-employer-card { padding:22px;box-shadow:9px 11px 0 #d5e8da;margin-right:10px }
.partner-employer-card h2 { font-size:23px }
}
.sample-width-81 { width: 81%; }
.sample-width-69 { width: 69%; }
.sample-width-53 { width: 53%; }
.sample-width-36 { width: 36%; }
}

.reference-page {
  h1, h2, h3, h4 { font-weight: 700; }
  .site-header .desktop-nav { display: flex; }
  .article-prose, .oss-detail-prose { min-width: 0; max-width: none; }
  .article-prose > p:first-child { font-size: 22px; font-weight: 700; color: var(--navy); }
  .article-prose h2, .oss-detail-prose h2 { margin-top: 60px; margin-bottom: 24px; }
  .article-prose ul, .article-prose ol, .oss-detail-prose ul, .oss-detail-prose ol { padding-left: 24px; margin-block: 24px; }
  .article-prose ul, .oss-detail-prose ul { list-style: disc; }
  .article-prose ol, .oss-detail-prose ol { list-style: decimal; }
  .article-aside nav > a, .oss-detail-aside nav > a { display: block; margin-block: 16px; }
  .author-line { flex-wrap: wrap; }
  .author-line > div > span { font-size: 12px; font-weight: 700; }
  .oss-detail-heading h1 { overflow-wrap: anywhere; }
  .oss-detail-meta > .author-line { display: flex; border: 0; }
  .project-source-art { background: var(--navy); color: var(--mint); padding: 60px 40px; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; min-width: 0; }
  .project-source-art strong { font: 700 clamp(40px, 5vw, 70px)/1.1 var(--font-heading); overflow-wrap: anywhere; }
  .project-source-art code { overflow-wrap: anywhere; }
  .product-alternate-art { background: var(--lilac); padding: 48px; margin-top: 80px; }
  .product-alternate-mark { font: 800 clamp(45px, 5vw, 80px)/1 var(--font-heading); margin-bottom: 48px; }
  .product-copy h1 { overflow-wrap: anywhere; }
  .oss-project-text > a { display: inline-block; margin-top: 24px; font-size: 13px; font-weight: 700; border-bottom: 1px solid; }
  .oss-project-text h2 { font-size: 42px; overflow-wrap: anywhere; margin-block: 24px; }
  .feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .career-page .career-hero { background: var(--pale); }
  @media(max-width: 1023px) { .site-header .desktop-nav { display: none; } }
  @media(max-width: 690px) {
    .article-prose > p:first-child { font-size: 19px; }
    .product-alternate-art { padding: 24px; margin-top: 32px; }
    .feature-grid { grid-template-columns: 1fr; }
    .oss-detail-grid, .article-heading-grid, .product-top { grid-template-columns: minmax(0, 1fr); }
  }
}
.reference-page {
  .jobs-search { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
  .jobs-search label { display: block; font-size: 13px; margin-bottom: 8px; }
  .jobs-empty { padding: 48px; background: var(--pale); border: 1px solid var(--line); }
  .partner-job-card h3, .partner-detail-copy h1, .partner-employer-card h2 { overflow-wrap: anywhere; }
  .partner-job-card:nth-child(even) { background: var(--lilac); }
  .public-job-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
  .public-job-terms div { background: var(--pale); padding: 24px; }
  .public-job-terms dt { color: var(--teal); font-size: 12px; margin-bottom: 12px; }
  .public-job-terms dd { font-weight: 700; overflow-wrap: anywhere; }
  .public-job-apply { margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--line); }
  .public-job-apply p { margin-top: 24px; }
  .job-detail-hero .article-breadcrumb a { color: #cee6e0; }
  .job-hero-facts h2 { font-size: 16px; color: white; margin-bottom: 24px; }
  .job-hero-facts dl div { padding-block: 16px; border-top: 1px solid #53637b; }
  .job-hero-facts dt { font-size: 11px; color: #a7d8cf; margin-bottom: 10px; }
  .job-hero-facts dd { font-weight: 700; line-height: 1.6; }
  .job-detail-content > .job-detail-prose { min-width: 0; }
  .job-detail-prose .site-width { width: 100%; padding-inline: 0; }
  .job-detail-prose .section-space { padding-block: 60px; }
  .job-detail-prose .grid { grid-template-columns: minmax(0, 1fr); }
  .job-detail-prose .career-panel { padding: 24px; border-radius: 0; background: var(--pale); }
  .job-detail-prose .section-title { font-size: clamp(28px, 3vw, 44px); }
  .job-detail-prose .editorial-split { grid-template-columns: 1fr; }
  @media(max-width: 690px) {
    .jobs-empty { padding: 24px; }
    .public-job-terms { grid-template-columns: minmax(0, 1fr); }
    .partner-detail-hero-grid, .careers-hero-grid { grid-template-columns: minmax(0, 1fr); }
    .job-hero-grid { grid-template-columns: minmax(0, 1fr); }
  }
}
.reference-page {
  .catalogue-heading { padding-top: 85px; padding-bottom: 65px; }
  .catalogue-heading h1 { font-size: clamp(48px, 6vw, 86px); line-height: 1.12; margin-block: 24px; max-width: 850px; }
  .catalogue-heading > p { color: var(--muted); line-height: 1.7; font-size: 18px; max-width: 620px; }
  .catalogue-heading + .products-section { padding-top: 0; }
  .journal-card h2 { font-size: 28px; line-height: 1.3; margin-block: 15px; }
  .journal-card .author-line { margin-block: 20px; }
  .reading-header { text-align: left; margin-inline: 0; max-width: 850px; padding-block: 48px; }
  .page-title { font-size: clamp(46px, 6vw, 84px); line-height: 1.12; }
  .legal-page .article-content h1 { font-size: clamp(44px, 6vw, 76px); line-height: 1.12; margin-top: 0; color: var(--navy); }
  .legal-page .article-content h2 { font-size: 28px; line-height: 1.3; margin-top: 48px; color: var(--navy); }
  .legal-page .article-content p, .legal-page .article-content ul, .legal-page .article-content ol { color: var(--muted); }
  .company-story { font-size: 18px; line-height: 1.8; }
  .company-quote { background: var(--cream); padding: 48px; }
  .company-quote blockquote { font: 400 36px/1.3 var(--font-editorial); }
  .contact-intro { background: var(--mint); padding: 64px 40px; }
  .contact-layout { gap: 70px; padding-block: 80px; }
  .contact-form { padding-block: 30px; }
  .career-opening { background: var(--pale); border: 1px solid var(--line); padding: 40px; }
  .article-content pre { background: var(--navy); color: #e0f0ec; padding: 28px; border-radius: 0; overflow-x: auto; }
  @media(max-width: 690px) {
    .catalogue-heading { padding-block: 50px; }
    .contact-layout { padding-block: 40px; gap: 24px; }
    .contact-intro, .company-quote, .career-opening { padding: 24px; }
    .page-title { font-size: 44px; }
    .reading-header { padding-block: 20px; }
  }
}
.reference-page {
  .product-hero { display: block; min-height: 0; }
  .product-top { width: 100%; }
  .product-copy h1 { margin-right: 0; }
  .product-detail-media { padding-block: 30px; }
  .product-detail-media summary { cursor: pointer; font-weight: 700; color: var(--teal); }
  .product-detail-media .product-image { max-width: 768px; margin: 32px auto; }
  .product-story .steps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .steps-grid h3 { margin-top: 36px; }
  .evidence-layout { align-items: center; }
  .evidence-copy .section-heading { display: block; margin: 0; }
  .evidence-copy .section-title { max-width: none; }
  .evidence-copy .lead { color: #c1d9d4; font-size: 16px; }
  .evidence-copy .text-link { color: #a8e3d3; }
  .evidence-copy .demonstration-explanation { display: block; margin-top: 28px; }
  .evidence-copy blockquote { font: 400 24px/1.4 var(--font-editorial); color: white; }
  .evidence-copy .demonstration-explanation dl { margin-top: 24px; }
  .evidence-copy .demonstration-explanation dd { color: #c1d9d4; font-size: 14px; }
  .evidence-image-wrap { margin: 0; }
  .evidence-copy .demonstration-explanation dt { color: #a8e3d3; }
  .evidence-image-wrap figcaption { color: var(--muted); }
  .evidence-image-wrap .text-link { color: var(--teal-dark); }
  .contact-section { background: var(--teal-dark); color: white; }
  .contact-section .lead { color: #d3ede5; }
  @media(max-width: 690px) {
    .product-story .steps-grid { grid-template-columns: minmax(0, 1fr); }
    .product-hero-visual { width: 100%; transform: none; height: 360px; overflow: hidden; }
    .product-browser { width: 540px; transform: rotate(-3deg) scale(.58); transform-origin: top left; left: 4px; top: 24px; }
    .product-visual-caption { top: 315px; left: 0; font-size: 8px; }
    .product-deco { width: 340px; height: 340px; right: 0; }
  }
}
.reference-page {
  .product-hero:not(:has(.product-image)) { max-width: none; width: 100%; }
  .product-followup { padding-top: 80px; }
  .margin-pill { z-index: 1; }
  .retail-article-banner .journal-art { height: 390px; margin-bottom: 0; }
  .retail-article-banner .margin-pill { font-size: clamp(26px, 4vw, 52px); }
  .retail-article-banner .margin-chart { width: 65%; height: 285px; }
  .job-hero-heading .closed-opening { color: #e5f2ed; border: 1px solid #88aa9e; padding: 16px; }
  @media(max-width: 690px) {
    .product-followup { padding-top: 50px; }
    .journal-art-two .margin-pill { top: 24px; left: 24px; font-size: 18px; }
    .journal-art-two .margin-chart { height: 205px; }
    .retail-article-banner .journal-art { height: 280px; }
  }
}

.reference-page .reading-contents summary { cursor: pointer; color: var(--teal-dark); font-size: 14px; font-weight: 700; min-height: 44px; padding-block: 12px; }
.reference-page .reading-contents a { min-height: 44px; padding-block: 12px; margin: 0; font-size: 14px; line-height: 1.5; }
.reference-page .reading-contents summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }

.reference-page .oss-detail-meta .author-avatar { color: white; }
.reference-page .oss-detail-meta .author-line > div > span { color: var(--teal-dark); font-size: 12px; }
.reference-page .author-line small > span { color: inherit; font-size: inherit; }