/* V22 targeted refinements for App Development page only */
body[data-service="App Development"] main .app-v22-planner .app-v22-result{position:relative;background:radial-gradient(circle at top left,rgba(121,55,255,.18),transparent 32%),linear-gradient(180deg,#181022 0%,#110a19 100%)!important}
body[data-service="App Development"] main .app-v22-planner .app-v22-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body[data-service="App Development"] main .app-v22-planner .app-v22-result-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font:700 12px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#f3edfb}
body[data-service="App Development"] main .app-v22-planner .app-v22-planner-insights{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
body[data-service="App Development"] main .app-v22-planner .app-v22-insight-card{padding:18px 18px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body[data-service="App Development"] main .app-v22-planner .app-v22-insight-label{display:block;margin-bottom:12px;font:700 11px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#cbbce0}
body[data-service="App Development"] main .app-v22-planner .app-v22-focus-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}
body[data-service="App Development"] main .app-v22-planner .app-v22-focus-list li{display:flex;align-items:flex-start;gap:10px;color:#fff;font:600 14px/1.55 Arial,Helvetica,sans-serif}
body[data-service="App Development"] main .app-v22-planner .app-v22-focus-list li:before{content:"";width:8px;height:8px;border-radius:50%;margin-top:.45em;background:linear-gradient(135deg,#9051ff,#ffffff)}
body[data-service="App Development"] main .app-v22-planner [data-planner-next-step]{margin:0 0 14px;color:#f3edf9;font:400 14px/1.7 Arial,Helvetica,sans-serif}
body[data-service="App Development"] main .app-v22-planner .app-v22-badge-row{display:flex;flex-wrap:wrap;gap:10px}
body[data-service="App Development"] main .app-v22-planner .app-v22-mini-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:700 12px/1.2 Arial,Helvetica,sans-serif}
/* One system multiple surfaces */
body[data-service="App Development"] main .app-v22-surfaces{background:linear-gradient(180deg,#ffffff 0%,#f6f2fb 100%)!important;padding-block:clamp(82px,8vw,128px)!important}
body[data-service="App Development"] main .app-v22-surfaces .container{max-width:1240px!important}
body[data-service="App Development"] main .app-v22-surfaces-intro{text-align:center;max-width:860px;margin:0 auto 34px}
body[data-service="App Development"] main .app-v22-surfaces-intro p{max-width:760px;margin:16px auto 0}
body[data-service="App Development"] main .app-v22-surfaces-stage{position:relative;padding:clamp(26px,4vw,42px);border-radius:34px;background:linear-gradient(145deg,#151020 0%,#241537 45%,#140e1e 100%);overflow:hidden;box-shadow:0 35px 85px rgba(27,14,43,.18)}
body[data-service="App Development"] main .app-v22-surfaces-stage:before{content:"";position:absolute;inset:auto -10% -40% -10%;height:68%;background:radial-gradient(circle at center,rgba(255,255,255,.16),transparent 58%);pointer-events:none}
body[data-service="App Development"] main .app-v22-surface-hero{position:relative;z-index:2;margin:0;display:flex;justify-content:center;padding:clamp(18px,2vw,28px) 0 clamp(12px,2vw,18px)}
body[data-service="App Development"] main .app-v22-surface-hero img{display:block;width:min(100%,920px);height:auto;filter:drop-shadow(0 26px 45px rgba(0,0,0,.42));}
body[data-service="App Development"] main .app-v22-floating-note{position:absolute;z-index:3;display:inline-flex;align-items:center;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);color:#fff;font:700 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em;text-transform:uppercase}
body[data-service="App Development"] main .app-v22-note-left{left:32px;top:34px}
body[data-service="App Development"] main .app-v22-note-right{right:32px;top:34px}
body[data-service="App Development"] main .app-v22-surface-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
body[data-service="App Development"] main .app-v22-surface-strip article{padding:18px 18px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;text-align:left}
body[data-service="App Development"] main .app-v22-surface-strip strong{display:block;margin-bottom:8px;font:700 18px/1.2 Arial,Helvetica,sans-serif}
body[data-service="App Development"] main .app-v22-surface-strip span{color:#ddd1eb;font:400 14px/1.7 Arial,Helvetica,sans-serif}
/* Delivery redesign */
body[data-service="App Development"] main .app-v22-delivery{background:#fff!important;padding-block:clamp(80px,8vw,120px)!important}
body[data-service="App Development"] main .app-v22-delivery .container{max-width:1220px!important}
body[data-service="App Development"] main .app-v22-delivery-intro{max-width:770px;margin:0 auto 34px;text-align:center}
body[data-service="App Development"] main .app-v22-delivery-intro p{max-width:620px;margin:16px auto 0}
body[data-service="App Development"] main .app-v22-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body[data-service="App Development"] main .app-v22-step-card{position:relative;padding:30px 28px 28px;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#faf7ff 100%);border:1px solid #e8def5;box-shadow:0 24px 50px rgba(30,13,53,.06);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
body[data-service="App Development"] main .app-v22-step-card:hover{transform:translateY(-8px);border-color:#be9aed;box-shadow:0 28px 56px rgba(30,13,53,.12)}
body[data-service="App Development"] main .app-v22-step-no{position:absolute;top:22px;right:24px;font:800 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#7f59da}
body[data-service="App Development"] main .app-v22-step-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border-radius:18px;background:linear-gradient(135deg,#6d28d9,#9f71ff);color:#fff;box-shadow:0 14px 28px rgba(109,40,217,.25)}
body[data-service="App Development"] main .app-v22-step-icon svg{width:28px;height:28px}
body[data-service="App Development"] main .app-v22-step-card h3{margin:0 0 12px;color:#120c1d;font:700 clamp(24px,2.2vw,31px)/1.05 "Arial Narrow",Impact,Haettenschweiler,sans-serif;text-transform:uppercase}
body[data-service="App Development"] main .app-v22-step-card p{margin:0;color:#5d5567;font:400 15px/1.8 Arial,Helvetica,sans-serif}
/* Scope animation */
body[data-service="App Development"] main .app-v22-scope .app-v22-scope-copy,body[data-service="App Development"] main .app-v22-scope .app-v22-scope-list li{opacity:0;transform:translateY(22px);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease;transition-delay:var(--delay,0s)}
body[data-service="App Development"] main .app-v22-scope .app-v22-scope-copy.is-visible,body[data-service="App Development"] main .app-v22-scope .app-v22-scope-list li.is-visible{opacity:1;transform:none}
body[data-service="App Development"] main .app-v22-scope .service-seo-list{overflow:hidden;position:relative}
body[data-service="App Development"] main .app-v22-scope .service-seo-list:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#a679ff 0%,#ffffff 100%)}
body[data-service="App Development"] main .app-v22-scope .service-seo-list li{display:flex;align-items:center;gap:12px;padding-block:12px!important;transform-origin:left center}
body[data-service="App Development"] main .app-v22-scope .service-seo-list li:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#a679ff,#fff);box-shadow:0 0 0 5px rgba(255,255,255,.08)}
body[data-service="App Development"] main .app-v22-scope .service-seo-list li span{display:block}
body[data-service="App Development"] main .app-v22-scope .service-seo-list li:hover{transform:translateX(6px) scale(1.01)!important;color:#fff}
/* Planning review redesign */
body[data-service="App Development"] main .app-v22-review{background:linear-gradient(180deg,#f7f5fa 0%,#ffffff 100%)!important;padding-block:clamp(82px,8vw,122px)!important}
body[data-service="App Development"] main .app-v22-review>.container{max-width:1260px!important}
body[data-service="App Development"] main .app-v22-review-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(28px,4vw,52px);align-items:start}
body[data-service="App Development"] main .app-v22-review-copy{padding-top:14px}
body[data-service="App Development"] main .app-v22-review-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
body[data-service="App Development"] main .app-v22-review-pill-row span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e8e1f0;color:#533d75;font:700 12px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 10px 22px rgba(22,11,34,.04)}
body[data-service="App Development"] main .app-v22-review-side{display:grid;gap:18px}
body[data-service="App Development"] main .app-v22-review-hero{margin:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 30px 65px rgba(25,12,39,.10)}
body[data-service="App Development"] main .app-v22-review-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body[data-service="App Development"] main .app-v22-review-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body[data-service="App Development"] main .app-v22-review-thumbs figure{margin:0;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #ece4f5;box-shadow:0 20px 42px rgba(25,12,39,.06)}
body[data-service="App Development"] main .app-v22-review-thumbs img{display:block;width:100%;height:180px;object-fit:cover}
body[data-service="App Development"] main .app-v22-review-thumbs figcaption{padding:13px 16px 16px;color:#2a2037;font:700 14px/1.3 Arial,Helvetica,sans-serif}
body[data-service="App Development"] main .app-v22-review-card{padding:clamp(24px,3vw,34px);border-radius:28px;background:linear-gradient(145deg,#ffffff 0%,#fbf8ff 100%);border:1px solid #e8e2ef;box-shadow:0 26px 56px rgba(25,12,39,.06)}
body[data-service="App Development"] main .app-v22-review-card h3{margin:0 0 16px;font:700 clamp(28px,2.4vw,38px)/1.02 "Arial Narrow",Impact,Haettenschweiler,sans-serif;text-transform:uppercase;color:#110b1b}
body[data-service="App Development"] main .app-v22-review-card ul{display:grid;gap:14px;list-style:none;margin:0 0 18px;padding:0}
body[data-service="App Development"] main .app-v22-review-card li{position:relative;padding:0 0 14px 28px;border-bottom:1px solid #ece6f2;color:#554d5f;font:400 16px/1.8 Arial,Helvetica,sans-serif}
body[data-service="App Development"] main .app-v22-review-card li:last-child{padding-bottom:0;border-bottom:0}
body[data-service="App Development"] main .app-v22-review-card li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#b88cff)}
body[data-service="App Development"] main .app-v22-review-card p{color:#554d5f;margin-bottom:18px}
/* responsive */
@media(max-width:1024px){body[data-service="App Development"] main .app-v22-review-shell,body[data-service="App Development"] main .app-v22-planner .app-v22-planner-insights{grid-template-columns:1fr!important}body[data-service="App Development"] main .app-v22-delivery-grid,body[data-service="App Development"] main .app-v22-surface-strip{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){body[data-service="App Development"] main .app-v22-note-left,body[data-service="App Development"] main .app-v22-note-right{position:static;margin-bottom:10px}body[data-service="App Development"] main .app-v22-surfaces-stage{padding:22px}body[data-service="App Development"] main .app-v22-delivery-grid,body[data-service="App Development"] main .app-v22-surface-strip,body[data-service="App Development"] main .app-v22-review-thumbs{grid-template-columns:1fr!important}body[data-service="App Development"] main .app-v22-review-card h3{font-size:30px}body[data-service="App Development"] main .app-v22-planner .app-v22-result-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){body[data-service="App Development"] main .app-v22-scope .app-v22-scope-copy,body[data-service="App Development"] main .app-v22-scope .app-v22-scope-list li{opacity:1;transform:none;transition:none}body[data-service="App Development"] main .app-v22-step-card,body[data-service="App Development"] main .app-v22-surface-hero img{transition:none!important}}