/* ===== Arrcing project page ===== */
.ag-sec{padding:clamp(60px,9vw,130px) var(--pad);position:relative}
.ag-wrap{max-width:1240px;margin:0 auto}
.ag-kicker{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-light);margin-bottom:18px}
.ag-h{font-weight:900;font-size:clamp(34px,4.6vw,66px);line-height:.98;letter-spacing:-.035em}
.ag-h em{font-family:'Urbanist',sans-serif;font-style:normal;font-weight:900;color:var(--sky);letter-spacing:-.005em;-webkit-text-fill-color:transparent;-webkit-text-stroke:.036em currentColor;paint-order:stroke fill;text-shadow:none!important}
.ag-p{margin-top:22px;max-width:560px;font-size:clamp(15px,1.3vw,17px);line-height:1.75;color:#c9d5de}
.ag-link{display:inline-block;margin-top:26px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#232759;background:#eee83a;padding:14px 22px;text-decoration:none;transition:filter .3s}
.ag-link:hover{filter:brightness(1.08)}
.ag-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;max-width:560px}
.ag-chips span{border:1px solid rgba(171,224,249,.3);padding:7px 13px;font-size:12.5px;border-radius:99px;color:var(--cream)}

.ag-brand{background:#fff;color:#0a1520;text-align:center;padding:clamp(60px,9vw,130px) var(--pad)}
.ag-brand img{width:min(820px,88%);height:auto;margin:0 auto}
.ag-brand .ag-p{color:#3a4a58;margin:34px auto 0;text-align:center}
.ag-swatches{display:flex;justify-content:center;margin:40px auto 0;max-width:560px;height:14px}
.ag-swatches i{flex:1;display:block}

.ag-dev{background:radial-gradient(ellipse 60% 70% at 30% 30%,rgba(35,39,89,.9),transparent 70%),#0a1520;overflow:hidden}
.ag-head{max-width:760px;margin:0 auto clamp(40px,6vw,80px);text-align:center}
.ag-head .ag-p{margin-left:auto;margin-right:auto}
.dev-stage{position:relative;width:100%;max-width:1180px;margin:0 auto;aspect-ratio:1.5}
.dev{position:absolute}
.dev-mac{left:0;top:9%;width:73%}
.dev-ipad{right:9%;top:0;width:25.5%;z-index:2}
.dev-phone{right:0;bottom:1%;width:14.2%;z-index:3}
.scr{position:relative;overflow:hidden;background:#fff}
.scr-in{width:100%;animation:devScroll var(--dur,50s) ease-in-out var(--del,0s) infinite alternate;will-change:transform}
.scr-in img{display:block;width:100%;height:auto}
@keyframes devScroll{0%,6%{transform:translateY(0)}94%,100%{transform:translateY(var(--ty))}}

.mbp-lid{position:relative;background:#0c0c0e;border-radius:clamp(8px,1.5vw,18px) clamp(8px,1.5vw,18px) 5px 5px;padding:2% 2% 2.6%;box-shadow:inset 0 0 0 2px #2a2b2e,inset 0 -1px 0 #55565b,0 30px 60px -20px rgba(0,0,0,.7)}
.mbp-lid::before{content:"";position:absolute;top:0;left:50%;width:14%;height:3.2%;transform:translateX(-50%);background:#000;border-radius:0 0 8px 8px;z-index:2}
.mbp-screen{aspect-ratio:16/10;border-radius:3px}
.mbp-base{position:relative;height:clamp(7px,1.4vw,15px);margin:0 -5.5%;background:linear-gradient(#e2e3e6,#b3b4b9 65%,#8d8e93);border-radius:1px 1px clamp(8px,1.6vw,18px) clamp(8px,1.6vw,18px)/1px 1px 11px 11px;box-shadow:0 26px 44px -12px rgba(0,0,0,.6)}
.mbp-base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:62%;transform:translateX(-50%);background:linear-gradient(#a2a3a8,#c4c5c9);border-radius:0 0 10px 10px}

.ipd{background:#0c0c0e;border-radius:5.4% / 3.8%;padding:3.4%;box-shadow:inset 0 0 0 2px #3a3b3f,0 34px 60px -18px rgba(0,0,0,.75)}
.ipd .scr{aspect-ratio:820/1180;border-radius:2.4% / 1.7%}
.ipd-cam{position:absolute;top:1.3%;left:50%;width:1.4%;aspect-ratio:1;border-radius:50%;background:#1a2a3a;transform:translateX(-50%);z-index:2}

.iph2{position:relative;background:linear-gradient(145deg,#a9a79f,#55534e 45%,#9a9891);border-radius:17% / 8%;padding:3.6%;box-shadow:0 30px 50px -14px rgba(0,0,0,.8)}
.iph2-in{position:relative;background:#000;border-radius:14% / 6.6%;padding:1.4%}
.iph2 .scr{aspect-ratio:390/844;border-radius:13% / 6%}
.iph2-isl{position:absolute;top:2.4%;left:50%;width:30%;aspect-ratio:3.6;transform:translateX(-50%);background:#000;border-radius:99px;z-index:3}

@media (prefers-reduced-motion:reduce){.scr-in{animation:none!important}}