.fhero{padding-top:9rem;justify-content:space-between;align-items:flex-end;gap:2rem;margin:0 auto 5rem;padding-inline:7vw;display:flex}.fhero article{flex-shrink:0;align-items:center;display:flex}.fhero article aside{text-align:center;max-width:150px;padding-inline:12px}.fhero article aside span{font-size:28px;font-weight:600}.fhero article aside p{color:#333;text-wrap:wrap;font-size:13px;font-weight:lighter}.fhero article hr{border:.6px solid red;align-items:center;width:40%;transform:rotate(90deg)}.features{border:1px solid #999;border-radius:1.25rem;width:80%;margin:20px auto;padding:6px;display:flex}.features article{flex:1;padding:20px}.features article li{letter-spacing:1px;align-items:center;gap:8px;margin:4px 0;display:flex}.features aside{aspect-ratio:3/2;background-color:#0ff;border-radius:1rem;width:40%;overflow:hidden}.features article>span{align-items:center;gap:12px;margin-bottom:16px;font-size:1.5rem;font-weight:500;display:flex}.features article>span hr{background-color:#333;border-radius:10px;flex:1;margin-top:auto;margin-bottom:10px}.feature{z-index:3;transform:.4s ease;background:#ffffffd9;border:1px solid #a9a9a9;border-radius:8px;padding:32px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.feature li{z-index:3;color:#111;letter-spacing:1px;align-items:start;gap:8px;margin:4px 0;font-size:.95rem;font-weight:400;display:flex;position:sticky}.feature:hover{transform:translateY(-8px);box-shadow:0 20px 60px #2563eb26}.feature:after{content:"";aspect-ratio:1;background-color:#dedede;width:30%;position:absolute;top:0;right:0}.feature:before{content:"";aspect-ratio:1;background-color:#f0f0f0;width:15%;position:absolute;top:0%;right:30%}.feature p{z-index:3;color:#333;margin-bottom:16px;font-size:.875rem;font-weight:lighter;position:sticky}.feature>span{z-index:3;color:#111d35;align-items:baseline;gap:8px;margin-block:8px;font-size:1.25rem;font-weight:700;display:flex;position:sticky}.feature>span hr{background-color:#111;border-radius:10px}.feature .icon{aspect-ratio:1;background-color:#1d2c7b;border-radius:4px;justify-content:center;align-items:center;width:3.5rem;display:flex}.feature .icon svg{fill:#fff;aspect-ratio:1;width:70%!important}.feature .bg{aspect-ratio:1;fill:#aeaeae;width:60%;height:60%;position:absolute;bottom:-25%;right:-25%}.feat .bg{aspect-ratio:1;opacity:.7;z-index:0;width:30%;position:absolute;top:-25%;left:-10%}.feat{flex-direction:column;gap:2rem;width:100%;display:flex}.feat section{padding:24px;background:#f5f5f5;border:1px solid #999;border-right:none;border-radius:20px 0 0 20px;flex-wrap:wrap;grid-template-columns:1fr 360px;align-items:center;gap:8px 24px;max-width:90vw;margin-bottom:2rem;margin-left:auto;padding-right:16px;transition:box-shadow .3s;display:grid;overflow:hidden}.feat section .badge{margin:0;padding:1px 16px;font-size:10px}.feat section h2{z-index:2;font-size:1.3rem;font-weight:700;position:relative}.feat section p{z-index:2;color:#666;font-size:.8rem;font-weight:300;line-height:1.7;position:relative}.feat section>div{padding-left:20px;padding-right:4px;background-color:#fff;border:1px solid #00000080;border-radius:20px;grid-column:1/3;align-items:center;width:100%;height:40px;padding-block:4px;display:flex}.feat section>div .play{cursor:pointer;border-radius:20px;gap:8px;height:100%;margin-left:auto;padding-inline:28px}.feat .inverse{border-left:none;border-right:1px solid;border-radius:0 20px 20px 0;flex-direction:row-reverse;grid-template-columns:360px 1fr;margin-left:0;margin-right:auto;padding-left:16px;padding-right:24px}.feat .inverse article{grid-column:2/3}.feat .inverse>aside{grid-area:1/1/2/2}.feat section article{max-width:620px}.feat section article div{z-index:2;background-color:#fff;border:.8px solid #999;border-radius:16px;width:100%;margin-top:16px;position:relative;overflow:hidden}.feat section article aside{border-bottom:.8px solid #999;align-items:start;gap:12px;padding-block:16px;padding-inline:16px;font-size:1rem;display:flex}.feat section>aside{grid-template-rows:1fr 1fr;gap:24px;width:100%;height:100%;display:grid}.feat section>aside img{border:1px solid #696969;width:100%;height:100%}.feat section>.OneImg{align-items:center;display:flex}.feat section>.OneImg img{height:auto;min-height:184px;max-height:100%}.broch{color:#fff;background-color:#006400;width:fit-content;padding:8px 32px}@media (max-width:720px){.fhero{padding-inline:5vw;flex-direction:column;margin-bottom:3rem;padding-top:7rem}.fhero hr{width:90%}.fhero article aside span{font-size:20px}.fhero article aside p{font-size:12px}.feat{gap:1.5rem}.feat section{flex-direction:column;grid-template-rows:1fr auto auto;grid-template-columns:1fr;gap:16px;padding:16px;display:flex}.feat section h2{font-size:1.1rem}.feat section article div{border-radius:10px}.feat section article aside{gap:10px;padding:10px;font-size:.9rem}.feat section>div h6{font-size:10px}.feat section>div .play{min-width:120px;padding:0;font-size:10px}.feat section>aside{grid-template-rows:1fr}.feat section>aside img{border-radius:10px}.feat section>aside>img:last-child{display:none}.feat .OneImg img{min-height:auto;display:block!important}.feat .inverse{grid-template-rows:1fr auto;grid-template-columns:1fr}.feat .inverse article{grid-area:1/1/2/2}.feat .inverse>aside{grid-row:2/3}}