.dev-page{--dev-border:#e5dff0;--dev-soft:#f7f5fc;--dev-green:#155d47}
.dev-page h2{font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.12;max-width:24ch}
.dev-page h3{font-size:clamp(1.07rem,1.8vw,1.38rem);line-height:1.27;letter-spacing:-.025em}
.dev-hero{padding:clamp(2.5rem,5vw,5.2rem) 0;background:radial-gradient(ellipse at 82% 38%,#eee1fa,transparent 59%),radial-gradient(ellipse at 9% 85%,#f9eaf3,transparent 48%),#f9f7fc;overflow:hidden}
.dev-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.dev-breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.8rem;margin-bottom:1.4rem}
.dev-breadcrumb a{text-decoration:underline;text-underline-offset:.2em}
.dev-service-tag{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.15rem;border:1px solid #e6d6f1;border-radius:2rem;padding:.38rem .75rem;background:#ffffffa8;font-size:.78rem;font-weight:700;color:var(--purple)}
.dev-service-tag span{width:.46rem;height:.46rem;background:var(--pink);border-radius:50%;box-shadow:0 0 0 .18rem #f5dce9}
.dev-hero h1{font-size:clamp(2.45rem,5vw,4.65rem);line-height:1.03;max-width:13ch;letter-spacing:-.06em}
.dev-hero .lead{font-size:clamp(1.02rem,1.5vw,1.2rem);margin-top:1.25rem;max-width:50ch}
.dev-page .actions{margin-top:1.45rem;flex-wrap:wrap}
.dev-page .actions .text-link{align-self:center;font-size:.9rem}
.dev-page .dev-note{font-size:.82rem;line-height:1.6;color:var(--muted);margin-top:1rem}
.dev-handoff{position:relative;isolation:isolate;border:1px solid #e5d9f0;border-radius:1.4rem;background:#fff;box-shadow:0 24px 60px #321c501c;padding:clamp(1rem,2.6vw,1.85rem);min-width:0}
.dev-handoff::before{content:'';position:absolute;z-index:-2;inset:-2rem -2rem auto auto;width:60%;height:55%;background-image:radial-gradient(#c8aedf 1px,transparent 1.5px);background-size:13px 13px;opacity:.6;pointer-events:none}
.dev-handoff::after{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:#fff;pointer-events:none}
.dev-handoff-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9rem;font-weight:700;color:var(--purple)}
.dev-example-label{color:var(--muted);background:var(--dev-soft);border:1px solid var(--dev-border);border-radius:2rem;padding:.22rem .55rem;font-size:.7rem;font-weight:600}
.dev-handoff-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;background:#f5f1fa;border:1px solid #ece4f4;padding:.28rem;border-radius:.8rem;margin:1.2rem 0 1rem}
.dev-handoff-tabs[hidden],.dev-handoff-panel[hidden]{display:none}
.dev-handoff-tabs button{display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;min-height:44px;padding:.45rem .25rem;border:1px solid transparent;border-radius:.55rem;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;font-weight:650;cursor:pointer}
.dev-handoff-tabs button span{color:inherit;font-variant-numeric:tabular-nums;opacity:.72;font-size:.67rem}
.dev-handoff-tabs button[aria-selected=true]{background:#fff;border-color:var(--dev-border);box-shadow:0 2px 7px #27134110;color:var(--purple)}
.dev-handoff-tabs button:hover{color:var(--pink)}
.dev-handoff-panel{min-height:13.5rem;padding:.4rem .15rem .9rem}
.dev-stage-owner{display:inline-block;border-radius:2rem;background:#f1ebf9;color:#5b387c;padding:.25rem .62rem;font-size:.72rem;font-weight:700}
.dev-handoff-panel h2{font-size:clamp(1.35rem,2.3vw,1.9rem);margin:.7rem 0 .45rem;letter-spacing:-.035em}
.dev-handoff-panel p{color:var(--muted);font-size:.88rem;line-height:1.55}
.dev-handoff-next{border-left:3px solid #b79cd6;background:var(--dev-soft);padding:.65rem .85rem;margin-top:.95rem;border-radius:0 .6rem .6rem 0;font-size:.8rem}
.dev-handoff-next p{margin-top:.15rem;font-size:.81rem}
.dev-handoff-footer{display:flex;gap:.45rem;align-items:center;border-top:1px solid var(--dev-border);padding-top:.75rem;font-size:.76rem;font-weight:650;color:var(--muted)}
.dev-handoff-footer span{color:var(--dev-green)}
.dev-jumps{border-bottom:1px solid var(--dev-border);background:#fff}
.dev-jumps .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem 1.9rem;min-height:3.8rem}
.dev-jumps a{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;font-size:.81rem;font-weight:650;color:var(--muted)}
.dev-jumps a:hover{color:var(--pink)}
.dev-jumps .dev-jump-pricing{margin-left:auto;color:var(--purple)}
.dev-page section[id]{scroll-margin-top:clamp(5rem,8vw,7rem)}
.dev-section{padding:clamp(3rem,6vw,5.5rem) 0}
.dev-tint{background:var(--dev-soft)}
.dev-intro{margin:1rem 0 0;color:var(--muted);max-width:62ch}
.dev-cards,.dev-steps,.dev-roles{display:grid;gap:1rem;margin-top:1.8rem}
.dev-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.dev-cards article,.dev-roles article{background:white;border:1px solid var(--dev-border);border-radius:1rem;padding:clamp(1rem,2.3vw,1.7rem)}
.dev-scope-cards article{background:linear-gradient(145deg,#fcfaff,#fff 75%);border-radius:1.15rem}
.dev-card-index{display:inline-grid;place-items:center;min-width:2.2rem;height:2.2rem;border-radius:.65rem;background:#f0e8f8;color:#5b387c;font-size:.78rem;font-weight:700;margin-bottom:1rem}
.dev-cards p,.dev-steps p,.dev-qa p{font-size:.92rem;color:var(--muted);margin-top:.65rem;line-height:1.65}
.dev-fit{margin-top:1rem;border-left:3px solid #cbbce8;background:var(--dev-soft);padding:1rem 1.2rem;border-radius:0 .65rem .65rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;font-size:.9rem;color:var(--muted)}
.dev-fit p,.dev-fit p+p{margin:0}.dev-fit strong{color:var(--ink)}
.dev-roles{grid-template-columns:1fr 1fr}
.dev-roles article:first-child{border-top:3px solid #a580ca}
.dev-roles article:last-child{border-top:3px solid #df85ad}
.dev-roles ul{margin:.8rem 0 0;padding-left:1.1rem;font-size:.92rem;color:var(--muted)}
.dev-roles li+li{margin-top:.5rem}
.dev-profile{margin-top:2rem}.dev-profile .dev-cards{margin-top:.85rem}
.dev-steps{list-style:none;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:1.2rem}
.dev-steps li{border-top:1px solid var(--dev-border);padding-top:1rem}
.dev-steps li>span{display:inline-grid;place-items:center;width:2.05rem;height:2.05rem;border-radius:50%;background:var(--dev-soft);color:var(--purple);font-size:.84rem;font-weight:700;margin-bottom:.75rem}
.dev-qa{margin-top:2rem;padding:clamp(1.1rem,3.5vw,2.25rem);border:1px solid #eadff3;border-radius:1.2rem;background:linear-gradient(110deg,#f2eafa,#fff2f7);display:flex;justify-content:space-between;align-items:center;gap:1.5rem}
.dev-qa .eyebrow{margin-bottom:.75rem}.dev-qa .button,.dev-last .button{flex-shrink:0}
.dev-capacity-intro,.dev-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,5vw,5rem);align-items:start}
.dev-capacity-intro{align-items:end;margin-bottom:1.75rem}.dev-capacity-intro p,.dev-planner-lead{color:var(--muted);font-size:.92rem;line-height:1.65}
.dev-calculator{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:white;border:1px solid var(--dev-border);border-radius:1.3rem;overflow:hidden;box-shadow:0 14px 45px #24134310}
.dev-planner-controls,.dev-planner-summary{padding:clamp(1.15rem,3.4vw,2.4rem);min-width:0}
.dev-planner-lead{margin:.4rem 0 .7rem}
.dev-calculator label{display:block;font-weight:600;font-size:.87rem;margin:1rem 0 .4rem}.dev-calculator label small{color:var(--muted);font-weight:400;margin-left:.35rem}
.dev-calculator input:not([type=radio]),.dev-calculator select{width:100%;min-height:46px;padding:.65rem .75rem;background:#fbfaff;border:1px solid #cec4de;border-radius:.6rem;color:var(--ink)}
.dev-planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .85rem}
.dev-planner-days{grid-column:1/-1;min-width:0;border:0;padding:0;margin:1rem 0 0}
.dev-planner-days legend{padding:0;margin:0 0 .4rem;font-size:.87rem;font-weight:600}
.dev-day-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}
.dev-day-options label{position:relative;margin:0;cursor:pointer}
.dev-day-options input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.dev-day-options span{display:grid;place-items:center;min-height:46px;border:1px solid #d7cbe5;border-radius:.65rem;background:#fbfaff;color:var(--purple);font-weight:700}
.dev-day-options input:checked+span{background:var(--purple);border-color:var(--purple);color:#fff}
.dev-day-options input:focus-visible+span{outline:2px solid var(--pink);outline-offset:3px}
.dev-day-options input:disabled+span{opacity:.45;cursor:not-allowed;background:#f1eef5}
.dev-billing{border-top:1px solid var(--dev-border);padding-top:.85rem;margin-top:1rem}
.dev-billing summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--purple)}
.dev-planner-summary{background:radial-gradient(ellipse at 100% 0,#52306e,transparent 60%),#26173f;color:#fff}
.dev-summary-tag{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.72rem;letter-spacing:.11em;font-weight:700;color:#e6d3fa}
.dev-summary-tag span{border:1px solid #ffffff45;border-radius:2rem;padding:.15rem .5rem;letter-spacing:.04em}
.dev-result{display:grid;gap:.7rem;margin-top:1rem}
.dev-result-total{display:grid;gap:.35rem;margin-bottom:.3rem}
.dev-result-total span{font-size:.85rem;color:#ede3f7}
.dev-result-total strong{font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}
.dev-result-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem .75rem;font-size:.82rem;border-top:1px solid #ffffff30;padding-top:.65rem;color:#ede3f7}
.dev-result-row strong{color:#fff}
.dev-planner-summary .dev-note{color:#e0d1ed;margin:1rem 0 1.2rem;font-size:.77rem}
.dev-planner-summary .button{min-height:44px;padding:.65rem 1.1rem;font-size:.85rem}
.dev-faq .faqs details p{max-width:65ch}
.dev-last{background:var(--purple);color:white}.dev-last .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem}.dev-last p{margin-top:1rem;color:#eeebfa}
@media(max-width:900px){.dev-hero-grid{gap:1.75rem}.dev-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-qa{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.dev-hero-grid,.dev-capacity-intro,.dev-calculator,.dev-faq,.dev-cards,.dev-roles,.dev-fit{grid-template-columns:1fr}.dev-last .wrap{align-items:flex-start;flex-direction:column}.dev-hero h1{max-width:17ch}.dev-page .actions{gap:.8rem 1.1rem}.dev-jumps .wrap{gap:0 1.2rem}.dev-jumps .dev-jump-pricing{margin-left:0}.dev-handoff-panel{min-height:0}}
@media(max-width:480px){.dev-planner-grid{grid-template-columns:1fr}.dev-handoff-tabs button span{display:none}.dev-jumps .wrap{display:grid;grid-template-columns:1fr 1fr}.dev-jumps a{font-size:.76rem}}
@media(max-width:370px){.dev-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.dev-handoff-panel:not([hidden]){animation:dev-panel-enter .2s ease-out}@keyframes dev-panel-enter{from{opacity:.78;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}