.try-it-out-button{width:100%;max-width:42rem;margin:var(--space-24) auto;background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-20);text-align:left;cursor:pointer;transition:all .3s ease-in-out;box-shadow:var(--shadow-md);display:block}.try-it-out-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 15px -3px rgba(var(--rgb-indigo-strong),.1),0 4px 6px -4px rgba(var(--rgb-indigo-strong),.1);border-color:var(--interactive-blue)}.button-content{display:flex;align-items:center;gap:var(--space-16)}.button-icon{width:2.5rem;height:2.5rem;flex-shrink:0}.text-container{flex-grow:1}.button-main-text{font-size:var(--text-lg);font-weight:600;color:var(--primary-text);display:block}.button-sub-text{font-size:var(--text-sm);color:var(--secondary-text);font-family:Roboto Mono,monospace}.arrow-container{font-size:var(--text-h4);color:var(--subtle-text);transition:transform .3s ease,color .3s ease}.try-it-out-button:hover .arrow-container{transform:translateX(5px);color:var(--interactive-blue)}.video-simple-embed{max-width:48rem;margin:var(--space-40) auto;background-color:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8)}.video-simple-embed,.video-simple-embed iframe{width:100%;margin-bottom:var(--space-32);border-radius:var(--radius-xl);overflow:hidden;position:relative;background-color:#000;aspect-ratio:16/9}.video-simple-embed video{width:100%;height:100%;display:block;object-fit:cover}.video-custom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--rgb-black),.3);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:10;transition:background-color .3s ease}.video-custom-overlay:hover{background:rgba(var(--rgb-black),.1)}.video-custom-overlay:hover .video-play-icon-wrapper{transform:scale(1.1);background-color:var(--interactive-blue);border-color:var(--interactive-blue)}.video-simple-embed.playing .video-custom-overlay{display:none}.video-modal-thumbnail,.video-play-icon-wrapper{width:80px;height:80px;border-radius:var(--radius-circle);background-color:rgba(var(--rgb-white),.2);border:2px solid rgba(var(--rgb-white),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.video-play-icon-wrapper svg{width:40px;height:40px;color:white;margin-left:var(--space-4)}.video-with-title{max-width:48rem;margin:var(--space-40) auto}.video-with-title-embed-wrapper{background-color:white;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.video-with-title-embed-wrapper iframe{width:100%;aspect-ratio:16/9;display:block;border:none}.video-with-title-text-wrapper{background-color:white;padding:var(--space-24);margin-top:-.5rem;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.video-with-title-title{font-size:var(--text-h5);font-weight:700;color:var(--primary-text)}.video-with-title-description{font-size:var(--text-sm);color:var(--secondary-text);margin-top:var(--space-8)}.video-hero{max-width:64rem;margin:var(--space-40) auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;height:24rem}.video-hero video{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover}.video-hero-overlay{position:absolute;inset:0;background-color:rgba(var(--rgb-black),.6);z-index:10}.video-hero-content{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:white;text-align:center;padding:var(--space-32)}.video-hero-title{font-size:2.25rem;font-weight:700}@media (min-width:768px){.video-hero-title{font-size:var(--text-h1)}}.video-hero-text{margin-top:var(--space-16);max-width:48rem}.video-hero-button{margin-top:var(--space-32);background-color:var(--interactive-blue);color:white;font-weight:600;padding:var(--space-12) var(--space-24);border-radius:var(--radius-lg);transition:background-color .3s;text-decoration:none}.video-hero-button:hover{background-color:var(--interactive-hover)}.video-modal-thumbnail{position:relative;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;cursor:pointer;border:none;padding:var(--space-0);display:block;width:100%}.video-modal-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.video-modal-thumbnail:hover img{transform:scale(1.1)}.video-modal-thumbnail-overlay{position:absolute;inset:0;background-color:rgba(var(--rgb-black),.4);transition:background-color .3s ease}.video-modal-thumbnail:hover .video-modal-thumbnail-overlay{background-color:rgba(var(--rgb-black),.6)}.video-modal-play-icon-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video-modal-play-icon-wrapper{height:5rem;width:5rem;border-radius:var(--radius-pill);background-color:rgba(var(--rgb-white),.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.video-modal-thumbnail:hover .video-modal-play-icon-wrapper{transform:scale(1.1)}.video-modal-play-icon{height:2.5rem;width:2.5rem;color:white;margin-left:var(--space-4)}.video-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--rgb-black),.8);padding:var(--space-16);opacity:0;transition:opacity .3s ease-out;pointer-events:none}.video-modal.open{opacity:1;pointer-events:auto}.video-modal-content{position:relative;width:100%;max-width:56rem;transform:translateY(2rem) scale(.95);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.video-modal.open .video-modal-content{transform:translateY(0) scale(1);opacity:1}.video-modal-iframe-wrapper{width:100%;aspect-ratio:16/9}.video-modal-iframe-wrapper iframe{width:100%;height:100%;border-radius:var(--radius-xl);border:none}.video-modal-close-button{position:absolute;top:-1rem;right:-1rem;height:2.5rem;width:2.5rem;border-radius:var(--radius-pill);background-color:white;color:var(--neutral-700);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.video-modal-close-button:hover{background-color:var(--color-surface-sunk)}