.svc-page.dev-page{padding-top:0;background:var(--svc-bg,#09090e)}.dev-page .svc-hero-title em{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.app-hero-mockup{--mx:0;--my:0;perspective:1200px;width:100%;max-width:560px;margin-inline:auto}.app-hero-mockup>*{transform:rotateY(calc(var(--mx)*8deg)) rotateX(calc(var(--my)*-6deg));transition:transform .12s ease-out}.app-mock-chrome{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:10px 10px 0 0;padding:.55rem .9rem;color:rgba(255,255,255,.45);font-size:.72rem;backdrop-filter:blur(12px)}.app-mock-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.app-mock-dot:first-child{background:#ff5f57}.app-mock-dot:nth-child(2){background:#febc2e}.app-mock-dot:nth-child(3){background:#28c840}.app-mock-url{flex:1;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mock-badge{font-size:.58rem;font-weight:700;padding:.12rem .4rem;border-radius:4px;background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3);flex-shrink:0}.app-mock-body{display:grid;grid-template-columns:1fr 1fr;background:rgba(8,9,18,.9);border:1px solid rgba(255,255,255,.08);border-radius:0 0 0 0;overflow:hidden;backdrop-filter:blur(12px);min-height:220px}.app-mock-editor{border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;font-family:var(--font-mono,"JetBrains Mono",monospace)}.app-mock-editor-header{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.app-mock-editor-tab{font-size:.58rem;padding:.3rem .55rem;color:rgba(255,255,255,.3);cursor:default;white-space:nowrap;border-right:1px solid rgba(255,255,255,.05)}.app-mock-editor-tab--active{background:rgba(59,130,246,.1);color:#60a5fa;border-bottom:1px solid #3b82f6}.app-mock-code{flex:1;padding:.5rem 0;overflow:hidden}.app-mock-line{display:flex;align-items:baseline;gap:.4rem;padding:0 .5rem;line-height:1.65}.app-mock-ln{font-size:.52rem;color:rgba(255,255,255,.15);min-width:14px;text-align:right;user-select:none;flex-shrink:0}.app-mock-cursor{width:1.5px;height:10px;background:#60a5fa;margin:.2rem .5rem;animation:appCursorBlink 1s ease-in-out infinite}@keyframes appCursorBlink{0%,to{opacity:1}50%{opacity:0}}.app-tok-comment{font-size:.6rem;color:rgba(255,255,255,.25);font-style:italic}.app-tok-kw{font-size:.6rem;color:#c792ea;font-weight:600}.app-tok-fn{font-size:.6rem;color:#82aaff}.app-tok-str{font-size:.6rem;color:#c3e88d}.app-tok-plain{font-size:.6rem;color:rgba(255,255,255,.6)}.app-tok-key{font-size:.6rem;color:#f07178}.app-mock-response{display:flex;flex-direction:column;font-family:var(--font-mono,"JetBrains Mono",monospace)}.app-mock-response-header{display:flex;align-items:center;gap:.5rem;padding:.3rem .55rem;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.06)}.app-mock-status{font-size:.58rem;font-weight:700;padding:.12rem .4rem;border-radius:4px}.app-mock-status--ok{background:rgba(62,207,142,.15);color:#3ecf8e;border:1px solid rgba(62,207,142,.3)}.app-mock-response-label{font-size:.55rem;color:rgba(255,255,255,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-mock-json{flex:1;padding:.4rem .55rem;overflow:hidden}.app-mock-json-line{line-height:1.6}.app-mock-typing-cursor{display:inline-block;width:5px;height:10px;background:#3ecf8e;vertical-align:middle;animation:appCursorBlink .8s ease-in-out infinite}.app-mock-response-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.3rem .55rem;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.05);font-size:.55rem;color:rgba(255,255,255,.25);font-family:var(--font-mono,"JetBrains Mono",monospace)}.app-mock-deploy-dot{color:#3ecf8e}.app-mock-deploy-dot:before{content:""}.app-mock-stack{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.45rem .75rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-top:none;border-radius:0 0 10px 10px}.app-mock-stack-pill{font-size:.58rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;background:rgba(59,130,246,.08);color:rgba(96,165,250,.8);border:1px solid rgba(59,130,246,.2)}.app-mock-stack-pill--green{background:rgba(62,207,142,.08);color:rgba(62,207,142,.8);border-color:rgba(62,207,142,.2)}@media (prefers-reduced-motion:reduce){.app-mock-cursor,.app-mock-typing-cursor{animation:none;opacity:1}}.dev-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:2.5rem}.dev-type{display:grid;grid-template-columns:56px 1fr;gap:1rem;padding:1.65rem;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 28px -16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s,border-color .3s}.dev-type:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.35);box-shadow:0 1px 4px rgba(0,0,0,.05),0 20px 40px -16px rgba(59,130,246,.25)}.dev-type-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(6,182,212,.08));border:1px solid rgba(59,130,246,.2);display:grid;place-items:center;font-size:1.6rem}.dev-type-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--fg);margin:0 0 .5rem}.dev-type-desc{font-size:.88rem;line-height:1.65;color:var(--fg-secondary);margin:0 0 .85rem}.dev-type-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem}.dev-type-stack-chip{font-family:var(--font-mono,monospace);font-size:.7rem;font-weight:500;padding:.22rem .55rem;background:#f3f4f6;color:var(--fg);border-radius:6px;border:1px solid var(--border)}.dev-type-price{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:#3b82f6;margin:0;padding-top:.75rem;border-top:1px dashed rgba(17,17,17,.08)}.dev-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:2.5rem}.dev-example{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.65rem;transition:transform .3s,border-color .3s,background .3s}.dev-example:hover{transform:translateY(-3px);border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.04)}.dev-example-sector{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#60a5fa;margin:0 0 .4rem}.dev-example-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 .75rem;line-height:1.35}.dev-example-scope{font-size:.88rem;line-height:1.65;color:rgba(255,255,255,.62);margin:0 0 .9rem}.dev-example-stack{font-family:var(--font-mono,monospace);font-size:.78rem;color:rgba(255,255,255,.7);margin:0;padding-top:.85rem;border-top:1px dashed rgba(255,255,255,.08)}.dev-example-stack-label{font-weight:700;color:#60a5fa;margin-right:.25rem}