/* Developers-only structural port of approved Astra-06 core-pages.css. */
#main:has(> .cr-developer-hero){--core-ink:#171a20;--core-muted:#505660;--core-blue:#1847ed;--core-paper:#f3f5f8;--core-line:#d7dbe2;--core-night:#071f38;overflow:visible!important;background:#fff;color:var(--core-ink);counter-reset:core-section}
#main:has(> .cr-developer-hero) *{box-sizing:border-box}
#main:has(> .cr-developer-hero) :is(h1,h2,h3,h4,p,li,th,td,a,button){font-family:Inter,Arial,sans-serif!important}
#main:has(> .cr-developer-hero) :is(h1,h2,h3,h4){font-weight:600!important;color:var(--core-ink)!important;letter-spacing:-.045em!important}
#main:has(> .cr-developer-hero) :is(p,li,td){color:var(--core-muted)!important;line-height:1.7!important}
#main:has(> .cr-developer-hero) a{color:var(--core-blue)!important;text-underline-offset:4px}
#main:has(> .cr-developer-hero) a:hover{color:#1034b6!important}
#main:has(> .cr-developer-hero)> .container,#main:has(> .cr-developer-hero)>section.container,#main:has(> .cr-developer-hero)> .container-fluid>.container,#main:has(> .cr-developer-hero) .full-width-content>.container{width:calc(100% - 112px)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important}
#main:has(> .cr-developer-hero)>.container-fluid{width:100%!important;max-width:none!important;margin:0!important;padding:70px 0!important}
#main:has(> .cr-developer-hero)>.container-fluid.gray-container{background:var(--core-paper)!important}
#main:has(> .cr-developer-hero)>.container-fluid.white-container{background:#fff!important}
#main:has(> .cr-developer-hero)> :is(.container,section.container):not(.hero-block){padding-block:70px!important;border-bottom:1px solid var(--core-line)}
#main:has(> .cr-developer-hero)> .container.hero-block{position:relative;isolation:isolate;width:100%!important;max-width:none!important;min-height:420px;margin:0!important;padding:66px max(56px,calc((100% - 1280px)/2)) 76px!important;background:var(--core-paper)!important;border-bottom:1px solid var(--core-line);overflow:hidden}
#main:has(> .cr-developer-hero)> .hero-block::before{content:'CREATERUN  /  PRODUCT';display:block;margin-bottom:24px;color:var(--core-blue);font:500 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.1em}
#main:has(> .cr-developer-hero)> .hero-block::before{content:'05  /  DEVELOPERS'}
#main:has(> .cr-developer-hero)> .hero-block::after{content:'';position:absolute;right:max(56px,calc((100% - 1280px)/2));top:90px;width:31%;height:235px;background:linear-gradient(90deg,transparent 0 49.5%,#cbd5ed 49.5% 50%,transparent 50% 100%),linear-gradient(0deg,transparent 0 49.5%,#cbd5ed 49.5% 50%,transparent 50% 100%);background-size:48px 48px;border:1px solid #d7dbe2;opacity:.72;z-index:-1}
#main:has(> .cr-developer-hero)> .hero-block h1{max-width:870px;margin:0 0 22px!important;font-size:clamp(47px,5.1vw,76px)!important;line-height:1.04!important;letter-spacing:-.065em!important;text-wrap:balance}
#main:has(> .cr-developer-hero)> .hero-block .hero-sub{max-width:760px;margin:0!important;font-size:18px!important;line-height:1.7!important;color:var(--core-muted)!important}
#main:has(> .cr-developer-hero) .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px!important}
#main:has(> .cr-developer-hero) :is(.cta-primary,.cta-secondary,.wide-card-blue-button,.top-footer-btn,.cta-button,.cta-secondary-light){display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:12px 21px!important;border-radius:0!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;transition:transform .15s,background .15s}
#main:has(> .cr-developer-hero) :is(.cta-primary,.wide-card-blue-button,.top-footer-btn,.cta-button){background:var(--core-blue)!important;border:1px solid var(--core-blue)!important;color:#fff!important}
#main:has(> .cr-developer-hero) :is(.cta-secondary,.cta-secondary-light){background:transparent!important;border:1px solid var(--core-ink)!important;color:var(--core-ink)!important}
#main:has(> .cr-developer-hero) :is(.cta-primary,.cta-secondary,.wide-card-blue-button,.top-footer-btn,.cta-button,.cta-secondary-light):hover{transform:translateY(-2px)}
#main:has(> .cr-developer-hero) :is(.cta-primary,.wide-card-blue-button,.top-footer-btn,.cta-button):hover{background:#1034b6!important;color:#fff!important}
#main:has(> .cr-developer-hero) :is(.cta-secondary,.cta-secondary-light):hover{background:#e7eaf2!important;color:var(--core-ink)!important}
#main:has(> .cr-developer-hero) :is(.headers-bordered,.badge,.tool-cat,.cr-esdp-nav-label){display:inline-flex;align-items:center;gap:9px;margin:0 0 19px!important;padding:0!important;background:none!important;border:0!important;color:var(--core-blue)!important;font:500 11px/1.5 'JetBrains Mono',monospace!important;letter-spacing:.1em!important;text-transform:uppercase}
#main:has(> .cr-developer-hero) .headers-bordered::before{content:'';display:block;flex:none;width:7px;height:7px;background:var(--core-blue)}
#main:has(> .cr-developer-hero) :is(h2,.section-title,.wide-card-head){font-size:clamp(36px,3.45vw,54px)!important;line-height:1.12!important;margin:0 0 20px!important;max-width:930px;text-wrap:balance}
#main:has(> .cr-developer-hero) :is(h3,.low-width){font-size:clamp(23px,2.1vw,31px)!important;line-height:1.2!important;margin:0 0 13px!important}
#main:has(> .cr-developer-hero) h4{font-size:19px!important;line-height:1.3!important;margin:0 0 12px!important}
#main:has(> .cr-developer-hero) p{font-size:16px!important;margin:0 0 18px!important;max-width:850px}
#main:has(> .cr-developer-hero) .section-lead{font-size:18px!important;max-width:760px;margin-bottom:32px!important}
#main:has(> .cr-developer-hero) :is(ul,ol){padding-left:22px;margin:20px 0}
#main:has(> .cr-developer-hero) li{font-size:15px!important;padding-left:4px;margin:6px 0}
#main:has(> .cr-developer-hero) :is(.cr-esdp-section,.section):not(.hero-block){scroll-margin-top:130px}
#main:has(> .cr-developer-hero) :is(.cr-esdp-section,.section):not(.hero-block)>h2:first-child{max-width:900px}
#main:has(> .cr-developer-hero) :is(.concrete-cards,.vertical-grid,.mcp-grid,.tile-grid,.three-track,.cr-esdp-methods,.cr-esdp-paths,.publish-pipeline){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;max-width:none!important;margin:32px 0 0!important;padding:1px!important;background:var(--core-line)!important;border:0!important}
#main:has(> .cr-developer-hero) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step){min-width:0!important;min-height:0!important;display:flex;flex-direction:column;padding:30px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--core-ink)!important}
#main:has(> .cr-developer-hero) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step) :is(h3,h4){font-size:23px!important;line-height:1.25!important;margin:0 0 13px!important}
#main:has(> .cr-developer-hero) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step) p{font-size:14px!important;line-height:1.66!important;margin:0 0 16px!important}
#main:has(> .cr-developer-hero) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step) :is(.badge,.tool-cat){margin-bottom:25px!important}
#main:has(> .cr-developer-hero) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step) :is(a,.card-link){margin-top:auto!important;align-self:flex-start;font-size:13px!important;font-weight:600!important}
#main:has(> .cr-developer-hero) .platform-icon{display:block;width:37px;height:37px;margin-bottom:17px;color:var(--core-blue)}
#main:has(> .cr-developer-hero) .platform-icon svg{display:block;width:37px;height:37px}
#main:has(> .cr-developer-hero) .cr-badge{display:inline-block!important;width:auto!important;padding:5px 8px!important;margin:0 0 14px!important;border:1px solid #bdd0ff!important;background:#e9efff!important;color:#173aa9!important;font:600 11px/1.2 'JetBrains Mono',monospace!important;text-transform:uppercase;letter-spacing:.03em}
#main:has(> .cr-developer-hero) .cr-badge--planned{background:#f0e9fa!important;border-color:#d9c9f1!important;color:#5e348d!important}
#main:has(> .cr-developer-hero) .cr-badge--built{background:#fff0dc!important;border-color:#ecd1a6!important;color:#82530e!important}
#main:has(> .cr-developer-hero) .row{row-gap:24px}
#main:has(> .cr-developer-hero) :is(.row,.d-flex)>[class*='col-']{min-width:0}
#main:has(> .cr-developer-hero) img{max-width:100%;height:auto}
#main:has(> .cr-developer-hero) .row img:not(.hawai-box-link img){display:block;max-height:390px;object-fit:contain;margin-inline:auto}
#main:has(> .cr-developer-hero) .architecture-block{background:var(--core-paper);padding:48px!important;border:1px solid var(--core-line);text-align:center}
#main:has(> .cr-developer-hero) .architecture-block img{display:block;max-height:500px;margin:0 auto 17px}
#main:has(> .cr-developer-hero) .architecture-block a{font-size:13px;font-weight:600}
#main:has(> .cr-developer-hero) .cr-photo-frame{display:block;margin:0;background:var(--core-paper);overflow:hidden}
#main:has(> .cr-developer-hero) .cr-photo{display:block;width:100%;height:100%!important;min-height:230px;max-height:420px;object-fit:cover}
#main:has(> .cr-developer-hero) .cr-esdp-section-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0!important;border-bottom:1px solid var(--core-line)}
#main:has(> .cr-developer-hero) .cr-esdp-section-nav .cr-esdp-nav-label{margin:0 18px 0 0!important}
#main:has(> .cr-developer-hero) .cr-esdp-section-nav a{display:inline-flex;align-items:center;min-height:37px;padding:8px 11px;border:1px solid var(--core-line);font-size:12px!important;font-weight:600;text-decoration:none}
#main:has(> .cr-developer-hero) :is(.problem,.fit){font-size:14px!important;line-height:1.6!important}
#main:has(> .cr-developer-hero) .feature-pills{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0!important;padding:0!important;list-style:none}
#main:has(> .cr-developer-hero) .feature-pills>*{padding:5px 8px!important;margin:0!important;background:var(--core-paper);color:var(--core-ink)!important;font:500 11px/1.4 'JetBrains Mono',monospace!important}
#main:has(> .cr-developer-hero) .cr-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--core-line);margin:24px 0}
#main:has(> .cr-developer-hero) .comparison-table{width:100%;min-width:650px;border-collapse:collapse;background:#fff}
#main:has(> .cr-developer-hero) .comparison-table :is(th,td){padding:17px 19px!important;border:0;border-bottom:1px solid var(--core-line)!important;vertical-align:top;font-size:14px!important;line-height:1.55!important}
#main:has(> .cr-developer-hero) .comparison-table th{background:var(--core-night)!important;color:#fff!important;font:500 11px/1.5 'JetBrains Mono',monospace!important;letter-spacing:.07em;text-transform:uppercase}
#main:has(> .cr-developer-hero) .comparison-table tr:nth-child(even) td{background:#f7f8fa}
#main:has(> .cr-developer-hero) .comparison-table td:first-child{font-weight:600;color:var(--core-ink)!important}
#main:has(> .cr-developer-hero) .wide-card-purple{position:relative;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:65px max(56px,calc((100vw - 1280px)/2))!important;background:var(--core-night)!important;border:0!important;border-bottom:1px solid #34516b!important;color:#fff!important;text-align:left!important}
#main:has(> .cr-developer-hero) .wide-card-purple :is(h2,h3){color:#fff!important;max-width:900px}
#main:has(> .cr-developer-hero) .wide-card-purple p{color:#c4d6e5!important;max-width:760px}
#main:has(> .cr-developer-hero) .wide-card-purple .wide-card-dekor{display:none!important}
#main:has(> .cr-developer-hero) .wide-card-purple .wide-card-blue-button{background:#72e5ef!important;border-color:#72e5ef!important;color:var(--core-night)!important}
#main:has(> .cr-developer-hero) .wide-card-purple .wide-card-blue-button:hover{background:#a8f6fa!important;color:var(--core-night)!important}
#main:has(> .cr-developer-hero) .hawai-box{background:var(--core-night)!important;padding:0!important;color:#fff!important}
#main:has(> .cr-developer-hero) .hawai-box>.wide-card{padding:70px 0!important}
#main:has(> .cr-developer-hero) .hawai-box>.wide-card .d-flex{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:7%;align-items:center}
#main:has(> .cr-developer-hero) .hawai-box>.wide-card :is(h2,h3,p){color:#fff!important}
#main:has(> .cr-developer-hero) .hawai-box>.wide-card p{color:#c4d6e5!important}
#main:has(> .cr-developer-hero) .hawai-box .tab-btns{display:flex!important;flex-wrap:wrap;gap:8px;border:0!important;margin:24px 0!important}
#main:has(> .cr-developer-hero) .hawai-box [role='tab']{padding:10px 13px!important;border:1px solid #55718c!important;border-radius:0!important;background:transparent!important;color:#e8f1ff!important;font-size:12px!important;font-weight:600!important;cursor:pointer}
#main:has(> .cr-developer-hero) .hawai-box [role='tab'].active{background:#72e5ef!important;border-color:#72e5ef!important;color:var(--core-night)!important}
#main:has(> .cr-developer-hero) .hawai-box .tab-content{color:#fff!important}
#main:has(> .cr-developer-hero) .hawai-box .tab-pane[hidden],#main:has(> .cr-developer-hero) .hawai-box .flextabs-img[hidden]{display:none!important}
#main:has(> .cr-developer-hero) .hawai-box .tab-pane:not(.active),#main:has(> .cr-developer-hero) .hawai-box .flextabs-img:not(.active){display:none!important}
#main:has(> .cr-developer-hero) .hawai-box .flextabs-img{width:100%;max-height:400px;object-fit:contain}
#main:has(> .cr-developer-hero) .hawai-box .mid-much-padding-top{padding:55px 0!important}
#main:has(> .cr-developer-hero) .hawai-box .mid-much-padding-top :is(h3,p,li){color:#fff!important}
#main:has(> .cr-developer-hero) .hawai-box .mid-much-padding-top p{color:#c4d6e5!important}
#main:has(> .cr-developer-hero) .hawai-box .mid-much-padding-top a{color:#72e5ef!important}
#main:has(> .cr-developer-hero) .hawai-box .mobile-hidden{display:block!important}
#main:has(> .cr-developer-hero) .center-align{text-align:center}
#main:has(> .cr-developer-hero) .center-align :is(h2,h3,p){margin-inline:auto!important}
#main:has(> .cr-developer-hero) .center-align img{display:block;margin:0 auto 22px}
#main:has(> .cr-developer-hero) .hawai-box-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px!important}
#main:has(> .cr-developer-hero) .hawai-box-link img{width:16px;height:16px}
#main:has(> .cr-developer-hero) .cr-developer-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:7%;align-items:center}
#main:has(> .cr-developer-hero) .cr-developer-hero .cr-photo{min-height:320px}
#main:has(> .cr-developer-hero) .cr-esdp-diagram-link{display:inline-block;margin-top:15px}
#main:has(> .cr-developer-hero) .cr-esdp-methods .cr-esdp-card{min-height:190px}
#main:has(> .cr-developer-hero) .tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#main:has(> .cr-developer-hero) .three-track{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#main:has(> .cr-developer-hero) .publish-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#main:has(> .cr-developer-hero) .pipe-step{min-height:230px}
#main:has(> .cr-developer-hero) .pipe-step::before{content:counter(core-section,decimal-leading-zero);color:var(--core-blue);font:500 11px/1.5 'JetBrains Mono',monospace;margin-bottom:20px}
#main:has(> .cr-developer-hero) :is(.mcp-tool,.vertical-card) .tool-desc{font-size:14px!important}
#main:has(> .cr-developer-hero) :is(.cr-esdp-card,.tile) .cr-badge{align-self:flex-start}
#main:has(> .cr-developer-hero) .mcp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#main:has(> .cr-developer-hero) .vertical-card .problem{margin-top:10px!important}
#main:has(> .cr-developer-hero) .vertical-card .fit{border-top:1px solid var(--core-line);padding-top:15px}
#main:has(> .cr-developer-hero) .vertical-card .cr-photo-frame{margin:-30px -30px 25px}
#main:has(> .cr-developer-hero) .vertical-card .cr-photo{max-height:250px}
#main:has(> .cr-developer-hero) .section-title-bar{display:flex;justify-content:space-between;gap:30px;align-items:end}
#main:has(> .cr-developer-hero) .cr-h4look{font-size:20px!important;font-weight:600}
#main:has(> .cr-developer-hero) :is(.white-container,.gray-container) .row>div{align-self:start}
@media(max-width:1000px){#main:has(> .cr-developer-hero)> .hero-block::after{width:25%;opacity:.4}#main:has(> .cr-developer-hero) :is(.tile-grid,.publish-pipeline){grid-template-columns:repeat(2,minmax(0,1fr))!important}#main:has(> .cr-developer-hero) :is(.concrete-cards,.vertical-grid,.mcp-grid,.three-track,.cr-esdp-methods,.cr-esdp-paths){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){#main:has(> .cr-developer-hero)> .container,#main:has(> .cr-developer-hero)>section.container,#main:has(> .cr-developer-hero)> .container-fluid>.container,#main:has(> .cr-developer-hero) .full-width-content>.container{width:calc(100% - 40px)!important}#main:has(> .cr-developer-hero)> .container.hero-block{min-height:0;padding:44px 20px 52px!important}#main:has(> .cr-developer-hero)> .hero-block::after{display:none}#main:has(> .cr-developer-hero)> .hero-block h1{font-size:clamp(39px,10.5vw,54px)!important}#main:has(> .cr-developer-hero)> .hero-block .hero-sub{font-size:16px!important}#main:has(> .cr-developer-hero)> :is(.container,section.container):not(.hero-block){padding-block:52px!important}#main:has(> .cr-developer-hero)>.container-fluid{padding:52px 0!important}#main:has(> .cr-developer-hero) :is(h2,.section-title,.wide-card-head){font-size:35px!important}#main:has(> .cr-developer-hero) :is(h3,.low-width){font-size:25px!important}#main:has(> .cr-developer-hero) :is(.concrete-cards,.vertical-grid,.mcp-grid,.tile-grid,.three-track,.cr-esdp-methods,.cr-esdp-paths,.publish-pipeline){grid-template-columns:1fr!important}#main:has(> .cr-developer-hero) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step){padding:25px!important}#main:has(> .cr-developer-hero) .vertical-card .cr-photo-frame{margin:-25px -25px 25px}#main:has(> .cr-developer-hero) .architecture-block{padding:22px!important}#main:has(> .cr-developer-hero) .wide-card-purple{padding:52px 20px!important}#main:has(> .cr-developer-hero) .hawai-box>.wide-card{padding:52px 0!important}#main:has(> .cr-developer-hero) .hawai-box>.wide-card .d-flex{display:block!important}#main:has(> .cr-developer-hero) .hawai-box .flexbox-right{margin-top:25px}#main:has(> .cr-developer-hero) .cr-developer-hero{display:block}#main:has(> .cr-developer-hero) .cr-developer-hero .cr-photo-frame{margin-top:30px}#main:has(> .cr-developer-hero) .cr-esdp-section-nav{gap:8px}#main:has(> .cr-developer-hero) .cr-esdp-section-nav .cr-esdp-nav-label{flex-basis:100%;margin:0!important}#main:has(> .cr-developer-hero) .cr-table-scroll{margin-inline:-20px;max-width:calc(100% + 40px)}#main:has(> .cr-developer-hero) .comparison-table{min-width:620px}#main:has(> .cr-developer-hero) .row{row-gap:16px}#main:has(> .cr-developer-hero) .hero-ctas a{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){#main:has(> .cr-developer-hero) :is(a,button){transition:none!important}}

@media(max-width:767px){#main:has(> .cr-developer-hero) .section-title-bar{display:block!important}#main:has(> .cr-developer-hero) .section-title-bar>*{width:100%!important;min-width:0!important;max-width:100%!important}#main:has(> .cr-developer-hero) .section-title-bar a{margin-top:18px!important}}


#main:has(> .cr-developer-hero) .container.wide-card.wide-card-purple{background:#071f38!important;border:0!important;border-bottom:1px solid #34516b!important}

/* Tighten legacy product accents to the Astra-06 palette. */
#main:has(> .cr-developer-hero) .cr-capabilities .cr-cap::before{background:#e9efff!important;border-bottom:1px solid #cdd9ff!important}
#main:has(> .cr-developer-hero) .cr-capabilities .cr-cap>.platform-icon{color:#1847ed!important;background:#fff!important;border-radius:0!important}
#main:has(> .cr-developer-hero) .tile-grid>.tile:last-child{grid-column:1/-1!important;background:#f3f5f8!important}
#main:has(> .cr-developer-hero) .tile-grid>.tile:last-child ul{columns:2;max-width:950px}
#main:has(> .cr-developer-hero) code{color:#173aa9!important;background:#e9efff!important;padding:2px 5px;border-radius:0!important;font:500 .88em/1.5 'JetBrains Mono',monospace!important;overflow-wrap:anywhere}
@media(max-width:767px){#main:has(> .cr-developer-hero) .tile-grid>.tile:last-child{grid-column:auto!important}#main:has(> .cr-developer-hero) .tile-grid>.tile:last-child ul{columns:1}}
#main:has(> .cr-developer-hero)> .cr-developer-hero + nav.cr-esdp-section-nav{padding-block:27px 31px!important}

/* Developers-specific rules follow the core with sufficient selector specificity. */
/* Astra-06 Developers first integration slice; all selectors stay within the runtime main. */
#main:has(> .cr-developer-hero) .dev-info-grid {
  --core-line: #d8dfe9;
  padding-inline: 0 !important;
  color: #171a20;
}
@media (min-width: 1200px) {
  #main:has(> .cr-developer-hero) .dev-info-grid { max-width: 1280px !important; }
}
#main:has(> .cr-developer-hero) .dev-info-band { background: #f3f5f8 !important; }
#main:has(> .cr-developer-hero) .dev-info-copy .headers-bordered {
  color: #1847ed !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 1.1px !important;
}
/* Developers hero: give the existing photograph a defined editorial panel. */
#main:has(> .cr-developer-hero) > .cr-developer-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .85fr) !important;
  column-gap: clamp(36px, 5vw, 76px) !important;
  row-gap: 28px !important;
  align-items: center !important;
  overflow: hidden !important;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero::before {
  display: block !important;
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 !important;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero::after {
  display: none !important;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero .cr-hero-copy {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero h1 {
  max-width: 760px !important;
  font-size: clamp(46px, 4.5vw, 64px) !important;
  line-height: 1.055 !important;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero .hero-sub {
  max-width: 690px !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero .cr-photo-developer {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  position: relative;
  width: 100%;
  min-height: 0 !important;
  aspect-ratio: 5 / 4;
  margin: 0 !important;
  border: 1px solid #c7d1df;
  border-radius: 0 !important;
  background: #dce3ed;
  box-shadow: 14px 14px 0 #e1e7f0;
}
#main:has(> .cr-developer-hero) > .cr-developer-hero .cr-photo-developer::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(150deg, rgba(24,71,237,.11), transparent 56%, rgba(7,31,56,.15));
}
#main:has(> .cr-developer-hero) > .cr-developer-hero .cr-photo-developer .cr-photo {
  position: static !important;
  inset: auto !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover;
  object-position: 58% 50%;
  filter: saturate(.6) contrast(1.04);
}
@media (max-width: 1000px) {
  #main:has(> .cr-developer-hero) > .cr-developer-hero {
    grid-template-columns: 1fr !important;
    row-gap: 0 !important;
  }
  #main:has(> .cr-developer-hero) > .cr-developer-hero::before {
    margin-bottom: 25px !important;
  }
  #main:has(> .cr-developer-hero) > .cr-developer-hero .cr-hero-copy {
    grid-column: 1;
    grid-row: 2;
  }
  #main:has(> .cr-developer-hero) > .cr-developer-hero .cr-photo-developer {
    grid-column: 1;
    grid-row: 3;
    width: min(100% - 14px, 620px);
    aspect-ratio: 16 / 9;
    margin-top: 34px !important;
  }
}
@media (max-width: 767px) {
  #main:has(> .cr-developer-hero) > .cr-developer-hero h1 {
    font-size: clamp(38px, 9.7vw, 49px) !important;
  }
  #main:has(> .cr-developer-hero) > .cr-developer-hero .cr-photo-developer {
    aspect-ratio: 3 / 2;
    margin-top: 28px !important;
    box-shadow: 10px 10px 0 #e1e7f0;
  }
}
#main:has(> .cr-developer-hero) > .cr-developer-hero + nav.container.cr-esdp-section-nav {
  padding-block: 27px 31px !important;
}

