.closing-banner{position:relative;isolation:isolate;overflow:hidden;min-height:160px;display:grid;grid-template-columns:minmax(245px,29%) minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:28px;padding:19px 10% 19px 2.5%;border:1px solid #2a745b;border-radius:13px;background:linear-gradient(113deg,#004934 0%,#003b2d 38%,#005441 72%,#003d30 100%);box-shadow:inset 0 1px 0 #7ab89b3d,0 2px 6px #0c3e2917;color:#f8fff5}.closing-banner:before{content:"";position:absolute;inset:-70% -20% -130% 28%;z-index:-1;transform:rotate(-10deg);background:repeating-linear-gradient(139deg,transparent 0 70px,#0e70544a 72px,#1b7a5a14 140px,transparent 210px);pointer-events:none}.closing-banner:after{content:"";position:absolute;inset:-55% -4% auto 38%;height:185%;z-index:-1;border-radius:50%;border-top:2px solid #55a48026;transform:rotate(-17deg);pointer-events:none}.closing-banner .closing-decoration{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;font-size:initial}.closing-decoration img{width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 8px 8px #001a135c);transform:scale(1.18)}.closing-banner div:nth-child(2){min-width:0}.closing-banner div:nth-child(2)>span{display:flex;align-items:center;gap:9px;font:700 9px Arial;letter-spacing:2px;color:#e0d8bd}.closing-banner div:nth-child(2)>span:before{content:"";display:inline-block;flex:0 0 30px;height:2px;background:#e3b55d}.closing-banner h2{font:700 clamp(23px,2.3vw,34px)/1.1 Arial;color:#fff;margin:12px 0 9px;letter-spacing:-.5px}.closing-banner p{font:13px/1.5 Arial;color:#e2eee5;margin:0}.closing-banner a{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:45px;margin-left:18px;background:#fbfaf3;color:#0e4e3b;text-decoration:none;font:700 12px Arial;border-radius:6px;border:1px solid #c6d0bd;box-shadow:0 3px 0 #00302350;white-space:nowrap}.closing-banner a:hover{background:#ecf5e9;transform:translateY(-1px)}html[dir=rtl] .closing-banner{direction:ltr}html[dir=rtl] .closing-banner div:nth-child(2){direction:rtl;text-align:right}html[dir=rtl] .closing-banner div:nth-child(2)>span{justify-content:flex-start}html[dir=rtl] .closing-banner h2,html[dir=rtl] .closing-banner p{font-family:Tahoma,Arial}html[dir=rtl] .closing-banner a{font-family:Tahoma,Arial}
@media(max-width:850px){.closing-banner{grid-template-columns:minmax(155px,29%) minmax(0,1fr) auto;gap:12px;padding-right:20px}.closing-decoration img{height:150px}.closing-banner a{min-width:115px;margin-left:0}}
@media(max-width:600px){.closing-banner{grid-template-columns:105px minmax(0,1fr);gap:8px 14px;padding:20px 18px;min-height:0}.closing-banner .closing-decoration{grid-column:1;grid-row:1 / 3}.closing-decoration img{height:110px;transform:scale(1.3)}.closing-banner div:nth-child(2){grid-column:2;grid-row:1}.closing-banner h2{font-size:21px;line-height:1.15;margin:9px 0}.closing-banner p{font-size:11px}.closing-banner a{grid-column:2;grid-row:2;justify-self:start;min-width:115px;min-height:39px;margin:6px 0 0}.closing-banner div:nth-child(2)>span{font-size:8px;letter-spacing:1.5px}.closing-banner div:nth-child(2)>span:before{flex-basis:18px}}
/* Compact banner, with the compass crest rising above its upper edge. */
.closing-banner{overflow:visible;min-height:126px;margin-top:46px;padding-top:12px;padding-bottom:12px;background:linear-gradient(135deg,transparent 0 42%,#1477593d 42% 53%,transparent 53% 66%,#0c6b5040 66% 75%,transparent 75%),linear-gradient(113deg,#004934,#003b2d 38%,#005441 72%,#003d30);}
.closing-banner:before,.closing-banner:after{display:none}.closing-banner .closing-decoration{position:relative;min-height:100px}.closing-decoration img{position:absolute;width:112%;height:160px;max-width:none;top:-41px;left:-6%;transform:none;object-fit:contain}.closing-banner h2{margin:8px 0 6px}.closing-banner p{line-height:1.35}
@media(max-width:850px){.closing-decoration img{height:145px;top:-35px}}
@media(max-width:600px){.closing-banner{min-height:0;margin-top:42px;padding-top:18px;padding-bottom:18px}.closing-banner .closing-decoration{min-height:95px}.closing-decoration img{height:125px;width:125%;left:-12%;top:-31px;transform:none}}

/* Align the landing content with the 1300px site-wide content grid. */
@media (min-width: 1100px) {
  .header-inner { width: min(1300px, calc(100% - 80px)); max-width: 1300px; padding-inline: 0; }
  .hero-view { padding-inline: max(40px, calc((100% - 1300px) / 2)); }
  .landing-copy { padding-inline-start: 0; }
}
@media (min-width: 720px) {
  .ecosystem-content { padding-inline: 40px; }
  .content-wrap { max-width: 1300px; }
  .detail-view, .marketplace-detail { padding-inline: 40px; }
  .detail-view .detail-shell, .marketplace-detail .detail-shell { max-width: 1300px; }
}

/* Featured ecosystem, based on the original Home cards. */
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,24px)}
.main-nav a{font:600 13px Arial;color:#153c33;text-decoration:none;white-space:nowrap;padding:10px 0}
.main-nav a:hover,.main-nav button:hover{color:#00815b}
#ecosystem-content,#featured,#partners-section{scroll-margin-top:95px}
.featured{margin-top:62px;padding-top:28px;border-top:1px solid #dce3d5}
.featured-intro,.featured-head{display:flex;justify-content:space-between;align-items:end;gap:20px}
.featured-kicker,.featured-label{font:700 10px Arial;letter-spacing:1.8px;color:#9a754d}
.featured-intro h2{font:700 clamp(28px,3vw,40px)/1.15 Arial;letter-spacing:-1px;margin:12px 0 8px;color:#112f2e}
.featured-intro p,.featured-head p{margin:0;color:#74837a;font:14px/1.5 Arial}
.featured-sample{font:10px/1.5 Arial;color:#65776b;background:#ecf2e8;border:1px solid #d4e1d2;border-radius:20px;padding:7px 12px}
.featured-row{margin-top:36px}.featured-head{margin-bottom:15px}.featured-head h3{font:700 23px/1.2 Arial;color:#153d31;margin:6px 0}
.featured-link{color:#0a694b;text-decoration:none;font:700 12px Arial;white-space:nowrap}.featured-link:hover{text-decoration:underline}
.featured-videos{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}.feature-video,.feature-product,.featured-panel{border:1px solid #dce4d8;border-radius:12px;background:#fffef8;overflow:hidden;box-shadow:0 3px 15px #1e47300b}
.feature-image{height:148px;position:relative;overflow:hidden;background:#073a2c}.feature-image img{width:100%;height:100%;object-fit:cover;display:block}.feature-video-large .feature-image{height:148px}
.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#002b2350)}.feature-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;border-radius:50%;color:#fff;background:#063b2acb;z-index:1;font-size:14px;padding-left:3px}.feature-badge{position:absolute;top:10px;left:10px;z-index:1;background:#f7f5e9;color:#165a40;padding:5px 7px;border-radius:4px;font:700 9px Arial}
.feature-body{padding:13px 15px 15px}.featured h4{font:700 15px/1.3 Arial;color:#173b32;margin:0 0 6px}.featured p{overflow-wrap:anywhere}.feature-body p,.feature-product p,.educator-preview p,.creator-preview p{font:12px/1.5 Arial;color:#74837a;margin:0}
.featured-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-product{display:grid;grid-template-columns:42% 1fr;min-width:0;align-items:center;padding:10px;gap:14px}.feature-product img{width:100%;height:86px;border-radius:7px;object-fit:cover;background:#073a2c}.sample-small{display:block;color:#a17d50;font:700 9px Arial;letter-spacing:1px;margin-bottom:8px}
.featured-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.featured-panel{padding:21px}.featured-panel .featured-head{align-items:start}.featured-panel .featured-head h3{font-size:21px}
.educator-preview,.creator-preview{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:18px;border-top:1px solid #e5e9df;padding-top:17px}.educator-preview img{width:115px;height:104px;object-fit:cover;border-radius:9px;background:#e7efe4}.creator-mark{width:98px;height:98px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(140deg,#0b835c,#023d2f);color:#f7f5dd;font:700 49px Georgia;box-shadow:0 7px 0 #c6ad71,0 14px 20px #063e2929}.creator-mark span{font:22px Arial;color:#ead28e}
.creator-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.creator-tags span{border:1px solid #d4e2d2;border-radius:20px;padding:5px 9px;font:10px Arial;color:#39634c;background:#f2f7ef}
html[dir=rtl] .featured,html[dir=rtl] .featured h2,html[dir=rtl] .featured h3,html[dir=rtl] .featured h4,html[dir=rtl] .featured p,html[dir=rtl] .featured a,html[dir=rtl] .featured span{font-family:Tahoma,Arial}
@media(max-width:1050px){.main-nav{gap:8px}.main-nav a{font-size:11px}}
@media(max-width:850px){.featured-videos{grid-template-columns:1fr 1fr}.feature-video-large{grid-column:1 / -1}.featured-products{grid-template-columns:1fr 1fr}.featured-duo{grid-template-columns:1fr}}
@media(max-width:719px){.main-nav{gap:2px}.main-nav a,.main-nav button{font-size:9px;padding:5px 3px}.featured{margin-top:45px}.featured-intro,.featured-head{align-items:start}.featured-intro{flex-direction:column;gap:12px}.featured-head{gap:8px}.featured-head h3{font-size:19px}.featured-link{font-size:10px}.featured-videos,.featured-products{grid-template-columns:1fr 1fr;gap:10px}.feature-video-large{grid-column:1 / -1}.feature-image{height:110px}.feature-video-large .feature-image{height:150px}.feature-product{grid-template-columns:1fr;gap:8px}.feature-product img{height:90px}.featured-panel{padding:16px}.educator-preview,.creator-preview{grid-template-columns:80px 1fr;gap:13px}.educator-preview img{width:80px;height:85px}.creator-mark{width:74px;height:74px;font-size:36px}.featured-intro p,.featured-head p{font-size:12px}}
@media(max-width:480px){.main-nav{display:none}}

.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;color:#153c33;padding:6px;font-size:19px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:35px;inset-inline-start:0;min-width:190px;background:#fffef8;border:1px solid #d9e0d0;border-radius:10px;box-shadow:0 12px 35px #173b2724;padding:8px;z-index:80}.mobile-nav nav a{display:block;padding:11px 10px;text-decoration:none;font:12px Arial;color:#153c33}.mobile-nav nav a:hover{background:#edf5eb}@media(max-width:480px){.mobile-nav{display:block}.brand img{width:100px}.toolbar{gap:2px}}