:root{--guide-navy:#111510;--guide-blue:#896b46;--guide-cyan:#d1ad74;--guide-paper:#f6f2ea;--guide-white:#f8f5ef;--guide-ink:#101c31;--guide-muted:#5d625f;--guide-line:#bbb6ac;--guide-gold:#d1ad74}
.beam-guide{background:var(--guide-paper);color:var(--guide-ink)}
.guide-hero{padding:64px 0 68px;background:radial-gradient(circle at 88% 12%,rgba(209,173,116,.16),transparent 25rem),linear-gradient(120deg,#111510,#252923);color:#fff}
.guide-hero-grid,.guide-intro-grid,.guide-step-grid,.guide-conversion-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px;align-items:center}
.guide-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px;color:#aaa399;font-size:13px}.guide-breadcrumb a{color:#ddd8cf}.guide-breadcrumb a:hover{color:#fff}
.beam-guide .eyebrow{margin:0 0 12px;color:#896b46;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.guide-hero .eyebrow{color:#d1ad74}.guide-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(42px,5.5vw,72px);line-height:1.02;letter-spacing:-.045em}.guide-lead{max-width:720px;margin:22px 0 0;color:#ddd8cf;font-size:18px;line-height:1.65}
.guide-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:3px;background:#f8f5ef;color:var(--guide-navy);font-weight:800}.guide-button:hover{background:#e8dfd0;color:#111510}.guide-text-link{color:#fff;font-weight:700}.guide-text-link:hover{color:#d1ad74}
.guide-hero-summary{padding:30px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}.guide-hero-summary span,.guide-hero-summary small{display:block;color:#c9c5bc}.guide-hero-summary span{margin-bottom:12px;color:#d1ad74;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.guide-hero-summary strong{display:block;font-size:18px;line-height:1.6}.guide-hero-summary small{margin-top:12px;font-size:13px}
.guide-intro{padding:72px 0;border-bottom:1px solid var(--guide-line);background:#e9e4da}.guide-intro h2,.guide-step h2,.guide-errors h2,.guide-conversion h2{margin:0;color:var(--guide-ink);font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.035em}.guide-intro p:not(.eyebrow){max-width:680px;margin:18px 0 0;color:var(--guide-muted);line-height:1.75}
.guide-units{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid var(--guide-line);background:#f8f5ef}.guide-units div{padding:18px;border-right:1px solid #d5d0c7;border-bottom:1px solid #d5d0c7}.guide-units div:nth-child(2n){border-right:0}.guide-units div:nth-last-child(-n+2){border-bottom:0}.guide-units dt{color:var(--guide-muted);font-size:12px}.guide-units dd{margin:5px 0 0;color:var(--guide-navy);font-weight:800}
.guide-step{padding:88px 0;background:var(--guide-paper)}.guide-step-alt{border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line);background:#e9e4da}.guide-step-grid{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr)}.guide-step-results .guide-step-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;margin-bottom:24px;border:1px solid var(--guide-line);color:var(--guide-blue);font-size:13px;font-weight:800}.guide-copy ol{margin:26px 0 0;padding-left:21px;color:var(--guide-muted)}.guide-copy li{margin:0 0 13px;padding-left:7px;line-height:1.65}.guide-copy strong{color:var(--guide-ink)}
.guide-check{margin:28px 0 0;padding:18px 19px;border-left:3px solid var(--guide-blue);background:#f8f5ef;color:var(--guide-muted);line-height:1.65}.guide-check-wide{max-width:none;margin-top:26px;border:1px solid var(--guide-line);border-left:3px solid var(--guide-blue)}
.guide-figure{overflow:hidden;margin:0;border:1px solid var(--guide-line);background:#fff;box-shadow:0 20px 50px rgba(17,21,16,.08)}.guide-figure img{display:block;width:100%;height:auto}.guide-figure figcaption{display:flex;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid #d5d0c7;color:var(--guide-muted);font-size:13px;line-height:1.5}.guide-figure figcaption span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--guide-navy);color:#fff;font-weight:800}
.guide-section-heading{display:grid;grid-template-columns:60px minmax(0,820px);gap:24px;align-items:start;margin-bottom:38px}.guide-section-heading .step-number{margin:0}.guide-section-heading p:not(.eyebrow){margin:16px 0 0;color:var(--guide-muted);line-height:1.7}
.load-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.load-grid article{overflow:hidden;border:1px solid var(--guide-line);background:#f8f5ef}.load-grid img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;object-position:center}.load-grid article:first-child img{aspect-ratio:2/1;object-fit:contain;background:#f8f5ef}.load-grid article div{padding:20px}.load-grid h3{margin:0;color:var(--guide-navy);font-size:18px}.load-grid p{margin:8px 0 0;color:var(--guide-muted);font-size:14px;line-height:1.6}
.guide-errors{padding:80px 0;background:#111510;color:#fff}.guide-errors .eyebrow{color:#d1ad74}.guide-errors h2{color:#fff}.error-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.18)}.error-list>div{padding:28px;border-right:1px solid rgba(255,255,255,.18)}.error-list>div:last-child{border-right:0}.error-list strong{color:#d1ad74;font-size:12px}.error-list h3{margin:18px 0 8px;color:#fff}.error-list p{margin:0;color:#d5d7d1;line-height:1.65}
.guide-conversion{padding:80px 0;background:#d6d0c5}.guide-conversion-grid{grid-template-columns:minmax(0,1fr) auto}.guide-conversion p:not(.eyebrow){max-width:760px;margin:18px 0 0;color:var(--guide-muted);line-height:1.75}.guide-conversion-actions{display:flex;align-items:center;flex-direction:column;gap:16px}.guide-conversion .guide-button{background:var(--guide-navy);color:#fff}.guide-conversion .guide-button:hover{background:#30352e}.guide-conversion-actions>a:last-child{color:var(--guide-navy);font-size:13px;font-weight:700}
.annotated-image{position:relative;overflow:hidden;background:#fff}.focus-marker{--marker-size:36px;position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;width:var(--marker-size);height:var(--marker-size);place-items:center;border:3px solid #fff;border-radius:50%;background:#111510;color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:0 0 0 4px rgba(209,173,116,.92),0 7px 20px rgba(17,21,16,.3);transform:translate(-50%,-50%)}.focus-marker:after{position:absolute;top:50%;left:calc(100% + 5px);width:var(--line-length,42px);height:2px;background:#896b46;content:"";transform:rotate(var(--line-angle,0deg));transform-origin:left center}.focus-marker.line-left:after{right:calc(100% + 5px);left:auto;transform-origin:right center}.focus-marker.no-line:after{display:none}.image-step-list{display:grid;gap:0;margin:0;padding:0;border-top:1px solid #d5d0c7;list-style:none}.image-step-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:11px 16px;border-bottom:1px solid #e2ddd4;color:#535b56;font-size:12px;line-height:1.5}.image-step-list li:last-child{border-bottom:0}.image-step-list span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#111510;color:#fff;font-size:10px;font-weight:800}.image-step-list strong{color:#101c31}.load-grid .annotated-image img{width:100%}.load-grid .image-step-list{border-top:0}.load-grid .image-step-list li{padding:9px 14px}
@media(max-width:900px){.guide-hero-grid,.guide-intro-grid,.guide-step-grid,.guide-step-results .guide-step-grid,.guide-conversion-grid{grid-template-columns:1fr;gap:38px}.guide-step-results .guide-figure{order:2}.guide-step-results .guide-copy{order:1}.guide-conversion-actions{align-items:flex-start}.guide-hero-summary{max-width:540px}}
@media(max-width:650px){.guide-hero{padding:42px 0 48px}.guide-hero h1{font-size:42px}.guide-lead{font-size:16px}.guide-actions{align-items:flex-start;flex-direction:column;gap:18px}.guide-button{width:100%}.guide-intro,.guide-step,.guide-errors,.guide-conversion{padding:58px 0}.guide-units,.load-grid,.error-list{grid-template-columns:1fr}.guide-units div,.guide-units div:nth-child(2n),.guide-units div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #d5d0c7}.guide-units div:last-child{border-bottom:0}.guide-section-heading{grid-template-columns:1fr;gap:14px}.error-list>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.error-list>div:last-child{border-bottom:0}.load-grid img,.load-grid article:first-child img{aspect-ratio:auto;object-fit:contain}.guide-figure figcaption{align-items:flex-start}.focus-marker{--marker-size:30px;font-size:11px;box-shadow:0 0 0 3px rgba(209,173,116,.95),0 5px 12px rgba(17,21,16,.3)}.focus-marker:after{width:var(--line-length,26px)}}