#main:has(> .cr-developer-hero) > .cr-developer-hero::before {
  content: '05  /  DEVELOPERS' !important;
}

/* Developers: four section-specific diagrams, alternating on desktop and linear on phones. */
#main:has(> .cr-developer-hero) > .container-fluid.dev-info-band {
  padding: 70px 0 !important;
}
#main:has(> .cr-developer-hero) > .container.dev-info-section {
  padding-block: 70px !important;
}
#main:has(> .cr-developer-hero) .dev-info-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: clamp(34px, 5vw, 74px);
  align-items: center;
}
#main:has(> .cr-developer-hero) .dev-info-grid.dev-info--reverse {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}
#main:has(> .cr-developer-hero) .dev-info-grid > * {
  min-width: 0;
}
#main:has(> .cr-developer-hero) .dev-info--reverse .dev-info-copy {
  grid-column: 2;
  grid-row: 1;
}
#main:has(> .cr-developer-hero) .dev-info--reverse .dev-info-figure {
  grid-column: 1;
  grid-row: 1;
}
#main:has(> .cr-developer-hero) .dev-info-copy .headers-bordered {
  margin-bottom: 19px !important;
}
#main:has(> .cr-developer-hero) .dev-info-copy h2 {
  max-width: 650px !important;
  margin-bottom: 22px !important;
  font-size: clamp(33px, 3vw, 44px) !important;
  line-height: 1.12 !important;
}
#main:has(> .cr-developer-hero) .dev-info-copy p {
  max-width: none;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
