.rf{--rf-paper:#f6f4ec;--rf-ink:#14241b;--rf-green:#2f5d3f;--rf-white:#ffffff;--rf-muted:#4a5a50;--rf-sage:#e3eedc;--rf-light:#e9f3ea;--rf-mint:#9fd7ab;--rf-dark-surface:#1f3a2b;--rf-dark-panel:#1b3226;--rf-dark-muted:#bdd3c2;--rf-border:#e4e1d4;--rf-red:#c93f27;--rf-planted-bg:#dcf2e0;--rf-planted-text:#1f5a30;--rf-fed-bg:#dce8fb;--rf-fed-text:#1d3f7a;--rf-harvest-bg:#fdf0bf;--rf-harvest-text:#6b5200;--rf-pest-bg:#fbe0da;--rf-pest-text:#8c2a18;--rf-quiet:#5a675e;--rf-card-radius:28px;--rf-window-radius:22px;--rf-chip-radius:14px;--rf-pill-radius:999px;--rf-chip-shadow:0 12px 32px rgba(20,36,27,0.14);--rf-window-shadow:0 30px 70px rgba(0,0,0,0.45);--rf-small:12px;--rf-label:13px;--rf-body:16px;--rf-copy:19px;--rf-ease:cubic-bezier(0.22,1,0.36,1);font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:16px;line-height:normal;padding:0;color:var(--rf-ink)}
.rf,.rf *,.rf *::before,.rf *::after{box-sizing:content-box}
.rf a{color:var(--rf-green)}
.rf a:hover{color:#1c3326}
.rf-sprout a{color:var(--rf-mint)}
.rf-sprout a:hover{color:var(--rf-white)}
.rf .rf-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--rf-chip-radius);background:var(--rf-white);box-shadow:var(--rf-chip-shadow);font-size:14px;line-height:1.3;color:var(--rf-ink)}
.rf .rf-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.rf .rf-c7{grid-column:span 7}.rf .rf-c5{grid-column:span 5}.rf .rf-c4{grid-column:span 4}
.rf .rf-card{border-radius:var(--rf-card-radius);padding:32px;display:flex;flex-direction:column;gap:20px;min-width:0;overflow:hidden}
.rf .rf-card h3{margin:0;font-size:24px;letter-spacing:-0.02em;font-weight:800;line-height:1.15}
.rf .rf-card p{margin:0;font-size:16px;line-height:1.55}
.rf .rf-tag{font-size:12px;font-weight:700;letter-spacing:0.04em;padding:3px 8px;border-radius:6px;white-space:nowrap}
.rf .rf-win{position:absolute;border-radius:var(--rf-window-radius);overflow:hidden;box-shadow:var(--rf-window-shadow)}
.rf .rf-demo-control{appearance:none;border:0;background:transparent;padding:0;font:inherit;line-height:normal;text-align:inherit;cursor:default}
.rf :is(a,button):focus-visible{outline:2px solid var(--rf-green);outline-offset:2px}
.rf-sprout :is(a,button):focus-visible{outline-color:var(--rf-mint)}
.rf-scene>canvas{position:absolute;inset:0;width:100%;height:100%}
.rf.rf-v1,.rf .rf-v1{background:var(--rf-paper);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--rf-ink);overflow:hidden}
.rf.rf-v2,.rf .rf-v2{display:flex;flex-wrap:wrap;align-items:center;gap:24px 48px;max-width:1344px;margin:0 auto;padding:40px 48px 72px}
.rf.rf-v3,.rf .rf-v3{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.rf.rf-v4,.rf .rf-v4{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--rf-green);background:var(--rf-sage);padding:8px 14px;border-radius:var(--rf-pill-radius)}
.rf.rf-v5,.rf .rf-v5{width:8px;height:8px;border-radius:50%;background:var(--rf-red)}
.rf.rf-v6,.rf .rf-v6{margin:0;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-0.035em;font-weight:800;color:var(--rf-ink)}
.rf.rf-v7,.rf .rf-v7{margin:0;font-size:var(--rf-copy);line-height:1.6;color:var(--rf-muted);max-width:520px}
.rf.rf-v8,.rf .rf-v8{display:flex;flex-wrap:wrap;gap:14px}
.rf.rf-v9,.rf .rf-v9{text-decoration:none;background:var(--rf-green);color:var(--rf-white);font-weight:700;font-size:var(--rf-body);padding:16px 28px;border-radius:var(--rf-chip-radius)}
.rf.rf-v10,.rf .rf-v10{text-decoration:none;background:transparent;color:var(--rf-green);font-weight:700;font-size:var(--rf-body);padding:14px 26px;border-radius:var(--rf-chip-radius);border:2px solid var(--rf-green)}
.rf.rf-v11,.rf .rf-v11{flex:1 1 520px;min-width:0;position:relative;display:flex;justify-content:center}
.rf.rf-v12,.rf .rf-v12{position:relative;width:100%;max-width:700px;aspect-ratio:760/520}
.rf.rf-v13,.rf .rf-v13{position:absolute;left:8%;right:4%;top:2%;bottom:-6%;border-radius:50%;background:var(--rf-sage)}
.rf.rf-v14,.rf .rf-v14{position:absolute;left:0;top:0}
.rf.rf-v15,.rf .rf-v15{left:0%;top:12%}
.rf.rf-v16,.rf .rf-v16{font-size:var(--rf-small);font-weight:700;letter-spacing:0.04em;padding:3px 8px;border-radius:6px;background:var(--rf-planted-bg);color:var(--rf-planted-text)}
.rf.rf-v17,.rf .rf-v17{right:0%;top:24%}
.rf.rf-v18,.rf .rf-v18{font-size:var(--rf-small);font-weight:700;letter-spacing:0.04em;padding:3px 8px;border-radius:6px;background:var(--rf-pest-bg);color:var(--rf-pest-text)}
.rf.rf-v19,.rf .rf-v19{left:2%;bottom:16%}
.rf.rf-v20,.rf .rf-v20{font-size:var(--rf-small);font-weight:700;letter-spacing:0.04em;padding:3px 8px;border-radius:6px;background:var(--rf-harvest-bg);color:var(--rf-harvest-text)}
.rf.rf-v21,.rf .rf-v21{right:2%;bottom:6%;background:var(--rf-ink);color:var(--rf-light);max-width:260px;align-items:flex-start;flex-direction:column;gap:4px}
.rf.rf-v22,.rf .rf-v22{font-size:var(--rf-small);font-weight:700;letter-spacing:0.06em;color:var(--rf-mint)}
.rf.rf-v23,.rf .rf-v23{border-top:1px solid #dcd9cc;background:var(--rf-white)}
.rf.rf-v24,.rf .rf-v24{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;max-width:1344px;margin:0 auto;padding:36px 48px}
.rf.rf-v25,.rf .rf-v25{flex:1 1 200px}
.rf.rf-v26,.rf .rf-v26{font-size:36px;font-weight:800;color:var(--rf-green);letter-spacing:-0.02em}
.rf.rf-v27,.rf .rf-v27{font-size:var(--rf-label);font-weight:600;letter-spacing:0.06em;color:var(--rf-muted)}
.rf.rf-v28,.rf .rf-v28{background:var(--rf-paper);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--rf-ink)}
.rf.rf-v29,.rf .rf-v29{max-width:1200px;margin:0 auto;padding:96px 24px 96px;display:flex;flex-direction:column;gap:48px}
.rf.rf-v30,.rf .rf-v30{display:flex;flex-direction:column;gap:16px;max-width:720px}
.rf.rf-v31,.rf .rf-v31{align-self:flex-start;font-size:var(--rf-label);font-weight:700;letter-spacing:0.08em;color:var(--rf-green);background:var(--rf-sage);padding:6px 12px;border-radius:var(--rf-pill-radius)}
.rf.rf-v32,.rf .rf-v32{margin:0;font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-0.035em;font-weight:800}
.rf.rf-v33,.rf .rf-v33{margin:0;font-size:var(--rf-copy);line-height:1.6;color:var(--rf-muted)}
.rf.rf-v34,.rf .rf-v34{background:var(--rf-white);border:1px solid var(--rf-border)}
.rf.rf-v35,.rf .rf-v35{color:var(--rf-muted)}
.rf.rf-v36,.rf .rf-v36{display:flex;flex-direction:column;border-radius:18px;background:var(--rf-paper);padding:8px 18px}
.rf.rf-v37,.rf .rf-v37{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--rf-border);font-size:15px}
.rf.rf-v38,.rf .rf-v38{width:52px;color:var(--rf-quiet)}
.rf.rf-v39,.rf .rf-v39{background:var(--rf-planted-bg);color:var(--rf-planted-text)}
.rf.rf-v40,.rf .rf-v40{background:var(--rf-fed-bg);color:var(--rf-fed-text)}
.rf.rf-v41,.rf .rf-v41{background:var(--rf-harvest-bg);color:var(--rf-harvest-text)}
.rf.rf-v42,.rf .rf-v42{display:flex;align-items:center;gap:14px;padding:12px 0;font-size:15px}
.rf.rf-v43,.rf .rf-v43{background:var(--rf-pest-bg);color:var(--rf-pest-text)}
.rf.rf-v44,.rf .rf-v44{background:var(--rf-ink);color:var(--rf-light);justify-content:space-between}
.rf.rf-v45,.rf .rf-v45{display:flex;flex-direction:column;gap:14px}
.rf.rf-v46,.rf .rf-v46{align-self:flex-start;background:var(--rf-red);color:var(--rf-white);display:inline-flex;align-items:center;gap:6px}
.rf.rf-v47,.rf .rf-v47{width:6px;height:6px;border-radius:50%;background:var(--rf-white)}
.rf.rf-v48,.rf .rf-v48{color:var(--rf-white)}
.rf.rf-v49,.rf .rf-v49{color:var(--rf-dark-muted)}
.rf.rf-v50,.rf .rf-v50{display:block}
.rf.rf-v51,.rf .rf-v51{background:var(--rf-sage)}
.rf.rf-v52,.rf .rf-v52{color:#3d4d43}
.rf.rf-v53,.rf .rf-v53{display:block;border-radius:16px;background:var(--rf-paper)}
.rf.rf-v54,.rf .rf-v54{display:flex;flex-wrap:wrap;gap:12px;font-size:var(--rf-label);color:#3d4d43;font-weight:600}
.rf.rf-v55,.rf .rf-v55{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:120px;padding-top:8px}
.rf.rf-v56,.rf .rf-v56{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.rf.rf-v57,.rf .rf-v57{width:100%;height:30px;border-radius:10px;background:#f2d27a}
.rf.rf-v58,.rf .rf-v58{font-size:var(--rf-small);color:var(--rf-quiet);font-weight:600}
.rf.rf-v59,.rf .rf-v59{width:100%;height:46px;border-radius:10px;background:#f2d27a}
.rf.rf-v60,.rf .rf-v60{width:100%;height:60px;border-radius:10px;background:#f2d27a}
.rf.rf-v61,.rf .rf-v61{width:100%;height:84px;border-radius:10px;background:#8fb8e8}
.rf.rf-v62,.rf .rf-v62{width:100%;height:96px;border-radius:10px;background:#8fb8e8}
.rf.rf-v63,.rf .rf-v63{width:100%;height:40px;border-radius:10px;background:#f2d27a}
.rf.rf-v64,.rf .rf-v64{width:100%;height:34px;border-radius:10px;background:#f2d27a}
.rf.rf-v65,.rf .rf-v65{background:var(--rf-red);color:var(--rf-white)}
.rf.rf-v66,.rf .rf-v66{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.rf.rf-v67,.rf .rf-v67{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.rf.rf-v68,.rf .rf-v68{width:84px}
.rf.rf-v69,.rf .rf-v69{flex:1;height:14px;border-radius:7px;background:var(--rf-white)}
.rf.rf-v70,.rf .rf-v70{width:64%;height:14px;border-radius:7px;background:var(--rf-white)}
.rf.rf-v71,.rf .rf-v71{width:30%;height:14px;border-radius:7px;background:var(--rf-white)}
.rf.rf-v72,.rf .rf-v72{display:flex;align-items:center;gap:10px;border:2px solid var(--rf-green);border-radius:var(--rf-chip-radius);padding:12px 16px;font-size:var(--rf-body);color:var(--rf-ink)}
.rf.rf-v73,.rf .rf-v73{display:flex;flex-wrap:wrap;gap:10px}
.rf.rf-v74,.rf .rf-v74{font-size:var(--rf-label);padding:6px 12px;background:var(--rf-sage);color:var(--rf-planted-text)}
.rf.rf-v75,.rf .rf-v75{background:#e9e4f7;color:#2a2147}
.rf.rf-v76,.rf .rf-v76{display:flex;align-items:center;gap:10px}
.rf.rf-v77,.rf .rf-v77{background:#2a2147;color:var(--rf-white)}
.rf.rf-v78,.rf .rf-v78{font-size:14px;font-weight:700;letter-spacing:0.04em}
.rf.rf-v79,.rf .rf-v79{color:#463a70}
.rf.rf-v80,.rf .rf-v80{display:flex;flex-direction:column;gap:10px}
.rf.rf-v81,.rf .rf-v81{display:flex;align-items:center;gap:12px;background:var(--rf-white);border-radius:var(--rf-chip-radius);padding:12px 16px;font-size:15px}
.rf.rf-v82,.rf .rf-v82{width:10px;height:10px;border-radius:50%;background:var(--rf-red);flex:none}
.rf.rf-v83,.rf .rf-v83{width:10px;height:10px;border-radius:50%;background:#c28f00;flex:none}
.rf.rf-v84,.rf .rf-v84{text-align:center}
.rf.rf-v85,.rf .rf-v85{font-size:17px;font-weight:700;text-decoration:none}
.rf.rf-v86,.rf .rf-v86{background:var(--rf-ink);color:var(--rf-light);font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow:hidden}
.rf.rf-v87,.rf .rf-v87{display:flex;flex-wrap:wrap;align-items:center;gap:56px;max-width:1344px;margin:0 auto;padding:112px 48px}
.rf.rf-v88,.rf .rf-v88{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.rf.rf-v89,.rf .rf-v89{display:inline-flex;align-items:center;gap:8px;font-size:var(--rf-label);font-weight:700;letter-spacing:0.08em;color:var(--rf-mint);border:1px solid var(--rf-green);padding:7px 14px;border-radius:var(--rf-pill-radius)}
.rf.rf-v90,.rf .rf-v90{width:7px;height:7px;border-radius:50%;background:#e0634a}
.rf.rf-v91,.rf .rf-v91{margin:0;font-size:clamp(40px,5vw,60px);line-height:1.04;letter-spacing:-0.035em;font-weight:800;color:var(--rf-white)}
.rf.rf-v92,.rf .rf-v92{margin:0;font-size:var(--rf-copy);line-height:1.6;color:var(--rf-dark-muted);max-width:520px}
.rf.rf-v93,.rf .rf-v93{font-size:14px;font-weight:600;padding:8px 14px;border-radius:var(--rf-pill-radius);background:var(--rf-dark-surface);color:#d6e9da}
.rf.rf-v94,.rf .rf-v94{flex:1 1 520px;min-width:0;position:relative;height:640px;max-width:660px;width:100%}
.rf.rf-v95,.rf .rf-v95{left:0;top:0;width:78%;background:var(--rf-dark-panel);border:1px solid var(--rf-green)}
.rf.rf-v96,.rf .rf-v96{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--rf-dark-surface);font-weight:700;font-size:15px}
.rf.rf-v97,.rf .rf-v97{background:var(--rf-green);color:#d6e9da}
.rf.rf-v98,.rf .rf-v98{padding:18px;display:flex;flex-direction:column;gap:14px;font-size:14px}
.rf.rf-v99,.rf .rf-v99{align-self:flex-end;background:var(--rf-green);color:var(--rf-white);padding:10px 14px;border-radius:var(--rf-chip-radius)}
.rf.rf-v100,.rf .rf-v100{background:var(--rf-ink);border:1px solid var(--rf-green);border-radius:var(--rf-chip-radius);padding:14px;display:flex;flex-direction:column;gap:10px}
.rf.rf-v101,.rf .rf-v101{line-height:1.5;color:#d6e9da}
.rf.rf-v102,.rf .rf-v102{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--rf-dark-panel);border-radius:10px;padding:8px 12px}
.rf.rf-v103,.rf .rf-v103{background:#ffb4a5;color:#5a1308}
.rf.rf-v104,.rf .rf-v104{height:150px}
.rf.rf-v105,.rf .rf-v105{left:30%;top:360px;width:62%;background:var(--rf-white);color:var(--rf-ink)}
.rf.rf-v106,.rf .rf-v106{padding:16px 20px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.rf.rf-v107,.rf .rf-v107{font-weight:800;color:var(--rf-green);font-size:var(--rf-label);letter-spacing:0.04em}
.rf.rf-v108,.rf .rf-v108{display:flex;justify-content:space-between;border-bottom:1px solid var(--rf-border);padding-bottom:8px}
.rf.rf-v109,.rf .rf-v109{color:var(--rf-quiet)}
.rf.rf-v110,.rf .rf-v110{display:flex;justify-content:space-between}
.rf.rf-v111,.rf .rf-v111{display:flex;gap:10px;margin-top:4px}
.rf.rf-v112,.rf .rf-v112{flex:1;text-align:center;text-decoration:none;background:var(--rf-green);color:var(--rf-white);font-weight:700;padding:12px;border-radius:12px}
.rf.rf-v113,.rf .rf-v113{text-align:center;text-decoration:none;background:#eeece2;color:var(--rf-ink);font-weight:700;padding:12px 20px;border-radius:12px}
.rf.rf-v114,.rf .rf-v114{left:2%;top:470px;width:42%;background:var(--rf-sage);color:var(--rf-ink)}
.rf.rf-v115,.rf .rf-v115{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--rf-green);color:var(--rf-white);font-weight:700;font-size:14px}
.rf.rf-v116,.rf .rf-v116{display:block;background:#cfe5d0}
.rf.rf-v117,.rf .rf-v117{padding:12px 16px;display:flex;flex-direction:column;gap:8px;font-size:var(--rf-label)}
.rf.rf-v118,.rf .rf-v118{display:flex;justify-content:space-between;background:var(--rf-white);border-radius:10px;padding:8px 12px;border:2px solid var(--rf-green)}
.rf.rf-v119,.rf .rf-v119{font-weight:700;color:var(--rf-planted-text)}
.rf.rf-v120,.rf .rf-v120{display:flex;justify-content:space-between;background:#f3f6f0;border-radius:10px;padding:8px 12px;color:var(--rf-muted)}
@media(max-width:900px){.rf .rf-c7,.rf .rf-c5,.rf .rf-c4{grid-column:span 12}}
@media(max-width:760px){
.rf .rf-chip{font-size:12px;padding:8px 10px}
.rf-sprout [data-rf-window]{position:relative;left:auto;top:auto;width:100%}
.rf-sprout [data-rf-window]+[data-rf-window]{margin-top:-18px}
.rf-sprout [data-rf-window="1"]{z-index:1}
.rf-sprout [data-rf-window="2"]{z-index:2}
.rf-sprout [data-rf-window="0"]>div:nth-child(2)>div:last-child{display:none}
.rf-sprout [data-rf-window="0"]>div:nth-child(2)>div:nth-child(2)>div{flex-wrap:wrap}
.rf-sprout [data-rf-window="2"]>div:last-child>div{flex-wrap:wrap}
.rf-sprout [data-rf-windows]{height:auto;display:flex;flex-direction:column}
}
.rf a{position:relative}
.rf a::after{content:"";position:absolute;inset:50% 0 auto;height:44px;transform:translateY(-50%)}
.rf a.rf-v9:hover{color:var(--rf-white)}
.rf a.rf-v10:hover{color:var(--rf-green)}
/* Motion */
@media(prefers-reduced-motion:no-preference){
.rf-motion [data-rf-chip]{animation:rf-chip-in 500ms var(--rf-ease) var(--rf-chip-delay,0ms) both,rf-chip-float 6s ease-in-out var(--rf-float-delay,500ms) infinite}
.rf-motion [data-rf-waveform] rect{transform-box:fill-box;transform-origin:center;animation:rf-wave 1.2s ease-in-out infinite}
.rf-motion [data-rf-waveform] rect:nth-child(3n+1){animation-delay:80ms}
.rf-motion [data-rf-waveform] rect:nth-child(3n+2){animation-delay:160ms}
.rf-motion [data-rf-grow]{transform-origin:bottom left;transform:scaleY(0)}
.rf-motion [data-rf-grow=x]{transform:scaleX(0)}
.rf-motion .rf-visible [data-rf-grow]{transform:scale(1);transition:transform 800ms var(--rf-ease)}
@keyframes rf-chip-in{from{opacity:0}to{opacity:1}}
@keyframes rf-chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rf-wave{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1)}}
}
