/* Adapted from the supplied process prototype; scoped to the homepage section. */
.ag-process{background:#f1f6fa;padding-top:65px;padding-bottom:80px}
.ag-home .ag-process .ag-process-overline{font-family:inherit;font-size:11px;line-height:1.6;letter-spacing:.17em;font-weight:700;color:#4c6b83;text-transform:uppercase;margin:0 0 23px}
.ag-process-overline span{padding:0 5px}
.ag-process .ag-process-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #b9d0df;gap:0;margin:0}
.ag-process .ag-process-nav button{appearance:none;box-shadow:none;border:0;background:transparent;color:#54728a;text-align:left;padding:0 14px 23px 0;display:flex;gap:17px;align-items:baseline;cursor:pointer;font:inherit;position:relative;margin:0;line-height:1.4}
.ag-process .ag-process-nav button strong{font-size:clamp(17px,2.1vw,30px);font-weight:500;letter-spacing:-.045em}
.ag-process .ag-process-nav button>span{font-size:13px}
.ag-process .ag-process-nav button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#2987b9;transform:scaleX(0);transform-origin:left;transition:transform .38s}
.ag-process .ag-process-nav button[aria-selected=true]{color:#143e63}
.ag-process .ag-process-nav button[aria-selected=true]:after{transform:scaleX(1)}
.ag-process .ag-process-nav button:hover{color:#143e63}
.ag-process button:focus-visible{outline:2px solid #1887ba;outline-offset:4px}
.ag-process .ag-process-panel{display:grid;grid-template-columns:38% 62%;margin:31px 0 28px;min-height:470px;overflow:hidden;background:#e7f1f7;outline-offset:5px}
.ag-process[data-enhanced] .ag-process-panel{margin-bottom:0}
.ag-process .ag-process-panel[hidden],.ag-process .ag-process-nav[hidden],.ag-process .ag-process-controls[hidden]{display:none}
.ag-process-panel__copy{background:#153d61;color:white;padding:48px 43px 33px;display:flex;flex-direction:column;min-width:0}
.ag-home .ag-process .ag-process-panel__phase{color:#a4cee8;font-size:15px;line-height:1.5;margin:0}
.ag-home .ag-process .ag-process-panel__copy h3{font-family:inherit;color:#fff;font-size:clamp(26px,3.2vw,43px);line-height:1.17;letter-spacing:-.045em;font-weight:550;margin:29px 0 22px;max-width:420px}
.ag-home .ag-process .ag-process-panel__copy>p:not(.ag-process-panel__phase){font-size:clamp(14px,1.35vw,18px);line-height:1.8;color:#d0e0eb;margin:0 0 35px;max-width:430px}
.ag-process-panel__output{margin-top:auto;border-top:1px solid #527b99;padding-top:23px}
.ag-process-panel__output>span{color:#a9c7dc;font-size:14px;display:block}
.ag-process-panel__output>strong{display:block;font-weight:450;font-size:17px;margin-top:12px;line-height:1.55;color:#fff}
.ag-process-visual{background-color:#e7f1f7;background-image:linear-gradient(#a9c3d214 1px,transparent 1px),linear-gradient(90deg,#a9c3d214 1px,transparent 1px);background-size:34px 34px;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:32px 32px 24px;min-width:0}
.ag-process-visual__heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:1.5;color:#456d88;gap:15px;z-index:1}
.ag-process-scene{flex:1;display:grid;place-items:center;min-height:355px;perspective:900px;padding:18px 0}
.ag-process-artifact{position:relative;width:min(95%,540px)}
.ag-process-brief{background:white;border:1px solid #bdd4e4;box-shadow:13px 16px 0 #a6bdcc27,0 12px 30px #3a66831c;padding:27px 30px;transform:rotate(-1deg)}
.ag-process-brief__heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #c4dce9;padding-bottom:20px}
.ag-process-brief__heading strong{font-size:22px;line-height:1.3;font-weight:550}
.ag-process-brief__heading>span{font-size:22px;color:#2884b6}
.ag-process-brief ol{list-style:none;margin:0;padding:0}
.ag-process-brief li{display:flex;gap:22px;margin:18px 0 0;align-items:baseline}
.ag-process-brief li>span{color:#246f9d;font-size:13px}
.ag-process-brief li strong{display:block;font-size:17px;line-height:1.5;font-weight:550}
.ag-home .ag-process .ag-process-brief li p{margin:7px 0 0;color:#54758c;font-size:13px;line-height:1.5}
.ag-process-product{display:flex;gap:16px;align-items:center;justify-content:center}
.ag-process-browser{background:#fff;border:1px solid #abc9db;border-radius:9px;box-shadow:11px 15px 0 #a2bfd028,0 16px 25px #32658a21;overflow:hidden;flex:1;min-width:0;transform:rotate(-2deg)}
.ag-process-browser__bar{height:29px;border-bottom:1px solid #d5e5ef;display:flex;gap:6px;align-items:center;padding:0 13px}
.ag-process-browser__bar i{height:6px;width:6px;border-radius:50%;background:#a5bdcd;flex-shrink:0}
.ag-process-browser__bar>span{background:#eff5f9;border-radius:5px;width:50%;height:9px;margin:auto}
.ag-process-browser__body{display:grid;grid-template-columns:24% 1fr;min-height:225px}
.ag-process-browser__side{background:#f0f6fa;padding:17px 12px}
.ag-process-browser__side>span,.ag-process-phone>span{display:block;height:8px;border-radius:3px;background:#b9ccdb;margin-bottom:12px;width:90%}
.ag-process-browser__side>span:nth-child(even),.ag-process-phone>span:nth-of-type(even){width:50%}
.ag-process-browser__content{padding:16px;min-width:0}
.ag-process-browser__chart{height:65px;border:1.5px dashed #87b0c9;background:#f3f8fb;border-radius:5px;margin-bottom:14px;display:grid;place-items:center;color:#8cbbd6}
.ag-process-browser__chart svg{display:block;width:85%;height:80%}
.ag-process-browser__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ag-process-browser__cards>div{border:1.5px dashed #a6c5d8;height:66px;border-radius:4px;background:#f7fbfd}
.ag-process-phone{width:100px;height:199px;border:5px solid #1a486a;border-radius:18px;background:#fff;box-shadow:8px 14px 0 #9cbaca2b,0 10px 20px #28608926;flex-shrink:0;transform:rotate(7deg);padding:18px 9px 9px}
.ag-process-phone__notch{width:28px;height:5px;background:#244967;border-radius:9px;margin:-12px auto 13px}
.ag-process-phone>span{height:7px}
.ag-process-phone__card{height:51px;border:1.5px dashed #a6c5d8;border-radius:5px;margin:12px 0}
.ag-process-product--built .ag-process-browser__side{background:#143d61}
.ag-process-product--built .ag-process-browser__side>span{background:#4b7594}
.ag-process-product--built .ag-process-browser__chart{border:0;background:linear-gradient(125deg,#d4ebf8,#77bee5);color:#288fc4}
.ag-process-product--built .ag-process-browser__cards>div{border:0;background:#e0f1fa;position:relative}
.ag-process-product--built .ag-process-browser__cards>div:before{content:"";position:absolute;left:12px;top:14px;width:45%;height:8px;border-radius:3px;background:#459ccc}
.ag-process-product--built .ag-process-phone{background:#174d73}
.ag-process-product--built .ag-process-phone>span{background:#7fbfe2}
.ag-process-product--built .ag-process-phone__card{border:0;background:linear-gradient(145deg,#3ea0d1,#79c7eb)}
.ag-process-product--launched .ag-process-browser{transform:rotate(-3deg) translateX(5px);box-shadow:12px 17px 0 #a2bfd028,0 20px 30px #32658a28}
.ag-process-product--launched .ag-process-phone{transform:rotate(7deg) translate(-12px,18px);z-index:2}
.ag-process-sync{position:absolute;right:13%;top:-32px;border:1px solid #b5d7e9;background:#fff;border-radius:8px;box-shadow:0 8px 20px #396a8729;padding:12px 16px;font-size:12px;line-height:1.5;color:#1d587d;display:flex;gap:8px;align-items:center;z-index:3;white-space:nowrap}
.ag-process-sync i{display:block;background:#298766;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px #e0f6ee;flex-shrink:0}
.ag-process-connection{position:absolute;right:11%;bottom:22%;width:130px;height:60px;border-top:2px dashed #279bd3;border-radius:50%;transform:rotate(20deg);z-index:1}
.ag-process-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px;min-height:42px}
.ag-process-controls>span{font-size:12px;line-height:1.5;color:#4f7188}
.ag-process-controls>div{display:flex;gap:8px;flex-shrink:0}
.ag-process .ag-process-controls button{appearance:none;box-shadow:none;background:white;border:1px solid #bad2df;color:#174e76;border-radius:5px;padding:10px 15px;font-family:inherit;font-size:14px;line-height:1.4;cursor:pointer;min-width:44px;min-height:44px;white-space:nowrap}
.ag-process .ag-process-controls button:hover:enabled{background:#e1eff8}
.ag-process .ag-process-controls button:disabled{opacity:.35;cursor:default}
@media(prefers-reduced-motion:no-preference){
 .ag-process .ag-process-nav button{transition:color .2s}
 .ag-process-panel:not([hidden]) .ag-process-artifact{animation:ag-process-enter .7s cubic-bezier(.2,.7,.2,1) both}
 .ag-process-panel:not([hidden]) .ag-process-sync{animation:ag-process-enter .8s .25s both}
 .ag-process-panel:not([hidden]) .ag-process-connection{animation:ag-process-pulse 2s ease-in-out infinite}
 @keyframes ag-process-enter{from{opacity:0;translate:0 20px;rotate:x 4deg;scale:.97}to{opacity:1;translate:0 0;rotate:x 0deg;scale:1}}
 @keyframes ag-process-pulse{50%{opacity:.3}}
}
@media(max-width:1099px) and (min-width:741px){.ag-process-panel__copy{padding:34px 26px}.ag-process-visual{padding:28px 20px 24px}.ag-process-controls{flex-wrap:wrap}.ag-process-controls>div{margin-left:auto}.ag-process-brief{padding:22px}.ag-process-brief li{gap:14px}.ag-process-product{gap:10px}.ag-process-phone{width:85px;height:180px;padding-left:7px;padding-right:7px}.ag-process-browser__content{padding:11px}.ag-process-browser__side{padding:17px 8px}.ag-process-phone>span{margin-bottom:9px}.ag-process-phone__card{height:42px}}
@media(max-width:740px){
 .ag-process{padding:55px 24px 65px}
 .ag-process .ag-process-overline{font-size:10px;letter-spacing:.12em;margin-bottom:23px}
 .ag-process .ag-process-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
 .ag-process .ag-process-nav button{flex-wrap:wrap;gap:4px;padding:0 0 14px}
 .ag-process .ag-process-nav button>span{font-size:11px;width:100%}
 .ag-process .ag-process-nav button strong{font-size:17px}
 .ag-process .ag-process-panel{grid-template-columns:1fr;margin-top:20px}
 .ag-process-panel__copy{padding:28px;min-height:300px}
 .ag-home .ag-process .ag-process-panel__copy h3{margin:17px 0;font-size:31px}
 .ag-home .ag-process .ag-process-panel__copy>p:not(.ag-process-panel__phase){font-size:15px;margin-bottom:26px}
 .ag-process-panel__output{margin-top:auto}
 .ag-process-visual{padding:19px 14px;min-height:375px}
 .ag-process-scene{min-height:295px}
 .ag-process-brief{padding:20px}
 .ag-process-brief__heading strong{font-size:18px}
 .ag-process-brief li{gap:12px;margin-top:12px}
 .ag-process-brief li strong{font-size:14px}
 .ag-home .ag-process .ag-process-brief li p{font-size:12px}
 .ag-process-product{gap:6px}
 .ag-process-phone{width:77px;height:157px;padding:15px 7px 7px}
 .ag-process-phone__card{height:36px;margin:9px 0}
 .ag-process-phone>span{height:5px;margin-bottom:8px}
 .ag-process-browser__body{min-height:190px}
 .ag-process-browser__content{padding:9px}
 .ag-process-browser__chart{height:55px}
 .ag-process-browser__cards{gap:5px}
 .ag-process-browser__cards>div{height:45px}
 .ag-process-browser__side{padding:12px 7px}
 .ag-process-browser__bar{padding:0 8px;gap:4px}
 .ag-process-controls>span{font-size:11px;max-width:140px}
 .ag-process .ag-process-controls button{font-size:12px;padding:10px 11px}
 .ag-process-sync{padding:10px 12px;font-size:11px;right:5%}
}
@media(prefers-reduced-motion:reduce){.ag-process .ag-process-nav button:after,.ag-process-artifact,.ag-process-sync,.ag-process-connection{animation:none!important;transition:none!important}}
/* BUILD is an engineering workbench; LAUNCH retains the finished web/mobile pair. */
.ag-process-engineering{background:#fff;border:1px solid #abc9db;border-radius:9px;overflow:hidden;transform:rotate(-1deg);box-shadow:11px 15px 0 #a2bfd028,0 16px 25px #32658a21}
.ag-process-engineering__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;border-bottom:1px solid #d5e5ef;color:#456d88;font-size:12px;line-height:1.4}
.ag-process-engineering__bar i{font-style:normal;font-size:10px;letter-spacing:.04em;background:#e8f2f8;border:1px solid #c5dce9;border-radius:4px;color:#246480;padding:3px 7px;white-space:nowrap}
.ag-process-engineering__body{display:grid;grid-template-columns:56% 44%;min-height:205px}
.ag-process-editor{background:#153d61;padding:21px 22px;color:#d0e6f3}
.ag-process-editor__label{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;margin-bottom:25px}
.ag-process-editor__label>span{font-size:10px;color:#9bc7e0}
.ag-process-editor__block{display:flex;align-items:center;gap:8px;margin:0 0 16px}
.ag-process-editor__block>span,.ag-process-editor__block>b,.ag-process-editor__block>em{display:block;height:6px;border-radius:2px;flex-shrink:1;min-width:0}
.ag-process-editor__block>b{background:#86c5e7;width:22px}
.ag-process-editor__block>span{background:#c4dce9;width:70px}
.ag-process-editor__block>em{background:#5f93b3;width:46px}
.ag-process-editor__block--indent{padding-left:18px}
.ag-process-editor__cursor{width:5px;height:12px;background:#86c5e7;margin-top:4px}
.ag-process-live{padding:20px 18px;background:#eef5f9}
.ag-process-live>span{display:block;font-size:12px;color:#456d88;line-height:1.4;margin-bottom:14px}
.ag-process-live__screen{padding:11px;background:white;border:1px solid #bdd4e4;border-radius:5px;box-shadow:4px 6px 0 #adc8d625}
.ag-process-live__nav{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dfebf2;padding-bottom:9px;margin-bottom:11px}
.ag-process-live__nav>i{display:block;width:15px;height:8px;background:#2884b6;border-radius:2px}
.ag-process-live__nav>b{display:block;width:35px;height:4px;background:#b4cdda;border-radius:2px}
.ag-process-live__title{width:65%;height:6px;background:#4d8db2;border-radius:2px;margin-bottom:9px}
.ag-process-live__chart{height:55px;display:grid;place-items:center;background:#dceef8;color:#2884b6;border-radius:3px;margin-bottom:8px}
.ag-process-live__chart svg{width:90%;height:90%}
.ag-process-live__cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ag-process-live__cards>i{height:20px;display:block;background:#e2f1f9;border-radius:3px}
.ag-process-engineering__checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:13px 18px;font-size:12px;color:#246480;line-height:1.4;border-top:1px solid #d5e5ef;background:#fff}
.ag-process-engineering__checks>span{display:flex;align-items:center;gap:8px}
.ag-process-engineering__checks i{font-style:normal;font-size:12px;color:#1f785c;line-height:1}
.ag-process-engineering__checks>span:last-child i{color:#2884b6}
@media(prefers-reduced-motion:no-preference){.ag-process-panel:not([hidden]) .ag-process-live__screen{animation:ag-process-preview .65s .2s both}@keyframes ag-process-preview{from{opacity:.3;translate:0 7px}to{opacity:1;translate:0 0}}}
@media(max-width:1099px){.ag-process-editor{padding:18px 15px}.ag-process-live{padding:18px 12px}.ag-process-editor__label{font-size:11px}.ag-process-engineering__bar{font-size:11px}}
@media(max-width:740px){.ag-process-engineering__bar{padding:10px 12px;font-size:10px}.ag-process-engineering__bar i{font-size:9px;padding:3px 5px}.ag-process-engineering__body{min-height:175px}.ag-process-editor{padding:17px 13px}.ag-process-editor__label{font-size:10px;gap:6px;margin-bottom:21px}.ag-process-editor__label>span{font-size:9px}.ag-process-editor__block{gap:6px;margin-bottom:14px}.ag-process-editor__block--indent{padding-left:11px}.ag-process-editor__block>b{width:16px}.ag-process-editor__block>span{width:46px}.ag-process-editor__block>em{width:28px}.ag-process-live{padding:16px 10px}.ag-process-live>span{font-size:10px}.ag-process-live__screen{padding:8px}.ag-process-live__chart{height:42px}.ag-process-live__cards{gap:5px}.ag-process-live__cards>i{height:17px}.ag-process-engineering__checks{font-size:11px;padding:11px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.ag-process-live__screen{animation:none!important}}