.dev-page{--dev-space:clamp(60px,8vw,110px)}.dev-hero{background:linear-gradient(90deg,rgba(7,27,44,.96),rgba(7,27,44,.82) 55%,rgba(7,27,44,.48)),url("../Images/development-unsplash.jpg") center 55%/cover no-repeat,var(--navy);color:#fff;overflow:hidden}.dev-hero-grid{padding-top:85px;padding-bottom:85px}.dev-hero-grid>div{max-width:850px}.dev-hero h1{max-width:950px}.dev-hero-grid>div>p:not(.eyebrow){max-width:720px}.dev-hero-credit{text-align:right;padding-top:10px;padding-bottom:10px;font-size:.7rem;color:var(--muted)}.dev-hero-credit a{text-decoration:underline;text-underline-offset:3px}.dev-hero .eyebrow{color:var(--cyan)}.dev-hero h1{font-size:clamp(2.6rem,4.7vw,4.6rem);margin:0 0 26px;overflow-wrap:break-word}.dev-hero p:not(.eyebrow){color:#c4d2de;font-size:1.08rem}.dev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}.dev-page figcaption{margin-top:10px;font-size:.7rem;color:var(--muted)}.dev-page figcaption a{text-decoration:underline;text-underline-offset:3px}.dev-strip{border-bottom:1px solid var(--line);background:var(--paper)}.dev-strip .container{display:flex;flex-wrap:wrap;gap:12px 35px;padding-top:22px;padding-bottom:22px;font-size:.8rem;font-weight:700}.dev-section{padding:var(--dev-space) 0;scroll-margin-top:90px}.dev-heading{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:end;margin-bottom:38px}.dev-heading h2,.dev-split h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:0}.dev-heading>p,.dev-card p,.dev-split p,.dev-step p{color:var(--muted)}.dev-heading>p{margin:0}.dev-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dev-card{padding:32px;border:1px solid var(--line);border-radius:18px;background:#fff}.dev-card>span{color:var(--blue);font-size:.75rem;font-weight:700}.dev-card h3{font-size:1.3rem;margin:25px 0 17px}.dev-card p{font-size:.93rem}.dev-card ul{padding-left:18px;margin-bottom:0;font-size:.85rem}.dev-card li{padding:4px 0}.dev-stack{background:var(--navy);color:#fff}.dev-stack .eyebrow{color:var(--cyan)}.dev-stack .dev-heading>p{color:#b9cbd8}.dev-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dev-stack-card{padding:28px 30px;border:1px solid #314858;border-radius:16px;background:#102b3d}.dev-stack-card h3{font-size:1.12rem;margin:0 0 12px}.dev-stack-card p{color:#b9cbd8;font-size:.88rem;margin-bottom:20px}.dev-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.dev-tags li{padding:5px 12px;border-radius:6px;border:1px solid #40596a;background:#17384d;font-size:.8rem;color:#fff}.dev-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.dev-split figure{margin:0}.dev-split img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:18px}.dev-split h2{margin-bottom:24px}.dev-checks{list-style:none;padding:0;margin-top:24px}.dev-checks li{padding:12px 0;border-bottom:1px solid var(--line)}.dev-checks strong{display:block;font-size:.95rem}.dev-checks span{color:var(--muted);font-size:.88rem}.dev-process{background:var(--paper)}.dev-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:28px;counter-reset:dev-step}.dev-step{counter-increment:dev-step;border-top:2px solid var(--line);padding-top:22px}.dev-step:before{content:'0' counter(dev-step);font-size:.8rem;color:var(--blue);font-weight:700}.dev-step h3{font-size:1.15rem;margin:20px 0 12px}.dev-step p{font-size:.9rem}.dev-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:45px;border-radius:20px;background:var(--navy);color:#fff}.dev-cta h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 16px}.dev-cta p{color:#c4d2de;max-width:680px;margin:0}.dev-cta .button{flex-shrink:0}.dev-page a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}@media(max-width:1000px){.dev-hero-grid,.dev-heading,.dev-split{gap:35px}.dev-services{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-cta{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.dev-hero-grid,.dev-heading,.dev-split,.dev-services,.dev-stack-grid{grid-template-columns:1fr}.dev-hero-grid{padding-top:42px;padding-bottom:35px}.dev-hero h1{font-size:clamp(2.25rem,8vw,3.4rem)}.dev-card,.dev-stack-card{padding:25px}.dev-heading{gap:22px}.dev-actions .button{width:100%;text-align:center}.dev-strip .container{gap:10px 22px}.dev-cta{padding:30px}.dev-cta .button{width:100%}}@media(max-width:420px){.dev-steps{grid-template-columns:1fr}.dev-hero h1{font-size:2.25rem}}
