/* Astra-06 AI and Solutions routes: source core-pages.css and pages/ai/ai-page.css, scoped to local CMS anchors. */ /* Astra-06 core pages. The live information architecture is presented in the same cobalt, paper and midnight editorial language as the homepage. */ #main:has(:is(#ai-paths,#beyond-business-apps)){--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(:is(#ai-paths,#beyond-business-apps)) *{box-sizing:border-box} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(h1,h2,h3,h4,p,li,th,td,a,button){font-family:Inter,Arial,sans-serif!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(h1,h2,h3,h4){font-weight:600!important;color:var(--core-ink)!important;letter-spacing:-.045em!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(p,li,td){color:var(--core-muted)!important;line-height:1.7!important} #main:has(:is(#ai-paths,#beyond-business-apps)) a{color:var(--core-blue)!important;text-underline-offset:4px} #main:has(:is(#ai-paths,#beyond-business-apps)) a:hover{color:#1034b6!important} #main:has(:is(#ai-paths,#beyond-business-apps))> .container,#main:has(:is(#ai-paths,#beyond-business-apps))>section.container,#main:has(:is(#ai-paths,#beyond-business-apps))> .container-fluid>.container,#main:has(:is(#ai-paths,#beyond-business-apps)) .full-width-content>.container{width:calc(100% - 112px)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important} #main:has(:is(#ai-paths,#beyond-business-apps))>.container-fluid{width:100%!important;max-width:none!important;margin:0!important;padding:70px 0!important} #main:has(:is(#ai-paths,#beyond-business-apps))>.container-fluid.gray-container{background:var(--core-paper)!important} #main:has(:is(#ai-paths,#beyond-business-apps))>.container-fluid.white-container{background:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps))> :is(.container,section.container):not(.hero-block){padding-block:70px!important;border-bottom:1px solid var(--core-line)} #main:has(:is(#ai-paths,#beyond-business-apps))> .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(:is(#ai-paths,#beyond-business-apps))> .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} .inner-page.page-platform .astra-core> .hero-block::before{content:'01 / PLATFORM'} .inner-page.page-features .astra-core> .hero-block::before{content:'02 / FEATURES'} #main:has(#beyond-business-apps)> .hero-block::before{content:'03 / SOLUTIONS'} #main:has(#ai-paths)> .hero-block::before{content:'04 / AI AGENT'} .inner-page.page-developers .astra-core> .hero-block::before{content:'05 / DEVELOPERS'} .inner-page.page-marketplace .astra-core> .hero-block::before{content:'06 / PUBLISH'} .inner-page.page-integrations .astra-core> .hero-block::before{content:'07 / INTEGRATIONS'} .inner-page.page-compare .astra-core> .hero-block::before{content:'08 / COMPARE'} #main:has(:is(#ai-paths,#beyond-business-apps))> .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(:is(#ai-paths,#beyond-business-apps))> .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(:is(#ai-paths,#beyond-business-apps))> .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(:is(#ai-paths,#beyond-business-apps)) .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :is(.cta-secondary,.cta-secondary-light){background:transparent!important;border:1px solid var(--core-ink)!important;color:var(--core-ink)!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.cta-primary,.cta-secondary,.wide-card-blue-button,.top-footer-btn,.cta-button,.cta-secondary-light):hover{transform:translateY(-2px)} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.cta-primary,.wide-card-blue-button,.top-footer-btn,.cta-button):hover{background:#1034b6!important;color:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.cta-secondary,.cta-secondary-light):hover{background:#e7eaf2!important;color:var(--core-ink)!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) .headers-bordered::before{content:'';display:block;flex:none;width:7px;height:7px;background:var(--core-blue)} #main:has(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :is(h3,.low-width){font-size:clamp(23px,2.1vw,31px)!important;line-height:1.2!important;margin:0 0 13px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) h4{font-size:19px!important;line-height:1.3!important;margin:0 0 12px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) p{font-size:16px!important;margin:0 0 18px!important;max-width:850px} #main:has(:is(#ai-paths,#beyond-business-apps)) .section-lead{font-size:18px!important;max-width:760px;margin-bottom:32px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(ul,ol){padding-left:22px;margin:20px 0} #main:has(:is(#ai-paths,#beyond-business-apps)) li{font-size:15px!important;padding-left:4px;margin:6px 0} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.cr-esdp-section,.section):not(.hero-block){scroll-margin-top:130px} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.cr-esdp-section,.section):not(.hero-block)>h2:first-child{max-width:900px} #main:has(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) .platform-icon{display:block;width:37px;height:37px;margin-bottom:17px;color:var(--core-blue)} #main:has(:is(#ai-paths,#beyond-business-apps)) .platform-icon svg{display:block;width:37px;height:37px} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .cr-badge--planned{background:#f0e9fa!important;border-color:#d9c9f1!important;color:#5e348d!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-badge--built{background:#fff0dc!important;border-color:#ecd1a6!important;color:#82530e!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .row{row-gap:24px} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.row,.d-flex)>[class*='col-']{min-width:0} #main:has(:is(#ai-paths,#beyond-business-apps)) img{max-width:100%;height:auto} #main:has(:is(#ai-paths,#beyond-business-apps)) .row img:not(.hawai-box-link img){display:block;max-height:390px;object-fit:contain;margin-inline:auto} #main:has(:is(#ai-paths,#beyond-business-apps)) .architecture-block{background:var(--core-paper);padding:48px!important;border:1px solid var(--core-line);text-align:center} #main:has(:is(#ai-paths,#beyond-business-apps)) .architecture-block img{display:block;max-height:500px;margin:0 auto 17px} #main:has(:is(#ai-paths,#beyond-business-apps)) .architecture-block a{font-size:13px;font-weight:600} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-photo-frame{display:block;margin:0;background:var(--core-paper);overflow:hidden} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-photo{display:block;width:100%;height:100%!important;min-height:230px;max-height:420px;object-fit:cover} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .cr-esdp-section-nav .cr-esdp-nav-label{margin:0 18px 0 0!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) :is(.problem,.fit){font-size:14px!important;line-height:1.6!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .feature-pills{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0!important;padding:0!important;list-style:none} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .cr-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--core-line);margin:24px 0} #main:has(:is(#ai-paths,#beyond-business-apps)) .comparison-table{width:100%;min-width:650px;border-collapse:collapse;background:#fff} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .comparison-table tr:nth-child(even) td{background:#f7f8fa} #main:has(:is(#ai-paths,#beyond-business-apps)) .comparison-table td:first-child{font-weight:600;color:var(--core-ink)!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple :is(h2,h3){color:#fff!important;max-width:900px} #main:has(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple p{color:#c4d6e5!important;max-width:760px} #main:has(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple .wide-card-dekor{display:none!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple .wide-card-blue-button{background:#72e5ef!important;border-color:#72e5ef!important;color:var(--core-night)!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple .wide-card-blue-button:hover{background:#a8f6fa!important;color:var(--core-night)!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box{background:var(--core-night)!important;padding:0!important;color:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box>.wide-card{padding:70px 0!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .hawai-box>.wide-card :is(h2,h3,p){color:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box>.wide-card p{color:#c4d6e5!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .tab-btns{display:flex!important;flex-wrap:wrap;gap:8px;border:0!important;margin:24px 0!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .hawai-box [role='tab'].active{background:#72e5ef!important;border-color:#72e5ef!important;color:var(--core-night)!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .tab-content{color:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .tab-pane[hidden],#main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .flextabs-img[hidden]{display:none!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .tab-pane:not(.active),#main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .flextabs-img:not(.active){display:none!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .flextabs-img{width:100%;max-height:400px;object-fit:contain} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .mid-much-padding-top{padding:55px 0!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .mid-much-padding-top :is(h3,p,li){color:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .mid-much-padding-top p{color:#c4d6e5!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .mid-much-padding-top a{color:#72e5ef!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .mobile-hidden{display:block!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .center-align{text-align:center} #main:has(:is(#ai-paths,#beyond-business-apps)) .center-align :is(h2,h3,p){margin-inline:auto!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .center-align img{display:block;margin:0 auto 22px} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box-link img{width:16px;height:16px} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-developer-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:7%;align-items:center} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-developer-hero .cr-photo{min-height:320px} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-esdp-diagram-link{display:inline-block;margin-top:15px} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-esdp-methods .cr-esdp-card{min-height:190px} #main:has(:is(#ai-paths,#beyond-business-apps)) .tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .three-track{grid-template-columns:repeat(3,minmax(0,1fr))!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .publish-pipeline{grid-template-columns:repeat(4,minmax(0,1fr))!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .pipe-step{min-height:230px} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) :is(.mcp-tool,.vertical-card) .tool-desc{font-size:14px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.cr-esdp-card,.tile) .cr-badge{align-self:flex-start} #main:has(:is(#ai-paths,#beyond-business-apps)) .mcp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .vertical-card .problem{margin-top:10px!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .vertical-card .fit{border-top:1px solid var(--core-line);padding-top:15px} #main:has(:is(#ai-paths,#beyond-business-apps)) .vertical-card .cr-photo-frame{margin:-30px -30px 25px} #main:has(:is(#ai-paths,#beyond-business-apps)) .vertical-card .cr-photo{max-height:250px} #main:has(:is(#ai-paths,#beyond-business-apps)) .section-title-bar{display:flex;justify-content:space-between;gap:30px;align-items:end} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-h4look{font-size:20px!important;font-weight:600} #main:has(:is(#ai-paths,#beyond-business-apps)) :is(.white-container,.gray-container) .row>div{align-self:start} @media(max-width:1000px){#main:has(:is(#ai-paths,#beyond-business-apps))> .hero-block::after{width:25%;opacity:.4}#main:has(:is(#ai-paths,#beyond-business-apps)) :is(.tile-grid,.publish-pipeline){grid-template-columns:repeat(2,minmax(0,1fr))!important}#main:has(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps))> .container,#main:has(:is(#ai-paths,#beyond-business-apps))>section.container,#main:has(:is(#ai-paths,#beyond-business-apps))> .container-fluid>.container,#main:has(:is(#ai-paths,#beyond-business-apps)) .full-width-content>.container{width:calc(100% - 40px)!important}#main:has(:is(#ai-paths,#beyond-business-apps))> .container.hero-block{min-height:0;padding:44px 20px 52px!important}#main:has(:is(#ai-paths,#beyond-business-apps))> .hero-block::after{display:none}#main:has(:is(#ai-paths,#beyond-business-apps))> .hero-block h1{font-size:clamp(39px,10.5vw,54px)!important}#main:has(:is(#ai-paths,#beyond-business-apps))> .hero-block .hero-sub{font-size:16px!important}#main:has(:is(#ai-paths,#beyond-business-apps))> :is(.container,section.container):not(.hero-block){padding-block:52px!important}#main:has(:is(#ai-paths,#beyond-business-apps))>.container-fluid{padding:52px 0!important}#main:has(:is(#ai-paths,#beyond-business-apps)) :is(h2,.section-title,.wide-card-head){font-size:35px!important}#main:has(:is(#ai-paths,#beyond-business-apps)) :is(h3,.low-width){font-size:25px!important}#main:has(:is(#ai-paths,#beyond-business-apps)) :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(:is(#ai-paths,#beyond-business-apps)) :is(.concrete-card,.vertical-card,.mcp-tool,.tile,.track-card,.cr-esdp-card,.pipe-step){padding:25px!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .vertical-card .cr-photo-frame{margin:-25px -25px 25px}#main:has(:is(#ai-paths,#beyond-business-apps)) .architecture-block{padding:22px!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple{padding:52px 20px!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box>.wide-card{padding:52px 0!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box>.wide-card .d-flex{display:block!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .hawai-box .flexbox-right{margin-top:25px}#main:has(:is(#ai-paths,#beyond-business-apps)) .cr-developer-hero{display:block}#main:has(:is(#ai-paths,#beyond-business-apps)) .cr-developer-hero .cr-photo-frame{margin-top:30px}#main:has(:is(#ai-paths,#beyond-business-apps)) .cr-esdp-section-nav{gap:8px}#main:has(:is(#ai-paths,#beyond-business-apps)) .cr-esdp-section-nav .cr-esdp-nav-label{flex-basis:100%;margin:0!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .cr-table-scroll{margin-inline:-20px;max-width:calc(100% + 40px)}#main:has(:is(#ai-paths,#beyond-business-apps)) .comparison-table{min-width:620px}#main:has(:is(#ai-paths,#beyond-business-apps)) .row{row-gap:16px}#main:has(:is(#ai-paths,#beyond-business-apps)) .hero-ctas a{flex:1 1 100%}} @media(prefers-reduced-motion:reduce){#main:has(:is(#ai-paths,#beyond-business-apps)) :is(a,button){transition:none!important}} @media(max-width:767px){#main:has(:is(#ai-paths,#beyond-business-apps)) .section-title-bar{display:block!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .section-title-bar>*{width:100%!important;min-width:0!important;max-width:100%!important}#main:has(:is(#ai-paths,#beyond-business-apps)) .section-title-bar a{margin-top:18px!important}} #main:has(:is(#ai-paths,#beyond-business-apps)) .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(:is(#ai-paths,#beyond-business-apps)) .cr-capabilities .cr-cap::before{background:#e9efff!important;border-bottom:1px solid #cdd9ff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-capabilities .cr-cap>.platform-icon{color:#1847ed!important;background:#fff!important;border-radius:0!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .cr-capabilities .cr-cap>.badge{color:#173aa9!important;background:#fff!important;border-color:#cdd9ff!important;border-radius:0!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .publish-pipeline .pipe-step .cr-h4look{color:#171a20!important;font-size:21px!important;letter-spacing:-.035em!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .publish-pipeline .pipe-step::before{background:#1847ed!important;border-radius:0!important;box-shadow:none!important;color:#fff!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .publish-pipeline::before{display:none!important} #main:has(:is(#ai-paths,#beyond-business-apps)) .wide-card-purple>a{color:#72e5ef!important} /* Match each information pattern to its actual item count. */ body.inner-page.page-platform main.cr-inner.astra-core .first-container .concrete-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important} #main:has(#beyond-business-apps) .cr-esdp-paths{grid-template-columns:repeat(2,minmax(0,1fr))!important} #main:has(#beyond-business-apps) .architecture-link .section-title-bar{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr)!important;gap:15px 70px!important;align-items:start!important;text-align:left!important} #main:has(#beyond-business-apps) .architecture-link .section-title-bar>.headers-bordered{grid-column:1/-1!important;grid-row:1!important} #main:has(#beyond-business-apps) .architecture-link .section-title-bar>h2{grid-column:1!important;grid-row:2/4!important;max-width:720px!important;margin:0!important} #main:has(#beyond-business-apps) .architecture-link .section-title-bar>p{grid-column:2!important;grid-row:2!important;margin:0!important;max-width:520px!important;text-align:left!important} #main:has(#beyond-business-apps) .architecture-link .section-title-bar>a{grid-column:2!important;grid-row:3!important;justify-self:start!important;margin:0!important} body.inner-page.page-developers main.cr-inner.astra-core .tile-grid>.tile:last-child{grid-column:1/-1!important;background:#f3f5f8!important} body.inner-page.page-developers main.cr-inner.astra-core .tile-grid>.tile:last-child ul{columns:2;max-width:950px} @media(max-width:767px){body.inner-page.page-platform main.cr-inner.astra-core .first-container .concrete-cards,#main:has(#beyond-business-apps) .cr-esdp-paths{grid-template-columns:1fr!important}#main:has(#beyond-business-apps) .architecture-link .section-title-bar{display:block!important}#main:has(#beyond-business-apps) .architecture-link .section-title-bar>*{width:100%!important;max-width:100%!important;margin-bottom:18px!important}body.inner-page.page-developers main.cr-inner.astra-core .tile-grid>.tile:last-child{grid-column:auto!important}body.inner-page.page-developers main.cr-inner.astra-core .tile-grid>.tile:last-child ul{columns:1}} #main:has(#beyond-business-apps) .architecture-link .section-title-bar{width:100%!important;max-width:none!important} #main:has(:is(#ai-paths,#beyond-business-apps)) 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} #main:has(:is(#ai-paths,#beyond-business-apps)) .core-scroll-cue{display:none!important} @media(max-width:767px){#main:has(:is(#ai-paths,#beyond-business-apps)) .core-scroll-cue{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:none;margin:18px 0 0!important;padding:10px 12px!important;border-left:3px solid #1847ed;background:#e9efff;color:#173aa9!important;font:600 11px/1.5 'JetBrains Mono',monospace!important;letter-spacing:.04em;text-transform:uppercase}#main:has(:is(#ai-paths,#beyond-business-apps)) .core-scroll-cue+ .cr-table-scroll{margin-top:0!important}} /* Features and Platform visual audit, 2026-10-03. The legacy capability-card grid in site.css is for the source design and conflicts with Astra's card header/body markup. Keep these overrides scoped. */ body.inner-page.page-features main.cr-inner.astra-core .cr-capabilities .concrete-card.cr-cap{ display:flex!important;flex-direction:column;gap:0!important;padding:0!important; min-width:0!important;background:#fff!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-capabilities .cr-cap::before{ content:none!important;display:none!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head{ display:grid;grid-template-columns:44px minmax(0,1fr); grid-template-areas:"icon kicker" "icon title" "status status"; grid-template-rows:auto 1fr auto;column-gap:16px;align-items:start; min-height:164px;padding:25px 27px 23px;background:#e9efff; border-bottom:1px solid #cdd9ff; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head .platform-icon{ grid-area:icon;display:flex!important;align-items:center;justify-content:center; width:44px!important;height:44px!important;min-height:44px!important; margin:0!important;background:#fff!important;border:1px solid #cdd9ff;border-radius:0!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head .platform-icon svg{ display:block;width:25px!important;height:25px!important;flex:none; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head .badge{ grid-area:kicker;display:block!important;justify-self:start;align-self:start; width:auto!important;margin:0 0 9px!important;padding:0!important; border:0!important;background:transparent!important;color:#173aa9!important; font:600 10px/1.45 'JetBrains Mono',monospace!important;letter-spacing:.09em!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head h3{ grid-area:title;align-self:start;max-width:none!important; margin:0!important;font-size:21px!important;line-height:1.22!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head .cr-badge{ grid-area:status;justify-self:start;align-self:end;margin:13px 0 0!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-body{ display:flex;flex:1;flex-direction:column;align-items:flex-start; min-width:0;padding:22px 27px 25px;background:#fff; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-body p{ max-width:none!important;margin:0 0 22px!important;font-size:14px!important; line-height:1.6!important; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-body .card-link{ margin-top:auto!important;align-self:flex-start!important;font-size:13px!important; } /* Platform page: the generic direct-child section padding had expanded the in-page navigation and small introduction sections beyond their content. */ body.inner-page.page-platform main.cr-inner.astra-core>.container.cr-esdp-section-nav{ padding:16px 0!important;margin:0 auto!important;gap:9px 11px; } body.inner-page.page-platform main.cr-inner.astra-core>.container.cr-esdp-section-nav .cr-esdp-nav-label{ width:100%;flex-basis:100%;margin:0 0 3px!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container.cr-esdp-section{ padding:48px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container.architecture-block{ margin:28px auto!important;padding:42px 44px!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container.architecture-block img{ max-height:420px; } body.inner-page.page-platform main.cr-inner.astra-core>.container-fluid{ padding:52px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .first-container .concrete-cards{ margin-top:22px!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box>.wide-card.no-padding{ margin:0 auto!important;padding:52px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box .mid-much-padding-top{ padding:42px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box .mid-much-padding-top .row:first-child{ margin-bottom:34px!important;padding-bottom:34px!important; border-bottom:1px solid #34516b; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box>.wide-card.wide-card-purple{ margin:0 auto!important;padding:40px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box>.wide-card.wide-card-purple + .wide-card-purple{ border-top:1px solid #34516b!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child{ padding:52px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align{ display:grid;grid-template-columns:minmax(300px,.76fr) minmax(0,1fr); grid-template-rows:auto auto auto;gap:14px 7%;align-items:center;text-align:left; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>br{display:none} body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>img{ grid-column:1;grid-row:1/4;justify-self:center;width:100%;max-width:450px; max-height:355px;margin:0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>h3{ grid-column:2;grid-row:1;margin:0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>p{ grid-column:2;grid-row:2;max-width:none!important;margin:0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>a{ grid-column:2;grid-row:3;justify-self:start; } @media(max-width:767px){ body.inner-page.page-features main.cr-inner.astra-core .cr-cap-head{ min-height:148px;padding:23px 23px 20px;column-gap:14px; } body.inner-page.page-features main.cr-inner.astra-core .cr-cap-body{padding:21px 23px 23px} body.inner-page.page-platform main.cr-inner.astra-core>.container.cr-esdp-section-nav{ padding:16px 0!important;gap:8px; } body.inner-page.page-platform main.cr-inner.astra-core>.container.cr-esdp-section{ padding:36px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container.architecture-block{ margin:24px auto!important;padding:28px 22px!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container-fluid{ padding:42px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box>.wide-card.no-padding{ padding:40px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box .mid-much-padding-top{ padding:34px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box .mid-much-padding-top .row:first-child{ margin-bottom:28px!important;padding-bottom:28px!important; } body.inner-page.page-platform main.cr-inner.astra-core .hawai-box>.wide-card.wide-card-purple{ padding:34px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child{ padding:44px 0!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align{ display:flex;flex-direction:column;gap:15px;align-items:flex-start;text-align:left; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>img{ max-width:100%;max-height:300px;align-self:center;margin:0 0 8px!important; } body.inner-page.page-platform main.cr-inner.astra-core>.container:last-child .center-align>a{ align-self:flex-start; } } body.inner-page.page-platform main.cr-inner.astra-core .cr-architecture-image{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain} body.inner-page.page-platform main.cr-inner.astra-core .cr-architecture-scroll-hint{display:none} @media(max-width:767px){body.inner-page.page-platform main.cr-inner.astra-core .cr-architecture-image{border:1px solid #cdd8e6;background:#f3f5f8}body.inner-page.page-platform main.cr-inner.astra-core .cr-architecture-image img{width:680px!important;max-width:none!important;max-height:none!important;margin:0!important}body.inner-page.page-platform main.cr-inner.astra-core .cr-architecture-scroll-hint{display:block;margin:11px 0 3px!important;color:#505660!important;font-size:12px!important;line-height:1.5!important;text-align:left}} /* AI page illustrations: a review workflow and explicit model connection paths. */ #main:has(#ai-paths)>.container.cr-ai-recovery, #main:has(#ai-paths)>.cr-ai-policy>.container.cr-ai-editorial { display:grid; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:clamp(34px,5vw,76px); align-items:center; } #main:has(#ai-paths)>.container.cr-ai-recovery { padding-block:76px!important; } #main:has(#ai-paths)>.cr-ai-policy { padding-block:76px!important; } #main:has(#ai-paths)>.cr-ai-policy>.container.cr-ai-editorial { width:calc(100% - 112px)!important; max-width:1280px!important; margin-inline:auto!important; padding-inline:0!important; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); } #main:has(#ai-paths) .cr-ai-editorial__copy, #main:has(#ai-paths) .cr-ai-editorial__figure { min-width:0; } #main:has(#ai-paths) .cr-ai-editorial__figure { margin:0; padding:0; background:#fff; box-shadow:14px 14px 0 #e5eaf2; } #main:has(#ai-paths) .cr-ai-editorial__figure img { display:block; width:100%; max-width:none; height:auto; } #main:has(#ai-paths) .cr-ai-editorial__copy .headers-bordered { max-width:100%; margin-bottom:19px!important; } #main:has(#ai-paths) .cr-ai-editorial__copy h2 { font-size:clamp(32px,2.7vw,42px)!important; line-height:1.13!important; max-width:600px; margin-bottom:20px!important; } #main:has(#ai-paths) .cr-ai-recovery ul { list-style:none; border-top:1px solid var(--core-line); padding:0!important; margin:23px 0 0!important; } #main:has(#ai-paths) .cr-ai-recovery li { position:relative; margin:0!important; padding:13px 0 13px 25px!important; border-bottom:1px solid var(--core-line); font-size:14px!important; line-height:1.55!important; } #main:has(#ai-paths) .cr-ai-recovery li::before { content:''; position:absolute; top:22px; left:2px; width:8px; height:8px; background:var(--core-blue); } #main:has(#ai-paths) .cr-ai-recovery li b { color:var(--core-ink); font-weight:700; } #main:has(#ai-paths) .cr-ai-policy .cr-ai-editorial__copy p { max-width:570px; margin-bottom:0!important; } @media (max-width:850px) { #main:has(#ai-paths)>.container.cr-ai-recovery, #main:has(#ai-paths)>.cr-ai-policy>.container.cr-ai-editorial { grid-template-columns:minmax(0,1fr); gap:34px; } #main:has(#ai-paths) .cr-ai-editorial__figure { max-width:620px; } } @media (max-width:767px) { #main:has(#ai-paths)>.container.cr-ai-recovery, #main:has(#ai-paths)>.cr-ai-policy { padding-block:52px!important; } #main:has(#ai-paths)>.cr-ai-policy>.container.cr-ai-editorial { width:calc(100% - 40px)!important; } #main:has(#ai-paths) .cr-ai-editorial__figure { box-shadow:8px 8px 0 #e5eaf2; max-width:min(100%,620px); } #main:has(#ai-paths) .cr-ai-editorial__copy h2 { font-size:32px!important; } #main:has(#ai-paths) .cr-ai-recovery li { font-size:14px!important; } }