.onboarding-guide{--guide-ink:#142b1c;--guide-green:#1f5a36;--guide-lime:#a3d65c;--guide-cream:#f2f7e5;--guide-line:#cddbc3;background:var(--guide-cream);min-height:100vh;color:var(--guide-ink);overflow:clip}.onboarding-guide :focus-visible{outline-offset:4px;outline:3px solid #77aa34}.guide-hero{isolation:isolate;color:#fff;background:#0c2015;min-height:min(760px,100svh - 80px);margin-top:-80px;position:relative;overflow:hidden}.guide-hero:before{z-index:-1;content:"";background:linear-gradient(90deg,#081b10fa 4%,#081b10e0 49%,#081b1061),linear-gradient(#0000 65%,#081b10e6);position:absolute;inset:0}.guide-hero-photo{z-index:-2;opacity:.48;background:url(/african-agriculture-field-verification-landscape.jpg) 50%/cover no-repeat;position:absolute;inset:0}.guide-hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(100% - 10vw,1440px);min-height:min(760px,100svh - 80px);margin:auto;padding-top:132px;padding-bottom:72px;display:grid;position:relative}.guide-hero-copy{max-width:760px;animation:.75s cubic-bezier(.2,.8,.2,1) both guide-rise}.guide-kicker,.guide-section-label{color:var(--guide-lime);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 1.4rem;font-size:.76rem;font-weight:700;display:flex}.guide-kicker span{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #a3d65c29}.guide-hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:850px;margin:0;font-size:clamp(3.8rem,6.8vw,7.5rem);font-weight:700;line-height:.99}.guide-hero h1 em{color:var(--guide-lime);font-style:normal}.guide-hero-description{color:#d9e5d3;max-width:52ch;margin:1.8rem 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.guide-start{background:var(--guide-lime);color:#132817;border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;min-height:54px;margin-top:2.25rem;padding:.85rem 1.25rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.guide-start:hover{background:#b9e77d;transform:translateY(-3px)}.guide-hero-meta{color:#c0d4bd;letter-spacing:.035em;flex-wrap:wrap;align-items:center;gap:.55rem;margin:2.35rem 0 0;font-size:.78rem;font-weight:500;display:flex}.guide-hero-meta span{background:var(--guide-lime);border-radius:50%;width:3px;height:3px}.guide-hero-screens{width:min(100%,540px);height:560px;margin:0 auto;animation:.95s cubic-bezier(.2,.8,.2,1) .12s both guide-float-in;position:relative}.guide-hero-screen{background:#fff;border:7px solid #172a1b;border-radius:28px;width:245px;position:absolute;overflow:hidden;box-shadow:0 30px 60px #00000059}.guide-hero-screen img{width:100%;height:auto;display:block}.guide-hero-screen-back{transform-origin:50%;opacity:.88;top:12px;left:8%;transform:rotate(-9deg)scale(.86)}.guide-hero-screen-front{top:32px;right:5%;transform:rotate(7deg)}.guide-hero-proof{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e2818e6;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:1.25rem;padding:.9rem 1.1rem;font-size:.83rem;font-weight:700;display:inline-flex;position:absolute;bottom:3rem;right:0;box-shadow:0 16px 40px #00000038}.guide-hero-proof span{background:var(--guide-lime);color:#17341d;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.guide-chapters{z-index:20;border-bottom:1px solid var(--guide-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7faeff0;position:sticky;top:84px}.guide-chapters-inner{align-items:center;gap:1.8rem;width:min(100% - 8vw,1440px);margin:auto;display:flex}.guide-chapters-label{color:#4c7050;letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:.72rem;font-weight:700}.guide-chapters-links{scrollbar-width:none;gap:1.6rem;min-width:0;display:flex;overflow-x:auto}.guide-chapters-links::-webkit-scrollbar{display:none}.guide-chapters-links a{color:#36533c;border-bottom:2px solid #0000;flex:none;align-items:center;gap:.3rem;min-height:64px;font-size:.83rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.guide-chapters-links a:hover,.guide-chapters-links a:focus-visible{color:#153a20;border-color:#7ab843}.guide-chapters-links a span{color:#83aa70;font-size:.66rem}.guide-content-shell{width:min(100% - 8vw,1240px);margin:0 auto}.guide-introduction{grid-template-columns:1fr 1fr;align-items:end;gap:4rem;padding:clamp(5rem,9vw,9rem) 0 4rem;display:grid}.guide-section-label{color:#4d8b33;margin-bottom:1.4rem}.guide-introduction h2,.guide-outro h2{letter-spacing:-.065em;text-wrap:balance;max-width:750px;margin:0;font-size:clamp(2.8rem,5.2vw,5.8rem);font-weight:700;line-height:1.03}.guide-introduction>p{color:#4b6250;max-width:50ch;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.guide-role-section{border-top:1px solid var(--guide-line);padding:4rem 0 2rem;scroll-margin-top:165px}.guide-role-section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:0 4rem;margin-bottom:2.75rem;display:grid}.guide-role-section-heading .guide-section-label{grid-column:1/-1}.guide-role-section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,4vw,4.6rem);font-weight:700;line-height:1.08}.guide-role-section-heading>p:last-child{color:#536a55;max-width:49ch;margin:0;font-size:1rem;line-height:1.6}.guide-role-path{border-top:1px solid var(--guide-line);grid-template-columns:minmax(135px,.45fr) minmax(230px,1fr) minmax(300px,1.15fr);gap:2rem;padding:2.3rem 0;transition:padding-left .25s,background .25s;display:grid}.guide-role-path:last-child{border-bottom:1px solid var(--guide-line)}.guide-role-path:hover{background:#ffffff4d;padding-left:.6rem}.guide-role-index,.guide-role-person{color:#5a8a45;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.guide-role-index{padding-top:.35rem}.guide-role-path h3{letter-spacing:-.04em;max-width:18ch;margin:0 0 .7rem;font-size:clamp(1.45rem,2.3vw,2.35rem);font-weight:700;line-height:1.15}.guide-role-path p{color:#536a55;max-width:44ch;margin:0 0 1rem;font-size:.9rem;line-height:1.55}.guide-role-steps{flex-wrap:wrap;align-items:flex-start;gap:.5rem 1.2rem;display:flex}.guide-role-steps a{color:#1c5430;border-bottom:1px solid #a6c596;align-items:center;gap:.45rem;padding:.35rem 0;font-size:.84rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.guide-role-steps a:hover{color:#113c23;border-color:#1c5430}.guide-role-steps a span:first-child{color:#7fa86a;font-size:.67rem}.guide-role-steps a span:last-child{margin-left:.2rem}.guide-flow{color:#58715c;justify-content:space-between;gap:.7rem;padding:2.7rem 0;font-size:.76rem;font-weight:600;display:flex}.guide-flow>*{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.guide-flow>:not(:last-child):after{content:"→";color:#7cad55;margin-left:clamp(.3rem,3vw,3rem)}.guide-flow strong{color:var(--guide-green)}.guide-story .part{border-top:1px solid var(--guide-line);padding:clamp(5rem,9vw,9rem) 0 clamp(4.5rem,7vw,7rem);scroll-margin-top:165px}.guide-story .part-head{grid-template-columns:90px minmax(0,1fr);align-items:start;gap:1rem;max-width:1050px;display:grid}.guide-story .part-num{color:#79ad3c;letter-spacing:-.09em;font-size:clamp(3rem,6vw,6rem);font-weight:700;line-height:.9}.guide-story .part h2{letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,5vw,5rem);font-weight:700;line-height:1.05}.guide-story .part>p{color:#536a55;max-width:69ch;margin:1.8rem 0 0 106px;font-size:1.05rem;line-height:1.72}.guide-story strong{color:#173e25;font-weight:700}.guide-story em{font-style:italic}.guide-story .steps{counter-reset:guide-step;gap:0;margin-top:clamp(3rem,6vw,6rem);display:grid}.guide-story .step{border-top:1px solid var(--guide-line);counter-increment:guide-step;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,8rem);min-height:610px;padding:3rem 0;display:grid}.guide-story .step:last-child{border-bottom:1px solid var(--guide-line)}.guide-story .shot{background:#e4eed7 radial-gradient(circle at 22% 20%,#fffc,#0000 45%);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;margin:0;padding:2.2rem 1rem;display:flex}.guide-story .shot-open{max-width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:20px;padding:0;display:block;position:relative}.guide-story .shot-open-accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-story .shot-open-hint{color:#fff;letter-spacing:.02em;opacity:.9;background:#0e2917e6;border-radius:999px;padding:.5rem .7rem;font-size:.67rem;font-weight:700;transition:transform .2s,opacity .2s;position:absolute;bottom:.8rem;right:.8rem}.guide-story .shot-open:hover .shot-open-hint,.guide-story .shot-open:focus-visible .shot-open-hint{opacity:1;transform:translateY(-3px)}.guide-story .step.rev .shot{background-color:#dce9cf}.guide-story .shot img{aspect-ratio:349/760;border:1px solid #15361e1f;border-radius:20px;width:238px;max-width:100%;height:auto;transition:transform .35s,box-shadow .35s;display:block;box-shadow:0 22px 42px #17371e29}.guide-story .shot img[width="757"]{aspect-ratio:757/760;width:517px}.guide-story .shot:hover img{transform:translateY(-7px);box-shadow:0 30px 52px #17371e33}.guide-story .shot figcaption{color:#426349;text-align:center;max-width:35ch;margin-top:1.1rem;font-size:.75rem;line-height:1.45}.guide-story .step-body:before{color:#598d3e;content:"STEP " counter(guide-step, decimal-leading-zero);letter-spacing:.15em;margin-bottom:1.5rem;font-size:.72rem;font-weight:700;display:block}.guide-story .step-body h3{letter-spacing:-.055em;text-wrap:balance;max-width:19ch;margin:0 0 1.3rem;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:700;line-height:1.15}.guide-story .step-body p{color:#4e6553;max-width:58ch;margin:0 0 1rem;font-size:1rem;line-height:1.7}.guide-story .step-body p:last-child{margin-bottom:0}.guide-story .tap,.guide-story code{color:#244b2e;background:#dce9cd;border-radius:.35rem;padding:.13rem .4rem;font-size:.87em;font-weight:700}.guide-story .chip{color:#386c35;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700;display:inline-block}.guide-story .note{background:#e2efd4;border-left:4px solid #82b43f;border-radius:0 18px 18px 0;max-width:790px;margin:2rem 0 2rem 106px;padding:1.6rem 1.9rem}.guide-story .note.stop{background:#f3ebd9;border-color:#b77d40}.guide-story .note h4{color:#397135;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.73rem;font-weight:700}.guide-story .note.stop h4{color:#865b25}.guide-story .note p{color:#36533e;margin:0;font-size:.95rem;line-height:1.65}.guide-story .note p+p{margin-top:.7rem}.guide-story .tablewrap{max-width:100%;margin-top:3rem;overflow-x:auto}.guide-story table{border-collapse:collapse;width:100%;min-width:670px}.guide-story th,.guide-story td{border-bottom:1px solid var(--guide-line);text-align:left;vertical-align:top;padding:1.1rem 1rem}.guide-story th{color:#4b7350;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.guide-story td{color:#4c6250;font-size:.91rem;line-height:1.5}.guide-story td:first-child{color:#163c24;white-space:nowrap;font-weight:700}.guide-story .state{color:#2d6834;font-weight:700}.guide-story .state.done{color:#087d69}.guide-story .state.sub{color:#9c6b24}.guide-story .faults{grid-template-columns:repeat(2,1fr);gap:0 3.5rem;margin-top:2.5rem;display:grid}.guide-story .fault{border-top:1px solid var(--guide-line);padding:1.7rem 0}.guide-story .fault h3{letter-spacing:-.025em;margin:0 0 .7rem;font-size:1.25rem;font-weight:700;line-height:1.3}.guide-story .fault p{color:#4e6553;margin:0;font-size:.94rem;line-height:1.65}.guide-outro{border-top:1px solid var(--guide-line);justify-content:space-between;align-items:end;gap:2rem;padding:5rem 0 2rem;display:flex}.guide-outro h2{font-size:clamp(2.8rem,4.5vw,5rem)}.guide-outro a{color:var(--guide-green);border-bottom:1px solid;flex:none;padding-bottom:.4rem;font-size:.9rem;font-weight:700;text-decoration:none}.guide-disclaimer{color:#648068;max-width:85ch;margin:0 0 3rem;font-size:.75rem;line-height:1.6}.guide-lightbox[open]{color:#fff;background:#102317;border:1px solid #cdebbc40;border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,100vw - 2rem);max-width:none;height:min(94dvh,980px);max-height:none;margin:auto;padding:0;display:grid;overflow:hidden;box-shadow:0 38px 100px #0000007a}.guide-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#031108d1}.guide-lightbox-header,.guide-lightbox-footer{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.guide-lightbox-header{border-bottom:1px solid #d7efcd26}.guide-lightbox-header span{color:#a9d876;letter-spacing:.13em;text-transform:uppercase;font-size:.65rem;font-weight:700}.guide-lightbox-header h2{margin:.2rem 0 0;font-size:1.05rem;font-weight:700}.guide-lightbox-close,.guide-lightbox-controls button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #d7efcd40;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:1.3rem;transition:background .2s,transform .2s;display:grid}.guide-lightbox-close:hover,.guide-lightbox-controls button:not(:disabled):hover{background:#a3d65c2e;transform:translateY(-2px)}.guide-lightbox-controls button:disabled{opacity:.3;cursor:not-allowed}.guide-lightbox-image{justify-content:center;align-items:flex-start;min-height:0;padding:1rem;display:flex;overflow:auto}.guide-lightbox-image img{object-fit:contain;background:#f2f7e5;border-radius:14px;flex:none;width:min(402px,100%);max-width:100%;height:auto;box-shadow:0 18px 48px #00000047}.guide-lightbox-footer{border-top:1px solid #d7efcd26;min-height:80px}.guide-lightbox-footer p{color:#d1e4cc;max-width:62ch;margin:0;font-size:.79rem;line-height:1.4}.guide-lightbox-controls{flex:none;gap:.5rem;display:flex}@keyframes guide-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-float-in{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1000px){.guide-hero-inner{grid-template-columns:1.1fr .8fr;width:min(100% - 8vw,900px)}.guide-hero h1{font-size:clamp(3.4rem,7vw,5.8rem)}.guide-hero-screens{transform-origin:50%;transform:scale(.85)}.guide-story .step{min-height:530px}.guide-story .shot{min-height:440px}.guide-story .shot img{width:193px}.guide-story .shot img[width="757"]{width:418px}.guide-flow>:not(:last-child):after{margin-left:.2rem}.guide-role-path{grid-template-columns:110px minmax(0,1fr)}.guide-role-steps{grid-column:2}}@media (max-width:760px){.guide-hero,.guide-hero-inner{min-height:auto}.guide-hero{margin-top:-76px}.guide-hero-inner{flex-direction:column;align-items:stretch;gap:0;padding:150px 0 1rem;display:flex}.guide-hero h1{max-width:11ch;font-size:clamp(3.35rem,12vw,5.8rem)}.guide-hero-description{max-width:42ch;margin-top:1.3rem}.guide-hero-meta{margin-top:1.6rem}.guide-hero-screens{align-self:center;width:min(100%,400px);height:410px;margin-top:2.1rem;transform:none}.guide-hero-screen{border-width:5px;border-radius:22px;width:190px}.guide-hero-screen-back{left:2%}.guide-hero-screen-front{right:2%}.guide-hero-proof{bottom:1.5rem;right:0}.guide-chapters-inner{gap:.8rem;width:calc(100% - 2.5rem)}.guide-chapters-label{width:70px;font-size:.63rem;line-height:1.2}.guide-chapters-links{gap:1.25rem}.guide-chapters-links a{min-height:56px}.guide-content-shell{width:calc(100% - 2.5rem)}.guide-introduction{grid-template-columns:1fr;gap:1.5rem;padding:5rem 0 3rem}.guide-introduction h2{max-width:11ch}.guide-role-section{padding-top:3rem;scroll-margin-top:157px}.guide-role-section-heading{grid-template-columns:1fr;gap:1rem}.guide-role-section-heading .guide-section-label{margin-bottom:0}.guide-role-path{grid-template-columns:1fr;gap:.8rem;padding:2rem 0}.guide-role-path:hover{background:0 0;padding-left:0}.guide-role-steps{grid-column:1;margin-top:.3rem}.guide-flow{scrollbar-width:none;justify-content:flex-start;gap:.7rem;overflow-x:auto}.guide-flow>:not(:last-child):after{margin-left:.5rem}.guide-story .part{padding:5rem 0 4rem;scroll-margin-top:157px}.guide-story .part-head{grid-template-columns:1fr;gap:1rem}.guide-story .part-num{font-size:3rem}.guide-story .part h2{font-size:clamp(2.5rem,10vw,4rem)}.guide-story .part>p{margin:1.2rem 0 0}.guide-story .steps{margin-top:3rem}.guide-story .step{flex-direction:column;align-items:stretch;gap:1.8rem;min-height:0;padding:2.5rem 0;display:flex}.guide-story .step .step-body{order:0}.guide-story .step .shot{order:1}.guide-story .step-body h3{max-width:24ch}.guide-story .shot{border-radius:24px;min-height:0;padding:1.5rem 1rem}.guide-story .shot img{width:216px}.guide-story .shot img[width="757"]{width:318px}.guide-story .note{margin-left:0}.guide-story .faults{grid-template-columns:1fr}.guide-outro{padding-top:4rem;display:block}.guide-outro a{margin-top:2rem;display:inline-block}.guide-lightbox[open]{border-radius:18px;width:calc(100vw - 1rem);height:calc(100dvh - 1rem)}.guide-lightbox-header,.guide-lightbox-footer{padding:.8rem 1rem}.guide-lightbox-footer{align-items:flex-start}.guide-lightbox-footer p{max-width:27ch}}@media (prefers-reduced-motion:reduce){.guide-hero-copy,.guide-hero-screens{animation:none}.guide-start,.guide-story .shot img,.guide-story .shot-open-hint{transition:none}}
