:root{--gg:#a8d957;--gl:#31453a;--gm:#a8b1aa;--eb:#007f84}.ebird-guide-page{background:#090e0b;color:#f1f5ee}.ebird-guide-shell{max-width:1500px;margin:auto;padding:44px 34px 100px}.guide-back{display:inline-flex;color:#aab5ac;text-decoration:none;font-weight:700;margin-bottom:35px}.guide-back:hover,.ebird-guide-link:hover{color:var(--gg)}.ebird-guide-link{display:inline-flex;align-items:center;gap:18px;margin-top:8px;padding:12px 17px;border:1px solid #66816d;border-radius:9px;color:#eef6e9;text-decoration:none;font-weight:800}.ebird-guide-link i{font-style:normal;color:var(--gg)}.guide-hero{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:35px 0 65px;border-bottom:1px solid var(--gl)}.guide-hero h1{margin:10px 0 18px;font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.07em}.guide-hero h1 em{font-style:normal;color:var(--gg)}.guide-hero p{max-width:760px;color:#b5beb7;font-size:1.1rem;line-height:1.75}.guide-flow{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--gl);border-radius:14px;background:#0e1712}.guide-flow span{padding:10px 14px;border-radius:8px;background:#16241c;font-weight:800}.guide-flow i{color:var(--gg);font-style:normal}.guide-notice{display:grid;grid-template-columns:190px 1fr;gap:25px;margin:34px 0;padding:23px 26px;border-left:4px solid var(--gg);background:#111a14}.guide-notice p{margin:0;color:#b4bdb6;line-height:1.65}.guide-steps{display:grid;gap:24px}.guide-step{position:relative;display:grid;grid-template-columns:70px minmax(260px,.7fr) minmax(430px,1.3fr);gap:32px;align-items:center;padding:34px;border:1px solid var(--gl);border-radius:18px;background:linear-gradient(135deg,#101914,#0b110e)}.guide-step.reverse .step-copy{order:3}.guide-step.reverse>.ebird-screen,.guide-step.reverse>.birdpx-screen{order:2}.step-number{align-self:start;color:#5f7466;font-weight:800}.step-copy>span,.guide-result .overline{color:var(--gg);font-size:.72rem;font-weight:800;letter-spacing:.18em}.step-copy h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.05;margin:10px 0 16px}.step-copy p{color:var(--gm);line-height:1.7;margin:0 0 15px}.step-copy a{display:inline-flex;margin-top:8px;padding:12px 15px;border:1px solid #55705e;border-radius:8px;color:#eef4e8;text-decoration:none;font-weight:800}.step-copy a:hover{border-color:var(--gg);color:var(--gg)}.step-tip{padding:12px 14px;border-radius:8px;background:#18231c;color:#ced8cf!important;font-size:.9rem}.ebird-screen,.mail-screen,.birdpx-screen{position:relative;min-height:310px;border-radius:13px;overflow:hidden;background:#f5f7f6;color:#1b2929;box-shadow:0 22px 48px #0008}.screen-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;background:var(--eb);color:white}.screen-top b{font-size:1.4rem}.screen-top span{font-size:.78rem}.screen-body{padding:30px}.screen-body>small{color:#718181;font-weight:800}.screen-body h3{margin:8px 0 13px;font-size:1.6rem}.screen-body p{color:#596868;line-height:1.5}.screen-panel{display:flex;flex-direction:column;gap:6px;margin-top:22px;padding:18px;background:white;border:1px solid #d5dddd}.screen-panel span{color:#677575;font-size:.85rem}.request-screen button,.mail-message button{padding:13px 17px;background:#f2a900;color:#172322;border:0;border-radius:5px;font-weight:800}.request-screen strong{display:block;margin-top:16px;color:#167048}.screen-marker{position:absolute;right:15px;bottom:15px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--gg);color:#102019;box-shadow:0 0 0 8px #a8d95730}.mail-screen{background:#edf1ef}.mail-head{display:flex;gap:25px;padding:15px 20px;background:#d9e0dc;color:#6f7b74}.mail-message{margin:22px;padding:24px;background:white;border-radius:7px}.mail-message h3{margin:7px 0;font-size:1.5rem}.mail-message p{color:#68756d}.zip-file,.drop-file{display:flex;align-items:center;gap:13px;margin-top:18px;padding:12px;border:1px solid #d5dcd7;border-radius:7px}.zip-file i,.drop-file i{display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:#dbe9dc;color:#356543;font-style:normal;font-size:.7rem;font-weight:900}.zip-file span,.drop-file span{display:flex;flex:1;flex-direction:column}.zip-file small,.drop-file small{color:#7a867e}.birdpx-screen{padding:32px;background:linear-gradient(135deg,#17271d,#0c1410);color:#eef4e9}.birdpx-screen>small{color:var(--gg);font-weight:800;letter-spacing:.14em}.birdpx-screen h3{font-size:1.7rem}.birdpx-screen .drop-file{border:1px dashed #62806b;background:#111b15}.birdpx-screen .drop-file i{background:#294133;color:#cdec9e}.birdpx-screen .drop-file>strong{color:var(--gg);font-size:1.3rem}.birdpx-screen>button{width:100%;margin-top:17px;padding:14px;border:0;border-radius:7px;background:var(--gg);color:#102019;font-weight:900}.guide-result{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;margin-top:35px;padding:45px;border:1px solid var(--gl);border-radius:18px;background:#0e1611}.guide-result h2{font-size:2.5rem;margin:10px 0}.guide-result ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.guide-result li{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #2a3d31;background:#111c15}.guide-result li span{color:#9eaaa1;line-height:1.5}.guide-cta{text-align:center;margin-top:35px;padding:60px 25px;border-radius:18px;background:linear-gradient(120deg,#1a3825,#102218)}.guide-cta h2{font-size:3rem;margin:0 0 8px}.guide-cta p{color:#b8c5ba}.guide-cta a{display:inline-flex;gap:35px;margin-top:15px;padding:16px 20px;border-radius:9px;background:var(--gg);color:#102019;text-decoration:none;font-weight:900}@media(max-width:900px){.ebird-guide-shell{padding:28px 16px 70px}.guide-hero,.guide-result{grid-template-columns:1fr}.guide-flow{justify-self:start}.guide-step,.guide-step.reverse{grid-template-columns:45px 1fr;padding:22px;gap:18px}.guide-step .step-copy,.guide-step.reverse .step-copy{order:initial;grid-column:2}.guide-step>.ebird-screen,.guide-step>.mail-screen,.guide-step>.birdpx-screen,.guide-step.reverse>.ebird-screen,.guide-step.reverse>.birdpx-screen{order:initial;grid-column:1/-1}.guide-result ul{grid-template-columns:1fr}.guide-notice{grid-template-columns:1fr}}@media(max-width:520px){.guide-hero h1{font-size:3.2rem}.guide-flow{gap:6px;flex-wrap:wrap}.guide-flow span{padding:8px}.ebird-screen,.mail-screen,.birdpx-screen{min-height:280px}.screen-body,.birdpx-screen{padding:22px}.guide-result{padding:25px}.guide-cta h2{font-size:2rem}.screen-top span{display:none}}