#main:has(> .cr-developer-hero) .dev-info-copy > p:last-child {
  margin-bottom: 0 !important;
}
#main:has(> .cr-developer-hero) .dev-info-figure {
  margin: 0;
  padding: 0;
  background: #fff;
  box-shadow: 14px 14px 0 #e5eaf2;
}
#main:has(> .cr-developer-hero) .dev-info-figure picture,
#main:has(> .cr-developer-hero) .dev-info-figure img {
  display: block;
  width: 100%;
}
#main:has(> .cr-developer-hero) .dev-info-figure img {
  max-width: none;
  height: auto;
}
#main:has(> .cr-developer-hero) .dev-info-start ol {
  counter-reset: dev-step;
  list-style: none;
  padding: 0 !important;
  margin: 12px 0 0 !important;
  border-top: 1px solid var(--core-line);
}
#main:has(> .cr-developer-hero) .dev-info-start li {
  counter-increment: dev-step;
  position: relative;
  margin: 0 !important;
  padding: 13px 0 13px 47px !important;
  border-bottom: 1px solid var(--core-line);
  font-size: 14px !important;
  line-height: 1.55 !important;
}
#main:has(> .cr-developer-hero) .dev-info-start li::before {
  content: counter(dev-step, decimal-leading-zero);
  position: absolute;
  top: 14px;
  left: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  background: #1847ed;
  color: #fff;
  font: 600 10px/1 'JetBrains Mono', monospace;
}
#main:has(> .cr-developer-hero) .dev-info-start li b,
#main:has(> .cr-developer-hero) .dev-info-data b,
#main:has(> .cr-developer-hero) .dev-info-agent li b {
  color: #171a20;
}
#main:has(> .cr-developer-hero) .dev-info-agent .dev-info-copy > p:first-of-type {
  font-size: 16px !important;
}
#main:has(> .cr-developer-hero) .dev-info-agent ul {
  list-style: none;
  padding: 0 !important;
  margin: 20px 0 !important;
  border-top: 1px solid var(--core-line);
}
#main:has(> .cr-developer-hero) .dev-info-agent li {
  position: relative;
  margin: 0 !important;
  padding: 10px 0 10px 20px !important;
  border-bottom: 1px solid var(--core-line);
  font-size: 13px !important;
  line-height: 1.55 !important;
}
#main:has(> .cr-developer-hero) .dev-info-agent li::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 18px;
  width: 7px;
  height: 7px;
  background: #1847ed;
}
#main:has(> .cr-developer-hero) .dev-info-data .dev-info-copy p + p {
  padding-top: 17px;
  border-top: 1px solid var(--core-line);
}
#main:has(> .cr-developer-hero) .dev-info-delivery .dev-info-copy p > a {
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 850px) {
  #main:has(> .cr-developer-hero) .dev-info-grid,
  #main:has(> .cr-developer-hero) .dev-info-grid.dev-info--reverse {
    grid-template-columns: minmax(0, 1fr);
    gap: 31px;
  }
  #main:has(> .cr-developer-hero) .dev-info-grid .dev-info-copy,
  #main:has(> .cr-developer-hero) .dev-info-grid .dev-info-figure {
    grid-column: 1;
  }
  #main:has(> .cr-developer-hero) .dev-info-grid .dev-info-copy {
    grid-row: 1;
  }
  #main:has(> .cr-developer-hero) .dev-info-grid .dev-info-figure {
    grid-row: 2;
    width: min(100% - 14px, 620px);
  }
}
@media (max-width: 767px) {
  #main:has(> .cr-developer-hero) > .container-fluid.dev-info-band,
  #main:has(> .cr-developer-hero) > .container.dev-info-section {
    padding-block: 52px !important;
  }
  #main:has(> .cr-developer-hero) .dev-info-grid {
    gap: 26px;
  }
  #main:has(> .cr-developer-hero) .dev-info-figure {
    box-shadow: 8px 8px 0 #e5eaf2;
  }
  #main:has(> .cr-developer-hero) .dev-info-copy h2 {
    font-size: 32px !important;
  }
  #main:has(> .cr-developer-hero) .dev-info-start li {
    font-size: 13px !important;
  }
}