.jetrix-layer-guide *{box-sizing:border-box}
.jetrix-layer-guide .preview{font-size:11px;letter-spacing:2px;color:#66c9e8}
.jetrix-layer-guide section{padding:100px 0;border-bottom:1px solid #ffffff1a}
.jetrix-layer-guide .intro{padding-top:80px}
.jetrix-layer-guide .kicker{font-size:13px;letter-spacing:2.4px;color:#61c6f1;font-weight:600;margin-bottom:20px}
.jetrix-layer-guide h1,.jetrix-layer-guide h2,.jetrix-layer-guide h3{line-height:1.08;font-weight:600;letter-spacing:-1.5px;margin:0 0 32px}
.jetrix-layer-guide h1{font-size:clamp(48px,6vw,80px)}
.jetrix-layer-guide h2{font-size:clamp(36px,4.6vw,60px)}
.jetrix-layer-guide h3{font-size:27px;letter-spacing:-.5px;margin:14px 0 22px}
.jetrix-layer-guide em{font-style:normal;color:#48b8f3}
.jetrix-layer-guide p{color:#afbec8;max-width:900px;margin:0 0 22px}
.jetrix-layer-guide .lead{font-size:26px;line-height:1.45;max-width:880px}
.jetrix-layer-guide strong{color:#eff8ff;font-weight:600}
.jetrix-layer-guide nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}
.jetrix-layer-guide nav a{border:1px solid #ffffff2b;border-radius:5px;padding:10px 20px;color:#d9ebf7;text-decoration:none;font-size:16px}
.jetrix-layer-guide nav a:hover{background:#124563;border-color:#48b8f3}
.jetrix-layer-guide .copy{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.jetrix-layer-guide figure{margin:34px 0 28px;background:#101f2c;border:1px solid #8bd3f420;border-radius:12px;overflow:hidden}
.jetrix-layer-guide figure img{display:block;width:100%;height:auto}
.jetrix-layer-guide .stage-labels{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff16}
.jetrix-layer-guide .stage-labels.two{grid-template-columns:1fr 1fr}
.jetrix-layer-guide .stage-labels div{padding:24px 26px;border-right:1px solid #ffffff16}
.jetrix-layer-guide .stage-labels b{display:block;color:#75d6e4;font-size:15px;letter-spacing:1px}
.jetrix-layer-guide .stage-labels span{display:block;color:#b2c3cf;font-size:16px;margin-top:6px}
.jetrix-layer-guide figcaption{padding:18px 26px;font-size:13px;color:#859caa;border-top:1px solid #ffffff12}
.jetrix-layer-guide aside{border-left:2px solid #62cecf;background:linear-gradient(100deg,#44b8cb12,transparent);padding:24px 28px}
.jetrix-layer-guide aside b{font-size:24px;font-weight:600}
.jetrix-layer-guide aside p{font-size:18px;margin:10px 0 0}
.jetrix-layer-guide .examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.jetrix-layer-guide .examples article{padding:28px 24px;border:1px solid #ffffff1c;border-radius:10px;background:#13212b;display:flex;flex-direction:column}
.jetrix-layer-guide .number{font-size:13px;color:#6ccfe9;letter-spacing:2px}
.jetrix-layer-guide .examples p{font-size:17px}
.jetrix-layer-guide .stack{display:flex;flex-direction:column;gap:5px;margin:auto 0 22px;padding-top:12px;min-height:205px;justify-content:end}
.jetrix-layer-guide .coat{display:block;padding:7px 12px;border-radius:3px;font-size:14px;border:1px solid #ffffff25}
.jetrix-layer-guide .color{background:linear-gradient(110deg,#116c85,#193e75,#6b4531);color:white}
.jetrix-layer-guide .white{background:#f2f4f4;color:#17242b}
.jetrix-layer-guide .primer{background:#1c57594d;color:#93dddf;border:1px dashed #55aaae}
.jetrix-layer-guide .glass{background:repeating-linear-gradient(110deg,#ffffff03 0 12px,#ffffff0c 13px 15px);color:#bbcbd2}
.jetrix-layer-guide .varnish{background:#e3af3920;color:#f1d497;border-color:#d9b75688}
.jetrix-layer-guide .viewer{font-size:12px;text-align:center;letter-spacing:1px;color:#8dcede}
.jetrix-layer-guide .examples .sequence{font-size:14px;color:#83cbdc;margin-bottom:14px}
.jetrix-layer-guide .examples .example{font-size:15px;margin:0;border-top:1px solid #ffffff15;padding-top:15px}
.jetrix-layer-guide .note{font-size:14px;padding:24px 0;margin-bottom:0}
.jetrix-layer-guide .closing p{max-width:700px}
.jetrix-layer-guide .cta{display:inline-flex;gap:34px;align-items:center;background:#087ed1;color:#fff;padding:14px 24px;border-radius:5px;text-decoration:none;margin-top:14px}
.jetrix-layer-guide .cta span{font-family:Arial}
.jetrix-layer-guide a:focus-visible{outline:2px solid #f1d497;outline-offset:5px}
@media(max-width:760px){.jetrix-layer-guide section{padding:62px 0}
.jetrix-layer-guide .intro{padding-top:52px}
.jetrix-layer-guide .lead{font-size:22px}
.jetrix-layer-guide .copy{grid-template-columns:1fr;gap:0}
.jetrix-layer-guide .examples{grid-template-columns:1fr}
.jetrix-layer-guide .stage-labels div{padding:14px 10px}
.jetrix-layer-guide .stage-labels b{font-size:11px;letter-spacing:.4px}
.jetrix-layer-guide .stage-labels span{font-size:13px;line-height:1.35}
.jetrix-layer-guide figcaption{padding:14px;font-size:12px}
.jetrix-layer-guide aside{padding:20px}
.jetrix-layer-guide aside b{font-size:21px}
.jetrix-layer-guide h2{letter-spacing:-1px}
.jetrix-layer-guide nav{gap:8px}
.jetrix-layer-guide nav a{font-size:14px;padding:8px 12px}
.jetrix-layer-guide .preview{font-size:10px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){}
.jetrix-layer-guide .workflow{display:flex;align-items:center;gap:22px;padding:30px;border:1px solid #48b8f344;background:#132532;border-radius:10px;margin:32px 0 50px}
.jetrix-layer-guide .workflow>div{flex:1}
.jetrix-layer-guide .workflow>b,.jetrix-layer-guide .workflow b{font-size:12px;letter-spacing:1.5px;color:#6ecedc}
.jetrix-layer-guide .workflow h3{font-size:24px;margin:10px 0 14px}
.jetrix-layer-guide .workflow p{font-size:16px;margin:0}
.jetrix-layer-guide .workflow>span{font-size:30px;color:#62cbdc}
.jetrix-layer-guide .modes-heading{font-size:25px;line-height:1.25}
.jetrix-layer-guide .modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.jetrix-layer-guide .modes article{padding:25px;border:1px solid #ffffff1a;background:#13212b;border-radius:9px}
.jetrix-layer-guide .modes h3{font-size:23px}
.jetrix-layer-guide .recipe{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 20px}
.jetrix-layer-guide .recipe span{padding:5px 10px;border-radius:4px;border:1px solid #ffffff20;font-size:14px}
.jetrix-layer-guide .recipe i{font-style:normal;color:#8bc5d5}
.jetrix-layer-guide .modes p{font-size:17px;margin-bottom:0}
@media(max-width:760px){.jetrix-layer-guide .workflow{flex-direction:column;align-items:stretch;padding:22px;gap:18px}
.jetrix-layer-guide .workflow>span{transform:rotate(90deg);align-self:center;line-height:1}
.jetrix-layer-guide .modes{grid-template-columns:1fr}
.jetrix-layer-guide .modes article{padding:22px}}
.jetrix-layer-guide .manual-proof{margin:55px 0;padding-top:50px;border-top:1px solid #ffffff25}
.jetrix-layer-guide .manual-title{font-size:36px}
.jetrix-layer-guide .manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.jetrix-layer-guide .manual-grid article{background:#13212b;padding:24px;border:1px solid #ffffff1b;border-radius:10px}
.jetrix-layer-guide .manual-grid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.jetrix-layer-guide .manual-grid article:last-child>.number,.jetrix-layer-guide .manual-grid article:last-child>h3{grid-column:1/-1}
.jetrix-layer-guide .manual-grid article:last-child>figure:not(.manual-control){grid-column:2;grid-row:3/6;margin-top:0}
.jetrix-layer-guide .manual-grid article p{font-size:17px}
.jetrix-layer-guide .manual-grid figure{margin:22px 0}
.jetrix-layer-guide .manual-control img{width:auto;max-width:100%;margin:18px auto}
.jetrix-layer-guide .manual-control{background:#0b1319}
.jetrix-layer-guide .manual-control figcaption{font-size:12px}
.jetrix-layer-guide .file-modes{font-size:16px;margin:25px 0}
.jetrix-layer-guide .file-modes>div{border-bottom:1px solid #ffffff1b;padding:12px 0}
.jetrix-layer-guide .file-modes dt{font-weight:600;color:#67d3e4}
.jetrix-layer-guide .file-modes dd{margin:5px 0;color:#afbec8}
.jetrix-layer-guide .manual-details{padding:22px 24px;margin-top:24px;border:1px solid #ffffff20;border-radius:8px;background:#14252f}
.jetrix-layer-guide .manual-details summary{cursor:pointer;color:#c1e8fa;font-size:17px}
.jetrix-layer-guide .manual-details p{font-size:16px;margin:20px 0 0}
@media(max-width:760px){.jetrix-layer-guide .manual-grid{grid-template-columns:1fr}
.jetrix-layer-guide .manual-title{font-size:29px}
.jetrix-layer-guide .manual-grid article:last-child{display:block}
.jetrix-layer-guide .manual-grid article{padding:20px}
.jetrix-layer-guide .manual-details{padding:20px}}
.jetrix-layer-guide .tandem-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.jetrix-layer-guide .tandem-stages article{background:#13212b;border:1px solid #ffffff1c;border-radius:10px;padding:24px 20px}
.jetrix-layer-guide .tandem-stages h3{font-size:24px;line-height:1.2;min-height:86px}
.jetrix-layer-guide .tandem-stages figure{margin:20px 0}
.jetrix-layer-guide .tandem-stages p{font-size:17px;margin:0}
.jetrix-layer-guide .tandem-gui{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:45px}
.jetrix-layer-guide .tandem-gui h3{font-size:30px}
.jetrix-layer-guide .tandem-gui p{font-size:17px}
.jetrix-layer-guide .tandem-controls img{padding:20px;background:#10202b}
.jetrix-layer-guide .tandem-gui figure{margin:0}
@media(max-width:760px){.jetrix-layer-guide .tandem-stages,.jetrix-layer-guide .tandem-gui{grid-template-columns:1fr}
.jetrix-layer-guide .tandem-stages h3{min-height:0}
.jetrix-layer-guide .tandem-stages article{padding:22px 18px}
.jetrix-layer-guide .tandem-gui{gap:20px}}
.jetrix-layer-guide .tandem-stages .jlg-enlarge{position:static;display:block;right:auto;top:auto;margin:0;border:0;border-top:1px solid #74c5ee33;padding:6px;background:#0d263c;color:#d3efff;border-radius:0;text-align:center;font-size:12px}
.jetrix-layer-guide .gui-tagline{color:#71d4dc;font-weight:600;font-size:20px;max-width:900px;margin:28px 0;padding-left:18px;border-left:2px solid #71d4dc}
.jetrix-layer-guide{background:#0e171d;color:#f5f8fa;font-family:Barlow,Arial,sans-serif;font-size:19px;line-height:1.6;scroll-margin-top:100px}
.jetrix-layer-guide .jlg-wrap{max-width:1240px;margin:auto;padding:0 38px}
.jetrix-layer-guide h2{font-size:clamp(36px,4.6vw,60px);color:#f5f8fa}
.jetrix-layer-guide h3{color:#f5f8fa}
.jetrix-layer-guide section{scroll-margin-top:110px}
.jetrix-layer-guide section:last-child{border-bottom:0}
.jetrix-layer-guide a{font-family:inherit}
.jetrix-layer-guide .gui-benefit{margin-top:16px}
.jetrix-layer-guide .jlg-image{display:block;position:relative;overflow:hidden;aspect-ratio:auto;background:transparent;border:0;border-radius:0;text-decoration:none}
.jetrix-layer-guide .jlg-image img{width:100%;height:auto;object-fit:contain;transform:none}
.jetrix-layer-guide .jlg-enlarge{position:absolute;right:12px;top:12px;background:#0d263cdb;color:#d3efff;border:1px solid #74c5ee66;padding:5px 12px;border-radius:4px;font-size:12px;letter-spacing:.5px}
.jetrix-layer-guide .manual-control .jlg-image img{width:auto;max-width:100%;margin:18px auto}
.jetrix-layer-guide .manual-control .jlg-enlarge{display:none}
.jetrix-layer-guide .tandem-stages .jlg-enlarge{position:static;display:block;right:auto;top:auto;margin:0;border:0;border-top:1px solid #74c5ee33;padding:6px;background:#0d263c;color:#d3efff;border-radius:0;text-align:center;font-size:12px}
.jetrix-layer-guide .manual-grid article:last-child>figure:not(.manual-control){grid-column:2;grid-row:3/6;margin-top:0}
@media(max-width:760px){.jetrix-layer-guide .jlg-wrap{padding:0 20px}.jetrix-layer-guide h2{font-size:36px}}

.jetrix-layer-guide,.jetrix-layer-guide section{scroll-margin-top:185px}
@media(max-width:760px){.jetrix-layer-guide,.jetrix-layer-guide section{scroll-margin-top:145px}}