/* A clear first step, in the studio's existing black and blue palette. */
.development-pricing{--dp-ink:#15313e;--dp-muted:#496474;--dp-line:#7794a34d;background:#e9eef0;color:var(--dp-ink);padding:80px 4.5% 75px;scroll-margin-top:25px}
.dp-topline{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--dp-line);padding-bottom:23px;color:#486978;font:10px/1.8 monospace;letter-spacing:.06em}
.dp-topline span:last-child{font-family:inherit;letter-spacing:0}
.dp-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;padding:45px 0 50px}
.atelier-site .dp-intro h2{font-size:clamp(34px,4.1vw,63px);letter-spacing:-.055em;line-height:1.45;margin:0}.dp-intro h2 em{font-style:normal;color:#347593}.dp-intro p{font-size:14px;line-height:2.1;color:var(--dp-muted);max-width:440px;margin:0}
.dp-steps{display:grid;grid-template-columns:.85fr 1.25fr .95fr;border-top:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line)}
.dp-step{min-width:0;padding:32px 28px 33px;display:flex;flex-direction:column;border-right:1px solid var(--dp-line)}.dp-step:first-child{padding-left:0}.dp-step:last-child{border:0;padding-right:0}.dp-step.dp-trial{background:#cce2ec;padding-left:30px;padding-right:30px}.dp-step-label{font:10px/1.7 monospace;color:#426f84;letter-spacing:.05em;display:flex;justify-content:space-between;gap:12px}.dp-step-label b{font-weight:400}
.dp-step h3{font-size:20px;font-weight:500;letter-spacing:-.035em;margin:24px 0 10px}.dp-amount{font-size:clamp(30px,3.3vw,50px);font-weight:500;letter-spacing:-.06em;line-height:1.2;margin:5px 0 25px;white-space:nowrap}.dp-amount small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:8px}.dp-amount span{font-size:.62em;margin-right:8px}.dp-step p{font-size:13px;line-height:2;color:var(--dp-muted);margin:0 0 18px}.dp-step p strong{color:#173a4d;font-weight:600}
.dp-trial-rates{margin:0 0 22px;border-top:1px solid var(--dp-line)}.dp-trial-rates>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:11px 0;border-bottom:1px solid var(--dp-line);font-size:12px;line-height:1.8}.dp-trial-rates dt{color:#365b70}.dp-trial-rates dd{margin:0;white-space:nowrap;font-size:15px;color:#173a4d}.dp-step .dp-example{font-size:11px;margin:0 0 22px;color:#3d6073}
.dp-step .dp-next{font-size:11px;line-height:1.9;color:#446577;padding-top:14px;border-top:1px solid var(--dp-line)}
.dp-button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;min-height:53px;font-size:12px;line-height:1.65;padding:15px 0;border:0;border-bottom:1px solid #486b7e;color:#17384a;background:none;text-align:left;margin-top:auto;cursor:pointer}.dp-button>span{font-size:23px;line-height:1;transition:transform .25s}.dp-button:hover>span{transform:translate(3px,-3px)}.dp-trial .dp-button{background:#183d53;color:#f2f7fa;border-color:#183d53;padding:17px 19px}.dp-trial .dp-button:hover{background:#226985}
.dp-cost-note{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:29px 0;border-bottom:1px solid var(--dp-line)}.dp-cost-note>strong{font-size:16px;line-height:1.9;font-weight:500;letter-spacing:-.025em}.dp-cost-note p{font-size:12px;color:var(--dp-muted);line-height:2;margin:0}.dp-cost-note p+p{margin-top:10px}.dp-cost-note b{font-weight:600;color:#173a4d}
.dp-assurance{display:flex;justify-content:space-between;align-items:flex-start;gap:45px;padding-top:29px}.dp-assurance>p{font-size:12px;line-height:2;color:#456676;max-width:550px;margin:0}.dp-assurance>p strong{display:block;color:#183d53;font-size:15px;font-weight:500;margin-bottom:5px}.dp-case-note{max-width:430px;font-size:11px;color:#486978;line-height:1.9}.dp-case-note summary{cursor:pointer;color:#244d63;font-size:12px;list-style:none;border-bottom:1px solid #829da9;padding-bottom:10px;display:flex;gap:28px;justify-content:space-between}.dp-case-note summary:after{content:'＋';font-size:16px}.dp-case-note[open] summary:after{content:'−'}.dp-case-note p{font-size:11px;margin-top:14px}
.development-pricing-link{display:flex;align-items:center;gap:22px;width:max-content;max-width:100%;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px;line-height:1.8;color:inherit;margin-top:19px;pointer-events:auto}.development-pricing-link span{font-size:19px}.app-hero-copy .development-pricing-link,.iot-hero-copy .development-pricing-link{color:#b7dbe9}
.development-contact-note{background:#193242;border:1px solid #53768b66;padding:16px 18px;margin:20px 0;color:#d7eaf3;font-size:12px;line-height:1.9}.development-contact-note strong{font-weight:500;display:block;margin-bottom:5px;color:#f0f8fc}.development-contact-note p{margin:0;color:#c1d8e4;font-size:11px;line-height:1.9}
@media(max-width:1100px){.dp-step{padding-left:22px;padding-right:22px}.dp-step.dp-trial{padding-left:23px;padding-right:23px}.dp-step h3{font-size:18px}.dp-amount{font-size:35px}.dp-amount small{font-size:9px}.dp-intro{gap:6%}.dp-intro p{font-size:13px}.dp-step p{font-size:12px}.dp-button{font-size:11px}.dp-trial-rates>div{font-size:11px;gap:10px}.dp-trial-rates dd{font-size:14px}}
@media(max-width:800px){.development-pricing{padding:60px 6%}.dp-intro{grid-template-columns:1fr;gap:24px;padding:35px 0}.dp-intro p{max-width:580px}.dp-steps{grid-template-columns:1fr}.dp-step,.dp-step:first-child,.dp-step:last-child{padding:29px 0;border-right:0;border-bottom:1px solid var(--dp-line)}.dp-step:last-child{border-bottom:0}.dp-step.dp-trial{padding:30px 25px;margin:0 -25px}.dp-step h3{font-size:23px;margin:20px 0 12px}.dp-amount{font-size:44px;margin:8px 0 20px}.dp-amount small{font-size:11px}.dp-step p{font-size:13px}.dp-step .dp-example{font-size:12px}.dp-button{font-size:12px;margin-top:5px}.dp-trial-rates>div{font-size:12px}.dp-trial-rates dd{font-size:16px}.dp-cost-note{grid-template-columns:1fr;gap:16px}.dp-assurance{display:block}.dp-case-note{margin-top:28px;max-width:none}.dp-topline{font-size:8px;gap:20px}.dp-topline span:last-child{text-align:right}.dp-cost-note p,.dp-assurance>p{font-size:12px}}
@media(max-width:400px){.atelier-site .dp-intro h2{font-size:29px}.dp-step.dp-trial{padding:27px 20px;margin:0 -20px}.dp-amount{font-size:38px}.dp-amount small{font-size:10px;margin-left:6px}.dp-topline{font-size:7px}.development-pricing-link{font-size:11px}}
@media(max-width:900px){.app-hero-copy .development-pricing-link{grid-column:2;grid-row:4;margin-top:10px}.atelier-app .app-device-stage{top:380px}.atelier-app .app-hero-layout{min-height:1055px}}
@media(max-width:600px){.app-hero-copy .development-pricing-link{margin-top:13px}.atelier-app .app-device-stage{top:400px}.atelier-app .app-hero-layout{min-height:925px}}
@media(max-width:370px){.atelier-app .app-device-stage{top:380px}.atelier-app .app-hero-layout{min-height:895px}}