.ipadDevPage{background:#f5efe3;overflow:hidden}.ipadHero{position:relative;padding:140px 0 110px;background:linear-gradient(135deg,#e9f7ff,#faf6ee)}.heroContent{position:relative;z-index:2;max-width:760px}.heroBadge{display:inline-block;padding:10px 20px;border-radius:50px;background:rgba(0,162,255,.1);color:#0087d4;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:22px}.heroContent h1{font-size:68px;line-height:1.1;color:#1d1630;margin-bottom:24px;font-weight:700}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.breadcrumbs a,.breadcrumbs span{color:#5b6472;font-size:15px}.breadcrumbs a{text-decoration:none}.heroBlur{position:absolute;border-radius:50%;filter:blur(90px)}.heroBlurOne{width:320px;height:320px;background:rgba(0,162,255,.18);top:-80px;right:-80px}.heroBlurTwo{width:280px;height:280px;background:rgba(0,208,156,.15);bottom:-120px;left:-120px}.ipadContentSection{padding:15px 0}.ipadGrid{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:70px;gap:70px}.smallTag{display:inline-block;padding:8px 18px;border-radius:50px;background:#eaf6ff;color:#0087d4;font-size:13px;font-weight:700;margin-bottom:18px}.sectionTitle h2{font-size:48px;line-height:1.2;color:#1d1630;margin-bottom:35px;font-weight:700}.contentCard{padding:40px;border-radius:32px;background:#ffffff;box-shadow:0 10px 40px rgba(0,0,0,.04);margin-bottom:60px}.contentCard p{font-size:16px;line-height:1.9;color:#5f6b7a;margin-bottom:24px}.contentCard p:last-child{margin-bottom:0}.serviceSection{padding:70px 50px;border-radius:40px;background:linear-gradient(180deg,#ffffff,#f4faff);position:relative;overflow:hidden}.serviceSection:before{content:"";position:absolute;width:320px;height:320px;background:rgba(0,162,255,.06);border-radius:50%;top:-120px;right:-120px}.serviceHeader{margin-bottom:50px;position:relative;z-index:2}.serviceMini{display:inline-block;padding:8px 18px;border-radius:50px;background:#eaf7ff;color:#0099ee;font-size:13px;font-weight:700;margin-bottom:18px}.serviceHeader h3{font-size:38px;line-height:1.3;color:#1d1630;max-width:700px;margin:0}.serviceList{position:relative;z-index:2}.servicePoint{display:flex;align-items:flex-start;gap:30px;padding:30px 0;border-bottom:1px solid rgba(0,0,0,.08);transition:.35s ease}.servicePoint:last-child{border-bottom:none}.servicePoint:hover{transform:translateX(10px)}.pointNumber{min-width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#2f6fe0,#00c89c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;box-shadow:0 12px 30px rgba(0,162,255,.25)}.pointContent h4{font-size:24px;color:#1d1630;margin-bottom:10px;font-weight:700}.pointContent p{font-size:16px;line-height:1.9;color:#5f6b7a;margin:0;max-width:850px}@media (max-width:768px){.serviceSection{padding:50px 25px}.serviceHeader h3{font-size:30px}.servicePoint{gap:20px}.pointNumber{min-width:60px;height:60px;font-size:18px}.pointContent h4{font-size:20px}.pointContent p{font-size:15px}}@media (max-width:576px){.servicePoint{flex-direction:column}.serviceHeader h3{font-size:26px}}.recentWorkBox{position:-webkit-sticky;position:sticky;top:100px}.recentHeader{margin-bottom:30px}.recentHeader span{display:inline-block;color:#2f6fe0;font-size:13px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.recentHeader h4{font-size:32px;color:#1d1630;margin:0}.recentWorkCard{background:#fff;padding:18px;border-radius:26px;margin-bottom:28px;box-shadow:0 10px 40px rgba(0,0,0,.05);transition:.35s ease}.recentWorkCard:hover{transform:translateY(-6px)}.imageWrap{overflow:hidden;border-radius:18px}.imageWrap img{width:100%;height:auto;display:block;transition:.5s ease}.recentWorkCard:hover img{transform:scale(1.08)}@media (max-width:991px){.ipadGrid{grid-template-columns:1fr}.heroContent h1{font-size:52px}.sectionTitle h2{font-size:40px}.serviceGrid{grid-template-columns:1fr}.recentWorkBox{position:relative;top:0}}@media (max-width:576px){.ipadHero{padding:110px 0 90px}.heroContent h1{font-size:42px}.sectionTitle h2{font-size:34px}.contentCard{padding:28px 22px;border-radius:24px}.serviceHeader h3{font-size:28px}.serviceItem{flex-direction:column}}