.gr-grassworks-intro{background:#080d09;padding:50px 0;position:relative;overflow:hidden}.gr-grassworks-intro-inner{width:min(100% - 80px,1320px);margin:0 auto}.gr-grassworks-intro-heading{width:min(100% - 80px,1320px);margin-bottom:75px}.gr-grassworks-intro-heading h2{color:#b9e66f;letter-spacing:-.05em;margin:0;font-size:clamp(56px,7vw,100px);font-weight:500;line-height:.95}.gr-grassworks-intro-heading p{color:#ffffffab;margin:26px 0 0;font-size:28px;line-height:1.55}.gr-grassworks-intro-heading p strong{color:#b9e66f;font-weight:500}.gr-grassworks-code{width:100%;max-width:700px;margin:50px 0;position:relative}.gr-grassworks-code:before{content:"";filter:blur(100px);pointer-events:none;background:#b9e66f0f;border-radius:50%;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gr-grassworks-code .code-block{z-index:1;position:relative}@media (max-width:768px){.gr-grassworks-intro{padding:80px 10px 90px}.gr-grassworks-intro-inner{width:min(100% - 32px,1200px)}.gr-grassworks-intro-heading{width:100%;margin-bottom:55px}.gr-grassworks-intro-heading h2{font-size:clamp(54px,14vw,84px)}.gr-grassworks-intro-heading p{font-size:18px}}@media (max-width:480px){.gr-grassworks-intro{padding:40px 10px 60px}.gr-grassworks-intro-inner{width:min(100% - 24px,1200px)}}
.gr-learn-resources{background:#080d09;padding:0 0 120px;position:relative;overflow:hidden}.gr-learn-resources-heading{z-index:1;width:min(100% - 80px,1320px);margin:0 auto 70px;position:relative}.gr-learn-resources-heading h2{color:#b9e66f;letter-spacing:-.05em;max-width:1000px;margin:0;font-size:clamp(64px,8vw,120px);font-weight:500;line-height:.95}.gr-learn-resources-heading p{color:#ffffffb8;max-width:760px;margin:28px 0 0;font-size:24px;line-height:1.5}.gr-learn-resources-player{z-index:1;aspect-ratio:16/9;background:#050b0757;border:1px solid #dcebb924;border-radius:24px;width:min(100% - 80px,1320px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.gr-learn-resources-player-host{position:absolute;inset:0}.gr-learn-resources-player-host iframe{border:0;width:100%;height:100%}.gr-learn-resources-player-placeholder,.gr-learn-resources-player-loading{z-index:2;background:#0a100c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gr-learn-resources-player-placeholder span{color:#ffffff6b;font-size:14px}.gr-learn-resources-player-loading span{border:2px solid #b9e66f33;border-top-color:#b9e66f;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite gr-learn-resources-spin}@keyframes gr-learn-resources-spin{to{transform:rotate(360deg)}}.gr-learn-resources-current{z-index:1;justify-content:space-between;align-items:flex-end;gap:24px;width:min(100% - 80px,1320px);margin:26px auto 22px;display:flex;position:relative}.gr-learn-resources-current-part{color:#b9e66f;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500;display:block}.gr-learn-resources-current h3{color:#f5f8e1;letter-spacing:-.03em;max-width:900px;margin:0;font-size:clamp(24px,3vw,38px);font-weight:500;line-height:1.05}.gr-learn-resources-count{color:#ffffff61;font-variant-numeric:tabular-nums;flex:none;font-size:13px}.gr-learn-resources-slider{z-index:1;align-items:center;width:min(100% - 80px,1320px);margin:0 auto;display:flex;position:relative}.gr-learn-resources-slider:before,.gr-learn-resources-slider:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:14px}.gr-learn-resources-slider:before{background:linear-gradient(90deg,#080d09 0%,#080d09e0 35%,#080d0900 100%);left:0}.gr-learn-resources-slider:after{background:linear-gradient(270deg,#080d09 0%,#080d09e0 35%,#080d0900 100%);right:0}.gr-learn-resources-slider-button{z-index:4;color:#f5f8e1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050b07b8;border:1px solid #dcebb924;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:18px;transition:background .16s,border-color .16s,transform .16s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gr-learn-resources-slider-button:hover{background:#b9e66f1f;border-color:#b9e66f52}.gr-learn-resources-slider-button:active{transform:translateY(-50%)scale(.95)}.gr-learn-resources-slider-button:first-child{left:12px}.gr-learn-resources-slider-button:last-child{right:12px}.gr-learn-resources-playlist{scrollbar-width:none;scroll-behavior:smooth;gap:12px;width:100%;min-width:0;padding:8px 58px 14px;display:flex;overflow-x:auto}.gr-learn-resources-playlist::-webkit-scrollbar{display:none}.gr-learn-resources-item{color:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #dcebb91a;border-radius:16px;flex:0 0 280px;padding:0;transition:border-color .18s,background .18s,transform .18s;display:block;overflow:hidden}.gr-learn-resources-item:hover{background:#ffffff0b;border-color:#dcebb92e;transform:translateY(-2px)}.gr-learn-resources-item.is-active{background:#b9e66f12;border-color:#b9e66f75}.gr-learn-resources-thumbnail{aspect-ratio:16/9;background:#101610;position:relative;overflow:hidden}.gr-learn-resources-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.gr-learn-resources-item:hover .gr-learn-resources-thumbnail img{transform:scale(1.03)}.gr-learn-resources-thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#050b077a);position:absolute;inset:0}.gr-learn-resources-thumbnail-number{z-index:1;color:#304b08;letter-spacing:.06em;background:#b9e66f;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:24px;padding:0 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.gr-learn-resources-item-title{color:#ffffffc7;min-height:48px;padding:14px 14px 15px;font-size:13px;line-height:1.4}.gr-learn-resources-item.is-active .gr-learn-resources-item-title{color:#f5f8e1}.gr-learn-resources-footer{z-index:1;width:min(100% - 80px,1320px);margin:26px auto 0;position:relative}.gr-learn-resources-footer a{color:#ffffff94;align-items:center;gap:8px;font-size:13px;text-decoration:none;transition:color .16s;display:inline-flex}.gr-learn-resources-footer a:hover{color:#b9e66f}.gr-learn-resources-footer a span{font-size:14px}@media (max-width:768px){.gr-learn-resources{padding:100px 10px 120px}.gr-learn-resources-heading,.gr-learn-resources-player,.gr-learn-resources-current,.gr-learn-resources-slider,.gr-learn-resources-footer{width:min(100% - 32px,1200px)}.gr-learn-resources-heading{margin-bottom:50px}.gr-learn-resources-heading h2{font-size:clamp(54px,14vw,84px)}.gr-learn-resources-heading p{font-size:18px}.gr-learn-resources-player{border-radius:20px}.gr-learn-resources-current{align-items:flex-start;margin-top:20px}.gr-learn-resources-current h3{font-size:24px}.gr-learn-resources-count{margin-top:22px}.gr-learn-resources-slider{gap:0}.gr-learn-resources-slider:before,.gr-learn-resources-slider:after{width:72px}.gr-learn-resources-slider-button{width:40px;height:40px;font-size:16px}.gr-learn-resources-slider-button:first-child{left:8px}.gr-learn-resources-slider-button:last-child{right:8px}.gr-learn-resources-playlist{padding-left:50px;padding-right:50px}.gr-learn-resources-item{flex-basis:240px}}@media (max-width:480px){.gr-learn-resources{padding:40px 10px 50px}.gr-learn-resources-heading,.gr-learn-resources-player,.gr-learn-resources-current,.gr-learn-resources-slider,.gr-learn-resources-footer{width:min(100% - 24px,1200px)}.gr-learn-resources-heading{margin-bottom:36px}.gr-learn-resources-heading h2{font-size:clamp(48px,14vw,68px)}.gr-learn-resources-heading p{margin-top:20px;font-size:16px}.gr-learn-resources-player{border-radius:16px}.gr-learn-resources-current{gap:10px}.gr-learn-resources-current h3{font-size:20px}.gr-learn-resources-count{font-size:11px}.gr-learn-resources-slider{gap:0}.gr-learn-resources-slider:before,.gr-learn-resources-slider:after{width:58px}.gr-learn-resources-slider-button{width:34px;height:34px;font-size:14px}.gr-learn-resources-slider-button:first-child{left:6px}.gr-learn-resources-slider-button:last-child{right:6px}.gr-learn-resources-playlist{gap:10px;padding-left:42px;padding-right:42px}.gr-learn-resources-item{border-radius:14px;flex-basis:220px}.gr-learn-resources-item-title{min-height:44px;padding:12px;font-size:12px}}
.gr-support{background:#080d09;padding:0 0 120px;position:relative;overflow:hidden}.gr-support-heading{width:min(100% - 80px,1320px);margin:0 auto 70px}.gr-support-heading h2{color:#b9e66f;letter-spacing:-.05em;max-width:1000px;margin:0;font-size:clamp(64px,8vw,120px);font-weight:500;line-height:.95}.gr-support-heading p{color:#ffffffb8;max-width:760px;margin:28px 0 0;font-size:24px;line-height:1.5}.gr-support-image{background:#050b0757;border:1px solid #dcebb924;border-radius:24px;width:min(100% - 80px,1320px);margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #0006}.gr-support-image img{width:100%;height:auto;display:block}@media (max-width:768px){.gr-support{padding:100px 10px 120px}.gr-support-heading,.gr-support-image{width:min(100% - 32px,1200px)}.gr-support-heading{margin-bottom:50px}.gr-support-heading h2{font-size:clamp(54px,14vw,84px)}.gr-support-heading p{font-size:18px}.gr-support-image{border-radius:20px}}@media (max-width:480px){.gr-support{padding:40px 10px 50px}.gr-support-heading,.gr-support-image{width:min(100% - 24px,1200px)}.gr-support-heading{margin-bottom:36px}.gr-support-heading h2{font-size:clamp(48px,14vw,68px)}.gr-support-heading p{margin-top:20px;font-size:16px}.gr-support-image{border-radius:16px}}
.gr-features{background:#080d09;padding:100px 0;position:relative;overflow:hidden}.gr-features:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(110% 65% at 50% 35%,#b9e66f0e 0%,#b9e66f06 40%,#0000 75%),radial-gradient(90% 60% at 15%,#4c7c0f0b 0%,#0000 70%),radial-gradient(90% 60% at 85% 65%,#4c7c0f09 0%,#0000 70%);position:absolute;inset:10% 0 0}.gr-features-heading{width:min(100% - 80px,1320px);margin:0 auto 110px}.gr-features-heading h2{color:#b9e66f;letter-spacing:-.05em;max-width:900px;margin:0;font-size:clamp(64px,8vw,120px);font-weight:500;line-height:.95}.gr-features-heading p{color:#ffffffb8;max-width:600px;margin:28px 0 0;font-size:24px;line-height:1.5}.gr-features-list{width:min(100% - 80px,1320px);margin:0 auto}.gr-feature{border-top:1px solid #dcebb91a;padding:100px 0 120px}.gr-feature:last-child{border-bottom:1px solid #dcebb91a}.gr-feature-content{max-width:950px;margin-bottom:44px}.gr-feature-content h3{color:#f5f8e1;letter-spacing:-.045em;margin:0;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:.98}.gr-feature-content h4{color:#b9e66f;margin:18px 0 0;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.25}.gr-feature-content p{color:#ffffffb8;max-width:800px;margin:20px 0 0;font-size:18px;line-height:1.5}.gr-feature-media{aspect-ratio:16/9;background:#050b0757;border:1px solid #dcebb924;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.gr-feature-media video{object-fit:contain;width:100%;height:100%}@media (max-width:768px){.gr-features{padding:100px 10px 120px}.gr-features-heading,.gr-features-list{width:min(100% - 32px,1200px)}.gr-features-heading{margin-bottom:70px}.gr-features-heading h2{font-size:clamp(54px,14vw,84px)}.gr-features-heading p{font-size:18px}.gr-feature{padding:70px 0 80px}.gr-feature-content{margin-bottom:35px}.gr-feature-content h3{font-size:clamp(38px,10vw,58px)}.gr-feature-content h4{font-size:19px}.gr-feature-content p{font-size:16px}.gr-feature-media{border-radius:20px}}@media (max-width:480px){.gr-features-heading,.gr-features-list{width:min(100% - 24px,1200px)}.gr-features{padding:40px 10px 50px}.gr-feature{padding:30px 0 50px}}
.gr-faq{background:#080d09;padding:100px 0;position:relative;overflow:hidden}.gr-faq-inner{width:min(100% - 80px,1320px);margin:0 auto}.gr-faq-heading{max-width:850px;margin-bottom:90px}.gr-faq-heading h2{color:#b9e66f;letter-spacing:-.05em;margin:0;font-size:clamp(64px,8vw,120px);font-weight:500;line-height:.95}.gr-faq-heading p{color:#ffffffab;max-width:600px;margin:28px 0 0;font-size:24px;line-height:1.55}.gr-faq-list{border-top:1px solid #dcebb91f}.gr-faq-item{border-bottom:1px solid #dcebb91f}.gr-faq-question{color:#ffffffe0;cursor:pointer;justify-content:space-between;align-items:center;gap:30px;padding:30px 4px;font-size:21px;font-weight:500;line-height:1.3;list-style:none;display:flex}.gr-faq-question::-webkit-details-marker{display:none}.gr-faq-question::marker{display:none}.gr-faq-icon{color:#b9e66f;border:1px solid #dcebb926;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:22px;font-weight:400;line-height:1;transition:transform .2s,background .2s;display:grid}.gr-faq-item[open] .gr-faq-icon{background:#b9e66f14;transform:rotate(45deg)}.gr-faq-answer{max-width:760px;padding:0 70px 30px 4px}.gr-faq-answer p{color:#ffffff9e;margin:0;font-size:17px;line-height:1.65}.gr-faq-link{text-decoration:none;transition:color .2s;color:#b9e66f!important}.gr-faq-link:hover{text-decoration:underline;color:#b9e66f!important}@media (max-width:768px){.gr-faq{padding:80px 10px 90px}.gr-faq-inner{width:min(100% - 32px,1200px)}.gr-faq-heading{margin-bottom:65px}.gr-faq-heading h2{font-size:clamp(54px,14vw,84px)}.gr-faq-heading p{font-size:18px}.gr-faq-question{padding:24px 2px;font-size:18px}.gr-faq-icon{width:30px;height:30px;font-size:20px}.gr-faq-answer{padding:0 45px 25px 2px}.gr-faq-answer p{font-size:16px}}@media (max-width:480px){.gr-faq{padding:30px 10px 50px}.gr-faq-inner{width:min(100% - 24px,1200px)}.gr-faq-question{gap:15px;font-size:17px}.gr-faq-answer{padding-right:35px}}@media (prefers-reduced-motion:reduce){.gr-faq-icon{transition:none}}
.gr-file-download{border:1px solid var(--color-border);background:var(--color-green-surface);width:40px;height:40px;color:var(--color-accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s;display:flex}.gr-file-download:hover:not(:disabled){background:#b9e66f2e;border-color:#b9e66f59;transform:translateY(-1px)}.gr-file-download:disabled{cursor:default}.gr-file-download svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.gr-file-download-spinner{border:2px solid #b9e66f40;border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite gr-file-download-spin}@keyframes gr-file-download-spin{to{transform:rotate(360deg)}}