.dev-page{max-width:1200px;margin:auto}.dev-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:72px 0 48px}.dev-hero .eyebrow{display:flex;gap:15px;align-items:center}.dev-hero .eyebrow small{border:1px solid #dbcdd5;padding:4px 8px;border-radius:5px;letter-spacing:0}.dev-hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:24px 0}.dev-hero h1 em{color:#b84970;font-style:normal}.dev-lead{font-size:17px;line-height:1.75;color:#786b75;max-width:570px}.dev-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 16px}.dev-actions a,.dev-cta a{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.dev-secondary{padding:14px 22px;border:1px solid #cbbbc5;border-radius:8px;color:#45343e;font-weight:600}.dev-meta,.dev-small{font-size:12px;color:#796e75;line-height:1.7}.dev-terminal{background:#302530;color:#eee3ea;border:1px solid #594852;border-radius:18px;box-shadow:0 22px 55px #37202f18;transform:rotate(1deg);overflow:hidden}.dev-terminal>div{display:flex;justify-content:space-between;border-bottom:1px solid #594852;padding:16px 24px;font:12px monospace}.dev-terminal>div>span:first-child{color:#ba809a;letter-spacing:5px}.dev-terminal pre{padding:18px 28px;white-space:pre-wrap;font:14px/1.8 'Courier New',monospace;overflow-wrap:anywhere}.dev-terminal>p{padding:0 28px 18px;font-size:11px;color:#bcaab8}.dev-muted{color:#b7a4b2}.dev-pink{color:#ffa8ca}.dev-green{color:#bae0b6}.dev-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e4dce0;padding:27px 0;gap:20px;color:#80707b;font-size:13px}.dev-stats span{display:flex;gap:12px;align-items:center}.dev-stats b{font-size:27px;color:#45303f}.dev-section{padding:64px 0}.dev-section-head h2,.dev-install h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:12px 0 18px}.dev-section-head>p:last-child{color:#80707b;line-height:1.7}.dev-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.dev-cards article{border:1px solid #e5dae1;border-radius:13px;padding:28px;background:#fffdfc}.dev-cards article>span{font:11px monospace;letter-spacing:1.5px;color:#a45677}.dev-cards h3{font-size:22px;margin:22px 0 12px}.dev-cards p,.dev-boundaries p{font-size:14px;line-height:1.8;color:#7e717b}.dev-demo-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#f4eef1;border:1px solid #e1d4dc;border-radius:12px 12px 0 0;padding:15px}.dev-demo-toolbar label{font-size:12px;color:#7e6877;display:grid;gap:6px;margin-right:auto}.dev-demo-toolbar select,.dev-demo-toolbar button{font:inherit;background:white;border:1px solid #d6c5d0;padding:10px 14px;border-radius:6px;color:#503a49;cursor:pointer}.dev-demo-toolbar a{font-size:13px;padding:12px;color:#8d4061}.dev-demo-toolbar select{min-width:190px}.dev-demo #dev-drawing{min-height:290px;max-height:460px;overflow:auto;border:1px solid #e1d4dc;border-top:0;border-radius:0 0 12px 12px;background:#fff;background-image:radial-gradient(#eae0e7 1px,transparent 1px);background-size:17px 17px;padding:30px;display:flex;align-items:center;justify-content:center}.dev-demo #dev-drawing svg{max-width:100%;max-height:380px;width:auto;height:auto}.dev-demo #dev-demo-status{font-size:13px;color:#46694b;margin:16px 0}.dev-demo #dev-demo-warnings{font-size:12px;color:#8e5725}.dev-install{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid #e4dce0}.dev-install p{line-height:1.75;color:#81707b;font-size:14px}.dev-install label{display:block;font-size:13px;color:#68525f;margin-bottom:8px}.dev-install input{font:13px monospace;padding:13px;width:100%;background:white;border:1px solid #d8c7d1;border-radius:6px;box-sizing:border-box}.dev-install h3{margin-top:28px}.dev-code{position:relative;border:1px solid #e4dce0;background:#f6f1f4;border-radius:10px;padding:44px 20px 18px;margin:12px 0}.dev-code pre{margin:0;font:12px/1.9 'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.dev-code button{position:absolute;top:10px;right:12px;border:1px solid #d6c5d0;border-radius:5px;background:#fff;padding:5px 10px;font-size:11px;cursor:pointer}.dev-boundaries{border-top:1px solid #e4dce0}.dev-boundaries h2{font-size:28px}.dev-boundaries>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.dev-cta{display:flex;justify-content:space-between;align-items:center;background:#f1e5eb;padding:36px 42px;border-radius:14px;margin:0 0 60px;gap:20px}.dev-cta h2{font-size:30px;margin:10px 0}.dev-page a:focus-visible,.dev-page button:focus-visible,.dev-page select:focus-visible,.dev-page input:focus-visible{outline:3px solid #b84970;outline-offset:4px}@media(max-width:850px){.dev-hero{gap:30px}.dev-install{gap:30px}.dev-stats{grid-template-columns:repeat(2,1fr)}.dev-cards article{padding:20px}.dev-hero h1{letter-spacing:-1.8px}}@media(max-width:620px){.dev-hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.dev-hero h1{font-size:40px}.dev-terminal{transform:none}.dev-cards,.dev-install,.dev-boundaries>div{grid-template-columns:1fr}.dev-section{padding:38px 0}.dev-cta{padding:24px;flex-direction:column;align-items:start}.dev-demo #dev-drawing{padding:12px;min-height:220px}.dev-demo-toolbar label{width:100%}.dev-stats span{font-size:12px}.dev-install{gap:24px}}