.developers-shell{max-width:1240px;margin:auto;padding:146px 24px 88px}
.developers-hero{min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding-bottom:6rem}
.developers-hero h1{max-width:770px;margin:.8rem 0 0;font-size:clamp(3.4rem,5.9vw,6.2rem);line-height:.98;letter-spacing:-.065em}
.developers-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(110deg,var(--purple-light),var(--purple) 50%,var(--orange));background-clip:text;-webkit-background-clip:text}
.developers-lede{max-width:650px;margin:1.7rem 0 0;color:var(--muted);font-size:clamp(1.02rem,1.4vw,1.15rem);line-height:1.7}
.developers-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}
.developers-hero-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2.1rem}
.developers-hero-tags span{padding:.45rem .62rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);font:.62rem var(--mono)}
.developers-code-visual{overflow:hidden;border:1px solid rgba(139,92,246,.36);border-radius:20px;background:#171321;color:#f2edf9;box-shadow:0 30px 70px rgba(33,20,58,.22)}
.developers-code-top{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#211a30}
.developers-code-top>span,.developers-policy-example-top>span{display:flex;gap:.3rem}
.developers-code-top i,.developers-policy-example-top i{width:7px;height:7px;border-radius:50%;background:#645770}
.developers-code-top i:first-child,.developers-policy-example-top i:first-child{background:#ed8243}
.developers-code-top strong{color:#d7c9ef;font:.68rem var(--mono)}
.developers-code-top small{margin-left:auto;color:#af91ef;font:.58rem var(--mono)}
.developers-code-body{padding:clamp(1.2rem,3vw,2rem);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 55%)}
.developers-code-body p{margin:0 0 1.4rem;color:#c3a9ff;font:.6rem var(--mono);letter-spacing:.1em}
.developers-code-body pre,.developers-example-code pre{margin:0;overflow:auto;color:#eee9f7;font:clamp(.72rem,1vw,.86rem)/1.9 var(--mono);tab-size:4}
.developers-code-body code,.developers-example-code code{font:inherit}
.developers-code-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.3rem;padding:1.2rem;border:1px solid rgba(139,92,246,.25);border-radius:10px;background:rgba(139,92,246,.12)}
.developers-code-result span{color:#bba2f3;font:.58rem var(--mono)}
.developers-code-result strong{font:600 .87rem var(--display)}
.developers-code-foot{padding:1.2rem;color:#a99cb8;font:.59rem var(--mono);text-align:center}
.developers-section{padding:6rem 0;border-top:1px solid var(--line)}
.developers-section-head{max-width:870px}
.developers-section h2,.developers-final h2{margin:.8rem 0 0;font-size:clamp(2.5rem,4.7vw,4.8rem);line-height:1.05;letter-spacing:-.055em}
.developers-section-head>p:last-child,.developers-example>div:first-child>p:not(.page-kicker),.developers-policy-copy>p:not(.page-kicker),.developers-final p:not(.page-kicker){max-width:700px;color:var(--muted);line-height:1.7}
.developers-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:2.8rem}
.developers-problem-grid article,.developers-model-grid article,.developers-service-grid a,.developers-start-grid a{padding:1.45rem;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.developers-problem-grid article{min-height:240px}
.developers-problem-grid article:nth-child(2){background:radial-gradient(circle at 100% 0,rgba(249,115,22,.12),transparent 65%),var(--panel)}
.developers-problem-grid span,.developers-model-grid span,.developers-service-grid span,.developers-start-grid span{color:var(--purple-light);font:.61rem var(--mono);letter-spacing:.08em}
.developers-problem-grid h3{margin:2.6rem 0 .6rem;font-size:1.27rem;line-height:1.2}
.developers-problem-grid p,.developers-model-grid p,.developers-service-grid p,.developers-start-grid p{color:var(--muted);font-size:.84rem;line-height:1.62}
.developers-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:2.8rem}
.developers-model-grid article{min-height:235px;border-color:rgba(139,92,246,.24)}
.developers-model-grid article:nth-child(2){background:radial-gradient(circle at 100% 0,rgba(139,92,246,.15),transparent 60%),var(--panel)}
.developers-model-grid h3{margin:2.6rem 0 .55rem;font-size:1.38rem}
.developers-model-note{max-width:820px;margin:1.6rem 0 0;padding:1.1rem 1.3rem;border-left:3px solid var(--orange);background:rgba(139,92,246,.06);color:var(--muted);font-size:.8rem;line-height:1.6}
.developers-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.developers-text-link{color:var(--purple-light);font-size:.85rem;font-weight:600;text-decoration:none}
.developers-text-link:hover{text-decoration:underline}
.developers-example-code{overflow:hidden;border:1px solid rgba(139,92,246,.34);border-radius:16px;background:#171321;box-shadow:0 25px 60px rgba(33,20,58,.13)}
.developers-example-code>div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);color:#c3a9ff;font:.6rem var(--mono)}
.developers-example-code pre{padding:1.8rem}
.developers-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:2.8rem 0 1.6rem}
.developers-service-grid a,.developers-start-grid a{display:block;min-height:210px;color:var(--white);text-decoration:none;transition:border-color .15s,transform .15s}
.developers-service-grid a:hover,.developers-start-grid a:hover{border-color:var(--purple);transform:translateY(-3px)}
.developers-service-grid h3{display:flex;justify-content:space-between;gap:.5rem;margin:2.3rem 0 .5rem;font-size:1.25rem}
.developers-service-grid h3 i{color:var(--orange);font-style:normal}
.developers-policy{display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.developers-policy-copy ul{display:grid;gap:.6rem;margin:1.5rem 0;padding-left:1.25rem}
.developers-policy-copy li{font-size:.85rem;line-height:1.5}
.developers-policy-copy li::marker{color:var(--purple)}
.developers-policy-example{overflow:hidden;margin:0;border:1px solid rgba(139,92,246,.34);border-radius:17px;background:#171321;color:#f2edf9;box-shadow:0 25px 65px rgba(33,20,58,.16)}
.developers-policy-example-top{display:flex;align-items:center;gap:.8rem;padding:.95rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.1);background:#211a30}
.developers-policy-example-top strong{color:#d7c9ef;font:.67rem var(--mono)}
.developers-policy-example-top small{margin-left:auto;color:#c3a9ff;font:.57rem var(--mono);white-space:nowrap}
.developers-policy-example-code{padding:clamp(1.2rem,2.5vw,2rem);background:radial-gradient(circle at 100% 0,rgba(139,92,246,.14),transparent 60%)}
.developers-policy-example-code p{margin:0 0 1.25rem;color:#c3a9ff;font:.59rem var(--mono);letter-spacing:.09em}
.developers-policy-example-code pre{margin:0;overflow-x:auto;color:#eee9f7;font:clamp(.65rem,.9vw,.78rem)/1.6 var(--mono);tab-size:2}
.developers-policy-example-code code{font:inherit}
.developers-policy-example figcaption{display:grid;gap:.4rem;padding:1rem 1.3rem;border-top:1px solid rgba(255,255,255,.1);color:#c9bed8;font-size:.73rem;line-height:1.5}
.developers-policy-example figcaption strong{color:#f2edf9;font:600 .79rem var(--display)}
.developers-policy-example figcaption code{color:#d0b6ff;font:.7rem var(--mono)}
.developers-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:2.8rem}
.developers-start-grid a{min-height:235px}
.developers-start-grid h3{margin:2.2rem 0 .5rem;font-size:1.32rem}
.developers-start-grid strong{display:block;margin-top:1.4rem;color:var(--purple-light);font-size:.78rem}
.developers-final{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:4rem clamp(1.5rem,4vw,3rem);border-radius:20px;background:radial-gradient(circle at 88% 5%,rgba(249,115,22,.19),transparent 42%),linear-gradient(125deg,#271b42,#171221);color:#f8f5ff}
.developers-final>div{max-width:750px}
.developers-final .page-kicker{color:#bda5ff}
.developers-final h2{font-size:clamp(2.4rem,4vw,4rem)}
.developers-final p:not(.page-kicker){color:#d1c9df}
.developers-final .button{flex:none}
@media(max-width:980px){.developers-hero,.developers-example,.developers-policy{grid-template-columns:1fr}.developers-code-visual,.developers-example-code,.developers-policy-example{max-width:760px}.developers-hero{min-height:0}.developers-policy-copy{max-width:760px}}
@media(max-width:760px){.developers-shell{padding:118px 20px 60px}.developers-hero{padding-bottom:4rem}.developers-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.developers-section{padding:4rem 0}.developers-problem-grid,.developers-model-grid,.developers-service-grid,.developers-start-grid{grid-template-columns:1fr}.developers-problem-grid article,.developers-model-grid article,.developers-service-grid a,.developers-start-grid a{min-height:0}.developers-problem-grid h3,.developers-model-grid h3,.developers-service-grid h3,.developers-start-grid h3{margin-top:1.6rem}.developers-final{align-items:start;flex-direction:column}}
@media(max-width:500px){.developers-code-result{align-items:start;flex-direction:column}.developers-code-body pre,.developers-example-code pre{font-size:.68rem}.developers-example-code pre{padding:1.2rem}.developers-policy-example-top{flex-wrap:wrap}.developers-policy-example-top small{width:100%;margin-left:0}.developers-policy-example-code pre{font-size:.57rem}.developers-final .button{width:100%;text-align:center}}