/* Development: a product journey, with controls and copy outside the illustration. */
.service-development .dev-hero{padding:140px 0 82px;background:radial-gradient(ellipse at 85% 45%,#162e5570,transparent 60%),#071324}
.service-development .service-hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:52px;align-items:center}
.service-development .service-hero h1{font-size:clamp(43px,4.3vw,65px);line-height:1.08;letter-spacing:-.045em}
.service-development .service-hero .lead{font-size:17px;line-height:1.8;margin-top:27px;max-width:560px}
.service-development .service-hero-caption{color:#7795bb;font-size:10px;line-height:1.6;letter-spacing:.06em;margin-top:29px}
.dev-hero-proof{display:flex;flex-wrap:wrap;gap:10px 19px;padding:0;margin:29px 0 0;list-style:none;color:#a6bddc;font-size:10px;line-height:1.7}.dev-hero-proof li:before{content:'✓';color:#a8d9cf;margin-right:7px}
.dev-studio{position:relative;isolation:isolate;min-width:0;padding:21px 21px 19px;border:1px solid #8da9d34d;border-radius:22px;background:radial-gradient(ellipse at 65% 35%,#2d457c3d,transparent 70%),linear-gradient(145deg,#152a47cc,#0a192b);box-shadow:0 30px 90px #020b183d,inset 0 1px 0 #d1e4ff13}
.dev-studio:before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#b1dfff,#baabff,transparent)}
.dev-studio-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#9cb8dd;font-size:8px;letter-spacing:.13em;margin-bottom:15px}.dev-studio-bar>span:last-child{font-size:9px;letter-spacing:0;color:#7693b8}
.dev-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dev-scenarios button{min-width:0;min-height:39px;border:1px solid #6788b54d;border-radius:7px;background:#8eacd108;color:#99b3d6;padding:8px 5px;font-size:10px;line-height:1.3;cursor:pointer;transition:border-color .25s,background .25s,color .25s}.dev-scenarios button[aria-pressed=true]{color:#e7f0ff;background:linear-gradient(120deg,#b3c2f322,#ac9be619);border-color:#b1c9eccc}.dev-scenarios button:hover{border-color:#b1d4f1;color:#e7f0ff}.dev-scenarios button:focus-visible,.dev-studio-actions button:focus-visible{outline:2px solid #badbff;outline-offset:4px}
.dev-stage{position:relative;height:370px;isolation:isolate;margin:8px -7px 0}.dev-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.dev-packets path{stroke-dasharray:4 10;opacity:.13;transition:opacity .3s}.dev-packets path[data-active]{opacity:1}.dev-studio[data-playing] .dev-packets path[data-active]{animation:dev-data-packet 1.6s linear infinite}
.dev-product-window{position:absolute;top:27px;left:9%;width:79%;border-radius:12px;border:1px solid #9cbce8a6;background:linear-gradient(140deg,#365987,#142a47);box-shadow:6px 7px 0 #10233c,6px 7px 0 1px #7894bf80,13px 15px 0 -1px #122841,13px 15px 0 0 #526e9538,0 12px 35px #020c1944;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);overflow:hidden;z-index:2;transition:translate .35s,border-color .35s,box-shadow .35s}
.dev-window-chrome{height:29px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 12px;border-bottom:1px solid #86acdd42;font-size:8px;color:#a8c5e7;letter-spacing:.04em;background:linear-gradient(90deg,#91b2eb14,transparent)}.dev-window-chrome>span:first-child{display:flex;gap:5px}.dev-window-chrome i{display:block;width:3px;height:3px;border-radius:50%;background:#a2cbec}.dev-window-chrome>span:first-child>i:nth-child(2){background:#c6b3f2}.dev-window-chrome>span:first-child>i:nth-child(3){background:#96d5cc}.dev-window-chrome>i{width:auto;height:auto;background:none;font-size:10px;font-style:normal}
.dev-screen{display:grid;grid-template-columns:34px minmax(0,1fr);min-height:170px}.dev-screen[hidden]{display:none}.dev-app-sidebar{padding:20px 11px;border-right:1px solid #91b5de2b;background:#0e213936}.dev-app-sidebar b{display:block;width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,#afb5f3,#6c8cdf);margin-bottom:19px}.dev-app-sidebar i{display:block;width:11px;height:7px;border:1px solid #86abd685;border-radius:2px;margin-top:15px}
.dev-app-content{padding:18px 16px 13px;min-width:0}.dev-micro{display:block;font-size:6px;letter-spacing:.12em;color:#8aa9d1}.dev-app-content>strong{display:block;color:#e5f0ff;font-weight:400;font-size:17px;letter-spacing:-.035em;margin-top:7px;line-height:1.25}
.dev-client-request{display:flex;align-items:center;gap:10px;margin-top:17px;padding:10px;border:1px solid #8fa9d14d;border-radius:7px;background:linear-gradient(115deg,#8aa9e51a,#2f427137)}.dev-request-icon{display:grid;place-items:center;width:28px;height:28px;color:#c8d5fc;border:1px solid #b7c9eb7d;background:#b4b5f221;border-radius:7px;font-size:18px;flex-shrink:0}.dev-client-request small{display:block;color:#8dacd3;font-size:7px}.dev-client-request b{display:block;color:#ccdcf5;font-size:10px;font-weight:400;margin-top:4px}.dev-client-request>i{margin-left:auto;font-size:11px;font-style:normal;color:#addfd2}.dev-preview-lines{display:flex;gap:8px;margin-top:12px}.dev-preview-lines i{height:3px;border-radius:2px;background:#8cadd638;width:48%}.dev-preview-lines i:last-child{width:28%}.dev-app-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;color:#8eadd2;font-size:7px}.dev-app-footer i{font-style:normal;color:#b8c5ef;font-size:11px}
.dev-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}.dev-kanban>div{min-width:0;background:#91b5e912;border:1px solid #91b5e940;border-radius:6px;padding:8px 7px}.dev-kanban small{font-size:6px;color:#a1badb;display:block}.dev-kanban span{display:block;font-size:8px;color:#d4e1f4;margin-top:9px;white-space:nowrap}.dev-kanban b{color:#a4d9c4;font-weight:400}.dev-kanban i{display:block;width:75%;height:3px;background:#9bafe548;margin-top:8px}.dev-sync-row{display:flex;justify-content:space-between;gap:6px;align-items:center;margin:21px 0 13px}.dev-sync-row span{border:1px solid #9fa7d775;border-radius:6px;padding:8px 7px;color:#d5ddf8;background:#a7ade11c;font-size:8px;white-space:nowrap}.dev-sync-row i{font-style:normal;font-size:10px;color:#b6c8ee}.dev-sync-log{display:flex;align-items:center;gap:6px;font-size:7px;color:#a8c1dc}.dev-sync-log>i{width:4px;height:4px;border-radius:50%;background:#b5dcc6}.dev-sync-log b{margin-left:auto;color:#aed9cb;font-weight:400}
.dev-phone{position:absolute;left:3%;top:115px;width:65px;height:138px;border:1px solid #c0d1f5c7;border-radius:13px;background:linear-gradient(155deg,#7290b5,#223858 42%,#10223d);box-shadow:4px 5px 0 #081a31,4px 5px 0 1px #748ab68c,inset 2px 1px 3px #dbe7ff29,0 10px 28px #020b184d;transform:rotate(-8deg);z-index:3;padding:13px 6px 12px;transition:translate .35s,box-shadow .35s}.dev-phone-camera{position:absolute;top:5px;left:38%;width:24%;height:3px;background:#bbd0ef99;border-radius:3px}.dev-phone-content{position:relative;height:100%;border-radius:8px;border:1px solid #88aeea63;background:linear-gradient(160deg,#385787,#172b4b);padding:9px 6px}.dev-phone-avatar{display:block;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#bea7f2,#658ad3);margin-bottom:7px}.dev-phone-lines i{display:block;height:3px;width:100%;background:#a1bbe288;margin-bottom:4px;border-radius:2px}.dev-phone-lines i:last-child{width:60%}.dev-phone-card{position:relative;border:1px solid #a2bbe56b;border-radius:4px;height:27px;margin:8px 0;background:#a8a5e226;padding:6px}.dev-phone-card i{display:block;height:2px;width:65%;background:#a9c3ee99;margin-bottom:3px}.dev-phone-card b{position:absolute;right:3px;bottom:3px;color:#a5d9cd;font-size:8px;font-weight:400}.dev-phone-button{display:block;width:65%;height:6px;border-radius:4px;background:#b1a9ec}.dev-phone-tabs{display:flex;justify-content:space-between;position:absolute;bottom:7px;left:7px;right:7px}.dev-phone-tabs i{width:4px;height:4px;border-radius:1px;background:#9bbbea}.dev-phone-bottom{position:absolute;bottom:5px;left:35%;width:30%;height:2px;background:#afc7e7a3;border-radius:2px}.dev-platform-label{position:absolute;top:245px;left:4%;color:#809fc9;font-size:7px;letter-spacing:.02em;transform:rotate(-8deg)}
.dev-engine{position:absolute;left:37%;top:255px;width:91px;height:87px;z-index:2;filter:drop-shadow(0 8px 18px #030b1f66);transition:translate .35s,filter .35s}.dev-engine-front{position:absolute;left:0;top:0;width:78%;height:100%;border:1px solid #b2c6f0ba;border-radius:3px;background:linear-gradient(135deg,#6687c994,#314879bf 46%,#283b6b);box-shadow:inset 1px 1px 8px #d1eaff40,inset -6px -6px 16px #11214788;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.dev-engine-front:before{content:'';position:absolute;inset:7px;border:1px solid #c5d5ff7d;box-shadow:inset 0 0 15px #abb5ff18}.dev-engine-front:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 18%,#dbe9ff27 19%,transparent 21%,transparent 65%,#b4ccff24 66%,transparent 69%);pointer-events:none}.dev-engine-front svg{width:56px;height:56px;color:#bfdaff;stroke:currentColor;stroke-width:.9;filter:drop-shadow(0 0 6px #a9caff66)}.dev-engine-front>span{font-size:4px;letter-spacing:.06em;color:#adccf7;z-index:1;margin-top:2px;white-space:nowrap}.dev-engine-side{position:absolute;top:-7px;right:0;width:22%;height:100%;border:1px solid #95b8e99c;transform:skewY(-33deg);background:linear-gradient(140deg,#8eaaf77a,#284677 45%,#6389c550);box-shadow:inset 3px 1px 8px #d3e8ff38}.dev-engine-side i{display:block;width:65%;height:12%;margin:16px auto 0;border:1px solid #a6c5ed66}.dev-engine-top{position:absolute;top:-14px;left:11px;width:78%;height:15px;border:1px solid #bfdaffaa;transform:skewX(-56deg);background:linear-gradient(90deg,#a6c7f95e,#5b7fac,#b3d4ff66);box-shadow:inset 0 1px 2px #d8ecff66}.dev-engine-top i{position:absolute;top:4px;left:18%;width:60%;height:4px;border:1px solid #bdd0ee66}.dev-engine-top i:nth-child(2){left:27%;width:40%;height:2px}.dev-engine-top i:nth-child(3){top:1px;left:73%;width:2px;height:8px;background:#dcefffaa}.dev-engine-aura{position:absolute;inset:-25px;border-radius:50%;background:radial-gradient(circle,#a0b7ff18,transparent 70%);z-index:-1}
.dev-data-stack{position:absolute;right:4%;top:243px;width:93px;display:grid;gap:5px;transform:perspective(800px) rotateY(-11deg);z-index:2}.dev-data-stack span{display:flex;align-items:center;gap:7px;color:#aebfe3;font-size:8px;border:1px solid #899bc67d;background:linear-gradient(130deg,#384c76,#22314f);padding:8px 10px;border-radius:5px;box-shadow:3px 3px 0 #14233d,3px 3px 0 1px #6c80a555}.dev-data-stack span>i{width:5px;height:5px;border-radius:2px;background:#b5aae980;border:1px solid #c2c1f0b3;flex-shrink:0}.dev-data-stack span:nth-child(2)>i{background:#82c7d088}.dev-data-stack span:nth-child(3)>i{background:#8abfc766}
.dev-result{position:absolute;bottom:10px;left:3%;max-width:40%;display:flex;align-items:center;gap:7px;font-size:8px;color:#a8cbd5;border:1px solid #88bfb670;border-radius:7px;padding:8px 10px;background:linear-gradient(120deg,#204351,#11293d);z-index:2;transition:box-shadow .35s,border-color .35s}.dev-result i{font-size:10px;font-style:normal;color:#b9e4d2}
.dev-studio[data-phase="0"] .dev-product-window{translate:0 -3px;border-color:#bfdcff;box-shadow:6px 7px 0 #10233c,6px 7px 0 1px #91b8df,0 0 28px #8aa7dd2b}.dev-studio[data-phase="0"] .dev-phone{translate:0 -4px;box-shadow:4px 5px 0 #081a31,4px 5px 0 1px #8ba9dd,0 0 25px #b1b7ff44}.dev-studio[data-phase="1"] .dev-engine{translate:0 -4px;filter:drop-shadow(0 0 15px #9ba6e366)}.dev-studio[data-phase="2"] .dev-data-stack span{border-color:#bbd3ef;background:linear-gradient(130deg,#536591,#223f55)}.dev-studio[data-phase="3"] .dev-result{box-shadow:0 0 25px #8dcebf22;border-color:#b0dfd1;color:#d7ede7}
.dev-studio-detail{min-height:118px;margin-top:13px}.dev-studio-detail>span{font-size:7px;letter-spacing:.12em;color:#8eaad4}.dev-studio-detail h2{font-size:21px!important;letter-spacing:-.025em;line-height:1.3;margin-top:9px;color:#deebff}.dev-studio-detail p{font-size:11px;line-height:1.8;color:#9db5d5;margin-top:9px;max-width:480px}
.dev-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.dev-flow-steps span{border-top:2px solid #7897c347;padding-top:7px;font-size:8px;color:#7f9ec6;transition:color .3s,border-color .3s}.dev-flow-steps span[data-active]{border-color:#b5d9f8;color:#d6e7fd}
.dev-studio-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:21px}.dev-studio-actions button{display:flex;gap:12px;align-items:center;border:1px solid #97b4d997;background:#86a4df16;border-radius:22px;color:#d1e3fd;padding:10px 14px;font-size:10px;cursor:pointer}.dev-studio-actions button:hover{background:#86a4df2b}.dev-studio-actions button:disabled{opacity:.6;cursor:wait}.dev-studio-actions>a{font-size:9px;color:#b6cbec;line-height:1.5}.dev-studio-actions>a>span{margin-left:5px}.dev-example-status{min-height:29px;margin-top:13px;font-size:8px;line-height:1.7;color:#7f9bbe}
.dev-capabilities,.dev-process,.dev-quality,.dev-next{padding:92px 0}.dev-section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;margin-bottom:43px}.dev-section-heading h2{font-size:clamp(34px,3.8vw,55px);line-height:1.12}.dev-section-heading>p{font-size:16px;color:#9ab0cf;line-height:1.85;max-width:450px;padding-bottom:4px}.light .dev-section-heading>p{color:#5b6e88}.dev-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.dev-capability{overflow:hidden;min-width:0;border:1px solid #cddbef;border-radius:16px;background:#f8fbff;display:flex;flex-direction:column}.dev-capability-copy{padding:28px;display:flex;flex-direction:column;flex:1}.dev-capability h3{font-size:25px;line-height:1.22;letter-spacing:-.035em;margin:11px 0 18px}.dev-capability p{font-size:14px;color:#5c708c;line-height:1.8}.dev-capability ul{margin:22px 0 27px;padding:0;list-style:none;color:#576f92;font-size:11px;line-height:1.6;display:grid;gap:9px}.dev-capability li:before{content:'↗';color:#6c83ba;margin-right:8px}.dev-capability-copy>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #d8e3f2;font-size:12px;color:#4164a3;margin-top:auto}.dev-capability-copy>a>span{font-size:18px}
.dev-mini-art{height:214px;background:radial-gradient(ellipse at 65% 45%,#5478b25c,transparent 75%),linear-gradient(135deg,#102440,#24416d);position:relative;isolation:isolate;overflow:hidden}.dev-mini-art:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#a1beee24 .7px,transparent .7px);background-size:20px 20px;z-index:-1}.dev-mini-window{position:absolute;left:18%;top:40px;width:66%;height:132px;border:1px solid #b0ceefa6;border-radius:8px;background:linear-gradient(135deg,#496895aa,#1d3355);box-shadow:7px 8px 0 #12243f,7px 8px 0 1px #92b4d64d;transform:perspective(500px) rotateY(-12deg) rotate(-4deg);transition:translate .4s}.dev-mini-window>span{display:block;height:20px;border-bottom:1px solid #96b9df5e;background:linear-gradient(90deg,#a0bbe925,transparent)}.dev-mini-window>div{padding:15px 20px}.dev-mini-window i{display:block;width:63%;height:5px;border-radius:2px;background:#c2d8ff8a;margin-bottom:9px}.dev-mini-window i:last-of-type{width:43%;background:#a2bbe957}.dev-mini-window b{display:block;width:100%;height:39px;border-radius:5px;border:1px solid #a9c8ee6e;background:linear-gradient(90deg,#849df030,#c1abe228);margin-top:13px}.dev-mini-phone{position:absolute;top:84px;left:12%;width:49px;height:96px;border:1px solid #c4d7ec;border-radius:10px;background:linear-gradient(140deg,#6381ad,#182d4c);padding:15px 7px;transform:rotate(8deg);box-shadow:4px 5px 0 #15233c;transition:translate .4s}.dev-mini-phone i{display:block;width:13px;height:13px;border-radius:50%;background:#b8a4e9}.dev-mini-phone b{display:block;height:22px;width:100%;background:#aec4f540;border:1px solid #a8c5e870;border-radius:3px;margin-top:8px}.dev-mini-phone span{display:block;background:#aeabed;width:70%;height:4px;border-radius:3px;margin-top:8px}.dev-mini-signal{position:absolute;bottom:18px;right:11%;display:flex;gap:5px}.dev-mini-signal i{width:4px;height:4px;border-radius:50%;background:#b3dbfa;box-shadow:0 0 8px #a8ccf2}.dev-mini-signal i:nth-child(2){opacity:.5}.dev-mini-signal i:nth-child(3){opacity:.2}
.dev-mini-workspace{background:radial-gradient(ellipse at 50% 45%,#9c8cd451,transparent 70%),linear-gradient(135deg,#243758,#151f3b)}.dev-mini-board{position:absolute;left:16%;right:13%;top:37px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 13px;border:1px solid #b4bfea99;border-radius:8px;background:linear-gradient(145deg,#4c588880,#253353);transform:perspective(600px) rotateY(10deg) rotateX(5deg) rotate(-4deg);box-shadow:7px 9px 0 #1a2944,7px 9px 0 1px #8299c563;transition:translate .4s}.dev-mini-board>div{min-height:87px;position:relative}.dev-mini-board i{display:block;width:70%;height:3px;border-radius:3px;background:#c0bdeaa1;margin-bottom:12px}.dev-mini-board b{display:block;background:#b6c5ef28;border:1px solid #bacfed63;border-radius:4px;height:28px;margin-top:6px}.dev-mini-board>div:nth-child(2)>b{background:#b4a8de42}.dev-mini-board>div:nth-child(3)>b{background:#9ccbb947}.dev-mini-board span{position:absolute;right:9px;top:28px;color:#cbe5d9;font-size:12px}.dev-mini-people{position:absolute;left:27%;bottom:22px;display:flex}.dev-mini-people span{width:22px;height:22px;border:2px solid #162b45;border-radius:50%;background:linear-gradient(145deg,#c3b3ed,#8da6d4);margin-left:-5px}.dev-mini-people span:nth-child(2){background:linear-gradient(140deg,#a5d1d4,#6e9eb9)}.dev-mini-people span:nth-child(3){background:linear-gradient(140deg,#aec7ee,#527baf)}
.dev-mini-integration{display:flex;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 55% 40%,#4277814a,transparent 70%),linear-gradient(135deg,#173951,#122340)}.dev-mini-integration>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.dev-mini-system{display:grid;place-items:center;width:55px;height:57px;border-radius:8px;border:1px solid #adc7eaaa;background:linear-gradient(135deg,#527093b0,#253c5e);font-size:13px;color:#c5d6ef;box-shadow:4px 5px 0 #102642,4px 5px 0 1px #6d92ad63;transform:perspective(500px) rotateY(-12deg);transition:translate .4s}.dev-mini-system:last-of-type{transform:perspective(500px) rotateY(12deg);background:linear-gradient(135deg,#8173a08c,#333b60)}.dev-mini-connector{width:39px;height:39px;border-radius:9px;border:1px solid #adccdbb3;background:linear-gradient(130deg,#829bc96b,#334775);color:#bddcec;display:grid;place-items:center;box-shadow:0 0 25px #9ed9e622;transform:rotate(-7deg)}.dev-mini-connector svg{width:28px;height:28px}.dev-mini-database{position:absolute;bottom:17px;left:45%;width:41px;height:29px;background:linear-gradient(90deg,#375e73,#628aab,#294d6a);border:1px solid #a4c6df99;border-radius:50% / 18%}.dev-mini-database:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:9px;border:1px solid #a4c6df99;border-radius:50%;background:linear-gradient(120deg,#799dbc,#3b6384)}.dev-capability:hover .dev-mini-window,.dev-capability:hover .dev-mini-board{translate:0 -5px}.dev-capability:hover .dev-mini-phone{translate:0 4px}.dev-capability:hover .dev-mini-system{translate:0 -4px}.dev-capability:hover .dev-mini-stream{animation:dev-data-packet 1.5s linear infinite}
.dev-human{padding:0 0 95px}.dev-human-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.dev-human figure{margin:0;height:auto;position:relative;border-radius:18px;overflow:hidden}.dev-human img{width:100%;height:100%;object-fit:cover;object-position:51% 47%;display:block}.dev-human-copy h2{font-size:clamp(31px,3.2vw,45px);line-height:1.16}.dev-human-copy>p:not(.eyebrow){font-size:15px;color:#5f718b;line-height:1.85;margin-top:23px}.dev-conversation{display:flex;align-items:flex-start;gap:13px;border-top:1px solid #d4e0f0;padding-top:23px;margin-top:27px}.dev-conversation>span{width:33px;height:33px;border:1px solid #afbfe0;border-radius:8px;background:#e2eafa;color:#6682b3;display:grid;place-items:center;flex-shrink:0}.dev-conversation strong{display:block;font-weight:400;font-size:18px;color:#29476f;line-height:1.35;letter-spacing:-.02em}.dev-conversation p{font-size:12px;color:#6d8099;line-height:1.75;margin-top:8px;max-width:370px}.dev-human-copy>a{display:inline-flex;align-items:center;gap:25px;margin-top:26px;color:#3f629e;font-size:13px}
.dev-process{background:radial-gradient(ellipse at 30% 20%,#19335866,transparent 75%),#081627}.dev-process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dev-process-grid>li{min-width:0;border:1px solid #799bc944;border-radius:13px;padding:22px 21px 0;background:linear-gradient(145deg,#1a315141,#15233941);display:flex;flex-direction:column}.dev-process-grid h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}.dev-process-grid p{font-size:12px;line-height:1.8;color:#94adce;margin:16px 0 26px}.dev-process-grid .index{font-size:7px;color:#8aa9d1;margin:18px 0 12px;line-height:1.5}.dev-deliverable{padding:18px 0 23px;margin-top:auto;border-top:1px solid #6c89b34d}.dev-deliverable small{font-size:7px;letter-spacing:.14em;color:#86a2c8}.dev-deliverable strong{display:block;margin-top:8px;font-size:12px;font-weight:400;line-height:1.65;color:#c0d4ef;min-height:39px}
.dev-deliverable-art{height:115px;position:relative;isolation:isolate}.dev-deliverable-art:before{content:'';position:absolute;width:120px;height:110px;left:50%;top:-5px;translate:-50% 0;background:radial-gradient(ellipse,#8e9dec16,transparent 70%);z-index:-1}.dev-paper{position:absolute;top:7px;left:calc(50% - 45px);width:66px;height:90px;background:linear-gradient(140deg,#6383b46b,#213659);border:1px solid #a9c4e4aa;border-radius:3px;padding:12px;transform:rotate(-10deg);box-shadow:5px 6px 0 #10213c,5px 6px 0 1px #6c92be66;transition:translate .35s}.dev-paper>i{display:block;width:32px;height:4px;background:#aec9ed94;margin-bottom:15px}.dev-paper>span{display:block;width:27px;height:3px;background:#a6bfdf68;margin:10px 0 0 8px}.dev-paper>b{position:absolute;left:9px;color:#b2d8ca;font-size:6px;top:39px}.dev-paper>b:last-of-type{top:53px}.dev-paper-note{position:absolute;left:calc(50% + 10px);top:55px;width:45px;height:34px;border:1px solid #bcaedf99;border-radius:3px;padding:9px;background:linear-gradient(135deg,#756da3b0,#3c3e67);transform:rotate(8deg);box-shadow:3px 4px 0 #13203a}.dev-paper-note i{display:block;width:100%;height:2px;background:#c4bcec77;margin-bottom:5px}.dev-paper-note i:last-child{width:70%}
.dev-prototype-frame{position:absolute;top:24px;left:calc(50% - 49px);width:95px;height:65px;border:1px solid #a7c4e2ad;border-radius:6px;background:linear-gradient(145deg,#5574a078,#263b60);box-shadow:6px 6px 0 #10233c,6px 6px 0 1px #789bc46b;transform:perspective(350px) rotateY(-9deg) rotate(-7deg);overflow:hidden;transition:translate .35s}.dev-prototype-frame>i{display:block;height:14px;border-bottom:1px solid #92b3d655;background:#92b3d617}.dev-prototype-frame>div{padding:10px 10px 0 30px;position:relative}.dev-prototype-frame b{position:absolute;left:8px;top:10px;width:16px;height:29px;border-radius:3px;border:1px solid #96b9df66;background:#a399dc30}.dev-prototype-frame span{display:block;height:3px;width:80%;background:#acbfe480;margin-bottom:7px;border-radius:3px}.dev-prototype-frame span:last-child{width:100%;height:12px;background:#a6b8e63b;border:1px solid #96b9df44}.dev-prototype-cursor{position:absolute;right:22%;bottom:11px;color:#c0c2f3;font-size:27px;filter:drop-shadow(2px 3px 1px #162341)}
.dev-build-layer{position:absolute;width:77px;height:47px;left:calc(50% - 38px);top:31px;border:1px solid #b1c8edaa;background:linear-gradient(140deg,#718bc384,#243d658c);transform:skewY(-15deg) rotateX(35deg);box-shadow:2px 3px 0 #2d456b80;transition:translate .35s;display:grid;place-items:center}.dev-build-layer:nth-child(1){top:62px;background:linear-gradient(140deg,#81a6c64d,#2849658c)}.dev-build-layer:nth-child(2){top:44px;background:linear-gradient(140deg,#9d8fb74d,#303c698c)}.dev-build-layer:last-child svg{width:35px;color:#d0dffb}
.dev-release-ring{position:absolute;left:calc(50% - 43px);top:10px;width:86px;height:86px;border:1px solid #8fb8d37d;border-radius:50%;transform:rotateX(25deg) rotateZ(-25deg);box-shadow:inset 0 0 15px #acd2df16}.dev-release-ring:after{content:'';position:absolute;inset:10px;border:1px solid #bbcaee38;border-radius:50%}.dev-release-check{position:absolute;left:calc(50% - 22px);top:30px;width:45px;height:45px;border:1px solid #afdacf94;border-radius:11px;background:linear-gradient(140deg,#759eab80,#284d6180);display:grid;place-items:center;box-shadow:4px 5px 0 #10213a,4px 5px 0 1px #8cb3ba55;transform:rotate(-8deg);font-size:24px;color:#cfecdf;transition:translate .35s}.dev-art-release>span{position:absolute;left:calc(50% - 45px);top:34px;width:4px;height:4px;background:#c5dcea;border-radius:50%;box-shadow:0 0 9px #b1c7e688}.dev-art-release>span:last-child{left:calc(50% + 37px);top:76px;background:#b0aceb}.dev-process-grid>li:hover .dev-paper,.dev-process-grid>li:hover .dev-prototype-frame,.dev-process-grid>li:hover .dev-release-check{translate:0 -4px}.dev-process-grid>li:hover .dev-build-layer:last-child{translate:0 -5px}
.dev-process-note{display:flex;align-items:center;gap:17px;margin-top:27px;padding-top:26px;border-top:1px solid #7897c138}.dev-process-note>span{font-size:24px;color:#aac5e8}.dev-process-note p{font-size:12px;line-height:1.8;color:#8fa9cc;max-width:620px}.dev-process-note a{margin-left:auto;font-size:12px;white-space:nowrap;color:#b9d3f4}.dev-process-note a>span{margin-left:13px}
.dev-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.dev-quality-grid article{padding:30px 27px;border:1px solid #cad9ec;border-radius:13px;background:linear-gradient(140deg,#ffffffb3,#f7faff)}.dev-quality-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b8c6e0;border-radius:10px;color:#5b7dad;background:#e8eefb;box-shadow:3px 4px 0 #d6e1f4;transform:rotate(-4deg);margin-bottom:25px}.dev-quality-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.dev-quality-grid h3{font-size:24px;line-height:1.2;letter-spacing:-.03em}.dev-quality-grid p{font-size:14px;color:#60738d;line-height:1.8;margin-top:18px}
.dev-next{background:radial-gradient(ellipse at 10% 100%,#253e6866,transparent 60%),#0a182a;border-top:1px solid #527bad5e}.dev-next-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:95px;align-items:center}.dev-next h2{font-size:clamp(34px,3.8vw,52px);line-height:1.15}.dev-next-layout>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#9bb2d1;margin-top:25px;max-width:640px}.dev-next .button{margin-top:30px}.dev-brief-card{padding:34px;border:1px solid #859fc44d;border-radius:17px;background:linear-gradient(140deg,#29436277,#152c4480);box-shadow:0 18px 45px #0109142b}.dev-brief-card .index{color:#8fabd1;font-size:8px;margin-bottom:22px}.dev-brief-card h3{font-size:29px;line-height:1.14;letter-spacing:-.035em}.dev-brief-card ol{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:17px}.dev-brief-card li{display:flex;gap:14px;color:#b7cce7;font-size:13px;line-height:1.65}.dev-brief-card li>span{color:#8aa8d3;font-size:9px;margin-top:2px;flex-shrink:0}.dev-brief-card p{font-size:11px;color:#869fc2;line-height:1.8;margin-top:26px;padding-top:21px;border-top:1px solid #6a89b642}.dev-brief-card>a{display:block;font-size:22px;color:#d4e3f7;margin-top:14px;letter-spacing:-.015em}
.service-development .faq-section.light .faq-list details{border-color:#c3d4e9}.service-development .faq-section.light .faq-list p{color:#5c718e}.service-development .faq-section.light .faq-list summary{color:#1b2f4d}.service-development .faq-section.light .faq-list summary:hover{color:#3b6097}.service-development .faq-section.light .faq-list summary:focus-visible{outline:2px solid #446ba3;outline-offset:6px;border-radius:3px}.service-development .related-section h2{font-size:35px}.service-development .related-links a{border-color:#54719c66;color:#bfd4f2;background:#122a4357}.service-development .related-links a:hover,.service-development .related-links a:focus-visible{background:#1b3657;color:#e0edff}
@keyframes dev-data-packet{to{stroke-dashoffset:-56}}
@media(max-width:1100px){.service-development .service-hero-layout{gap:30px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.service-development .service-hero h1{font-size:45px}.dev-studio{padding:18px 15px}.dev-stage{height:350px}.dev-app-content{padding:15px 12px}.dev-app-content>strong{font-size:15px}.dev-screen{min-height:165px}.dev-phone{left:2%;width:58px;height:124px;top:117px}.dev-platform-label{top:236px;font-size:6px}.dev-engine{left:34%;top:244px;width:80px;height:80px}.dev-engine-front svg{width:50px;height:50px}.dev-data-stack{top:234px;width:83px;right:2%}.dev-result{font-size:7px;padding:7px;bottom:7px}.dev-studio-detail h2{font-size:20px!important}.dev-studio-actions{gap:7px}.dev-studio-actions button{padding:9px 10px;font-size:9px}.dev-studio-actions>a{font-size:8px}.dev-section-heading{gap:45px}.dev-capability-copy{padding:23px}.dev-capability h3{font-size:23px}.dev-human-layout{gap:40px}.dev-process-grid{gap:13px}.dev-process-grid>li{padding:18px 15px 0}.dev-process-grid h3{font-size:20px}.dev-next-layout{gap:50px}.dev-quality-grid{gap:20px}.dev-quality-grid article{padding:25px}}
@media(max-width:850px){.service-development .service-hero-layout{grid-template-columns:1fr;gap:42px}.service-development .service-hero-copy{max-width:680px}.service-development .service-hero h1{font-size:clamp(45px,6.7vw,58px)}.dev-studio{max-width:630px;width:100%;padding:22px}.dev-stage{height:395px}.dev-product-window{left:11%;width:76%;top:29px}.dev-phone{left:6%;top:125px;width:68px;height:142px}.dev-platform-label{left:7%;top:265px;font-size:8px}.dev-data-stack{top:265px;right:5%;width:108px}.dev-data-stack span{font-size:9px;padding:10px}.dev-engine{top:283px;left:39%;width:91px;height:85px}.dev-result{bottom:10px;left:5%;font-size:9px;padding:9px}.dev-app-content{padding:19px 19px 15px}.dev-app-content>strong{font-size:21px}.dev-window-chrome{height:31px;font-size:9px}.dev-screen{grid-template-columns:40px minmax(0,1fr);min-height:180px}.dev-client-request small{font-size:9px}.dev-client-request b{font-size:12px}.dev-app-footer{font-size:8px}.dev-micro{font-size:7px}.dev-kanban small{font-size:8px}.dev-kanban span{font-size:10px}.dev-sync-row span{font-size:10px;padding:10px}.dev-sync-log{font-size:9px}.dev-studio-detail{min-height:104px}.dev-studio-detail>span{font-size:8px}.dev-studio-detail h2{font-size:24px!important}.dev-studio-detail p{font-size:13px;max-width:none}.dev-studio-actions button{font-size:11px;padding:10px 15px}.dev-studio-actions>a{font-size:11px}.dev-example-status{font-size:10px;min-height:0}.dev-flow-steps span{font-size:10px}.dev-section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:33px}.dev-section-heading>p{max-width:630px}.dev-capability-grid{grid-template-columns:1fr;gap:20px}.dev-capability{display:grid;grid-template-columns:.8fr 1.2fr}.dev-mini-art{height:100%;min-height:310px}.dev-mini-window{top:95px}.dev-mini-phone{top:145px}.dev-mini-board{top:95px}.dev-mini-people{bottom:70px}.dev-mini-database{bottom:55px}.dev-human-layout{grid-template-columns:1fr;gap:35px}.dev-human figure{height:auto}.dev-human-copy{max-width:650px}.dev-human-copy h2{font-size:43px}.dev-human-copy>p:not(.eyebrow){max-width:610px}.dev-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dev-process-grid>li{padding:22px 25px 0}.dev-process-grid h3{font-size:25px}.dev-process-grid p{font-size:14px}.dev-deliverable strong{font-size:13px;min-height:0}.dev-process-grid .index{font-size:9px}.dev-quality-grid{grid-template-columns:1fr;gap:16px}.dev-quality-grid article{position:relative;padding:27px 27px 27px 100px}.dev-quality-icon{position:absolute;top:28px;left:27px}.dev-quality-grid h3 br{display:none}.dev-quality-grid h3{font-size:25px}.dev-next-layout{grid-template-columns:1fr;gap:38px}.dev-brief-card{max-width:550px;width:100%}.dev-next h2{font-size:45px}.dev-process-note{flex-wrap:wrap}.dev-process-note a{margin-left:39px}.dev-process-note p{max-width:calc(100% - 45px)}}
@media(max-width:560px){.service-development .dev-hero{padding:115px 0 56px}.service-development .service-hero h1{font-size:clamp(35px,9.4vw,49px)}.service-development .service-hero .lead{font-size:16px;line-height:1.75}.service-development .actions .button{font-size:12px;padding:15px 19px}.dev-hero-proof{font-size:10px;gap:7px 16px;margin-top:25px}.dev-studio{padding:16px 13px;border-radius:16px}.dev-studio-bar{font-size:7px}.dev-studio-bar>span:last-child{font-size:8px}.dev-scenarios{gap:5px}.dev-scenarios button{font-size:10px;min-height:43px;padding:6px 4px}.dev-stage{height:345px;margin:9px -2px 0}.dev-product-window{top:25px;left:7%;width:83%;border-radius:9px;transform:perspective(800px) rotateY(-4deg) rotateX(2deg);box-shadow:4px 5px 0 #10233c,4px 5px 0 1px #7894bf80,8px 10px 0 -1px #122841,8px 10px 0 0 #526e9538}.dev-window-chrome{height:26px;font-size:8px;padding:0 10px}.dev-screen{grid-template-columns:27px minmax(0,1fr);min-height:159px}.dev-app-sidebar{padding:16px 7px}.dev-app-sidebar b{width:11px;height:11px}.dev-app-sidebar i{width:9px;height:6px}.dev-app-content{padding:15px 12px 12px}.dev-app-content>strong{font-size:16px;line-height:1.25}.dev-micro{font-size:6px;letter-spacing:.1em}.dev-client-request{margin-top:15px;padding:8px;gap:8px}.dev-request-icon{width:25px;height:25px;font-size:15px}.dev-client-request small{font-size:7px}.dev-client-request b{font-size:9px}.dev-app-footer{font-size:6px;gap:5px}.dev-kanban{gap:5px;margin-top:16px}.dev-kanban>div{padding:8px 5px}.dev-kanban small{font-size:6px}.dev-kanban span{font-size:8px}.dev-sync-row{gap:4px;margin-top:18px}.dev-sync-row span{font-size:8px;padding:8px 5px}.dev-sync-row i{font-size:8px}.dev-sync-log{font-size:7px;gap:5px}.dev-phone{left:1%;top:112px;width:51px;height:111px;padding:12px 5px 10px;border-radius:11px}.dev-phone-content{padding:7px 4px;border-radius:6px}.dev-phone-avatar{width:11px;height:11px;margin-bottom:5px}.dev-phone-card{height:23px;margin:6px 0;padding:5px}.dev-phone-tabs{left:5px;right:5px;bottom:5px}.dev-phone-tabs i{width:3px;height:3px}.dev-phone-lines i{height:2px;margin-bottom:4px}.dev-phone-button{height:5px}.dev-phone-camera{height:2px}.dev-platform-label{top:231px;left:3%;font-size:6px;max-width:90px}.dev-engine{top:250px;left:37%;width:78px;height:76px}.dev-engine-front svg{width:49px;height:49px}.dev-engine-front>span{font-size:4px;letter-spacing:0}.dev-engine-top{left:11px}.dev-engine-side i{margin-top:14px}.dev-data-stack{top:231px;right:0;width:82px;gap:5px}.dev-data-stack span{font-size:8px;padding:8px;gap:6px}.dev-result{bottom:12px;left:1%;font-size:8px;max-width:33%;padding:7px;gap:6px}.dev-result span{line-height:1.4}.dev-studio-detail{margin-top:10px;min-height:138px}.dev-studio-detail>span{font-size:7px}.dev-studio-detail h2{font-size:21px!important}.dev-studio-detail p{font-size:12px;line-height:1.75;margin-top:10px}.dev-flow-steps{gap:6px;margin-top:4px}.dev-flow-steps span{font-size:8px}.dev-studio-actions{gap:11px;align-items:flex-start;margin-top:18px}.dev-studio-actions button{font-size:10px;padding:10px 12px;white-space:nowrap;gap:6px}.dev-studio-actions>a{font-size:10px;max-width:120px;line-height:1.6;padding-top:3px}.dev-example-status{font-size:9px;line-height:1.7;margin-top:15px}.dev-capabilities,.dev-process,.dev-quality,.dev-next{padding:61px 0}.dev-section-heading{gap:21px;margin-bottom:30px}.dev-section-heading h2{font-size:35px}.dev-section-heading>p{font-size:15px;line-height:1.8}.dev-capability{display:flex}.dev-mini-art{height:215px;min-height:0}.dev-mini-window{top:40px}.dev-mini-phone{top:90px}.dev-mini-board{top:36px}.dev-mini-people{bottom:22px}.dev-mini-database{bottom:18px}.dev-capability-copy{padding:25px}.dev-capability h3{font-size:27px}.dev-human{padding:0 0 60px}.dev-human figure{height:auto;border-radius:13px}.dev-human-layout{gap:30px}.dev-human-copy h2{font-size:34px}.dev-human-copy .eyebrow{line-height:1.7;font-size:9px}.dev-human-copy>p:not(.eyebrow){font-size:14px}.dev-conversation strong{font-size:18px}.dev-process-grid{grid-template-columns:1fr;gap:15px}.dev-process-grid>li{padding:22px 25px 0;display:grid;grid-template-columns:1fr 83px;column-gap:8px}.dev-deliverable-art{grid-column:2;grid-row:1/4;height:115px;align-self:center}.dev-process-grid .index{grid-column:1;margin-top:5px;font-size:8px}.dev-process-grid h3{grid-column:1;font-size:25px}.dev-process-grid p{grid-column:1;font-size:13px;margin:16px 0 22px}.dev-deliverable{grid-column:1/3;margin-top:0;padding:18px 0 23px}.dev-deliverable strong{font-size:13px}.dev-deliverable-art .dev-paper{left:4px}.dev-deliverable-art .dev-paper-note{left:44px;width:35px}.dev-deliverable-art .dev-prototype-frame{width:82px;left:0}.dev-prototype-cursor{right:-4px}.dev-build-layer{left:5px;width:67px}.dev-release-ring{left:0;width:78px;height:78px}.dev-release-check{left:20px}.dev-art-release>span{left:0}.dev-art-release>span:last-child{left:70px}.dev-process-note{gap:10px;margin-top:24px}.dev-process-note p{font-size:11px;max-width:calc(100% - 35px)}.dev-process-note a{margin-left:30px;white-space:normal;font-size:12px}.dev-quality-grid article{padding:25px}.dev-quality-icon{position:static;margin-bottom:24px}.dev-quality-grid h3{font-size:26px}.dev-quality-grid h3 br{display:inline}.dev-quality-grid p{font-size:14px}.dev-next h2{font-size:35px}.dev-next-layout>div>p:not(.eyebrow){font-size:15px}.dev-brief-card{padding:28px}.dev-brief-card h3{font-size:29px}.dev-brief-card li{font-size:13px}.service-development .related-section h2{font-size:29px}.service-development .related-links a{font-size:14px;line-height:1.6}}
@media(max-width:350px){.dev-studio{padding:15px 11px}.dev-scenarios button{font-size:9px}.dev-app-content>strong{font-size:14px}.dev-app-content{padding:14px 9px 11px}.dev-screen{grid-template-columns:24px minmax(0,1fr)}.dev-app-sidebar{padding:15px 6px}.dev-client-request{padding:7px;gap:5px}.dev-client-request b{font-size:8px}.dev-request-icon{width:21px;height:23px;font-size:14px}.dev-sync-row span{font-size:7px;padding:7px 4px}.dev-kanban span{font-size:7px}.dev-app-footer{font-size:5.5px}.dev-engine{left:33%;width:72px;height:71px}.dev-data-stack{width:73px}.dev-data-stack span{font-size:7px;padding:7px}.dev-result{max-width:30%;font-size:7px;padding:6px;gap:4px}.dev-studio-actions button{font-size:9px;padding:9px 10px}.dev-studio-actions>a{font-size:9px;max-width:100px}.dev-studio-detail h2{font-size:20px!important}.dev-studio-detail{min-height:151px}.dev-process-grid>li{padding:20px 20px 0;grid-template-columns:1fr 68px}.dev-process-grid h3{font-size:23px}.dev-deliverable-art{scale:.83;transform-origin:center}.dev-process-grid p{font-size:12px}.dev-human-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.dev-packets path,.dev-product-window,.dev-phone,.dev-engine,.dev-result,.dev-flow-steps span,.dev-scenarios button,.dev-mini-window,.dev-mini-phone,.dev-mini-board,.dev-mini-system,.dev-paper,.dev-prototype-frame,.dev-release-check,.dev-build-layer{transition:none}.dev-studio[data-playing] .dev-packets path[data-active],.dev-capability:hover .dev-mini-stream{animation:none}.dev-studio[data-phase] .dev-product-window,.dev-studio[data-phase] .dev-phone,.dev-studio[data-phase] .dev-engine,.dev-capability:hover .dev-mini-window,.dev-capability:hover .dev-mini-board,.dev-capability:hover .dev-mini-phone,.dev-capability:hover .dev-mini-system,.dev-process-grid>li:hover .dev-paper,.dev-process-grid>li:hover .dev-prototype-frame,.dev-process-grid>li:hover .dev-release-check,.dev-process-grid>li:hover .dev-build-layer:last-child{translate:0 0}}

/* Dedicated development team photograph: retain all four people. */
.service-development .dev-human figure{height:auto;align-self:center}.service-development .dev-human figure img{width:100%;height:auto;object-fit:contain}
@media(min-width:851px){.service-development .dev-human-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:50px}}
