.dev-hero{background:linear-gradient(125deg,#111c30,#24415b);color:#fff;padding:78px 0 68px}.dev-hero h1{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.055em;line-height:1.07;margin:18px 0 22px}.dev-hero p{color:#d8e6f4;max-width:740px;font-size:1.1rem}.dev-actions,.dev-tags{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0}.dev-tags span{border:1px solid #7995ad66;border-radius:30px;padding:8px 14px;font-size:.84rem}.dev-hero .dev-fine{font-size:.79rem}.dev-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}.dev-card{display:flex;flex-direction:column;gap:14px;padding:25px;border:1px solid #d8e0e9;border-radius:20px;background:#fff}.dev-card[hidden]{display:none}.dev-card h3{font-size:1.34rem;margin:0}.dev-card p{color:#60748b;margin:0;flex:1}.dev-card strong{font-size:1.35rem;letter-spacing:-.03em}.dev-card small{color:#566c7f}.dev-card a{text-decoration:underline;text-underline-offset:5px;font-weight:700}.dev-card-icon{color:#0c8573;font-weight:800}.dev-estimator{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(295px,1fr);border-radius:22px;border:1px solid #d5e2eb;overflow:hidden;margin-top:27px;background:#fff}.dev-form,.dev-result{padding:30px}.dev-form>label{display:grid;gap:8px;margin-bottom:20px;font-weight:750}.dev-form select{min-height:44px;background:#fff;border:1px solid #adbecd;border-radius:9px;padding:8px;color:#182e41;width:100%}.dev-form input[type=range]{width:100%;accent-color:#0e8274;margin:0 0 22px}.dev-form .dev-range-head{display:flex;justify-content:space-between}.dev-form fieldset{border:0;padding:0;margin:15px 0 22px}.dev-form legend{font-weight:750;margin-bottom:15px}.dev-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dev-checks label,.dev-urgent{display:flex!important;align-items:center;gap:8px!important;margin:0!important;font-weight:500!important}.dev-form input[type=checkbox]{width:17px;height:17px;accent-color:#0e8274}.dev-urgent{margin:0 0 20px!important}.dev-result{background:#edf4fa;display:flex;flex-direction:column;gap:13px}.dev-result>strong{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em}.dev-result p{margin:0}.dev-gift{background:#ddf4e9;border-left:3px solid #108575;padding:17px;border-radius:0 12px 12px 0}.dev-gift p{font-size:.9rem;margin-top:8px}.dev-summary{white-space:pre-line;font-size:.85rem;line-height:1.6}.dev-small{font-size:.85rem;color:#60738a;line-height:1.55}.dev-scroll{overflow:auto;margin-top:22px}.dev-table{border-collapse:collapse;width:100%;min-width:550px}.dev-table th,.dev-table td{padding:15px;border-bottom:1px solid #dce4ee;text-align:left}.dev-table th{background:#eaf0f7}.dev-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.dev-steps article{background:#f0f4f8;border-radius:16px;padding:22px}.dev-steps span{color:#148875;font-weight:800}@media(max-width:920px){.dev-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-estimator{grid-template-columns:1fr}.dev-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.dev-hero{padding:55px 0}.dev-cards,.dev-checks,.dev-steps{grid-template-columns:1fr}.dev-form,.dev-result{padding:20px}}@media(prefers-reduced-motion:no-preference){.dev-card{transition:transform .2s ease,box-shadow .2s ease}.dev-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #11253d18}}

/* Development landing v2: product-led visual language */
.dev-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 38%,#174b57 0%,transparent 49%),linear-gradient(115deg,#081322 4%,#10273a 63%,#0b1829 100%);padding:86px 0 104px}
.dev-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a5ffe509 1px,transparent 1px),linear-gradient(90deg,#a5ffe509 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%);pointer-events:none}
.dev-hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:30px}
.dev-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #6df2d23f;border-radius:30px;background:#65f5d80b;color:#9ff1dc;letter-spacing:.09em;font-size:.72rem;font-weight:800}
.dev-live-dot{width:7px;height:7px;background:#63f4bd;border-radius:50%;box-shadow:0 0 0 4px #63f4bd26}
.dev-hero h1{font-size:clamp(2.7rem,4.5vw,5rem);line-height:1.065;letter-spacing:-.06em;max-width:780px;margin:26px 0}
.dev-hero h1 em{font-style:normal;color:#93ead7}
.dev-hero .dev-lead{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;max-width:640px;color:#c6d8e6}
.dev-hero .dev-actions{align-items:center;gap:20px;margin:29px 0 38px}
.dev-primary-action,.dev-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;font-size:.92rem;font-weight:800;text-decoration:none;border-radius:12px}
.dev-primary-action{padding:14px 20px;background:#a8f5df;color:#09271f;box-shadow:0 10px 32px #59ead01f}
.dev-primary-action:hover{background:#cdfdec;color:#09271f}
.dev-secondary-action{color:#e9f6ff;padding:12px 0}
.dev-secondary-action:hover{color:#9ff1dc}
.dev-trust-strip{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #cfe9ff2b;padding:23px 0 0}
.dev-trust-strip>div{display:flex;flex-direction:column;gap:5px}.dev-trust-strip b{font-size:1.35rem;color:#f1fcff;letter-spacing:-.035em}.dev-trust-strip span{font-size:.78rem;color:#9eb6c7}
.dev-hero .dev-fine{font-size:.74rem;line-height:1.55;max-width:610px;color:#91a9bd;margin-top:25px}
.dev-showcase{min-width:0;min-height:450px;position:relative;isolation:isolate;display:flex;align-items:center}
.dev-showcase-glow{position:absolute;z-index:-1;inset:5% 0 0 4%;border-radius:50%;background:radial-gradient(ellipse,#30e9c052 0%,#258aab25 35%,transparent 70%);filter:blur(23px)}
.dev-browser-demo{width:92%;border:1px solid #7bcfc84c;background:#fff;border-radius:17px;box-shadow:0 34px 78px #0007;transform:perspective(1100px) rotateY(-6deg) rotateX(3deg);overflow:hidden}
.dev-browser-top{height:37px;background:#f0f5f9;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#78909c;font:600 10px/1 sans-serif}
.dev-dots{display:flex;gap:5px}.dev-dots i{width:7px;height:7px;background:#bacbd5;border-radius:50%}.dev-dots i:first-child{background:#f4a3a3}
.dev-browser-body{display:grid;grid-template-columns:47px 1fr;min-height:287px;background:#fbfdff}
.dev-demo-side{background:#122d38;display:flex;flex-direction:column;gap:19px;align-items:center;padding:15px 8px}.dev-mark{font-size:18px;font-weight:900;color:#a6f3de}.dev-demo-side i{height:9px;width:16px;border-radius:3px;background:#4a7180}.dev-demo-side i:nth-of-type(1){background:#a4f2db}
.dev-demo-main{padding:22px 20px 18px;color:#172e3f}.dev-demo-caption{font-size:9px;letter-spacing:.15em;color:#3b8f85;font-weight:800}.dev-demo-title{font-weight:850;font-size:clamp(15px,2vw,23px);margin:6px 0 19px;letter-spacing:-.03em}.dev-demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dev-demo-stats>div{border:1px solid #e4ebf1;padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:3px}.dev-demo-stats small{font-size:10px;color:#68808f}.dev-demo-stats strong{font-size:clamp(16px,2vw,25px);letter-spacing:-.04em}.dev-demo-stats span{font-size:10px;color:#168c72}
.dev-demo-chart{height:94px;display:flex;align-items:end;gap:7px;margin-top:19px;padding:0 8px 3px;border-bottom:1px solid #e1e9ed}.dev-demo-chart span{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#49c6aa,#b8efe2)}.dev-demo-chart span:nth-child(2n){background:linear-gradient(#317e9e,#c8e6f1)}
.dev-phone-demo{position:absolute;right:-4%;bottom:-1%;width:37%;max-width:170px;min-width:126px;height:290px;border:6px solid #15232e;border-radius:28px;background:linear-gradient(#eefcf9,#fff);color:#172e3f;box-shadow:0 25px 46px #00182b7a;padding:33px 12px 12px;transform:rotate(8deg);display:flex;flex-direction:column}
.dev-phone-notch{position:absolute;top:7px;left:33%;right:33%;height:9px;border-radius:9px;background:#15232e}.dev-phone-label{font-size:7px;letter-spacing:.07em;font-weight:850;color:#378c7d;margin-bottom:13px}.dev-phone-demo strong{font-size:13px}.dev-phone-demo p{font-size:9px;color:#72909a;margin:4px 0 15px}.dev-phone-number{font-size:20px;font-weight:900;letter-spacing:-1px}.dev-phone-pill{font-size:8px;color:#158365;background:#c9f4e5;border-radius:10px;padding:5px;margin-top:10px;align-self:start}.dev-phone-bars{height:65px;display:flex;align-items:end;gap:6px;margin-top:13px}.dev-phone-bars i{flex:1;border-radius:3px 3px 0 0;background:#59bea9;height:43%}.dev-phone-bars i:nth-child(2){height:75%}.dev-phone-bars i:nth-child(3){height:58%}.dev-phone-bars i:nth-child(4){height:96%}.dev-phone-bars i:nth-child(5){height:80%}.dev-phone-menu{display:flex;justify-content:space-around;margin-top:auto;border-top:1px solid #d8e4e8;padding-top:7px;color:#549e91}
.dev-ai-float{position:absolute;left:-4%;bottom:4%;display:flex;gap:9px;align-items:center;background:#fff;color:#142d39;border-radius:13px;padding:12px 14px;box-shadow:0 16px 32px #00182b78;border:1px solid #d3e8e2;transform:rotate(-4deg)}.dev-ai-spark{width:35px;height:35px;background:#d5f9ee;border-radius:10px;display:grid;place-items:center;color:#147e69;font-size:21px}.dev-ai-float b,.dev-ai-float small{display:block}.dev-ai-float b{font-size:12px}.dev-ai-float small{font-size:9px;color:#6d8790;margin-top:3px}.dev-ai-tick{color:#188f72;font-weight:900}
.dev-accent{color:#128f7b}
#dev-prices,#dev-calculator{scroll-margin-top:85px}
.dev-cards{gap:20px}.dev-card{position:relative;min-height:238px;border-color:#dce7ec;border-radius:18px;padding:24px;box-shadow:0 8px 30px #16304709}.dev-card:hover{border-color:#85cfc0}.dev-card-top{display:flex;justify-content:space-between;align-items:center}.dev-card-icon{font-size:.8rem;letter-spacing:.08em;background:#e6f7f1;padding:9px 10px;border-radius:9px}.dev-card-arrow{font-size:23px;color:#4b7e79}.dev-card strong{font-size:1.4rem}.dev-card a{color:#087b69;text-decoration:none}.dev-card a:hover{text-decoration:underline}
.dev-estimator{box-shadow:0 20px 55px #1032480e;border-radius:24px}.dev-form{padding:35px}.dev-result{background:linear-gradient(155deg,#e5f4f2,#edf4fb);padding:35px}.dev-result>strong{color:#102e3c}
@media(max-width:980px){.dev-hero-layout{grid-template-columns:1fr}.dev-hero{padding:64px 0 75px}.dev-showcase{width:min(600px,92%);margin:0 auto;min-height:410px}.dev-hero h1{max-width:850px}}
@media(max-width:590px){.dev-hero{padding:42px 0 58px}.dev-kicker{font-size:.62rem}.dev-hero h1{font-size:clamp(2.25rem,9vw,3.6rem)}.dev-trust-strip{gap:18px}.dev-trust-strip b{font-size:1.05rem}.dev-showcase{min-height:310px;width:94%}.dev-browser-body{min-height:218px}.dev-demo-main{padding:13px 10px}.dev-demo-stats>div{padding:7px}.dev-demo-chart{height:60px}.dev-phone-demo{height:230px;min-width:106px;padding:29px 8px 8px}.dev-phone-number{font-size:15px}.dev-phone-demo p{margin-bottom:8px}.dev-ai-float{left:-1%;bottom:0;padding:8px}.dev-ai-float small{font-size:8px}.dev-ai-spark{width:27px;height:27px}.dev-form,.dev-result{padding:22px}}
@media(prefers-reduced-motion:reduce){.dev-browser-demo,.dev-phone-demo,.dev-ai-float{transform:none}.dev-card{transition:none}}

.dev-showcase-note{position:absolute;bottom:-28px;right:0;color:#a6bdc9;font-size:.69rem;line-height:1.4;text-align:right;max-width:330px}
.dev-card[data-selected="true"]{border-color:#42bfa8;box-shadow:0 12px 36px #078a7a20}
.dev-deliverables{margin:40px 0 24px;padding:27px;border:1px solid #d8e9e6;border-radius:20px;background:linear-gradient(110deg,#eaf9f4,#f5f9fd)}
.dev-deliverables h3{margin:0 0 18px;font-size:1.2rem}
.dev-deliverables>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dev-deliverables span{display:block;padding:12px 14px;border-radius:9px;background:#fff;color:#284b58;font-size:.91rem}
@media(max-width:590px){.dev-showcase-note{bottom:-33px;max-width:280px;font-size:.63rem}.dev-deliverables{padding:18px}.dev-deliverables>div{grid-template-columns:1fr}}

.dev-copy-estimate{align-self:flex-start;border:1px solid #81bcb1;color:#155d53;background:#f8fffc;padding:10px 14px;border-radius:9px;font-weight:700;cursor:pointer}.dev-copy-estimate:hover{background:#dcf8ed}.dev-copy-estimate:focus-visible{outline:3px solid #0c8274;outline-offset:3px}.dev-copy-status{display:block;font-size:.83rem;color:#365f66;line-height:1.5}.dev-copy-status:empty{display:none}