@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Ponsatlas colour roles. Brand blue signals action; petrol anchors the story.
   Sage is a supporting surface. Status colours and third-party assets retain meaning. */
:root{
 --brand:#2458e5;--brand-hover:#1745c9;--brand-soft:#edf2ff;
 --petrol:#193c42;--petrol-line:#456167;
 --ink:#202d33;--muted:#5b6870;--paper:#fafbf8;--line:#dce3df;
 --soft:#edf1e8;--sage:#edf1e8;--blue:var(--brand);--white:#fff;
}
/* The same navigation and footer on every public page. */
.site-header-shell,.site-footer-shell{background:var(--paper);display:flow-root;color:var(--ink)}
.site-header,.site-footer{box-sizing:border-box;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-weight:400;line-height:1.5;letter-spacing:0}
.site-header *, .site-footer *{box-sizing:border-box}
.site-header.wrap,.site-footer.wrap{width:min(1240px,89%);margin-inline:auto}
.site-header{display:flex;align-items:center;gap:28px;min-height:104px;border-bottom:1px solid var(--line);position:relative;z-index:10;padding:0;background:transparent}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;flex-shrink:0;padding:0;text-decoration:none;border:0;background:none;height:auto}
.site-header .brand img{width:177px;height:44px;object-fit:contain;display:block;margin:0}
.site-header #site-navigation{display:flex;align-items:center;gap:24px;margin-left:auto;padding:0;font-size:14px}
.site-header a{color:var(--ink);text-decoration:none;background:none;font-weight:400}
.site-header a:hover,.site-footer a:hover{color:var(--brand)}
.site-header #site-navigation [aria-current=page]{color:var(--brand);text-decoration:underline;text-underline-offset:6px}
.site-header .locale-links{display:flex;align-items:center;gap:10px;padding:0;margin:0;font-size:12px}
.site-header .locale-links a{padding:9px 3px}
.site-header .locale-links [aria-current=page]{color:var(--brand);text-decoration:underline;text-underline-offset:5px}
.site-header .header-contact{font-size:13px;padding:11px 17px;min-height:44px;color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:7px;display:inline-flex;align-items:center;gap:16px;line-height:1.4;white-space:nowrap}
.site-header .header-contact:hover{background:var(--brand-hover);color:white}
.site-header .menu-toggle{display:none}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--petrol);color:white;font:14px 'DM Sans',Arial,sans-serif}
.skip-link:focus{top:12px}
.site-header :focus-visible,.site-footer :focus-visible{outline:3px solid #bc7d19;outline-offset:5px}
.site-footer{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;padding:10px 0 25px;background:none;border:0;margin-top:30px}
.site-footer .brand img{display:block;width:160px;height:40px;object-fit:contain;margin:0}
.site-footer p{font-size:13px;line-height:1.7;color:var(--muted);margin:15px 0 20px}
.site-footer a{color:var(--ink);text-decoration:none;background:none;font-weight:400}
.site-footer .footer-explore{display:flex;gap:20px;flex-wrap:wrap;align-content:start;font-size:12px;justify-content:flex-end}
.site-footer .footer-explore a{display:inline-flex;align-items:center;gap:10px}
.site-footer .footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:25px;flex-wrap:wrap;font-size:11px;align-items:center}
.site-footer .footer-bottom nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.site-footer .footer-bottom button{border:0;background:none;color:var(--muted);font:11px 'DM Sans',Arial,sans-serif;padding:5px 0;cursor:pointer}
/* One meaning for primary actions, links and selected controls. */
.editorial .button,.detail-page .detail-cta,.licensing-actions .button{background:var(--brand);border-color:var(--brand);color:#fff}
.editorial .button:hover,.detail-page .detail-cta:hover,.licensing-actions .button:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:white}
.editorial .text-link,.detail-page article>a:not(.detail-cta){color:var(--brand)}
.editorial .text-link:hover{color:var(--brand-hover)}
.scene-tabs button[aria-selected=true],.sector-tabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:white;box-shadow:0 2px 6px #2458e51a}
.scene-tabs button[aria-selected=true]>span,.sector-tabs button[aria-selected=true]>span{color:#fff;border-color:#ffffff70}
.scene-tabs button:not([aria-selected=true]),.sector-tabs button:not([aria-selected=true]){color:var(--muted)}
.scene-tabs,.sector-tabs{background:#f0f3f4;border-color:var(--line)}
.sector-tabs button:hover:not([aria-selected=true]){background:#e6ebf2}
/* Calm, neutral surfaces and a single petrol anchor. */
.editorial,.detail-page{background:var(--paper);color:var(--ink)}
.editorial p{color:var(--muted)}
.atlassian-expertise{border-color:var(--line);border-radius:12px}
.experience-stamp,.human-ai-vision{background:var(--petrol);border-color:var(--petrol-line)}
.experience-stamp .eyebrow{color:#c7d5dc}.experience-stamp>p{color:#edf2f2}
.experience-lines i{border-color:#c4dce321}
.atlassian-explainer h2{color:var(--ink)}
.atlassian-products>div{border-top-color:#cbd7de}
.atlassian-products>div>span:last-child,.product-number{color:var(--muted)}
.expertise-role svg{fill:var(--petrol)}
.expertise-label,.expertise-role span,.reference-strip .client-label{color:var(--muted)}
.expertise-role strong{color:var(--ink)}
.reference-logo{border-radius:5px;border-color:var(--line)}.ref-0{border-color:#183659}
.human-ai-vision{border-radius:14px}
.vision-copy .eyebrow{color:#b6c9ff}
.vision-copy>p:not(.eyebrow),.pons-model figcaption p,.human-ai-vision .collaboration-points p{color:#d0dce0}
.vision-copy>.text-link{color:#e4ebff}
.vision-copy>.text-link:hover{color:#fff}
.pons-model small,.network-purpose{color:#afc3ca}
.network-hub{background:#f5f7fa;border-color:#a6c2cd80}
.network-hub span{color:#4b626d}.network-node{background:#25474e;border-color:#7297a366}
.network-node>span{color:#c5d2fa}.network-node strong{color:#f1f4f7}
.pons-paths .connection{stroke:#aac4d0}.signal{stroke:#b4c7ff}.signal-b{stroke:#bcd9ca}
.human-ai-vision .collaboration-points>div>span{background:#e3eaff15;border-color:#bdcaff44;color:#d7e2ff}
.human-ai-vision .collaboration-points>div:nth-child(2)>span{background:#f3ca7915;color:#f1d6a4;border-color:#d6bb7a44}
.human-ai-vision .collaboration-points h3,.vision-copy h2,.pons-model h3{color:#fff}
.sector-before{background:#f1f3ef;border-color:var(--line);border-radius:10px}
.sector-after{background:var(--sage);border-color:#d3decf;border-radius:10px;box-shadow:none}
.sector-task{border-color:var(--line);box-shadow:none;border-radius:7px}
.sector-before .sector-label,.sector-after>.sector-label,.sector-owner,.role-split p{color:var(--muted)}
.sector-task-heading h3{color:var(--ink)}
.sector-message p{box-shadow:none;border-color:var(--line)}
.sector-stages i{background:var(--brand-soft);border-color:#d9e3fc;color:var(--brand)}
.sector-stages>span:last-child i{background:#e7efe5;color:#45633e;border-color:#cad9c5}
.visibility-steps article>span{background:var(--brand-soft);border-color:#d6e1fa;color:var(--brand)}
.visibility-steps article{border-color:var(--line)}
.visibility-example-note,.diagram-note{color:var(--muted)}
/* Services are a light editorial section, not a second dark theme. */
.visual-services{background:#f1f4f4;color:var(--ink);padding:58px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual-services .eyebrow,.visual-services .section-heading p:not(.eyebrow){color:var(--muted)}
.visual-services .section-heading h2{color:var(--ink)}
.visual-services .section-heading>a{color:var(--brand)}
.licensing-feature{background:var(--brand-soft);border:1px solid #d1defb;border-radius:9px;padding:26px 29px;margin-bottom:28px}
.licensing-feature .eyebrow{color:var(--brand)}
.licensing-icon{color:var(--brand)}
.licensing-feature h3{color:var(--ink)}
.licensing-copy>p:last-child{color:var(--muted)}
.licensing-actions .text-link{color:var(--brand)}
.offer-grid{gap:0 40px}
.offer-card,.offer-card.offer-0{background:transparent;border:0;border-top:1px solid #cbd6da;border-radius:0;padding:27px 0 29px;box-shadow:none;color:var(--ink);transition:none}
.offer-card:hover,.offer-card.offer-0:hover{background:transparent;border-color:#cbd6da}
.offer-card h3{font-size:26px;max-width:440px;line-height:1.3;color:var(--ink)}
.offer-card>p,.offer-card.offer-0>p{color:var(--muted);margin-bottom:18px;max-width:510px}
.offer-icon,.offer-0 .offer-icon{color:var(--brand)}
.offer-category{color:#40545e}.offer-number{color:#75848b}
.offer-process{display:none}
.offer-card .text-link{margin-top:auto;color:var(--brand)}
.offer-card a:hover,.offer-0 a:hover{color:var(--brand-hover)}
.more-services{border-top:1px solid #cbd6da;padding-top:25px}
.more-services>h3{color:var(--ink);font-size:15px;font-weight:600}
.service-shortcut{border-color:#d7dfe1}.service-shortcut strong{color:var(--ink)}
.service-shortcut>span>span{color:var(--muted)}.service-shortcut>b,.service-shortcut:hover strong{color:var(--brand)}
/* Fewer nested frames; illustrations carry the detail. */
.visual-case,.visual-case:first-child{background:white;border-color:var(--line);border-radius:9px;box-shadow:none}
.visual-case:first-child{border-top:3px solid var(--brand);padding-top:21px}
.visual-case .case-map,.visual-case:first-child .case-map{background:#f2f5f6;border:0;border-radius:5px}
.visual-case h3{color:var(--ink)}
.map-hub{background:var(--brand)}
.map-connect,.map-service i,.map-branches>div,.code-stop i{border-color:#bfcfd7}
.map-connect:before,.git-rail{background:#becfd7}
.map-branches i{background:#e0e7e9}.map-branches i:nth-child(3){background:#a9bcc7}
.map-service i,.code-stop i{color:var(--brand)}
.map-service>div:last-child i,.code-stop:last-child i{background:var(--petrol);color:#fff;border-color:var(--petrol)}
.visual-about-copy .book{background:#f0f3f3;border-color:var(--line);border-left:2px solid #c5d1d5;border-radius:0 7px 7px 0}
.visual-about-copy .forthcoming-book{background:var(--brand-soft);border-left-color:var(--brand)}
.visual-about-copy .values-line{border-color:#b6c8b0;color:var(--muted)}
.home-page .contact-section,.page-contact,.detail-page .detail-contact{background:var(--brand-soft);border-radius:12px}
.home-page .hubspot-panel{border:0;border-radius:8px;box-shadow:none}
/* Detail pages use the same type, spacing and site shell as the homepage. */
.detail-page{font-family:'DM Sans',Arial,sans-serif;line-height:1.8;font-size:17px}
.detail-page main{max-width:1240px;width:89%;margin:0 auto;padding:32px 0 65px}
.detail-page article{max-width:940px}
.detail-page h1,.detail-page h2,.detail-page h3{font-family:Manrope,Arial,sans-serif;color:var(--ink);font-weight:500}
.detail-page h1{font-size:clamp(37px,4.2vw,56px);line-height:1.17;letter-spacing:-.045em;margin:30px 0 25px;max-width:940px}
.detail-page h2{font-size:28px;line-height:1.3;letter-spacing:-.035em;margin:0 0 17px}
.detail-page .detail-lead{font-size:19px;line-height:1.8;color:var(--muted)}
.detail-page .eyebrow{color:var(--muted);font-size:10px}
.detail-page section{border-color:var(--line);padding:28px 0}
.detail-page .detail-cta{font:500 14px/1.4 'DM Sans',Arial,sans-serif;padding:13px 23px;min-height:46px;border-radius:7px;margin:12px 0 22px}
.detail-page .detail-trust{background:var(--sage);border:0;border-radius:7px;padding:27px;margin:32px 0}
.detail-page details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 0;margin:0}
.detail-page summary{font-size:16px;font-weight:500}
.detail-page details p{font-size:15px;line-height:1.85;color:var(--muted);margin:13px 0 0}
.detail-page .detail-contact{padding:28px!important;margin:25px 0 0;border:0}
.detail-page .service-links{gap:0 30px}
.detail-page .service-links>a{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;font-size:15px;padding:16px 0;line-height:1.6}
.content-page .app-list article{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:25px 0}
.content-page .app-glyph{background:var(--brand-soft);width:55px;height:55px;font-size:29px;border-radius:9px}
.content-page .book{border-radius:0 7px 7px 0}
.policy-page .policy-content{color:var(--muted)}
@media(max-width:1050px){
 .site-header{gap:17px}.site-header .brand img{width:150px;height:38px}.site-header #site-navigation{gap:15px;font-size:12px}.site-header .header-contact{padding:10px 13px}
 .offer-grid{gap:0 28px}.licensing-feature{padding:24px}
}
@media(max-width:760px){
 .site-header.wrap,.site-footer.wrap{width:90%}.site-header{min-height:85px;gap:12px;flex-wrap:wrap;padding:16px 0}
 .site-header .brand img{width:132px;height:34px}
 .site-header .menu-toggle{display:block;border:1px solid #c7d3dc;border-radius:5px;color:var(--ink);background:transparent;font:12px/1.4 'DM Sans',Arial,sans-serif;padding:8px 9px;margin-left:auto;min-height:38px;cursor:pointer}
 .site-header #site-navigation{display:none;order:5;flex:0 0 100%;margin:0;padding:20px 0 8px;flex-direction:column;align-items:flex-start;font-size:16px;gap:18px}
 .site-header #site-navigation.open{display:flex}
 .site-header .locale-links{gap:6px;font-size:11px}.site-header .locale-links a{padding:9px 2px}
 .site-header .header-contact{display:none!important}
 .site-footer{grid-template-columns:1fr;padding-top:10px;gap:25px}
 .site-footer .footer-explore{justify-content:flex-start;gap:16px 22px;line-height:1.8}
 .site-footer .footer-bottom{display:block;line-height:2}
 .site-footer .footer-bottom nav{margin:14px 0;gap:10px 20px}
 .human-ai-vision{border-radius:11px}.atlassian-expertise{border-radius:10px}
 .visual-services{padding:38px 0 28px}.licensing-feature{padding:22px;gap:16px;border-radius:8px;margin-bottom:24px}
 .offer-grid{grid-template-columns:1fr;gap:0}.offer-card,.offer-card.offer-0{padding:24px 0 26px}
 .offer-card h3{font-size:26px;margin:16px 0 12px}.offer-card>p{font-size:14px;line-height:1.8}
 .more-services{padding-top:22px}.service-shortcut{padding:16px 0}
 .visual-case:first-child{padding-top:21px}
 .detail-page main{width:90%;padding:25px 0 45px}.detail-page h1{font-size:38px;margin-top:25px}
 .detail-page .detail-lead{font-size:18px}.detail-page h2{font-size:25px}
 .detail-page .detail-trust,.detail-page .detail-contact{padding:23px!important}
 .detail-page .service-links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.site-header *,.site-footer *{scroll-behavior:auto}}