.intro-video-section,.intro-video-section *{box-sizing:border-box}.intro-video-section{--intro-section-bg:#eef0ea;--intro-text:#142b27;--intro-muted:#5d6c66;--intro-video-bg:#102a26;--intro-video-border:#dce3dc;--intro-orange:#ff6338;isolation:isolate;background:var(--intro-section-bg);width:100%;color:var(--intro-text);padding:76px 24px;transition:background .4s,color .4s;position:relative;overflow:hidden}.intro-video-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff843f1f,#0000 70%);border-radius:50%;width:420px;height:420px;animation:9s ease-in-out infinite alternate intro-ambient;position:absolute;top:-180px;right:-120px}.intro-video-container{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:56px;width:100%;max-width:1180px;margin:0 auto;display:grid}.intro-video-content{min-width:0;animation:.9s cubic-bezier(.16,1,.3,1) both intro-content-reveal}.intro-video-badge{color:#b84624;letter-spacing:1.1px;background:#ffe7dc;border:1px solid #ff633838;border-radius:30px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 16px;font-size:12px;font-weight:800;line-height:1.4;animation:.8s cubic-bezier(.16,1,.3,1) both intro-badge-reveal;display:inline-flex}.badge-dot{background:#ff6338;border-radius:50%;flex:0 0 8px;width:8px;height:8px;animation:2s ease-in-out infinite intro-dot-pulse;box-shadow:0 0 0 4px #ff63381f}.intro-video-content h2{max-width:610px;color:var(--intro-text);letter-spacing:-1.5px;overflow-wrap:break-word;margin:0 0 24px;font-size:clamp(34px,3.5vw,48px);font-weight:800;line-height:1.13;animation:1s cubic-bezier(.16,1,.3,1) .1s both intro-heading-reveal}.intro-highlight{color:var(--intro-orange);-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#ff6338,#ff843f,#ff6338);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite intro-highlight-shine;display:inline}.intro-video-content p{max-width:550px;color:var(--intro-muted);margin:0 0 28px;font-size:17px;font-weight:400;line-height:1.85;animation:.8s ease-out .25s both intro-content-reveal}.intro-video-benefits{flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px;display:flex}.intro-benefit{color:var(--intro-text);align-items:center;gap:14px;font-size:16px;font-weight:500;line-height:1.5;transition:transform .3s,color .3s;animation:.65s cubic-bezier(.16,1,.3,1) both intro-benefit-reveal;display:flex}.intro-benefit:first-child{animation-delay:.3s}.intro-benefit:nth-child(2){animation-delay:.45s}.intro-benefit:nth-child(3){animation-delay:.6s}.intro-benefit:hover{transform:translate(7px)}.benefit-check{color:#ff6338;background:#ffe7dc;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:19px;font-weight:800;transition:transform .3s,box-shadow .3s;display:inline-flex}.intro-benefit:hover .benefit-check{transform:rotate(-8deg)scale(1.12);box-shadow:0 0 18px #ff633840}.intro-video-card{aspect-ratio:1;isolation:isolate;border:1px solid var(--intro-video-border);background:var(--intro-video-bg);border-radius:22px;justify-self:end;width:100%;min-width:0;max-width:430px;min-height:0;padding:0;transition:border-color .35s,box-shadow .35s;animation:1s cubic-bezier(.16,1,.3,1) .15s both intro-video-reveal,6s ease-in-out 1.2s infinite intro-video-float;position:relative;overflow:hidden;box-shadow:0 20px 55px #142b2726}.intro-video-card:hover{border-color:#ff843fbf;box-shadow:0 28px 65px #142b2733,0 0 28px #ff843f21}.intro-video-player{background:#000;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.intro-video-thumbnail{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);display:block}.intro-video-card:hover .intro-video-thumbnail{transform:scale(1.045)}.intro-video-overlay{z-index:2;background:linear-gradient(#0918151f 0%,#09181508 35%,#091815e0 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.intro-video-label{color:#fff;letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap;background:#0c1e1ad6;border:1px solid #fff3;border-radius:8px;max-width:calc(100% - 36px);padding:9px 12px;font-size:11px;font-weight:800;position:absolute;top:18px;left:18px;overflow:hidden}.intro-video-play-button{color:#fff;cursor:pointer;background:#ff843f;border:2px solid #ffffffeb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .3s,background .3s;animation:2.4s ease-out infinite intro-play-pulse;display:inline-flex;box-shadow:0 8px 28px #0003}.intro-video-play-button:hover{background:#f36e2b;transform:scale(1.12)}.intro-video-play-icon{margin-left:5px;font-size:28px;line-height:1}.intro-video-caption{color:#fff;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:22px;left:20px;right:20px}.intro-video-caption strong{font-size:19px;font-weight:800;line-height:1.35}.intro-video-caption span{color:#ffffffd1;font-size:14px;line-height:1.5}:is(.dark,[data-theme=dark],body.dark) .intro-video-section{--intro-section-bg:#0b1715;--intro-text:#f3f6f4;--intro-muted:#b4c3bd;--intro-video-bg:#102a26;--intro-video-border:#29423b}:is(.dark,[data-theme=dark],body.dark) .intro-video-section:before{background:radial-gradient(circle,#ff63381a,#0000 70%)}:is(.dark,[data-theme=dark],body.dark) .intro-video-section .intro-video-card{box-shadow:0 22px 60px #00000040}@keyframes intro-content-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-badge-reveal{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes intro-heading-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes intro-benefit-reveal{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes intro-video-reveal{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes intro-video-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes intro-dot-pulse{0%,to{box-shadow:0 0 0 3px #ff63381a}50%{box-shadow:0 0 0 7px #ff63380a}}@keyframes intro-highlight-shine{0%{background-position:100%}to{background-position:-100%}}@keyframes intro-play-pulse{0%,to{box-shadow:0 8px 28px #0003}60%{box-shadow:0 8px 28px #0003,0 0 0 12px #ff843f00}30%{box-shadow:0 8px 28px #0003,0 0 0 5px #ff843f29}}@keyframes intro-ambient{0%{opacity:.65;transform:translate(0,0)scale(.9)}to{opacity:1;transform:translate(-35px,30px)scale(1.12)}}@media (width<=900px){.intro-video-section{padding:60px 24px}.intro-video-container{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px}.intro-video-content h2{letter-spacing:-1px;font-size:clamp(30px,4vw,40px)}.intro-video-content p{font-size:16px}.intro-video-card{max-width:360px}}@media (width<=680px){.intro-video-section{padding:48px 20px}.intro-video-container{grid-template-columns:minmax(0,1fr);gap:32px}.intro-video-content{width:100%}.intro-video-badge{margin-bottom:22px;padding:9px 13px;font-size:11px}.intro-video-content h2{letter-spacing:-.8px;max-width:100%;margin-bottom:18px;font-size:clamp(30px,8vw,38px);line-height:1.15}.intro-video-content p{margin-bottom:22px;font-size:15px;line-height:1.75}.intro-video-benefits{gap:13px;margin-top:22px}.intro-benefit{gap:11px;font-size:14px}.benefit-check{flex-basis:28px;width:28px;height:28px;font-size:17px}.intro-video-card{border-radius:18px;justify-self:center;width:100%;max-width:380px}.intro-video-label{font-size:10px;top:12px;left:12px}.intro-video-play-button{width:64px;height:64px}.intro-video-play-icon{font-size:24px}.intro-video-caption{bottom:16px;left:16px;right:16px}.intro-video-caption strong{font-size:17px}.intro-video-caption span{font-size:13px}}@media (width<=380px){.intro-video-section{padding:40px 16px}.intro-video-content h2{font-size:29px}.intro-video-card{border-radius:14px}}@media (prefers-reduced-motion:reduce){.intro-video-section,.intro-video-section *,.intro-video-section:before,.intro-video-section :before,.intro-video-section :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
