/* Software guides share the approved AnalogToCan palette and typography. */
.guide-page{--guide-blue:#0759df;--guide-border:#d8dad2;--guide-muted:#606860;color:#242925;background:#f5f4ef;font-family:Inter,Arial,sans-serif;padding-bottom:1px}
.guide-page *{box-sizing:border-box}
.guide-page .guide-hero,.guide-page .guide-flow,.guide-page .guide-index,.guide-page .guide-license,.guide-page .guide-downloads,.guide-page .guide-cta{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.guide-page .guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center;padding:72px 0 64px}
.guide-page .guide-kicker{font:11px/1.6 var(--br-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--guide-muted);margin:0 0 19px}
.guide-page h1{font-size:clamp(42px,5.1vw,70px);line-height:1.05;font-weight:600;letter-spacing:-.055em;margin:0 0 26px;overflow-wrap:anywhere}
.guide-page .guide-lead{font-size:18px;line-height:1.7;max-width:55ch;margin:0;color:var(--guide-muted)}
.guide-page .guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.guide-page .guide-button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:13px 18px;background:transparent;border:1px solid var(--guide-border);border-radius:12px;font:500 13px/1.5 Inter,Arial,sans-serif;cursor:pointer;color:#242925;text-decoration:none;transition:background .15s,border-color .15s}
.guide-page .guide-button-primary{background:var(--guide-blue);color:#fff;border-color:var(--guide-blue)}
.guide-page .guide-button:hover{background:#eeede7;border-color:#606860;color:#242925}
.guide-page .guide-button-primary:hover{background:#0646ad;color:white;border-color:#0646ad}
.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-page input:focus-visible{outline:2px solid var(--guide-blue);outline-offset:4px}
.guide-page .guide-workflow{background:#fff;border:1px solid var(--guide-border);border-radius:12px;padding:26px 30px;min-width:0}
.guide-page .guide-workflow-top{display:flex;justify-content:space-between;gap:16px;color:var(--guide-muted);font:10px/1.6 var(--br-mono,monospace);letter-spacing:.07em;border-bottom:1px solid var(--guide-border);padding-bottom:20px}
.guide-page .guide-workflow ol{list-style:none;margin:0;padding:0}
.guide-page .guide-workflow li{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--guide-border)}
.guide-page .guide-workflow li:last-child{padding-bottom:0;border-bottom:0}
.guide-page .guide-node{width:42px;height:42px;display:grid;place-items:center;background:#edf3ff;color:var(--guide-blue);border-radius:10px;font:12px var(--br-mono,monospace)}
.guide-page .guide-workflow strong{font-size:16px;font-weight:550;letter-spacing:-.025em}
.guide-page .guide-workflow p{font-size:12px;margin:6px 0 0;color:var(--guide-muted);line-height:1.6}
.guide-page .guide-workflow li>span:last-child{color:var(--guide-blue)}
.guide-page .guide-index{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;border-block:1px solid var(--guide-border);padding:22px 0}
.guide-page .guide-index strong{font-size:12px;font-weight:550;flex-basis:100%;margin-bottom:4px}
.guide-page .guide-index a{display:inline-flex;align-items:center;min-height:32px;font-size:12px;text-decoration:none;color:var(--guide-muted)}
.guide-page .guide-index a:hover{color:var(--guide-blue);text-decoration:underline;text-underline-offset:4px}
.guide-page .guide-flow{padding-bottom:20px}
.guide-page .guide-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,72px);align-items:start;padding:64px 0;border-bottom:1px solid var(--guide-border);scroll-margin-top:100px}
.guide-page .guide-copy{min-width:0}
.guide-page h2{font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:600;letter-spacing:-.045em;margin:0 0 24px}
.guide-page h3{font-size:23px;line-height:1.25;margin:30px 0 15px;letter-spacing:-.035em}
.guide-page .guide-copy>h3:first-child{margin-top:0}
.guide-page .guide-copy p,.guide-page .guide-copy li{font-size:14px;line-height:1.85;color:var(--guide-muted)}
.guide-page .guide-copy p{margin:0 0 20px;max-width:66ch}
.guide-page .guide-copy a{color:var(--guide-blue);text-underline-offset:3px}
.guide-page .guide-copy strong{font-weight:600;color:#242925}
.guide-page .guide-copy .guide-kicker{font-size:11px;line-height:1.6;margin-bottom:16px}
.guide-page .guide-section-media{position:sticky;top:100px;min-width:0}
.guide-page .guide-media{padding:14px;border:1px solid var(--guide-border);border-radius:12px;background:#eeede7;overflow:hidden}
.guide-page .guide-media img,.guide-page .guide-media video{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.guide-page .guide-media img{background:transparent}
.guide-page .guide-steps{margin:24px 0;padding:0 0 0 29px}
.guide-page .guide-steps li{padding:0 0 14px 9px}
.guide-page .guide-steps li::marker{color:var(--guide-blue);font:500 12px/1.6 var(--br-mono,monospace)}
.guide-page .guide-features{list-style:none;padding:0;margin:25px 0 0}
.guide-page .guide-features li{padding:12px 0;border-bottom:1px solid var(--guide-border);display:flex;gap:15px}
.guide-page .guide-features li:before{content:'↗';color:var(--guide-blue)}
.guide-page .guide-heading{padding-top:48px;margin-bottom:0}
.guide-page .guide-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:50px 0 65px}
.guide-page .guide-cta h2{max-width:790px;font-size:clamp(28px,3.5vw,42px)}
.guide-page .guide-cta p{font-size:15px;line-height:1.8;max-width:66ch;color:var(--guide-muted)}
.guide-page .guide-cta .guide-button{flex-shrink:0}
.guide-page .guide-downloads{border-bottom:1px solid var(--guide-border);padding:32px 0}
.guide-page .guide-downloads-inner{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.guide-page .guide-downloads h2{margin:0 auto 0 0;font-size:25px}
.guide-page .guide-license{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border:1px solid var(--guide-border);background:white;border-radius:12px;padding:30px;margin-bottom:48px}
.guide-page .guide-license h2{font-size:32px}
.guide-page .guide-license-intro>p:last-child{font-size:14px;line-height:1.8;color:var(--guide-muted);max-width:45ch}
.guide-page .guide-license .card-body{padding:0}
.guide-page .guide-license label{display:block;margin:0 0 9px;font-size:13px;font-weight:500}
.guide-page .guide-license input{display:block;width:100%;min-width:0;padding:12px;border:1px solid var(--guide-border);border-radius:8px;font:14px Inter,Arial,sans-serif;margin-bottom:18px}
.guide-page .guide-license .form-group{margin-top:16px}
.guide-page .guide-license .form-group:first-child{margin-top:0}
.guide-page .guide-license .error{display:block;color:#b42318;font-size:13px;margin-top:16px}
.guide-page .guide-case-hero{display:block;padding:64px 0}
.guide-page .guide-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.guide-page .guide-case-visual{background:#eeede7;border:1px solid var(--guide-border);border-radius:12px;overflow:hidden}
.guide-page .guide-case-visual img{display:block;width:100%;height:390px;object-fit:cover}
.guide-page .guide-case-index>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;width:100%}
.guide-page .guide-case-index span{font-size:12px;font-weight:550;margin-right:12px}
@media(max-width:1100px){.guide-page .guide-hero,.guide-page .guide-flow,.guide-page .guide-index,.guide-page .guide-license,.guide-page .guide-downloads,.guide-page .guide-cta{width:calc(100% - 48px)}.guide-page .guide-hero,.guide-page .guide-hero-grid{gap:38px}.guide-page .guide-workflow{padding:24px}.guide-page .guide-workflow li{gap:12px}.guide-page .guide-license{gap:30px}}
@media(max-width:800px){.guide-page .guide-hero,.guide-page .guide-hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.guide-page .guide-hero{padding:42px 0}.guide-page .guide-section{grid-template-columns:minmax(0,1fr);gap:25px;padding:40px 0}.guide-page .guide-section-media{position:static}.guide-page .guide-hero-copy{max-width:680px}.guide-page .guide-workflow{max-width:680px}.guide-page .guide-license{grid-template-columns:minmax(0,1fr);gap:22px}.guide-page .guide-cta{flex-direction:column;align-items:flex-start;gap:20px}.guide-page .guide-case-visual img{height:auto}.guide-page .guide-section .guide-copy p{max-width:75ch}}
@media(max-width:600px){.guide-page .guide-hero,.guide-page .guide-flow,.guide-page .guide-index,.guide-page .guide-license,.guide-page .guide-downloads,.guide-page .guide-cta{width:calc(100% - 40px)}.guide-page h1{font-size:clamp(36px,10vw,48px)}.guide-page .guide-lead{font-size:16px}.guide-page .guide-workflow{padding:20px}.guide-page .guide-workflow strong{font-size:15px}.guide-page .guide-workflow-top{font-size:9px}.guide-page .guide-index{gap:4px 20px}.guide-page .guide-index a{min-height:40px}.guide-page .guide-media{padding:8px}.guide-page .guide-license{padding:22px}.guide-page .guide-downloads-inner{align-items:flex-start}.guide-page .guide-downloads h2{width:100%;margin-bottom:8px}.guide-page .guide-cta{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.guide-page .guide-button{transition:none}}

.portal-guide-figure{margin:0}.portal-guide-figure+.portal-guide-figure{margin-top:24px}.portal-guide-figure>a{display:block}.portal-guide-figure img{height:auto}.portal-guide-figure figcaption{padding:14px 18px;font-size:12px;line-height:1.6;color:#606860;background:#faf9f6;border-top:1px solid #e1e1dc}