/* App Development hero: centred text on a chrome-framed background */
main .adh{position:relative;isolation:isolate;overflow:hidden;min-height:min(860px,100svh);display:flex;align-items:center;justify-content:center;padding:160px 0 110px;background:#0b0616;color:#f4effb;text-align:center}
main .adh-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
main .adh-bg img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:50% 50%;animation:adh-drift 26s ease-in-out infinite alternate}
main .adh-bg::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(60% 55% at 50% 48%,rgba(11,6,22,.82) 0%,rgba(11,6,22,.55) 55%,rgba(11,6,22,0) 100%)}
main .adh-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;z-index:1;background:linear-gradient(180deg,transparent,#0b0616)}
main .adh-glow{position:absolute;left:50%;top:6%;width:640px;height:420px;margin-left:-320px;z-index:1;border-radius:50%;background:radial-gradient(closest-side,rgba(168,124,255,.32),transparent);animation:adh-pulse 8s ease-in-out infinite}
main .adh-inner{width:min(900px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;align-items:center}
main .adh-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:7px 15px;border-radius:999px;border:1px solid rgba(214,196,255,.28);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);font:600 11.5px/1.2 Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#dccbfc}
main .adh-kicker i{width:6px;height:6px;border-radius:50%;background:#b892ff;box-shadow:0 0 12px #b892ff}
.ap-inner-page main .adh .adh-title{margin:0;font:600 clamp(46px,7vw,92px)/.98 Fustat,Inter,sans-serif;letter-spacing:-.05em;color:#fff}
.ap-inner-page main .adh .adh-title em{display:block;font:italic 400 1.04em/1.04 "Instrument Serif",Georgia,serif;letter-spacing:-.02em;background:linear-gradient(100deg,#f3ecff 0%,#c9b2f5 30%,#ffffff 50%,#a98be6 72%,#e9defc 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:adh-sheen 9s ease-in-out infinite;padding-bottom:.06em}
main .adh-sub{margin:24px auto 0;max-width:36em;font:400 18.5px/1.6 Inter,sans-serif;color:#d3c8e6}
main .adh-rating{display:inline-flex;align-items:center;gap:12px;margin:26px 0 0;font:500 14.5px/1.3 Inter,sans-serif;color:#ece3fa;text-decoration:none}
main .adh-stars{color:#ffc94d;letter-spacing:2px;font-size:17px}
main .adh-rating b{color:#fff}
main .adh-ticks{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px}
main .adh-ticks li{position:relative;padding-left:30px;font:500 15px/1.4 Inter,sans-serif;color:#f1ebfa;text-align:left}
main .adh-ticks li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.16)}
main .adh-ticks li::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}
main .adh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
main .adh-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;text-decoration:none;font:600 15.5px/1 Inter,sans-serif;color:#1c0f33;background:linear-gradient(135deg,#ffffff,#e6d8ff);box-shadow:0 14px 32px -14px rgba(201,170,255,.9),inset 0 -1px 0 #d4c0f5;transition:transform .2s ease,box-shadow .2s ease}
main .adh-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px -14px rgba(201,170,255,1),inset 0 -1px 0 #d4c0f5}
main .adh-btn--ghost{color:#f1eafc;background:rgba(255,255,255,.07);border:1px solid rgba(214,196,255,.32);box-shadow:none;backdrop-filter:blur(8px)}
main .adh-btn--ghost:hover{background:rgba(255,255,255,.13);box-shadow:none}
@keyframes adh-drift{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes adh-pulse{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes adh-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (max-width:760px){main .adh{padding:130px 0 80px;min-height:0}main .adh-sub{font-size:16.5px}main .adh-ticks{flex-direction:column;align-items:flex-start;gap:10px}}
@media (prefers-reduced-motion:reduce){main .adh *,main .adh-bg img{animation:none!important}}
/* cursor motion */
main .adh,main .bsh2{perspective:1200px}
main [data-hm-bg]{position:absolute;inset:-6%;will-change:transform;transform-style:preserve-3d}
main [data-hm-bg] img{animation:none!important;inset:0!important;width:100%!important;height:100%!important}
main [data-hm-copy]{will-change:transform;transform-style:preserve-3d}
main .hm-light{position:absolute;z-index:1;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .5s ease;mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(190,150,255,.35),transparent)}
main .hm-active .hm-light{opacity:1}
main .hm-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none;filter:blur(2px);background:radial-gradient(circle at 30% 30%,#fff,rgba(214,190,255,.7) 35%,rgba(124,58,237,.15) 70%,transparent);animation:hm-orbit 18s linear infinite}
main .hm-orb--a{width:14px;height:14px;left:22%;top:30%}
main .hm-orb--b{width:9px;height:9px;left:74%;top:62%;animation-duration:24s;animation-direction:reverse}
main .hm-orb--c{width:6px;height:6px;left:60%;top:22%;animation-duration:30s}
@keyframes hm-orbit{0%{transform:translate(0,0)}25%{transform:translate(40px,-30px)}50%{transform:translate(70px,10px)}75%{transform:translate(20px,40px)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){main .hm-orb{animation:none}}
/* live liquid chrome canvas */
main [data-liquid] .liquid-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}
main [data-liquid].liquid-ready .liquid-canvas{opacity:1}
main [data-liquid] [data-hm-bg]{transform:none!important;inset:0}
main [data-liquid] .hm-light,main [data-liquid] .hm-orb{display:none}
/* still, plain versions (no imagery, no motion) */
main .adh--still{background:radial-gradient(70% 60% at 50% 0%,#2a1454 0%,#160c2c 55%,#0d0719 100%)}
main .adh--still .adh-title em{animation:none}
main .bsh2--still{background:radial-gradient(70% 60% at 50% 0%,#f4eefc 0%,#faf7ff 55%,#ffffff 100%)}
main .bsh2--still .bsh2-title em{animation:none}
main .adh--still *,main .bsh2--still *{animation:none!important}

/* fill the screen on first load, every width */
main .adh,main .adh--still{min-height:100vh;min-height:100svh}
@media (max-width:760px){main .adh{min-height:100vh;min-height:100svh}}